fromsrc 0.0.2 → 0.0.22

package/dist/components/search.js

@@ -3,22 +3,26 @@ import { jsx } from 'react/jsx-runtime';
 import { useRouter } from 'next/navigation';
 import { useState, useRef, useCallback, useMemo, useEffect } from 'react';
 import { useDebounce } from '../hooks/debounce';
-import { useLocalStorage } from '../hooks/storage';
 import { useScrollLock } from '../hooks/scrolllock';
+import { useLocalStorage } from '../hooks/storage';
 import { localSearch } from '../search';
 import { trimquery } from '../searchpolicy';
-import { getOptionId } from './results';
 import { Panel } from './panel';
-import { Trigger } from './trigger';
-import { useSearcher } from './searcher';
 import { getRecentOptionId } from './recent';
+import { getOptionId } from './results';
+import { useSearcher } from './searcher';
+import { Trigger } from './trigger';
 
 function tosearchdoc(doc) {
-  if ("content" in doc) return doc;
+  if ("content" in doc) {
+    return doc;
+  }
   return { ...doc, content: "" };
 }
 function iseditable(target) {
-  if (!(target instanceof HTMLElement)) return false;
+  if (!(target instanceof HTMLElement)) {
+    return false;
+  }
   const tag = target.tagName;
   return tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT" || target.isContentEditable;
 }
@@ -34,7 +38,10 @@ function Search({
   const [open, setOpen] = useState(false);
   const [query, setQuery] = useState("");
   const [selected, setSelected] = useState(0);
-  const [recent, setRecent] = useLocalStorage("fromsrc-recent-searches", []);
+  const [recent, setRecent] = useLocalStorage(
+    "fromsrc-recent-searches",
+    []
+  );
   const [local, setLocal] = useState([]);
   const [adapterloading, setAdapterLoading] = useState(false);
   const input = useRef(null);
@@ -52,8 +59,12 @@ function Search({
   const value = useDebounce(query, debounce);
   const remote = useSearcher(endpoint, value, limit);
   const remoteResults = useMemo(() => {
-    if (!endpoint) return [];
-    if (value.trim() !== queryref.current.trim()) return [];
+    if (!endpoint) {
+      return [];
+    }
+    if (value.trim() !== queryref.current.trim()) {
+      return [];
+    }
     return remote.results;
   }, [endpoint, remote.results, value]);
   const results = endpoint ? remoteResults : local;
@@ -78,7 +89,9 @@ function Search({
         event.preventDefault();
         openmodal();
       }
-      if (event.key === "Escape") setOpen(false);
+      if (event.key === "Escape") {
+        setOpen(false);
+      }
     };
     window.addEventListener("keydown", handler);
     return () => window.removeEventListener("keydown", handler);
@@ -94,18 +107,24 @@ function Search({
   }, [open, updatequery]);
   useEffect(() => setSelected(0), [value]);
   useEffect(() => {
-    if (endpoint) return;
+    if (endpoint) {
+      return;
+    }
     const id = requestref.current + 1;
     requestref.current = id;
     const result = adapter.search(value, searchdocs, limit);
     if (result instanceof Promise) {
       setAdapterLoading(true);
       void result.then((next) => {
-        if (requestref.current !== id) return;
+        if (requestref.current !== id) {
+          return;
+        }
         setLocal(next);
         setAdapterLoading(false);
       }).catch(() => {
-        if (requestref.current !== id) return;
+        if (requestref.current !== id) {
+          return;
+        }
         setLocal([]);
         setAdapterLoading(false);
       });
@@ -116,7 +135,9 @@ function Search({
   }, [adapter, endpoint, limit, searchdocs, value]);
   useEffect(() => {
     const target = hasrecent ? saferecent : safe;
-    if (target < 0 || !list.current) return;
+    if (target < 0 || !list.current) {
+      return;
+    }
     const id = hasrecent ? getRecentOptionId(target) : getOptionId(target);
     const option = list.current.querySelector(`#${id}`);
     option?.scrollIntoView({ block: "nearest" });
@@ -124,8 +145,12 @@ function Search({
   const save = useCallback(
     (item) => {
       const text = item.trim();
-      if (!text) return;
-      setRecent((items) => [text, ...items.filter((entry) => entry !== text)].slice(0, 5));
+      if (!text) {
+        return;
+      }
+      setRecent(
+        (items) => [text, ...items.filter((entry) => entry !== text)].slice(0, 5)
+      );
     },
     [setRecent]
   );
@@ -168,7 +193,9 @@ function Search({
           return;
         }
       }
-      if (results.length === 0) return;
+      if (results.length === 0) {
+        return;
+      }
       if (event.key === "ArrowDown") {
         event.preventDefault();
         setSelected((item) => Math.min(item + 1, results.length - 1));
@@ -202,7 +229,9 @@ function Search({
     [hasrecent, navigate, recent, results, safe, saferecent, updatequery]
   );
   if (!open) {
-    if (hidden) return null;
+    if (hidden) {
+      return null;
+    }
     return /* @__PURE__ */ jsx(Trigger, { onOpen: openmodal });
   }
   return /* @__PURE__ */ jsx(

package/dist/components/searchbutton.js

@@ -11,7 +11,9 @@ const SearchButton = memo(function SearchButton2({
   useEffect(() => {
     const ua = navigator.userAgentData;
     const platform = ua?.platform ?? navigator.platform ?? "";
-    if (/mac/i.test(platform)) setModifier("\u2318");
+    if (/mac/i.test(platform)) {
+      setModifier("\u2318");
+    }
   }, []);
   return /* @__PURE__ */ jsxs(
     "button",

package/dist/components/searchdialog.js

@@ -23,7 +23,9 @@ const SearchDialog = memo(function SearchDialog2({
       return;
     }
     const handler = (e) => {
-      if (e.key === "Escape") onClose();
+      if (e.key === "Escape") {
+        onClose();
+      }
     };
     window.addEventListener("keydown", handler);
     requestAnimationFrame(() => inputRef.current?.focus());
@@ -39,32 +41,43 @@ const SearchDialog = memo(function SearchDialog2({
     },
     [onSearch]
   );
-  const handleInputKey = useCallback((e) => {
-    if (!results || results.length === 0) return;
-    if (e.key === "ArrowDown") {
-      e.preventDefault();
-      setActive((prev) => Math.min(results.length - 1, prev + 1));
-      return;
-    }
-    if (e.key === "ArrowUp") {
-      e.preventDefault();
-      setActive((prev) => Math.max(-1, prev - 1));
-      return;
-    }
-    if (e.key === "Enter" && active >= 0) {
-      e.preventDefault();
-      const item = results[active];
-      if (!item) return;
-      window.location.href = item.href;
-    }
-  }, [active, results]);
+  const handleInputKey = useCallback(
+    (e) => {
+      if (!results || results.length === 0) {
+        return;
+      }
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        setActive((prev) => Math.min(results.length - 1, prev + 1));
+        return;
+      }
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        setActive((prev) => Math.max(-1, prev - 1));
+        return;
+      }
+      if (e.key === "Enter" && active >= 0) {
+        e.preventDefault();
+        const item = results[active];
+        if (!item) {
+          return;
+        }
+        window.location.href = item.href;
+      }
+    },
+    [active, results]
+  );
   const handleBackdrop = useCallback(
     (e) => {
-      if (e.target === e.currentTarget) onClose();
+      if (e.target === e.currentTarget) {
+        onClose();
+      }
     },
     [onClose]
   );
-  if (!open) return null;
+  if (!open) {
+    return null;
+  }
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -84,7 +97,7 @@ const SearchDialog = memo(function SearchDialog2({
             className: "w-full px-4 py-3 bg-transparent text-fg text-sm placeholder:text-muted border-b border-line focus:outline-none"
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "max-h-72 overflow-y-auto", children: loading ? /* @__PURE__ */ jsx("div", { className: "p-4 text-center text-muted text-sm", children: "loading..." }) : results && results.length === 0 && query.trim() ? /* @__PURE__ */ jsx("div", { className: "p-4 text-center text-muted text-sm", children: "no results" }) : results?.map((r, i) => /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx("div", { className: "max-h-72 overflow-y-auto", children: loading ? /* @__PURE__ */ jsx("div", { className: "p-4 text-center text-muted text-sm", children: "Loading..." }) : results && results.length === 0 && query.trim() ? /* @__PURE__ */ jsx("div", { className: "p-4 text-center text-muted text-sm", children: "No results" }) : results?.map((r, i) => /* @__PURE__ */ jsxs(
           "a",
           {
             href: r.href,

package/dist/components/searcher.d.ts

@@ -5,8 +5,8 @@ import '../schema.js';
 import '../searchscore.js';
 
 declare function useSearcher(endpoint: string | undefined, query: string, limit: number): {
-    results: SearchResult[];
     loading: boolean;
+    results: SearchResult[];
 };
 
 export { useSearcher };

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 };