@uniformdev/next-app-router-client 20.7.1-alpha.123 → 20.7.1-alpha.136

package/LICENSE.txt

@@ -1,2 +1,2 @@
-© 2024 Uniform Systems, Inc. All Rights Reserved.
+© 2026 Uniform Systems, Inc. All Rights Reserved.
 See details of Uniform Systems, Inc. Master Subscription Agreement here: https://uniform.dev/eula

package/dist/index.d.mts

@@ -1,7 +1,6 @@
 import { ManifestV2, CompositionMetadata, TestEvent, ContextState, ContextOptions, CookieTransitionDataStoreOptions, Context, Quirks, ScoreVector } from '@uniformdev/context';
 import * as React from 'react';
 import React__default, { JSX, PropsWithChildren } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ComponentContext, ComponentParameter, PersonalizeProps } from '@uniformdev/next-app-router-shared';
 import { VisibilityParameterValue } from '@uniformdev/canvas';
 import * as _uniformdev_context__ from '@uniformdev/context/*';
@@ -69,7 +68,7 @@ type ClientUniformTextProps = {
 /**
  * Renders text parameters. Offers inline editing capability out of the box.
  */
-declare const ClientUniformText: ({ as, component, parameter: providedParameter, isMultiline, placeholder, render, ...props }: ClientUniformTextProps) => react_jsx_runtime.JSX.Element | null;
+declare const ClientUniformText: ({ as, component, parameter: providedParameter, isMultiline, placeholder, render, ...props }: ClientUniformTextProps) => React__default.JSX.Element | null;
 
 /**
  * Transfers context state updates from RSC to the client-side context.
@@ -86,12 +85,12 @@ declare const Personalize: ({ parameters, indexes, slots, context: compositionCo
     children?: React.ReactNode | undefined;
 }>;
 
-declare const UniformScript: () => react_jsx_runtime.JSX.Element;
+declare const UniformScript: () => null;
 
 declare const VisibilityRulesWrapperClient: ({ parameter, initialIsVisible, children, }: PropsWithChildren<{
     parameter: VisibilityParameterValue;
     initialIsVisible: boolean | null;
-}>) => react_jsx_runtime.JSX.Element | null;
+}>) => React__default.JSX.Element | null;
 
 type CreateUniformContextOptions = Omit<ContextOptions, 'transitionStore'> & {
     serverCookieValue: string | undefined;

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 import { ManifestV2, CompositionMetadata, TestEvent, ContextState, ContextOptions, CookieTransitionDataStoreOptions, Context, Quirks, ScoreVector } from '@uniformdev/context';
 import * as React from 'react';
 import React__default, { JSX, PropsWithChildren } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ComponentContext, ComponentParameter, PersonalizeProps } from '@uniformdev/next-app-router-shared';
 import { VisibilityParameterValue } from '@uniformdev/canvas';
 import * as _uniformdev_context__ from '@uniformdev/context/*';
@@ -69,7 +68,7 @@ type ClientUniformTextProps = {
 /**
  * Renders text parameters. Offers inline editing capability out of the box.
  */
-declare const ClientUniformText: ({ as, component, parameter: providedParameter, isMultiline, placeholder, render, ...props }: ClientUniformTextProps) => react_jsx_runtime.JSX.Element | null;
+declare const ClientUniformText: ({ as, component, parameter: providedParameter, isMultiline, placeholder, render, ...props }: ClientUniformTextProps) => React__default.JSX.Element | null;
 
 /**
  * Transfers context state updates from RSC to the client-side context.
@@ -86,12 +85,12 @@ declare const Personalize: ({ parameters, indexes, slots, context: compositionCo
     children?: React.ReactNode | undefined;
 }>;
 
-declare const UniformScript: () => react_jsx_runtime.JSX.Element;
+declare const UniformScript: () => null;
 
 declare const VisibilityRulesWrapperClient: ({ parameter, initialIsVisible, children, }: PropsWithChildren<{
     parameter: VisibilityParameterValue;
     initialIsVisible: boolean | null;
-}>) => react_jsx_runtime.JSX.Element | null;
+}>) => React__default.JSX.Element | null;
 
 type CreateUniformContextOptions = Omit<ContextOptions, 'transitionStore'> & {
     serverCookieValue: string | undefined;

package/dist/index.esm.js

@@ -7,10 +7,12 @@ import { useEffect as useEffect3 } from "react";
 import { useEffect, useRef, useState } from "react";
 var useStableValue = (value, isValid) => {
   const previousRef = useRef(null);
+  const isValidRef = useRef(isValid);
   const [stableValue, setStableValue] = useState(void 0);
+  isValidRef.current = isValid;
   useEffect(() => {
     const serialized = JSON.stringify(value);
-    const valid = isValid ? isValid(value) : true;
+    const valid = isValidRef.current ? isValidRef.current(value) : true;
     if (serialized !== previousRef.current && valid) {
       previousRef.current = serialized;
       setStableValue(value);
@@ -79,7 +81,7 @@ import {
   createQuirksVisibilityRule,
   evaluatePropertyCriteria
 } from "@uniformdev/canvas";
-import { useMemo } from "react";
+import React, { useMemo } from "react";
 
 // src/hooks/useQuirks.ts
 import { useEffect as useEffect4, useState as useState3 } from "react";
@@ -104,7 +106,6 @@ function useQuirks() {
 }
 
 // src/components/ClientUniformText.tsx
-import { jsx } from "react/jsx-runtime";
 var ClientUniformText = ({
   as,
   component,
@@ -146,10 +147,10 @@ var ClientUniformText = ({
   const parameterId = parameter.parameterId;
   const isContextualEditing = Boolean(parameter._contextualEditing);
   if (!isContextualEditing) {
-    return /* @__PURE__ */ jsx(Tag, { style: isMultiline ? { whiteSpace: "pre-wrap" } : {}, ...props, children: render(currentValue) });
+    return /* @__PURE__ */ React.createElement(Tag, { style: isMultiline ? { whiteSpace: "pre-wrap" } : {}, ...props }, render(currentValue));
   }
   const computedPlaceholder = typeof placeholder === "function" ? placeholder({ id: parameterId }) : placeholder;
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(
     Tag,
     {
       ...props,
@@ -161,9 +162,9 @@ var ClientUniformText = ({
       }),
       "data-uniform-parameter-type": "text",
       "data-uniform-placeholder": computedPlaceholder,
-      style: isMultiline ? { whiteSpace: "pre-wrap" } : {},
-      children: isContextualEditing ? currentValue : render(currentValue)
-    }
+      style: isMultiline ? { whiteSpace: "pre-wrap" } : {}
+    },
+    isContextualEditing ? currentValue : render(currentValue)
   );
 };
 var getParameterAttributes = ({
@@ -402,7 +403,6 @@ var Personalize = ({
 import { createCanvasChannel, isAllowedReferrer } from "@uniformdev/canvas";
 import { useRouter as useRouter2 } from "next/navigation";
 import { useEffect as useEffect9, useMemo as useMemo3, useRef as useRef4 } from "react";
-import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
 var UniformScript = () => {
   const router = useRouter2();
   const needsToRefreshRef = useRef4(false);
@@ -467,7 +467,7 @@ var UniformScript = () => {
       document.removeEventListener("focus", handleBlurChange, true);
     };
   }, [router]);
-  return /* @__PURE__ */ jsx2(Fragment2, {});
+  return null;
 };
 
 // src/components/VisibilityRulesWrapperClient.tsx
@@ -475,8 +475,7 @@ import {
   createQuirksVisibilityRule as createQuirksVisibilityRule2,
   evaluateNodeVisibilityParameter
 } from "@uniformdev/canvas";
-import { useEffect as useEffect10, useMemo as useMemo4, useState as useState6 } from "react";
-import { Fragment as Fragment3, jsx as jsx3 } from "react/jsx-runtime";
+import React2, { useEffect as useEffect10, useMemo as useMemo4, useState as useState6 } from "react";
 var VisibilityRulesWrapperClient = ({
   parameter,
   initialIsVisible,
@@ -503,7 +502,7 @@ var VisibilityRulesWrapperClient = ({
     setIsVisible(result);
     setVisibleSource("client");
   }, [initialIsVisible, visibleSource, parameter, rules]);
-  return isVisible ? /* @__PURE__ */ jsx3(Fragment3, { children }) : null;
+  return isVisible ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, children) : null;
 };
 export {
   ClientContextTestTransfer,

package/dist/index.js

@@ -53,10 +53,12 @@ var import_react3 = require("react");
 var import_react = require("react");
 var useStableValue = (value, isValid) => {
   const previousRef = (0, import_react.useRef)(null);
+  const isValidRef = (0, import_react.useRef)(isValid);
   const [stableValue, setStableValue] = (0, import_react.useState)(void 0);
+  isValidRef.current = isValid;
   (0, import_react.useEffect)(() => {
     const serialized = JSON.stringify(value);
-    const valid = isValid ? isValid(value) : true;
+    const valid = isValidRef.current ? isValidRef.current(value) : true;
     if (serialized !== previousRef.current && valid) {
       previousRef.current = serialized;
       setStableValue(value);
@@ -116,7 +118,7 @@ var ClientContextTestTransfer = ({ event }) => {
 
 // src/components/ClientUniformText.tsx
 var import_canvas = require("@uniformdev/canvas");
-var import_react5 = require("react");
+var import_react5 = __toESM(require("react"));
 
 // src/hooks/useQuirks.ts
 var import_react4 = require("react");
@@ -141,7 +143,6 @@ function useQuirks() {
 }
 
 // src/components/ClientUniformText.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
 var ClientUniformText = ({
   as,
   component,
@@ -183,10 +184,10 @@ var ClientUniformText = ({
   const parameterId = parameter.parameterId;
   const isContextualEditing = Boolean(parameter._contextualEditing);
   if (!isContextualEditing) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tag, { style: isMultiline ? { whiteSpace: "pre-wrap" } : {}, ...props, children: render(currentValue) });
+    return /* @__PURE__ */ import_react5.default.createElement(Tag, { style: isMultiline ? { whiteSpace: "pre-wrap" } : {}, ...props }, render(currentValue));
   }
   const computedPlaceholder = typeof placeholder === "function" ? placeholder({ id: parameterId }) : placeholder;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ import_react5.default.createElement(
     Tag,
     {
       ...props,
@@ -198,9 +199,9 @@ var ClientUniformText = ({
       }),
       "data-uniform-parameter-type": "text",
       "data-uniform-placeholder": computedPlaceholder,
-      style: isMultiline ? { whiteSpace: "pre-wrap" } : {},
-      children: isContextualEditing ? currentValue : render(currentValue)
-    }
+      style: isMultiline ? { whiteSpace: "pre-wrap" } : {}
+    },
+    isContextualEditing ? currentValue : render(currentValue)
   );
 };
 var getParameterAttributes = ({
@@ -436,7 +437,6 @@ var Personalize = ({
 var import_canvas3 = require("@uniformdev/canvas");
 var import_navigation3 = require("next/navigation");
 var import_react10 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
 var UniformScript = () => {
   const router = (0, import_navigation3.useRouter)();
   const needsToRefreshRef = (0, import_react10.useRef)(false);
@@ -501,13 +501,12 @@ var UniformScript = () => {
       document.removeEventListener("focus", handleBlurChange, true);
     };
   }, [router]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, {});
+  return null;
 };
 
 // src/components/VisibilityRulesWrapperClient.tsx
 var import_canvas4 = require("@uniformdev/canvas");
-var import_react11 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_react11 = __toESM(require("react"));
 var VisibilityRulesWrapperClient = ({
   parameter,
   initialIsVisible,
@@ -534,7 +533,7 @@ var VisibilityRulesWrapperClient = ({
     setIsVisible(result);
     setVisibleSource("client");
   }, [initialIsVisible, visibleSource, parameter, rules]);
-  return isVisible ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children }) : null;
+  return isVisible ? /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, children) : null;
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.mjs

@@ -7,10 +7,12 @@ import { useEffect as useEffect3 } from "react";
 import { useEffect, useRef, useState } from "react";
 var useStableValue = (value, isValid) => {
   const previousRef = useRef(null);
+  const isValidRef = useRef(isValid);
   const [stableValue, setStableValue] = useState(void 0);
+  isValidRef.current = isValid;
   useEffect(() => {
     const serialized = JSON.stringify(value);
-    const valid = isValid ? isValid(value) : true;
+    const valid = isValidRef.current ? isValidRef.current(value) : true;
     if (serialized !== previousRef.current && valid) {
       previousRef.current = serialized;
       setStableValue(value);
@@ -79,7 +81,7 @@ import {
   createQuirksVisibilityRule,
   evaluatePropertyCriteria
 } from "@uniformdev/canvas";
-import { useMemo } from "react";
+import React, { useMemo } from "react";
 
 // src/hooks/useQuirks.ts
 import { useEffect as useEffect4, useState as useState3 } from "react";
@@ -104,7 +106,6 @@ function useQuirks() {
 }
 
 // src/components/ClientUniformText.tsx
-import { jsx } from "react/jsx-runtime";
 var ClientUniformText = ({
   as,
   component,
@@ -146,10 +147,10 @@ var ClientUniformText = ({
   const parameterId = parameter.parameterId;
   const isContextualEditing = Boolean(parameter._contextualEditing);
   if (!isContextualEditing) {
-    return /* @__PURE__ */ jsx(Tag, { style: isMultiline ? { whiteSpace: "pre-wrap" } : {}, ...props, children: render(currentValue) });
+    return /* @__PURE__ */ React.createElement(Tag, { style: isMultiline ? { whiteSpace: "pre-wrap" } : {}, ...props }, render(currentValue));
   }
   const computedPlaceholder = typeof placeholder === "function" ? placeholder({ id: parameterId }) : placeholder;
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(
     Tag,
     {
       ...props,
@@ -161,9 +162,9 @@ var ClientUniformText = ({
       }),
       "data-uniform-parameter-type": "text",
       "data-uniform-placeholder": computedPlaceholder,
-      style: isMultiline ? { whiteSpace: "pre-wrap" } : {},
-      children: isContextualEditing ? currentValue : render(currentValue)
-    }
+      style: isMultiline ? { whiteSpace: "pre-wrap" } : {}
+    },
+    isContextualEditing ? currentValue : render(currentValue)
   );
 };
 var getParameterAttributes = ({
@@ -402,7 +403,6 @@ var Personalize = ({
 import { createCanvasChannel, isAllowedReferrer } from "@uniformdev/canvas";
 import { useRouter as useRouter2 } from "next/navigation";
 import { useEffect as useEffect9, useMemo as useMemo3, useRef as useRef4 } from "react";
-import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
 var UniformScript = () => {
   const router = useRouter2();
   const needsToRefreshRef = useRef4(false);
@@ -467,7 +467,7 @@ var UniformScript = () => {
       document.removeEventListener("focus", handleBlurChange, true);
     };
   }, [router]);
-  return /* @__PURE__ */ jsx2(Fragment2, {});
+  return null;
 };
 
 // src/components/VisibilityRulesWrapperClient.tsx
@@ -475,8 +475,7 @@ import {
   createQuirksVisibilityRule as createQuirksVisibilityRule2,
   evaluateNodeVisibilityParameter
 } from "@uniformdev/canvas";
-import { useEffect as useEffect10, useMemo as useMemo4, useState as useState6 } from "react";
-import { Fragment as Fragment3, jsx as jsx3 } from "react/jsx-runtime";
+import React2, { useEffect as useEffect10, useMemo as useMemo4, useState as useState6 } from "react";
 var VisibilityRulesWrapperClient = ({
   parameter,
   initialIsVisible,
@@ -503,7 +502,7 @@ var VisibilityRulesWrapperClient = ({
     setIsVisible(result);
     setVisibleSource("client");
   }, [initialIsVisible, visibleSource, parameter, rules]);
-  return isVisible ? /* @__PURE__ */ jsx3(Fragment3, { children }) : null;
+  return isVisible ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, children) : null;
 };
 export {
   ClientContextTestTransfer,

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@uniformdev/next-app-router-client",
-  "version": "20.7.1-alpha.123+2f94c7c7d8",
+  "version": "20.7.1-alpha.136+b24fc21071",
   "license": "SEE LICENSE IN LICENSE.txt",
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",
     "lint": "eslint \"src/**/*.{ts,tsx}\" --fix",
-    "test": "jest --maxWorkers=1 --passWithNoTests"
+    "test": "vitest --passWithNoTests"
   },
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -31,13 +31,15 @@
     "next": "16.0.7",
     "react": "19.2.0",
     "react-dom": "19.2.0",
-    "typescript": "5.9.2"
+    "typescript": "5.9.2",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "3.2.4"
   },
   "dependencies": {
-    "@uniformdev/canvas": "20.7.1-alpha.123+2f94c7c7d8",
-    "@uniformdev/canvas-react": "20.7.1-alpha.123+2f94c7c7d8",
-    "@uniformdev/context": "20.7.1-alpha.123+2f94c7c7d8",
-    "@uniformdev/next-app-router-shared": "20.7.1-alpha.123+2f94c7c7d8",
+    "@uniformdev/canvas": "20.7.1-alpha.136+b24fc21071",
+    "@uniformdev/canvas-react": "20.7.1-alpha.136+b24fc21071",
+    "@uniformdev/context": "20.7.1-alpha.136+b24fc21071",
+    "@uniformdev/next-app-router-shared": "20.7.1-alpha.136+b24fc21071",
     "js-cookie": "3.0.5"
   },
   "engines": {
@@ -51,5 +53,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2f94c7c7d825e4d5fb92122c706fb4efa4922993"
+  "gitHead": "b24fc21071984f3e41cf7d2e46345c122182a185"
 }