fromsrc 0.0.2 → 0.0.21

package/dist/components/rating.js

@@ -37,7 +37,9 @@ function RatingBase({
   }, []);
   const handleKeyDown = useCallback(
     (e, index) => {
-      if (readonly) return;
+      if (readonly) {
+        return;
+      }
       if (e.key === " " || e.key === "Enter") {
         e.preventDefault();
         onChange?.(index + 1);
@@ -49,7 +51,9 @@ function RatingBase({
         direction: "both",
         wrap: true
       });
-      if (next === index) return;
+      if (next === index) {
+        return;
+      }
       e.preventDefault();
       setFocus(next);
       refs.current[next]?.focus();
@@ -87,7 +91,14 @@ function RatingBase({
             onMouseEnter: () => handleMouseEnter(index),
             onMouseLeave: handleMouseLeave,
             className: `transition-colors ${readonly ? "cursor-default" : "cursor-pointer hover:text-yellow-400"} ${filled ? "text-yellow-400" : "text-muted/30"}`,
-            children: /* @__PURE__ */ jsx(IconStar, { "aria-hidden": "true", size: 20, fill: filled ? "currentColor" : "none" })
+            children: /* @__PURE__ */ jsx(
+              IconStar,
+              {
+                "aria-hidden": "true",
+                size: 20,
+                fill: filled ? "currentColor" : "none"
+              }
+            )
           },
           i
         );

package/dist/components/recent.d.ts

@@ -7,6 +7,6 @@ interface RecentProps {
     onSelect: (query: string) => void;
 }
 declare function getRecentOptionId(index: number): string;
-declare function Recent({ listId, items, selected, onSelect }: RecentProps): JSX.Element | null;
+declare function Recent({ listId, items, selected, onSelect, }: RecentProps): JSX.Element | null;
 
 export { Recent, type RecentProps, getRecentOptionId };

package/dist/components/recent.js

@@ -4,19 +4,35 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 function getRecentOptionId(index) {
   return `search-recent-option-${index}`;
 }
-function Recent({ listId, items, selected, onSelect }) {
-  if (items.length === 0) return null;
+function Recent({
+  listId,
+  items,
+  selected,
+  onSelect
+}) {
+  if (items.length === 0) {
+    return null;
+  }
   return /* @__PURE__ */ jsxs("div", { className: "p-2", children: [
     /* @__PURE__ */ jsx("div", { className: "px-3 py-1.5 text-[10px] uppercase tracking-wider text-dim", children: "recent" }),
-    /* @__PURE__ */ jsx("ul", { id: listId, role: "listbox", children: items.map((item, index) => /* @__PURE__ */ jsx("li", { id: getRecentOptionId(index), role: "option", "aria-selected": index === selected, children: /* @__PURE__ */ jsx(
-      "button",
+    /* @__PURE__ */ jsx("ul", { id: listId, role: "listbox", children: items.map((item, index) => /* @__PURE__ */ jsx(
+      "li",
       {
-        type: "button",
-        onClick: () => onSelect(item),
-        className: `w-full text-left px-3 py-2 rounded-lg text-sm transition-colors focus:outline-none focus:ring-1 focus:ring-line ${index === selected ? "bg-bg border border-line text-fg" : "text-muted hover:bg-bg/50"}`,
-        children: item
-      }
-    ) }, item)) })
+        id: getRecentOptionId(index),
+        role: "option",
+        "aria-selected": index === selected,
+        children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onSelect(item),
+            className: `w-full text-left px-3 py-2 rounded-lg text-sm transition-colors focus:outline-none focus:ring-1 focus:ring-line ${index === selected ? "bg-bg border border-line text-fg" : "text-muted hover:bg-bg/50"}`,
+            children: item
+          }
+        )
+      },
+      item
+    )) })
   ] });
 }
 

package/dist/components/responsive.js

@@ -3,18 +3,22 @@ import { jsx } from 'react/jsx-runtime';
 import { memo } from 'react';
 
 const aboveClasses = {
-  sm: "hidden sm:block",
-  md: "hidden md:block",
   lg: "hidden lg:block",
+  md: "hidden md:block",
+  sm: "hidden sm:block",
   xl: "hidden xl:block"
 };
 const belowClasses = {
-  sm: "sm:hidden",
-  md: "md:hidden",
   lg: "lg:hidden",
+  md: "md:hidden",
+  sm: "sm:hidden",
   xl: "xl:hidden"
 };
-const Show = memo(function Show2({ above, below, children }) {
+const Show = memo(function Show2({
+  above,
+  below,
+  children
+}) {
   let className = "";
   if (above) {
     className = aboveClasses[above];
@@ -30,28 +34,32 @@ const colClasses = {
   4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4"
 };
 const gapClasses = {
-  sm: "gap-2",
+  lg: "gap-6",
   md: "gap-4",
-  lg: "gap-6"
+  sm: "gap-2"
 };
-const Grid = memo(function Grid2({ cols = 2, gap = "md", children }) {
+const Grid = memo(function Grid2({
+  cols = 2,
+  gap = "md",
+  children
+}) {
   return /* @__PURE__ */ jsx("div", { className: `grid ${colClasses[cols]} ${gapClasses[gap]} my-6`, children });
 });
 const directionClasses = {
-  row: "flex-row",
-  col: "flex-col"
+  col: "flex-col",
+  row: "flex-row"
 };
 const alignClasses = {
-  start: "items-start",
   center: "items-center",
   end: "items-end",
+  start: "items-start",
   stretch: "items-stretch"
 };
 const justifyClasses = {
-  start: "justify-start",
+  between: "justify-between",
   center: "justify-center",
   end: "justify-end",
-  between: "justify-between"
+  start: "justify-start"
 };
 const Flex = memo(function Flex2({
   direction = "row",

package/dist/components/results.js

@@ -3,12 +3,16 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 
 function highlightMatch(text, query) {
-  if (!query.trim()) return text;
+  if (!query.trim()) {
+    return text;
+  }
   const words = query.trim().split(/\s+/).filter(Boolean);
-  const escaped = words.map((w) => w.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|");
+  const escaped = words.map((w) => w.replaceAll(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|");
   const pattern = new RegExp(`(${escaped})`, "gi");
   const parts = text.split(pattern);
-  if (parts.length === 1) return text;
+  if (parts.length === 1) {
+    return text;
+  }
   const matcher = new RegExp(`^(?:${escaped})$`, "i");
   return parts.map(
     (part, i) => matcher.test(part) ? /* @__PURE__ */ jsx("mark", { className: "bg-transparent text-fg font-medium", children: part }, i) : part
@@ -43,7 +47,7 @@ function Results({
 }) {
   const grouped = useMemo(() => groupResults(results), [results]);
   let idx = 0;
-  return /* @__PURE__ */ jsx("ul", { ref: listRef, id: listId, role: "listbox", className: "p-2", children: Array.from(grouped.entries()).map(([category, items]) => /* @__PURE__ */ jsxs("li", { role: "presentation", children: [
+  return /* @__PURE__ */ jsx("ul", { ref: listRef, id: listId, role: "listbox", className: "p-2", children: [...grouped.entries()].map(([category, items]) => /* @__PURE__ */ jsxs("li", { role: "presentation", children: [
     /* @__PURE__ */ jsx("div", { className: "px-3 pt-2 pb-1 text-[10px] font-medium text-dim uppercase tracking-wider", children: category }),
     /* @__PURE__ */ jsx("ul", { role: "group", children: items.map((result) => {
       const i = idx++;

package/dist/components/screenshot.js

@@ -9,27 +9,67 @@ const Screenshot = memo(function Screenshot2({
   browser = true,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxs("figure", { className: `my-6 ${className}`, role: "figure", "aria-label": caption || alt, children: [
-    browser ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-line overflow-hidden bg-surface", children: [
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "flex items-center gap-2 px-4 py-2.5 border-b border-line bg-bg",
-          "aria-hidden": "true",
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5", children: [
-              /* @__PURE__ */ jsx("span", { className: "w-3 h-3 rounded-full bg-red-500/80", "aria-hidden": "true" }),
-              /* @__PURE__ */ jsx("span", { className: "w-3 h-3 rounded-full bg-yellow-500/80", "aria-hidden": "true" }),
-              /* @__PURE__ */ jsx("span", { className: "w-3 h-3 rounded-full bg-green-500/80", "aria-hidden": "true" })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "flex-1 mx-8", children: /* @__PURE__ */ jsx("div", { className: "h-6 rounded bg-surface/80 border border-line", "aria-hidden": "true" }) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "relative w-full aspect-video", children: /* @__PURE__ */ jsx(Image, { src, alt, fill: true, className: "object-cover object-top" }) })
-    ] }) : /* @__PURE__ */ jsx("div", { className: "relative w-full aspect-video rounded-lg border border-line overflow-hidden", children: /* @__PURE__ */ jsx(Image, { src, alt, fill: true, className: "object-cover object-top" }) }),
-    caption && /* @__PURE__ */ jsx("figcaption", { className: "mt-2 text-center text-sm text-muted", children: caption })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "figure",
+    {
+      className: `my-6 ${className}`,
+      role: "figure",
+      "aria-label": caption || alt,
+      children: [
+        browser ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-line overflow-hidden bg-surface", children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex items-center gap-2 px-4 py-2.5 border-b border-line bg-bg",
+              "aria-hidden": "true",
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5", children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "w-3 h-3 rounded-full bg-red-500/80",
+                      "aria-hidden": "true"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "w-3 h-3 rounded-full bg-yellow-500/80",
+                      "aria-hidden": "true"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "w-3 h-3 rounded-full bg-green-500/80",
+                      "aria-hidden": "true"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "flex-1 mx-8", children: /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "h-6 rounded bg-surface/80 border border-line",
+                    "aria-hidden": "true"
+                  }
+                ) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "relative w-full aspect-video", children: /* @__PURE__ */ jsx(
+            Image,
+            {
+              src,
+              alt,
+              fill: true,
+              className: "object-cover object-top"
+            }
+          ) })
+        ] }) : /* @__PURE__ */ jsx("div", { className: "relative w-full aspect-video rounded-lg border border-line overflow-hidden", children: /* @__PURE__ */ jsx(Image, { src, alt, fill: true, className: "object-cover object-top" }) }),
+        caption && /* @__PURE__ */ jsx("figcaption", { className: "mt-2 text-center text-sm text-muted", children: caption })
+      ]
+    }
+  );
 });
 const Frame = memo(function Frame2({
   children,

package/dist/components/scrollprogress.js

@@ -10,9 +10,11 @@ function ScrollProgressBase({
   const [progress, setProgress] = useState(0);
   const rafRef = useRef(0);
   const handleScroll = useCallback(() => {
-    if (rafRef.current) return;
+    if (rafRef.current) {
+      return;
+    }
     rafRef.current = requestAnimationFrame(() => {
-      const scrollTop = document.documentElement.scrollTop;
+      const { scrollTop } = document.documentElement;
       const scrollHeight = document.documentElement.scrollHeight - window.innerHeight;
       const newProgress = scrollHeight > 0 ? scrollTop / scrollHeight * 100 : 0;
       setProgress(newProgress);
@@ -24,7 +26,9 @@ function ScrollProgressBase({
     window.addEventListener("scroll", handleScroll, { passive: true });
     return () => {
       window.removeEventListener("scroll", handleScroll);
-      if (rafRef.current) cancelAnimationFrame(rafRef.current);
+      if (rafRef.current) {
+        cancelAnimationFrame(rafRef.current);
+      }
     };
   }, [handleScroll]);
   const rounded = Math.round(progress);
@@ -43,8 +47,8 @@ function ScrollProgressBase({
         {
           className: "h-full transition-[width] duration-100",
           style: {
-            width: `${progress}%`,
-            backgroundColor: color
+            backgroundColor: color,
+            width: `${progress}%`
           }
         }
       )

package/dist/components/scrollspy.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-type ScrollSpyProps = {
+interface ScrollSpyProps {
     items: {
         id: string;
         label: string;
@@ -11,7 +11,7 @@ type ScrollSpyProps = {
     activeClassName?: string;
     offset?: number;
     as?: React.ElementType;
-};
+}
 declare function ScrollSpy({ items, className, activeClassName, offset, as: Tag, }: ScrollSpyProps): react_jsx_runtime.JSX.Element;
 declare const ScrollSpyComponent: react.MemoExoticComponent<typeof ScrollSpy>;
 

package/dist/components/scrollspy.js

@@ -12,10 +12,14 @@ function ScrollSpy({
   const [activeId, setActiveId] = useState("");
   useEffect(() => {
     const elements = items.map((item) => document.getElementById(item.id)).filter((item) => item instanceof HTMLElement);
-    if (elements.length === 0) return;
+    if (elements.length === 0) {
+      return;
+    }
     const observer = new IntersectionObserver(
       (entries) => {
-        const visible = entries.filter((e) => e.isIntersecting).sort((a, b) => a.boundingClientRect.top - b.boundingClientRect.top);
+        const visible = entries.filter((e) => e.isIntersecting).sort(
+          (a, b) => a.boundingClientRect.top - b.boundingClientRect.top
+        );
         const first = visible[0];
         if (first?.target instanceof HTMLElement) {
           setActiveId(first.target.id);
@@ -33,7 +37,9 @@ function ScrollSpy({
   return /* @__PURE__ */ jsx(Tag, { className, children: /* @__PURE__ */ jsx("ul", { children: items.map((item) => /* @__PURE__ */ jsx(
     "li",
     {
-      style: { paddingLeft: item.depth ? `${item.depth * 0.75}rem` : void 0 },
+      style: {
+        paddingLeft: item.depth ? `${item.depth * 0.75}rem` : void 0
+      },
       children: /* @__PURE__ */ jsx(
         "a",
         {

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",
     {

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