@uniformdev/canvas-next-rsc-client 19.181.3-alpha.0 → 19.182.0

package/dist/index.d.mts

@@ -60,12 +60,13 @@ declare const TestClient: (props: ComponentProps<TestProps>) => react.FunctionCo
 
 declare const UniformScript: () => react_jsx_runtime.JSX.Element;
 
-declare const VisibilityRulesWrapperClient: ({ parameter, children, }: PropsWithChildren<{
+declare const VisibilityRulesWrapperClient: ({ parameter, initialIsVisible, children, }: PropsWithChildren<{
     parameter: VisibilityParameterValue;
+    initialIsVisible: boolean | null;
 }>) => react_jsx_runtime.JSX.Element | null;
 
 type CreateClientUniformContextOptions = Omit<ContextOptions, 'transitionStore'>;
-declare const createClientUniformContext: (options: CreateClientUniformContextOptions) => _uniformdev_canvas_next_rsc_shared.AppDirectoryContext;
+declare const createClientUniformContext: (options: CreateClientUniformContextOptions) => _uniformdev_canvas_next_rsc_shared.AppDirectoryContextInstance;
 
 declare const useInitUniformContext: (callback: () => AppDirectoryContext) => void;
 

package/dist/index.d.ts

@@ -60,12 +60,13 @@ declare const TestClient: (props: ComponentProps<TestProps>) => react.FunctionCo
 
 declare const UniformScript: () => react_jsx_runtime.JSX.Element;
 
-declare const VisibilityRulesWrapperClient: ({ parameter, children, }: PropsWithChildren<{
+declare const VisibilityRulesWrapperClient: ({ parameter, initialIsVisible, children, }: PropsWithChildren<{
     parameter: VisibilityParameterValue;
+    initialIsVisible: boolean | null;
 }>) => react_jsx_runtime.JSX.Element | null;
 
 type CreateClientUniformContextOptions = Omit<ContextOptions, 'transitionStore'>;
-declare const createClientUniformContext: (options: CreateClientUniformContextOptions) => _uniformdev_canvas_next_rsc_shared.AppDirectoryContext;
+declare const createClientUniformContext: (options: CreateClientUniformContextOptions) => _uniformdev_canvas_next_rsc_shared.AppDirectoryContextInstance;
 
 declare const useInitUniformContext: (callback: () => AppDirectoryContext) => void;
 

package/dist/index.esm.js

@@ -1060,7 +1060,7 @@ import {
   createQuirksVisibilityRule,
   evaluateNodeVisibilityParameter
 } from "@uniformdev/canvas";
-import { useMemo as useMemo3 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo3, useState as useState8 } from "react";
 
 // src/hooks/useQuirks.ts
 import { useEffect as useEffect9, useState as useState7 } from "react";
@@ -1088,30 +1088,39 @@ function useQuirks() {
 import { Fragment as Fragment6, jsx as jsx4 } from "react/jsx-runtime";
 var VisibilityRulesWrapperClient = ({
   parameter,
+  initialIsVisible,
   children
 }) => {
+  const [isVisible, setIsVisible] = useState8(initialIsVisible);
+  const [visibleSource, setVisibleSource] = useState8(
+    initialIsVisible === null ? "unknown" : "server"
+  );
   const quirks = useQuirks();
   const rules = useMemo3(() => {
     return {
       ...createQuirksVisibilityRule(quirks)
     };
   }, [quirks]);
-  const isVisible = useMemo3(() => {
+  useEffect10(() => {
     const result = evaluateNodeVisibilityParameter({
       rules,
       parameter
     });
-    return result;
-  }, [parameter, rules]);
+    if (visibleSource === "server" && initialIsVisible && !result) {
+      return;
+    }
+    setIsVisible(result);
+    setVisibleSource("client");
+  }, [initialIsVisible, visibleSource, parameter, rules]);
   return isVisible ? /* @__PURE__ */ jsx4(Fragment6, { children }) : null;
 };
 
 // src/hooks/useScores.ts
-import { useEffect as useEffect10, useState as useState8 } from "react";
+import { useEffect as useEffect11, useState as useState9 } from "react";
 function useScores() {
   const { context } = useUniformContext();
-  const [scores, setScores] = useState8(context == null ? void 0 : context.scores);
-  useEffect10(() => {
+  const [scores, setScores] = useState9(context == null ? void 0 : context.scores);
+  useEffect11(() => {
     if (!context) {
       return;
     }

package/dist/index.js

@@ -1106,21 +1106,30 @@ function useQuirks() {
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var VisibilityRulesWrapperClient = ({
   parameter,
+  initialIsVisible,
   children
 }) => {
+  const [isVisible, setIsVisible] = (0, import_react12.useState)(initialIsVisible);
+  const [visibleSource, setVisibleSource] = (0, import_react12.useState)(
+    initialIsVisible === null ? "unknown" : "server"
+  );
   const quirks = useQuirks();
   const rules = (0, import_react12.useMemo)(() => {
     return {
       ...(0, import_canvas5.createQuirksVisibilityRule)(quirks)
     };
   }, [quirks]);
-  const isVisible = (0, import_react12.useMemo)(() => {
+  (0, import_react12.useEffect)(() => {
     const result = (0, import_canvas5.evaluateNodeVisibilityParameter)({
       rules,
       parameter
     });
-    return result;
-  }, [parameter, rules]);
+    if (visibleSource === "server" && initialIsVisible && !result) {
+      return;
+    }
+    setIsVisible(result);
+    setVisibleSource("client");
+  }, [initialIsVisible, visibleSource, parameter, rules]);
   return isVisible ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children }) : null;
 };
 

package/dist/index.mjs

@@ -1060,7 +1060,7 @@ import {
   createQuirksVisibilityRule,
   evaluateNodeVisibilityParameter
 } from "@uniformdev/canvas";
-import { useMemo as useMemo3 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo3, useState as useState8 } from "react";
 
 // src/hooks/useQuirks.ts
 import { useEffect as useEffect9, useState as useState7 } from "react";
@@ -1088,30 +1088,39 @@ function useQuirks() {
 import { Fragment as Fragment6, jsx as jsx4 } from "react/jsx-runtime";
 var VisibilityRulesWrapperClient = ({
   parameter,
+  initialIsVisible,
   children
 }) => {
+  const [isVisible, setIsVisible] = useState8(initialIsVisible);
+  const [visibleSource, setVisibleSource] = useState8(
+    initialIsVisible === null ? "unknown" : "server"
+  );
   const quirks = useQuirks();
   const rules = useMemo3(() => {
     return {
       ...createQuirksVisibilityRule(quirks)
     };
   }, [quirks]);
-  const isVisible = useMemo3(() => {
+  useEffect10(() => {
     const result = evaluateNodeVisibilityParameter({
       rules,
       parameter
     });
-    return result;
-  }, [parameter, rules]);
+    if (visibleSource === "server" && initialIsVisible && !result) {
+      return;
+    }
+    setIsVisible(result);
+    setVisibleSource("client");
+  }, [initialIsVisible, visibleSource, parameter, rules]);
   return isVisible ? /* @__PURE__ */ jsx4(Fragment6, { children }) : null;
 };
 
 // src/hooks/useScores.ts
-import { useEffect as useEffect10, useState as useState8 } from "react";
+import { useEffect as useEffect11, useState as useState9 } from "react";
 function useScores() {
   const { context } = useUniformContext();
-  const [scores, setScores] = useState8(context == null ? void 0 : context.scores);
-  useEffect10(() => {
+  const [scores, setScores] = useState9(context == null ? void 0 : context.scores);
+  useEffect11(() => {
     if (!context) {
       return;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-next-rsc-client",
-  "version": "19.181.3-alpha.0+a04bb53ba0",
+  "version": "19.182.0",
   "license": "SEE LICENSE IN LICENSE.txt",
   "scripts": {
     "build": "tsup",
@@ -32,9 +32,9 @@
     "react-dom": "18.3.1"
   },
   "dependencies": {
-    "@uniformdev/canvas": "19.181.3-alpha.0+a04bb53ba0",
-    "@uniformdev/canvas-next-rsc-shared": "^19.181.3-alpha.0+a04bb53ba0",
-    "@uniformdev/canvas-react": "^19.181.3-alpha.0+a04bb53ba0"
+    "@uniformdev/canvas": "19.182.0",
+    "@uniformdev/canvas-next-rsc-shared": "^19.182.0",
+    "@uniformdev/canvas-react": "^19.182.0"
   },
   "engines": {
     "node": ">=16.14.0"
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a04bb53ba05f24066de3b279abc8442e3f3ec1cf"
+  "gitHead": "138d94ac9eff7221b6357095578380edf30cdb27"
 }