jazz-browser-auth-clerk 0.8.14 → 0.8.16

package/dist/index.js

@@ -1,10 +1,41 @@
+const localStorageKey = "jazz-clerk-auth";
+function saveCredentialsToLocalStorage(credentials) {
+    localStorage.setItem(localStorageKey, JSON.stringify({
+        accountID: credentials.accountID,
+        secret: credentials.secret,
+    }));
+}
 export class BrowserClerkAuth {
     constructor(driver, clerkClient) {
         this.driver = driver;
         this.clerkClient = clerkClient;
     }
     async start() {
+        // Check local storage for credentials
+        const locallyStoredCredentials = localStorage.getItem(localStorageKey);
+        if (locallyStoredCredentials) {
+            try {
+                const credentials = JSON.parse(locallyStoredCredentials);
+                return {
+                    type: "existing",
+                    credentials,
+                    saveCredentials: async () => { }, // No need to save credentials when recovering from local storage
+                    onSuccess: () => { },
+                    onError: (error) => {
+                        this.driver.onError(error);
+                    },
+                    logOut: () => {
+                        localStorage.removeItem(localStorageKey);
+                        void this.clerkClient.signOut();
+                    },
+                };
+            }
+            catch (e) {
+                console.error("Error parsing local storage credentials", e);
+            }
+        }
         if (this.clerkClient.user) {
+            // Check clerk user metadata for credentials
             const storedCredentials = this.clerkClient.user.unsafeMetadata;
             if (storedCredentials.jazzAccountID) {
                 if (!storedCredentials.jazzAccountSecret) {
@@ -16,6 +47,12 @@ export class BrowserClerkAuth {
                         accountID: storedCredentials.jazzAccountID,
                         secret: storedCredentials.jazzAccountSecret,
                     },
+                    saveCredentials: async ({ accountID, secret }) => {
+                        saveCredentialsToLocalStorage({
+                            accountID,
+                            secret,
+                        });
+                    },
                     onSuccess: () => { },
                     onError: (error) => {
                         this.driver.onError(error);
@@ -26,6 +63,7 @@ export class BrowserClerkAuth {
                 };
             }
             else {
+                // No credentials found, so we need to create new credentials
                 return {
                     type: "new",
                     creationProps: {
@@ -33,11 +71,15 @@ export class BrowserClerkAuth {
                             this.clerkClient.user.username ||
                             this.clerkClient.user.id,
                     },
-                    saveCredentials: async (credentials) => {
+                    saveCredentials: async ({ accountID, secret }) => {
+                        saveCredentialsToLocalStorage({
+                            accountID,
+                            secret,
+                        });
                         await this.clerkClient.user?.update({
                             unsafeMetadata: {
-                                jazzAccountID: credentials.accountID,
-                                jazzAccountSecret: credentials.secret,
+                                jazzAccountID: accountID,
+                                jazzAccountSecret: secret,
                             },
                         });
                     },
@@ -52,6 +94,7 @@ export class BrowserClerkAuth {
             }
         }
         else {
+            // Clerk user not found, so we can't authenticate
             throw new Error("Not signed in");
         }
     }

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAkBA,MAAM,OAAO,gBAAgB;IACzB,YACW,MAA+B,EACrB,WAA+B;QADzC,WAAM,GAAN,MAAM,CAAyB;QACrB,gBAAW,GAAX,WAAW,CAAoB;IACjD,CAAC;IAEJ,KAAK,CAAC,KAAK;QACP,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;YACxB,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC;YAC/D,IAAI,iBAAiB,CAAC,aAAa,EAAE,CAAC;gBAClC,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,CAAC;oBACvC,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;gBACnD,CAAC;gBACD,OAAO;oBACH,IAAI,EAAE,UAAU;oBAChB,WAAW,EAAE;wBACT,SAAS,EACL,iBAAiB,CAAC,aAA4B;wBAClD,MAAM,EAAE,iBAAiB,CAAC,iBAAgC;qBAC7D;oBACD,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;oBACnB,OAAO,EAAE,CAAC,KAAqB,EAAE,EAAE;wBAC/B,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;oBAC/B,CAAC;oBACD,MAAM,EAAE,GAAG,EAAE;wBACT,KAAK,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;oBACpC,CAAC;iBACJ,CAAC;YACN,CAAC;iBAAM,CAAC;gBACJ,OAAO;oBACH,IAAI,EAAE,KAAK;oBACX,aAAa,EAAE;wBACX,IAAI,EACA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ;4BAC9B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ;4BAC9B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;qBAC/B;oBACD,eAAe,EAAE,KAAK,EAAE,WAGvB,EAAE,EAAE;wBACD,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC;4BAChC,cAAc,EAAE;gCACZ,aAAa,EAAE,WAAW,CAAC,SAAS;gCACpC,iBAAiB,EAAE,WAAW,CAAC,MAAM;6BACxC;yBACJ,CAAC,CAAC;oBACP,CAAC;oBACD,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;oBACnB,OAAO,EAAE,CAAC,KAAqB,EAAE,EAAE;wBAC/B,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;oBAC/B,CAAC;oBACD,MAAM,EAAE,GAAG,EAAE;wBACT,KAAK,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;oBACpC,CAAC;iBACJ,CAAC;YACN,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,MAAM,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC;QACrC,CAAC;IACL,CAAC;CACJ"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/tests/BrowserClerkAuth.test.js

@@ -0,0 +1,102 @@
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { BrowserClerkAuth } from "../index.js";
+describe("BrowserClerkAuth", () => {
+    let mockLocalStorage;
+    let mockClerkClient;
+    let mockDriver;
+    beforeEach(() => {
+        // Mock localStorage
+        mockLocalStorage = {};
+        global.localStorage = {
+            getItem: vi.fn((key) => mockLocalStorage[key] || null),
+            setItem: vi.fn((key, value) => {
+                mockLocalStorage[key] = value;
+            }),
+            removeItem: vi.fn((key) => {
+                delete mockLocalStorage[key];
+            }),
+            clear: vi.fn(),
+            length: 0,
+            key: vi.fn(),
+        };
+        // Mock Clerk client
+        mockClerkClient = {
+            user: {
+                unsafeMetadata: {},
+                fullName: "Test User",
+                username: "testuser",
+                id: "test-id",
+                update: vi.fn(),
+            },
+            signOut: vi.fn(),
+        };
+        // Mock driver
+        mockDriver = {
+            onError: vi.fn(),
+        };
+    });
+    describe("clerk credentials in localStorage", () => {
+        it("should get credentials from localStorage when clerk user is not signed in", async () => {
+            mockLocalStorage["jazz-clerk-auth"] = JSON.stringify({
+                accountID: "test-account-id",
+                accountSecret: "test-secret",
+            });
+            const auth = new BrowserClerkAuth(mockDriver, {
+                ...mockClerkClient,
+                user: null,
+            });
+            const result = await auth.start();
+            expect(result.type).toBe("existing");
+        });
+    });
+    describe("clerk credentials not in localStorage", () => {
+        it("should return new credentials when clerk user signs up", async () => {
+            const auth = new BrowserClerkAuth(mockDriver, mockClerkClient);
+            const result = await auth.start();
+            expect(result.type).toBe("new");
+        });
+        it("should return existing credentials when clerk user is signed in", async () => {
+            mockClerkClient = {
+                user: {
+                    unsafeMetadata: {
+                        jazzAccountID: "test-account-id",
+                        jazzAccountSecret: "test-secret",
+                    },
+                    fullName: "Test User",
+                    username: "testuser",
+                    id: "test-id",
+                    update: vi.fn(),
+                },
+                signOut: vi.fn(),
+            };
+            const auth = new BrowserClerkAuth(mockDriver, mockClerkClient);
+            const result = await auth.start();
+            expect(result.type).toBe("existing");
+        });
+        it("should throw error when not signed in", async () => {
+            const auth = new BrowserClerkAuth(mockDriver, {
+                ...mockClerkClient,
+                user: null,
+            });
+            await expect(auth.start()).rejects.toThrow("Not signed in");
+        });
+        it("should save credentials to localStorage", async () => {
+            const auth = new BrowserClerkAuth(mockDriver, mockClerkClient);
+            const result = await auth.start();
+            if (result.saveCredentials) {
+                await result.saveCredentials({
+                    accountID: "test-account-id",
+                    secret: "test-secret",
+                });
+            }
+            expect(mockLocalStorage["jazz-clerk-auth"]).toBeDefined();
+        });
+        it("should call clerk signOut when logging out", async () => {
+            const auth = new BrowserClerkAuth(mockDriver, mockClerkClient);
+            const result = await auth.start();
+            result.logOut();
+            expect(mockClerkClient.signOut).toHaveBeenCalled();
+        });
+    });
+});
+//# sourceMappingURL=BrowserClerkAuth.test.js.map

package/dist/tests/BrowserClerkAuth.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserClerkAuth.test.js","sourceRoot":"","sources":["../../src/tests/BrowserClerkAuth.test.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,25 +1,23 @@
 {
   "name": "jazz-browser-auth-clerk",
-  "version": "0.8.14",
+  "version": "0.8.16",
   "type": "module",
   "main": "dist/index.js",
   "types": "src/index.ts",
   "license": "MIT",
-  "lint-staged": {
-    "*.{ts,tsx}": "eslint --fix",
-    "*.{js,jsx,mdx,json}": "prettier --write"
-  },
   "dependencies": {
-    "cojson": "0.8.12",
-    "jazz-browser": "0.8.14",
-    "jazz-tools": "0.8.14"
+    "cojson": "0.8.16",
+    "jazz-browser": "0.8.16",
+    "jazz-tools": "0.8.16"
   },
   "devDependencies": {
     "typescript": "^5.3.3"
   },
   "scripts": {
-    "lint": "eslint . --ext ts,tsx",
-    "format": "prettier --write './src/**/*.{ts,tsx}'",
-    "build": "npm run lint && rm -rf ./dist && tsc --sourceMap --outDir dist"
+    "format-and-lint": "biome check .",
+    "format-and-lint:fix": "biome check . --write",
+    "build": "rm -rf ./dist && tsc --sourceMap --outDir dist",
+    "test": "vitest --run --root ../../ --project jazz-browser-auth-clerk",
+    "test:watch": "vitest --watch --root ../../ --project jazz-browser-auth-clerk"
   }
 }

package/src/index.ts

@@ -1,87 +1,135 @@
-import { Account, AuthMethod, AuthResult, ID } from "jazz-tools";
 import { AgentSecret } from "cojson";
+import { Account, AuthMethod, AuthResult, Credentials, ID } from "jazz-tools";
+
+const localStorageKey = "jazz-clerk-auth";
 
 export type MinimalClerkClient = {
-    user: {
+  user:
+    | {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         unsafeMetadata: Record<string, any>;
         fullName: string | null;
         username: string | null;
         id: string;
         update: (args: {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            unsafeMetadata: Record<string, any>;
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          unsafeMetadata: Record<string, any>;
         }) => Promise<unknown>;
-    } | null | undefined;
-    signOut: () => Promise<void>;
+      }
+    | null
+    | undefined;
+  signOut: () => Promise<void>;
+};
+
+function saveCredentialsToLocalStorage(credentials: Credentials) {
+  localStorage.setItem(
+    localStorageKey,
+    JSON.stringify({
+      accountID: credentials.accountID,
+      secret: credentials.secret,
+    }),
+  );
 }
 
 export class BrowserClerkAuth implements AuthMethod {
-    constructor(
-        public driver: BrowserClerkAuth.Driver,
-        private readonly clerkClient: MinimalClerkClient
-    ) {}
+  constructor(
+    public driver: BrowserClerkAuth.Driver,
+    private readonly clerkClient: MinimalClerkClient,
+  ) {}
+
+  async start(): Promise<AuthResult> {
+    // Check local storage for credentials
+    const locallyStoredCredentials = localStorage.getItem(localStorageKey);
 
-    async start(): Promise<AuthResult> {
-        if (this.clerkClient.user) {
-            const storedCredentials = this.clerkClient.user.unsafeMetadata;
-            if (storedCredentials.jazzAccountID) {
-                if (!storedCredentials.jazzAccountSecret) {
-                    throw new Error("No secret for existing user");
-                }
-                return {
-                    type: "existing",
-                    credentials: {
-                        accountID:
-                            storedCredentials.jazzAccountID as ID<Account>,
-                        secret: storedCredentials.jazzAccountSecret as AgentSecret,
-                    },
-                    onSuccess: () => {},
-                    onError: (error: string | Error) => {
-                        this.driver.onError(error);
-                    },
-                    logOut: () => {
-                        void this.clerkClient.signOut();
-                    },
-                };
-            } else {
-                return {
-                    type: "new",
-                    creationProps: {
-                        name:
-                            this.clerkClient.user.fullName ||
-                            this.clerkClient.user.username ||
-                            this.clerkClient.user.id,
-                    },
-                    saveCredentials: async (credentials: {
-                        accountID: ID<Account>;
-                        secret: AgentSecret;
-                    }) => {
-                        await this.clerkClient.user?.update({
-                            unsafeMetadata: {
-                                jazzAccountID: credentials.accountID,
-                                jazzAccountSecret: credentials.secret,
-                            },
-                        });
-                    },
-                    onSuccess: () => {},
-                    onError: (error: string | Error) => {
-                        this.driver.onError(error);
-                    },
-                    logOut: () => {
-                        void this.clerkClient.signOut();
-                    },
-                };
-            }
-        } else {
-            throw new Error("Not signed in");
+    if (locallyStoredCredentials) {
+      try {
+        const credentials = JSON.parse(locallyStoredCredentials) as Credentials;
+        return {
+          type: "existing",
+          credentials,
+          saveCredentials: async () => {}, // No need to save credentials when recovering from local storage
+          onSuccess: () => {},
+          onError: (error: string | Error) => {
+            this.driver.onError(error);
+          },
+          logOut: () => {
+            localStorage.removeItem(localStorageKey);
+            void this.clerkClient.signOut();
+          },
+        };
+      } catch (e) {
+        console.error("Error parsing local storage credentials", e);
+      }
+    }
+
+    if (this.clerkClient.user) {
+      // Check clerk user metadata for credentials
+      const storedCredentials = this.clerkClient.user.unsafeMetadata;
+      if (storedCredentials.jazzAccountID) {
+        if (!storedCredentials.jazzAccountSecret) {
+          throw new Error("No secret for existing user");
         }
+        return {
+          type: "existing",
+          credentials: {
+            accountID: storedCredentials.jazzAccountID as ID<Account>,
+            secret: storedCredentials.jazzAccountSecret as AgentSecret,
+          },
+          saveCredentials: async ({ accountID, secret }: Credentials) => {
+            saveCredentialsToLocalStorage({
+              accountID,
+              secret,
+            });
+          },
+          onSuccess: () => {},
+          onError: (error: string | Error) => {
+            this.driver.onError(error);
+          },
+          logOut: () => {
+            void this.clerkClient.signOut();
+          },
+        };
+      } else {
+        // No credentials found, so we need to create new credentials
+        return {
+          type: "new",
+          creationProps: {
+            name:
+              this.clerkClient.user.fullName ||
+              this.clerkClient.user.username ||
+              this.clerkClient.user.id,
+          },
+          saveCredentials: async ({ accountID, secret }: Credentials) => {
+            saveCredentialsToLocalStorage({
+              accountID,
+              secret,
+            });
+            await this.clerkClient.user?.update({
+              unsafeMetadata: {
+                jazzAccountID: accountID,
+                jazzAccountSecret: secret,
+              },
+            });
+          },
+          onSuccess: () => {},
+          onError: (error: string | Error) => {
+            this.driver.onError(error);
+          },
+          logOut: () => {
+            void this.clerkClient.signOut();
+          },
+        };
+      }
+    } else {
+      // Clerk user not found, so we can't authenticate
+      throw new Error("Not signed in");
     }
+  }
 }
 
 // eslint-disable-next-line @typescript-eslint/no-namespace
 export namespace BrowserClerkAuth {
-    export interface Driver {
-        onError: (error: string | Error) => void;
-    }
+  export interface Driver {
+    onError: (error: string | Error) => void;
+  }
 }

package/src/tests/BrowserClerkAuth.test.ts

@@ -0,0 +1,119 @@
+import { AgentSecret } from "cojson";
+import { Account, ID } from "jazz-tools";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { BrowserClerkAuth, MinimalClerkClient } from "../index.js";
+
+describe("BrowserClerkAuth", () => {
+  let mockLocalStorage: { [key: string]: string };
+  let mockClerkClient: MinimalClerkClient;
+  let mockDriver: BrowserClerkAuth.Driver;
+
+  beforeEach(() => {
+    // Mock localStorage
+    mockLocalStorage = {};
+    global.localStorage = {
+      getItem: vi.fn((key: string) => mockLocalStorage[key] || null),
+      setItem: vi.fn((key: string, value: string) => {
+        mockLocalStorage[key] = value;
+      }),
+      removeItem: vi.fn((key: string) => {
+        delete mockLocalStorage[key];
+      }),
+      clear: vi.fn(),
+      length: 0,
+      key: vi.fn(),
+    };
+
+    // Mock Clerk client
+    mockClerkClient = {
+      user: {
+        unsafeMetadata: {},
+        fullName: "Test User",
+        username: "testuser",
+        id: "test-id",
+        update: vi.fn(),
+      },
+      signOut: vi.fn(),
+    };
+
+    // Mock driver
+    mockDriver = {
+      onError: vi.fn(),
+    };
+  });
+
+  describe("clerk credentials in localStorage", () => {
+    it("should get credentials from localStorage when clerk user is not signed in", async () => {
+      mockLocalStorage["jazz-clerk-auth"] = JSON.stringify({
+        accountID: "test-account-id",
+        accountSecret: "test-secret",
+      });
+
+      const auth = new BrowserClerkAuth(mockDriver, {
+        ...mockClerkClient,
+        user: null,
+      });
+
+      const result = await auth.start();
+      expect(result.type).toBe("existing");
+    });
+  });
+
+  describe("clerk credentials not in localStorage", () => {
+    it("should return new credentials when clerk user signs up", async () => {
+      const auth = new BrowserClerkAuth(mockDriver, mockClerkClient);
+      const result = await auth.start();
+      expect(result.type).toBe("new");
+    });
+
+    it("should return existing credentials when clerk user is signed in", async () => {
+      mockClerkClient = {
+        user: {
+          unsafeMetadata: {
+            jazzAccountID: "test-account-id",
+            jazzAccountSecret: "test-secret",
+          },
+          fullName: "Test User",
+          username: "testuser",
+          id: "test-id",
+          update: vi.fn(),
+        },
+        signOut: vi.fn(),
+      };
+
+      const auth = new BrowserClerkAuth(mockDriver, mockClerkClient);
+      const result = await auth.start();
+      expect(result.type).toBe("existing");
+    });
+
+    it("should throw error when not signed in", async () => {
+      const auth = new BrowserClerkAuth(mockDriver, {
+        ...mockClerkClient,
+        user: null,
+      });
+
+      await expect(auth.start()).rejects.toThrow("Not signed in");
+    });
+
+    it("should save credentials to localStorage", async () => {
+      const auth = new BrowserClerkAuth(mockDriver, mockClerkClient);
+      const result = await auth.start();
+      if (result.saveCredentials) {
+        await result.saveCredentials({
+          accountID: "test-account-id" as ID<Account>,
+          secret: "test-secret" as AgentSecret,
+        });
+      }
+
+      expect(mockLocalStorage["jazz-clerk-auth"]).toBeDefined();
+    });
+
+    it("should call clerk signOut when logging out", async () => {
+      const auth = new BrowserClerkAuth(mockDriver, mockClerkClient);
+      const result = await auth.start();
+      result.logOut();
+
+      expect(mockClerkClient.signOut).toHaveBeenCalled();
+    });
+  });
+});

package/tsconfig.json

@@ -10,7 +10,7 @@
     "jsx": "react",
     "forceConsistentCasingInFileNames": true,
     "noUncheckedIndexedAccess": true,
-    "esModuleInterop": true,
+    "esModuleInterop": true
   },
-  "include": ["./src/**/*"],
+  "include": ["./src/**/*"]
 }

package/.eslintrc.cjs

@@ -1,24 +0,0 @@
-module.exports = {
-    extends: [
-        "eslint:recommended",
-        "plugin:@typescript-eslint/recommended",
-        "plugin:require-extensions/recommended",
-        "prettier"
-    ],
-    parser: "@typescript-eslint/parser",
-    plugins: ["@typescript-eslint", "require-extensions"],
-    parserOptions: {
-        project: "./tsconfig.json",
-        tsconfigRootDir: __dirname,
-    },
-    ignorePatterns: [".eslint.cjs"],
-    root: true,
-    rules: {
-        "no-unused-vars": "off",
-        "@typescript-eslint/no-unused-vars": [
-            "error",
-            { argsIgnorePattern: "^_", varsIgnorePattern: "^_" },
-        ],
-        "@typescript-eslint/no-floating-promises": "error",
-    },
-}

package/.prettierrc.js

@@ -1,9 +0,0 @@
-/** @type {import("prettier").Config} */
-const config = {
-    trailingComma: "all",
-    tabWidth: 4,
-    semi: true,
-    singleQuote: false,
-};
-
-export default config;