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

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
           ]
         }
@@ -1127,9 +1127,10 @@ var init_input = __esm({
         }
       }, [value]);
       const handleChange = (0, import_react5.useCallback)((e) => {
-        setLocalValue(e.target.value);
+        const val = e.target.value;
+        setLocalValue(val);
         if (typeof onChange === "function") {
-          onChange(e);
+          onChange(val);
         }
       }, [onChange]);
       const displayValue = isControlled ? value ?? "" : localValue;
@@ -1195,8 +1196,9 @@ var init_input = __esm({
         if (value != null && String(value) !== localValue) setLocalValue(String(value));
       }, [value]);
       const handleChange = (0, import_react5.useCallback)((e) => {
-        setLocalValue(e.target.value);
-        if (typeof onChange === "function") onChange(e);
+        const val = e.target.value;
+        setLocalValue(val);
+        if (typeof onChange === "function") onChange(val);
       }, [onChange]);
       const displayValue = isControlled ? value ?? "" : localValue;
       const opts = Array.isArray(options) ? options : [];
@@ -2083,6 +2085,14 @@ function resolveFunction(name, rawArgs, scope) {
 function resolveAction(name, rawArgs, scope) {
   const actions = scope.$action;
   if (!actions) return void 0;
+  if (name === "seq") {
+    return () => {
+      for (const arg of rawArgs) {
+        const resolved = resolveBinding(arg.trim(), scope);
+        if (typeof resolved === "function") resolved();
+      }
+    };
+  }
   if (rawArgs.length === 0) {
     const actionFn2 = actions[name];
     if (typeof actionFn2 === "function") return actionFn2;
@@ -2096,6 +2106,24 @@ function resolveAction(name, rawArgs, scope) {
   };
 }
 function resolveCondition(expression, scope) {
+  const arrowMatch = expression.match(/^\(\)\s*=>\s*(.+)$/s);
+  if (arrowMatch) {
+    const body = arrowMatch[1].trim();
+    const actionCallMatch = body.match(/^\(?(\$action)\)?\.(\w+)\((.*)?\)$/s);
+    if (actionCallMatch) {
+      const [, , method, argsStr] = actionCallMatch;
+      return () => {
+        const actionFn = scope.$action?.[method];
+        if (typeof actionFn !== "function") return;
+        const args = argsStr ? splitArgs(argsStr.trim()).map((a) => resolveBinding(a.trim(), scope)) : [];
+        return actionFn(...args);
+      };
+    }
+    return () => {
+      const context2 = buildEvalContext(scope);
+      return evaluateExpression(body, context2);
+    };
+  }
   const context = buildEvalContext(scope);
   return evaluateExpression(expression, context);
 }
@@ -2119,6 +2147,11 @@ function buildEvalContext(scope) {
   }
   if (scope.$item) ctx.item = scope.$item;
   if (scope.$index != null) ctx.index = scope.$index;
+  for (const [key, value] of Object.entries(scope)) {
+    if (!key.startsWith("$") && !(key in ctx) && value !== void 0) {
+      ctx[key] = value;
+    }
+  }
   if (scope.state_data) ctx.state_data = scope.state_data;
   if (scope.memory) ctx.memory = scope.memory;
   if (scope.context) ctx.context = scope.context;
@@ -2127,17 +2160,34 @@ function buildEvalContext(scope) {
 function buildActionScope(opts) {
   const { resolver, instanceId, slug, setLocal, router, toast, refreshQuery, onEvent } = opts;
   return {
-    transition: async (name, id, data) => {
-      const targetId = id ?? instanceId;
+    transition: async (idOrName, nameOrId, data) => {
+      let targetId;
+      let transitionName;
+      if (nameOrId) {
+        targetId = idOrName;
+        transitionName = nameOrId;
+      } else {
+        transitionName = idOrName;
+        targetId = instanceId;
+      }
       if (!targetId) {
         console.warn("[action] transition called without instanceId");
         return;
       }
-      await resolver.transition(targetId, name, data);
+      await resolver.transition(targetId, transitionName, data);
       refreshQuery?.();
     },
-    create: async (targetSlug, data) => {
-      const id = await resolver.create(targetSlug || slug || "", data);
+    create: async (slugOrData, data) => {
+      let targetSlug;
+      let fields;
+      if (typeof slugOrData === "object") {
+        targetSlug = slug || "";
+        fields = slugOrData;
+      } else {
+        targetSlug = slugOrData || slug || "";
+        fields = data;
+      }
+      const id = await resolver.create(targetSlug, fields);
       refreshQuery?.();
       return id;
     },
@@ -2460,6 +2510,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 +2735,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);
@@ -2739,7 +2803,35 @@ var NodeRenderer = ({ node, fallback }) => {
   const enrichedScope = (0, import_react12.useMemo)(() => {
     const handleCreate = () => {
       if (primarySlug && resolver) {
-        resolver.create(primarySlug).then(() => handleRefreshQuery());
+        const fields = {};
+        for (const [key, val] of Object.entries(localState)) {
+          if (key.startsWith("new_") && val != null && val !== "") {
+            fields[key.slice(4)] = val;
+          }
+        }
+        resolver.create(primarySlug, Object.keys(fields).length > 0 ? fields : void 0).then(() => {
+          for (const key of Object.keys(localState)) {
+            if (key.startsWith("new_")) handleSetLocal(key, "");
+          }
+          handleSetLocal("show_create", false);
+          handleRefreshQuery();
+        });
+      }
+    };
+    const handleUpdate = (id) => {
+      if (primarySlug && resolver) {
+        const fields = {};
+        for (const [key, val] of Object.entries(localState)) {
+          if (key.startsWith("edit_") && val != null && val !== "") {
+            fields[key.slice(5)] = val;
+          }
+        }
+        if (Object.keys(fields).length > 0) {
+          resolver.update(id, fields).then(() => {
+            handleSetLocal("editing_id", null);
+            handleRefreshQuery();
+          });
+        }
       }
     };
     const setSearch = (e) => {
@@ -2749,15 +2841,18 @@ var NodeRenderer = ({ node, fallback }) => {
     const enrichedAction = {
       ...scope.$action,
       handleCreate,
+      handleUpdate,
       setSearch
     };
-    const enrichedInstance = scope.$instance ? { ...scope.$instance, handleCreate, setSearch } : void 0;
+    const baseInstance = scope.$instance ?? { id: "", state: "", fields: {} };
+    const enrichedInstance = { ...baseInstance, handleCreate, handleUpdate, setSearch };
     return {
       ...scope,
       $action: enrichedAction,
       $instance: enrichedInstance,
       // Also add at top-level for direct access
       handleCreate,
+      handleUpdate,
       setSearch
     };
   }, [scope, primarySlug, resolver, handleRefreshQuery, handleSetLocal]);
@@ -2834,6 +2929,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 +2967,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-XWBUADY2.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.21",
   "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,9 +35,13 @@
     "@tanstack/react-query": ">=5.0.0"
   },
   "dependencies": {
-    "@mmapp/player-core": "^0.1.0-alpha.19"
+    "@mmapp/player-core": "workspace:*"
   },
-  "publishConfig": {
-    "access": "public"
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "react": "^19.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.4.0",
+    "vitest": "^1.5.0"
   }
 }