@constela/runtime 0.18.2 → 0.19.0

package/dist/index.js

@@ -199,12 +199,14 @@ function setValueAtPath(obj, path, value) {
   if (path.length === 0) return value;
   const head2 = path[0];
   const rest = path.slice(1);
-  const isArrayIndex = typeof head2 === "number";
   let clone3;
-  if (isArrayIndex) {
-    clone3 = Array.isArray(obj) ? [...obj] : [];
+  if (Array.isArray(obj)) {
+    clone3 = [...obj];
+  } else if (obj != null && typeof obj === "object") {
+    clone3 = { ...obj };
   } else {
-    clone3 = obj != null && typeof obj === "object" ? { ...obj } : {};
+    const isArrayIndex = typeof head2 === "number" || typeof head2 === "string" && /^\d+$/.test(head2);
+    clone3 = isArrayIndex ? [] : {};
   }
   const objRecord = obj;
   clone3[head2] = setValueAtPath(
@@ -14625,6 +14627,86 @@ function createReactiveLocals2(baseLocals, itemSignal, indexSignal, itemName, in
     }
   });
 }
+function createLocalStateStore2(stateDefs) {
+  const signals = {};
+  for (const [name, def] of Object.entries(stateDefs)) {
+    signals[name] = createSignal(def.initial);
+  }
+  return {
+    get(name) {
+      return signals[name]?.get();
+    },
+    set(name, value) {
+      signals[name]?.set(value);
+    },
+    signals
+  };
+}
+function createLocalsWithLocalState2(baseLocals, localStore) {
+  return new Proxy(baseLocals, {
+    get(target, prop) {
+      if (prop in localStore.signals) {
+        return localStore.get(prop);
+      }
+      return target[prop];
+    },
+    has(target, prop) {
+      if (prop in localStore.signals) return true;
+      return prop in target;
+    },
+    ownKeys(target) {
+      const keys = Reflect.ownKeys(target);
+      for (const key2 of Object.keys(localStore.signals)) {
+        if (!keys.includes(key2)) keys.push(key2);
+      }
+      return keys;
+    },
+    getOwnPropertyDescriptor(target, prop) {
+      if (prop in localStore.signals) {
+        return { enumerable: true, configurable: true };
+      }
+      return Reflect.getOwnPropertyDescriptor(target, prop);
+    }
+  });
+}
+function createStateWithLocalState2(globalState, localStore) {
+  return {
+    get(name) {
+      if (name in localStore.signals) {
+        return localStore.get(name);
+      }
+      return globalState.get(name);
+    },
+    set(name, value) {
+      if (name in localStore.signals) {
+        localStore.set(name, value);
+        return;
+      }
+      globalState.set(name, value);
+    },
+    setPath(name, path, value) {
+      globalState.setPath(name, path, value);
+    },
+    subscribe(name, fn) {
+      if (name in localStore.signals) {
+        return localStore.signals[name].subscribe(fn);
+      }
+      return globalState.subscribe(name, fn);
+    },
+    getPath(name, path) {
+      return globalState.getPath(name, path);
+    },
+    subscribeToPath(name, path, fn) {
+      return globalState.subscribeToPath(name, path, fn);
+    },
+    serialize() {
+      return globalState.serialize();
+    },
+    restore(snapshot, newDefinitions) {
+      globalState.restore(snapshot, newDefinitions);
+    }
+  };
+}
 function isEventHandler2(value) {
   return typeof value === "object" && value !== null && "event" in value && "action" in value;
 }
@@ -14719,10 +14801,37 @@ function hydrate(node, domNode, ctx) {
     case "markdown":
     case "code":
       break;
+    case "localState":
+      hydrateLocalState(node, domNode, ctx);
+      break;
     default:
       break;
   }
 }
+function hydrateLocalState(node, domNode, ctx) {
+  const localStore = createLocalStateStore2(node.state);
+  const mergedLocals = createLocalsWithLocalState2(ctx.locals, localStore);
+  const mergedState = createStateWithLocalState2(ctx.state, localStore);
+  const mergedActions = { ...ctx.actions };
+  for (const [name, action] of Object.entries(node.actions)) {
+    mergedActions[name] = {
+      ...action,
+      _isLocalAction: true,
+      _localStore: localStore
+    };
+  }
+  const childCtx = {
+    ...ctx,
+    state: mergedState,
+    locals: mergedLocals,
+    actions: mergedActions,
+    localState: {
+      store: localStore,
+      actions: node.actions
+    }
+  };
+  hydrate(node.child, domNode, childCtx);
+}
 function hydrateElement(node, el, ctx) {
   if (node.ref && ctx.refs) {
     ctx.refs[node.ref] = el;
@@ -14818,6 +14927,11 @@ function hydrateChildren(children, parent, ctx) {
       if (domChild && domChild.nodeType === Node.TEXT_NODE) {
         hydrateTextGroup(textNodes, domChild, ctx);
         domIndex++;
+      } else {
+        const textNode = document.createTextNode("");
+        const insertBefore = domChildren[domIndex] || null;
+        parent.insertBefore(textNode, insertBefore);
+        hydrateTextGroup(textNodes, textNode, ctx);
       }
     } else if (childNode.kind === "element") {
       const domChild = domChildren[domIndex];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constela/runtime",
-  "version": "0.18.2",
+  "version": "0.19.0",
   "description": "Runtime DOM renderer for Constela UI framework",
   "type": "module",
   "main": "./dist/index.js",