@cmssy/react 0.1.8 → 0.1.9

package/dist/client.cjs

@@ -747,9 +747,105 @@ function CmssyLazyLayout({ load, ...props }) {
   if (!blocks) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(CmssyEditableLayout, { ...props, blocks });
 }
+var CmssyAuthContext = react.createContext(null);
+function CmssyAuthProvider({
+  children,
+  basePath = "/api/cmssy/auth",
+  initialUser
+}) {
+  const seeded = initialUser !== void 0;
+  const [user, setUser] = react.useState(initialUser ?? null);
+  const [loading, setLoading] = react.useState(!seeded);
+  const generation = react.useRef(0);
+  const base = react.useMemo(() => basePath.replace(/\/+$/, ""), [basePath]);
+  const commitUser = react.useCallback((next) => {
+    generation.current += 1;
+    setUser(next);
+  }, []);
+  const fetchUser = react.useCallback(async () => {
+    try {
+      const res = await fetch(`${base}/me`, {
+        credentials: "same-origin",
+        cache: "no-store"
+      });
+      const data = await res.json();
+      return data.user ?? null;
+    } catch {
+      return null;
+    }
+  }, [base]);
+  react.useEffect(() => {
+    if (seeded) return;
+    const gen = generation.current;
+    void (async () => {
+      const next = await fetchUser();
+      if (gen === generation.current) {
+        setUser(next);
+        setLoading(false);
+      }
+    })();
+  }, [fetchUser, seeded]);
+  const postAction = react.useCallback(
+    async (action, body) => {
+      const res = await fetch(`${base}/${action}`, {
+        method: "POST",
+        credentials: "same-origin",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify(body)
+      });
+      return await res.json();
+    },
+    [base]
+  );
+  const signIn = react.useCallback(
+    async (identity, password) => {
+      const data = await postAction("sign-in", { identity, password });
+      if (data.ok && data.user) commitUser(data.user);
+      return { ok: Boolean(data.ok), message: data.message };
+    },
+    [postAction, commitUser]
+  );
+  const register = react.useCallback(
+    async (identity, password, fields) => {
+      const data = await postAction("register", {
+        identity,
+        password,
+        fields: fields ?? {}
+      });
+      return { ok: Boolean(data.ok), message: data.message };
+    },
+    [postAction]
+  );
+  const signOut = react.useCallback(async () => {
+    try {
+      await postAction("sign-out", {});
+    } finally {
+      commitUser(null);
+    }
+  }, [postAction, commitUser]);
+  const refresh = react.useCallback(async () => {
+    const gen = generation.current;
+    const next = await fetchUser();
+    if (gen === generation.current) setUser(next);
+  }, [fetchUser]);
+  const value = react.useMemo(
+    () => ({ user, loading, signIn, register, signOut, refresh }),
+    [user, loading, signIn, register, signOut, refresh]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(CmssyAuthContext.Provider, { value, children });
+}
+function useCmssyUser() {
+  const ctx = react.useContext(CmssyAuthContext);
+  if (!ctx) {
+    throw new Error("useCmssyUser must be used within <CmssyAuthProvider>");
+  }
+  return ctx;
+}
 
+exports.CmssyAuthProvider = CmssyAuthProvider;
 exports.CmssyEditableLayout = CmssyEditableLayout;
 exports.CmssyEditablePage = CmssyEditablePage;
 exports.CmssyLazyEditor = CmssyLazyEditor;
 exports.CmssyLazyLayout = CmssyLazyLayout;
+exports.useCmssyUser = useCmssyUser;
 exports.useEditBridge = useEditBridge;

package/dist/client.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { B as BlockSchema, a as BlockMeta, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, d as CmssyLayoutGroup } from './registry-e3O4s_bN.cjs';
-import 'react';
+import { ReactNode } from 'react';
 
 interface EditBridgeConfig {
     editorOrigin: string;
@@ -80,4 +80,28 @@ interface CmssyLazyLayoutProps {
 }
 declare function CmssyLazyLayout({ load, ...props }: CmssyLazyLayoutProps): react_jsx_runtime.JSX.Element | null;
 
-export { CmssyEditableLayout, type CmssyEditableLayoutProps, CmssyEditablePage, type CmssyEditablePageProps, CmssyLazyEditor, type CmssyLazyEditorProps, CmssyLazyLayout, type CmssyLazyLayoutProps, type EditBridgeConfig, type EditBridgeState, type PatchMap, useEditBridge };
+interface CmssyAuthUser {
+    recordId: string;
+    email: string;
+}
+interface CmssyAuthActionResult {
+    ok: boolean;
+    message?: string;
+}
+interface CmssyAuthState {
+    user: CmssyAuthUser | null;
+    loading: boolean;
+    signIn(identity: string, password: string): Promise<CmssyAuthActionResult>;
+    register(identity: string, password: string, fields?: Record<string, unknown>): Promise<CmssyAuthActionResult>;
+    signOut(): Promise<void>;
+    refresh(): Promise<void>;
+}
+interface CmssyAuthProviderProps {
+    children: ReactNode;
+    basePath?: string;
+    initialUser?: CmssyAuthUser | null;
+}
+declare function CmssyAuthProvider({ children, basePath, initialUser, }: CmssyAuthProviderProps): react_jsx_runtime.JSX.Element;
+declare function useCmssyUser(): CmssyAuthState;
+
+export { type CmssyAuthActionResult, CmssyAuthProvider, type CmssyAuthProviderProps, type CmssyAuthState, type CmssyAuthUser, CmssyEditableLayout, type CmssyEditableLayoutProps, CmssyEditablePage, type CmssyEditablePageProps, CmssyLazyEditor, type CmssyLazyEditorProps, CmssyLazyLayout, type CmssyLazyLayoutProps, type EditBridgeConfig, type EditBridgeState, type PatchMap, useCmssyUser, useEditBridge };

package/dist/client.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { B as BlockSchema, a as BlockMeta, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, d as CmssyLayoutGroup } from './registry-e3O4s_bN.js';
-import 'react';
+import { ReactNode } from 'react';
 
 interface EditBridgeConfig {
     editorOrigin: string;
@@ -80,4 +80,28 @@ interface CmssyLazyLayoutProps {
 }
 declare function CmssyLazyLayout({ load, ...props }: CmssyLazyLayoutProps): react_jsx_runtime.JSX.Element | null;
 
-export { CmssyEditableLayout, type CmssyEditableLayoutProps, CmssyEditablePage, type CmssyEditablePageProps, CmssyLazyEditor, type CmssyLazyEditorProps, CmssyLazyLayout, type CmssyLazyLayoutProps, type EditBridgeConfig, type EditBridgeState, type PatchMap, useEditBridge };
+interface CmssyAuthUser {
+    recordId: string;
+    email: string;
+}
+interface CmssyAuthActionResult {
+    ok: boolean;
+    message?: string;
+}
+interface CmssyAuthState {
+    user: CmssyAuthUser | null;
+    loading: boolean;
+    signIn(identity: string, password: string): Promise<CmssyAuthActionResult>;
+    register(identity: string, password: string, fields?: Record<string, unknown>): Promise<CmssyAuthActionResult>;
+    signOut(): Promise<void>;
+    refresh(): Promise<void>;
+}
+interface CmssyAuthProviderProps {
+    children: ReactNode;
+    basePath?: string;
+    initialUser?: CmssyAuthUser | null;
+}
+declare function CmssyAuthProvider({ children, basePath, initialUser, }: CmssyAuthProviderProps): react_jsx_runtime.JSX.Element;
+declare function useCmssyUser(): CmssyAuthState;
+
+export { type CmssyAuthActionResult, CmssyAuthProvider, type CmssyAuthProviderProps, type CmssyAuthState, type CmssyAuthUser, CmssyEditableLayout, type CmssyEditableLayoutProps, CmssyEditablePage, type CmssyEditablePageProps, CmssyLazyEditor, type CmssyLazyEditorProps, CmssyLazyLayout, type CmssyLazyLayoutProps, type EditBridgeConfig, type EditBridgeState, type PatchMap, useCmssyUser, useEditBridge };

package/dist/client.js

@@ -1,5 +1,5 @@
 "use client";
-import { useState, useRef, useEffect, useMemo, createElement } from 'react';
+import { createContext, useState, useRef, useEffect, useMemo, useCallback, useContext, createElement } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // src/registry.ts
@@ -745,5 +745,99 @@ function CmssyLazyLayout({ load, ...props }) {
   if (!blocks) return null;
   return /* @__PURE__ */ jsx(CmssyEditableLayout, { ...props, blocks });
 }
+var CmssyAuthContext = createContext(null);
+function CmssyAuthProvider({
+  children,
+  basePath = "/api/cmssy/auth",
+  initialUser
+}) {
+  const seeded = initialUser !== void 0;
+  const [user, setUser] = useState(initialUser ?? null);
+  const [loading, setLoading] = useState(!seeded);
+  const generation = useRef(0);
+  const base = useMemo(() => basePath.replace(/\/+$/, ""), [basePath]);
+  const commitUser = useCallback((next) => {
+    generation.current += 1;
+    setUser(next);
+  }, []);
+  const fetchUser = useCallback(async () => {
+    try {
+      const res = await fetch(`${base}/me`, {
+        credentials: "same-origin",
+        cache: "no-store"
+      });
+      const data = await res.json();
+      return data.user ?? null;
+    } catch {
+      return null;
+    }
+  }, [base]);
+  useEffect(() => {
+    if (seeded) return;
+    const gen = generation.current;
+    void (async () => {
+      const next = await fetchUser();
+      if (gen === generation.current) {
+        setUser(next);
+        setLoading(false);
+      }
+    })();
+  }, [fetchUser, seeded]);
+  const postAction = useCallback(
+    async (action, body) => {
+      const res = await fetch(`${base}/${action}`, {
+        method: "POST",
+        credentials: "same-origin",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify(body)
+      });
+      return await res.json();
+    },
+    [base]
+  );
+  const signIn = useCallback(
+    async (identity, password) => {
+      const data = await postAction("sign-in", { identity, password });
+      if (data.ok && data.user) commitUser(data.user);
+      return { ok: Boolean(data.ok), message: data.message };
+    },
+    [postAction, commitUser]
+  );
+  const register = useCallback(
+    async (identity, password, fields) => {
+      const data = await postAction("register", {
+        identity,
+        password,
+        fields: fields ?? {}
+      });
+      return { ok: Boolean(data.ok), message: data.message };
+    },
+    [postAction]
+  );
+  const signOut = useCallback(async () => {
+    try {
+      await postAction("sign-out", {});
+    } finally {
+      commitUser(null);
+    }
+  }, [postAction, commitUser]);
+  const refresh = useCallback(async () => {
+    const gen = generation.current;
+    const next = await fetchUser();
+    if (gen === generation.current) setUser(next);
+  }, [fetchUser]);
+  const value = useMemo(
+    () => ({ user, loading, signIn, register, signOut, refresh }),
+    [user, loading, signIn, register, signOut, refresh]
+  );
+  return /* @__PURE__ */ jsx(CmssyAuthContext.Provider, { value, children });
+}
+function useCmssyUser() {
+  const ctx = useContext(CmssyAuthContext);
+  if (!ctx) {
+    throw new Error("useCmssyUser must be used within <CmssyAuthProvider>");
+  }
+  return ctx;
+}
 
-export { CmssyEditableLayout, CmssyEditablePage, CmssyLazyEditor, CmssyLazyLayout, useEditBridge };
+export { CmssyAuthProvider, CmssyEditableLayout, CmssyEditablePage, CmssyLazyEditor, CmssyLazyLayout, useCmssyUser, useEditBridge };

package/dist/index.cjs

@@ -685,4 +685,5 @@ exports.parseEditorMessage = parseEditorMessage;
 exports.postToEditor = postToEditor;
 exports.resolveForms = resolveForms;
 exports.resolveSiteLocales = resolveSiteLocales;
+exports.resolveWorkspaceId = resolveWorkspaceId;
 exports.splitLocaleFromPath = splitLocaleFromPath;

package/dist/index.d.cts

@@ -65,6 +65,8 @@ interface GraphqlRequestOptions {
 }
 declare function graphqlRequest<T>(config: CmssyClientConfig, query: string, variables: Record<string, unknown>, options?: GraphqlRequestOptions, label?: string): Promise<T>;
 
+declare function resolveWorkspaceId(config: CmssyClientConfig, options?: GraphqlRequestOptions): Promise<string>;
+
 interface QueryScopedOptions extends GraphqlRequestOptions {
     workspaceId?: string;
 }
@@ -106,4 +108,4 @@ interface UnknownBlockProps {
 }
 declare function UnknownBlock({ type }: UnknownBlockProps): react_jsx_runtime.JSX.Element;
 
-export { AppToEditorMessage, BlockDefinition, BlockMap, CmssyBlock, CmssyBlockContext, type CmssyBlockProps, type CmssyClient, CmssyClientConfig, CmssyFormDefinition, CmssyLayoutGroup, CmssyPageData, CmssyServerLayout, type CmssyServerLayoutProps, CmssyServerPage, type CmssyServerPageProps, type CmssySiteLocales, EditorToAppMessage, FetchLike, type FieldControl, FieldDefinition, type GraphqlRequestOptions, type PostTarget, type QueryScopedOptions, RawBlock, UnknownBlock, type UnknownBlockProps, collectFormIds, createCmssyClient, fields, getBlockContentForLanguage, graphqlRequest, normalizeOrigin, parseEditorMessage, postToEditor, resolveForms, resolveSiteLocales, splitLocaleFromPath };
+export { AppToEditorMessage, BlockDefinition, BlockMap, CmssyBlock, CmssyBlockContext, type CmssyBlockProps, type CmssyClient, CmssyClientConfig, CmssyFormDefinition, CmssyLayoutGroup, CmssyPageData, CmssyServerLayout, type CmssyServerLayoutProps, CmssyServerPage, type CmssyServerPageProps, type CmssySiteLocales, EditorToAppMessage, FetchLike, type FieldControl, FieldDefinition, type GraphqlRequestOptions, type PostTarget, type QueryScopedOptions, RawBlock, UnknownBlock, type UnknownBlockProps, collectFormIds, createCmssyClient, fields, getBlockContentForLanguage, graphqlRequest, normalizeOrigin, parseEditorMessage, postToEditor, resolveForms, resolveSiteLocales, resolveWorkspaceId, splitLocaleFromPath };

package/dist/index.d.ts

@@ -65,6 +65,8 @@ interface GraphqlRequestOptions {
 }
 declare function graphqlRequest<T>(config: CmssyClientConfig, query: string, variables: Record<string, unknown>, options?: GraphqlRequestOptions, label?: string): Promise<T>;
 
+declare function resolveWorkspaceId(config: CmssyClientConfig, options?: GraphqlRequestOptions): Promise<string>;
+
 interface QueryScopedOptions extends GraphqlRequestOptions {
     workspaceId?: string;
 }
@@ -106,4 +108,4 @@ interface UnknownBlockProps {
 }
 declare function UnknownBlock({ type }: UnknownBlockProps): react_jsx_runtime.JSX.Element;
 
-export { AppToEditorMessage, BlockDefinition, BlockMap, CmssyBlock, CmssyBlockContext, type CmssyBlockProps, type CmssyClient, CmssyClientConfig, CmssyFormDefinition, CmssyLayoutGroup, CmssyPageData, CmssyServerLayout, type CmssyServerLayoutProps, CmssyServerPage, type CmssyServerPageProps, type CmssySiteLocales, EditorToAppMessage, FetchLike, type FieldControl, FieldDefinition, type GraphqlRequestOptions, type PostTarget, type QueryScopedOptions, RawBlock, UnknownBlock, type UnknownBlockProps, collectFormIds, createCmssyClient, fields, getBlockContentForLanguage, graphqlRequest, normalizeOrigin, parseEditorMessage, postToEditor, resolveForms, resolveSiteLocales, splitLocaleFromPath };
+export { AppToEditorMessage, BlockDefinition, BlockMap, CmssyBlock, CmssyBlockContext, type CmssyBlockProps, type CmssyClient, CmssyClientConfig, CmssyFormDefinition, CmssyLayoutGroup, CmssyPageData, CmssyServerLayout, type CmssyServerLayoutProps, CmssyServerPage, type CmssyServerPageProps, type CmssySiteLocales, EditorToAppMessage, FetchLike, type FieldControl, FieldDefinition, type GraphqlRequestOptions, type PostTarget, type QueryScopedOptions, RawBlock, UnknownBlock, type UnknownBlockProps, collectFormIds, createCmssyClient, fields, getBlockContentForLanguage, graphqlRequest, normalizeOrigin, parseEditorMessage, postToEditor, resolveForms, resolveSiteLocales, resolveWorkspaceId, splitLocaleFromPath };

package/dist/index.js

@@ -654,4 +654,4 @@ function CmssyBlock({
   );
 }
 
-export { CmssyBlock, CmssyServerLayout, CmssyServerPage, FORM_QUERY, MODEL_DEFINITIONS_QUERY, MODEL_RECORDS_QUERY, PROTOCOL_VERSION, SITE_CONFIG_QUERY, SUBMIT_FORM_MUTATION, UnknownBlock, blocksToMeta, blocksToSchemas, buildBlockContext, buildBlockMap, collectFormIds, createCmssyClient, defineBlock, fetchLayouts, fetchPage, fields, getBlockContentForLanguage, graphqlRequest, isProtocolCompatible, normalizeOrigin, normalizeSlug, parseEditorMessage, postToEditor, resolveForms, resolveSiteLocales, splitLocaleFromPath };
+export { CmssyBlock, CmssyServerLayout, CmssyServerPage, FORM_QUERY, MODEL_DEFINITIONS_QUERY, MODEL_RECORDS_QUERY, PROTOCOL_VERSION, SITE_CONFIG_QUERY, SUBMIT_FORM_MUTATION, UnknownBlock, blocksToMeta, blocksToSchemas, buildBlockContext, buildBlockMap, collectFormIds, createCmssyClient, defineBlock, fetchLayouts, fetchPage, fields, getBlockContentForLanguage, graphqlRequest, isProtocolCompatible, normalizeOrigin, normalizeSlug, parseEditorMessage, postToEditor, resolveForms, resolveSiteLocales, resolveWorkspaceId, splitLocaleFromPath };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmssy/react",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "React blocks, renderers, data client and editor bridge for cmssy headless sites",
   "keywords": [
     "cmssy",