@plasmicapp/react-web 0.2.429 → 1.0.0

package/dist/render/ssr.d.ts

@@ -1,5 +1,5 @@
 import { PlasmicDataSourceContextValue } from "@plasmicapp/data-sources-context";
-import { PlasmicI18NContextValue, PlasmicTranslator } from "@plasmicapp/host";
+import { PlasmicI18NContextValue } from "@plasmicapp/host";
 import { useIsSSR as useAriaIsSSR } from "@react-aria/ssr";
 import * as React from "react";
 export { PlasmicDataSourceContextProvider, useCurrentUser, } from "@plasmicapp/data-sources-context";
@@ -10,10 +10,6 @@ export interface PlasmicRootProviderProps extends PlasmicDataSourceContextValue
     platform?: "nextjs" | "gatsby";
     children?: React.ReactNode;
     i18n?: PlasmicI18NContextValue;
-    /**
-     * @deprecated use i18n.translator instead
-     */
-    translator?: PlasmicTranslator;
     Head?: React.ComponentType<any>;
     Link?: React.ComponentType<any>;
     disableLoadingBoundary?: boolean;

package/dist/states/helpers.d.ts

@@ -1,5 +1,4 @@
 import type { ComponentHelpers } from "@plasmicapp/host";
-import { useLayoutEffect } from "react";
 import { StateSpecNode } from "./graph";
 import { $State, InitFunc, ObjectPath, StateCell } from "./types";
 export declare function initializeCodeComponentStates($state: $State, states: {
@@ -14,7 +13,6 @@ export declare function initializePlasmicStates($state: $State, states: {
 export declare function generateStateOnChangeProp($state: $State, path: ObjectPath): (val: any) => void;
 export declare function generateStateOnChangePropForCodeComponents($state: $State, stateName: string, plasmicStatePath: ObjectPath, componentHelpers: ComponentHelpers<any>): (val: any) => void;
 export declare function generateStateValueProp($state: $State, path: ObjectPath): any;
-export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
 export declare function isPlasmicStateProxy(obj: any): boolean;
 export declare function is$StateProxy(obj: any): number | boolean | undefined;
 export declare function getStateCells($state: $State, root: StateSpecNode<any>): StateCell<any>[];

package/dist/states/types.d.ts

@@ -12,7 +12,6 @@ export type NoUndefinedField<T> = {
     [P in keyof T]-?: T[P];
 };
 export type InitFunc<T> = (env: NoUndefinedField<InitFuncEnv>) => T;
-export type DeprecatedInitFunc<T> = ($props: Record<string, any>, $state: $State, $ctx: Record<string, any>) => T;
 export type ObjectPath = (string | number)[];
 export interface $StateSpec<T> {
     path: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicapp/react-web",
-  "version": "0.2.429",
+  "version": "1.0.0",
   "description": "plasmic library for rendering in the presentational style",
   "main": "dist/index.cjs.js",
   "types": "dist/index.d.ts",
@@ -65,16 +65,6 @@
     },
     "./additional-types-PlasmicImg": {
       "types": "./dist/render/PlasmicImg/index.d.ts"
-    },
-    "./lib/nextjs-app-router": {
-      "types": "./lib/nextjs-app-router/index.d.ts",
-      "import": "./lib/nextjs-app-router/index.js",
-      "require": "./lib/nextjs-app-router/index.cjs.js"
-    },
-    "./lib/nextjs-app-router/react-server": {
-      "types": "./lib/nextjs-app-router/react-server/index.d.ts",
-      "import": "./lib/nextjs-app-router/react-server/index.js",
-      "require": "./lib/nextjs-app-router/react-server/index.cjs.js"
     }
   },
   "files": [
@@ -95,14 +85,14 @@
     "test-storybook": "test-storybook"
   },
   "dependencies": {
-    "@plasmicapp/auth-react": "0.0.26",
-    "@plasmicapp/data-sources": "0.1.208",
+    "@plasmicapp/auth-react": "0.0.27",
+    "@plasmicapp/data-sources": "1.0.0",
     "@plasmicapp/data-sources-context": "0.1.23",
-    "@plasmicapp/host": "1.0.239",
-    "@plasmicapp/loader-splits": "1.0.69",
-    "@plasmicapp/nextjs-app-router": "1.0.21",
-    "@plasmicapp/prepass": "1.0.23",
-    "@plasmicapp/query": "0.1.83",
+    "@plasmicapp/host": "2.0.0",
+    "@plasmicapp/loader-splits": "1.0.70",
+    "@plasmicapp/nextjs-app-router": "1.0.22",
+    "@plasmicapp/prepass": "1.0.24",
+    "@plasmicapp/query": "0.1.84",
     "@react-aria/checkbox": "^3.15.5",
     "@react-aria/focus": "^3.20.3",
     "@react-aria/interactions": "^3.25.1",
@@ -124,7 +114,6 @@
     "classnames": "^2.5.1",
     "clone": "^2.1.2",
     "dlv": "^1.1.3",
-    "fast-deep-equal": "^3.1.3",
     "valtio": "^1.6.4"
   },
   "devDependencies": {
@@ -143,15 +132,15 @@
     "@types/dlv": "^1.1.2",
     "@types/react": "^18",
     "@types/react-dom": "^18",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "rollup": "^3.26.1",
     "rollup-plugin-dts": "^5.3.0",
     "rollup-plugin-typescript2": "^0.36.0"
   },
   "peerDependencies": {
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
   },
-  "gitHead": "56267de0a0aa04d27e671c934f3e54f36dcfbe43"
+  "gitHead": "cf4b7bfc318b5360730e4e080925370e37870858"
 }

package/skinny/dist/index.js

@@ -4,12 +4,12 @@ import { usePlasmicDataSourceContext } from '@plasmicapp/data-sources-context';
 export { PlasmicDataSourceContextProvider, useCurrentUser } from '@plasmicapp/data-sources-context';
 import * as plasmicQuery from '@plasmicapp/query';
 import * as React from 'react';
-import React__default, { useLayoutEffect, useEffect } from 'react';
+import React__default from 'react';
 export { PlasmicHead, plasmicHeadMeta } from './render/PlasmicHead/index.js';
 export { PlasmicImg } from './render/PlasmicImg/index.js';
-import { T as Trans } from './ssr-6d9f9c44.js';
-export { P as PlasmicLink, a as PlasmicRootProvider, g as genTranslatableString, u as useIsSSR, b as usePlasmicTranslator } from './ssr-6d9f9c44.js';
-import { m as mergeProps, c as createElementWithChildren, e as ensureNotArray, N as NONE, a as mergePropVals, i as isReactNode, b as isBrowser, u as useIsomorphicLayoutEffect$1 } from './react-utils-2892a561.js';
+import { T as Trans } from './ssr-e496f477.js';
+export { P as PlasmicLink, a as PlasmicRootProvider, g as genTranslatableString, u as useIsSSR, b as usePlasmicTranslator } from './ssr-e496f477.js';
+import { m as mergeProps, c as createElementWithChildren, e as ensureNotArray, N as NONE, a as mergePropVals, i as isReactNode, b as isBrowser, u as useIsomorphicLayoutEffect } from './react-utils-2892a561.js';
 import get from 'dlv';
 export { default as get } from 'dlv';
 import ReactDOM__default from 'react-dom';
@@ -704,7 +704,7 @@ function createUseScreenVariants(isMulti, screenQueries) {
         // register our forceUpdate. This ensures that if there was
         // a window resize event between render and effects, that the
         // listener will be registered in time
-        useIsomorphicLayoutEffect$1(function () {
+        useIsomorphicLayoutEffect(function () {
             var updateIfChanged = function () {
                 if (curScreenVariants &&
                     lastScreenVariantsRef.current.join("") !== curScreenVariants.join("")) {
@@ -1097,9 +1097,6 @@ function findStateCell(root, pathStr, repetitionIndex) {
 }
 
 var defer = setTimeout;
-function isNum$1(value) {
-    return typeof value === "symbol" ? false : !isNaN(+value);
-}
 function canProxy(value) {
     return typeof value === "object" && value != null;
 }
@@ -1210,11 +1207,11 @@ function initializeStateValue($$state, initialStateCell, proxyRoot) {
         var stateCell = _a.stateCell;
         stateCell.listeners.push(function () {
             var _a;
-            var newValue = invokeInitFuncBackwardsCompatible(initialStateCell.node.getSpec().initFunc, __assign({ $state: $state }, ((_a = initialStateCell.overrideEnv) !== null && _a !== void 0 ? _a : $$state.env)));
+            var newValue = invokeInitFunc(initialStateCell.node.getSpec().initFunc, __assign({ $state: $state }, ((_a = initialStateCell.overrideEnv) !== null && _a !== void 0 ? _a : $$state.env)));
             set(proxyRoot, initialStateCell.path, newValue);
         });
     });
-    var initialValue = invokeInitFuncBackwardsCompatible(initialStateCell.initFunc, __assign({ $state: $state }, ((_a = initialStateCell.overrideEnv) !== null && _a !== void 0 ? _a : $$state.env)));
+    var initialValue = invokeInitFunc(initialStateCell.initFunc, __assign({ $state: $state }, ((_a = initialStateCell.overrideEnv) !== null && _a !== void 0 ? _a : $$state.env)));
     var initialSpec = initialStateCell.node.getSpec();
     // Try to clone initialValue. It can fail if it's a PlasmicUndefinedDataProxy
     // and we still want to clear some states and return the initialValue.
@@ -1240,7 +1237,7 @@ function create$StateProxy($$state, leafHandlers) {
     var proxyRoot;
     var rec = function (currPath, currNode) {
         var getNextPath = function (property) { return __spreadArray(__spreadArray([], __read(currPath), false), [
-            isNum$1(property) ? +property : property,
+            isNum(property) ? +property : property,
         ], false); };
         var spec = currNode.getSpec();
         var handlers = {
@@ -1248,7 +1245,7 @@ function create$StateProxy($$state, leafHandlers) {
                 var _a, _b;
                 if (!currNode.isLeaf() &&
                     !currNode.hasArrayTransition() &&
-                    !isNum$1(property)) {
+                    !isNum(property)) {
                     throw new InvalidOperation("Can't delete a property in the middle of the state spec");
                 }
                 delete get($$state.stateValues, currPath)[property];
@@ -1395,13 +1392,8 @@ function extractDollarStateParametersBackwardCompatible() {
         };
     }
 }
-function invokeInitFuncBackwardsCompatible(initFunc, env) {
-    if (initFunc.length > 1) {
-        return initFunc(env.$props, env.$state, env.$ctx);
-    }
-    else {
-        return initFunc(env);
-    }
+function invokeInitFunc(initFunc, env) {
+    return initFunc(env);
 }
 function useDollarState(specs) {
     var rest = [];
@@ -1556,7 +1548,7 @@ function useDollarState(specs) {
             var _a;
             if (stateCell.initFunc) {
                 try {
-                    var newInit = invokeInitFuncBackwardsCompatible(stateCell.initFunc, __assign({ $state: $state }, ((_a = stateCell.overrideEnv) !== null && _a !== void 0 ? _a : envFieldsAreNonNill(env))));
+                    var newInit = invokeInitFunc(stateCell.initFunc, __assign({ $state: $state }, ((_a = stateCell.overrideEnv) !== null && _a !== void 0 ? _a : envFieldsAreNonNill(env))));
                     if (!deepEqual(newInit, stateCell.initialValue)) {
                         resetSpecs.push({ stateCell: stateCell });
                     }
@@ -1666,7 +1658,6 @@ function generateStateOnChangePropForCodeComponents($state, stateName, plasmicSt
 function generateStateValueProp($state, path) {
     return get($state, path);
 }
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 function isPlasmicStateProxy(obj) {
     return (obj != null && typeof obj === "object" && !!obj[PLASMIC_STATE_PROXY_SYMBOL]);
 }
@@ -1780,8 +1771,9 @@ function set(obj, keys, val) {
     var i = 0, l = keys.length, t = obj, x, k;
     while (i < l) {
         k = "" + keys[i++];
-        if (k === "__proto__" || k === "constructor" || k === "prototype")
+        if (k === "__proto__" || k === "constructor" || k === "prototype") {
             break;
+        }
         var newValue = i === l
             ? val
             : typeof (x = t[k]) === typeof keys
@@ -1847,29 +1839,35 @@ var isRegExp = function (a) {
  */
 function deepEqual(a, b) {
     var e_4, _a, e_5, _b, e_6, _c;
-    if (a === b)
+    if (a === b) {
         return true;
+    }
     if (a && b && typeof a == "object" && typeof b == "object") {
         // if (a.constructor !== b.constructor) return false;
-        var length, i, keys;
+        var length_1, i = void 0, keys = void 0;
         if (Array.isArray(a)) {
-            length = a.length;
-            if (length != b.length)
+            length_1 = a.length;
+            if (length_1 != b.length) {
                 return false;
-            for (i = length; i-- !== 0;)
-                if (!deepEqual(a[i], b[i]))
+            }
+            for (i = length_1; i-- !== 0;) {
+                if (!deepEqual(a[i], b[i])) {
                     return false;
+                }
+            }
             return true;
         }
         // if ((a instanceof Map) && (b instanceof Map)) {
         if (isInstanceOfMap(a) && isInstanceOfMap(b)) {
-            if (a.size !== b.size)
+            if (a.size !== b.size) {
                 return false;
+            }
             try {
                 for (var _d = __values(a.entries()), _e = _d.next(); !_e.done; _e = _d.next()) {
                     i = _e.value;
-                    if (!b.has(i[0]))
+                    if (!b.has(i[0])) {
                         return false;
+                    }
                 }
             }
             catch (e_4_1) { e_4 = { error: e_4_1 }; }
@@ -1882,8 +1880,9 @@ function deepEqual(a, b) {
             try {
                 for (var _f = __values(a.entries()), _g = _f.next(); !_g.done; _g = _f.next()) {
                     i = _g.value;
-                    if (!deepEqual(i[1], b.get(i[0])))
+                    if (!deepEqual(i[1], b.get(i[0]))) {
                         return false;
+                    }
                 }
             }
             catch (e_5_1) { e_5 = { error: e_5_1 }; }
@@ -1897,13 +1896,15 @@ function deepEqual(a, b) {
         }
         // if ((a instanceof Set) && (b instanceof Set)) {
         if (isInstanceOfSet(a) && isInstanceOfSet(b)) {
-            if (a.size !== b.size)
+            if (a.size !== b.size) {
                 return false;
+            }
             try {
                 for (var _h = __values(a.entries()), _j = _h.next(); !_j.done; _j = _h.next()) {
                     i = _j.value;
-                    if (!b.has(i[0]))
+                    if (!b.has(i[0])) {
                         return false;
+                    }
                 }
             }
             catch (e_6_1) { e_6 = { error: e_6_1 }; }
@@ -1916,20 +1917,24 @@ function deepEqual(a, b) {
             return true;
         }
         // if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;
-        if (isRegExp(a) && isRegExp(b))
+        if (isRegExp(a) && isRegExp(b)) {
             return a.source === b.source && a.flags === b.flags;
+        }
         // if (a.valueOf !== Object.prototype.valueOf)
         //   return a.valueOf() === b.valueOf();
         // if (a.toString !== Object.prototype.toString)
         //   return a.toString() === b.toString();
         keys = Object.keys(a);
-        length = keys.length;
-        if (length !== Object.keys(b).length)
+        length_1 = keys.length;
+        if (length_1 !== Object.keys(b).length) {
             return false;
-        for (i = length; i-- !== 0;)
-            if (!Object.prototype.hasOwnProperty.call(b, keys[i]))
+        }
+        for (i = length_1; i-- !== 0;) {
+            if (!Object.prototype.hasOwnProperty.call(b, keys[i])) {
                 return false;
-        for (i = length; i-- !== 0;) {
+            }
+        }
+        for (i = length_1; i-- !== 0;) {
             var key = keys[i];
             if (key === "_owner" && a.$$typeof) {
                 // React-specific: avoid traversing React elements' _owner.
@@ -1937,8 +1942,9 @@ function deepEqual(a, b) {
                 // and is not needed when comparing the actual elements (and not their owners)
                 continue;
             }
-            if (!deepEqual(a[key], b[key]))
+            if (!deepEqual(a[key], b[key])) {
                 return false;
+            }
         }
         return true;
     }