feat: codeVerifier and codeChallenge

packages/client/jest.config.js

@@ -4,8 +4,9 @@ module.exports = {
   },
   testRegex: '(/__tests__/.*|\\.(test|spec))\\.(ts|tsx|js)$',
   moduleFileExtensions: ['ts', 'tsx', 'js'],
-  testEnvironment: 'node',
+  testEnvironment: 'jsdom',
   moduleNameMapper: {
     '^jose/(.*)$': '<rootDir>/node_modules/jose/dist/node/cjs/$1',
   },
+  setupFilesAfterEnv: ['./jest.setup.js'],
 };

packages/client/jest.setup.js

@@ -0,0 +1,9 @@
+/* eslint-disable @silverhand/fp/no-mutation */
+/* eslint-disable node/prefer-global/text-encoder */
+/* eslint-disable unicorn/prefer-module */
+const { TextEncoder } = require('util');
+
+const { Crypto } = require('@peculiar/webcrypto');
+
+global.crypto = new Crypto();
+global.TextEncoder = TextEncoder;

packages/client/package.json

@@ -13,9 +13,11 @@
   "dependencies": {
     "axios": "^0.21.1",
     "jose": "^3.14.3",
+    "js-base64": "^3.7.2",
     "openid-client": "^4.7.4"
   },
   "devDependencies": {
+    "@peculiar/webcrypto": "^1.1.7",
     "@silverhand/eslint-config": "^0.2.2",
     "@silverhand/essentials": "^1.1.0",
     "@silverhand/ts-config": "^0.2.2",

packages/client/src/generators.test.ts

@@ -0,0 +1,12 @@
+import { generateCodeVerifier, generateCodeChallenge, CODE_VERIFIER_LEN } from './generators';
+
+test('generate codeVerifier', () => {
+  const verifier = generateCodeVerifier();
+  expect(verifier.length).toEqual(CODE_VERIFIER_LEN);
+});
+
+test('generate codeChallenge', async () => {
+  const verifier = generateCodeVerifier();
+  const challenge = await generateCodeChallenge(verifier);
+  expect(challenge.length).toEqual(43);
+});

packages/client/src/generators.ts

@@ -0,0 +1,28 @@
+import { fromUint8Array } from 'js-base64';
+
+function generateRandomData(length: number) {
+  const array = new Uint8Array(length);
+  crypto.getRandomValues(array);
+  return Array.from(array);
+}
+
+function generateRandomString(length: number) {
+  const randomData = generateRandomData(length);
+  const alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+
+  const charCodes = randomData.map((randomNumber) =>
+    alphabet.charCodeAt(randomNumber & alphabet.length)
+  );
+
+  return String.fromCharCode(...charCodes);
+}
+
+export const CODE_VERIFIER_LEN = 96;
+export const generateCodeVerifier = (): string => generateRandomString(CODE_VERIFIER_LEN);
+
+export const generateCodeChallenge = async (codeVerifier: string): Promise<string> => {
+  const encoded = new TextEncoder().encode(codeVerifier);
+  const challenge = new Uint8Array(await crypto.subtle.digest('SHA-256', encoded));
+
+  return fromUint8Array(challenge).replace(/\+/g, '-').replace(/\//g, '_').replace(/=/g, '');
+};