Eyevinn · birme · Apr 8, 2025 · Apr 8, 2025 · Apr 8, 2025 · Apr 8, 2025
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/__tests__/generate.ts b/interop/__tests__/generate.ts
@@ -40,11 +40,12 @@
        }
      );
      console.log(token);
      const result = await validateCommonAccessToken(ctx, token!, {
        signingKey:
           '403697de87af64611c1d32a05dab0fe1fcb715a86ab435f1ec99192d79569388'
       });
       expect(result.payload.iss).toBe('eyevinn');
-    }
+    },
+    10000
   );
 });
diff --git a/interop/__tests__/validate.ts b/interop/__tests__/validate.ts
@@ -8,33 +8,38 @@
   process.env.OSC_ACCESS_TOKEN !== undefined;
 
 describe('CAT library can validate a token that someone else has generated', () => {
-  testIf(runInteropTests, 'issuer', async () => {
-    const ctx = new Context();
-    const validator = new CAT({
-      keys: {
-        Symmetric256: Buffer.from(
-          '403697de87af64611c1d32a05dab0fe1fcb715a86ab435f1ec99192d79569388',
-          'hex'
-        )
-      },
-      expectCwtTag: true
-    });
-    const token = await generateCommonAccessToken(
-      ctx,
-      {
-        iss: 'eyevinn',
-        sub: 'jonas'
-      },
-      {
-        signingKey:
-          '403697de87af64611c1d32a05dab0fe1fcb715a86ab435f1ec99192d79569388'
-      }
-    );
-    const result = await validator.validate(token, 'mac', {
-      issuer: 'eyevinn'
-    });
-    expect(result.error).not.toBeDefined();
-    expect(result.cat).toBeDefined();
-    expect(result.cat!.claims.iss).toBe('eyevinn');
-  });
+  testIf(
+    runInteropTests,
+    'issuer',
+    async () => {
+      const ctx = new Context();
+      const validator = new CAT({
+        keys: {
+          Symmetric256: Buffer.from(
+            '403697de87af64611c1d32a05dab0fe1fcb715a86ab435f1ec99192d79569388',
+            'hex'
+          )
+        },
+        expectCwtTag: true
+      });
+      const token = await generateCommonAccessToken(
+        ctx,
+        {
+          iss: 'eyevinn',
+          sub: 'jonas'
+        },
+        {
+          signingKey:
+            '403697de87af64611c1d32a05dab0fe1fcb715a86ab435f1ec99192d79569388'
+        }
+      );
+      const result = await validator.validate(token, 'mac', {
+        issuer: 'eyevinn'
+      });
+      expect(result.error).not.toBeDefined();
+      expect(result.cat).toBeDefined();
+      expect(result.cat!.claims.iss).toBe('eyevinn');
+    },
+    10000
+  );
 });
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')
+    }
+  }
+});