voodoojs 0.12.4 → 0.13.0

package/dist/voodoo.full.js

@@ -1,5 +1,5 @@
 /**
- * Voodoo.js v0.12.4
+ * Voodoo.js v0.13.0
  * JavaScript feels like magic.
  * (c) 2026 Voodoo.js contributors. MIT License.
  */
@@ -31,10 +31,12 @@ var Voodoo = (() => {
   // src/reactivity/index.ts
   var reactivity_exports = {};
   __export(reactivity_exports, {
+    ArrayOp: () => ArrayOp,
     EffectScope: () => EffectScope,
     ITERATE_KEY: () => ITERATE_KEY,
     ReactiveEffect: () => ReactiveEffect,
     TriggerType: () => TriggerType,
+    arrayVersion: () => arrayVersion,
     computed: () => computed,
     effect: () => effect,
     effectScope: () => effectScope,
@@ -47,6 +49,7 @@ var Voodoo = (() => {
     isReactive: () => isReactive,
     isRef: () => isRef,
     markRaw: () => markRaw,
+    mutationsSince: () => mutationsSince,
     nextTick: () => nextTick,
     pauseTracking: () => pauseTracking,
     queueJob: () => queueJob,
@@ -210,7 +213,9 @@ var Voodoo = (() => {
         if (!isArr) add(depsMap.get(ITERATE_KEY));
         else if (isIntegerKey(key)) add(depsMap.get("length"));
       } else if (type === "delete" /* DELETE */) {
-        if (!isArr) add(depsMap.get(ITERATE_KEY));
+        add(depsMap.get(ITERATE_KEY));
+      } else if (isArr && isIntegerKey(key)) {
+        add(depsMap.get(ITERATE_KEY));
       } else if (isArr && key === "length") {
         const newLen = Number(_newValue);
         depsMap.forEach((dep, k) => {
@@ -223,12 +228,61 @@ var Voodoo = (() => {
       else queueJob(e);
     }
   }
+  function triggerArrayRange(target, from) {
+    const depsMap = targetMap.get(target);
+    if (!depsMap) return;
+    const effects = /* @__PURE__ */ new Set();
+    const add = (dep) => {
+      if (!dep) return;
+      for (const e of dep) if (e !== activeEffect) effects.add(e);
+    };
+    add(depsMap.get("length"));
+    add(depsMap.get(ITERATE_KEY));
+    if (from >= 0) {
+      depsMap.forEach((dep, k) => {
+        if (typeof k === "string" && isIntegerKey(k) && Number(k) >= from) add(dep);
+      });
+    }
+    for (const e of effects) {
+      if (e.scheduler) e.scheduler();
+      else queueJob(e);
+    }
+  }
+  function record(target, type, index, removed, added) {
+    let log = mutationLogs.get(target);
+    if (!log) mutationLogs.set(target, log = { version: 0, ops: [] });
+    log.version++;
+    if (type === 3 /* RESET */) {
+      log.ops.length = 0;
+      return;
+    }
+    log.ops.push({ type, index, removed, added });
+    if (log.ops.length > LOG_LIMIT) log.ops.shift();
+  }
+  function arrayVersion(target) {
+    const log = mutationLogs.get(target);
+    return log ? log.version : 0;
+  }
+  function mutationsSince(target, since) {
+    const log = mutationLogs.get(target);
+    if (!log) return since === 0 ? NO_MUTATIONS : null;
+    if (since > log.version) return null;
+    const missing = log.version - since;
+    if (missing === 0) return NO_MUTATIONS;
+    if (missing > log.ops.length) return null;
+    return log.ops.slice(log.ops.length - missing);
+  }
   function isIntegerKey(key) {
     return typeof key === "string" && key !== "NaN" && key[0] !== "-" && String(parseInt(key, 10)) === key;
   }
   function isObject(val) {
     return val !== null && typeof val === "object";
   }
+  function spliceStart(raw, length) {
+    const n2 = Math.trunc(Number(raw)) || 0;
+    if (n2 < 0) return Math.max(length + n2, 0);
+    return Math.min(n2, length);
+  }
   function canObserve(value) {
     if (!isObject(value)) return false;
     if (value[SKIP]) return false;
@@ -238,6 +292,23 @@ var Voodoo = (() => {
     if (NON_REACTIVE.has(tag)) return false;
     return tag === "Object" || tag === "Array" || tag === "Map" || tag === "Set";
   }
+  function recordDirectWrite(target, key, lengthBefore, hadKey, oldValue, value) {
+    if (key === "length") {
+      const next = target.length;
+      if (next < lengthBefore) record(target, 1 /* SPLICE */, next, lengthBefore - next, 0);
+      else if (next > lengthBefore) record(target, 3 /* RESET */, 0, 0, 0);
+      return;
+    }
+    if (!isIntegerKey(key)) return;
+    const index = Number(key);
+    if (hadKey) {
+      if (hasChanged(value, oldValue)) record(target, 2 /* SET */, index, 1, 1);
+    } else if (index === lengthBefore) {
+      record(target, 1 /* SPLICE */, index, 0, 1);
+    } else {
+      record(target, 3 /* RESET */, 0, 0, 0);
+    }
+  }
   function markRaw(value) {
     Object.defineProperty(value, SKIP, { value: true, enumerable: false, configurable: true });
     return value;
@@ -360,7 +431,7 @@ var Voodoo = (() => {
     else for (const key of Object.keys(value)) traverse(value[key], seen);
     return value;
   }
-  var resolvedPromise, queue, postQueue, isFlushing, isFlushPending, flushPromise, RECURSION_LIMIT, errorHandler, activeEffect, shouldTrack, trackStack, effectId, ReactiveEffect, activeScope, EffectScope, ITERATE_KEY, targetMap, TriggerType, RAW, IS_REACTIVE, SKIP, reactiveMap, arrayInstrumentations, NON_REACTIVE, baseHandlers, collectionHandlers, RefImpl, ComputedRefImpl;
+  var resolvedPromise, queue, postQueue, isFlushing, isFlushPending, flushPromise, RECURSION_LIMIT, errorHandler, activeEffect, shouldTrack, trackStack, effectId, ReactiveEffect, activeScope, EffectScope, ITERATE_KEY, targetMap, TriggerType, ArrayOp, LOG_LIMIT, mutationLogs, NO_MUTATIONS, RAW, IS_REACTIVE, SKIP, reactiveMap, arrayInstrumentations, NON_REACTIVE, baseHandlers, collectionHandlers, RefImpl, ComputedRefImpl;
   var init_reactivity = __esm({
     "src/reactivity/index.ts"() {
       "use strict";
@@ -490,6 +561,15 @@ var Voodoo = (() => {
         TriggerType2["CLEAR"] = "clear";
         return TriggerType2;
       })(TriggerType || {});
+      ArrayOp = /* @__PURE__ */ ((ArrayOp2) => {
+        ArrayOp2[ArrayOp2["SPLICE"] = 1] = "SPLICE";
+        ArrayOp2[ArrayOp2["SET"] = 2] = "SET";
+        ArrayOp2[ArrayOp2["RESET"] = 3] = "RESET";
+        return ArrayOp2;
+      })(ArrayOp || {});
+      LOG_LIMIT = 32;
+      mutationLogs = /* @__PURE__ */ new WeakMap();
+      NO_MUTATIONS = [];
       RAW = /* @__PURE__ */ Symbol("voodoo:raw");
       IS_REACTIVE = /* @__PURE__ */ Symbol("voodoo:isReactive");
       SKIP = /* @__PURE__ */ Symbol("voodoo:skip");
@@ -507,14 +587,61 @@ var Voodoo = (() => {
             return res;
           };
         }
-        for (const key of ["push", "pop", "shift", "unshift", "splice"]) {
+        for (const key of ["push", "pop", "shift", "unshift", "splice", "reverse", "sort"]) {
           inst[key] = function(...args) {
+            const raw = toRaw(this);
+            const before = raw.length;
+            for (let i = 0; i < args.length; i++) args[i] = toRaw(args[i]);
             pauseTracking();
+            let result;
             try {
-              return toRaw(this)[key].apply(this, args);
+              result = raw[key].apply(raw, args);
             } finally {
               resetTracking();
             }
+            const after = raw.length;
+            let from = -1;
+            if (key === "push") {
+              if (args.length) {
+                record(raw, 1 /* SPLICE */, before, 0, args.length);
+                from = before;
+              }
+            } else if (key === "unshift") {
+              if (args.length) {
+                record(raw, 1 /* SPLICE */, 0, 0, args.length);
+                from = 0;
+              }
+            } else if (key === "pop") {
+              if (before > 0) {
+                record(raw, 1 /* SPLICE */, after, 1, 0);
+                from = after;
+              }
+            } else if (key === "shift") {
+              if (before > 0) {
+                record(raw, 1 /* SPLICE */, 0, 1, 0);
+                from = 0;
+              }
+            } else if (key === "splice") {
+              const removed = result.length;
+              const added = args.length > 2 ? args.length - 2 : 0;
+              if (removed || added) {
+                record(raw, 1 /* SPLICE */, spliceStart(args[0], before), removed, added);
+                from = spliceStart(args[0], before);
+              }
+            } else {
+              if (before > 1) {
+                record(raw, 3 /* RESET */, 0, before, after);
+                from = 0;
+              }
+            }
+            if (from >= 0) triggerArrayRange(raw, from);
+            if (key === "pop" || key === "shift") return isObject(result) ? reactive(result) : result;
+            if (key === "splice") {
+              const out = result;
+              for (let i = 0; i < out.length; i++) if (isObject(out[i])) out[i] = reactive(out[i]);
+              return out;
+            }
+            return key === "reverse" || key === "sort" ? this : result;
           };
         }
         return inst;
@@ -556,8 +683,11 @@ var Voodoo = (() => {
             return true;
           }
           const hadKey = Array.isArray(target) && isIntegerKey(key) ? Number(key) < target.length : Object.prototype.hasOwnProperty.call(target, key);
+          const isArr = Array.isArray(target);
+          const arrayLength = isArr ? target.length : 0;
           const result = Reflect.set(target, key, value, receiver);
           if (target === toRaw(receiver)) {
+            if (isArr) recordDirectWrite(target, key, arrayLength, hadKey, oldValue, value);
             if (!hadKey) trigger(target, "add" /* ADD */, key, value);
             else if (hasChanged(value, oldValue)) trigger(target, "set" /* SET */, key, value);
           }
@@ -566,7 +696,10 @@ var Voodoo = (() => {
         deleteProperty(target, key) {
           const hadKey = Object.prototype.hasOwnProperty.call(target, key);
           const result = Reflect.deleteProperty(target, key);
-          if (result && hadKey) trigger(target, "delete" /* DELETE */, key);
+          if (result && hadKey) {
+            if (Array.isArray(target)) record(target, 3 /* RESET */, 0, 0, 0);
+            trigger(target, "delete" /* DELETE */, key);
+          }
           return result;
         },
         has(target, key) {
@@ -2514,8 +2647,15 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
     return (_a2 = nodeEffectScopes.get(node)) != null ? _a2 : [];
   }
   var ignoredRemovals = /* @__PURE__ */ new WeakSet();
+  var detachedTemplates = /* @__PURE__ */ new WeakMap();
   function removeQuietly(node) {
     ignoredRemovals.add(node);
+    const parent = node.parentNode;
+    if (parent) {
+      let kept = detachedTemplates.get(parent);
+      if (!kept) detachedTemplates.set(parent, kept = /* @__PURE__ */ new Set());
+      kept.add(node);
+    }
     node.remove();
   }
   function addCleanup(node, fn) {
@@ -2531,6 +2671,11 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
       }
       for (let i = children.length - 1; i >= 0; i--) destroy(children[i]);
     }
+    const detached = detachedTemplates.get(node);
+    if (detached) {
+      detachedTemplates.delete(node);
+      for (const template of detached) destroy(template);
+    }
     const list = nodeCleanups.get(node);
     if (list) {
       nodeCleanups.delete(node);
@@ -5717,6 +5862,35 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
   // src/directives/core.ts
   init_reactivity();
   init_registry();
+
+  // src/runtime/metrics.ts
+  function blank() {
+    return {
+      on: false,
+      itemsVisited: 0,
+      keyEvaluations: 0,
+      prefixScanned: 0,
+      suffixScanned: 0,
+      middleReconciled: 0,
+      scopeAllocations: 0,
+      proxyWrites: 0,
+      arrayAllocations: 0,
+      keyMapLookups: 0,
+      domCreates: 0,
+      domRemoves: 0,
+      domMoves: 0,
+      domInserts: 0,
+      lisRuns: 0,
+      lisElements: 0,
+      paths: {}
+    };
+  }
+  var metrics = /* @__PURE__ */ blank();
+  function countPath(name) {
+    metrics.paths[name] = (metrics.paths[name] || 0) + 1;
+  }
+
+  // src/directives/core.ts
   function setValue(expression, scope, value) {
     try {
       const target = parse(expression);
@@ -5862,7 +6036,7 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
     },
     { priority: PRIORITY.IF, terminal: true }
   );
-  function renderTemplate(source, anchor, scope, batch) {
+  function renderTemplate(source, anchor, scope) {
     const parent = anchor.parentNode;
     if (!parent) return [];
     const nodes = [];
@@ -5879,21 +6053,64 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
       }
     } else {
       const clone2 = source.cloneNode(true);
+      if (metrics.on) metrics.domCreates++;
       nodes.push(clone2);
       markNodeScope(clone2, scope);
-      if (batch) {
-        batch.fragment.appendChild(clone2);
-        batch.pending.push([clone2, scope]);
-      } else {
-        parent.insertBefore(clone2, anchor);
-        walk(clone2, scope);
-      }
+      parent.insertBefore(clone2, anchor);
+      walk(clone2, scope);
     }
     return nodes;
   }
   defineDirective("else-if", () => void 0, { priority: PRIORITY.IF, terminal: true });
   defineDirective("else", () => void 0, { priority: PRIORITY.IF, terminal: true });
   var FOR_PATTERN = /^\s*\(?\s*([^)]*?)\s*\)?\s+(?:in|of)\s+(.+?)\s*$/;
+  var KEY_PATH = /^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*)*$/;
+  var NO_BLOCKS = [];
+  function sameStored(stored, incoming) {
+    if (stored === incoming) return true;
+    return incoming !== null && typeof incoming === "object" && stored === toRaw(incoming);
+  }
+  function sameKey(a, b) {
+    return a === b || a !== a && b !== b;
+  }
+  function longestIncreasing(arr) {
+    const length = arr.length;
+    const previous = new Int32Array(length);
+    const tails = [];
+    for (let i = 0; i < length; i++) {
+      const value = arr[i];
+      if (value === 0) continue;
+      if (tails.length === 0) {
+        tails.push(i);
+        continue;
+      }
+      const last = tails[tails.length - 1];
+      if (arr[last] < value) {
+        previous[i] = last;
+        tails.push(i);
+        continue;
+      }
+      let low = 0;
+      let high = tails.length - 1;
+      while (low < high) {
+        const mid = low + high >> 1;
+        if (arr[tails[mid]] < value) low = mid + 1;
+        else high = mid;
+      }
+      if (value < arr[tails[low]]) {
+        if (low > 0) previous[i] = tails[low - 1];
+        tails[low] = i;
+      }
+    }
+    let cursor = tails.length;
+    const out = new Int32Array(cursor);
+    let node = tails[cursor - 1];
+    while (cursor-- > 0) {
+      out[cursor] = node;
+      node = previous[node];
+    }
+    return out;
+  }
   defineDirective(
     "for",
     ({ el, scope, expression, effect: effect2 }) => {
@@ -5919,78 +6136,361 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
       template.removeAttribute(`${p2}bind:key`);
       template.removeAttribute(`${p2}key`);
       removeQuietly(el);
+      const isTemplateRow = template.tagName === "TEMPLATE";
+      let keyIsItem = false;
+      let keyIsIndex = false;
+      let keyProp = null;
+      let keyPath = null;
+      if (keyExpression && KEY_PATH.test(keyExpression)) {
+        const parts = keyExpression.split(".");
+        if (parts[0] === itemAlias) {
+          if (parts.length === 1) keyIsItem = true;
+          else if (parts.length === 2) keyProp = parts[1];
+          else keyPath = parts.slice(1);
+        } else if (indexAlias && parts.length === 1 && parts[0] === indexAlias) {
+          keyIsIndex = true;
+        }
+      }
       let blocks = [];
-      const clearAll = () => {
-        for (const block2 of blocks) {
-          for (const node of block2.nodes) {
-            destroy(node);
-            node.remove();
+      let rows = [];
+      let entries = null;
+      let count = 0;
+      let keyScope = null;
+      let lastSource = null;
+      let lastVersion = 0;
+      const pending2 = [];
+      const pendingRuns = [];
+      const varsAt = (i) => {
+        if (entries) return entries[i];
+        const vars = { [itemAlias]: rows[i] };
+        if (indexAlias) vars[indexAlias] = i;
+        return vars;
+      };
+      const keyAt = (i) => {
+        if (metrics.on) metrics.keyEvaluations++;
+        if (keyIsIndex) return i;
+        if (!keyExpression) {
+          return i;
+        }
+        const item = entries ? entries[i][itemAlias] : rows[i];
+        if (keyIsItem) return item;
+        if (keyProp !== null) return item == null ? void 0 : item[keyProp];
+        if (keyPath !== null) {
+          let value = item;
+          for (let d2 = 0; d2 < keyPath.length; d2++) {
+            if (value == null) return void 0;
+            value = value[keyPath[d2]];
+          }
+          return value;
+        }
+        if (!keyScope) keyScope = scope.child({});
+        keyScope.data = varsAt(i);
+        return evaluateIn(keyExpression, keyScope, ":key");
+      };
+      const syncData = (block2, i) => {
+        const raw = toRaw(block2.data);
+        if (entries) {
+          const vars = entries[i];
+          for (const name in vars) {
+            if (!sameStored(raw[name], vars[name])) {
+              if (metrics.on) metrics.proxyWrites++;
+              block2.data[name] = vars[name];
+            }
+          }
+          return;
+        }
+        const item = rows[i];
+        if (!sameStored(raw[itemAlias], item)) {
+          if (metrics.on) metrics.proxyWrites++;
+          block2.data[itemAlias] = item;
+        }
+        if (indexAlias !== void 0 && raw[indexAlias] !== i) {
+          if (metrics.on) metrics.proxyWrites++;
+          block2.data[indexAlias] = i;
+        }
+      };
+      const buildRange = (from, to, before, out) => {
+        if (from >= to) return;
+        const parent = anchor.parentNode;
+        if (!parent) return;
+        pendingRuns.push(pending2.length);
+        if (isTemplateRow) {
+          for (let i = from; i < to; i++) {
+            const childScope = scope.reactiveChild(varsAt(i));
+            if (metrics.on) {
+              metrics.scopeAllocations++;
+              metrics.itemsVisited++;
+            }
+            const nodes = renderTemplate(template, before, childScope);
+            out.push({ key: keyAt(i), scope: childScope, nodes, data: childScope.data });
+          }
+          return;
+        }
+        const fragment = document.createDocumentFragment();
+        for (let i = from; i < to; i++) {
+          const childScope = scope.reactiveChild(varsAt(i));
+          const clone2 = template.cloneNode(true);
+          markNodeScope(clone2, childScope);
+          fragment.appendChild(clone2);
+          pending2.push([clone2, childScope]);
+          out.push({ key: keyAt(i), scope: childScope, nodes: [clone2], data: childScope.data });
+          if (metrics.on) {
+            metrics.scopeAllocations++;
+            metrics.domCreates++;
+            metrics.itemsVisited++;
+          }
+        }
+        if (metrics.on) metrics.domInserts++;
+        parent.insertBefore(fragment, before);
+      };
+      const destroyBlock = (block2) => {
+        const nodes = block2.nodes;
+        for (let j = 0; j < nodes.length; j++) {
+          if (metrics.on) metrics.domRemoves++;
+          destroy(nodes[j]);
+          nodes[j].remove();
+        }
+      };
+      const moveBlock = (block2, before) => {
+        const parent = anchor.parentNode;
+        if (!parent) return;
+        const nodes = block2.nodes;
+        if (nodes[nodes.length - 1].nextSibling === before) return;
+        for (let j = 0; j < nodes.length; j++) {
+          if (metrics.on) metrics.domMoves++;
+          parent.insertBefore(nodes[j], before);
+        }
+      };
+      const nodeAfter = (oldIndex) => oldIndex < blocks.length ? blocks[oldIndex].nodes[0] : anchor;
+      const spliceBlocks = (index, remove, added) => {
+        const addCount = added.length;
+        if (remove === 0 && addCount === 0) return;
+        if (blocks.length === 0) {
+          blocks = added;
+          return;
+        }
+        if (addCount === 0) {
+          blocks.splice(index, remove);
+          return;
+        }
+        if (addCount <= 1024) {
+          blocks.splice(index, remove, ...added);
+          return;
+        }
+        const out = new Array(blocks.length - remove + addCount);
+        let w = 0;
+        for (let k = 0; k < index; k++) out[w++] = blocks[k];
+        for (let k = 0; k < addCount; k++) out[w++] = added[k];
+        for (let k = index + remove; k < blocks.length; k++) out[w++] = blocks[k];
+        blocks = out;
+      };
+      const flushPending = () => {
+        for (let r2 = pendingRuns.length - 1; r2 >= 0; r2--) {
+          const start2 = pendingRuns[r2];
+          const end = r2 + 1 < pendingRuns.length ? pendingRuns[r2 + 1] : pending2.length;
+          for (let k = start2; k < end; k++) walk(pending2[k][0], pending2[k][1]);
+        }
+        pending2.length = 0;
+        pendingRuns.length = 0;
+      };
+      let lo = 0;
+      let oldHi = 0;
+      let newHi = 0;
+      const regionFromMutations = (source) => {
+        const ops = mutationsSince(source, lastVersion);
+        if (!ops) return false;
+        const oldLen = blocks.length;
+        lo = 0;
+        oldHi = 0;
+        newHi = 0;
+        let current2 = oldLen;
+        for (let k = 0; k < ops.length; k++) {
+          const op = ops[k];
+          const index = op.index;
+          const removed = op.type === 2 /* SET */ ? 1 : op.removed;
+          const added = op.type === 2 /* SET */ ? 1 : op.added;
+          const end = index + removed;
+          if (k === 0) {
+            lo = index;
+            oldHi = end;
+            newHi = index + added;
+          } else if (end <= newHi) {
+            if (index < lo) lo = index;
+            newHi += added - removed;
+          } else {
+            if (index < lo) lo = index;
+            oldHi = end - newHi + oldHi;
+            newHi = index + added;
+          }
+          if (oldHi < lo) oldHi = lo;
+          if (newHi < lo) newHi = lo;
+          current2 += added - removed;
+        }
+        if (current2 !== count) return false;
+        if (lo > oldHi || lo > newHi) return false;
+        if (oldHi > oldLen || newHi > count) return false;
+        if (metrics.on) countPath(ops.length === 0 ? "unchanged" : "mutation");
+        if (indexAlias !== void 0 && oldHi - newHi !== 0) {
+          for (let i = newHi; i < count; i++) syncData(blocks[i - newHi + oldHi], i);
+        }
+        return true;
+      };
+      const regionFromScan = () => {
+        const oldLen = blocks.length;
+        const newLen = count;
+        let i = 0;
+        const shared = oldLen < newLen ? oldLen : newLen;
+        while (i < shared) {
+          const block2 = blocks[i];
+          if (!sameKey(block2.key, keyAt(i))) break;
+          syncData(block2, i);
+          i++;
+        }
+        if (metrics.on) {
+          metrics.prefixScanned += i;
+          metrics.itemsVisited += i;
+        }
+        let oe = oldLen - 1;
+        let ne = newLen - 1;
+        while (oe >= i && ne >= i) {
+          const block2 = blocks[oe];
+          if (!sameKey(block2.key, keyAt(ne))) break;
+          syncData(block2, ne);
+          oe--;
+          ne--;
+        }
+        if (metrics.on) {
+          const scanned = oldLen - 1 - oe;
+          metrics.suffixScanned += scanned;
+          metrics.itemsVisited += scanned;
+          countPath("scan");
+        }
+        lo = i;
+        oldHi = oe + 1;
+        newHi = ne + 1;
+      };
+      const reconcileRegion = () => {
+        const toPatch = newHi - lo;
+        if (lo >= oldHi) {
+          if (toPatch > 0) {
+            const created = [];
+            buildRange(lo, newHi, nodeAfter(lo), created);
+            spliceBlocks(lo, 0, created);
+          }
+          return;
+        }
+        if (toPatch === 0) {
+          if (metrics.on) metrics.itemsVisited += oldHi - lo;
+          for (let j = lo; j < oldHi; j++) destroyBlock(blocks[j]);
+          spliceBlocks(lo, oldHi - lo, NO_BLOCKS);
+          return;
+        }
+        if (metrics.on) {
+          metrics.arrayAllocations += 3;
+          metrics.middleReconciled += toPatch;
+          metrics.itemsVisited += toPatch + (oldHi - lo);
+        }
+        const keyToNew = /* @__PURE__ */ new Map();
+        for (let n2 = lo; n2 < newHi; n2++) {
+          const key = keyAt(n2);
+          if (keyExpression && keyToNew.has(key)) warnDuplicateKey(el, key, expression);
+          keyToNew.set(key, n2);
+        }
+        const oldOfNew = new Int32Array(toPatch);
+        const reused = new Array(toPatch);
+        let matched = 0;
+        let moved = false;
+        let highestSoFar = 0;
+        for (let o = lo; o < oldHi; o++) {
+          const block2 = blocks[o];
+          if (metrics.on) metrics.keyMapLookups++;
+          const target = matched >= toPatch ? void 0 : keyToNew.get(block2.key);
+          if (target === void 0 || reused[target - lo] !== void 0) {
+            destroyBlock(block2);
+            continue;
+          }
+          oldOfNew[target - lo] = o + 1;
+          reused[target - lo] = block2;
+          if (target >= highestSoFar) highestSoFar = target;
+          else moved = true;
+          syncData(block2, target);
+          matched++;
+        }
+        const stay = moved ? longestIncreasing(oldOfNew) : null;
+        if (metrics.on && moved) {
+          metrics.lisRuns++;
+          metrics.lisElements += toPatch;
+        }
+        let s = stay ? stay.length - 1 : -1;
+        const region = new Array(toPatch);
+        let before = nodeAfter(oldHi);
+        let runEnd = -1;
+        for (let n2 = toPatch - 1; n2 >= 0; n2--) {
+          const newIndex = lo + n2;
+          const block2 = reused[n2];
+          if (block2 === void 0) {
+            if (runEnd < 0) runEnd = newIndex + 1;
+            continue;
+          }
+          if (runEnd >= 0) {
+            const created = [];
+            buildRange(newIndex + 1, runEnd, before, created);
+            for (let c2 = 0; c2 < created.length; c2++) region[n2 + 1 + c2] = created[c2];
+            if (created.length) before = created[0].nodes[0];
+            runEnd = -1;
           }
+          region[n2] = block2;
+          if (moved && (s < 0 || n2 !== stay[s])) moveBlock(block2, before);
+          else if (moved) s--;
+          before = block2.nodes[0];
         }
+        if (runEnd >= 0) {
+          const created = [];
+          buildRange(lo, runEnd, before, created);
+          for (let c2 = 0; c2 < created.length; c2++) region[c2] = created[c2];
+        }
+        spliceBlocks(lo, oldHi - lo, region);
+      };
+      const clearAll = () => {
+        for (const block2 of blocks) destroyBlock(block2);
         blocks = [];
+        lastSource = null;
+        lastVersion = 0;
       };
       addCleanup(anchor, clearAll);
       effect2(() => {
-        var _a3, _b, _c;
         const source = evaluateIn(sourceExpression, scope, "v-for");
-        const entries = normalizeSource(source, itemAlias, indexAlias, thirdAlias);
-        const previous = /* @__PURE__ */ new Map();
-        for (const block2 of blocks) previous.set(block2.key, block2);
-        const next = [];
-        const used = /* @__PURE__ */ new Set();
-        const batch = {
-          fragment: document.createDocumentFragment(),
-          pending: []
-        };
-        entries.forEach((vars, index) => {
-          const key = keyExpression ? evaluateIn(keyExpression, scope.child(vars), ":key") : `__index_${index}`;
-          if (keyExpression && used.has(key)) warnDuplicateKey(el, key, expression);
-          const existing = previous.get(key);
-          if (existing && !used.has(key)) {
-            used.add(key);
-            for (const [name, value] of Object.entries(vars)) existing.data[name] = value;
-            next.push(existing);
-            return;
-          }
-          const childScope = scope.reactiveChild(vars);
-          const nodes = renderTemplate(template, anchor, childScope, batch);
-          used.add(key);
-          next.push({ key, scope: childScope, nodes, data: childScope.data });
-        });
-        if (batch.fragment.firstChild) (_a3 = anchor.parentNode) == null ? void 0 : _a3.insertBefore(batch.fragment, anchor);
-        for (const [node, rowScope] of batch.pending) walk(node, rowScope);
-        const reused = new Set(next);
-        for (const block2 of blocks) {
-          if (used.has(block2.key) && reused.has(block2)) continue;
-          for (const node of block2.nodes) {
-            destroy(node);
-            node.remove();
+        const raw = toRaw(source);
+        let fromMutations = false;
+        if (Array.isArray(raw)) {
+          track(raw, "length");
+          track(raw, ITERATE_KEY);
+          rows = raw;
+          entries = null;
+          count = raw.length;
+          const version3 = arrayVersion(raw);
+          if (raw === lastSource && keyExpression && !keyIsIndex) {
+            fromMutations = regionFromMutations(raw);
           }
+          lastSource = raw;
+          lastVersion = version3;
+        } else {
+          entries = normalizeSource(source, itemAlias, indexAlias, thirdAlias);
+          rows = entries;
+          count = entries.length;
+          lastSource = null;
+          lastVersion = 0;
+          if (metrics.on) metrics.arrayAllocations += count + 1;
         }
-        let cursor = anchor;
-        for (let i = next.length - 1; i >= 0; i--) {
-          const block2 = next[i];
-          const last = block2.nodes[block2.nodes.length - 1];
-          if (last && last.nextSibling !== cursor) {
-            for (const node of block2.nodes) (_b = anchor.parentNode) == null ? void 0 : _b.insertBefore(node, cursor);
-          }
-          cursor = (_c = block2.nodes[0]) != null ? _c : cursor;
-        }
-        blocks = next;
+        if (!fromMutations) regionFromScan();
+        reconcileRegion();
+        flushPending();
       });
     },
     { priority: PRIORITY.FOR, terminal: true }
   );
   function normalizeSource(source, itemAlias, indexAlias, thirdAlias) {
     const out = [];
-    if (Array.isArray(source)) {
-      source.forEach((item, index) => {
-        const vars = { [itemAlias]: item };
-        if (indexAlias) vars[indexAlias] = index;
-        out.push(vars);
-      });
-      return out;
-    }
     if (typeof source === "number") {
       for (let i = 1; i <= source; i++) {
         const vars = { [itemAlias]: i };
@@ -7136,7 +7636,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.12.4";
+  var version2 = "0.13.0";
   var core = {
     // Utilities first: Voodoo's own names can override.
     ...utils_exports,
@@ -8397,7 +8897,7 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
       }, 0);
     }
   }
-  function compileRoute(pattern, record) {
+  function compileRoute(pattern, record2) {
     const clean = pattern === "*" ? "*" : normalizePath(pattern);
     const raw = clean === "*" ? ["*"] : clean.split("/").filter(Boolean);
     const segments = [];
@@ -8418,7 +8918,7 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
       segments.push({ type: "static", value: piece, optional: false });
       score += 4;
     }
-    return { pattern: clean, segments, score, record };
+    return { pattern: clean, segments, score, record: record2 };
   }
   function matchSegments(segments, parts) {
     const params = {};
@@ -8504,16 +9004,16 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
     route.name = location2.name;
     route.meta = location2.meta;
     route.matched = location2.matched;
-    const record = findRecord(location2.matched);
-    if ((record == null ? void 0 : record.title) && typeof document !== "undefined") {
-      document.title = settings2.titleTemplate.includes("%s") ? settings2.titleTemplate.replace("%s", record.title) : record.title;
+    const record2 = findRecord(location2.matched);
+    if ((record2 == null ? void 0 : record2.title) && typeof document !== "undefined") {
+      document.title = settings2.titleTemplate.includes("%s") ? settings2.titleTemplate.replace("%s", record2.title) : record2.title;
     }
   }
   async function runGuards(to, from) {
-    const record = findRecord(to.matched);
-    if (record == null ? void 0 : record.redirect) return record.redirect;
-    if (record == null ? void 0 : record.beforeEnter) {
-      const verdict = await record.beforeEnter(to, from);
+    const record2 = findRecord(to.matched);
+    if (record2 == null ? void 0 : record2.redirect) return record2.redirect;
+    if (record2 == null ? void 0 : record2.beforeEnter) {
+      const verdict = await record2.beforeEnter(to, from);
       if (verdict === false) return false;
       if (typeof verdict === "string") return verdict;
     }
@@ -8679,8 +9179,8 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
     if (destination.hash) scheduleScroll(destination, from, null);
     (_a2 = settings2.afterEach) == null ? void 0 : _a2.call(settings2, snapshot(), from);
   }
-  function addRoute(pattern, record) {
-    const compiledRoute = compileRoute(pattern, record);
+  function addRoute(pattern, record2) {
+    const compiledRoute = compileRoute(pattern, record2);
     const index = compiled.findIndex((item) => item.pattern === compiledRoute.pattern);
     if (index > -1) compiled.splice(index, 1, compiledRoute);
     else compiled.push(compiledRoute);
@@ -8709,8 +9209,8 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
     settings2.titleTemplate = (_h = options.titleTemplate) != null ? _h : "%s";
     settings2.scrollBehavior = (_i = options.scrollBehavior) != null ? _i : null;
     compiled.length = 0;
-    for (const [pattern, record] of Object.entries((_j = options.routes) != null ? _j : {})) {
-      compiled.push(compileRoute(pattern, record));
+    for (const [pattern, record2] of Object.entries((_j = options.routes) != null ? _j : {})) {
+      compiled.push(compileRoute(pattern, record2));
     }
     configured = true;
     startListening();
@@ -8772,11 +9272,11 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
         for (const child of Array.from(el.childNodes)) destroy(child);
         el.textContent = "";
       };
-      const mount = (record, html) => {
+      const mount = (record2, html) => {
         unmount();
-        if (record == null ? void 0 : record.component) {
+        if (record2 == null ? void 0 : record2.component) {
           const host = document.createElement("div");
-          host.setAttribute(`${config.prefix}component`, record.component);
+          host.setAttribute(`${config.prefix}component`, record2.component);
           host.className = "v-router-page";
           el.appendChild(host);
           walk(host, scope);
@@ -8785,28 +9285,28 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
         el.innerHTML = html != null ? html : fallbackHtml;
         for (const child of Array.from(el.childNodes)) walk(child, scope);
       };
-      const render3 = async (record, current2) => {
+      const render3 = async (record2, current2) => {
         let html = null;
-        if (record == null ? void 0 : record.view) {
+        if (record2 == null ? void 0 : record2.view) {
           el.classList.add("v-router-loading");
           try {
-            html = await loadView(record.view);
+            html = await loadView(record2.view);
           } catch (err) {
-            handleError(err, `v-router-view loading "${record.view}"`);
+            handleError(err, `v-router-view loading "${record2.view}"`);
             html = "";
           } finally {
             el.classList.remove("v-router-loading");
           }
           if (current2 !== token) return;
         }
-        if (useTransition) viewTransition(() => mount(record, html));
-        else mount(record, html);
+        if (useTransition) viewTransition(() => mount(record2, html));
+        else mount(record2, html);
       };
       effect2(() => {
         const matched = route.matched;
         void paramsSignature(route.params);
-        const record = findRecord(matched);
-        void render3(record, ++token);
+        const record2 = findRecord(matched);
+        void render3(record2, ++token);
       });
       cleanup(() => {
         token++;
@@ -13555,7 +14055,7 @@ form.v-loading [type="submit"],form.v-loading button[disabled]{opacity:.6}
           restoring = false;
         });
       }
-      const record = debounce(() => {
+      const record2 = debounce(() => {
         if (restoring) return;
         const current2 = JSON.stringify(serializable(scope.data));
         if (current2 === JSON.stringify(snapshots[position])) return;
@@ -13565,12 +14065,12 @@ form.v-loading [type="submit"],form.v-loading button[disabled]{opacity:.6}
         position = snapshots.length - 1;
         sync();
       }, parseDuration((_a2 = el.getAttribute("v-history-debounce")) != null ? _a2 : void 0, 300));
-      const stopWatching = watch(scope.data, () => record(), { deep: true });
+      const stopWatching = watch(scope.data, () => record2(), { deep: true });
       controllers.set(el, controller);
       scope.set("$history", controller);
       cleanup(() => {
         stopWatching();
-        record.cancel();
+        record2.cancel();
         controllers.delete(el);
       });
     },
@@ -20035,7 +20535,7 @@ textarea.v-dialog-input{min-height:96px;resize:vertical}
   var flashTimers = /* @__PURE__ */ new Map();
   var outlined = [];
   var requestStarts = /* @__PURE__ */ new WeakMap();
-  var metrics = {
+  var metrics2 = {
     effects: 0,
     mutations: 0,
     effectsPerSecond: 0,
@@ -20454,7 +20954,7 @@ textarea.v-dialog-input{min-height:96px;resize:vertical}
       const original = item.fn;
       patchedEffects.set(item, original);
       item.fn = () => {
-        metrics.effects++;
+        metrics2.effects++;
         flash(owner);
         return original();
       };
@@ -20904,20 +21404,20 @@ textarea.v-dialog-input{min-height:96px;resize:vertical}
   function renderPerformanceTab() {
     const frag = document.createDocumentFragment();
     const updates = h("div", "v-xray-metric");
-    updates.appendChild(h("span", "v-xray-metric-value", String(metrics.updatesPerSecond)));
+    updates.appendChild(h("span", "v-xray-metric-value", String(metrics2.updatesPerSecond)));
     updates.appendChild(h("span", void 0, "DOM updates per second"));
     frag.appendChild(updates);
     const effects = h("div", "v-xray-metric");
-    effects.appendChild(h("span", "v-xray-metric-value", String(metrics.effectsPerSecond)));
+    effects.appendChild(h("span", "v-xray-metric-value", String(metrics2.effectsPerSecond)));
     effects.appendChild(h("span", void 0, "reactive effects triggered per second"));
     frag.appendChild(effects);
     const total = h("div", "v-xray-metric");
-    total.appendChild(h("span", "v-xray-metric-value", String(metrics.effects)));
+    total.appendChild(h("span", "v-xray-metric-value", String(metrics2.effects)));
     total.appendChild(h("span", void 0, "effects triggered since x-ray was enabled"));
     frag.appendChild(total);
     const chart = h("div", "v-xray-chart");
-    const peak = Math.max(1, ...metrics.history.map((item) => Math.max(item.effects, item.updates)));
-    for (const item of metrics.history) {
+    const peak = Math.max(1, ...metrics2.history.map((item) => Math.max(item.effects, item.updates)));
+    for (const item of metrics2.history) {
       const bar = h("div", "v-xray-bar");
       const value = Math.max(item.effects, item.updates);
       bar.style.height = `${Math.max(2, Math.round(value / peak * 46))}px`;
@@ -21160,14 +21660,14 @@ textarea.v-dialog-input{min-height:96px;resize:vertical}
   function observeMutations() {
     observer3 = new MutationObserver((records) => {
       let structural = false;
-      for (const record of records) {
-        const target = record.target;
+      for (const record2 of records) {
+        const target = record2.target;
         if (isXrayNode(target)) continue;
-        if (record.type === "attributes" && record.attributeName === "class" && target.nodeType === 1 && flashing.has(target)) {
+        if (record2.type === "attributes" && record2.attributeName === "class" && target.nodeType === 1 && flashing.has(target)) {
           continue;
         }
-        metrics.mutations++;
-        if (record.type === "childList" && record.addedNodes.length) structural = true;
+        metrics2.mutations++;
+        if (record2.type === "childList" && record2.addedNodes.length) structural = true;
       }
       if (structural && !scanTimer) {
         scanTimer = window.setTimeout(() => {
@@ -21185,15 +21685,15 @@ textarea.v-dialog-input{min-height:96px;resize:vertical}
   }
   function startTimers() {
     metricsTimer = window.setInterval(() => {
-      metrics.effectsPerSecond = metrics.effects - lastEffectCount;
-      metrics.updatesPerSecond = metrics.mutations - lastMutationCount;
-      lastEffectCount = metrics.effects;
-      lastMutationCount = metrics.mutations;
-      metrics.history.push({
-        effects: metrics.effectsPerSecond,
-        updates: metrics.updatesPerSecond
+      metrics2.effectsPerSecond = metrics2.effects - lastEffectCount;
+      metrics2.updatesPerSecond = metrics2.mutations - lastMutationCount;
+      lastEffectCount = metrics2.effects;
+      lastMutationCount = metrics2.mutations;
+      metrics2.history.push({
+        effects: metrics2.effectsPerSecond,
+        updates: metrics2.updatesPerSecond
       });
-      if (metrics.history.length > 40) metrics.history.shift();
+      if (metrics2.history.length > 40) metrics2.history.shift();
       if (activeTab === "desempenho") renderActiveTab();
     }, 1e3);
     refreshTimer = window.setInterval(() => {
@@ -21212,11 +21712,11 @@ textarea.v-dialog-input{min-height:96px;resize:vertical}
     injectStyle("xray", XRAY_CSS);
     refs = buildPanel();
     activeTab = activeTab || "estado";
-    metrics.effects = 0;
-    metrics.mutations = 0;
+    metrics2.effects = 0;
+    metrics2.mutations = 0;
     lastEffectCount = 0;
     lastMutationCount = 0;
-    metrics.history.length = 0;
+    metrics2.history.length = 0;
     scanDocument();
     listenEvents();
     listenNetwork();