@epoch32/visage 1.3.0 → 1.3.1

package/dist/api/index.js

@@ -16,7 +16,7 @@ import {
   defineMiddleware2,
   ProcedureBuilder2,
   procedure2
-} from "../index-061jf06a.js";
+} from "../index-cgepvvd4.js";
 import {
   ERROR_CODE_TO_STATUS2,
   STATUS_TO_ERROR_CODE2,
@@ -27,9 +27,9 @@ import {
   validateWithSchema2,
   v2
 } from "../index-2zz0g2n2.js";
-import"../index-y9bq7h9g.js";
-import"../index-a4xns6cc.js";
-import"../index-6kfe1nr4.js";
+import"../index-5jhzwtdz.js";
+import"../index-65j7a9et.js";
+import"../index-1yhbg34h.js";
 export {
   ERROR_CODE_TO_STATUS2 as ERROR_CODE_TO_STATUS,
   ProcedureBuilder2 as ProcedureBuilder,

package/dist/charts/index.js

@@ -1,6 +1,6 @@
-import"../index-6kfe1nr4.js";
-import"../index-5s255b3w.js";
-import"../index-9fvarkrx.js";
+import"../index-1yhbg34h.js";
+import"../index-xby428n5.js";
+import"../index-3y73zgbk.js";
 import {
   ChartContext2,
   useChartContext2,
@@ -23,8 +23,8 @@ import {
   Pie2,
   ChartTooltip2,
   Tooltip2
-} from "../index-dyvgtp43.js";
-import"../index-a4xns6cc.js";
+} from "../index-9bez1tmf.js";
+import"../index-65j7a9et.js";
 export {
   Area2 as Area,
   Bar2 as Bar,

package/dist/devtools/index.js

@@ -4,13 +4,13 @@ import {
   highlightElement2,
   VisageDevTools2,
   connectDevTools2
-} from "../index-zr6cvset.js";
-import"../index-8x8xz80v.js";
-import"../index-0madxn60.js";
-import"../index-9fvarkrx.js";
-import"../index-5s255b3w.js";
-import"../index-a4xns6cc.js";
-import"../index-6kfe1nr4.js";
+} from "../index-ptj8rt6b.js";
+import"../index-b7emqmej.js";
+import"../index-enc8cmea.js";
+import"../index-3y73zgbk.js";
+import"../index-xby428n5.js";
+import"../index-65j7a9et.js";
+import"../index-1yhbg34h.js";
 export {
   DevToolsHub2 as DevToolsHub,
   VisageDevTools2 as VisageDevTools,

package/dist/dom/index.js

@@ -3,20 +3,20 @@ import {
   Show2,
   For2,
   Portal2
-} from "../index-5s255b3w.js";
+} from "../index-xby428n5.js";
 import {
   SuspenseContext2,
   createResource2,
   Suspense2,
   ErrorBoundary2
-} from "../index-a4xns6cc.js";
+} from "../index-65j7a9et.js";
 import {
   isReactive2,
   resolveValue2,
   render2,
   setAttribute2,
   insertChild2
-} from "../index-6kfe1nr4.js";
+} from "../index-1yhbg34h.js";
 export {
   ErrorBoundary2 as ErrorBoundary,
   For2 as For,

package/dist/form/index.js

@@ -1,12 +1,12 @@
 import {
   createForm2
-} from "../index-h6tjqk6e.js";
+} from "../index-1jcd8gjf.js";
 import {
   Schema2,
   validateWithSchema2,
   v2
 } from "../index-2zz0g2n2.js";
-import"../index-6kfe1nr4.js";
+import"../index-1yhbg34h.js";
 export {
   Schema2 as Schema,
   createForm2 as createForm,

package/dist/{index-grhdtcb5.js → index-0qat98zs.js}

@@ -4,13 +4,13 @@ import {
   createContext2,
   useContext2,
   signal2
-} from "./index-6kfe1nr4.js";
+} from "./index-1yhbg34h.js";
 import {
   Show2
-} from "./index-5s255b3w.js";
+} from "./index-xby428n5.js";
 import {
   jsx2
-} from "./index-9fvarkrx.js";
+} from "./index-3y73zgbk.js";
 // src/router/router.tsx
 var RouterContext = createContext2(null);
 function compilePath(path) {

package/dist/{index-h6tjqk6e.js → index-1jcd8gjf.js}

@@ -2,7 +2,7 @@ import {
   batch2,
   computed2,
   signal2
-} from "./index-6kfe1nr4.js";
+} from "./index-1yhbg34h.js";
 import {
   validateWithSchema2
 } from "./index-2zz0g2n2.js";
@@ -15,6 +15,30 @@ function createForm2(options) {
   const isSubmitting = signal2(false);
   const submitCount = signal2(0);
   const customErrors = signal2({});
+  const getValues = () => {
+    const res = {};
+    for (const key in fields) {
+      res[key] = fields[key].value();
+    }
+    return res;
+  };
+  const schemaValidation = computed2(() => {
+    if (!options.schema) {
+      return { success: true, issuesMap: new Map };
+    }
+    const currentValues = getValues();
+    const res = validateWithSchema2(options.schema, currentValues);
+    const issuesMap = new Map;
+    if (!res.success && res.issues) {
+      for (const issue of res.issues) {
+        const pathKey = String(issue.path);
+        if (!issuesMap.has(pathKey)) {
+          issuesMap.set(pathKey, issue.message);
+        }
+      }
+    }
+    return { success: res.success, issuesMap };
+  });
   for (const key in initialValues) {
     const initVal = initialValues[key];
     const valSignal = signal2(initVal);
@@ -33,23 +57,11 @@ function createForm2(options) {
         }
         if (!options.schema)
           return null;
-        const currentValues = getValues();
-        const res = validateWithSchema2(options.schema, currentValues);
-        if (!res.success && res.issues) {
-          const match = res.issues.find((i) => i.path === key || i.path === `${key}`);
-          return match ? match.message : null;
-        }
-        return null;
+        const validation = schemaValidation();
+        return validation.issuesMap.get(key) ?? validation.issuesMap.get(String(key)) ?? null;
       })
     };
   }
-  const getValues = () => {
-    const res = {};
-    for (const key in fields) {
-      res[key] = fields[key].value();
-    }
-    return res;
-  };
   const errors = computed2(() => {
     const errMap = {};
     for (const key in fields) {
@@ -74,8 +86,7 @@ function createForm2(options) {
   const validate = () => {
     if (!options.schema)
       return true;
-    const res = validateWithSchema2(options.schema, getValues());
-    return res.success;
+    return schemaValidation().success;
   };
   const handleSubmit = async (e) => {
     if (e?.preventDefault) {

package/dist/{index-6kfe1nr4.js → index-1yhbg34h.js}

@@ -52,6 +52,9 @@ function addPendingEffect(eff) {
 function removePendingEffect(eff) {
   ctx.pendingEffects.delete(eff);
 }
+function getBatchDepth() {
+  return ctx.batchDepth;
+}
 var MAX_FLUSH_COUNT = 100;
 function flushEffects() {
   if (ctx.isFlushing || ctx.batchDepth > 0)
@@ -680,7 +683,7 @@ class Scope2 {
   parent = null;
   isDisposed = false;
   context;
-  constructor(parent = currentScope) {
+  constructor(parent = getCurrentScope()) {
     this.parent = parent;
     if (parent && !parent.isDisposed) {
       parent.cleanups.push(() => this.dispose());
@@ -720,14 +723,16 @@ class Scope2 {
   }
 }
 function onCleanup2(fn) {
-  if (currentSubscriber && "addCleanup" in currentSubscriber) {
-    currentSubscriber.addCleanup(fn);
-  } else if (currentScope) {
-    currentScope.addCleanup(fn);
+  const curSub = getCurrentSubscriber();
+  const curScope = getCurrentScope();
+  if (curSub && "addCleanup" in curSub) {
+    curSub.addCleanup(fn);
+  } else if (curScope) {
+    curScope.addCleanup(fn);
   }
 }
 function createRoot2(fn) {
-  const prevScope = currentScope;
+  const prevScope = getCurrentScope();
   const scope = new Scope2(null);
   setCurrentScope(scope);
   try {
@@ -737,7 +742,7 @@ function createRoot2(fn) {
   }
 }
 function runInScope2(scope, fn) {
-  const prevScope = currentScope;
+  const prevScope = getCurrentScope();
   setCurrentScope(scope);
   try {
     return fn();
@@ -820,7 +825,7 @@ class Effect2 {
     }
     this.state = targetState;
     addPendingEffect(this);
-    if (batchDepth === 0) {
+    if (getBatchDepth() === 0) {
       flushEffects();
     }
   }
@@ -1085,6 +1090,7 @@ function createSignal2(initialValue, optionsOrEquals) {
 var STORE_RAW = Symbol("visage.store.raw");
 var STORE_SIGNALS = Symbol("visage.store.signals");
 var STORE_PROXY = Symbol("visage.store.proxy");
+var STORE_ITERATE = Symbol("visage.store.iterate");
 function isObject(val) {
   return typeof val === "object" && val !== null && (typeof Node === "undefined" || !(val instanceof Node)) && !isSignal2(val);
 }
@@ -1126,18 +1132,42 @@ function createStoreProxy(target) {
       }
       return value;
     },
+    has(target, prop) {
+      if (prop === STORE_RAW || prop === STORE_PROXY)
+        return true;
+      if (typeof prop === "string" || typeof prop === "symbol") {
+        const sig = getOrCreatePropertySignal(target, prop);
+        sig.get();
+      }
+      return Reflect.has(target, prop);
+    },
+    ownKeys(target) {
+      const iterSig = getOrCreatePropertySignal(target, STORE_ITERATE);
+      iterSig.get();
+      return Reflect.ownKeys(target);
+    },
+    getOwnPropertyDescriptor(target, prop) {
+      return Reflect.getOwnPropertyDescriptor(target, prop);
+    },
     set(target, prop, value, receiver) {
+      const hadProp = Reflect.has(target, prop);
       const prevValue = Reflect.get(target, prop, receiver);
-      if (Object.is(prevValue, value)) {
+      if (hadProp && Object.is(prevValue, value)) {
         return true;
       }
       const success = Reflect.set(target, prop, value, receiver);
       if (success) {
         const sig = getOrCreatePropertySignal(target, prop);
         sig.set(value);
+        if (!hadProp) {
+          const iterSig = getOrCreatePropertySignal(target, STORE_ITERATE);
+          iterSig.update((prev = 0) => prev + 1);
+        }
         if (Array.isArray(target) && prop !== "length") {
           const lenSig = getOrCreatePropertySignal(target, "length");
           lenSig.set(target.length);
+          const iterSig = getOrCreatePropertySignal(target, STORE_ITERATE);
+          iterSig.update((prev = 0) => prev + 1);
         }
       }
       return success;
@@ -1148,6 +1178,8 @@ function createStoreProxy(target) {
       if (hadProp && success) {
         const sig = getOrCreatePropertySignal(target, prop);
         sig.set(undefined);
+        const iterSig = getOrCreatePropertySignal(target, STORE_ITERATE);
+        iterSig.update((prev = 0) => prev + 1);
       }
       return success;
     }

package/dist/{index-9fvarkrx.js → index-3y73zgbk.js}

@@ -3,7 +3,7 @@ import {
   resolveValue2,
   setAttribute2,
   insertChild2
-} from "./index-6kfe1nr4.js";
+} from "./index-1yhbg34h.js";
 
 // src/jsx-runtime/index.ts
 var SVG_NS = "http://www.w3.org/2000/svg";

package/dist/{index-y9bq7h9g.js → index-5jhzwtdz.js}

@@ -8,10 +8,10 @@ import {
   useContext2,
   effect2,
   signal2
-} from "./index-6kfe1nr4.js";
+} from "./index-1yhbg34h.js";
 import {
   SuspenseContext2
-} from "./index-a4xns6cc.js";
+} from "./index-65j7a9et.js";
 
 // src/query/focus-manager.ts
 class FocusManager2 {

package/dist/{index-a4xns6cc.js → index-65j7a9et.js}

@@ -9,7 +9,7 @@ import {
   useContext2,
   effect2,
   signal2
-} from "./index-6kfe1nr4.js";
+} from "./index-1yhbg34h.js";
 
 // src/dom/resource.ts
 var SuspenseContext2 = createContext2(null);

package/dist/{index-dyvgtp43.js → index-9bez1tmf.js}

@@ -6,11 +6,11 @@ import {
   createContext2,
   useContext2,
   signal2
-} from "./index-6kfe1nr4.js";
+} from "./index-1yhbg34h.js";
 import {
   jsx2,
   jsxs2
-} from "./index-9fvarkrx.js";
+} from "./index-3y73zgbk.js";
 
 // src/charts/context.ts
 var ChartContext2 = createContext2(undefined);

package/dist/{index-dvq5f3s8.js → index-aagpn02x.js}

@@ -5,23 +5,23 @@ import {
   useContext2,
   signal2,
   createSignal2
-} from "./index-6kfe1nr4.js";
+} from "./index-1yhbg34h.js";
 import {
   Show2,
   For2,
   Portal2
-} from "./index-5s255b3w.js";
+} from "./index-xby428n5.js";
 import {
   Fragment2,
   jsx2,
   jsxs2
-} from "./index-9fvarkrx.js";
+} from "./index-3y73zgbk.js";
 import {
   createId2,
   createControllableSignal2,
   trapFocus2,
   onClickOutside2
-} from "./index-8x8xz80v.js";
+} from "./index-b7emqmej.js";
 
 // src/ui/accordion.tsx
 var AccordionContext = createContext2(null);

package/dist/{index-df5e614s.js → index-awcrz19g.js}

@@ -6,7 +6,7 @@ import {
 import {
   createMutation2,
   createQuery2
-} from "./index-y9bq7h9g.js";
+} from "./index-5jhzwtdz.js";
 // src/rpc/client.ts
 async function resolveHeaders(headers, fullPath = "") {
   if (!headers)

package/dist/{index-8x8xz80v.js → index-b7emqmej.js}

@@ -5,16 +5,16 @@ import {
   createContext2,
   useContext2,
   signal2
-} from "./index-6kfe1nr4.js";
+} from "./index-1yhbg34h.js";
 import {
   Show2,
   Portal2
-} from "./index-5s255b3w.js";
+} from "./index-xby428n5.js";
 import {
   Fragment2,
   jsx2,
   jsxs2
-} from "./index-9fvarkrx.js";
+} from "./index-3y73zgbk.js";
 
 // src/ui/utils.ts
 var idCounter = 0;

package/dist/{index-061jf06a.js → index-cgepvvd4.js}

@@ -9,7 +9,7 @@ import {
 import {
   createMutation2,
   createQuery2
-} from "./index-y9bq7h9g.js";
+} from "./index-5jhzwtdz.js";
 // src/api/client.ts
 async function resolveHeaders(headers, fullPath = "") {
   if (!headers)

package/dist/{index-1xtrtz1t.js → index-dmhmde2z.js}

@@ -1,10 +1,10 @@
 import {
   space2,
   resolveDimension2
-} from "./index-6kfe1nr4.js";
+} from "./index-1yhbg34h.js";
 import {
   jsx2
-} from "./index-9fvarkrx.js";
+} from "./index-3y73zgbk.js";
 
 // src/style/layout.tsx
 var ALIGN_MAP = {

package/dist/{index-0madxn60.js → index-enc8cmea.js}

@@ -3,7 +3,7 @@ import {
   formatStyleProp2,
   onCleanup2,
   effect2
-} from "./index-6kfe1nr4.js";
+} from "./index-1yhbg34h.js";
 
 // src/style/hash.ts
 function hashString2(str) {

package/dist/{index-js199er4.js → index-g1drdx7k.js}

@@ -1,7 +1,7 @@
 import {
   setAttribute2,
   insertChild2
-} from "./index-6kfe1nr4.js";
+} from "./index-1yhbg34h.js";
 
 // src/template/template.ts
 var templateCache = new Map;
@@ -57,6 +57,17 @@ function html2(strings, ...values) {
         targetEl.removeAttribute(bind.attrName);
         setAttribute2(targetEl, bind.attrName, bind.value);
       }
+    } else if (bind.isAttr && !bind.attrName) {
+      const propAttr = `data-visage-prop-${bind.id.replace(MARKER_PREFIX, "")}`;
+      const targetEl = findElementWithAttributeValue(root, propAttr, bind.id);
+      if (targetEl) {
+        targetEl.removeAttribute(propAttr);
+        if (typeof bind.value === "object" && bind.value !== null) {
+          for (const key of Object.keys(bind.value)) {
+            setAttribute2(targetEl, key, bind.value[key]);
+          }
+        }
+      }
     } else if (!bind.isAttr) {
       const commentNode = findCommentNode(root, bind.id);
       if (commentNode?.parentNode) {

package/dist/{index-zr6cvset.js → index-ptj8rt6b.js}

@@ -3,23 +3,23 @@ import {
   effect2,
   signal2,
   createSignal2
-} from "./index-6kfe1nr4.js";
+} from "./index-1yhbg34h.js";
 import {
   Show2,
   For2
-} from "./index-5s255b3w.js";
+} from "./index-xby428n5.js";
 import {
   jsx2,
   jsxs2
-} from "./index-9fvarkrx.js";
+} from "./index-3y73zgbk.js";
 import {
   Tabs2,
   Tooltip3,
   Switch2
-} from "./index-8x8xz80v.js";
+} from "./index-b7emqmej.js";
 import {
   Style2
-} from "./index-0madxn60.js";
+} from "./index-enc8cmea.js";
 
 // src/devtools/hub.ts
 class DevToolsHub2 {

package/dist/{index-8czhpea8.js → index-x6whpv54.js}

@@ -3,13 +3,13 @@ import {
   onCleanup2,
   effect2,
   signal2
-} from "./index-6kfe1nr4.js";
+} from "./index-1yhbg34h.js";
 import {
   For2
-} from "./index-5s255b3w.js";
+} from "./index-xby428n5.js";
 import {
   jsx2
-} from "./index-9fvarkrx.js";
+} from "./index-3y73zgbk.js";
 
 // src/virtual/virtualizer.ts
 function createVirtualizer2(options) {
@@ -26,27 +26,35 @@ function createVirtualizer2(options) {
       return cached;
     return getItemHeight(index);
   };
-  const totalSize = computed2(() => {
-    const count = getCount();
-    if (typeof options.itemHeight === "number" && dynamicSizeCache.size === 0) {
-      return count * options.itemHeight;
-    }
-    let total = 0;
-    for (let i = 0;i < count; i++) {
-      total += getItemSize(i);
-    }
-    return total;
-  });
+  const offsetsCache = [0];
+  let offsetsValidUpTo = 0;
+  const invalidateOffsetsFrom = (index) => {
+    offsetsValidUpTo = Math.min(offsetsValidUpTo, index);
+  };
   const getOffsetForIndex = (targetIndex) => {
+    if (targetIndex <= 0)
+      return 0;
     if (typeof options.itemHeight === "number" && dynamicSizeCache.size === 0) {
       return targetIndex * options.itemHeight;
     }
-    let offset = 0;
-    for (let i = 0;i < targetIndex; i++) {
-      offset += getItemSize(i);
+    if (targetIndex <= offsetsValidUpTo) {
+      return offsetsCache[targetIndex];
+    }
+    for (let i = offsetsValidUpTo;i < targetIndex; i++) {
+      offsetsCache[i + 1] = (offsetsCache[i] ?? 0) + getItemSize(i);
     }
-    return offset;
+    offsetsValidUpTo = targetIndex;
+    return offsetsCache[targetIndex];
   };
+  const measurementVersion = signal2(0, { internal: true });
+  const totalSize = computed2(() => {
+    measurementVersion();
+    const count = getCount();
+    if (typeof options.itemHeight === "number" && dynamicSizeCache.size === 0) {
+      return count * options.itemHeight;
+    }
+    return getOffsetForIndex(count);
+  });
   const findIndexAtOffset = (offset) => {
     const count = getCount();
     if (count === 0)
@@ -72,11 +80,13 @@ function createVirtualizer2(options) {
     return Math.max(0, Math.min(count - 1, low));
   };
   const startIndex = computed2(() => {
+    measurementVersion();
     const offset = scrollOffset();
     const rawStart = findIndexAtOffset(offset);
     return Math.max(0, rawStart - overscan);
   });
   const endIndex = computed2(() => {
+    measurementVersion();
     const count = getCount();
     if (count === 0)
       return 0;
@@ -193,7 +203,8 @@ function createVirtualizer2(options) {
     const measuredSize = isHorizontal ? element.getBoundingClientRect().width : element.getBoundingClientRect().height;
     if (measuredSize > 0 && dynamicSizeCache.get(index) !== measuredSize) {
       dynamicSizeCache.set(index, measuredSize);
-      scrollOffset.update((o) => o);
+      invalidateOffsetsFrom(index);
+      measurementVersion.update((v) => v + 1);
     }
   };
   return {