fromsrc 0.0.2 → 0.0.21

package/dist/components/searcher.js

@@ -5,13 +5,13 @@ import { normalizequery, trimquery } from '../searchpolicy';
 
 const schema = z.array(
   z.object({
-    slug: z.string(),
-    title: z.string(),
-    description: z.string().optional(),
-    snippet: z.string().optional(),
     anchor: z.string().optional(),
+    description: z.string().optional(),
     heading: z.string().optional(),
-    score: z.number()
+    score: z.number(),
+    slug: z.string(),
+    snippet: z.string().optional(),
+    title: z.string()
   })
 );
 const ttl = 1e3 * 60 * 5;
@@ -23,7 +23,9 @@ function key(endpoint, query, limit) {
 }
 function getCache(key2) {
   const value = store.get(key2);
-  if (!value) return null;
+  if (!value) {
+    return null;
+  }
   if (Date.now() - value.at >= ttl) {
     store.delete(key2);
     return null;
@@ -34,16 +36,16 @@ function getCache(key2) {
 }
 function convert(rows) {
   return rows.map((row) => ({
+    anchor: row.anchor,
     doc: {
-      slug: row.slug,
-      title: row.title,
+      content: "",
       description: row.description,
-      content: ""
+      slug: row.slug,
+      title: row.title
     },
-    snippet: row.snippet,
-    anchor: row.anchor,
     heading: row.heading,
-    score: row.score
+    score: row.score,
+    snippet: row.snippet
   }));
 }
 function saveWithEtag(key2, value, etag) {
@@ -52,24 +54,37 @@ function saveWithEtag(key2, value, etag) {
   }
   if (store.size >= max) {
     const oldest = store.keys().next().value;
-    if (oldest) store.delete(oldest);
+    if (oldest) {
+      store.delete(oldest);
+    }
   }
-  store.set(key2, { at: Date.now(), results: value, etag });
+  store.set(key2, { at: Date.now(), etag, results: value });
 }
 async function load(endpoint, query, limit, stale, signal) {
-  const params = new URLSearchParams({ q: trimquery(query), limit: String(limit) });
+  const params = new URLSearchParams({
+    limit: String(limit),
+    q: trimquery(query)
+  });
   const response = await fetch(`${endpoint}?${params}`, {
-    signal,
-    headers: stale?.etag ? { "If-None-Match": stale.etag } : void 0
+    headers: stale?.etag ? { "If-None-Match": stale.etag } : void 0,
+    signal
   });
-  if (response.status === 304) return stale?.results ?? [];
+  if (response.status === 304) {
+    return stale?.results ?? [];
+  }
   if (!response.ok) {
-    if (response.status === 400) return [];
+    if (response.status === 400) {
+      return [];
+    }
     throw new Error("search request failed");
   }
   const json = await response.json();
   const value = convert(schema.parse(json));
-  saveWithEtag(key(endpoint, query, limit), value, response.headers.get("etag") ?? void 0);
+  saveWithEtag(
+    key(endpoint, query, limit),
+    value,
+    response.headers.get("etag") ?? void 0
+  );
   return value;
 }
 function useSearcher(endpoint, query, limit) {
@@ -97,25 +112,35 @@ function useSearcher(endpoint, query, limit) {
     const controller = new AbortController();
     setLoading(true);
     const request = inflight.get(cachekey) ?? load(endpoint, text, limit, stale, controller.signal);
-    if (!inflight.has(cachekey)) inflight.set(cachekey, request);
+    if (!inflight.has(cachekey)) {
+      inflight.set(cachekey, request);
+    }
     request.then((value) => {
-      if (!active) return;
+      if (!active) {
+        return;
+      }
       setResults(value);
       setLoading(false);
     }).catch((error) => {
-      if (!active) return;
-      if (error instanceof DOMException && error.name === "AbortError") return;
+      if (!active) {
+        return;
+      }
+      if (error instanceof DOMException && error.name === "AbortError") {
+        return;
+      }
       setResults([]);
       setLoading(false);
     }).finally(() => {
-      if (inflight.get(cachekey) === request) inflight.delete(cachekey);
+      if (inflight.get(cachekey) === request) {
+        inflight.delete(cachekey);
+      }
     });
     return () => {
       active = false;
       controller.abort();
     };
   }, [endpoint, query, limit]);
-  return { results, loading };
+  return { loading, results };
 }
 
 export { useSearcher };

package/dist/components/select.js

@@ -36,9 +36,14 @@ function Select({
     setIndex(-1);
   }, []);
   useClickOutside(containerRef, close, open);
-  const isDisabled = useCallback((i) => options[i]?.disabled ?? false, [options]);
+  const isDisabled = useCallback(
+    (i) => options[i]?.disabled ?? false,
+    [options]
+  );
   function handleSelect(option) {
-    if (option.disabled) return;
+    if (option.disabled) {
+      return;
+    }
     if (controlledValue === void 0) {
       setInternalValue(option.value);
     }
@@ -48,31 +53,37 @@ function Select({
     triggerRef.current?.focus();
   }
   function handleKeyDown(e) {
-    if (disabled) return;
+    if (disabled) {
+      return;
+    }
     if (!open) {
       if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown" || e.key === "ArrowUp") {
         setOpen(true);
-        const currentIndex = options.findIndex((o) => o.value === value && !o.disabled);
+        const currentIndex = options.findIndex(
+          (o) => o.value === value && !o.disabled
+        );
         const firstEnabled = getNextIndex("Home", {
           count: options.length,
           current: -1,
-          wrap: false,
-          isDisabled
+          isDisabled,
+          wrap: false
         });
-        setIndex(currentIndex >= 0 ? currentIndex : firstEnabled);
+        setIndex(currentIndex !== -1 ? currentIndex : firstEnabled);
         e.preventDefault();
       }
       return;
     }
     switch (e.key) {
-      case "Escape":
+      case "Escape": {
         close();
         triggerRef.current?.focus();
         e.preventDefault();
         break;
-      case "Tab":
+      }
+      case "Tab": {
         close();
         break;
+      }
       case "ArrowDown":
       case "ArrowUp":
       case "Home":
@@ -80,20 +91,23 @@ function Select({
         const next = getNextIndex(e.key, {
           count: options.length,
           current: index,
-          wrap: false,
-          isDisabled
+          isDisabled,
+          wrap: false
         });
-        if (next !== index) setIndex(next);
+        if (next !== index) {
+          setIndex(next);
+        }
         e.preventDefault();
         break;
       }
       case "Enter":
-      case " ":
+      case " ": {
         if (index >= 0 && options[index] && !options[index].disabled) {
           handleSelect(options[index]);
         }
         e.preventDefault();
         break;
+      }
     }
   }
   const activeOptionId = open && index >= 0 && options[index] ? getOptionId(options[index].value) : void 0;

package/dist/components/shortcuts.d.ts

@@ -11,7 +11,7 @@ interface ShortcutsProps {
     trigger?: string;
     className?: string;
 }
-declare function ShortcutsBase({ shortcuts, trigger, className }: ShortcutsProps): JSX.Element | null;
+declare function ShortcutsBase({ shortcuts, trigger, className, }: ShortcutsProps): JSX.Element | null;
 declare const Shortcuts: react.MemoExoticComponent<typeof ShortcutsBase>;
 
 export { type ShortcutItem, Shortcuts, type ShortcutsProps };

package/dist/components/shortcuts.js

@@ -3,13 +3,17 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, useState, useCallback, useMemo } from 'react';
 import { useHotkeys } from '../hooks/hotkeys';
 
-function ShortcutsBase({ shortcuts, trigger = "?", className = "" }) {
+function ShortcutsBase({
+  shortcuts,
+  trigger = "?",
+  className = ""
+}) {
   const [open, setOpen] = useState(false);
   const toggle = useCallback(() => setOpen((v) => !v), []);
   const close = useCallback(() => setOpen(false), []);
   useHotkeys([
-    { key: trigger, handler: toggle },
-    { key: "Escape", handler: close }
+    { handler: toggle, key: trigger },
+    { handler: close, key: "Escape" }
   ]);
   const groups = useMemo(() => {
     const map = /* @__PURE__ */ new Map();
@@ -21,41 +25,56 @@ function ShortcutsBase({ shortcuts, trigger = "?", className = "" }) {
     }
     return map;
   }, [shortcuts]);
-  if (!open) return null;
-  return /* @__PURE__ */ jsxs("div", { className: `fixed inset-0 z-50 flex items-center justify-center bg-black/50 ${className}`, children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: "absolute inset-0",
-        onClick: close,
-        "aria-label": "close shortcuts"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "relative w-full max-w-lg rounded-xl border border-line bg-surface p-6 shadow-2xl",
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-label": "keyboard shortcuts",
-        children: Array.from(groups).map(([group, items]) => /* @__PURE__ */ jsxs("div", { className: "mb-4 last:mb-0", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase text-dim mb-2", children: group }),
-          items.map((s) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-1.5", children: [
-            /* @__PURE__ */ jsx("span", { className: "flex items-center gap-1", children: s.keys.map((k) => /* @__PURE__ */ jsx(
-              "kbd",
-              {
-                className: "inline-flex items-center gap-0.5 rounded border border-line bg-surface px-1.5 py-0.5 text-xs font-mono text-muted",
-                children: k
-              },
-              k
-            )) }),
-            /* @__PURE__ */ jsx("span", { className: "text-sm text-fg", children: s.description })
-          ] }, s.keys.join("")))
-        ] }, group))
-      }
-    )
-  ] });
+  if (!open) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `fixed inset-0 z-50 flex items-center justify-center bg-black/50 ${className}`,
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "absolute inset-0",
+            onClick: close,
+            "aria-label": "close shortcuts"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "relative w-full max-w-lg rounded-xl border border-line bg-surface p-6 shadow-2xl",
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-label": "keyboard shortcuts",
+            children: [...groups].map(([group, items]) => /* @__PURE__ */ jsxs("div", { className: "mb-4 last:mb-0", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase text-dim mb-2", children: group }),
+              items.map((s) => /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: "flex items-center justify-between py-1.5",
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "flex items-center gap-1", children: s.keys.map((k) => /* @__PURE__ */ jsx(
+                      "kbd",
+                      {
+                        className: "inline-flex items-center gap-0.5 rounded border border-line bg-surface px-1.5 py-0.5 text-xs font-mono text-muted",
+                        children: k
+                      },
+                      k
+                    )) }),
+                    /* @__PURE__ */ jsx("span", { className: "text-sm text-fg", children: s.description })
+                  ]
+                },
+                s.keys.join("")
+              ))
+            ] }, group))
+          }
+        )
+      ]
+    }
+  );
 }
 const Shortcuts = memo(ShortcutsBase);
 

package/dist/components/sidebar.d.ts

@@ -29,7 +29,8 @@ interface Props {
     github?: string;
     collapsible?: boolean;
     defaultOpenLevel?: number;
+    width?: number;
 }
-declare function Sidebar({ title, logo, navigation, basePath, github, collapsible, defaultOpenLevel, }: Props): ReactNode;
+declare function Sidebar({ title, logo, navigation, basePath, github, collapsible, defaultOpenLevel, width, }: Props): ReactNode;
 
 export { Sidebar, type SidebarFolder, type SidebarItem, type SidebarSection };