@getforma/core 0.8.2 → 0.9.1

package/dist/runtime.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkYMIMKO4W_cjs = require('./chunk-YMIMKO4W.cjs');
+var chunkGDULJFJO_cjs = require('./chunk-GDULJFJO.cjs');
 var chunk3U57L2TY_cjs = require('./chunk-3U57L2TY.cjs');
 
 // src/dom/reconcile.ts
@@ -967,7 +967,7 @@ function parseIfHandler(expr, scope) {
   }
   if (rest.length > 0) return null;
   return (e) => {
-    chunkYMIMKO4W_cjs.batch(() => {
+    chunkGDULJFJO_cjs.batch(() => {
       if (condExpr()) thenHandler(e);
       else elseHandler?.(e);
     });
@@ -1716,7 +1716,7 @@ function parseHandler(expr, scope) {
     const handlers = stmts.map((s) => parseHandler(s, scope));
     if (handlers.every((h) => h !== null)) {
       return (e) => {
-        chunkYMIMKO4W_cjs.batch(() => {
+        chunkGDULJFJO_cjs.batch(() => {
           for (const h of handlers) h(e);
         });
       };
@@ -1729,7 +1729,7 @@ function parseHandler(expr, scope) {
     const name = incrMatch[1];
     const op = incrMatch[2];
     return () => {
-      chunkYMIMKO4W_cjs.batch(() => {
+      chunkGDULJFJO_cjs.batch(() => {
         const val = scope.getters[name]?.() ?? 0;
         scope.setters[name]?.(op === "++" ? val + 1 : val - 1);
       });
@@ -1740,7 +1740,7 @@ function parseHandler(expr, scope) {
     const op = preIncrMatch[1];
     const name = preIncrMatch[2];
     return () => {
-      chunkYMIMKO4W_cjs.batch(() => {
+      chunkGDULJFJO_cjs.batch(() => {
         const val = scope.getters[name]?.() ?? 0;
         scope.setters[name]?.(op === "++" ? val + 1 : val - 1);
       });
@@ -1750,7 +1750,7 @@ function parseHandler(expr, scope) {
   if (toggleMatch && toggleMatch[1] === toggleMatch[2]) {
     const name = toggleMatch[1];
     return () => {
-      chunkYMIMKO4W_cjs.batch(() => {
+      chunkGDULJFJO_cjs.batch(() => {
         scope.setters[name]?.(!scope.getters[name]?.());
       });
     };
@@ -1762,7 +1762,7 @@ function parseHandler(expr, scope) {
     if (valExpr) {
       if (_debug) dbg(`parseHandler: assignment "${name} = ..." \u2014 setter exists:`, !!scope.setters[name], ", getter exists:", !!scope.getters[name]);
       return () => {
-        chunkYMIMKO4W_cjs.batch(() => {
+        chunkGDULJFJO_cjs.batch(() => {
           const val = valExpr();
           if (_debug) dbg(`SETTER: ${name} = ${val} (was: ${scope.getters[name]?.()})`);
           scope.setters[name]?.(val);
@@ -1777,7 +1777,7 @@ function parseHandler(expr, scope) {
     const valExpr = parseExpression(compoundMatch[3].trim(), scope);
     if (valExpr) {
       return () => {
-        chunkYMIMKO4W_cjs.batch(() => {
+        chunkGDULJFJO_cjs.batch(() => {
           const current = scope.getters[name]?.() ?? 0;
           const val = valExpr();
           switch (op) {
@@ -1858,7 +1858,7 @@ function buildHandler(expr, scope) {
       }
     });
     const unsafeHandler = (e) => {
-      chunkYMIMKO4W_cjs.batch(() => fn(proxy, e, e));
+      chunkGDULJFJO_cjs.batch(() => fn(proxy, e, e));
     };
     const result = {
       handler: unsafeHandler,
@@ -2029,7 +2029,7 @@ function bindElement(el, scope, disposers) {
   const textExpr = !known || known.has("data-text") ? el.getAttribute("data-text") : null;
   if (textExpr) {
     const evaluate = buildEvaluator(textExpr, scope);
-    const dispose = chunkYMIMKO4W_cjs.internalEffect(() => {
+    const dispose = chunkGDULJFJO_cjs.internalEffect(() => {
       setElementTextFast(el, toTextValue(evaluate()));
     });
     disposers.push(dispose);
@@ -2044,7 +2044,7 @@ function bindElement(el, scope, disposers) {
       dbg(`bindElement: data-show="${showExpr}" on <${tag}${cls}>`);
     }
     let initialized = false;
-    const dispose = chunkYMIMKO4W_cjs.internalEffect(() => {
+    const dispose = chunkGDULJFJO_cjs.internalEffect(() => {
       const visible = !!evaluate();
       if (_debug) dbg(`data-show effect: "${showExpr}" \u2192 ${visible}`);
       applyShowVisibility(el, visible, transition, !initialized);
@@ -2063,7 +2063,7 @@ function bindElement(el, scope, disposers) {
     const parent = el.parentNode;
     let inserted = true;
     let initialized = false;
-    const dispose = chunkYMIMKO4W_cjs.internalEffect(() => {
+    const dispose = chunkGDULJFJO_cjs.internalEffect(() => {
       const show = !!evaluate();
       if (show && !inserted) {
         clearTransitionState(el);
@@ -2102,7 +2102,7 @@ function bindElement(el, scope, disposers) {
     const setter = scope.setters[prop];
     if (getter && setter) {
       const input = el;
-      const dispose = chunkYMIMKO4W_cjs.internalEffect(() => {
+      const dispose = chunkGDULJFJO_cjs.internalEffect(() => {
         const val = getter();
         if (input.type === "checkbox") {
           input.checked = !!val;
@@ -2166,14 +2166,14 @@ function bindElement(el, scope, disposers) {
     } else if (name.startsWith("data-class:")) {
       const cls = name.slice(11);
       const evaluate = buildEvaluator(attr.value, scope);
-      const dispose = chunkYMIMKO4W_cjs.internalEffect(() => {
+      const dispose = chunkGDULJFJO_cjs.internalEffect(() => {
         el.classList.toggle(cls, !!evaluate());
       });
       disposers.push(dispose);
     } else if (name.startsWith("data-bind:")) {
       const attrName = name.slice(10);
       const evaluate = buildEvaluator(attr.value, scope);
-      const dispose = chunkYMIMKO4W_cjs.internalEffect(() => {
+      const dispose = chunkGDULJFJO_cjs.internalEffect(() => {
         const val = evaluate();
         if (val == null || val === false) {
           el.removeAttribute(attrName);
@@ -2196,7 +2196,7 @@ function bindElement(el, scope, disposers) {
         if (saved !== null) setter(JSON.parse(saved));
       } catch {
       }
-      const dispose = chunkYMIMKO4W_cjs.internalEffect(() => {
+      const dispose = chunkGDULJFJO_cjs.internalEffect(() => {
         try {
           localStorage.setItem(key, JSON.stringify(getter()));
         } catch {
@@ -2283,7 +2283,7 @@ function bindElement(el, scope, disposers) {
           });
         }
       } : void 0;
-      const dispose = chunkYMIMKO4W_cjs.internalEffect(() => {
+      const dispose = chunkGDULJFJO_cjs.internalEffect(() => {
         const rawItems = evaluate();
         if (!Array.isArray(rawItems)) {
           for (const n of oldNodes) {
@@ -2304,7 +2304,7 @@ function bindElement(el, scope, disposers) {
         }
         const prevNodes = new Set(oldNodes);
         if (keyProp) {
-          const result = chunkYMIMKO4W_cjs.reconcileList(
+          const result = chunkGDULJFJO_cjs.reconcileList(
             el,
             oldItems,
             rawItems,
@@ -2334,7 +2334,7 @@ function bindElement(el, scope, disposers) {
         } else {
           const wrapped = rawItems.map((item, i) => ({ __idx: i, __item: item }));
           const oldWrapped = oldItems;
-          const result = chunkYMIMKO4W_cjs.reconcileList(
+          const result = chunkGDULJFJO_cjs.reconcileList(
             el,
             oldWrapped,
             wrapped,
@@ -2470,6 +2470,23 @@ function mountScope(root) {
   }
   const scope = initScope(root);
   const disposers = [];
+  const refsMap = /* @__PURE__ */ new Map();
+  const refEls = root.querySelectorAll("[data-ref]");
+  for (let i = 0; i < refEls.length; i++) {
+    const el = refEls[i];
+    const name = el.getAttribute("data-ref");
+    if (name) refsMap.set(name, el);
+  }
+  const rootRefName = root.getAttribute("data-ref");
+  if (rootRefName) refsMap.set(rootRefName, root);
+  scope.getters["$refs"] = () => new Proxy({}, {
+    get(_, name) {
+      return refsMap.get(name) ?? void 0;
+    },
+    has(_, name) {
+      return refsMap.has(name);
+    }
+  });
   bindElement(root, scope, disposers);
   let boundCount = 0;
   const selector = buildDirectiveSelector();
@@ -2704,7 +2721,7 @@ function getScopes() {
 function setScopeValue(element, key, value) {
   const scope = element.__formaScope;
   if (!scope?.setters[key]) return;
-  chunkYMIMKO4W_cjs.batch(() => {
+  chunkGDULJFJO_cjs.batch(() => {
     scope.setters[key](value);
   });
 }
@@ -2713,7 +2730,7 @@ function resetScope(element) {
   const initialJSON = element.__formaInitialState;
   if (!scope || !initialJSON) return;
   const initial = parseState(initialJSON);
-  chunkYMIMKO4W_cjs.batch(() => {
+  chunkGDULJFJO_cjs.batch(() => {
     for (const [key, val] of Object.entries(initial)) {
       scope.setters[key]?.(val);
     }
@@ -2743,7 +2760,7 @@ function getReconciler() {
           }
         }
       },
-      batch: chunkYMIMKO4W_cjs.batch
+      batch: chunkGDULJFJO_cjs.batch
     });
   }
   return _reconciler;