chore: interop browser testing (#42)

birme · web-flow · commit 04087ef2d2d7 · 2025-04-09T00:36:00.000+02:00
* chore: add longer timeout for interop tests

* chore: interop browser testing

* chore: fix prettier

* fix: add cwt tag on browser test
diff --git a/examples/generate.ts b/examples/generate.ts
@@ -1,4 +1,4 @@
-import { CAT, CommonAccessTokenRenewal } from '../src';
+import { CAT } from '../src';
 
 async function main() {
   const generator = new CAT({
diff --git a/interop/browser/empty-module.js b/interop/browser/empty-module.js
@@ -0,0 +1 @@
+export default {};
diff --git a/interop/browser/index.html b/interop/browser/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CAT Browser Test</title>
+  </head>
+  <body>
+    <div>
+      <h2>CAT Token Test</h2>
+      <button id="generateToken">Generate Token</button>
+      <pre id="output"></pre>
+    </div>
+    <script type="module" src="./main.js"></script>
+  </body>
+</html>
diff --git a/interop/browser/main.js b/interop/browser/main.js
@@ -0,0 +1,60 @@
+import { CAT } from '@eyevinn/cat';
+
+const output = document.getElementById('output');
+const generateBtn = document.getElementById('generateToken');
+
+const fromHexString = (hexString) =>
+  Uint8Array.from(hexString.match(/.{1,2}/g).map((byte) => parseInt(byte, 16)));
+
+const toHexString = (bytes) =>
+  bytes.reduce((str, byte) => str + byte.toString(16).padStart(2, '0'), '');
+
+async function testCAT() {
+  try {
+    // Generate random key for testing
+    const key = fromHexString(
+      '403697de87af64611c1d32a05dab0fe1fcb715a86ab435f1ec99192d79569388'
+    );
+
+    const cat = new CAT({
+      keys: {
+        Symmetric256: key
+      },
+      expectCwtTag: true
+    });
+
+    const token = await cat.generate(
+      {
+        iss: 'test-issuer',
+        exp: Math.floor(Date.now() / 1000) + 3600,
+        aud: 'test-audience'
+      },
+      {
+        type: 'mac',
+        alg: 'HS256',
+        kid: 'Symmetric256',
+        generateCwtId: true
+      }
+    );
+
+    // Validate the generated token
+    const result = await cat.validate(token, 'mac', {
+      issuer: 'test-issuer',
+      audience: ['test-audience']
+    });
+
+    output.textContent = JSON.stringify(
+      {
+        token,
+        claims: result.cat?.claims
+      },
+      null,
+      2
+    );
+  } catch (err) {
+    output.textContent = `Error: ${err.message}`;
+    console.error(err);
+  }
+}
+
+generateBtn.addEventListener('click', testCAT);
diff --git a/interop/browser/vite.config.js b/interop/browser/vite.config.js
@@ -0,0 +1,23 @@
+import { defineConfig } from 'vite';
+import { nodePolyfills } from 'vite-plugin-node-polyfills';
+import path from 'path';
+
+export default defineConfig({
+  plugins: [nodePolyfills()],
+  optimizeDeps: {
+    include: ['@eyevinn/cat'],
+    exclude: ['ioredis']
+  },
+  build: {
+    commonjsOptions: {
+      transformMixedEsModules: true,
+      include: [/node_modules/, /..\/..\/lib/]
+    }
+  },
+  resolve: {
+    alias: {
+      '@eyevinn/cat': '../../lib/index.js',
+      ioredis: path.resolve(__dirname, './empty-module.js')
+    }
+  }
+});
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { CAT, CommonAccessTokenRenewal } from '../src';`
	`1`	`+import { CAT } from '../src';`
`2`	`2`
`3`	`3`	`async function main() {`
`4`	`4`	`const generator = new CAT({`