voodoojs 0.10.0 → 0.11.0

package/dist/voodoo.full.js

@@ -1,5 +1,5 @@
 /**
- * Voodoo.js v0.10.0
+ * Voodoo.js v0.11.0
  * JavaScript feels like magic.
  * (c) 2026 Voodoo.js contributors. MIT License.
  */
@@ -2971,13 +2971,28 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
   var componentAliases = /* @__PURE__ */ new Map();
   var started = false;
   var observer = null;
+  var startHooks = [];
+  function onStart(hook) {
+    startHooks.push(hook);
+  }
+  function runPhase(target, after) {
+    for (const hook of startHooks) {
+      try {
+        hook(target, after);
+      } catch (error) {
+        console.error("[Voodoo] a start hook failed", error);
+      }
+    }
+  }
   function start(root) {
     var _a2;
     if (typeof document === "undefined") return;
     const target = (_a2 = root != null ? root : config.root) != null ? _a2 : document.body;
     if (!target) return;
     Object.assign(allowedGlobals, config.globals);
+    runPhase(target, false);
     walk(target, rootScope);
+    runPhase(target, true);
     if (!started) {
       started = true;
       if (config.autoDiscover) observeDOM(target);
@@ -6868,7 +6883,7 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
     Object.defineProperties(rootScope.data, Object.getOwnPropertyDescriptors(values));
     return rootScope.data;
   }
-  var version2 = "0.10.0";
+  var version2 = "0.11.0";
   var core = {
     // Utilities first: Voodoo's own names can override.
     ...utils_exports,
@@ -21015,6 +21030,10 @@ textarea.v-dialog-input{min-height:96px;resize:vertical}
     "NOSCRIPT"
   ]);
   magic("$__jsx", (scope) => scope);
+  onStart((root, after) => {
+    if (after) activateJsx();
+    else extractJsx(root);
+  });
   var TEMPLATE = /* @__PURE__ */ Symbol("voodoo.jsx.template");
   function isTemplate(value) {
     return typeof value === "object" && value !== null && TEMPLATE in value;
@@ -21088,6 +21107,31 @@ textarea.v-dialog-input{min-height:96px;resize:vertical}
     if (!closed) return null;
     return { source, templates, nodes, tail };
   }
+  function recoverFromTable(collected) {
+    const empties = collected.source.match(/\(\s*\)/g);
+    if (!empties) return false;
+    const first = collected.nodes[0];
+    const last = collected.nodes[collected.nodes.length - 1];
+    const table = [last == null ? void 0 : last.nextSibling, first == null ? void 0 : first.previousSibling].map((from) => {
+      var _a2;
+      let node = from != null ? from : null;
+      while (node && node.nodeType === Node.TEXT_NODE && !((_a2 = node.textContent) != null ? _a2 : "").trim()) {
+        node = node === (last == null ? void 0 : last.nextSibling) ? node.nextSibling : node.previousSibling;
+      }
+      return node && node.nodeType === Node.ELEMENT_NODE ? node : null;
+    }).find((el) => (el == null ? void 0 : el.tagName) === "TABLE");
+    if (!table) return false;
+    const body = table.querySelector("tbody");
+    if (!body) return false;
+    const rows = Array.from(body.children).filter((el) => el.tagName === "TR");
+    if (rows.length !== empties.length) return false;
+    let index = 0;
+    collected.source = collected.source.replace(/\(\s*\)/g, () => `($t(${index++}, $__jsx))`);
+    collected.templates = rows;
+    collected.host = body;
+    collected.nodes.push(...rows);
+    return true;
+  }
   function render2(value, templates, scope, out) {
     var _a2;
     if (value == null || value === false || value === true) return;
@@ -21131,7 +21175,11 @@ textarea.v-dialog-input{min-height:96px;resize:vertical}
         continue;
       }
       const collected = collect(child, open);
-      if (!collected || collected.templates.length === 0) {
+      if (!collected) {
+        child = next;
+        continue;
+      }
+      if (collected.templates.length === 0 && !recoverFromTable(collected)) {
         child = next;
         continue;
       }
@@ -21141,7 +21189,7 @@ textarea.v-dialog-input{min-height:96px;resize:vertical}
   }
   var pending = [];
   function install(parent, collected, hint) {
-    var _a2;
+    var _a2, _b;
     const { source, templates, nodes, tail } = collected;
     let ast;
     try {
@@ -21155,8 +21203,9 @@ textarea.v-dialog-input{min-height:96px;resize:vertical}
     if (tail && tail.offset < ((_a2 = tail.node.textContent) != null ? _a2 : "").length) {
       tail.node.splitText(tail.offset);
     }
+    const target = (_b = collected.host) != null ? _b : parent;
     const anchor = document.createComment("v-jsx");
-    parent.insertBefore(anchor, nodes[0]);
+    target.insertBefore(anchor, collected.host ? collected.host.firstChild : nodes[0]);
     for (const node of nodes) node.remove();
     let rendered = [];
     pending.push(() => activateRegion());
@@ -21172,7 +21221,7 @@ textarea.v-dialog-input{min-height:96px;resize:vertical}
         render2(value, templates, local, out);
         for (const node of rendered) node.remove();
         rendered = out;
-        for (const node of out) parent.insertBefore(node, anchor);
+        for (const node of out) target.insertBefore(node, anchor);
       });
       addCleanup(anchor, () => {
         runner.effect.stop();
@@ -21712,9 +21761,7 @@ textarea.v-dialog-input{min-height:96px;resize:vertical}
     const boot = () => {
       theme.init();
       applySavedPalette();
-      if (typeof V2.extractJsx === "function") V2.extractJsx();
       V2.start();
-      if (typeof V2.activateJsx === "function") V2.activateJsx();
       if (typeof V2.enableXrayShortcut === "function") V2.enableXrayShortcut();
       if (config.devtools) mountDevtools(V2);
     };