jazz-react-auth-clerk 0.7.33-unique.2 → 0.7.35-guest-auth.4

package/.turbo/turbo-build.log

@@ -1,8 +1,8 @@
 
-> jazz-react-auth-clerk@0.7.33-new-auth.0 build /Users/anselm/jazz/jazz/packages/jazz-react-auth-clerk
+> jazz-react-auth-clerk@0.7.33-guest-auth.3 build /Users/anselm/jazz/jazz/packages/jazz-react-auth-clerk
 > npm run lint && rm -rf ./dist && tsc --sourceMap --outDir dist
 
 
-> jazz-react-auth-clerk@0.7.33-new-auth.0 lint
+> jazz-react-auth-clerk@0.7.33-guest-auth.3 lint
 > eslint . --ext ts,tsx
 

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # jazz-browser-media-images
 
+## 0.7.35-guest-auth.4
+
+### Patch Changes
+
+-   Updated dependencies
+    -   jazz-react@0.7.35-guest-auth.4
+    -   jazz-tools@0.7.35-guest-auth.4
+    -   jazz-browser-auth-clerk@0.7.35-guest-auth.4
+
+## 0.7.33-guest-auth.3
+
+### Patch Changes
+
+-   Updated dependencies
+    -   jazz-react@0.7.35-guest-auth.3
+    -   jazz-tools@0.7.35-guest-auth.3
+    -   jazz-browser-auth-clerk@0.7.33-guest-auth.2
+
 ## 0.7.33-unique.2
 
 ### Patch Changes

package/dist/index.js

@@ -1,48 +1,23 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SignedOut, SignInButton, useClerk } from "@clerk/clerk-react";
 import { BrowserClerkAuth } from "jazz-browser-auth-clerk";
-import { AuthMethodCtx } from "jazz-react";
-import { useState, useMemo, useContext, createContext } from "react";
-export const JazzClerkAuthCtx = createContext({
-    errors: [],
-});
-export function JazzClerkAuth({ children }) {
-    const clerk = useClerk();
-    const [errors, setErrors] = useState([]);
+import { useState, useMemo } from "react";
+export function useJazzClerkAuth(clerk) {
+    const [state, setState] = useState({ errors: [] });
     const authMethod = useMemo(() => {
-        return new BrowserClerkAuth({
-            onError: (error) => {
-                void clerk.signOut();
-                setErrors((errors) => [...errors, error.toString()]);
-            },
-        }, clerk);
-    }, [clerk]);
-    return (_jsx(JazzClerkAuthCtx.Provider, { value: { errors }, children: _jsx(AuthMethodCtx.Provider, { value: authMethod, children: children }) }));
+        if (clerk.user) {
+            return new BrowserClerkAuth({
+                onError: (error) => {
+                    void clerk.signOut();
+                    setState((state) => ({
+                        ...state,
+                        errors: [...state.errors, error.toString()],
+                    }));
+                },
+            }, clerk);
+        }
+        else {
+            return undefined;
+        }
+    }, [clerk.user]);
+    return [authMethod, state];
 }
-const JazzClerkBasicUI = ({ appName }) => {
-    const { errors } = useContext(JazzClerkAuthCtx);
-    const darkMode = typeof window !== "undefined"
-        ? window.matchMedia("(prefers-color-scheme: dark)").matches
-        : false;
-    return (_jsx(SignedOut, { children: _jsx("div", { style: {
-                width: "100vw",
-                height: "100vh",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                ...(darkMode ? { background: "#000" } : {}),
-            }, children: _jsxs("div", { style: {
-                    width: "18rem",
-                    display: "flex",
-                    flexDirection: "column",
-                    gap: "2rem",
-                }, children: [_jsx("h1", { style: {
-                            color: darkMode ? "#fff" : "#000",
-                            textAlign: "center",
-                        }, children: appName }), _jsx(SignInButton, {}), errors.map((error) => (_jsx("div", { style: { color: "red" }, children: error }, error)))] }) }) }));
-};
-// eslint-disable-next-line @typescript-eslint/no-namespace
-(function (JazzClerkAuth) {
-    JazzClerkAuth.BasicUI = JazzClerkBasicUI;
-})(JazzClerkAuth || (JazzClerkAuth = {}));
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAa,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEhF,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAE1C;IACC,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAA2B;IAC/D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAEnD,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,IAAI,gBAAgB,CACvB;YACI,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACf,KAAK,KAAK,CAAC,OAAO,EAAE,CAAC;gBACrB,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,GAAG,MAAM,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;YACzD,CAAC;SACJ,EACD,KAAK,CACR,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACH,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,YACxC,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,YACpC,QAAQ,GACY,GACD,CAC/B,CAAC;AACN,CAAC;AAED,MAAM,gBAAgB,GAAG,CAAC,EAAE,OAAO,EAAuB,EAAE,EAAE;IAC1D,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAChD,MAAM,QAAQ,GACV,OAAO,MAAM,KAAK,WAAW;QACzB,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO;QAC3D,CAAC,CAAC,KAAK,CAAC;IAChB,OAAO,CACH,KAAC,SAAS,cACN,cACI,KAAK,EAAE;gBACH,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,OAAO;gBACf,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;aAC9C,YAED,eACI,KAAK,EAAE;oBACH,KAAK,EAAE,OAAO;oBACd,OAAO,EAAE,MAAM;oBACf,aAAa,EAAE,QAAQ;oBACvB,GAAG,EAAE,MAAM;iBACd,aAED,aACI,KAAK,EAAE;4BACH,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;4BACjC,SAAS,EAAE,QAAQ;yBACtB,YAEA,OAAO,GACP,EACL,KAAC,YAAY,KAAG,EACf,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACnB,cAAiB,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,YACnC,KAAK,IADA,KAAK,CAET,CACT,CAAC,IACA,GACJ,GACE,CACf,CAAC;AACN,CAAC,CAAC;AAEF,2DAA2D;AAC3D,WAAiB,aAAa;IACb,qBAAO,GAAG,gBAAgB,CAAC;AAC5C,CAAC,EAFgB,aAAa,KAAb,aAAa,QAE7B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAsB,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,UAAU,gBAAgB,CAAC,KAEhC;IACG,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAuB,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAEzE,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;YACb,OAAO,IAAI,gBAAgB,CACvB;gBACI,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;oBACf,KAAK,KAAK,CAAC,OAAO,EAAE,CAAC;oBACrB,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;wBACjB,GAAG,KAAK;wBACR,MAAM,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC;qBAC9C,CAAC,CAAC,CAAC;gBACR,CAAC;aACJ,EACD,KAAK,CACR,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,OAAO,SAAS,CAAC;QACrB,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjB,OAAO,CAAC,UAAU,EAAE,KAAK,CAAU,CAAC;AACxC,CAAC"}

package/package.json

@@ -1,18 +1,17 @@
 {
   "name": "jazz-react-auth-clerk",
-  "version": "0.7.33-unique.2",
+  "version": "0.7.35-guest-auth.4",
   "type": "module",
   "main": "dist/index.js",
   "types": "src/index.tsx",
   "license": "MIT",
   "dependencies": {},
   "peerDependencies": {
-    "@clerk/clerk-react": "^4.0.0",
     "react": "^18.2.0",
+    "jazz-tools": "0.7.35-guest-auth.4",
     "cojson": "0.7.35-unique.2",
-    "jazz-tools": "0.7.35-unique.2",
-    "jazz-react": "0.7.35-unique.2",
-    "jazz-browser-auth-clerk": "0.7.33-unique.1"
+    "jazz-browser-auth-clerk": "0.7.35-guest-auth.4",
+    "jazz-react": "0.7.35-guest-auth.4"
   },
   "devDependencies": {
     "typescript": "^5.1.6",

package/src/index.tsx

@@ -1,86 +1,29 @@
-import { SignedOut, SignInButton, useClerk } from "@clerk/clerk-react";
-import { BrowserClerkAuth } from "jazz-browser-auth-clerk";
-import { AuthMethodCtx } from "jazz-react";
-import { useState, useMemo, ReactNode, useContext, createContext } from "react";
+import { BrowserClerkAuth, MinimalClerkClient } from "jazz-browser-auth-clerk";
+import { useState, useMemo } from "react";
 
-export const JazzClerkAuthCtx = createContext<{
-    errors: string[];
-}>({
-    errors: [],
-});
-
-export function JazzClerkAuth({ children }: { children: ReactNode }) {
-    const clerk = useClerk();
-    const [errors, setErrors] = useState<string[]>([]);
+export function useJazzClerkAuth(clerk: MinimalClerkClient & {
+    signOut: () => Promise<unknown>;
+}) {
+    const [state, setState] = useState<{ errors: string[] }>({ errors: [] });
 
     const authMethod = useMemo(() => {
-        return new BrowserClerkAuth(
-            {
-                onError: (error) => {
-                    void clerk.signOut();
-                    setErrors((errors) => [...errors, error.toString()]);
+        if (clerk.user) {
+            return new BrowserClerkAuth(
+                {
+                    onError: (error) => {
+                        void clerk.signOut();
+                        setState((state) => ({
+                            ...state,
+                            errors: [...state.errors, error.toString()],
+                        }));
+                    },
                 },
-            },
-            clerk,
-        );
-    }, [clerk]);
-
-    return (
-        <JazzClerkAuthCtx.Provider value={{ errors }}>
-            <AuthMethodCtx.Provider value={authMethod}>
-                {children}
-            </AuthMethodCtx.Provider>
-        </JazzClerkAuthCtx.Provider>
-    );
-}
-
-const JazzClerkBasicUI = ({ appName }: { appName: string }) => {
-    const { errors } = useContext(JazzClerkAuthCtx);
-    const darkMode =
-        typeof window !== "undefined"
-            ? window.matchMedia("(prefers-color-scheme: dark)").matches
-            : false;
-    return (
-        <SignedOut>
-            <div
-                style={{
-                    width: "100vw",
-                    height: "100vh",
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    ...(darkMode ? { background: "#000" } : {}),
-                }}
-            >
-                <div
-                    style={{
-                        width: "18rem",
-                        display: "flex",
-                        flexDirection: "column",
-                        gap: "2rem",
-                    }}
-                >
-                    <h1
-                        style={{
-                            color: darkMode ? "#fff" : "#000",
-                            textAlign: "center",
-                        }}
-                    >
-                        {appName}
-                    </h1>
-                    <SignInButton />
-                    {errors.map((error) => (
-                        <div key={error} style={{ color: "red" }}>
-                            {error}
-                        </div>
-                    ))}
-                </div>
-            </div>
-        </SignedOut>
-    );
-};
+                clerk,
+            );
+        } else {
+            return undefined;
+        }
+    }, [clerk.user]);
 
-// eslint-disable-next-line @typescript-eslint/no-namespace
-export namespace JazzClerkAuth {
-    export const BasicUI = JazzClerkBasicUI;
+    return [authMethod, state] as const;
 }