From 8b933792cf6c872f8a16b809575bacef26baa942 Mon Sep 17 00:00:00 2001
From: sharevb <sharevb@gmail.com>
Date: Fri, 23 Aug 2024 21:57:52 +0200
Subject: [PATCH 1/2] feat(new tool): WPA PSK Raw Key Generator

Fix #1236
---
 components.d.ts                               |  2 +
 src/tools/index.ts                            | 16 ++++-
 src/tools/wpa-psk-generator/index.ts          | 12 ++++
 .../wpa-psk-generator.service.test.ts         | 12 ++++
 .../wpa-psk-generator.service.ts              | 15 +++++
 .../wpa-psk-generator/wpa-psk-generator.vue   | 58 +++++++++++++++++++
 6 files changed, 114 insertions(+), 1 deletion(-)
 create mode 100644 src/tools/wpa-psk-generator/index.ts
 create mode 100644 src/tools/wpa-psk-generator/wpa-psk-generator.service.test.ts
 create mode 100644 src/tools/wpa-psk-generator/wpa-psk-generator.service.ts
 create mode 100644 src/tools/wpa-psk-generator/wpa-psk-generator.vue

diff --git a/components.d.ts b/components.d.ts
index 89f41f80..0cd0a3b0 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -129,6 +129,7 @@ declare module '@vue/runtime-core' {
     MetaTagGenerator: typeof import('./src/tools/meta-tag-generator/meta-tag-generator.vue')['default']
     MimeTypes: typeof import('./src/tools/mime-types/mime-types.vue')['default']
     NavbarButtons: typeof import('./src/components/NavbarButtons.vue')['default']
+    NButton: typeof import('naive-ui')['NButton']
     NCode: typeof import('naive-ui')['NCode']
     NCollapseTransition: typeof import('naive-ui')['NCollapseTransition']
     NConfigProvider: typeof import('naive-ui')['NConfigProvider']
@@ -185,6 +186,7 @@ declare module '@vue/runtime-core' {
     UserAgentResultCards: typeof import('./src/tools/user-agent-parser/user-agent-result-cards.vue')['default']
     UuidGenerator: typeof import('./src/tools/uuid-generator/uuid-generator.vue')['default']
     WifiQrCodeGenerator: typeof import('./src/tools/wifi-qr-code-generator/wifi-qr-code-generator.vue')['default']
+    WpaPskGenerator: typeof import('./src/tools/wpa-psk-generator/wpa-psk-generator.vue')['default']
     XmlFormatter: typeof import('./src/tools/xml-formatter/xml-formatter.vue')['default']
     XmlToJson: typeof import('./src/tools/xml-to-json/xml-to-json.vue')['default']
     YamlToJson: typeof import('./src/tools/yaml-to-json-converter/yaml-to-json.vue')['default']
diff --git a/src/tools/index.ts b/src/tools/index.ts
index b4c161ef..4f80a816 100644
--- a/src/tools/index.ts
+++ b/src/tools/index.ts
@@ -2,6 +2,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 emailNormalizer } from './email-normalizer';
+import { tool as wpaPskGenerator } from './wpa-psk-generator';
 
 import { tool as asciiTextDrawer } from './ascii-text-drawer';
 
@@ -88,7 +89,20 @@ import { tool as yamlViewer } from './yaml-viewer';
 export const toolsByCategory: ToolCategory[] = [
   {
     name: 'Crypto',
-    components: [tokenGenerator, hashText, bcrypt, uuidGenerator, ulidGenerator, cypher, bip39, hmacGenerator, rsaKeyPairGenerator, passwordStrengthAnalyser, pdfSignatureChecker],
+    components: [
+      tokenGenerator,
+      hashText,
+      bcrypt,
+      uuidGenerator,
+      ulidGenerator,
+      cypher,
+      bip39,
+      hmacGenerator,
+      rsaKeyPairGenerator,
+      passwordStrengthAnalyser,
+      pdfSignatureChecker,
+      wpaPskGenerator,
+    ],
   },
   {
     name: 'Converter',
diff --git a/src/tools/wpa-psk-generator/index.ts b/src/tools/wpa-psk-generator/index.ts
new file mode 100644
index 00000000..9dc4cc61
--- /dev/null
+++ b/src/tools/wpa-psk-generator/index.ts
@@ -0,0 +1,12 @@
+import { Wifi } from '@vicons/tabler';
+import { defineTool } from '../tool';
+
+export const tool = defineTool({
+  name: 'WPA PSK generator',
+  path: '/wpa-psk-generator',
+  description: 'WPA Pre-shared Key Generator to convert a WPA passphrase and SSID to the 256-bit pre-shared ("raw") key',
+  keywords: ['wpa', 'psk', 'pre', 'shared', 'key', 'ssid', 'passphrase', 'generator'],
+  component: () => import('./wpa-psk-generator.vue'),
+  icon: Wifi,
+  createdAt: new Date('2024-08-15'),
+});
diff --git a/src/tools/wpa-psk-generator/wpa-psk-generator.service.test.ts b/src/tools/wpa-psk-generator/wpa-psk-generator.service.test.ts
new file mode 100644
index 00000000..1bc80a19
--- /dev/null
+++ b/src/tools/wpa-psk-generator/wpa-psk-generator.service.test.ts
@@ -0,0 +1,12 @@
+import { describe, expect, it } from 'vitest';
+import { generateWpaPskRawKey } from './wpa-psk-generator.service';
+
+describe('wpa-psk-generator', () => {
+  it('generateWpaPskRawKey should generate raw key', () => {
+    expect(generateWpaPskRawKey('test', 'test')).to.deep.eq({
+      passphrase: 'test',
+      psk: 'd630c5513becfd3952432bd7fcf098b7a40907f3214cf43551f1b8cfda873eccd55e2e0c6b8fed55feecdd7f21db4fb6b31c602fe3f5e58e7edd462b12e4acc4632aa41c4755646b8a52826cb76f3a984571c4cfc73a1a2684f55790fac9e1f6c6002faedcb6c2d47a3678139027b95641efbcecd934b712bf48db71a76d8915',
+      ssid: 'test',
+    });
+  });
+});
diff --git a/src/tools/wpa-psk-generator/wpa-psk-generator.service.ts b/src/tools/wpa-psk-generator/wpa-psk-generator.service.ts
new file mode 100644
index 00000000..f259c09e
--- /dev/null
+++ b/src/tools/wpa-psk-generator/wpa-psk-generator.service.ts
@@ -0,0 +1,15 @@
+import CryptoJS from 'crypto-js';
+import pbkdf2 from 'crypto-js/pbkdf2';
+
+export function generateWpaPskRawKey(ssid: string, passphrase: string) {
+  const psk = pbkdf2(passphrase, ssid, {
+    keySize: 32,
+    iterations: 4096,
+    hasher: CryptoJS.algo.SHA1,
+  }).toString(CryptoJS.enc.Hex);
+  return {
+    ssid,
+    passphrase,
+    psk,
+  };
+}
diff --git a/src/tools/wpa-psk-generator/wpa-psk-generator.vue b/src/tools/wpa-psk-generator/wpa-psk-generator.vue
new file mode 100644
index 00000000..7aafbc46
--- /dev/null
+++ b/src/tools/wpa-psk-generator/wpa-psk-generator.vue
@@ -0,0 +1,58 @@
+<script setup lang="ts">
+import { generateWpaPskRawKey } from './wpa-psk-generator.service';
+import { useValidation } from '@/composable/validation';
+
+const ssid = ref('');
+const passphrase = ref('');
+
+const wpaPSKRawKey = ref('');
+function computeRawKey() {
+  try {
+    wpaPSKRawKey.value = generateWpaPskRawKey(ssid.value, passphrase.value)?.psk;
+  }
+  catch (e: any) {
+    wpaPSKRawKey.value = e.toString();
+  }
+}
+
+const ssidValidation = useValidation({
+  source: ssid,
+  rules: [
+    {
+      validator: v => v !== '',
+      message: 'SSID must not be empty.',
+    },
+  ],
+});
+</script>
+
+<template>
+  <div style="max-width: 600px;">
+    <c-card title="Wifi Infos" mb-2>
+      <c-input-text
+        v-model:value="ssid"
+        label="SSID"
+        label-position="left"
+        placeholder="Put your SSID here..."
+        :validation="ssidValidation"
+        mb-2
+      />
+
+      <c-input-text
+        v-model:value="passphrase"
+        label="Passphrase"
+        label-position="left"
+        placeholder="Put your Passphrase here..."
+        mb-2
+      />
+
+      <div flex justify-center>
+        <n-button @click="computeRawKey()">Compute</n-button>
+      </div>
+    </c-card>
+
+    <c-card title="WPA PSK Raw Key (256 bits)">
+      <TextareaCopyable :value="wpaPSKRawKey" />
+    </c-card>
+  </div>
+</template>

From 96f6262392f694ba3871ef1c0f2641352292a189 Mon Sep 17 00:00:00 2001
From: ShareVB <sharevb@gmail.com>
Date: Mon, 26 Aug 2024 17:49:40 +0200
Subject: [PATCH 2/2] fix: wrong key length

---
 src/tools/wpa-psk-generator/wpa-psk-generator.service.test.ts | 3 ++-
 src/tools/wpa-psk-generator/wpa-psk-generator.service.ts      | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/tools/wpa-psk-generator/wpa-psk-generator.service.test.ts b/src/tools/wpa-psk-generator/wpa-psk-generator.service.test.ts
index 1bc80a19..7f76eb29 100644
--- a/src/tools/wpa-psk-generator/wpa-psk-generator.service.test.ts
+++ b/src/tools/wpa-psk-generator/wpa-psk-generator.service.test.ts
@@ -5,8 +5,9 @@ describe('wpa-psk-generator', () => {
   it('generateWpaPskRawKey should generate raw key', () => {
     expect(generateWpaPskRawKey('test', 'test')).to.deep.eq({
       passphrase: 'test',
-      psk: 'd630c5513becfd3952432bd7fcf098b7a40907f3214cf43551f1b8cfda873eccd55e2e0c6b8fed55feecdd7f21db4fb6b31c602fe3f5e58e7edd462b12e4acc4632aa41c4755646b8a52826cb76f3a984571c4cfc73a1a2684f55790fac9e1f6c6002faedcb6c2d47a3678139027b95641efbcecd934b712bf48db71a76d8915',
+      psk: 'd630c5513becfd3952432bd7fcf098b7a40907f3214cf43551f1b8cfda873ecc',
       ssid: 'test',
     });
+    expect(generateWpaPskRawKey('test', 'test')?.psk).toHaveLength(256 / 8 * 2);
   });
 });
diff --git a/src/tools/wpa-psk-generator/wpa-psk-generator.service.ts b/src/tools/wpa-psk-generator/wpa-psk-generator.service.ts
index f259c09e..30c35aa2 100644
--- a/src/tools/wpa-psk-generator/wpa-psk-generator.service.ts
+++ b/src/tools/wpa-psk-generator/wpa-psk-generator.service.ts
@@ -3,7 +3,7 @@ import pbkdf2 from 'crypto-js/pbkdf2';
 
 export function generateWpaPskRawKey(ssid: string, passphrase: string) {
   const psk = pbkdf2(passphrase, ssid, {
-    keySize: 32,
+    keySize: 256 / 32,
     iterations: 4096,
     hasher: CryptoJS.algo.SHA1,
   }).toString(CryptoJS.enc.Hex);