@mmapp/react 0.1.0-alpha.19 → 0.1.0-alpha.20

package/dist/index.js

@@ -995,7 +995,7 @@ var init_actions = __esm({
           },
           children: [
             isLoading || loadingProp ? "\u23F3" : icon ? String(icon) : null,
-            text != null ? String(text) : null,
+            text != null ? typeof text === "string" || typeof text === "number" ? String(text) : text : null,
             iconRight ? String(iconRight) : null
           ]
         }
@@ -6278,6 +6278,14 @@ var PlayerProvider = ({
 
 // src/player/ExperienceRenderer.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
+var SharedLocalContext = import_react44.default.createContext({
+  state: {},
+  setLocal: () => {
+  }
+});
+function useSharedLocal() {
+  return import_react44.default.useContext(SharedLocalContext);
+}
 var NodeErrorBoundary = class extends import_react44.default.Component {
   constructor(props) {
     super(props);
@@ -6495,13 +6503,19 @@ var NodeRenderer = ({ node, fallback }) => {
   const resolver = playerCtx?.resolver ?? null;
   const atomRegistry = playerCtx?.atomRegistry;
   const themeTokens = useTheme();
+  const sharedLocal = useSharedLocal();
   const localDefaults = node.config?.localDefaults ?? {};
-  const [localState, setLocalState] = (0, import_react44.useState)(() => ({
-    ...localDefaults
-  }));
-  const handleSetLocal = (0, import_react44.useCallback)((key, value) => {
-    setLocalState((prev) => ({ ...prev, [key]: value }));
+  (0, import_react44.useEffect)(() => {
+    if (Object.keys(localDefaults).length > 0) {
+      for (const [key, value] of Object.entries(localDefaults)) {
+        if (sharedLocal.state[key] === void 0) {
+          sharedLocal.setLocal(key, value);
+        }
+      }
+    }
   }, []);
+  const localState = sharedLocal.state;
+  const handleSetLocal = sharedLocal.setLocal;
   const [, setFetchVersion] = (0, import_react44.useState)(0);
   const handleRefreshQuery = (0, import_react44.useCallback)(() => {
     setFetchVersion((v) => v + 1);
@@ -6652,6 +6666,14 @@ var ExperienceRenderer = ({
 }) => {
   const playerCtx = usePlayerContext();
   const nodes = Array.isArray(tree) ? tree : [tree];
+  const [sharedLocalState, setSharedLocalState] = (0, import_react44.useState)({});
+  const handleSharedSetLocal = (0, import_react44.useCallback)((key, value) => {
+    setSharedLocalState((prev) => ({ ...prev, [key]: value }));
+  }, []);
+  const sharedLocal = (0, import_react44.useMemo)(() => ({
+    state: sharedLocalState,
+    setLocal: handleSharedSetLocal
+  }), [sharedLocalState, handleSharedSetLocal]);
   const rootScope = (0, import_react44.useMemo)(() => buildScope({
     auth: playerCtx?.auth ?? initialScope?.auth,
     entity,
@@ -6682,7 +6704,7 @@ var ExperienceRenderer = ({
       }
     }
   }), [playerCtx?.auth, entity, initialScope]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ScopeContext.Provider, { value: rootScope, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className, children: nodes.map((node, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(NodeErrorBoundary, { nodeId: node.id, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(NodeRenderer, { node, fallback }) }, node.id ?? i)) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SharedLocalContext.Provider, { value: sharedLocal, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ScopeContext.Provider, { value: rootScope, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className, children: nodes.map((node, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(NodeErrorBoundary, { nodeId: node.id, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(NodeRenderer, { node, fallback }) }, node.id ?? i)) }) }) });
 };
 
 // src/player/resolver.ts

package/dist/index.mjs

@@ -55,7 +55,7 @@ import {
   useMutation,
   usePlayerContext,
   useQuery
-} from "./chunk-J5MW6CRU.mjs";
+} from "./chunk-ZAHMWAER.mjs";
 import {
   ScopeContext,
   buildLoopScope,

package/dist/player/index.js

@@ -999,7 +999,7 @@ var init_actions = __esm({
           },
           children: [
             isLoading || loadingProp ? "\u23F3" : icon ? String(icon) : null,
-            text != null ? String(text) : null,
+            text != null ? typeof text === "string" || typeof text === "number" ? String(text) : text : null,
             iconRight ? String(iconRight) : null
           ]
         }
@@ -2460,6 +2460,14 @@ var PlayerProvider = ({
 
 // src/player/ExperienceRenderer.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
+var SharedLocalContext = import_react12.default.createContext({
+  state: {},
+  setLocal: () => {
+  }
+});
+function useSharedLocal() {
+  return import_react12.default.useContext(SharedLocalContext);
+}
 var NodeErrorBoundary = class extends import_react12.default.Component {
   constructor(props) {
     super(props);
@@ -2677,13 +2685,19 @@ var NodeRenderer = ({ node, fallback }) => {
   const resolver = playerCtx?.resolver ?? null;
   const atomRegistry = playerCtx?.atomRegistry;
   const themeTokens = useTheme();
+  const sharedLocal = useSharedLocal();
   const localDefaults = node.config?.localDefaults ?? {};
-  const [localState, setLocalState] = (0, import_react12.useState)(() => ({
-    ...localDefaults
-  }));
-  const handleSetLocal = (0, import_react12.useCallback)((key, value) => {
-    setLocalState((prev) => ({ ...prev, [key]: value }));
+  (0, import_react12.useEffect)(() => {
+    if (Object.keys(localDefaults).length > 0) {
+      for (const [key, value] of Object.entries(localDefaults)) {
+        if (sharedLocal.state[key] === void 0) {
+          sharedLocal.setLocal(key, value);
+        }
+      }
+    }
   }, []);
+  const localState = sharedLocal.state;
+  const handleSetLocal = sharedLocal.setLocal;
   const [, setFetchVersion] = (0, import_react12.useState)(0);
   const handleRefreshQuery = (0, import_react12.useCallback)(() => {
     setFetchVersion((v) => v + 1);
@@ -2834,6 +2848,14 @@ var ExperienceRenderer = ({
 }) => {
   const playerCtx = usePlayerContext();
   const nodes = Array.isArray(tree) ? tree : [tree];
+  const [sharedLocalState, setSharedLocalState] = (0, import_react12.useState)({});
+  const handleSharedSetLocal = (0, import_react12.useCallback)((key, value) => {
+    setSharedLocalState((prev) => ({ ...prev, [key]: value }));
+  }, []);
+  const sharedLocal = (0, import_react12.useMemo)(() => ({
+    state: sharedLocalState,
+    setLocal: handleSharedSetLocal
+  }), [sharedLocalState, handleSharedSetLocal]);
   const rootScope = (0, import_react12.useMemo)(() => buildScope({
     auth: playerCtx?.auth ?? initialScope?.auth,
     entity,
@@ -2864,7 +2886,7 @@ var ExperienceRenderer = ({
       }
     }
   }), [playerCtx?.auth, entity, initialScope]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ScopeContext.Provider, { value: rootScope, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className, children: nodes.map((node, i) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(NodeErrorBoundary, { nodeId: node.id, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(NodeRenderer, { node, fallback }) }, node.id ?? i)) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SharedLocalContext.Provider, { value: sharedLocal, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ScopeContext.Provider, { value: rootScope, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className, children: nodes.map((node, i) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(NodeErrorBoundary, { nodeId: node.id, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(NodeRenderer, { node, fallback }) }, node.id ?? i)) }) }) });
 };
 
 // src/player/resolver.ts

package/dist/player/index.mjs

@@ -23,7 +23,7 @@ import {
   resolveBinding,
   usePlayerContext,
   useTheme
-} from "../chunk-J5MW6CRU.mjs";
+} from "../chunk-ZAHMWAER.mjs";
 import {
   ScopeContext,
   buildLoopScope,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mmapp/react",
-  "version": "0.1.0-alpha.19",
+  "version": "0.1.0-alpha.20",
   "description": "React integration for the MindMatrix Player — hooks, components, and WebSocket bridge for browser-side workflow engines",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -35,7 +35,7 @@
     "@tanstack/react-query": ">=5.0.0"
   },
   "dependencies": {
-    "@mmapp/player-core": "^0.1.0-alpha.19"
+    "@mmapp/player-core": "^0.1.0-alpha.20"
   },
   "publishConfig": {
     "access": "public"