fromsrc 0.0.2 → 0.0.21

package/dist/components/tocprogress.js

@@ -3,14 +3,23 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, useState, useRef, useEffect, useCallback } from 'react';
 
 const indent = (level) => level >= 4 ? "pl-8" : level === 3 ? "pl-4" : "";
-function TocProgressBase({ headings, className, activeClassName, lineColor }) {
+function TocProgressBase({
+  headings,
+  className,
+  activeClassName,
+  lineColor
+}) {
   const [active, setActive] = useState("");
   const listRef = useRef(null);
-  const [indicator, setIndicator] = useState({ top: 0, height: 0 });
+  const [indicator, setIndicator] = useState({ height: 0, top: 0 });
   useEffect(() => {
-    if (headings.length === 0) return;
+    if (headings.length === 0) {
+      return;
+    }
     const elements = headings.map((h) => document.getElementById(h.id)).filter((el) => el !== null);
-    if (elements.length === 0) return;
+    if (elements.length === 0) {
+      return;
+    }
     const observer = new IntersectionObserver(
       (entries) => {
         for (const entry of entries) {
@@ -22,45 +31,68 @@ function TocProgressBase({ headings, className, activeClassName, lineColor }) {
       },
       { rootMargin: "-80px 0px -60% 0px", threshold: 0 }
     );
-    for (const el of elements) observer.observe(el);
+    for (const el of elements) {
+      observer.observe(el);
+    }
     return () => observer.disconnect();
   }, [headings]);
   useEffect(() => {
-    if (!active || !listRef.current) return;
+    if (!active || !listRef.current) {
+      return;
+    }
     const current = listRef.current.querySelector(`a[href="#${active}"]`);
     const link = current instanceof HTMLElement ? current : null;
-    if (!link) return;
-    const top = listRef.current.getBoundingClientRect().top;
+    if (!link) {
+      return;
+    }
+    const { top } = listRef.current.getBoundingClientRect();
     const rect = link.getBoundingClientRect();
-    setIndicator({ top: rect.top - top, height: rect.height });
+    setIndicator({ height: rect.height, top: rect.top - top });
   }, [active]);
   const scroll = useCallback((id) => {
-    document.getElementById(id)?.scrollIntoView({ behavior: "smooth" });
+    document.querySelector(`#${id}`)?.scrollIntoView({ behavior: "smooth" });
   }, []);
-  return /* @__PURE__ */ jsxs("nav", { "aria-label": "Table of contents", className: `relative ${className || ""}`, children: [
-    /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-0 bottom-0 w-0.5 bg-line", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `absolute left-0 w-0.5 transition-all duration-200 ${activeClassName || "bg-fg"}`,
-        style: { top: indicator.top, height: indicator.height, backgroundColor: lineColor },
-        "aria-hidden": "true"
-      }
-    ),
-    /* @__PURE__ */ jsx("ul", { ref: listRef, role: "list", children: headings.map((h) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-      "a",
-      {
-        href: `#${h.id}`,
-        onClick: (e) => {
-          e.preventDefault();
-          scroll(h.id);
-        },
-        "aria-current": active === h.id ? "location" : void 0,
-        className: `block py-1 pl-4 text-sm transition-colors ${indent(h.level)} ${active === h.id ? "text-fg font-medium" : "text-muted hover:text-fg"}`,
-        children: h.text
-      }
-    ) }, h.id)) })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      "aria-label": "Table of contents",
+      className: `relative ${className || ""}`,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "absolute left-0 top-0 bottom-0 w-0.5 bg-line",
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `absolute left-0 w-0.5 transition-all duration-200 ${activeClassName || "bg-fg"}`,
+            style: {
+              backgroundColor: lineColor,
+              height: indicator.height,
+              top: indicator.top
+            },
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsx("ul", { ref: listRef, role: "list", children: headings.map((h) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: `#${h.id}`,
+            onClick: (e) => {
+              e.preventDefault();
+              scroll(h.id);
+            },
+            "aria-current": active === h.id ? "location" : void 0,
+            className: `block py-1 pl-4 text-sm transition-colors ${indent(h.level)} ${active === h.id ? "text-fg font-medium" : "text-muted hover:text-fg"}`,
+            children: h.text
+          }
+        ) }, h.id)) })
+      ]
+    }
+  );
 }
 const TocProgress = memo(TocProgressBase);
 

package/dist/components/tooltip.d.ts

@@ -14,6 +14,6 @@ interface TooltipProps {
     side?: "top" | "bottom";
     delay?: number;
 }
-declare function Tooltip({ content, children, side, delay }: TooltipProps): JSX.Element;
+declare function Tooltip({ content, children, side, delay, }: TooltipProps): JSX.Element;
 
 export { Tooltip, type TooltipProps };

package/dist/components/tooltip.js

@@ -3,7 +3,12 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useId, useCallback, useEffect } from 'react';
 import { useEscapeKey } from '../hooks/escapekey';
 
-function Tooltip({ content, children, side = "top", delay = 200 }) {
+function Tooltip({
+  content,
+  children,
+  side = "top",
+  delay = 200
+}) {
   const [show, setShow] = useState(false);
   const [position, setPosition] = useState({ x: 0, y: 0 });
   const triggerRef = useRef(null);
@@ -12,17 +17,24 @@ function Tooltip({ content, children, side = "top", delay = 200 }) {
   const id = useId();
   const tooltipId = `tooltip-${id}`;
   const hide = useCallback(() => {
-    if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
     setShow(false);
   }, []);
-  useEffect(() => {
-    return () => {
-      if (timeoutRef.current) clearTimeout(timeoutRef.current);
-    };
-  }, []);
+  useEffect(
+    () => () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    },
+    []
+  );
   useEscapeKey(hide, show);
   const updatePosition = useCallback(() => {
-    if (!triggerRef.current || !tooltipRef.current) return;
+    if (!triggerRef.current || !tooltipRef.current) {
+      return;
+    }
     const trigger = triggerRef.current.getBoundingClientRect();
     const tooltip = tooltipRef.current.getBoundingClientRect();
     const x = trigger.left + trigger.width / 2 - tooltip.width / 2;

package/dist/components/trigger.js

@@ -3,11 +3,19 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { IconSearch } from './icons';
 
 function Trigger({ onOpen }) {
-  return /* @__PURE__ */ jsxs("button", { type: "button", onClick: onOpen, className: "flex items-center gap-2 w-full px-3 py-2 text-xs text-muted bg-surface border border-line rounded-lg hover:border-dim transition-colors", children: [
-    /* @__PURE__ */ jsx(IconSearch, { className: "w-3.5 h-3.5", size: 14 }),
-    /* @__PURE__ */ jsx("span", { className: "flex-1 text-left", children: "search" }),
-    /* @__PURE__ */ jsx("kbd", { className: "px-1.5 py-0.5 text-[10px] bg-bg border border-line rounded", children: "\u2318K" })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: onOpen,
+      className: "flex items-center gap-2 w-full px-3 py-2 text-xs text-muted bg-surface border border-line rounded-lg hover:border-dim transition-colors",
+      children: [
+        /* @__PURE__ */ jsx(IconSearch, { className: "w-3.5 h-3.5", size: 14 }),
+        /* @__PURE__ */ jsx("span", { className: "flex-1 text-left", children: "search" }),
+        /* @__PURE__ */ jsx("kbd", { className: "px-1.5 py-0.5 text-[10px] bg-bg border border-line rounded", children: "\u2318K" })
+      ]
+    }
+  );
 }
 
 export { Trigger };

package/dist/components/twoslash.js

@@ -4,48 +4,71 @@ import { memo } from 'react';
 import { z } from 'zod';
 
 const row = z.object({
-  t: z.enum(["q", "c"]),
-  l: z.number().int().nonnegative(),
   ch: z.number().int().nonnegative(),
+  l: z.number().int().nonnegative(),
+  t: z.enum(["q", "c"]),
   tx: z.string().optional()
 });
 const rows = z.array(row);
 function read(data) {
-  if (!data) return [];
+  if (!data) {
+    return [];
+  }
   try {
     const raw = JSON.parse(data);
     const parsed = rows.safeParse(raw);
-    if (!parsed.success) return [];
+    if (!parsed.success) {
+      return [];
+    }
     return parsed.data.map((value) => ({
-      type: value.t === "q" ? "query" : "completion",
-      line: value.l,
       character: value.ch,
-      text: value.tx
+      line: value.l,
+      text: value.tx,
+      type: value.t === "q" ? "query" : "completion"
     }));
   } catch {
     return [];
   }
 }
-const TwoslashBase = memo(function TwoslashBase2({ data, noerrors }) {
+const TwoslashBase = memo(function TwoslashBase2({
+  data,
+  noerrors
+}) {
   const items = read(data);
-  if (items.length === 0 && !noerrors) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "border-t border-line/60 bg-surface/40 px-4 py-3 text-xs text-muted", "aria-label": "TypeScript notes", children: [
-    noerrors ? /* @__PURE__ */ jsx("div", { className: "mb-2 text-green-400", children: "no errors expected" }) : null,
-    items.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "space-y-1", role: "list", children: items.map((value, index) => /* @__PURE__ */ jsxs("li", { className: "font-mono", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-fg", children: value.type }),
-      " ",
-      /* @__PURE__ */ jsxs("span", { className: "text-dim", children: [
-        "line ",
-        value.line + 1,
-        ", col ",
-        value.character + 1
-      ] }),
-      value.text ? /* @__PURE__ */ jsxs("span", { className: "text-muted", children: [
-        ": ",
-        value.text
-      ] }) : null
-    ] }, `${value.type}-${value.line}-${value.character}-${index}`)) }) : null
-  ] });
+  if (items.length === 0 && !noerrors) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "border-t border-line/60 bg-surface/40 px-4 py-3 text-xs text-muted",
+      "aria-label": "TypeScript notes",
+      children: [
+        noerrors ? /* @__PURE__ */ jsx("div", { className: "mb-2 text-green-400", children: "no errors expected" }) : null,
+        items.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "space-y-1", role: "list", children: items.map((value, index) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: "font-mono",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "text-fg", children: value.type }),
+              " ",
+              /* @__PURE__ */ jsxs("span", { className: "text-dim", children: [
+                "line ",
+                value.line + 1,
+                ", col ",
+                value.character + 1
+              ] }),
+              value.text ? /* @__PURE__ */ jsxs("span", { className: "text-muted", children: [
+                ": ",
+                value.text
+              ] }) : null
+            ]
+          },
+          `${value.type}-${value.line}-${value.character}-${index}`
+        )) }) : null
+      ]
+    }
+  );
 });
 const Twoslash = TwoslashBase;
 

package/dist/components/typetable.js

@@ -2,9 +2,13 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo, useState } from 'react';
 
-const TypeTable = memo(function TypeTable2({ data }) {
+const TypeTable = memo(function TypeTable2({
+  data
+}) {
   const entries = Object.entries(data);
-  if (entries.length === 0) return null;
+  if (entries.length === 0) {
+    return null;
+  }
   return /* @__PURE__ */ jsx("div", { className: "my-6 rounded-lg border border-line overflow-hidden", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", role: "grid", "aria-label": "property types", children: [
     /* @__PURE__ */ jsx("thead", { className: "bg-surface", children: /* @__PURE__ */ jsxs("tr", { role: "row", children: [
       /* @__PURE__ */ jsx("th", { scope: "col", className: "text-left px-4 py-3 font-medium text-fg", children: "prop" }),
@@ -48,7 +52,14 @@ const TypeRow = memo(function TypeRow2({ name, info }) {
             !info.required && /* @__PURE__ */ jsx("span", { className: "text-muted", "aria-label": "optional", children: "?" })
           ] }) }),
           /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-muted font-mono text-xs", role: "gridcell", children: info.type }),
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-muted text-xs hidden sm:table-cell", role: "gridcell", children: info.default || "-" })
+          /* @__PURE__ */ jsx(
+            "td",
+            {
+              className: "px-4 py-3 text-muted text-xs hidden sm:table-cell",
+              role: "gridcell",
+              children: info.default || "-"
+            }
+          )
         ]
       }
     ),
@@ -59,7 +70,15 @@ const TypeRow = memo(function TypeRow2({ name, info }) {
         className: "border-t border-line/30 bg-surface/30",
         id: descId,
         "aria-labelledby": rowId,
-        children: /* @__PURE__ */ jsx("td", { colSpan: 3, className: "px-4 py-3 text-sm text-muted", role: "gridcell", children: info.description })
+        children: /* @__PURE__ */ jsx(
+          "td",
+          {
+            colSpan: 3,
+            className: "px-4 py-3 text-sm text-muted",
+            role: "gridcell",
+            children: info.description
+          }
+        )
       }
     )
   ] });

package/dist/components/typewriter.js

@@ -14,7 +14,9 @@ function TypewriterBase({
   const [deleting, setDeleting] = useState(false);
   useEffect(() => {
     const word = words[index];
-    if (!word) return;
+    if (!word) {
+      return;
+    }
     if (deleting) {
       if (text === "") {
         setDeleting(false);
@@ -29,7 +31,9 @@ function TypewriterBase({
       return () => clearTimeout(timeout2);
     }
     if (text === word) {
-      if (!loop && index === words.length - 1) return;
+      if (!loop && index === words.length - 1) {
+        return;
+      }
       const timeout2 = setTimeout(() => {
         setDeleting(true);
       }, delay);

package/dist/components/version.js

@@ -45,50 +45,61 @@ function VersionSelect({
         if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown" || e.key === "ArrowUp") {
           e.preventDefault();
           setOpen(true);
-          setFocused(currentIndex >= 0 ? currentIndex : 0);
+          setFocused(Math.max(currentIndex, 0));
         }
         return;
       }
       switch (e.key) {
-        case "Escape":
+        case "Escape": {
           e.preventDefault();
           close();
           break;
-        case "ArrowDown":
+        }
+        case "ArrowDown": {
           e.preventDefault();
           setFocused((f) => Math.min(f + 1, versions.length - 1));
           break;
-        case "ArrowUp":
+        }
+        case "ArrowUp": {
           e.preventDefault();
           setFocused((f) => Math.max(f - 1, 0));
           break;
+        }
         case "Enter":
-        case " ":
+        case " ": {
           e.preventDefault();
           if (focused >= 0) {
             const version = versions[focused];
-            if (version) selectVersion(version);
+            if (version) {
+              selectVersion(version);
+            }
           }
           break;
-        case "Home":
+        }
+        case "Home": {
           e.preventDefault();
           setFocused(0);
           break;
-        case "End":
+        }
+        case "End": {
           e.preventDefault();
           setFocused(versions.length - 1);
           break;
-        case "Tab":
+        }
+        case "Tab": {
           close();
           break;
-        case "PageDown":
+        }
+        case "PageDown": {
           e.preventDefault();
           setFocused((f) => Math.min(f + 5, versions.length - 1));
           break;
-        case "PageUp":
+        }
+        case "PageUp": {
           e.preventDefault();
           setFocused((f) => Math.max(f - 5, 0));
           break;
+        }
       }
     },
     [open, currentIndex, versions, focused, selectVersion, close]
@@ -96,7 +107,9 @@ function VersionSelect({
   const focusedVersion = focused >= 0 ? versions[focused] : void 0;
   const handleClick = useCallback(() => {
     setOpen(!open);
-    if (!open) setFocused(currentIndex >= 0 ? currentIndex : 0);
+    if (!open) {
+      setFocused(Math.max(currentIndex, 0));
+    }
   }, [open, currentIndex]);
   const handleBlur = useCallback(
     (e) => {
@@ -146,7 +159,14 @@ function VersionSelect({
       }
     ),
     open && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-40", onClick: handleBackdropClick, "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "fixed inset-0 z-40",
+          onClick: handleBackdropClick,
+          "aria-hidden": "true"
+        }
+      ),
       /* @__PURE__ */ jsx(
         "div",
         {
@@ -166,7 +186,13 @@ function VersionSelect({
               onMouseEnter: () => handleOptionMouseEnter(i),
               className: `flex items-center justify-between gap-2 w-full px-3 py-2 text-sm text-left cursor-pointer hover:bg-bg transition-colors ${i === focused ? "bg-bg" : ""}`,
               children: [
-                /* @__PURE__ */ jsx("span", { className: version.id === current ? "text-fg" : "text-muted", children: version.label }),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: version.id === current ? "text-fg" : "text-muted",
+                    children: version.label
+                  }
+                ),
                 version.id === current && /* @__PURE__ */ jsx(IconCheck, { size: 14, className: "text-accent" })
               ]
             },

package/dist/components/video.js

@@ -54,8 +54,12 @@ function VideoComponent({
       );
     }
     const params = new URLSearchParams();
-    if (autoplay) params.set("autoplay", "1");
-    if (loop) params.set("loop", "1");
+    if (autoplay) {
+      params.set("autoplay", "1");
+    }
+    if (loop) {
+      params.set("loop", "1");
+    }
     const query = params.toString();
     return /* @__PURE__ */ jsx(
       "figure",
@@ -91,8 +95,12 @@ function VideoComponent({
       );
     }
     const params = new URLSearchParams();
-    if (autoplay) params.set("autoplay", "1");
-    if (loop) params.set("loop", "1");
+    if (autoplay) {
+      params.set("autoplay", "1");
+    }
+    if (loop) {
+      params.set("loop", "1");
+    }
     const query = params.toString();
     return /* @__PURE__ */ jsx(
       "figure",
@@ -128,17 +136,19 @@ function VideoComponent({
       "aria-label": title ?? "video",
       "aria-describedby": captions?.length ? "video-captions" : void 0,
       className: `my-6 w-full aspect-video rounded-xl border border-line object-cover ${className}`,
-      children: captions?.map((track) => /* @__PURE__ */ jsx(
-        "track",
-        {
-          kind: "captions",
-          src: track.src,
-          srcLang: track.lang,
-          label: track.label,
-          default: track.default
-        },
-        track.lang
-      ))
+      children: captions?.map(
+        (track) => /* @__PURE__ */ jsx(
+          "track",
+          {
+            kind: "captions",
+            src: track.src,
+            srcLang: track.lang,
+            label: track.label,
+            default: track.default
+          },
+          track.lang
+        )
+      )
     }
   );
 }

package/dist/components/zoom.js

@@ -24,7 +24,9 @@ function Zoom({ children, className }) {
     (e) => {
       if (e.key === "Tab") {
         e.preventDefault();
-        const focusable = [backdropRef.current, closeRef.current].filter(isbutton);
+        const focusable = [backdropRef.current, closeRef.current].filter(
+          isbutton
+        );
         const current = document.activeElement;
         const index = current instanceof HTMLButtonElement ? focusable.indexOf(current) : -1;
         const next = e.shiftKey ? focusable[(index - 1 + focusable.length) % focusable.length] : focusable[(index + 1) % focusable.length];
@@ -36,7 +38,9 @@ function Zoom({ children, className }) {
   useEscapeKey(close, open);
   useScrollLock(open);
   useEffect(() => {
-    if (!open) return;
+    if (!open) {
+      return;
+    }
     closeRef.current?.focus();
   }, [open]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/config.d.ts

@@ -1,4 +1,4 @@
-type FromsrcConfig = {
+interface FromsrcConfig {
     title: string;
     description?: string;
     baseUrl?: string;
@@ -24,7 +24,7 @@ type FromsrcConfig = {
     editUrl?: string;
     lastUpdated?: boolean;
     draft?: boolean;
-};
+}
 type ResolvedConfig = Required<Pick<FromsrcConfig, "title" | "docsDir" | "outDir" | "theme" | "lastUpdated" | "draft">> & {
     description: string;
     baseUrl: string;