@krak-stack/registry 0.1.5 → 0.1.8

package/README.md

@@ -20,9 +20,33 @@ import { HttpApiSpec } from "@krak-stack/registry/httpapi/helpers";
 import { createMdxDocsSource, makeDocs } from "@krak-stack/registry/docs";
 import { makeChatDocumentation } from "@krak-stack/registry/docs-ai";
 import { Query } from "@krak-stack/registry/query";
+import { createSeo } from "@krak-stack/registry/seo";
 import { NotificationService } from "@krak-stack/registry/service-notification";
 ```
 
+Create a configured SEO helper once with site-wide defaults, then use it for each page:
+
+```tsx
+const siteSeo = createSeo({
+  origin: "https://krakstack.net",
+  locales: ["en", "fr"],
+  siteName: "KrakStack",
+  sameAs: ["https://github.com/krakcons/krakstack"],
+});
+
+<Route
+  head={() =>
+    siteSeo({
+      title: "KrakStack",
+      description: "Production-ready building blocks for TanStack apps.",
+      locale: "en",
+    })
+  }
+/>;
+```
+
+The returned object contains `meta`, `links`, and derived JSON-LD `scripts`. Website pages receive `WebSite` and `Organization` data; documentation pages can pass `type: "article"` for `Article` data. Use the lower-level `seo` function directly when a configured factory is not useful.
+
 HTTP API client, schema, AI tool, CLI, and MCP utilities are available under
 the `@krak-stack/registry/httpapi/*` subpaths. Keep application-specific API
 layers, handlers, authentication, and client bindings in the application.

package/dist/components/ui/data-table.js

@@ -53,9 +53,10 @@ function Button({
 // ../../src/components/ui/virtualized-combobox.tsx
 import { Combobox as ComboboxPrimitive } from "@base-ui/react";
 import { useVirtualizer } from "@tanstack/react-virtual";
-import { Check, ChevronsUpDown } from "lucide-react";
+import { Check, ChevronsUpDown, X } from "lucide-react";
 import {
   useCallback,
+  useEffect,
   useImperativeHandle,
   useRef
 } from "react";
@@ -139,6 +140,14 @@ var routeStrategies = [
   {
     match: "/api/:path(.*)?",
     exclude: true
+  },
+  {
+    match: "/sitemap.xml",
+    exclude: true
+  },
+  {
+    match: "/llms.txt",
+    exclude: true
   }
 ];
 var urlPatterns = [
@@ -554,11 +563,13 @@ import { jsx as jsx5, jsxs } from "react/jsx-runtime";
 "use client";
 var messages = {
   en: {
+    clear: "Clear selection",
     search: "Search...",
     selected: (count) => `${count} selected`,
     selectMore: "Select more"
   },
   fr: {
+    clear: "Effacer la sélection",
     search: "Rechercher...",
     selected: (count) => `${count} sélectionnés`,
     selectMore: "Sélectionner davantage"
@@ -572,6 +583,7 @@ var optionEquals = (item, selected) => item.value === selected.value;
 var VirtualizedComboboxList = ({
   emptyLabel,
   groupSelections,
+  itemIndexRef,
   messages: messageOverrides,
   renderItem,
   selectedValues,
@@ -579,22 +591,29 @@ var VirtualizedComboboxList = ({
 }) => {
   const filteredItems = ComboboxPrimitive.useFilteredItems();
   const labels = virtualizedComboboxMessages(messageOverrides);
-  const entries = filteredItems.flatMap((item, index) => {
-    if (!groupSelections)
-      return [{ kind: "item", item, index }];
-    const selected = selectedValues.has(item.value);
-    const previous = filteredItems[index - 1];
-    const startsGroup = index === 0 || selectedValues.has(previous?.value ?? "") !== selected;
-    const itemEntry = { kind: "item", item, index };
-    return startsGroup ? [
+  const itemEntries = filteredItems.map((item, index) => ({
+    kind: "item",
+    item,
+    index
+  }));
+  const selectedEntries = itemEntries.filter(({ item }) => selectedValues.has(item.value));
+  const availableEntries = itemEntries.filter(({ item }) => !selectedValues.has(item.value));
+  const entries = groupSelections ? [
+    ...selectedEntries.length > 0 ? [
       {
         kind: "group",
-        key: selected ? "selected" : "available",
-        label: selected ? labels.selected(selectedValues.size) : labels.selectMore
+        key: "selected",
+        label: labels.selected(selectedValues.size)
       },
-      itemEntry
-    ] : [itemEntry];
-  });
+      ...selectedEntries
+    ] : [],
+    {
+      kind: "group",
+      key: "available",
+      label: labels.selectMore
+    },
+    ...availableEntries
+  ] : itemEntries;
   const scrollRef = useRef(null);
   const virtualizer = useVirtualizer({
     count: entries.length,
@@ -606,6 +625,9 @@ var VirtualizedComboboxList = ({
     estimateSize: () => 36,
     overscan: 8
   });
+  useEffect(() => {
+    itemIndexRef.current = new Map(entries.flatMap((entry, index) => entry.kind === "item" ? [[entry.index, index]] : []));
+  });
   useImperativeHandle(virtualizerRef, () => virtualizer, [virtualizer]);
   const handleScrollElementRef = useCallback((element) => {
     scrollRef.current = element;
@@ -677,6 +699,7 @@ var VirtualizedComboboxContent = ({
   contentClassName,
   emptyLabel,
   groupSelections,
+  itemIndexRef,
   messages: messageOverrides,
   renderItem,
   selectedValues,
@@ -705,6 +728,7 @@ var VirtualizedComboboxContent = ({
           /* @__PURE__ */ jsx5(VirtualizedComboboxList, {
             emptyLabel,
             groupSelections,
+            itemIndexRef,
             messages: messageOverrides,
             renderItem,
             selectedValues,
@@ -725,7 +749,7 @@ var defaultTrigger = (ariaLabel, ariaInvalid, disabled, label, triggerId) => /*
   variant: "outline",
   children: [
     /* @__PURE__ */ jsx5("span", {
-      className: "min-w-0 truncate text-left",
+      className: "min-w-0 flex-1 truncate pr-7 text-left",
       children: label
     }),
     /* @__PURE__ */ jsx5(ChevronsUpDown, {
@@ -733,6 +757,14 @@ var defaultTrigger = (ariaLabel, ariaInvalid, disabled, label, triggerId) => /*
     })
   ]
 });
+var defaultClear = (label) => /* @__PURE__ */ jsx5(ComboboxPrimitive.Clear, {
+  "aria-label": label,
+  className: "text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-1/2 right-7 z-10 flex size-6 -translate-y-1/2 items-center justify-center rounded-sm outline-none focus-visible:border focus-visible:ring-3",
+  type: "button",
+  children: /* @__PURE__ */ jsx5(X, {
+    className: "size-3.5"
+  })
+});
 var selectedLabel = (value, placeholder) => {
   if (Array.isArray(value)) {
     return value.length > 0 ? value.map(({ label }) => label).join(", ") : placeholder;
@@ -745,6 +777,8 @@ var useComboboxVirtualizerRef = (providedRef) => {
 };
 var VirtualizedComboboxSingle = (props) => {
   const virtualizerRef = useComboboxVirtualizerRef(props.virtualizerRef);
+  const itemIndexRef = useRef(new Map);
+  const labels = virtualizedComboboxMessages(props.messages);
   return /* @__PURE__ */ jsxs(ComboboxPrimitive.Root, {
     disabled: props.disabled,
     inputValue: props.searchValue,
@@ -754,7 +788,7 @@ var VirtualizedComboboxSingle = (props) => {
     onInputValueChange: (value) => props.onSearchValueChange?.(value),
     onItemHighlighted: (_, { index, reason }) => {
       if (reason === "keyboard" && index >= 0) {
-        virtualizerRef.current?.scrollToIndex(index, { align: "auto" });
+        virtualizerRef.current?.scrollToIndex(itemIndexRef.current.get(index) ?? index, { align: "auto" });
       }
     },
     onOpenChange: (open) => props.onOpenChange?.(open),
@@ -763,12 +797,19 @@ var VirtualizedComboboxSingle = (props) => {
     value: props.value,
     virtualized: true,
     children: [
-      /* @__PURE__ */ jsx5(ComboboxPrimitive.Trigger, {
-        render: props.trigger ?? defaultTrigger(props.ariaLabel, props.ariaInvalid, props.disabled, selectedLabel(props.value, props.placeholder), props.triggerId)
+      /* @__PURE__ */ jsxs("div", {
+        className: "relative",
+        children: [
+          /* @__PURE__ */ jsx5(ComboboxPrimitive.Trigger, {
+            render: props.trigger ?? defaultTrigger(props.ariaLabel, props.ariaInvalid, props.disabled, selectedLabel(props.value, props.placeholder), props.triggerId)
+          }),
+          props.trigger ? null : defaultClear(labels.clear)
+        ]
       }),
       /* @__PURE__ */ jsx5(VirtualizedComboboxContent, {
         ...props,
         groupSelections: false,
+        itemIndexRef,
         selectedValues: new Set(props.value ? [props.value.value] : []),
         virtualizerRef
       })
@@ -777,6 +818,8 @@ var VirtualizedComboboxSingle = (props) => {
 };
 var VirtualizedComboboxMultiple = (props) => {
   const virtualizerRef = useComboboxVirtualizerRef(props.virtualizerRef);
+  const itemIndexRef = useRef(new Map);
+  const labels = virtualizedComboboxMessages(props.messages);
   return /* @__PURE__ */ jsxs(ComboboxPrimitive.Root, {
     disabled: props.disabled,
     inputValue: props.searchValue,
@@ -787,7 +830,7 @@ var VirtualizedComboboxMultiple = (props) => {
     onInputValueChange: (value) => props.onSearchValueChange?.(value),
     onItemHighlighted: (_, { index, reason }) => {
       if (reason === "keyboard" && index >= 0) {
-        virtualizerRef.current?.scrollToIndex(index, { align: "auto" });
+        virtualizerRef.current?.scrollToIndex(itemIndexRef.current.get(index) ?? index, { align: "auto" });
       }
     },
     onOpenChange: (open) => props.onOpenChange?.(open),
@@ -796,12 +839,19 @@ var VirtualizedComboboxMultiple = (props) => {
     value: [...props.value],
     virtualized: true,
     children: [
-      /* @__PURE__ */ jsx5(ComboboxPrimitive.Trigger, {
-        render: props.trigger ?? defaultTrigger(props.ariaLabel, props.ariaInvalid, props.disabled, selectedLabel(props.value, props.placeholder), props.triggerId)
+      /* @__PURE__ */ jsxs("div", {
+        className: "relative",
+        children: [
+          /* @__PURE__ */ jsx5(ComboboxPrimitive.Trigger, {
+            render: props.trigger ?? defaultTrigger(props.ariaLabel, props.ariaInvalid, props.disabled, selectedLabel(props.value, props.placeholder), props.triggerId)
+          }),
+          props.trigger ? null : defaultClear(labels.clear)
+        ]
       }),
       /* @__PURE__ */ jsx5(VirtualizedComboboxContent, {
         ...props,
         groupSelections: true,
+        itemIndexRef,
         selectedValues: new Set(props.value.map(({ value }) => value)),
         virtualizerRef
       })
@@ -1648,10 +1698,10 @@ import {
   Rows3,
   Search,
   Settings2,
-  X
+  X as X2
 } from "lucide-react";
 import {
-  useEffect,
+  useEffect as useEffect2,
   useMemo,
   useState,
   createContext
@@ -1864,7 +1914,7 @@ var snapDragOverlayVerticalCenterToCursor = ({
   overlayNodeRect,
   transform
 }) => {
-  if (!(activatorEvent instanceof MouseEvent) || !activeNodeRect || !overlayNodeRect) {
+  if (typeof MouseEvent === "undefined" || !(activatorEvent instanceof MouseEvent) || !activeNodeRect || !overlayNodeRect) {
     return transform;
   }
   return {
@@ -2668,7 +2718,7 @@ function DataTable({
       rowSelection
     }
   });
-  useEffect(() => {
+  useEffect2(() => {
     setSearchInput(globalFilter);
   }, [globalFilter]);
   const activeGroupingFields = useMemo(() => activeGrouping.map((groupId) => grouping?.fields.find((field) => field.id === groupId)).filter((field) => !!field), [activeGrouping, grouping]);
@@ -2826,7 +2876,7 @@ function DataTable({
                   size: "icon",
                   type: "button",
                   variant: "ghost",
-                  children: /* @__PURE__ */ jsx16(X, {
+                  children: /* @__PURE__ */ jsx16(X2, {
                     className: "size-4"
                   })
                 }) : null
@@ -3333,7 +3383,7 @@ function DataTableRelationshipCell({
   const [selectedOptions, setSelectedOptions] = useState(() => [...value]);
   const selectedValues = new Set(selectedOptions.map(({ value: value2 }) => value2));
   const orderedOptions = [...options].sort((a, b) => Number(selectedValues.has(b.value)) - Number(selectedValues.has(a.value)));
-  useEffect(() => {
+  useEffect2(() => {
     setSelectedOptions([...value]);
   }, [value]);
   return /* @__PURE__ */ jsx16(VirtualizedCombobox, {
@@ -3555,7 +3605,7 @@ function DataTableColumnHeader({
               sortDirection ? /* @__PURE__ */ jsxs8(DropdownMenuItem, {
                 onClick: () => column.clearSorting(),
                 children: [
-                  /* @__PURE__ */ jsx16(X, {
+                  /* @__PURE__ */ jsx16(X2, {
                     className: "text-muted-foreground/70 h-3.5 w-3.5"
                   }),
                   labels2.sortClear

package/dist/components/ui/editing-locale-switcher.js

@@ -153,6 +153,14 @@ var routeStrategies = [
   {
     match: "/api/:path(.*)?",
     exclude: true
+  },
+  {
+    match: "/sitemap.xml",
+    exclude: true
+  },
+  {
+    match: "/llms.txt",
+    exclude: true
   }
 ];
 var urlPatterns = [

package/dist/components/ui/effect-form.js

@@ -325,6 +325,14 @@ var routeStrategies = [
   {
     match: "/api/:path(.*)?",
     exclude: true
+  },
+  {
+    match: "/sitemap.xml",
+    exclude: true
+  },
+  {
+    match: "/llms.txt",
+    exclude: true
   }
 ];
 var urlPatterns = [
@@ -1316,9 +1324,10 @@ function Textarea({ className, ...props }) {
 // ../../src/components/ui/virtualized-combobox.tsx
 import { Combobox as ComboboxPrimitive } from "@base-ui/react";
 import { useVirtualizer } from "@tanstack/react-virtual";
-import { Check, ChevronsUpDown } from "lucide-react";
+import { Check, ChevronsUpDown, X } from "lucide-react";
 import {
   useCallback,
+  useEffect as useEffect2,
   useImperativeHandle,
   useRef as useRef2
 } from "react";
@@ -1372,11 +1381,13 @@ import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
 "use client";
 var messages2 = {
   en: {
+    clear: "Clear selection",
     search: "Search...",
     selected: (count) => `${count} selected`,
     selectMore: "Select more"
   },
   fr: {
+    clear: "Effacer la sélection",
     search: "Rechercher...",
     selected: (count) => `${count} sélectionnés`,
     selectMore: "Sélectionner davantage"
@@ -1390,6 +1401,7 @@ var optionEquals = (item, selected) => item.value === selected.value;
 var VirtualizedComboboxList = ({
   emptyLabel,
   groupSelections,
+  itemIndexRef,
   messages: messageOverrides,
   renderItem,
   selectedValues,
@@ -1397,22 +1409,29 @@ var VirtualizedComboboxList = ({
 }) => {
   const filteredItems = ComboboxPrimitive.useFilteredItems();
   const labels = virtualizedComboboxMessages(messageOverrides);
-  const entries = filteredItems.flatMap((item, index) => {
-    if (!groupSelections)
-      return [{ kind: "item", item, index }];
-    const selected = selectedValues.has(item.value);
-    const previous = filteredItems[index - 1];
-    const startsGroup = index === 0 || selectedValues.has(previous?.value ?? "") !== selected;
-    const itemEntry = { kind: "item", item, index };
-    return startsGroup ? [
+  const itemEntries = filteredItems.map((item, index) => ({
+    kind: "item",
+    item,
+    index
+  }));
+  const selectedEntries = itemEntries.filter(({ item }) => selectedValues.has(item.value));
+  const availableEntries = itemEntries.filter(({ item }) => !selectedValues.has(item.value));
+  const entries = groupSelections ? [
+    ...selectedEntries.length > 0 ? [
       {
         kind: "group",
-        key: selected ? "selected" : "available",
-        label: selected ? labels.selected(selectedValues.size) : labels.selectMore
+        key: "selected",
+        label: labels.selected(selectedValues.size)
       },
-      itemEntry
-    ] : [itemEntry];
-  });
+      ...selectedEntries
+    ] : [],
+    {
+      kind: "group",
+      key: "available",
+      label: labels.selectMore
+    },
+    ...availableEntries
+  ] : itemEntries;
   const scrollRef = useRef2(null);
   const virtualizer = useVirtualizer({
     count: entries.length,
@@ -1424,6 +1443,9 @@ var VirtualizedComboboxList = ({
     estimateSize: () => 36,
     overscan: 8
   });
+  useEffect2(() => {
+    itemIndexRef.current = new Map(entries.flatMap((entry, index) => entry.kind === "item" ? [[entry.index, index]] : []));
+  });
   useImperativeHandle(virtualizerRef, () => virtualizer, [virtualizer]);
   const handleScrollElementRef = useCallback((element) => {
     scrollRef.current = element;
@@ -1495,6 +1517,7 @@ var VirtualizedComboboxContent = ({
   contentClassName,
   emptyLabel,
   groupSelections,
+  itemIndexRef,
   messages: messageOverrides,
   renderItem,
   selectedValues,
@@ -1523,6 +1546,7 @@ var VirtualizedComboboxContent = ({
           /* @__PURE__ */ jsx13(VirtualizedComboboxList, {
             emptyLabel,
             groupSelections,
+            itemIndexRef,
             messages: messageOverrides,
             renderItem,
             selectedValues,
@@ -1543,7 +1567,7 @@ var defaultTrigger = (ariaLabel, ariaInvalid, disabled, label, triggerId) => /*
   variant: "outline",
   children: [
     /* @__PURE__ */ jsx13("span", {
-      className: "min-w-0 truncate text-left",
+      className: "min-w-0 flex-1 truncate pr-7 text-left",
       children: label
     }),
     /* @__PURE__ */ jsx13(ChevronsUpDown, {
@@ -1551,6 +1575,14 @@ var defaultTrigger = (ariaLabel, ariaInvalid, disabled, label, triggerId) => /*
     })
   ]
 });
+var defaultClear = (label) => /* @__PURE__ */ jsx13(ComboboxPrimitive.Clear, {
+  "aria-label": label,
+  className: "text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-1/2 right-7 z-10 flex size-6 -translate-y-1/2 items-center justify-center rounded-sm outline-none focus-visible:border focus-visible:ring-3",
+  type: "button",
+  children: /* @__PURE__ */ jsx13(X, {
+    className: "size-3.5"
+  })
+});
 var selectedLabel = (value, placeholder) => {
   if (Array.isArray(value)) {
     return value.length > 0 ? value.map(({ label }) => label).join(", ") : placeholder;
@@ -1563,6 +1595,8 @@ var useComboboxVirtualizerRef = (providedRef) => {
 };
 var VirtualizedComboboxSingle = (props) => {
   const virtualizerRef = useComboboxVirtualizerRef(props.virtualizerRef);
+  const itemIndexRef = useRef2(new Map);
+  const labels = virtualizedComboboxMessages(props.messages);
   return /* @__PURE__ */ jsxs5(ComboboxPrimitive.Root, {
     disabled: props.disabled,
     inputValue: props.searchValue,
@@ -1572,7 +1606,7 @@ var VirtualizedComboboxSingle = (props) => {
     onInputValueChange: (value) => props.onSearchValueChange?.(value),
     onItemHighlighted: (_, { index, reason }) => {
       if (reason === "keyboard" && index >= 0) {
-        virtualizerRef.current?.scrollToIndex(index, { align: "auto" });
+        virtualizerRef.current?.scrollToIndex(itemIndexRef.current.get(index) ?? index, { align: "auto" });
       }
     },
     onOpenChange: (open) => props.onOpenChange?.(open),
@@ -1581,12 +1615,19 @@ var VirtualizedComboboxSingle = (props) => {
     value: props.value,
     virtualized: true,
     children: [
-      /* @__PURE__ */ jsx13(ComboboxPrimitive.Trigger, {
-        render: props.trigger ?? defaultTrigger(props.ariaLabel, props.ariaInvalid, props.disabled, selectedLabel(props.value, props.placeholder), props.triggerId)
+      /* @__PURE__ */ jsxs5("div", {
+        className: "relative",
+        children: [
+          /* @__PURE__ */ jsx13(ComboboxPrimitive.Trigger, {
+            render: props.trigger ?? defaultTrigger(props.ariaLabel, props.ariaInvalid, props.disabled, selectedLabel(props.value, props.placeholder), props.triggerId)
+          }),
+          props.trigger ? null : defaultClear(labels.clear)
+        ]
       }),
       /* @__PURE__ */ jsx13(VirtualizedComboboxContent, {
         ...props,
         groupSelections: false,
+        itemIndexRef,
         selectedValues: new Set(props.value ? [props.value.value] : []),
         virtualizerRef
       })
@@ -1595,6 +1636,8 @@ var VirtualizedComboboxSingle = (props) => {
 };
 var VirtualizedComboboxMultiple = (props) => {
   const virtualizerRef = useComboboxVirtualizerRef(props.virtualizerRef);
+  const itemIndexRef = useRef2(new Map);
+  const labels = virtualizedComboboxMessages(props.messages);
   return /* @__PURE__ */ jsxs5(ComboboxPrimitive.Root, {
     disabled: props.disabled,
     inputValue: props.searchValue,
@@ -1605,7 +1648,7 @@ var VirtualizedComboboxMultiple = (props) => {
     onInputValueChange: (value) => props.onSearchValueChange?.(value),
     onItemHighlighted: (_, { index, reason }) => {
       if (reason === "keyboard" && index >= 0) {
-        virtualizerRef.current?.scrollToIndex(index, { align: "auto" });
+        virtualizerRef.current?.scrollToIndex(itemIndexRef.current.get(index) ?? index, { align: "auto" });
       }
     },
     onOpenChange: (open) => props.onOpenChange?.(open),
@@ -1614,12 +1657,19 @@ var VirtualizedComboboxMultiple = (props) => {
     value: [...props.value],
     virtualized: true,
     children: [
-      /* @__PURE__ */ jsx13(ComboboxPrimitive.Trigger, {
-        render: props.trigger ?? defaultTrigger(props.ariaLabel, props.ariaInvalid, props.disabled, selectedLabel(props.value, props.placeholder), props.triggerId)
+      /* @__PURE__ */ jsxs5("div", {
+        className: "relative",
+        children: [
+          /* @__PURE__ */ jsx13(ComboboxPrimitive.Trigger, {
+            render: props.trigger ?? defaultTrigger(props.ariaLabel, props.ariaInvalid, props.disabled, selectedLabel(props.value, props.placeholder), props.triggerId)
+          }),
+          props.trigger ? null : defaultClear(labels.clear)
+        ]
       }),
       /* @__PURE__ */ jsx13(VirtualizedComboboxContent, {
         ...props,
         groupSelections: true,
+        itemIndexRef,
         selectedValues: new Set(props.value.map(({ value }) => value)),
         virtualizerRef
       })

package/dist/components/ui/file-picker.js

@@ -208,6 +208,14 @@ var routeStrategies = [
   {
     match: "/api/:path(.*)?",
     exclude: true
+  },
+  {
+    match: "/sitemap.xml",
+    exclude: true
+  },
+  {
+    match: "/llms.txt",
+    exclude: true
   }
 ];
 var urlPatterns = [