@uniformdev/canvas-next-rsc-client 19.55.2-alpha.54 → 19.55.2-alpha.57

package/dist/index.d.mts

@@ -1,9 +1,15 @@
+import { ManifestV2, ContextOptions } from '@uniformdev/context';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PureContextualEditingComponentWrapperProps } from '@uniformdev/canvas-react/core';
 import * as react from 'react';
 import { PropsWithChildren } from 'react';
+import * as _uniformdev_canvas_next_rsc_shared from '@uniformdev/canvas-next-rsc-shared';
 import { AppDirectoryContextState, PersonalizeProps, ComponentProps, TestProps, AppDirectoryContext } from '@uniformdev/canvas-next-rsc-shared';
 
+type ClientContextComponent = (props: {
+    manifest: ManifestV2;
+}) => JSX.Element | null;
+
 declare const ClientContextualEditingComponentWrapper: (props: PropsWithChildren<PureContextualEditingComponentWrapperProps>) => react_jsx_runtime.JSX.Element;
 
 declare const ClientContextUpdate: () => react_jsx_runtime.JSX.Element;
@@ -13,6 +19,8 @@ declare const ContextUpdateTransferClient: ({ update, ts, }: {
     ts: number;
 }) => null;
 
+declare const DefaultUniformClientContext: ClientContextComponent;
+
 type PersonalizeClientProps = PersonalizeProps & {
     indexes: number[];
 };
@@ -26,6 +34,9 @@ declare const TestClient: (props: ComponentProps<TestProps>) => react.FunctionCo
 
 declare const UniformScript: () => react_jsx_runtime.JSX.Element;
 
+type CreateClientUniformContextOptions = Omit<ContextOptions, 'transitionStore'>;
+declare const createClientUniformContext: (options: CreateClientUniformContextOptions) => _uniformdev_canvas_next_rsc_shared.AppDirectoryContext;
+
 declare const useInitUniformContext: (callback: () => AppDirectoryContext) => void;
 
 declare global {
@@ -37,4 +48,4 @@ declare const useUniformContext: () => {
     context: AppDirectoryContext | undefined;
 };
 
-export { ClientContextUpdate, ClientContextualEditingComponentWrapper, ContextUpdateTransferClient, PersonalizeClient, PersonalizeClientProps, TestClient, UniformScript, useInitUniformContext, useUniformContext };
+export { ClientContextComponent, ClientContextUpdate, ClientContextualEditingComponentWrapper, ContextUpdateTransferClient, CreateClientUniformContextOptions, DefaultUniformClientContext, PersonalizeClient, PersonalizeClientProps, TestClient, UniformScript, createClientUniformContext, useInitUniformContext, useUniformContext };

package/dist/index.d.ts

@@ -1,9 +1,15 @@
+import { ManifestV2, ContextOptions } from '@uniformdev/context';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PureContextualEditingComponentWrapperProps } from '@uniformdev/canvas-react/core';
 import * as react from 'react';
 import { PropsWithChildren } from 'react';
+import * as _uniformdev_canvas_next_rsc_shared from '@uniformdev/canvas-next-rsc-shared';
 import { AppDirectoryContextState, PersonalizeProps, ComponentProps, TestProps, AppDirectoryContext } from '@uniformdev/canvas-next-rsc-shared';
 
+type ClientContextComponent = (props: {
+    manifest: ManifestV2;
+}) => JSX.Element | null;
+
 declare const ClientContextualEditingComponentWrapper: (props: PropsWithChildren<PureContextualEditingComponentWrapperProps>) => react_jsx_runtime.JSX.Element;
 
 declare const ClientContextUpdate: () => react_jsx_runtime.JSX.Element;
@@ -13,6 +19,8 @@ declare const ContextUpdateTransferClient: ({ update, ts, }: {
     ts: number;
 }) => null;
 
+declare const DefaultUniformClientContext: ClientContextComponent;
+
 type PersonalizeClientProps = PersonalizeProps & {
     indexes: number[];
 };
@@ -26,6 +34,9 @@ declare const TestClient: (props: ComponentProps<TestProps>) => react.FunctionCo
 
 declare const UniformScript: () => react_jsx_runtime.JSX.Element;
 
+type CreateClientUniformContextOptions = Omit<ContextOptions, 'transitionStore'>;
+declare const createClientUniformContext: (options: CreateClientUniformContextOptions) => _uniformdev_canvas_next_rsc_shared.AppDirectoryContext;
+
 declare const useInitUniformContext: (callback: () => AppDirectoryContext) => void;
 
 declare global {
@@ -37,4 +48,4 @@ declare const useUniformContext: () => {
     context: AppDirectoryContext | undefined;
 };
 
-export { ClientContextUpdate, ClientContextualEditingComponentWrapper, ContextUpdateTransferClient, PersonalizeClient, PersonalizeClientProps, TestClient, UniformScript, useInitUniformContext, useUniformContext };
+export { ClientContextComponent, ClientContextUpdate, ClientContextualEditingComponentWrapper, ContextUpdateTransferClient, CreateClientUniformContextOptions, DefaultUniformClientContext, PersonalizeClient, PersonalizeClientProps, TestClient, UniformScript, createClientUniformContext, useInitUniformContext, useUniformContext };

package/dist/index.esm.js

@@ -88,15 +88,49 @@ var ContextUpdateTransferClient = ({
   return null;
 };
 
+// src/context/createClientUniformContext.ts
+import { createUniformContext } from "@uniformdev/canvas-next-rsc-shared";
+var createClientUniformContext = (options) => {
+  return createUniformContext({
+    ...options,
+    serverCookieValue: void 0
+  });
+};
+
+// src/hooks/useInitUniformContext.ts
+import { useEffect as useEffect4, useState as useState3 } from "react";
+var useInitUniformContext = (callback) => {
+  const [called, setCalled] = useState3(false);
+  useEffect4(() => {
+    if (typeof window === "undefined" || called || typeof window.__UNIFORM_CONTEXT__ !== "undefined") {
+      return;
+    }
+    window.__UNIFORM_CONTEXT__ = callback();
+    setCalled(true);
+    const event = new Event("uniform.context.loaded");
+    window.dispatchEvent(event);
+  }, [called, callback]);
+};
+
+// src/components/DefaultUniformClientContext.tsx
+var DefaultUniformClientContext = ({ manifest }) => {
+  useInitUniformContext(() => {
+    return createClientUniformContext({
+      manifest
+    });
+  });
+  return null;
+};
+
 // src/components/PersonalizeClient.ts
 import { CANVAS_PERSONALIZE_SLOT } from "@uniformdev/canvas";
 import { runPersonalization } from "@uniformdev/canvas-next-rsc-shared";
-import { createElement, Fragment as Fragment3, useEffect as useEffect4, useState as useState3 } from "react";
+import { createElement, Fragment as Fragment3, useEffect as useEffect5, useState as useState4 } from "react";
 var PersonalizeClient = (props) => {
   const { slots } = props;
   const { context } = useUniformContext();
-  const [indexesToShow, setIndexesToShow] = useState3(props.indexes);
-  useEffect4(() => {
+  const [indexesToShow, setIndexesToShow] = useState4(props.indexes);
+  useEffect5(() => {
     const result = runPersonalization({
       ...props,
       contextInstance: context
@@ -113,13 +147,13 @@ var PersonalizeClient = (props) => {
 // src/components/TestClient.ts
 import { CANVAS_TEST_SLOT } from "@uniformdev/canvas";
 import { runTest } from "@uniformdev/canvas-next-rsc-shared";
-import { createElement as createElement2, Fragment as Fragment4, useEffect as useEffect5, useState as useState4 } from "react";
+import { createElement as createElement2, Fragment as Fragment4, useEffect as useEffect6, useState as useState5 } from "react";
 var TestClient = (props) => {
   var _a;
   const { slots } = props;
   const { context } = useUniformContext();
-  const [index, setIndex] = useState4(0);
-  useEffect5(() => {
+  const [index, setIndex] = useState5(0);
+  useEffect6(() => {
     const result = runTest({
       ...props,
       contextInstance: context
@@ -139,7 +173,7 @@ import {
   isAllowedReferrer
 } from "@uniformdev/canvas";
 import { useRouter, useSearchParams as useSearchParams3 } from "next/navigation";
-import { useEffect as useEffect6, useMemo, useRef } from "react";
+import { useEffect as useEffect7, useMemo, useRef } from "react";
 import { Fragment as Fragment5, jsx as jsx3 } from "react/jsx-runtime";
 var UniformScript = () => {
   const router = useRouter();
@@ -157,7 +191,7 @@ var UniformScript = () => {
     });
     return instance;
   }, []);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!channel) {
       return;
     }
@@ -174,7 +208,7 @@ var UniformScript = () => {
       unsubscribeFromEditorUpdates();
     };
   }, [channel, router]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -195,7 +229,7 @@ var UniformScript = () => {
       existing.remove();
     }
   }, [enabled]);
-  useEffect6(() => {
+  useEffect7(() => {
     const handleBlurChange = () => {
       if (needsToRefreshRef.current) {
         router.refresh();
@@ -209,28 +243,15 @@ var UniformScript = () => {
   }, [router]);
   return /* @__PURE__ */ jsx3(Fragment5, {});
 };
-
-// src/hooks/useInitUniformContext.ts
-import { useEffect as useEffect7, useState as useState5 } from "react";
-var useInitUniformContext = (callback) => {
-  const [called, setCalled] = useState5(false);
-  useEffect7(() => {
-    if (typeof window === "undefined" || called || typeof window.__UNIFORM_CONTEXT__ !== "undefined") {
-      return;
-    }
-    window.__UNIFORM_CONTEXT__ = callback();
-    setCalled(true);
-    const event = new Event("uniform.context.loaded");
-    window.dispatchEvent(event);
-  }, [called, callback]);
-};
 export {
   ClientContextUpdate,
   ClientContextualEditingComponentWrapper,
   ContextUpdateTransferClient,
+  DefaultUniformClientContext,
   PersonalizeClient,
   TestClient,
   UniformScript,
+  createClientUniformContext,
   useInitUniformContext,
   useUniformContext
 };

package/dist/index.js

@@ -24,9 +24,11 @@ __export(src_exports, {
   ClientContextUpdate: () => ClientContextUpdate,
   ClientContextualEditingComponentWrapper: () => ClientContextualEditingComponentWrapper,
   ContextUpdateTransferClient: () => ContextUpdateTransferClient,
+  DefaultUniformClientContext: () => DefaultUniformClientContext,
   PersonalizeClient: () => PersonalizeClient,
   TestClient: () => TestClient,
   UniformScript: () => UniformScript,
+  createClientUniformContext: () => createClientUniformContext,
   useInitUniformContext: () => useInitUniformContext,
   useUniformContext: () => useUniformContext
 });
@@ -118,16 +120,50 @@ var ContextUpdateTransferClient = ({
   return null;
 };
 
-// src/components/PersonalizeClient.ts
-var import_canvas2 = require("@uniformdev/canvas");
+// src/context/createClientUniformContext.ts
 var import_canvas_next_rsc_shared = require("@uniformdev/canvas-next-rsc-shared");
+var createClientUniformContext = (options) => {
+  return (0, import_canvas_next_rsc_shared.createUniformContext)({
+    ...options,
+    serverCookieValue: void 0
+  });
+};
+
+// src/hooks/useInitUniformContext.ts
 var import_react5 = require("react");
+var useInitUniformContext = (callback) => {
+  const [called, setCalled] = (0, import_react5.useState)(false);
+  (0, import_react5.useEffect)(() => {
+    if (typeof window === "undefined" || called || typeof window.__UNIFORM_CONTEXT__ !== "undefined") {
+      return;
+    }
+    window.__UNIFORM_CONTEXT__ = callback();
+    setCalled(true);
+    const event = new Event("uniform.context.loaded");
+    window.dispatchEvent(event);
+  }, [called, callback]);
+};
+
+// src/components/DefaultUniformClientContext.tsx
+var DefaultUniformClientContext = ({ manifest }) => {
+  useInitUniformContext(() => {
+    return createClientUniformContext({
+      manifest
+    });
+  });
+  return null;
+};
+
+// src/components/PersonalizeClient.ts
+var import_canvas2 = require("@uniformdev/canvas");
+var import_canvas_next_rsc_shared2 = require("@uniformdev/canvas-next-rsc-shared");
+var import_react6 = require("react");
 var PersonalizeClient = (props) => {
   const { slots } = props;
   const { context } = useUniformContext();
-  const [indexesToShow, setIndexesToShow] = (0, import_react5.useState)(props.indexes);
-  (0, import_react5.useEffect)(() => {
-    const result = (0, import_canvas_next_rsc_shared.runPersonalization)({
+  const [indexesToShow, setIndexesToShow] = (0, import_react6.useState)(props.indexes);
+  (0, import_react6.useEffect)(() => {
+    const result = (0, import_canvas_next_rsc_shared2.runPersonalization)({
       ...props,
       contextInstance: context
     });
@@ -137,20 +173,20 @@ var PersonalizeClient = (props) => {
     var _a;
     return (_a = slots[import_canvas2.CANVAS_PERSONALIZE_SLOT]) == null ? void 0 : _a.items[key];
   });
-  return (0, import_react5.createElement)(import_react5.Fragment, void 0, slotsToShow);
+  return (0, import_react6.createElement)(import_react6.Fragment, void 0, slotsToShow);
 };
 
 // src/components/TestClient.ts
 var import_canvas3 = require("@uniformdev/canvas");
-var import_canvas_next_rsc_shared2 = require("@uniformdev/canvas-next-rsc-shared");
-var import_react6 = require("react");
+var import_canvas_next_rsc_shared3 = require("@uniformdev/canvas-next-rsc-shared");
+var import_react7 = require("react");
 var TestClient = (props) => {
   var _a;
   const { slots } = props;
   const { context } = useUniformContext();
-  const [index, setIndex] = (0, import_react6.useState)(0);
-  (0, import_react6.useEffect)(() => {
-    const result = (0, import_canvas_next_rsc_shared2.runTest)({
+  const [index, setIndex] = (0, import_react7.useState)(0);
+  (0, import_react7.useEffect)(() => {
+    const result = (0, import_canvas_next_rsc_shared3.runTest)({
       ...props,
       contextInstance: context
     });
@@ -159,20 +195,20 @@ var TestClient = (props) => {
   if (typeof index !== "number") {
     return null;
   }
-  return (0, import_react6.createElement)(import_react6.Fragment, void 0, (_a = slots == null ? void 0 : slots[import_canvas3.CANVAS_TEST_SLOT]) == null ? void 0 : _a.items[index]);
+  return (0, import_react7.createElement)(import_react7.Fragment, void 0, (_a = slots == null ? void 0 : slots[import_canvas3.CANVAS_TEST_SLOT]) == null ? void 0 : _a.items[index]);
 };
 
 // src/components/UniformScriptClient.tsx
 var import_canvas4 = require("@uniformdev/canvas");
 var import_navigation3 = require("next/navigation");
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var UniformScript = () => {
   const router = (0, import_navigation3.useRouter)();
   const params = (0, import_navigation3.useSearchParams)();
-  const needsToRefreshRef = (0, import_react7.useRef)(false);
+  const needsToRefreshRef = (0, import_react8.useRef)(false);
   const enabled = params.get(import_canvas4.IN_CONTEXT_EDITOR_QUERY_STRING_PARAM) === "true";
-  const channel = (0, import_react7.useMemo)(() => {
+  const channel = (0, import_react8.useMemo)(() => {
     var _a;
     if (typeof window === "undefined") {
       return;
@@ -183,7 +219,7 @@ var UniformScript = () => {
     });
     return instance;
   }, []);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!channel) {
       return;
     }
@@ -200,7 +236,7 @@ var UniformScript = () => {
       unsubscribeFromEditorUpdates();
     };
   }, [channel, router]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -221,7 +257,7 @@ var UniformScript = () => {
       existing.remove();
     }
   }, [enabled]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const handleBlurChange = () => {
       if (needsToRefreshRef.current) {
         router.refresh();
@@ -235,29 +271,16 @@ var UniformScript = () => {
   }, [router]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, {});
 };
-
-// src/hooks/useInitUniformContext.ts
-var import_react8 = require("react");
-var useInitUniformContext = (callback) => {
-  const [called, setCalled] = (0, import_react8.useState)(false);
-  (0, import_react8.useEffect)(() => {
-    if (typeof window === "undefined" || called || typeof window.__UNIFORM_CONTEXT__ !== "undefined") {
-      return;
-    }
-    window.__UNIFORM_CONTEXT__ = callback();
-    setCalled(true);
-    const event = new Event("uniform.context.loaded");
-    window.dispatchEvent(event);
-  }, [called, callback]);
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ClientContextUpdate,
   ClientContextualEditingComponentWrapper,
   ContextUpdateTransferClient,
+  DefaultUniformClientContext,
   PersonalizeClient,
   TestClient,
   UniformScript,
+  createClientUniformContext,
   useInitUniformContext,
   useUniformContext
 });

package/dist/index.mjs

@@ -88,15 +88,49 @@ var ContextUpdateTransferClient = ({
   return null;
 };
 
+// src/context/createClientUniformContext.ts
+import { createUniformContext } from "@uniformdev/canvas-next-rsc-shared";
+var createClientUniformContext = (options) => {
+  return createUniformContext({
+    ...options,
+    serverCookieValue: void 0
+  });
+};
+
+// src/hooks/useInitUniformContext.ts
+import { useEffect as useEffect4, useState as useState3 } from "react";
+var useInitUniformContext = (callback) => {
+  const [called, setCalled] = useState3(false);
+  useEffect4(() => {
+    if (typeof window === "undefined" || called || typeof window.__UNIFORM_CONTEXT__ !== "undefined") {
+      return;
+    }
+    window.__UNIFORM_CONTEXT__ = callback();
+    setCalled(true);
+    const event = new Event("uniform.context.loaded");
+    window.dispatchEvent(event);
+  }, [called, callback]);
+};
+
+// src/components/DefaultUniformClientContext.tsx
+var DefaultUniformClientContext = ({ manifest }) => {
+  useInitUniformContext(() => {
+    return createClientUniformContext({
+      manifest
+    });
+  });
+  return null;
+};
+
 // src/components/PersonalizeClient.ts
 import { CANVAS_PERSONALIZE_SLOT } from "@uniformdev/canvas";
 import { runPersonalization } from "@uniformdev/canvas-next-rsc-shared";
-import { createElement, Fragment as Fragment3, useEffect as useEffect4, useState as useState3 } from "react";
+import { createElement, Fragment as Fragment3, useEffect as useEffect5, useState as useState4 } from "react";
 var PersonalizeClient = (props) => {
   const { slots } = props;
   const { context } = useUniformContext();
-  const [indexesToShow, setIndexesToShow] = useState3(props.indexes);
-  useEffect4(() => {
+  const [indexesToShow, setIndexesToShow] = useState4(props.indexes);
+  useEffect5(() => {
     const result = runPersonalization({
       ...props,
       contextInstance: context
@@ -113,13 +147,13 @@ var PersonalizeClient = (props) => {
 // src/components/TestClient.ts
 import { CANVAS_TEST_SLOT } from "@uniformdev/canvas";
 import { runTest } from "@uniformdev/canvas-next-rsc-shared";
-import { createElement as createElement2, Fragment as Fragment4, useEffect as useEffect5, useState as useState4 } from "react";
+import { createElement as createElement2, Fragment as Fragment4, useEffect as useEffect6, useState as useState5 } from "react";
 var TestClient = (props) => {
   var _a;
   const { slots } = props;
   const { context } = useUniformContext();
-  const [index, setIndex] = useState4(0);
-  useEffect5(() => {
+  const [index, setIndex] = useState5(0);
+  useEffect6(() => {
     const result = runTest({
       ...props,
       contextInstance: context
@@ -139,7 +173,7 @@ import {
   isAllowedReferrer
 } from "@uniformdev/canvas";
 import { useRouter, useSearchParams as useSearchParams3 } from "next/navigation";
-import { useEffect as useEffect6, useMemo, useRef } from "react";
+import { useEffect as useEffect7, useMemo, useRef } from "react";
 import { Fragment as Fragment5, jsx as jsx3 } from "react/jsx-runtime";
 var UniformScript = () => {
   const router = useRouter();
@@ -157,7 +191,7 @@ var UniformScript = () => {
     });
     return instance;
   }, []);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!channel) {
       return;
     }
@@ -174,7 +208,7 @@ var UniformScript = () => {
       unsubscribeFromEditorUpdates();
     };
   }, [channel, router]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -195,7 +229,7 @@ var UniformScript = () => {
       existing.remove();
     }
   }, [enabled]);
-  useEffect6(() => {
+  useEffect7(() => {
     const handleBlurChange = () => {
       if (needsToRefreshRef.current) {
         router.refresh();
@@ -209,28 +243,15 @@ var UniformScript = () => {
   }, [router]);
   return /* @__PURE__ */ jsx3(Fragment5, {});
 };
-
-// src/hooks/useInitUniformContext.ts
-import { useEffect as useEffect7, useState as useState5 } from "react";
-var useInitUniformContext = (callback) => {
-  const [called, setCalled] = useState5(false);
-  useEffect7(() => {
-    if (typeof window === "undefined" || called || typeof window.__UNIFORM_CONTEXT__ !== "undefined") {
-      return;
-    }
-    window.__UNIFORM_CONTEXT__ = callback();
-    setCalled(true);
-    const event = new Event("uniform.context.loaded");
-    window.dispatchEvent(event);
-  }, [called, callback]);
-};
 export {
   ClientContextUpdate,
   ClientContextualEditingComponentWrapper,
   ContextUpdateTransferClient,
+  DefaultUniformClientContext,
   PersonalizeClient,
   TestClient,
   UniformScript,
+  createClientUniformContext,
   useInitUniformContext,
   useUniformContext
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-next-rsc-client",
-  "version": "19.55.2-alpha.54+5c0508742",
+  "version": "19.55.2-alpha.57+ce05e047a",
   "license": "SEE LICENSE IN LICENSE.txt",
   "scripts": {
     "build": "tsup",
@@ -32,9 +32,9 @@
     "react-dom": "18.2.0"
   },
   "dependencies": {
-    "@uniformdev/canvas": "19.55.2-alpha.54+5c0508742",
-    "@uniformdev/canvas-next-rsc-shared": "^19.55.2-alpha.54+5c0508742",
-    "@uniformdev/canvas-react": "^19.55.2-alpha.54+5c0508742"
+    "@uniformdev/canvas": "19.55.2-alpha.57+ce05e047a",
+    "@uniformdev/canvas-next-rsc-shared": "^19.55.2-alpha.57+ce05e047a",
+    "@uniformdev/canvas-react": "^19.55.2-alpha.57+ce05e047a"
   },
   "engines": {
     "node": ">=16.14.0"
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5c0508742475c257e8e24003c4515dd06252045b"
+  "gitHead": "ce05e047a1116e4b1edeb495b1d0a3943bbe9833"
 }