@constela/runtime 0.16.2 → 0.16.4

package/dist/index.js

@@ -13604,7 +13604,9 @@ function createEventCallback(handler, ctx) {
       payload = evaluatePayload(handler.payload, {
         state: ctx.state,
         locals: { ...ctx.locals, ...eventLocals },
-        ...ctx.imports && { imports: ctx.imports }
+        ...ctx.refs && { refs: ctx.refs },
+        ...ctx.imports && { imports: ctx.imports },
+        ...ctx.route && { route: ctx.route }
       });
     }
     const actionCtx = {
@@ -13651,7 +13653,9 @@ function setupIntersectionObserver(el, handler, ctx) {
         payload = evaluatePayload(handler.payload, {
           state: ctx.state,
           locals: { ...ctx.locals, ...intersectLocals },
-          ...ctx.imports && { imports: ctx.imports }
+          ...ctx.refs && { refs: ctx.refs },
+          ...ctx.imports && { imports: ctx.imports },
+          ...ctx.route && { route: ctx.route }
         });
       }
       const actionCtx = {
@@ -13719,7 +13723,7 @@ function renderElement(node, ctx) {
         }
       } else {
         const cleanup = createEffect(() => {
-          const value = evaluate(propValue, { state: ctx.state, locals: ctx.locals, ...ctx.imports && { imports: ctx.imports }, ...ctx.route && { route: ctx.route } });
+          const value = evaluate(propValue, { state: ctx.state, locals: ctx.locals, ...ctx.refs && { refs: ctx.refs }, ...ctx.imports && { imports: ctx.imports }, ...ctx.route && { route: ctx.route } });
           applyProp(el, propName, value, useSvgNamespace);
         });
         ctx.cleanups?.push(cleanup);
@@ -13774,7 +13778,7 @@ function applyProp(el, propName, value, isSvg = false) {
 function renderText(node, ctx) {
   const textNode = document.createTextNode("");
   const cleanup = createEffect(() => {
-    const value = evaluate(node.value, { state: ctx.state, locals: ctx.locals, ...ctx.imports && { imports: ctx.imports }, ...ctx.route && { route: ctx.route } });
+    const value = evaluate(node.value, { state: ctx.state, locals: ctx.locals, ...ctx.refs && { refs: ctx.refs }, ...ctx.imports && { imports: ctx.imports }, ...ctx.route && { route: ctx.route } });
     textNode.textContent = formatValue(value);
   });
   ctx.cleanups?.push(cleanup);
@@ -13795,7 +13799,7 @@ function renderIf(node, ctx) {
   let currentBranch = "none";
   let branchCleanups = [];
   const effectCleanup = createEffect(() => {
-    const condition = evaluate(node.condition, { state: ctx.state, locals: ctx.locals, ...ctx.imports && { imports: ctx.imports }, ...ctx.route && { route: ctx.route } });
+    const condition = evaluate(node.condition, { state: ctx.state, locals: ctx.locals, ...ctx.refs && { refs: ctx.refs }, ...ctx.imports && { imports: ctx.imports }, ...ctx.route && { route: ctx.route } });
     const shouldShowThen = Boolean(condition);
     const newBranch = shouldShowThen ? "then" : node.else ? "else" : "none";
     if (newBranch !== currentBranch) {
@@ -13873,7 +13877,7 @@ function renderEach(node, ctx) {
   let currentNodes = [];
   let itemCleanups = [];
   const effectCleanup = createEffect(() => {
-    const items = evaluate(node.items, { state: ctx.state, locals: ctx.locals, ...ctx.imports && { imports: ctx.imports }, ...ctx.route && { route: ctx.route } });
+    const items = evaluate(node.items, { state: ctx.state, locals: ctx.locals, ...ctx.refs && { refs: ctx.refs }, ...ctx.imports && { imports: ctx.imports }, ...ctx.route && { route: ctx.route } });
     if (!hasKey || !node.key) {
       for (const cleanup of itemCleanups) {
         cleanup();
@@ -13930,7 +13934,9 @@ function renderEach(node, ctx) {
         const keyValue = evaluate(node.key, {
           state: ctx.state,
           locals: tempLocals,
-          ...ctx.imports && { imports: ctx.imports }
+          ...ctx.refs && { refs: ctx.refs },
+          ...ctx.imports && { imports: ctx.imports },
+          ...ctx.route && { route: ctx.route }
         });
         if (seenKeys.has(keyValue)) {
           if (typeof process !== "undefined" && process.env?.["NODE_ENV"] !== "production") {
@@ -14022,7 +14028,7 @@ function renderMarkdown(node, ctx) {
   const container = document.createElement("div");
   container.className = "constela-markdown";
   const cleanup = createEffect(() => {
-    const content = evaluate(node.content, { state: ctx.state, locals: ctx.locals, ...ctx.imports && { imports: ctx.imports }, ...ctx.route && { route: ctx.route } });
+    const content = evaluate(node.content, { state: ctx.state, locals: ctx.locals, ...ctx.refs && { refs: ctx.refs }, ...ctx.imports && { imports: ctx.imports }, ...ctx.route && { route: ctx.route } });
     const html6 = parseMarkdown(String(content ?? ""));
     container.innerHTML = html6;
   });
@@ -14037,8 +14043,8 @@ function renderCode(node, ctx) {
   container.appendChild(pre);
   pre.appendChild(codeEl);
   const cleanup = createEffect(() => {
-    const language = String(evaluate(node.language, { state: ctx.state, locals: ctx.locals, ...ctx.imports && { imports: ctx.imports }, ...ctx.route && { route: ctx.route } }) ?? "plaintext");
-    const content = String(evaluate(node.content, { state: ctx.state, locals: ctx.locals, ...ctx.imports && { imports: ctx.imports }, ...ctx.route && { route: ctx.route } }) ?? "");
+    const language = String(evaluate(node.language, { state: ctx.state, locals: ctx.locals, ...ctx.refs && { refs: ctx.refs }, ...ctx.imports && { imports: ctx.imports }, ...ctx.route && { route: ctx.route } }) ?? "plaintext");
+    const content = String(evaluate(node.content, { state: ctx.state, locals: ctx.locals, ...ctx.refs && { refs: ctx.refs }, ...ctx.imports && { imports: ctx.imports }, ...ctx.route && { route: ctx.route } }) ?? "");
     codeEl.className = `language-${language || "plaintext"}`;
     codeEl.dataset["language"] = language || "plaintext";
     container.dataset["language"] = language || "plaintext";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constela/runtime",
-  "version": "0.16.2",
+  "version": "0.16.4",
   "description": "Runtime DOM renderer for Constela UI framework",
   "type": "module",
   "main": "./dist/index.js",
@@ -18,8 +18,8 @@
     "dompurify": "^3.3.1",
     "marked": "^17.0.1",
     "shiki": "^3.20.0",
-    "@constela/core": "0.12.2",
-    "@constela/compiler": "0.11.3"
+    "@constela/compiler": "0.11.4",
+    "@constela/core": "0.12.3"
   },
   "devDependencies": {
     "@types/dompurify": "^3.2.0",