voodoojs 0.12.5 → 0.13.0

package/dist/index.js

@@ -1,25 +1,25 @@
-import { core, sound, hotkey, palette, registerMask, unmask, applyMask, masks, mask, clearErrors, showFieldError, showFormErrors, messages, serializeForm, validate, validator, dialog, prompt, confirm, alert, modal, VoodooCollection, fromHtml, ready2, query, viewTransition, defineComponent, storage, ensurePalette, instances, storeNames, allStores } from './chunk-TUXGS7XW.js';
-export { VoodooCollection, alert, allStores, applyMask, cache, clearErrors, clipboard, confirm, cookie, createApp, createResource, defineComponent, dialog, ready as documentReady, enter, fadeIn, fadeOut, fromHtml, hotkey, installHooks, instances, leave, mask, masks, modal, mountComponent, network, palette, prompt, query, ready2 as ready, registerMask, removeStore, createResource as resource, screen, serializeForm, session, showFormErrors, slideDown, slideUp, sound, efeitos as soundEffects, storage, store, storeNames, theme, toast, unmask, url, useContext, useEffect, useMemo, useRef, useState, validate, validator, viewTransition, whenElement, whenReady } from './chunk-TUXGS7XW.js';
-export { gpu, reflectWgsl } from './chunk-JB72AX7G.js';
-import { http } from './chunk-X3FZPWI6.js';
-export { HttpError, http, request } from './chunk-X3FZPWI6.js';
-import { devtoolsBus } from './chunk-L3JNHLTI.js';
-export { createSocket, devtoolsBus, socket, socketSupported } from './chunk-L3JNHLTI.js';
-import { magic, markSkipChildren, onStart, rootScope, findScope, destroy, readAttr, evaluate, parse, Scope, getScope, walk, unwrap, addCleanup, hadDirectives, collectDirectives, getEffectScopes, evaluateIn } from './chunk-6QFKV444.js';
-export { Scope, VoodooRuntimeError, VoodooSyntaxError, addCleanup, allowedGlobals, clearParseCache, destroy, evaluate, findScope, getScope, hook, hooks, magic, magics, parse, refresh, rootScope, start, stringify, tokenize, walk } from './chunk-6QFKV444.js';
-import { reactive, warn, handleError, effect, queuePostFlush, nextTick } from './chunk-PPT7RDKJ.js';
-export { EffectScope, computed, effect, effectScope, flushSync, isReactive, markRaw, nextTick, reactive, ref, shallowRef, stop, toRaw, unref, watch, watchEffect } from './chunk-PPT7RDKJ.js';
-import { warnAlias } from './chunk-YH3IDF6L.js';
-import { parseDuration, formatNumber, formatCurrency, formatDate, relativeTime, device, setFormatDefaults, uid, merge, escapeHtml, truncate, get, titleCase } from './chunk-D45ZEXUO.js';
-export { capitalize, chunk, clone, debounce, device, escapeHtml, formatCurrency, formatDate, formatFileSize, formatNumber, formatPercent, get, groupBy, isBrowser, matchesMedia, memoize, merge, once, parseDuration, random, relativeTime, sample, set, setFormatDefaults, sleep, slugify, sortBy, stripTags, throttle, titleCase, truncate, uid, unique, uuid } from './chunk-D45ZEXUO.js';
-import { ensureTokens, injectStyle } from './chunk-IWHK6Y32.js';
-export { ensureTokens, injectStyle } from './chunk-IWHK6Y32.js';
-import { defineDirective, PRIORITY, config } from './chunk-OH6FIDTW.js';
-export { PRIORITY, config, defineDirective } from './chunk-OH6FIDTW.js';
-import './chunk-PO6REBDJ.js';
+import { core, sound, hotkey, palette, registerMask, unmask, applyMask, masks, mask, clearErrors, showFieldError, showFormErrors, messages, serializeForm, validate, validator, dialog, prompt, confirm, alert, modal, VoodooCollection, fromHtml, ready2, query, viewTransition, defineComponent, storage, ensurePalette, instances, storeNames, allStores } from './chunk-H2NGDLMD.js';
+export { VoodooCollection, alert, allStores, applyMask, cache, clearErrors, clipboard, confirm, cookie, createApp, createResource, defineComponent, dialog, ready as documentReady, enter, fadeIn, fadeOut, fromHtml, hotkey, installHooks, instances, leave, mask, masks, modal, mountComponent, network, palette, prompt, query, ready2 as ready, registerMask, removeStore, createResource as resource, screen, serializeForm, session, showFormErrors, slideDown, slideUp, sound, efeitos as soundEffects, storage, store, storeNames, theme, toast, unmask, url, useContext, useEffect, useMemo, useRef, useState, validate, validator, viewTransition, whenElement, whenReady } from './chunk-H2NGDLMD.js';
+export { gpu, reflectWgsl } from './chunk-GE4JWATC.js';
+import { http } from './chunk-OIH4BR2H.js';
+export { HttpError, http, request } from './chunk-OIH4BR2H.js';
+import { devtoolsBus } from './chunk-4IJE5BWY.js';
+export { createSocket, devtoolsBus, socket, socketSupported } from './chunk-4IJE5BWY.js';
+import { magic, markSkipChildren, onStart, rootScope, findScope, destroy, readAttr, evaluate, parse, Scope, getScope, walk, unwrap, addCleanup, hadDirectives, collectDirectives, getEffectScopes, evaluateIn } from './chunk-JBUNTP7F.js';
+export { Scope, VoodooRuntimeError, VoodooSyntaxError, addCleanup, allowedGlobals, clearParseCache, destroy, evaluate, findScope, getScope, hook, hooks, magic, magics, parse, refresh, rootScope, start, stringify, tokenize, walk } from './chunk-JBUNTP7F.js';
+import { reactive, warn, handleError, effect, queuePostFlush, nextTick } from './chunk-FMDHZ5GI.js';
+export { EffectScope, computed, effect, effectScope, flushSync, isReactive, markRaw, nextTick, reactive, ref, shallowRef, stop, toRaw, unref, watch, watchEffect } from './chunk-FMDHZ5GI.js';
+import { warnAlias } from './chunk-IBIZ6OUI.js';
+import { parseDuration, formatNumber, formatCurrency, formatDate, relativeTime, device, setFormatDefaults, uid, merge, escapeHtml, truncate, get, titleCase } from './chunk-2LGAXVD7.js';
+export { capitalize, chunk, clone, debounce, device, escapeHtml, formatCurrency, formatDate, formatFileSize, formatNumber, formatPercent, get, groupBy, isBrowser, matchesMedia, memoize, merge, once, parseDuration, random, relativeTime, sample, set, setFormatDefaults, sleep, slugify, sortBy, stripTags, throttle, titleCase, truncate, uid, unique, uuid } from './chunk-2LGAXVD7.js';
+import { ensureTokens, injectStyle } from './chunk-MV73OSCS.js';
+export { ensureTokens, injectStyle } from './chunk-MV73OSCS.js';
+import { defineDirective, PRIORITY, config } from './chunk-TEVCUTTC.js';
+export { PRIORITY, config, defineDirective } from './chunk-TEVCUTTC.js';
+import './chunk-IJQ2PFXU.js';
 
 /**
- * Voodoo.js v0.12.5
+ * Voodoo.js v0.13.0
  * JavaScript feels like magic.
  * (c) 2026 Voodoo.js contributors. MIT License.
  */

package/dist/reactivity.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 /**
- * Voodoo.js v0.12.5
+ * Voodoo.js v0.13.0
  * JavaScript feels like magic.
  * (c) 2026 Voodoo.js contributors. MIT License.
  */
@@ -280,7 +280,9 @@ function trigger(target, type, key, _newValue) {
       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) => {
@@ -293,6 +295,59 @@ function trigger(target, type, key, _newValue) {
     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);
+  }
+}
+var ArrayOp = /* @__PURE__ */ ((ArrayOp2) => {
+  ArrayOp2[ArrayOp2["SPLICE"] = 1] = "SPLICE";
+  ArrayOp2[ArrayOp2["SET"] = 2] = "SET";
+  ArrayOp2[ArrayOp2["RESET"] = 3] = "RESET";
+  return ArrayOp2;
+})(ArrayOp || {});
+var LOG_LIMIT = 32;
+var mutationLogs = /* @__PURE__ */ new WeakMap();
+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();
+}
+var NO_MUTATIONS = [];
+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;
 }
@@ -313,14 +368,61 @@ var arrayInstrumentations = /* @__PURE__ */ (() => {
       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;
@@ -328,6 +430,11 @@ var arrayInstrumentations = /* @__PURE__ */ (() => {
 function isObject(val) {
   return val !== null && typeof val === "object";
 }
+function spliceStart(raw, length) {
+  const n = Math.trunc(Number(raw)) || 0;
+  if (n < 0) return Math.max(length + n, 0);
+  return Math.min(n, length);
+}
 var NON_REACTIVE = /* @__PURE__ */ new Set([
   "Date",
   "RegExp",
@@ -351,6 +458,23 @@ function canObserve(value) {
   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;
@@ -399,8 +523,11 @@ var baseHandlers = {
       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);
     }
@@ -409,7 +536,10 @@ var baseHandlers = {
   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) {
@@ -639,10 +769,12 @@ function traverse(value, seen = /* @__PURE__ */ new Set()) {
   return value;
 }
 
+exports.ArrayOp = ArrayOp;
 exports.EffectScope = EffectScope;
 exports.ITERATE_KEY = ITERATE_KEY;
 exports.ReactiveEffect = ReactiveEffect;
 exports.TriggerType = TriggerType;
+exports.arrayVersion = arrayVersion;
 exports.computed = computed;
 exports.effect = effect;
 exports.effectScope = effectScope;
@@ -655,6 +787,7 @@ exports.hasChanged = hasChanged;
 exports.isReactive = isReactive;
 exports.isRef = isRef;
 exports.markRaw = markRaw;
+exports.mutationsSince = mutationsSince;
 exports.nextTick = nextTick;
 exports.pauseTracking = pauseTracking;
 exports.queueJob = queueJob;

package/dist/reactivity.d.cts

@@ -131,6 +131,37 @@ declare const enum TriggerType {
     CLEAR = "clear"
 }
 declare function trigger(target: object, type: TriggerType, key?: PropertyKey, _newValue?: unknown): void;
+/**
+ * What happened to an array, in the words of the call that did it.
+ *
+ * A reconciler handed a new array has to work out what changed by comparing it
+ * against the old one, which costs one key read per row however clever it is.
+ * A reconciler told "one row was removed at 5000" does not: the mutation
+ * already carries the answer. This log is how the caller's knowledge survives
+ * the trip to the effect that re-renders the list.
+ */
+declare const enum ArrayOp {
+    /** `removed` elements at `index` gave way to `added` new ones. */
+    SPLICE = 1,
+    /** The element at `index` was replaced, without shifting anything. */
+    SET = 2,
+    /** Something happened that no range can describe. History is unusable. */
+    RESET = 3
+}
+interface ArrayMutation {
+    type: ArrayOp;
+    index: number;
+    removed: number;
+    added: number;
+}
+/** Mutations recorded for an array so far. `0` when it has never been mutated. */
+declare function arrayVersion(target: object): number;
+/**
+ * What happened to `target` since version `since`, oldest first, or `null`
+ * when the log cannot answer — the history was truncated, or something
+ * unrepresentable happened. `null` means "compare the lists yourself".
+ */
+declare function mutationsSince(target: object, since: number): ArrayMutation[] | null;
 /** Marks an object so it is never turned into a reactive proxy. */
 declare function markRaw<T extends object>(value: T): T;
 /** Returns the original object behind a reactive proxy. */
@@ -185,4 +216,4 @@ declare function watch<T>(source: WatchSource<T>, cb: WatchCallback<T>, options?
 /** Executes the effect immediately and re-executes when dependencies change. */
 declare function watchEffect(fn: (onInvalidate: (c: () => void) => void) => void): WatchStopHandle;
 
-export { type ComputedRef, type Dep, type EffectOptions, type EffectRunner, type EffectScheduler, EffectScope, ITERATE_KEY, ReactiveEffect, type Ref, TriggerType, type WatchCallback, type WatchOptions, type WatchSource, type WatchStopHandle, computed, effect, effectScope, enableTracking, flushSync, getActiveEffect, getActiveScope, handleError, hasChanged, isReactive, isRef, markRaw, nextTick, pauseTracking, queueJob, queuePostFlush, reactive, ref, resetTracking, setErrorHandler, shallowRef, stop, toRaw, track, trigger, unref, warn, watch, watchEffect };
+export { type ArrayMutation, ArrayOp, type ComputedRef, type Dep, type EffectOptions, type EffectRunner, type EffectScheduler, EffectScope, ITERATE_KEY, ReactiveEffect, type Ref, TriggerType, type WatchCallback, type WatchOptions, type WatchSource, type WatchStopHandle, arrayVersion, computed, effect, effectScope, enableTracking, flushSync, getActiveEffect, getActiveScope, handleError, hasChanged, isReactive, isRef, markRaw, mutationsSince, nextTick, pauseTracking, queueJob, queuePostFlush, reactive, ref, resetTracking, setErrorHandler, shallowRef, stop, toRaw, track, trigger, unref, warn, watch, watchEffect };

package/dist/reactivity.d.ts

@@ -131,6 +131,37 @@ declare const enum TriggerType {
     CLEAR = "clear"
 }
 declare function trigger(target: object, type: TriggerType, key?: PropertyKey, _newValue?: unknown): void;
+/**
+ * What happened to an array, in the words of the call that did it.
+ *
+ * A reconciler handed a new array has to work out what changed by comparing it
+ * against the old one, which costs one key read per row however clever it is.
+ * A reconciler told "one row was removed at 5000" does not: the mutation
+ * already carries the answer. This log is how the caller's knowledge survives
+ * the trip to the effect that re-renders the list.
+ */
+declare const enum ArrayOp {
+    /** `removed` elements at `index` gave way to `added` new ones. */
+    SPLICE = 1,
+    /** The element at `index` was replaced, without shifting anything. */
+    SET = 2,
+    /** Something happened that no range can describe. History is unusable. */
+    RESET = 3
+}
+interface ArrayMutation {
+    type: ArrayOp;
+    index: number;
+    removed: number;
+    added: number;
+}
+/** Mutations recorded for an array so far. `0` when it has never been mutated. */
+declare function arrayVersion(target: object): number;
+/**
+ * What happened to `target` since version `since`, oldest first, or `null`
+ * when the log cannot answer — the history was truncated, or something
+ * unrepresentable happened. `null` means "compare the lists yourself".
+ */
+declare function mutationsSince(target: object, since: number): ArrayMutation[] | null;
 /** Marks an object so it is never turned into a reactive proxy. */
 declare function markRaw<T extends object>(value: T): T;
 /** Returns the original object behind a reactive proxy. */
@@ -185,4 +216,4 @@ declare function watch<T>(source: WatchSource<T>, cb: WatchCallback<T>, options?
 /** Executes the effect immediately and re-executes when dependencies change. */
 declare function watchEffect(fn: (onInvalidate: (c: () => void) => void) => void): WatchStopHandle;
 
-export { type ComputedRef, type Dep, type EffectOptions, type EffectRunner, type EffectScheduler, EffectScope, ITERATE_KEY, ReactiveEffect, type Ref, TriggerType, type WatchCallback, type WatchOptions, type WatchSource, type WatchStopHandle, computed, effect, effectScope, enableTracking, flushSync, getActiveEffect, getActiveScope, handleError, hasChanged, isReactive, isRef, markRaw, nextTick, pauseTracking, queueJob, queuePostFlush, reactive, ref, resetTracking, setErrorHandler, shallowRef, stop, toRaw, track, trigger, unref, warn, watch, watchEffect };
+export { type ArrayMutation, ArrayOp, type ComputedRef, type Dep, type EffectOptions, type EffectRunner, type EffectScheduler, EffectScope, ITERATE_KEY, ReactiveEffect, type Ref, TriggerType, type WatchCallback, type WatchOptions, type WatchSource, type WatchStopHandle, arrayVersion, computed, effect, effectScope, enableTracking, flushSync, getActiveEffect, getActiveScope, handleError, hasChanged, isReactive, isRef, markRaw, mutationsSince, nextTick, pauseTracking, queueJob, queuePostFlush, reactive, ref, resetTracking, setErrorHandler, shallowRef, stop, toRaw, track, trigger, unref, warn, watch, watchEffect };

package/dist/reactivity.js

@@ -1,4 +1,4 @@
-export { EffectScope, ITERATE_KEY, ReactiveEffect, TriggerType, computed, effect, effectScope, enableTracking, flushSync, getActiveEffect, getActiveScope, handleError, hasChanged, isReactive, isRef, markRaw, nextTick, pauseTracking, queueJob, queuePostFlush, reactive, ref, resetTracking, setErrorHandler, shallowRef, stop, toRaw, track, trigger, unref, warn, watch, watchEffect } from './chunk-PPT7RDKJ.js';
-import './chunk-PO6REBDJ.js';
+export { ArrayOp, EffectScope, ITERATE_KEY, ReactiveEffect, TriggerType, arrayVersion, computed, effect, effectScope, enableTracking, flushSync, getActiveEffect, getActiveScope, handleError, hasChanged, isReactive, isRef, markRaw, mutationsSince, nextTick, pauseTracking, queueJob, queuePostFlush, reactive, ref, resetTracking, setErrorHandler, shallowRef, stop, toRaw, track, trigger, unref, warn, watch, watchEffect } from './chunk-FMDHZ5GI.js';
+import './chunk-IJQ2PFXU.js';
 //# sourceMappingURL=reactivity.js.map
 //# sourceMappingURL=reactivity.js.map

package/dist/socket.cjs

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 /**
- * Voodoo.js v0.12.5
+ * Voodoo.js v0.13.0
  * JavaScript feels like magic.
  * (c) 2026 Voodoo.js contributors. MIT License.
  */
@@ -137,7 +137,9 @@ function trigger(target2, type, key, _newValue) {
       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) => {
@@ -150,6 +152,39 @@ function trigger(target2, type, key, _newValue) {
     else queueJob(e);
   }
 }
+function triggerArrayRange(target2, from) {
+  const depsMap = targetMap.get(target2);
+  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);
+  }
+}
+var LOG_LIMIT = 32;
+var mutationLogs = /* @__PURE__ */ new WeakMap();
+function record(target2, type, index, removed, added) {
+  let log = mutationLogs.get(target2);
+  if (!log) mutationLogs.set(target2, 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 isIntegerKey(key) {
   return typeof key === "string" && key !== "NaN" && key[0] !== "-" && String(parseInt(key, 10)) === key;
 }
@@ -170,14 +205,61 @@ var arrayInstrumentations = /* @__PURE__ */ (() => {
       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;
@@ -185,6 +267,11 @@ var arrayInstrumentations = /* @__PURE__ */ (() => {
 function isObject(val) {
   return val !== null && typeof val === "object";
 }
+function spliceStart(raw, length) {
+  const n = Math.trunc(Number(raw)) || 0;
+  if (n < 0) return Math.max(length + n, 0);
+  return Math.min(n, length);
+}
 var NON_REACTIVE = /* @__PURE__ */ new Set([
   "Date",
   "RegExp",
@@ -208,6 +295,23 @@ function canObserve(value) {
   if (NON_REACTIVE.has(tag)) return false;
   return tag === "Object" || tag === "Array" || tag === "Map" || tag === "Set";
 }
+function recordDirectWrite(target2, key, lengthBefore, hadKey, oldValue, value) {
+  if (key === "length") {
+    const next = target2.length;
+    if (next < lengthBefore) record(target2, 1 /* SPLICE */, next, lengthBefore - next, 0);
+    else if (next > lengthBefore) record(target2, 3 /* RESET */, 0, 0, 0);
+    return;
+  }
+  if (!isIntegerKey(key)) return;
+  const index = Number(key);
+  if (hadKey) {
+    if (hasChanged(value, oldValue)) record(target2, 2 /* SET */, index, 1, 1);
+  } else if (index === lengthBefore) {
+    record(target2, 1 /* SPLICE */, index, 0, 1);
+  } else {
+    record(target2, 3 /* RESET */, 0, 0, 0);
+  }
+}
 function toRaw(observed) {
   const raw = observed && observed[RAW];
   return raw ? toRaw(raw) : observed;
@@ -252,8 +356,11 @@ var baseHandlers = {
       return true;
     }
     const hadKey = Array.isArray(target2) && isIntegerKey(key) ? Number(key) < target2.length : Object.prototype.hasOwnProperty.call(target2, key);
+    const isArr = Array.isArray(target2);
+    const arrayLength = isArr ? target2.length : 0;
     const result = Reflect.set(target2, key, value, receiver);
     if (target2 === toRaw(receiver)) {
+      if (isArr) recordDirectWrite(target2, key, arrayLength, hadKey, oldValue, value);
       if (!hadKey) trigger(target2, "add" /* ADD */, key, value);
       else if (hasChanged(value, oldValue)) trigger(target2, "set" /* SET */, key, value);
     }
@@ -262,7 +369,10 @@ var baseHandlers = {
   deleteProperty(target2, key) {
     const hadKey = Object.prototype.hasOwnProperty.call(target2, key);
     const result = Reflect.deleteProperty(target2, key);
-    if (result && hadKey) trigger(target2, "delete" /* DELETE */, key);
+    if (result && hadKey) {
+      if (Array.isArray(target2)) record(target2, 3 /* RESET */, 0, 0, 0);
+      trigger(target2, "delete" /* DELETE */, key);
+    }
     return result;
   },
   has(target2, key) {

package/dist/socket.d.cts

@@ -134,7 +134,7 @@ declare function engineURL(base: string, path?: string): string;
  * WebSocket pay for WebSocket; those not using it keep the file the same size as before.
  *
  * ```html
- * <script src="https://cdn.jsdelivr.net/npm/voodoojs/dist/voodoo.min.js" defer></script>
+ * <script src="https://cdn.jsdelivr.net/npm/voodoojs@0.12.5/dist/voodoo.full.min.js" defer></script>
  * <script type="module">
  *   import 'https://cdn.jsdelivr.net/npm/voodoojs/dist/socket.js'
  * </script>

package/dist/socket.d.ts

@@ -134,7 +134,7 @@ declare function engineURL(base: string, path?: string): string;
  * WebSocket pay for WebSocket; those not using it keep the file the same size as before.
  *
  * ```html
- * <script src="https://cdn.jsdelivr.net/npm/voodoojs/dist/voodoo.min.js" defer></script>
+ * <script src="https://cdn.jsdelivr.net/npm/voodoojs@0.12.5/dist/voodoo.full.min.js" defer></script>
  * <script type="module">
  *   import 'https://cdn.jsdelivr.net/npm/voodoojs/dist/socket.js'
  * </script>

package/dist/socket.js

@@ -1,14 +1,14 @@
-import { socketSupported, createSocket, socket } from './chunk-L3JNHLTI.js';
-export { ENGINE, SIO, createSocket, decodeEngine, decodeSocketIo, encodeSocketIo, engineURL, resolveSocketURL, socket, socketSupported } from './chunk-L3JNHLTI.js';
-import { evaluateIn, readAttr } from './chunk-6QFKV444.js';
-import { reactive } from './chunk-PPT7RDKJ.js';
-import { warnAlias } from './chunk-YH3IDF6L.js';
-import { parseDuration } from './chunk-D45ZEXUO.js';
-import { defineDirective, PRIORITY, config } from './chunk-OH6FIDTW.js';
-import './chunk-PO6REBDJ.js';
+import { socketSupported, createSocket, socket } from './chunk-4IJE5BWY.js';
+export { ENGINE, SIO, createSocket, decodeEngine, decodeSocketIo, encodeSocketIo, engineURL, resolveSocketURL, socket, socketSupported } from './chunk-4IJE5BWY.js';
+import { evaluateIn, readAttr } from './chunk-JBUNTP7F.js';
+import { reactive } from './chunk-FMDHZ5GI.js';
+import { warnAlias } from './chunk-IBIZ6OUI.js';
+import { parseDuration } from './chunk-2LGAXVD7.js';
+import { defineDirective, PRIORITY, config } from './chunk-TEVCUTTC.js';
+import './chunk-IJQ2PFXU.js';
 
 /**
- * Voodoo.js v0.12.5
+ * Voodoo.js v0.13.0
  * JavaScript feels like magic.
  * (c) 2026 Voodoo.js contributors. MIT License.
  */

package/dist/style-E22XVZ33.js

@@ -0,0 +1,5 @@
+export { BASE_TOKENS, ensureTokens, injectStyle } from './chunk-MV73OSCS.js';
+import './chunk-TEVCUTTC.js';
+import './chunk-IJQ2PFXU.js';
+//# sourceMappingURL=style-E22XVZ33.js.map
+//# sourceMappingURL=style-E22XVZ33.js.map

package/dist/utils.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 /**
- * Voodoo.js v0.12.5
+ * Voodoo.js v0.13.0
  * JavaScript feels like magic.
  * (c) 2026 Voodoo.js contributors. MIT License.
  */

package/dist/utils.js

@@ -1,4 +1,4 @@
-export { capitalize, chunk, clone, debounce, device, escapeHtml, formatCurrency, formatDate, formatFileSize, formatNumber, formatPercent, get, groupBy, isBrowser, matchesMedia, memoize, merge, once, parseDuration, random, relativeTime, sample, set, setFormatDefaults, sleep, slugify, sortBy, stripTags, throttle, titleCase, truncate, uid, unique, uuid } from './chunk-D45ZEXUO.js';
-import './chunk-PO6REBDJ.js';
+export { capitalize, chunk, clone, debounce, device, escapeHtml, formatCurrency, formatDate, formatFileSize, formatNumber, formatPercent, get, groupBy, isBrowser, matchesMedia, memoize, merge, once, parseDuration, random, relativeTime, sample, set, setFormatDefaults, sleep, slugify, sortBy, stripTags, throttle, titleCase, truncate, uid, unique, uuid } from './chunk-2LGAXVD7.js';
+import './chunk-IJQ2PFXU.js';
 //# sourceMappingURL=utils.js.map
 //# sourceMappingURL=utils.js.map