uidex 0.5.1 → 0.6.0

package/dist/headless/index.cjs

@@ -93,6 +93,7 @@ function freezeEntity(entity, flows) {
 function createRegistry() {
   const store = emptyStore();
   let flowsCache = null;
+  const patternCache = /* @__PURE__ */ new Map();
   const getFlows = () => {
     if (flowsCache === null) flowsCache = Array.from(store.flow.values());
     return flowsCache;
@@ -102,6 +103,7 @@ function createRegistry() {
     const key = entityKey(entity);
     store[entity.kind].set(key, entity);
     flowsCache = null;
+    patternCache.delete(entity.kind);
   };
   const get = (kind, id) => {
     assertEntityKind(kind);
@@ -109,6 +111,38 @@ function createRegistry() {
     if (raw === void 0) return void 0;
     return freezeEntity(raw, getFlows());
   };
+  const getPatternsForKind = (kind) => {
+    const cached = patternCache.get(kind);
+    if (cached !== void 0)
+      return cached;
+    const patterns = [];
+    for (const [key, entity] of store[kind]) {
+      if (key.endsWith("*")) {
+        patterns.push({
+          prefix: key.slice(0, -1),
+          entity
+        });
+      }
+    }
+    patternCache.set(
+      kind,
+      patterns
+    );
+    return patterns;
+  };
+  const matchPattern = (kind, id) => {
+    assertEntityKind(kind);
+    const patterns = getPatternsForKind(kind);
+    if (patterns.length === 0) return void 0;
+    let best;
+    for (const entry of patterns) {
+      if (id.startsWith(entry.prefix) && (best === void 0 || entry.prefix.length > best.prefix.length)) {
+        best = entry;
+      }
+    }
+    if (best === void 0) return void 0;
+    return freezeEntity(best.entity, getFlows());
+  };
   const list = (kind) => {
     assertEntityKind(kind);
     const flows = getFlows();
@@ -159,6 +193,7 @@ function createRegistry() {
   return {
     add,
     get,
+    matchPattern,
     list,
     query,
     byScope,
@@ -840,6 +875,9 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .relative {
     position: relative;
   }
+  .static {
+    position: static;
+  }
   .inset-0 {
     inset: calc(var(--spacing) * 0);
   }
@@ -3229,16 +3267,18 @@ function createCursorTooltip(deps) {
   const renderBody = () => {
     body.replaceChildren();
     if (typeof currentContent === "string") {
-      applyColor(DEFAULT_TOOLTIP_COLOR);
+      applyColor("#a1a1aa");
+      el2.style.opacity = "0.6";
       body.append(document.createTextNode(currentContent));
       return;
     }
     if (!currentContent) return;
+    el2.style.opacity = "1";
     const { entity, node } = currentContent;
     const style = KIND_STYLE[entity.kind];
     const demoted = entity.kind === "primitive";
     applyColor(style?.color ?? DEFAULT_TOOLTIP_COLOR);
-    el2.style.opacity = demoted ? "0.55" : "1";
+    if (demoted) el2.style.opacity = "0.55";
     if (style) {
       const svg = (0, import_lucide2.createElement)(style.icon);
       svg.setAttribute("aria-hidden", "true");
@@ -3289,7 +3329,7 @@ function createCursorTooltip(deps) {
 // src/browser/surface/inspector.ts
 function entityForRef(ref, registry) {
   if (registry) {
-    const found = registry.get(ref.kind, ref.id);
+    const found = registry.get(ref.kind, ref.id) ?? registry.matchPattern?.(ref.kind, ref.id);
     if (found) return found;
   }
   if (ref.kind === "route") return { kind: "route", path: ref.id, page: ref.id };
@@ -3346,7 +3386,8 @@ function createInspector(options) {
     resolveAll = (target) => defaultResolveAllMatches(target, registry),
     onHover,
     onSelect,
-    onCycle
+    onCycle,
+    onObscured
   } = options;
   let mounted = false;
   let currentEl = null;
@@ -3355,6 +3396,13 @@ function createInspector(options) {
   let layerIndex = 0;
   let lastCursor = { x: 0, y: 0 };
   const makeStack = () => stack.length > 0 ? { matches: stack, index: layerIndex, current: stack[layerIndex] } : null;
+  const onDocumentLeave = () => {
+    currentEl = null;
+    stack = [];
+    layerIndex = 0;
+    session.highlight.unhover();
+    onObscured?.(lastCursor);
+  };
   const onMouseMove = (e) => {
     if (!(e.target instanceof Element)) return;
     const matches = resolveAll(e.target);
@@ -3407,6 +3455,7 @@ function createInspector(options) {
         document.head.appendChild(cursorStyleEl);
       }
       document.addEventListener("mousemove", onMouseMove);
+      document.addEventListener("mouseleave", onDocumentLeave);
       document.addEventListener("click", onClick, true);
       document.addEventListener("contextmenu", onContextMenu, true);
     },
@@ -3421,6 +3470,7 @@ function createInspector(options) {
         cursorStyleEl = null;
       }
       document.removeEventListener("mousemove", onMouseMove);
+      document.removeEventListener("mouseleave", onDocumentLeave);
       document.removeEventListener("click", onClick, true);
       document.removeEventListener("contextmenu", onContextMenu, true);
       session.highlight.unhover();
@@ -4197,6 +4247,10 @@ function createSurfaceShell(options) {
     },
     onCycle: (stack, cursor) => {
       showStack(stack, cursor);
+    },
+    onObscured: (cursor) => {
+      overlay.hide();
+      tooltip.update("iframe", cursor);
     }
   });
   cleanup.add(inspector);