@embedpdf/viewer-chrome 3.0.0-next.13 → 3.0.0-next.15

package/dist/search-panel-HfIhJm1M.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-panel-HfIhJm1M.js","names":[],"sources":["../src/ui/search-panel.tsx"],"sourcesContent":["/**\n * The search panel — the search sidebar on the plugin-search capability. One\n * shape end to end: the flat `SearchQuery` {text, regex, matchCase, wholeWord}\n * is what the engine matches, what the plugin stores (document-scoped,\n * survives the sidebar closing), and what this box renders.\n * The panel keeps only a draft of it for keystroke/debounce echo.\n *\n * Data flow:\n *   type / toggle → validateSearchQuery → (debounced) search(draftQuery)\n *   useSearchState() → query / status / hitCount / activeHitIndex (reactive)\n *   useSearchHits() → the streamed hit list\n *   click a hit / prev / next → goTo/prev/next (capability reveals it on-page)\n *\n * The look: a magnifier input with a clear button, option checkboxes, a\n * results-found counter with prev/next, and a per-page grouped snippet list\n * with the match bolded and the active hit accented, in this app's semantic\n * tokens. matchDiacritics exists in the engine but is deliberately not\n * exposed here.\n */\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  useSearch,\n  useSearchHits,\n  useSearchState,\n  validateSearchQuery,\n} from '@embedpdf/react/search';\nimport type { SearchHit, SearchQuery, SearchSnippet } from '@embedpdf/react/search';\nimport { useT } from '@embedpdf/react/i18n';\nimport { useSurfaceFocus } from '@embedpdf/react/shell';\nimport { Icon } from './icons';\nimport { useCloseOnPick } from './panel-frame';\nimport { buttonClass } from './toolbar';\n\nconst DEBOUNCE_MS = 300;\n\n/** Field-wise equality on the flat query — the mount/echo no-op guard. */\nconst sameQuery = (left: SearchQuery | null, right: SearchQuery) =>\n  left != null &&\n  left.text === right.text &&\n  !!left.regex === !!right.regex &&\n  !!left.matchCase === !!right.matchCase &&\n  !!left.wholeWord === !!right.wholeWord;\n\n// ── option checkbox (a peer-checked custom box) ───────────────────────────────\nfunction Checkbox({\n  label,\n  checked,\n  onChange,\n}: {\n  label: string;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n}) {\n  return (\n    <label className=\"text-fg-secondary flex cursor-pointer select-none items-center gap-2 text-xs font-medium\">\n      <span className=\"relative flex h-4 w-4 items-center justify-center\">\n        <input\n          type=\"checkbox\"\n          checked={checked}\n          onChange={(event) => onChange(event.target.checked)}\n          className=\"border-border bg-surface checked:border-accent checked:bg-accent rounded-xs peer h-4 w-4 shrink-0 appearance-none border transition-colors\"\n        />\n        <svg\n          viewBox=\"0 0 24 24\"\n          className=\"text-on-accent pointer-events-none absolute h-3 w-3 opacity-0 peer-checked:opacity-100\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth={3}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <polyline points=\"20 6 9 17 4 12\" />\n        </svg>\n      </span>\n      {label}\n    </label>\n  );\n}\n\n// ── one result row: a snippet with the match bolded, active = accented ───────\nfunction renderSnippet(snippet: SearchSnippet | undefined) {\n  if (!snippet) return null;\n  return (\n    <>\n      {snippet.before}\n      <span className=\"text-accent font-semibold\">{snippet.match}</span>\n      {snippet.after}\n    </>\n  );\n}\n\nfunction HitLine({\n  hit,\n  active,\n  onClick,\n}: {\n  hit: SearchHit;\n  active: boolean;\n  onClick: () => void;\n}) {\n  const ref = useRef<HTMLButtonElement>(null);\n  // Keep the active hit visible as prev/next walks the list.\n  useEffect(() => {\n    if (active) ref.current?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n  }, [active]);\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      onClick={onClick}\n      className={`w-full rounded border p-2 text-left text-sm transition-colors ${\n        active\n          ? 'border-accent bg-accent-light text-fg'\n          : 'border-border-subtle bg-surface text-fg-secondary hover:bg-hover'\n      }`}\n    >\n      <span>{renderSnippet(hit.snippet)}</span>\n    </button>\n  );\n}\n\n// ── the panel ────────────────────────────────────────────────────────────────\nexport function SearchPanel() {\n  const t = useT();\n  const search = useSearch();\n  const { query, status, hitCount, activeHitIndex } = useSearchState();\n  const hits = useSearchHits();\n  // A sheet or an overlay closes once a match is picked, so you see it on its page.\n  const closeOnPick = useCloseOnPick();\n\n  // `query` is the document-scoped stored search (survives the sidebar\n  // closing). The box is a controlled draft that starts from it; the panel is\n  // keyed on the document (see panels.tsx), so this one-time seed is always\n  // the right document's query — switching tabs remounts and reseeds.\n  const [draft, setDraft] = useState(() => query?.text ?? '');\n  const [matchCase, setMatchCase] = useState(() => query?.matchCase ?? false);\n  const [wholeWord, setWholeWord] = useState(() => query?.wholeWord ?? false);\n  const [regex, setRegex] = useState(() => query?.regex ?? false);\n  const inputRef = useRef<HTMLInputElement>(null);\n  // Find and the Search button ask for the cursor: it goes in the field, the text selected.\n  useSurfaceFocus('search', inputRef, { select: true });\n\n  // The draft is a SearchQuery — same shape the engine matches on.\n  const draftQuery: SearchQuery = { text: draft, regex, matchCase, wholeWord };\n  // Early feedback on keystroke: the same validator the engine enforces\n  // (regex dialect). Invalid patterns never fire a query.\n  const validation = draft && regex ? validateSearchQuery(draftQuery) : { ok: true as const };\n\n  // Debounced query. The sameQuery guard makes the mount pass (and our own\n  // echo coming back through state) a no-op — nothing re-runs until the user\n  // actually changes the text or a toggle. Clearing the box clears results.\n  useEffect(() => {\n    // No-ops: invalid pattern, draft already the stored query (mount pass /\n    // our own echo), or an empty box with nothing stored to clear.\n    if (!validation.ok || sameQuery(query, draftQuery)) return;\n    if (draft === '' && query === null) return;\n    const id = setTimeout(() => search.search(draftQuery), DEBOUNCE_MS);\n    return () => clearTimeout(id);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [draft, matchCase, wholeWord, regex, query, validation.ok, search]);\n\n  // Group hits by page, preserving page order, for the sectioned list.\n  const grouped = useMemo(() => {\n    const map = new Map<number, { hit: SearchHit; index: number }[]>();\n    hits.forEach((hit, index) => {\n      const arr = map.get(hit.pageIndex);\n      if (arr) arr.push({ hit, index });\n      else map.set(hit.pageIndex, [{ hit, index }]);\n    });\n    return [...map.entries()].sort((left, right) => left[0] - right[0]);\n  }, [hits]);\n\n  const searching = status === 'searching';\n\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col\">\n      <div className=\"p-3\">\n        {/* input: magnifier + clear */}\n        <div className=\"relative\">\n          <div className=\"text-fg-muted pointer-events-none absolute inset-y-0 start-0 flex items-center ps-2.5\">\n            <Icon name=\"search\" size={16} />\n          </div>\n          <input\n            ref={inputRef}\n            type=\"text\"\n            value={draft}\n            placeholder={t('demo.searchPlaceholder')}\n            onChange={(event) => setDraft(event.target.value)}\n            className={`bg-surface text-fg w-full rounded-md border py-1.5 pe-9 ps-8 text-sm outline-none focus:ring-1 ${\n              validation.ok\n                ? 'border-border focus:border-accent focus:ring-accent'\n                : 'border-red-400 focus:border-red-400 focus:ring-red-400'\n            }`}\n          />\n          {draft && (\n            <button\n              type=\"button\"\n              onClick={() => {\n                setDraft('');\n                inputRef.current?.focus();\n              }}\n              className=\"text-fg-muted hover:text-fg-secondary absolute inset-y-0 end-0 flex items-center pe-2.5\"\n            >\n              <Icon name=\"x\" size={16} />\n            </button>\n          )}\n        </div>\n\n        {/* the invalid-pattern message, straight from the shared validator */}\n        {!validation.ok && <p className=\"mt-1.5 text-xs text-red-500\">{validation.message}</p>}\n\n        {/* options — the three VS Code toggles, all composable */}\n        <div className=\"mt-3 flex flex-col gap-2\">\n          <Checkbox\n            label={t('demo.searchCaseSensitive')}\n            checked={matchCase}\n            onChange={setMatchCase}\n          />\n          <Checkbox label={t('demo.searchWholeWord')} checked={wholeWord} onChange={setWholeWord} />\n          <Checkbox label={t('demo.searchRegex')} checked={regex} onChange={setRegex} />\n        </div>\n\n        <hr className=\"border-border-subtle mb-2 mt-4\" />\n\n        {/* results counter + prev/next */}\n        {status !== 'idle' && (\n          <div className=\"flex h-8 items-center justify-between\">\n            <div className=\"text-fg-muted text-xs\">\n              {hitCount === 0\n                ? t(searching ? 'demo.searchSearching' : 'demo.searchNoResults')\n                : t('demo.searchResults', { params: { count: hitCount } })}\n            </div>\n            {hitCount > 1 && (\n              <div className=\"flex items-center\">\n                <button\n                  type=\"button\"\n                  title={t('demo.searchPrevious')}\n                  className={buttonClass(false)}\n                  onClick={() => search.previousHit()}\n                >\n                  <Icon name=\"chevronLeft\" size={20} className=\"rtl:-scale-x-100\" />\n                </button>\n                <button\n                  type=\"button\"\n                  title={t('demo.searchNext')}\n                  className={buttonClass(false)}\n                  onClick={() => search.nextHit()}\n                >\n                  <Icon name=\"chevronRight\" size={20} className=\"rtl:-scale-x-100\" />\n                </button>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* per-page grouped results */}\n      <div className=\"flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto px-3 pb-3\">\n        {grouped.map(([pageIndex, items]) => (\n          <div key={pageIndex} className=\"mt-2 first:mt-0\">\n            <div className=\"bg-surface/80 text-fg-muted py-2 text-xs backdrop-blur\">\n              {t('demo.searchPage', { params: { page: pageIndex + 1 } })}\n            </div>\n            <div className=\"flex flex-col gap-2\">\n              {items.map(({ hit, index }) => (\n                <HitLine\n                  key={index}\n                  hit={hit}\n                  active={index === activeHitIndex}\n                  onClick={() => {\n                    search.goToHit(index);\n                    closeOnPick();\n                  }}\n                />\n              ))}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/search-panel-s9IoiOtv.cjs

@@ -0,0 +1,249 @@
+const require_icons = require("./icons-x0Tc05bs.cjs");
+const require_toolbar = require("./toolbar-CJu2wKTU.cjs");
+const require_sheet = require("./sheet-BDsa_Sup.cjs");
+let react = require("react");
+let _embedpdf_react_search = require("@embedpdf/react/search");
+let _embedpdf_react_i18n = require("@embedpdf/react/i18n");
+let _embedpdf_react_shell = require("@embedpdf/react/shell");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/ui/search-panel.tsx
+/**
+* The search panel — the search sidebar on the plugin-search capability. One
+* shape end to end: the flat `SearchQuery` {text, regex, matchCase, wholeWord}
+* is what the engine matches, what the plugin stores (document-scoped,
+* survives the sidebar closing), and what this box renders.
+* The panel keeps only a draft of it for keystroke/debounce echo.
+*
+* Data flow:
+*   type / toggle → validateSearchQuery → (debounced) search(draftQuery)
+*   useSearchState() → query / status / hitCount / activeHitIndex (reactive)
+*   useSearchHits() → the streamed hit list
+*   click a hit / prev / next → goTo/prev/next (capability reveals it on-page)
+*
+* The look: a magnifier input with a clear button, option checkboxes, a
+* results-found counter with prev/next, and a per-page grouped snippet list
+* with the match bolded and the active hit accented, in this app's semantic
+* tokens. matchDiacritics exists in the engine but is deliberately not
+* exposed here.
+*/
+const DEBOUNCE_MS = 300;
+/** Field-wise equality on the flat query — the mount/echo no-op guard. */
+const sameQuery = (left, right) => left != null && left.text === right.text && !!left.regex === !!right.regex && !!left.matchCase === !!right.matchCase && !!left.wholeWord === !!right.wholeWord;
+function Checkbox({ label, checked, onChange }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+		className: "text-fg-secondary flex cursor-pointer select-none items-center gap-2 text-xs font-medium",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: "relative flex h-4 w-4 items-center justify-center",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				type: "checkbox",
+				checked,
+				onChange: (event) => onChange(event.target.checked),
+				className: "border-border bg-surface checked:border-accent checked:bg-accent rounded-xs peer h-4 w-4 shrink-0 appearance-none border transition-colors"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				viewBox: "0 0 24 24",
+				className: "text-on-accent pointer-events-none absolute h-3 w-3 opacity-0 peer-checked:opacity-100",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: 3,
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("polyline", { points: "20 6 9 17 4 12" })
+			})]
+		}), label]
+	});
+}
+function renderSnippet(snippet) {
+	if (!snippet) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		snippet.before,
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-accent font-semibold",
+			children: snippet.match
+		}),
+		snippet.after
+	] });
+}
+function HitLine({ hit, active, onClick }) {
+	const ref = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		if (active) ref.current?.scrollIntoView({
+			behavior: "smooth",
+			block: "nearest"
+		});
+	}, [active]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		ref,
+		type: "button",
+		onClick,
+		className: `w-full rounded border p-2 text-left text-sm transition-colors ${active ? "border-accent bg-accent-light text-fg" : "border-border-subtle bg-surface text-fg-secondary hover:bg-hover"}`,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: renderSnippet(hit.snippet) })
+	});
+}
+function SearchPanel() {
+	const t = (0, _embedpdf_react_i18n.useT)();
+	const search = (0, _embedpdf_react_search.useSearch)();
+	const { query, status, hitCount, activeHitIndex } = (0, _embedpdf_react_search.useSearchState)();
+	const hits = (0, _embedpdf_react_search.useSearchHits)();
+	const closeOnPick = require_sheet.useCloseOnPick();
+	const [draft, setDraft] = (0, react.useState)(() => query?.text ?? "");
+	const [matchCase, setMatchCase] = (0, react.useState)(() => query?.matchCase ?? false);
+	const [wholeWord, setWholeWord] = (0, react.useState)(() => query?.wholeWord ?? false);
+	const [regex, setRegex] = (0, react.useState)(() => query?.regex ?? false);
+	const inputRef = (0, react.useRef)(null);
+	(0, _embedpdf_react_shell.useSurfaceFocus)("search", inputRef, { select: true });
+	const draftQuery = {
+		text: draft,
+		regex,
+		matchCase,
+		wholeWord
+	};
+	const validation = draft && regex ? (0, _embedpdf_react_search.validateSearchQuery)(draftQuery) : { ok: true };
+	(0, react.useEffect)(() => {
+		if (!validation.ok || sameQuery(query, draftQuery)) return;
+		if (draft === "" && query === null) return;
+		const id = setTimeout(() => search.search(draftQuery), DEBOUNCE_MS);
+		return () => clearTimeout(id);
+	}, [
+		draft,
+		matchCase,
+		wholeWord,
+		regex,
+		query,
+		validation.ok,
+		search
+	]);
+	const grouped = (0, react.useMemo)(() => {
+		const map = /* @__PURE__ */ new Map();
+		hits.forEach((hit, index) => {
+			const arr = map.get(hit.pageIndex);
+			if (arr) arr.push({
+				hit,
+				index
+			});
+			else map.set(hit.pageIndex, [{
+				hit,
+				index
+			}]);
+		});
+		return [...map.entries()].sort((left, right) => left[0] - right[0]);
+	}, [hits]);
+	const searching = status === "searching";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex min-h-0 flex-1 flex-col",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "p-3",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "relative",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "text-fg-muted pointer-events-none absolute inset-y-0 start-0 flex items-center ps-2.5",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.Icon, {
+								name: "search",
+								size: 16
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							ref: inputRef,
+							type: "text",
+							value: draft,
+							placeholder: t("demo.searchPlaceholder"),
+							onChange: (event) => setDraft(event.target.value),
+							className: `bg-surface text-fg w-full rounded-md border py-1.5 pe-9 ps-8 text-sm outline-none focus:ring-1 ${validation.ok ? "border-border focus:border-accent focus:ring-accent" : "border-red-400 focus:border-red-400 focus:ring-red-400"}`
+						}),
+						draft && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							onClick: () => {
+								setDraft("");
+								inputRef.current?.focus();
+							},
+							className: "text-fg-muted hover:text-fg-secondary absolute inset-y-0 end-0 flex items-center pe-2.5",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.Icon, {
+								name: "x",
+								size: 16
+							})
+						})
+					]
+				}),
+				!validation.ok && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "mt-1.5 text-xs text-red-500",
+					children: validation.message
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "mt-3 flex flex-col gap-2",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Checkbox, {
+							label: t("demo.searchCaseSensitive"),
+							checked: matchCase,
+							onChange: setMatchCase
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Checkbox, {
+							label: t("demo.searchWholeWord"),
+							checked: wholeWord,
+							onChange: setWholeWord
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Checkbox, {
+							label: t("demo.searchRegex"),
+							checked: regex,
+							onChange: setRegex
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", { className: "border-border-subtle mb-2 mt-4" }),
+				status !== "idle" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex h-8 items-center justify-between",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "text-fg-muted text-xs",
+						children: hitCount === 0 ? t(searching ? "demo.searchSearching" : "demo.searchNoResults") : t("demo.searchResults", { params: { count: hitCount } })
+					}), hitCount > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex items-center",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							title: t("demo.searchPrevious"),
+							className: require_toolbar.buttonClass(false),
+							onClick: () => search.previousHit(),
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.Icon, {
+								name: "chevronLeft",
+								size: 20,
+								className: "rtl:-scale-x-100"
+							})
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							title: t("demo.searchNext"),
+							className: require_toolbar.buttonClass(false),
+							onClick: () => search.nextHit(),
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.Icon, {
+								name: "chevronRight",
+								size: 20,
+								className: "rtl:-scale-x-100"
+							})
+						})]
+					})]
+				})
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto px-3 pb-3",
+			children: grouped.map(([pageIndex, items]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "mt-2 first:mt-0",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "bg-surface/80 text-fg-muted py-2 text-xs backdrop-blur",
+					children: t("demo.searchPage", { params: { page: pageIndex + 1 } })
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "flex flex-col gap-2",
+					children: items.map(({ hit, index }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HitLine, {
+						hit,
+						active: index === activeHitIndex,
+						onClick: () => {
+							search.goToHit(index);
+							closeOnPick();
+						}
+					}, index))
+				})]
+			}, pageIndex))
+		})]
+	});
+}
+//#endregion
+exports.SearchPanel = SearchPanel;
+
+//# sourceMappingURL=search-panel-s9IoiOtv.cjs.map

package/dist/search-panel-s9IoiOtv.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-panel-s9IoiOtv.cjs","names":["useCloseOnPick","Icon","buttonClass"],"sources":["../src/ui/search-panel.tsx"],"sourcesContent":["/**\n * The search panel — the search sidebar on the plugin-search capability. One\n * shape end to end: the flat `SearchQuery` {text, regex, matchCase, wholeWord}\n * is what the engine matches, what the plugin stores (document-scoped,\n * survives the sidebar closing), and what this box renders.\n * The panel keeps only a draft of it for keystroke/debounce echo.\n *\n * Data flow:\n *   type / toggle → validateSearchQuery → (debounced) search(draftQuery)\n *   useSearchState() → query / status / hitCount / activeHitIndex (reactive)\n *   useSearchHits() → the streamed hit list\n *   click a hit / prev / next → goTo/prev/next (capability reveals it on-page)\n *\n * The look: a magnifier input with a clear button, option checkboxes, a\n * results-found counter with prev/next, and a per-page grouped snippet list\n * with the match bolded and the active hit accented, in this app's semantic\n * tokens. matchDiacritics exists in the engine but is deliberately not\n * exposed here.\n */\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  useSearch,\n  useSearchHits,\n  useSearchState,\n  validateSearchQuery,\n} from '@embedpdf/react/search';\nimport type { SearchHit, SearchQuery, SearchSnippet } from '@embedpdf/react/search';\nimport { useT } from '@embedpdf/react/i18n';\nimport { useSurfaceFocus } from '@embedpdf/react/shell';\nimport { Icon } from './icons';\nimport { useCloseOnPick } from './panel-frame';\nimport { buttonClass } from './toolbar';\n\nconst DEBOUNCE_MS = 300;\n\n/** Field-wise equality on the flat query — the mount/echo no-op guard. */\nconst sameQuery = (left: SearchQuery | null, right: SearchQuery) =>\n  left != null &&\n  left.text === right.text &&\n  !!left.regex === !!right.regex &&\n  !!left.matchCase === !!right.matchCase &&\n  !!left.wholeWord === !!right.wholeWord;\n\n// ── option checkbox (a peer-checked custom box) ───────────────────────────────\nfunction Checkbox({\n  label,\n  checked,\n  onChange,\n}: {\n  label: string;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n}) {\n  return (\n    <label className=\"text-fg-secondary flex cursor-pointer select-none items-center gap-2 text-xs font-medium\">\n      <span className=\"relative flex h-4 w-4 items-center justify-center\">\n        <input\n          type=\"checkbox\"\n          checked={checked}\n          onChange={(event) => onChange(event.target.checked)}\n          className=\"border-border bg-surface checked:border-accent checked:bg-accent rounded-xs peer h-4 w-4 shrink-0 appearance-none border transition-colors\"\n        />\n        <svg\n          viewBox=\"0 0 24 24\"\n          className=\"text-on-accent pointer-events-none absolute h-3 w-3 opacity-0 peer-checked:opacity-100\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth={3}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <polyline points=\"20 6 9 17 4 12\" />\n        </svg>\n      </span>\n      {label}\n    </label>\n  );\n}\n\n// ── one result row: a snippet with the match bolded, active = accented ───────\nfunction renderSnippet(snippet: SearchSnippet | undefined) {\n  if (!snippet) return null;\n  return (\n    <>\n      {snippet.before}\n      <span className=\"text-accent font-semibold\">{snippet.match}</span>\n      {snippet.after}\n    </>\n  );\n}\n\nfunction HitLine({\n  hit,\n  active,\n  onClick,\n}: {\n  hit: SearchHit;\n  active: boolean;\n  onClick: () => void;\n}) {\n  const ref = useRef<HTMLButtonElement>(null);\n  // Keep the active hit visible as prev/next walks the list.\n  useEffect(() => {\n    if (active) ref.current?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n  }, [active]);\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      onClick={onClick}\n      className={`w-full rounded border p-2 text-left text-sm transition-colors ${\n        active\n          ? 'border-accent bg-accent-light text-fg'\n          : 'border-border-subtle bg-surface text-fg-secondary hover:bg-hover'\n      }`}\n    >\n      <span>{renderSnippet(hit.snippet)}</span>\n    </button>\n  );\n}\n\n// ── the panel ────────────────────────────────────────────────────────────────\nexport function SearchPanel() {\n  const t = useT();\n  const search = useSearch();\n  const { query, status, hitCount, activeHitIndex } = useSearchState();\n  const hits = useSearchHits();\n  // A sheet or an overlay closes once a match is picked, so you see it on its page.\n  const closeOnPick = useCloseOnPick();\n\n  // `query` is the document-scoped stored search (survives the sidebar\n  // closing). The box is a controlled draft that starts from it; the panel is\n  // keyed on the document (see panels.tsx), so this one-time seed is always\n  // the right document's query — switching tabs remounts and reseeds.\n  const [draft, setDraft] = useState(() => query?.text ?? '');\n  const [matchCase, setMatchCase] = useState(() => query?.matchCase ?? false);\n  const [wholeWord, setWholeWord] = useState(() => query?.wholeWord ?? false);\n  const [regex, setRegex] = useState(() => query?.regex ?? false);\n  const inputRef = useRef<HTMLInputElement>(null);\n  // Find and the Search button ask for the cursor: it goes in the field, the text selected.\n  useSurfaceFocus('search', inputRef, { select: true });\n\n  // The draft is a SearchQuery — same shape the engine matches on.\n  const draftQuery: SearchQuery = { text: draft, regex, matchCase, wholeWord };\n  // Early feedback on keystroke: the same validator the engine enforces\n  // (regex dialect). Invalid patterns never fire a query.\n  const validation = draft && regex ? validateSearchQuery(draftQuery) : { ok: true as const };\n\n  // Debounced query. The sameQuery guard makes the mount pass (and our own\n  // echo coming back through state) a no-op — nothing re-runs until the user\n  // actually changes the text or a toggle. Clearing the box clears results.\n  useEffect(() => {\n    // No-ops: invalid pattern, draft already the stored query (mount pass /\n    // our own echo), or an empty box with nothing stored to clear.\n    if (!validation.ok || sameQuery(query, draftQuery)) return;\n    if (draft === '' && query === null) return;\n    const id = setTimeout(() => search.search(draftQuery), DEBOUNCE_MS);\n    return () => clearTimeout(id);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [draft, matchCase, wholeWord, regex, query, validation.ok, search]);\n\n  // Group hits by page, preserving page order, for the sectioned list.\n  const grouped = useMemo(() => {\n    const map = new Map<number, { hit: SearchHit; index: number }[]>();\n    hits.forEach((hit, index) => {\n      const arr = map.get(hit.pageIndex);\n      if (arr) arr.push({ hit, index });\n      else map.set(hit.pageIndex, [{ hit, index }]);\n    });\n    return [...map.entries()].sort((left, right) => left[0] - right[0]);\n  }, [hits]);\n\n  const searching = status === 'searching';\n\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col\">\n      <div className=\"p-3\">\n        {/* input: magnifier + clear */}\n        <div className=\"relative\">\n          <div className=\"text-fg-muted pointer-events-none absolute inset-y-0 start-0 flex items-center ps-2.5\">\n            <Icon name=\"search\" size={16} />\n          </div>\n          <input\n            ref={inputRef}\n            type=\"text\"\n            value={draft}\n            placeholder={t('demo.searchPlaceholder')}\n            onChange={(event) => setDraft(event.target.value)}\n            className={`bg-surface text-fg w-full rounded-md border py-1.5 pe-9 ps-8 text-sm outline-none focus:ring-1 ${\n              validation.ok\n                ? 'border-border focus:border-accent focus:ring-accent'\n                : 'border-red-400 focus:border-red-400 focus:ring-red-400'\n            }`}\n          />\n          {draft && (\n            <button\n              type=\"button\"\n              onClick={() => {\n                setDraft('');\n                inputRef.current?.focus();\n              }}\n              className=\"text-fg-muted hover:text-fg-secondary absolute inset-y-0 end-0 flex items-center pe-2.5\"\n            >\n              <Icon name=\"x\" size={16} />\n            </button>\n          )}\n        </div>\n\n        {/* the invalid-pattern message, straight from the shared validator */}\n        {!validation.ok && <p className=\"mt-1.5 text-xs text-red-500\">{validation.message}</p>}\n\n        {/* options — the three VS Code toggles, all composable */}\n        <div className=\"mt-3 flex flex-col gap-2\">\n          <Checkbox\n            label={t('demo.searchCaseSensitive')}\n            checked={matchCase}\n            onChange={setMatchCase}\n          />\n          <Checkbox label={t('demo.searchWholeWord')} checked={wholeWord} onChange={setWholeWord} />\n          <Checkbox label={t('demo.searchRegex')} checked={regex} onChange={setRegex} />\n        </div>\n\n        <hr className=\"border-border-subtle mb-2 mt-4\" />\n\n        {/* results counter + prev/next */}\n        {status !== 'idle' && (\n          <div className=\"flex h-8 items-center justify-between\">\n            <div className=\"text-fg-muted text-xs\">\n              {hitCount === 0\n                ? t(searching ? 'demo.searchSearching' : 'demo.searchNoResults')\n                : t('demo.searchResults', { params: { count: hitCount } })}\n            </div>\n            {hitCount > 1 && (\n              <div className=\"flex items-center\">\n                <button\n                  type=\"button\"\n                  title={t('demo.searchPrevious')}\n                  className={buttonClass(false)}\n                  onClick={() => search.previousHit()}\n                >\n                  <Icon name=\"chevronLeft\" size={20} className=\"rtl:-scale-x-100\" />\n                </button>\n                <button\n                  type=\"button\"\n                  title={t('demo.searchNext')}\n                  className={buttonClass(false)}\n                  onClick={() => search.nextHit()}\n                >\n                  <Icon name=\"chevronRight\" size={20} className=\"rtl:-scale-x-100\" />\n                </button>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* per-page grouped results */}\n      <div className=\"flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto px-3 pb-3\">\n        {grouped.map(([pageIndex, items]) => (\n          <div key={pageIndex} className=\"mt-2 first:mt-0\">\n            <div className=\"bg-surface/80 text-fg-muted py-2 text-xs backdrop-blur\">\n              {t('demo.searchPage', { params: { page: pageIndex + 1 } })}\n            </div>\n            <div className=\"flex flex-col gap-2\">\n              {items.map(({ hit, index }) => (\n                <HitLine\n                  key={index}\n                  hit={hit}\n                  active={index === activeHitIndex}\n                  onClick={() => {\n                    search.goToHit(index);\n                    closeOnPick();\n                  }}\n                />\n              ))}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}