mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-20 14:56:17 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat(new-tool): RSA key pair generator

Browse source
This commit is contained in:
Corentin Thomasset 2023-03-10 18:16:55 +01:00
parent 7958e2e075
commit 30e9149d61
No known key found for this signature in database
GPG key ID: DBD997E935996158
7 changed files with 112 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

48
src/tools/rsa-key-pair-generator/rsa-key-pair-generator.vue Normal file
View file

@ -0,0 +1,48 @@
<template>
<div style="flex: 0 0 100%">
<n-space item-style="flex: 1 1 0" style="margin: 0 auto; max-width: 600px" justify="center">
<n-form-item label="Bits :" v-bind="bitsValidationAttrs" label-placement="left" label-width="100">
<n-input-number v-model:value="bits" min="256" max="16384" step="8" style="width: 150px" />
</n-form-item>
</n-space>
</div>
<div>
<h3>Public key</h3>
<textarea-copyable :value="certs.publicKeyPem" />
</div>
<div>
<h3>Private key</h3>
<textarea-copyable :value="certs.privateKeyPem" />
</div>
</template>
<script setup lang="ts">
import TextareaCopyable from '@/components/TextareaCopyable.vue';
import { ref } from 'vue';
import { computedAsync } from '@vueuse/core';
import { withDefaultOnErrorAsync } from '@/utils/defaults';
import { useValidation } from '@/composable/validation';
import { generateKeyPair } from './rsa-key-pair-generator.service';
const bits = ref(2048);
const emptyCerts = { publicKeyPem: '', privateKeyPem: '' };
const { attrs: bitsValidationAttrs } = useValidation({
source: bits,
rules: [
{
message: 'Bits should be 256 <= bits <= 16384 and be a multiple of 8',
validator: (value) => value >= 256 && value <= 16384 && value % 8 === 0,
},
],
});
const certs = computedAsync(
() => withDefaultOnErrorAsync(() => generateKeyPair({ bits: bits.value }), emptyCerts),
emptyCerts,
);
</script>
<style lang="less" scoped></style>