zh-web-sdk 2.16.1 → 3.0.0

package/RELEASING.md

@@ -1,39 +0,0 @@
-# Release Process
-
-This document describes the process for releasing new versions of the zerohash Web SDK.
-
-## Release Steps
-
-### 1. Update CHANGELOG.md
-
-Add a new version section at the top of `CHANGELOG.md`:
-
-```markdown
-## [X.Y.Z] - YYYY-MM-DD
-
-### Added
-- New feature description [#PR_NUMBER]
-
-### Fixed
-- Bug fix description [#PR_NUMBER]
-
-### Changed
-- Behavior change description
-```
-
-See `.github/CHANGELOG_TEMPLATE.md` for detailed guidelines.
-
-**Commit the changelog:**
-
-```bash
-git add CHANGELOG.md
-git commit -m "docs: update CHANGELOG for vX.Y.Z"
-git push origin main
-```
-
-### 2. Update ReadMe Changelog
-
-1. Go to ReadMe dashboard: https://dash.readme.com/
-2. Navigate to the Changelog section
-3. Create new changelog entry with content from `CHANGELOG.md`
-4. Publish the entry

package/jest.config.js

@@ -1,8 +0,0 @@
-module.exports = {
-  testEnvironment: "jsdom",
-  transform: {
-    "^.+.tsx?$": ["ts-jest",{}],
-  },
-  modulePathIgnorePatterns: ["<rootDir>/dist/", "<rootDir>/build/", "<rootDir>/node_modules/"],
-  setupFiles: ["<rootDir>/jest.setup.js"],
-};

package/jest.setup.js

@@ -1,24 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable @typescript-eslint/no-var-requires */
-/* eslint-disable no-undef */
-
-const { TextEncoder, TextDecoder } = require('util');
-
-Object.assign(global, { TextDecoder, TextEncoder })
-global.CSS = {
-  supports: (k, v) => true,
-}
-
-Object.defineProperty(window, 'matchMedia', {
-  writable: true,
-  value: jest.fn().mockImplementation(query => ({
-    matches: false,
-    media: query,
-    onchange: null,
-    addListener: jest.fn(), // Deprecated
-    removeListener: jest.fn(), // Deprecated
-    addEventListener: jest.fn(),
-    removeEventListener: jest.fn(),
-    dispatchEvent: jest.fn(),
-  })),
-});

package/scripts/build.js

@@ -1,34 +0,0 @@
-const esbuild = require("esbuild");
-const {name, version} = require("../package.json");
-
-const build = async () => {
-    console.log(`Building ${name}@${version}`);
-
-    const outputDir = "./dist/";
-    const minFileName = `${outputDir}zerohash_sdk.min.js`;
-    const bundleFileName = `${outputDir}zerohash_sdk.js`;
-
-    // Build minified dist
-    await esbuild
-        .build({
-            entryPoints: ['src/index.tsx'],
-            outdir: 'dist',
-            bundle: true,
-            sourcemap: true,
-            minify: true,
-            splitting: false,
-            format: 'esm',
-            target: ['esnext']
-        })
-        .catch(err => {
-            console.error('Error: build failed - unable to build minified dist');
-            throw err;
-        });
-}
-
-build()
-    .then(() => console.log("successfully built"))
-    .catch(err => {
-        console.error(err);
-        process.exit(1);
-    });

package/scripts/zip.js

@@ -1,49 +0,0 @@
-const fs = require("fs");
-const archiver = require("archiver");
-const {name, version} = require("../package.json");
-
-const zip = async () => {
-    const zipFile = `./build/zh_web_sdk_v${version}.zip`;
-    console.log(`Zipping to ${zipFile}`);
-
-    // create the directory forcibly
-    fs.mkdirSync("./build", {recursive: true});
-
-    // zip output as a package
-    const output = fs.createWriteStream(zipFile);
-    const archive = archiver('zip', {
-        zlib: { level: 9 }
-    });
-    output.on('close', () => {
-        console.log(archive.pointer() + ' total bytes');
-        console.log('archiver has been finalized and the output file descriptor has closed.');
-    });
-    output.on('end', () => {
-        console.log('Data has been drained');
-    });
-    archive.on('warning', (err) => {
-        if (err.code === "ENOENT") {
-            console.warn("ENOENT: ", err);
-        } else {
-            console.error(err);
-            throw err;
-        }
-    });
-    archive.on('error', (err) => {
-        console.error(err);
-        throw err;
-    });
-    archive.pipe(output);
-    archive.file("README.md");
-    archive.file("package.json");
-    archive.file("package-lock.json");
-    archive.directory("./dist/");
-    await archive.finalize();
-}
-
-zip()
-    .then(() => console.log("successfully zipped"))
-    .catch(err => {
-        console.error(err);
-        process.exit(1);
-    });

package/src/__tests__/jwt-auth-detection.test.ts

@@ -1,96 +0,0 @@
-import { decodeJWT } from "../api/convert-token";
-
-describe("JWT Auth Detection", () => {
-  describe("decodeJWT", () => {
-    it("should decode a valid JWT with Connect issuer", () => {
-      // JWT with iss: "https://connect-xyz.us.auth0.com/"
-      const jwt = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwczovL2Nvbm5lY3QueHl6L29yZ2FuaXphdGlvbiI6eyJpZCI6ImY0NDZmMTRjLTQwMzUtNDEwNS04OTJiLTE2NDliZmYxNjQyNCJ9LCJodHRwczovL2Nvbm5lY3QueHl6L2FjY291bnQiOnsiaWQiOiI1MzVhNzEyYS0wZmE0LTRjNmMtYjc4Zi01M2NiYTM1NmRkY2QiLCJyZWZlcmVuY2VJZCI6InJlZl8xNzY4MjYzNjg1NTM2X3ExM2tmdXc2ciJ9LCJodHRwczovL2Nvbm5lY3QueHl6L3VzZXIiOnsiaWQiOiJjZWU5ZmMzZS1lNjRmLTQ1OTItODQzZS1kN2ZhNzY2OWVmNGYifSwiaHR0cHM6Ly9jb25uZWN0Lnh5ei9zZXNzaW9uIjp7ImNyZWF0ZWRBdCI6IjIwMjYtMDEtMTNUMDA6MjE6MjZaIiwiaWQiOiI2MGQzZjkyYS1kNDlhLTQzM2EtOGU2OC1iMmZiNjE5ZDlmNTAiLCJtZXRhZGF0YSI6eyJ0ZXN0IjoidGVzdCJ9LCJzY29wZXMiOlsidXNlcjpkZXBvc2l0OnNlbmQiXSwic2V0dGluZ3MiOnsiemVyb19oYXNoIjp7ImVuYWJsZWQiOmZhbHNlfX19LCJpc3MiOiJodHRwczovL2Nvbm5lY3QteHl6LnVzLmF1dGgwLmNvbS8iLCJzdWIiOiJuTHBXSjU3U0Foa2JIODFST1ZKT0p3WVVYeDE5cjdYTkBjbGllbnRzIiwiYXVkIjoiaHR0cHM6Ly91c2Vycy5jZXJ0LmNvbm5lY3QueHl6IiwiaWF0IjoxNzY4MjYzNjg2LCJleHAiOjE3NjgzNTAwODYsImd0eSI6ImNsaWVudC1jcmVkZW50aWFscyIsImF6cCI6Im5McFdKNTdTQWhrYkg4MVJPVkpPSndZVVh4MTlyN1hOIn0.test";
-
-      const payload = decodeJWT(jwt);
-
-      expect(payload).toBeDefined();
-      expect(payload?.iss).toBe("https://connect-xyz.us.auth0.com/");
-      expect(payload?.iss).toContain("connect");
-    });
-
-    it("should decode a valid JWT without Connect issuer", () => {
-      // JWT with iss: "https://zerohash.com/"
-      const jwt = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJodHRwczovL3plcm9oYXNoLmNvbS8iLCJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.test";
-
-      const payload = decodeJWT(jwt);
-
-      expect(payload).toBeDefined();
-      expect(payload?.iss).toBe("https://zerohash.com/");
-      expect(payload?.iss).not.toContain("connect");
-    });
-
-    it("should return null for invalid JWT format", () => {
-      const invalidJwt = "invalid.jwt";
-
-      const payload = decodeJWT(invalidJwt);
-
-      expect(payload).toBeNull();
-    });
-
-    it("should return null for malformed JWT", () => {
-      const malformedJwt = "header.payload.signature.extra";
-
-      const payload = decodeJWT(malformedJwt);
-
-      expect(payload).toBeNull();
-    });
-  });
-
-  describe("useAuth determination logic", () => {
-    it("should determine useAuth=true when JWT has Connect issuer", () => {
-      const jwt = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJodHRwczovL2Nvbm5lY3QteHl6LnVzLmF1dGgwLmNvbS8ifQ.test";
-      const payload = decodeJWT(jwt);
-
-      const useAuth = payload && payload.iss && typeof payload.iss === 'string' && payload.iss.includes('connect');
-
-      expect(useAuth).toBe(true);
-    });
-
-    it("should determine useAuth=false when JWT does not have Connect issuer", () => {
-      const jwt = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJodHRwczovL3plcm9oYXNoLmNvbS8ifQ.test";
-      const payload = decodeJWT(jwt);
-
-      const useAuth = payload && payload.iss && typeof payload.iss === 'string' && payload.iss.includes('connect');
-
-      expect(useAuth).toBe(false);
-    });
-
-    it("should determine useAuth=false when JWT has no issuer", () => {
-      const jwt = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIn0.test";
-      const payload = decodeJWT(jwt);
-
-      const useAuth = payload && payload.iss && typeof payload.iss === 'string' && payload.iss.includes('connect');
-
-      expect(useAuth).toBeFalsy();
-    });
-
-    it("should determine useAuth=false when JWT is invalid", () => {
-      const jwt = "invalid";
-      const payload = decodeJWT(jwt);
-
-      const useAuth = payload && payload.iss && typeof payload.iss === 'string' && payload.iss.includes('connect');
-
-      expect(useAuth).toBeFalsy();
-    });
-
-    it("should match Connect issuer variations", () => {
-      const testCases = [
-        { jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJodHRwczovL2Nvbm5lY3QteHl6LnVzLmF1dGgwLmNvbS8ifQ.test", expected: true },
-        { jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJodHRwczovL2Nvbm5lY3QteHl6LmV1LmF1dGgwLmNvbS8ifQ.test", expected: true },
-        { jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJodHRwczovL2Nvbm5lY3QueHl6L2FwaS8ifQ.test", expected: true },
-        { jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJodHRwczovL3plcm9oYXNoLmNvbS8ifQ.test", expected: false },
-      ];
-
-      testCases.forEach(({ jwt, expected }) => {
-        const payload = decodeJWT(jwt);
-        const useAuth = payload && payload.iss && typeof payload.iss === 'string' && payload.iss.includes('connect');
-        expect(useAuth).toBe(expected);
-      });
-    });
-  });
-});

package/src/api/convert-token.ts

@@ -1,23 +0,0 @@
-export interface JWTPayload {
-  auth_embedded?: boolean;
-  reference_id?: string;
-  [key: string]: unknown;
-}
-
-export function decodeJWT(token: string): JWTPayload | null {
-  try {
-    const parts = token.split('.');
-    if (parts.length !== 3) {
-      console.error('[zh-web-sdk] Invalid JWT format');
-      return null;
-    }
-
-    const payload = parts[1];
-    const decoded = atob(payload.replace(/-/g, '+').replace(/_/g, '/'));
-    return JSON.parse(decoded);
-  } catch (error) {
-    console.error('[zh-web-sdk] Error decoding JWT:', error);
-    return null;
-  }
-}
-

package/src/constants.ts

@@ -1,2 +0,0 @@
-export const DEFAULT_ZH_APPS_URL = "https://web-sdk.zerohash.com/";
-export const DEFAULT_ROOT_ID_PREFIX = "zerohash"

package/src/hooks/__tests__/use-window-size.test.tsx

@@ -1,26 +0,0 @@
-import {useWindowSize} from "../use-window-size";
-import {act, renderHook, waitFor} from "@testing-library/react";
-
-describe("useWindowSize", () => {
-  it("Returns correct window dimensions on redirect", async () => {
-    const { result } = renderHook(() => useWindowSize());
-
-    // Asset initial values.
-    expect(result.current.height).toBe(768);
-    expect(result.current.width).toBe(1024);
-
-
-    // Change the viewport to 500px.
-    global.innerWidth = 500;
-    global.innerHeight = 500;
-
-    act(() => {
-      global.dispatchEvent(new Event('resize'));
-    })
-
-    await waitFor(() => {
-      expect(result.current.width).toBe(500);
-      expect(result.current.height).toBe(500);
-    })
-  })
-})

package/src/hooks/use-window-size.ts

@@ -1,19 +0,0 @@
-import {useLayoutEffect, useState} from "react";
-
-export const useWindowSize = () => {
-  const [height, setHeight] = useState(0);
-  const [width, setWidth] = useState(0);
-  useLayoutEffect(() => {
-    function updateSize() {
-      setWidth(window.innerWidth);
-      setHeight(window.innerHeight);
-    }
-    window.addEventListener('resize', updateSize);
-    updateSize();
-    return () => window.removeEventListener('resize', updateSize);
-  }, []);
-  return {
-    height,
-    width
-  };
-}