@vertz/ui 0.2.11 → 0.2.13

package/dist/{index.js → src/index.js}

@@ -20,7 +20,7 @@ import {
   slideOutToTop,
   zoomIn,
   zoomOut
-} from "./shared/chunk-n91rwj2r.js";
+} from "../shared/chunk-2sth83bd.js";
 import {
   Outlet,
   OutletContext,
@@ -31,25 +31,34 @@ import {
   useParams,
   useRouter,
   useSearchParams
-} from "./shared/chunk-0xcmwgdb.js";
-import"./shared/chunk-v3yyf79g.js";
+} from "../shared/chunk-nn9v1zmk.js";
+import"../shared/chunk-dksg08fq.js";
 import {
   createRouter
-} from "./shared/chunk-ka5ked7n.js";
+} from "../shared/chunk-mj7b4t40.js";
 import {
   defineRoutes
-} from "./shared/chunk-9e92w0wt.js";
+} from "../shared/chunk-83g4h38e.js";
 import {
   createFieldState,
   form,
   formDataToObject,
   validate
-} from "./shared/chunk-q6cpe5k7.js";
+} from "../shared/chunk-c30eg6wn.js";
 import {
+  EntityStore,
+  QueryEnvelopeStore,
+  getEntityStore,
+  getMutationEventBus,
+  getQueryEnvelopeStore,
+  getRelationSchema,
+  invalidate,
   query,
-  queryMatch
-} from "./shared/chunk-rjjjvmcf.js";
-import"./shared/chunk-jrtrk5z4.js";
+  queryMatch,
+  registerRelationSchema,
+  resetRelationSchemas_TEST_ONLY
+} from "../shared/chunk-hw67ckr3.js";
+import"../shared/chunk-jrtrk5z4.js";
 import {
   ThemeProvider,
   children,
@@ -63,7 +72,7 @@ import {
   resolveChildren,
   s,
   variants
-} from "./shared/chunk-qacth5ah.js";
+} from "../shared/chunk-c9xxsrat.js";
 import {
   __append,
   __element,
@@ -72,14 +81,15 @@ import {
   __staticText,
   endHydration,
   startHydration
-} from "./shared/chunk-ryb49346.js";
+} from "../shared/chunk-j6qyxfdc.js";
+import"../shared/chunk-prj7nm08.js";
 import {
   RENDER_NODE_BRAND,
   createDOMAdapter,
   getAdapter,
   isRenderNode,
   setAdapter
-} from "./shared/chunk-g4rch80a.js";
+} from "../shared/chunk-h89w580h.js";
 import {
   DisposalScopeError,
   _tryOnCleanup,
@@ -88,6 +98,7 @@ import {
   createContext,
   domEffect,
   getContextScope,
+  getSSRContext,
   popScope,
   pushScope,
   runCleanups,
@@ -95,8 +106,7 @@ import {
   signal,
   untrack,
   useContext
-} from "./shared/chunk-hrd0mft1.js";
-import"./shared/chunk-prj7nm08.js";
+} from "../shared/chunk-8hsz5y4a.js";
 // src/component/error-boundary-context.ts
 var handlerStack = [];
 function pushErrorHandler(handler) {
@@ -156,11 +166,8 @@ function ErrorBoundary(props) {
 }
 // src/component/lifecycle.ts
 function onMount(callback) {
-  if (typeof globalThis !== "undefined") {
-    const check = globalThis.__VERTZ_IS_SSR__;
-    if (typeof check === "function" && check())
-      return;
-  }
+  if (getSSRContext())
+    return;
   const scope = pushScope();
   try {
     const cleanup = untrack(callback);
@@ -253,14 +260,20 @@ function listTransition(startMarker, endMarker, items, keyFn, renderFn) {
           keyGeneration.set(key, gen);
           exitingNodes.add(node);
           exitingKeyMap.set(key, node);
-          node.setAttribute("data-presence", "exit");
-          onAnimationsComplete(node, () => {
-            if (keyGeneration.get(key) === gen) {
-              node.parentNode?.removeChild(node);
-              exitingNodes.delete(node);
-              exitingKeyMap.delete(key);
-            }
-          });
+          if (node instanceof Element) {
+            node.setAttribute("data-presence", "exit");
+            onAnimationsComplete(node, () => {
+              if (keyGeneration.get(key) === gen) {
+                node.parentNode?.removeChild(node);
+                exitingNodes.delete(node);
+                exitingKeyMap.delete(key);
+              }
+            });
+          } else {
+            node.parentNode?.removeChild(node);
+            exitingNodes.delete(node);
+            exitingKeyMap.delete(key);
+          }
         }
       }
       const desiredNodes = [];
@@ -285,7 +298,8 @@ function listTransition(startMarker, endMarker, items, keyFn, renderFn) {
           nodeMap.set(key, node);
           scopeMap.set(key, scope);
           itemSignalMap.set(key, itemSig);
-          node.setAttribute("data-presence", "enter");
+          if (node instanceof Element)
+            node.setAttribute("data-presence", "enter");
           enterNodes.push({ node, key });
         } else {
           const itemSig = itemSignalMap.get(key);
@@ -310,6 +324,8 @@ function listTransition(startMarker, endMarker, items, keyFn, renderFn) {
         }
       }
       for (const { node: enterNode, key } of enterNodes) {
+        if (!(enterNode instanceof Element))
+          continue;
         onAnimationsComplete(enterNode, () => {
           if (nodeMap.get(key) === enterNode) {
             enterNode.removeAttribute("data-presence");
@@ -466,7 +482,7 @@ function Suspense(props) {
   }
 }
 // src/dialog/dialog-stack.ts
-var DialogStackContext = createContext();
+var DialogStackContext = createContext(undefined, "@vertz/ui::DialogStackContext");
 function useDialogStack() {
   const stack = useContext(DialogStackContext);
   if (!stack) {
@@ -605,14 +621,19 @@ function createDialogStack(container) {
   }
 }
 // src/mount.ts
-function mount(app, selector, options) {
-  if (typeof selector !== "string" && !(selector instanceof HTMLElement)) {
-    throw new Error(`mount(): selector must be a string or HTMLElement, got ${typeof selector}`);
-  }
-  const root = typeof selector === "string" ? document.querySelector(selector) : selector;
+var MOUNTED_KEY = Symbol.for("vertz:mounted-roots");
+var _global = globalThis;
+if (!_global[MOUNTED_KEY])
+  _global[MOUNTED_KEY] = new WeakMap;
+var mountedRoots = _global[MOUNTED_KEY];
+function mount(app, options) {
+  const root = document.getElementById("app");
   if (!root) {
-    throw new Error(`mount(): root element "${selector}" not found`);
+    throw new Error('mount(): root element "#app" not found');
   }
+  const existingHandle = mountedRoots.get(root);
+  if (existingHandle)
+    return existingHandle;
   if (options?.theme) {
     const { css: css2 } = compileTheme(options.theme);
     injectCSS(css2);
@@ -630,13 +651,16 @@ function mount(app, selector, options) {
       endHydration();
       popScope();
       options?.onMount?.(root);
-      return {
+      const handle2 = {
         unmount: () => {
+          mountedRoots.delete(root);
           runCleanups(scope2);
           root.textContent = "";
         },
         root
       };
+      mountedRoots.set(root, handle2);
+      return handle2;
     } catch (e) {
       endHydration();
       popScope();
@@ -652,216 +676,48 @@ function mount(app, selector, options) {
   root.appendChild(appElement);
   popScope();
   options?.onMount?.(root);
-  return {
+  const handle = {
     unmount: () => {
+      mountedRoots.delete(root);
       runCleanups(scope);
       root.textContent = "";
     },
     root
   };
+  mountedRoots.set(root, handle);
+  return handle;
 }
-// src/store/merge.ts
-function shallowMerge(existing, incoming) {
-  const result = { ...existing };
-  for (const key of Object.keys(incoming)) {
-    const value = incoming[key];
-    if (value !== undefined) {
-      result[key] = value;
-    }
-  }
-  return result;
-}
-function shallowEqual(a, b) {
-  const keysA = Object.keys(a);
-  const keysB = Object.keys(b);
-  if (keysA.length !== keysB.length) {
-    return false;
-  }
-  for (const key of keysA) {
-    if (a[key] !== b[key]) {
-      return false;
-    }
-  }
-  return true;
-}
-
-// src/store/query-result-index.ts
-class QueryResultIndex {
-  _indices = new Map;
-  set(queryKey, ids) {
-    this._indices.set(queryKey, ids);
-  }
-  get(queryKey) {
-    return this._indices.get(queryKey);
-  }
-  removeEntity(entityId) {
-    for (const [queryKey, ids] of this._indices.entries()) {
-      const filtered = ids.filter((id) => id !== entityId);
-      if (filtered.length !== ids.length) {
-        this._indices.set(queryKey, filtered);
+// src/store/optimistic-handler.ts
+function createOptimisticHandler(store, options) {
+  const bus = options?.mutationEventBus ?? getMutationEventBus();
+  return {
+    apply(meta, mutationId) {
+      const { entityType, kind, id, body } = meta;
+      if (kind === "update" && id && body) {
+        store.applyLayer(entityType, id, mutationId, body);
+        return () => store.rollbackLayer(entityType, id, mutationId);
       }
-    }
-  }
-  clear(queryKey) {
-    this._indices.delete(queryKey);
-  }
-  keys() {
-    return Array.from(this._indices.keys());
-  }
-}
-
-// src/store/entity-store.ts
-class EntityStore {
-  _entities = new Map;
-  _typeListeners = new Map;
-  _queryIndices = new QueryResultIndex;
-  constructor(options) {
-    if (options?.initialData) {
-      this.hydrate(options.initialData);
-    }
-  }
-  get(type, id) {
-    const typeMap = this._entities.get(type);
-    if (typeMap?.has(id)) {
-      return typeMap.get(id);
-    }
-    const sig = signal(undefined);
-    this._getOrCreateTypeMap(type).set(id, sig);
-    return sig;
-  }
-  getMany(type, ids) {
-    return computed(() => ids.map((id) => this.get(type, id).value));
-  }
-  merge(type, data) {
-    const items = Array.isArray(data) ? data : [data];
-    if (items.length === 0) {
-      return;
-    }
-    batch(() => {
-      for (const item of items) {
-        const typeMap = this._entities.get(type);
-        const existing = typeMap?.get(item.id);
-        if (existing) {
-          const current = existing.peek();
-          const merged = shallowMerge(current || {}, item);
-          if (!shallowEqual(current || {}, merged)) {
-            untrack(() => {
-              existing.value = merged;
-            });
-          }
-        } else {
-          const newSignal = signal(item);
-          this._getOrCreateTypeMap(type).set(item.id, newSignal);
-          this._notifyTypeChange(type);
-        }
+      if (kind === "delete" && id) {
+        const entitySnapshot = store.get(entityType, id).peek();
+        const indexSnapshot = store.queryIndices.snapshotEntity(id);
+        store.removeOptimistic(entityType, id, mutationId);
+        return () => store.restoreOptimistic(entityType, id, mutationId, entitySnapshot, indexSnapshot);
       }
-    });
-  }
-  remove(type, id) {
-    const typeMap = this._entities.get(type);
-    if (!typeMap?.has(id)) {
       return;
-    }
-    const existing = typeMap.get(id);
-    if (existing) {
-      existing.value = undefined;
-    }
-    typeMap.delete(id);
-    this._queryIndices.removeEntity(id);
-    this._notifyTypeChange(type);
-  }
-  onTypeChange(type, callback) {
-    const listeners = this._getOrCreateListeners(type);
-    listeners.add(callback);
-    return () => {
-      listeners.delete(callback);
-    };
-  }
-  has(type, id) {
-    const typeMap = this._entities.get(type);
-    if (!typeMap?.has(id)) {
-      return false;
-    }
-    const signal2 = typeMap.get(id);
-    return signal2?.peek() !== undefined;
-  }
-  size(type) {
-    const typeMap = this._entities.get(type);
-    if (!typeMap) {
-      return 0;
-    }
-    let count = 0;
-    for (const signal2 of typeMap.values()) {
-      if (signal2.peek() !== undefined) {
-        count++;
-      }
-    }
-    return count;
-  }
-  dehydrate() {
-    const entities = {};
-    for (const [type, typeMap] of this._entities.entries()) {
-      const typeEntities = {};
-      for (const [id, signal2] of typeMap.entries()) {
-        const value = signal2.peek();
-        if (value !== undefined) {
-          typeEntities[id] = value;
-        }
+    },
+    commit(meta, mutationId, data) {
+      const { entityType, kind, id } = meta;
+      if (kind === "update" && id) {
+        store.commitLayer(entityType, id, mutationId, data);
       }
-      if (Object.keys(typeEntities).length > 0) {
-        entities[type] = typeEntities;
+      if (kind === "create" && data && typeof data === "object" && "id" in data) {
+        store.merge(entityType, data);
       }
-    }
-    const queries = {};
-    for (const queryKey of this._queryIndices.keys()) {
-      const ids = this._queryIndices.get(queryKey);
-      if (ids) {
-        queries[queryKey] = { ids };
+      if (!meta.skipInvalidation) {
+        bus.emit(entityType);
       }
     }
-    return {
-      entities,
-      ...Object.keys(queries).length > 0 ? { queries } : {}
-    };
-  }
-  hydrate(data) {
-    for (const [type, typeEntities] of Object.entries(data.entities)) {
-      const entities = Object.values(typeEntities).map((entity) => ({
-        ...entity,
-        id: entity.id
-      }));
-      this.merge(type, entities);
-    }
-    if (data.queries) {
-      for (const [queryKey, queryData] of Object.entries(data.queries)) {
-        this._queryIndices.set(queryKey, queryData.ids);
-      }
-    }
-  }
-  _getOrCreateTypeMap(type) {
-    let typeMap = this._entities.get(type);
-    if (!typeMap) {
-      typeMap = new Map;
-      this._entities.set(type, typeMap);
-    }
-    return typeMap;
-  }
-  _getOrCreateListeners(type) {
-    let listeners = this._typeListeners.get(type);
-    if (!listeners) {
-      listeners = new Set;
-      this._typeListeners.set(type, listeners);
-    }
-    return listeners;
-  }
-  _notifyTypeChange(type) {
-    const listeners = this._typeListeners.get(type);
-    if (listeners) {
-      for (const callback of listeners) {
-        callback();
-      }
-    }
-  }
+  };
 }
 // src/store/test-utils.ts
 function createTestStore(data) {
@@ -897,7 +753,9 @@ export {
   setAdapter,
   s,
   resolveChildren,
+  resetRelationSchemas_TEST_ONLY,
   resetInjectedStyles,
+  registerRelationSchema,
   ref,
   queryMatch,
   query,
@@ -908,10 +766,14 @@ export {
   keyframes,
   isRenderNode,
   isQueryDescriptor,
+  invalidate,
   injectCSS,
   hydrate,
   globalCss,
+  getRelationSchema,
+  getQueryEnvelopeStore,
   getInjectedCSS,
+  getEntityStore,
   getAdapter,
   formDataToObject,
   form,
@@ -922,6 +784,7 @@ export {
   css,
   createTestStore,
   createRouter,
+  createOptimisticHandler,
   createLink,
   createFieldState,
   createDialogStack,
@@ -943,6 +806,7 @@ export {
   RouterView,
   RouterContext,
   RENDER_NODE_BRAND,
+  QueryEnvelopeStore,
   Presence,
   OutletContext,
   Outlet,