feat(new-tool): RSA key pair generator

package.json

@@ -55,6 +55,7 @@
     "mathjs": "^10.6.4",
     "mime-types": "^2.1.35",
     "naive-ui": "^2.33.5",
+    "node-forge": "^1.3.1",
     "pinia": "^2.0.23",
     "plausible-tracker": "^0.3.8",
     "qrcode": "^1.5.1",
@@ -73,6 +74,7 @@
     "@types/lodash": "^4.14.188",
     "@types/mime-types": "^2.1.1",
     "@types/node": "^16.18.3",
+    "@types/node-forge": "^1.3.1",
     "@types/qrcode": "^1.5.0",
     "@types/randombytes": "^2.0.0",
     "@types/uuid": "^8.3.4",

pnpm-lock.yaml

@@ -11,6 +11,7 @@ specifiers:
   '@types/lodash': ^4.14.188
   '@types/mime-types': ^2.1.1
   '@types/node': ^16.18.3
+  '@types/node-forge': ^1.3.1
   '@types/qrcode': ^1.5.0
   '@types/randombytes': ^2.0.0
   '@types/uuid': ^8.3.4
@@ -50,6 +51,7 @@ specifiers:
   mathjs: ^10.6.4
   mime-types: ^2.1.35
   naive-ui: ^2.33.5
+  node-forge: ^1.3.1
   pinia: ^2.0.23
   plausible-tracker: ^0.3.8
   prettier: ^2.7.1
@@ -96,6 +98,7 @@ dependencies:
   mathjs: 10.6.4
   mime-types: 2.1.35
   naive-ui: 2.33.5_vue@3.2.45
+  node-forge: 1.3.1
   pinia: 2.0.23_oankqy72ltdeevri3bqxeckw3m
   plausible-tracker: 0.3.8
   qrcode: 1.5.1
@@ -114,6 +117,7 @@ devDependencies:
   '@types/lodash': 4.14.188
   '@types/mime-types': 2.1.1
   '@types/node': 16.18.3
+  '@types/node-forge': 1.3.1
   '@types/qrcode': 1.5.0
   '@types/randombytes': 2.0.0
   '@types/uuid': 8.3.4
@@ -1732,6 +1736,12 @@ packages:
     resolution: {integrity: sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==}
     dev: true
 
+  /@types/node-forge/1.3.1:
+    resolution: {integrity: sha512-hvQ7Wav8I0j9amPXJtGqI/Yx70zeF62UKlAYq8JPm0nHzjKKzZvo9iR3YI2MiOghZRlOI+tQ2f6D+G6vVf4V2Q==}
+    dependencies:
+      '@types/node': 17.0.45
+    dev: true
+
   /@types/node/16.18.3:
     resolution: {integrity: sha512-jh6m0QUhIRcZpNv7Z/rpN+ZWXOicUUQbSoWks7Htkbb9IjFQj4kzcX/xFCkjstCj5flMsN8FiSvt+q+Tcs4Llg==}
     dev: true
@@ -5278,6 +5288,11 @@ packages:
       tslib: 2.4.1
     dev: false
 
+  /node-forge/1.3.1:
+    resolution: {integrity: sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==}
+    engines: {node: '>= 6.13.0'}
+    dev: false
+
   /node-releases/2.0.6:
     resolution: {integrity: sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==}
     dev: true

src/tools/index.ts

@@ -1,6 +1,7 @@
 import { tool as base64FileConverter } from './base64-file-converter';
 import { tool as base64StringConverter } from './base64-string-converter';
 import { tool as basicAuthGenerator } from './basic-auth-generator';
+import { tool as rsaKeyPairGenerator } from './rsa-key-pair-generator';
 import { tool as textToNatoAlphabet } from './text-to-nato-alphabet';
 import { tool as slugifyString } from './slugify-string';
 import { tool as keycodeInfo } from './keycode-info';
@@ -44,7 +45,7 @@ import { tool as uuidGenerator } from './uuid-generator';
 export const toolsByCategory: ToolCategory[] = [
   {
     name: 'Crypto',
-    components: [tokenGenerator, hashText, bcrypt, uuidGenerator, cypher, bip39, hmacGenerator],
+    components: [tokenGenerator, hashText, bcrypt, uuidGenerator, cypher, bip39, hmacGenerator, rsaKeyPairGenerator],
   },
   {
     name: 'Converter',

src/tools/rsa-key-pair-generator/index.ts

@@ -0,0 +1,11 @@
+import { Certificate } from '@vicons/tabler';
+import { defineTool } from '../tool';
+
+export const tool = defineTool({
+  name: 'RSA key pair generator',
+  path: '/rsa-key-pair-generator',
+  description: 'Generate new random RSA private and public key pem certificates.',
+  keywords: ['rsa', 'key', 'pair', 'generator', 'public', 'private', 'secret', 'ssh', 'pem'],
+  component: () => import('./rsa-key-pair-generator.vue'),
+  icon: Certificate,
+});

src/tools/rsa-key-pair-generator/rsa-key-pair-generator.service.ts

@@ -0,0 +1,25 @@
+import { pki } from 'node-forge';
+
+export { generateKeyPair };
+
+function generateRawPairs({ bits = 2048 }) {
+  return new Promise<pki.rsa.KeyPair>((resolve, reject) =>
+    pki.rsa.generateKeyPair({ bits }, (err, keyPair) => {
+      if (err) {
+        reject(err);
+        return;
+      }
+
+      resolve(keyPair);
+    }),
+  );
+}
+
+async function generateKeyPair(config: { bits?: number } = {}) {
+  const { privateKey, publicKey } = await generateRawPairs(config);
+
+  return {
+    publicKeyPem: pki.publicKeyToPem(publicKey),
+    privateKeyPem: pki.privateKeyToPem(privateKey),
+  };
+}

src/tools/rsa-key-pair-generator/rsa-key-pair-generator.vue

@@ -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>

src/utils/defaults.ts

@@ -1,4 +1,4 @@
-export { withDefaultOnError };
+export { withDefaultOnError, withDefaultOnErrorAsync };
 
 function withDefaultOnError<A, B>(cb: () => A, defaultValue: B): A | B {
   try {
@@ -7,3 +7,11 @@ function withDefaultOnError<A, B>(cb: () => A, defaultValue: B): A | B {
     return defaultValue;
   }
 }
+
+async function withDefaultOnErrorAsync<A, B>(cb: () => A, defaultValue: B): Promise<Awaited<A> | B> {
+  try {
+    return await cb();
+  } catch (_) {
+    return defaultValue;
+  }
+}