@netfoundry/docusaurus-theme 0.3.1 → 0.3.4

package/dist/src/components/ProductSearch/ProductSearch.d.ts

@@ -0,0 +1,9 @@
+export type ProductSearchProps = {
+    appId: string;
+    apiKey: string;
+    indexName: string;
+    products?: string[];
+    extraContainerClasses?: string[];
+};
+export declare function ProductSearch({ appId, apiKey, indexName, products, extraContainerClasses, }: ProductSearchProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProductSearch.d.ts.map

package/dist/src/components/ProductSearch/ProductSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductSearch.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSearch/ProductSearch.tsx"],"names":[],"mappings":"AA+BA,MAAM,MAAM,kBAAkB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;CACpC,CAAC;AA2GF,wBAAgB,aAAa,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,SAAS,EACT,QAA8D,EAC9D,qBAA0B,GAC7B,EAAE,kBAAkB,2CA2JpB"}

package/dist/src/components/ProductSearch/ProductSearch.js

@@ -0,0 +1,140 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// src/components/ProductSearch/ProductSearch.tsx
+import { useEffect, useMemo, useState } from "react";
+import { InstantSearch, SearchBox, Pagination, Snippet, Configure, Stats, PoweredBy, useHits, useConfigure, useSearchBox, } from "react-instantsearch";
+import { history } from "instantsearch.js/es/lib/routers";
+import { singleIndex } from "instantsearch.js/es/lib/stateMappings";
+import { liteClient as algoliasearch } from "algoliasearch/lite";
+import styles from "./ProductSearch.module.css";
+import clsx from "clsx";
+function getUrl(h) {
+    return toRelative(((typeof h.url === "string" && h.url) ||
+        (Array.isArray(h.url) && h.url[0]) ||
+        h.url_without_anchor ||
+        h.url_without_variables ||
+        "#") + (h.anchor ? `#${h.anchor}` : ""));
+}
+function toRelative(href) {
+    try {
+        const u = new URL(href, typeof window !== "undefined" ? window.location.origin : "http://localhost");
+        return u.pathname + u.search + u.hash;
+    }
+    catch {
+        return href.startsWith("/") ? href : `/${href}`;
+    }
+}
+function shortUrl(h) {
+    return toRelative(getUrl(h));
+}
+function titleFrom(h) {
+    return (h.title ||
+        h.hierarchy?.lvl2 ||
+        h.hierarchy?.lvl1 ||
+        h.hierarchy?.lvl0 ||
+        shortUrl(h));
+}
+function ProductBadge({ p }) {
+    return p ? (_jsx("span", { className: `${styles.badge} ${styles[`p_${p}`]}`, children: p })) : null;
+}
+/** Configure-based filter (no remount, reliable) */
+function ProductFilter({ product }) {
+    useConfigure({
+        facetFilters: product ? [[`docusaurus_tag:docs-${product}-current`]] : [],
+    });
+    return null;
+}
+/** Group by section (lvl0), then by page (no duplicate "Learn") */
+function GroupedHits() {
+    const { hits } = useHits();
+    const sections = new Map();
+    for (const h of hits) {
+        const lvl0 = h.hierarchy?.lvl0 || "Other";
+        const page = h.url_without_anchor ||
+            (typeof h.url === "string" ? h.url.split("#")[0] : "") ||
+            "";
+        const byPage = sections.get(lvl0) || new Map();
+        const g = byPage.get(page) ||
+            { header: titleFrom(h), url: page || getUrl(h), lvl0, items: [] };
+        g.items.push(h);
+        byPage.set(page, g);
+        sections.set(lvl0, byPage);
+    }
+    return (_jsx("div", { className: styles.groupList, children: [...sections.entries()].map(([lvl0, byPage]) => (_jsxs("div", { className: styles.section, children: [_jsx("div", { className: styles.sectionHeader, children: lvl0 }), [...byPage.values()].map((g) => (_jsxs("div", { className: styles.group, children: [_jsxs("div", { className: styles.groupHeaderRow, children: [_jsx("a", { href: toRelative(g.url), className: styles.groupHeader, children: g.header }), _jsx(ProductBadge, { p: g.items[0].product })] }), _jsx("div", { className: styles.groupSnips, children: g.items.slice(0, 3).map((h, i) => (_jsx("div", { className: styles.snippet, children: _jsx(Snippet, { attribute: "content", hit: h }) }, i))) }), _jsx("div", { className: styles.groupUrl, children: _jsx("a", { href: getUrl(g.items[0]), children: shortUrl(g.items[0]) }) })] }, g.url)))] }, lvl0))) }));
+}
+function QueryWatcher({ onChange }) {
+    const { query } = useSearchBox();
+    useEffect(() => onChange(query.trim().length >= 2), [query, onChange]);
+    return null;
+}
+export function ProductSearch({ appId, apiKey, indexName, products = ["frontdoor", "openziti", "onprem", "zlan", "zrok"], extraContainerClasses = [], }) {
+    // read initial pill from ?product= for back/forward + shareable URLs
+    const [product, setProduct] = useState("");
+    const [searchLongEnough, setSearchLongEnough] = useState(false);
+    useEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        const p = new URLSearchParams(window.location.search).get("product") || "";
+        setProduct(p);
+    }, []);
+    useEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        const u = new URL(window.location.href);
+        if (product)
+            u.searchParams.set("product", product);
+        else
+            u.searchParams.delete("product");
+        window.history.replaceState({}, "", u);
+    }, [product]);
+    const base = useMemo(() => algoliasearch(appId, apiKey), [appId, apiKey]);
+    // Gate only when no query AND no pill active (prevents "freeze" on pill-only)
+    const searchClient = useMemo(() => ({
+        ...base,
+        search(requests) {
+            const allShort = requests.every((r) => (r.params?.query ?? "").length < 2);
+            if (allShort) { // block ALL searches until query >= 2
+                return Promise.resolve({
+                    results: requests.map(() => ({
+                        hits: [],
+                        nbHits: 0,
+                        page: 0,
+                        nbPages: 0,
+                        processingTimeMS: 0,
+                        params: "",
+                        query: "",
+                        exhaustiveNbHits: false,
+                    })),
+                });
+            }
+            return base.search(requests);
+        },
+    }), [base, product]);
+    return (_jsx("div", { className: styles.wrap, children: _jsxs(InstantSearch, { searchClient: searchClient, indexName: indexName, routing: {
+                router: history({ writeDelay: 300 }),
+                stateMapping: singleIndex(indexName),
+            }, children: [_jsx(QueryWatcher, { onChange: setSearchLongEnough }), _jsxs("div", { className: styles.topbar, children: [_jsx(SearchBox, { onKeyUp: (e) => {
+                                setSearchLongEnough(e.target.value.length > 1);
+                            }, autoFocus: true, classNames: { input: styles.searchInput }, placeholder: "Enter your search criteria here" }), _jsxs("div", { className: styles.pills, children: [_jsx("button", { className: `${styles.pill} ${!product ? styles.active : ""}`, onClick: () => searchLongEnough && setProduct(""), disabled: !searchLongEnough, children: "All" }), products.map((p) => (_jsx("button", { className: `${styles.pill} ${product === p ? styles.active : ""}`, onClick: () => searchLongEnough && setProduct(p), disabled: !searchLongEnough, children: p }, p)))] })] }), _jsx(Configure, { hitsPerPage: 20, attributesToRetrieve: [
+                        "url",
+                        "url_without_anchor",
+                        "url_without_variables",
+                        "anchor",
+                        "hierarchy",
+                        "product",
+                        "content",
+                        "title",
+                    ], attributesToHighlight: [
+                        "title",
+                        "hierarchy.lvl1",
+                        "hierarchy.lvl2",
+                        "content",
+                    ], attributesToSnippet: ["content:15"], snippetEllipsisText: "...", distinct: true }), searchLongEnough && _jsx(ProductFilter, { product: product }), _jsxs("div", { className: clsx(styles.container, extraContainerClasses), children: [_jsxs("div", { className: styles.results, children: [_jsx("div", { className: styles.meta, children: _jsx(Stats, {}) }), _jsx("div", { className: styles.grid, children: _jsx(GroupedHits, {}) }), _jsx(Pagination, { showFirst: false, showLast: false, classNames: {
+                                        root: styles.pagination,
+                                        list: styles.pageList,
+                                        item: styles.pageItem,
+                                        selectedItem: styles.pageItemSelected,
+                                        disabledItem: styles.pageItemDisabled,
+                                        link: styles.pageLink,
+                                    } })] }), _jsxs("div", { className: styles.footer, children: [_jsxs("div", { className: styles.kbdRow, children: [_jsxs("span", { children: [_jsx("kbd", { children: "Enter" }), " open"] }), _jsxs("span", { children: [_jsx("kbd", { children: "Up" }), _jsx("kbd", { children: "Down" }), " navigate"] }), _jsxs("span", { children: [_jsx("kbd", { children: "esc" }), " close"] })] }), _jsx(PoweredBy, {})] })] })] }) }));
+}
+//# sourceMappingURL=ProductSearch.js.map

package/dist/src/components/ProductSearch/ProductSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductSearch.js","sourceRoot":"","sources":["../../../../src/components/ProductSearch/ProductSearch.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/ProductSearch/ProductSearch.module.css

@@ -0,0 +1,190 @@
+/* src/components/ProductSearch/ProductSearch.module.css */
+
+/* ===== Layout ===== */
+.wrap{max-width:980px;margin:0 auto;padding:1rem}
+.topbar{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:center;margin-bottom:.6rem}
+.searchInput{
+    display:flex;
+    flex-grow:1;
+    height:44px;padding:0 .9rem;border-radius:12px;
+    border:1px solid var(--ifm-color-emphasis-300);background:var(--ifm-background-color);
+    transition:border-color .15s,box-shadow .15s,background .15s
+}
+.searchInput:focus{
+    outline:none;border-color:var(--ifm-color-primary);
+    box-shadow:0 0 0 3px color-mix(in oklab, var(--ifm-color-primary) 25%, transparent)
+}
+
+/* ===== Pills ===== */
+.pills{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}
+.pill{
+    display:flex;
+    background: teal;
+    all:unset;cursor:pointer;user-select:none;
+    padding:.38rem .7rem;border:1px solid var(--ifm-color-emphasis-300);
+    border-radius:999px;background:linear-gradient(180deg,var(--ifm-background-color),color-mix(in oklab,var(--ifm-background-color) 85%, black));
+    font-size:.82rem;line-height:1;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s
+}
+.pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
+.pill[disabled]{opacity:.45;pointer-events:none}
+.active{
+    background:linear-gradient(180deg,var(--ifm-color-primary),color-mix(in oklab,var(--ifm-color-primary) 85%, black));
+    color:#fff;border-color:var(--ifm-color-primary)
+}
+.activeChip{padding:.28rem .55rem;border:1px solid var(--ifm-color-emphasis-300);
+    border-radius:999px;background:var(--ifm-background-color);font-size:.75rem}
+
+/* ===== Meta ===== */
+.meta{display:flex;justify-content:space-between;align-items:center;margin:.35rem 0 .6rem;font-size:.86rem;color:var(--ifm-color-emphasis-700)}
+
+/* ===== Grouped Hits ===== */
+.grid{display:block}
+.groupList{display:flex;flex-direction:column;gap:.7rem}
+.group{
+    border:1px solid var(--ifm-color-emphasis-200);border-radius:14px;background:var(--ifm-background-color);
+    padding:.8rem .95rem;box-shadow:0 2px 10px rgba(0,0,0,.05);
+    transition:border-color .15s,box-shadow .15s,transform .12s
+}
+.group:hover{border-color:var(--ifm-color-primary);box-shadow:0 10px 24px rgba(0,0,0,.12);transform:translateY(-1px)}
+.groupHeaderRow{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
+.groupHeader{display:block;font-weight:800;letter-spacing:.2px;font-size:1.02rem;margin:0;text-decoration:none;color:var(--ifm-font-color-base)}
+.breadcrumb{font-size:.76rem;color:var(--ifm-color-emphasis-700);margin:.08rem 0 .35rem}
+.groupSnips{display:flex;flex-direction:column;gap:.3rem}
+.snippet {
+    font-size:.92rem;
+    color:var(--ifm-color-emphasis-800);
+    line-height:1.35;
+    position:relative;
+    padding-left:1rem;
+    white-space:nowrap;
+    overflow:hidden;
+    text-overflow:ellipsis;
+}
+.snippet::before {
+    content:">";
+    position:absolute;
+    left:0;
+    color:var(--ifm-color-primary);
+    font-weight:700;
+}
+.groupUrl{
+    font-family:var(--content-font-family);
+    margin-top:.3rem;
+    white-space:nowrap;
+    overflow:hidden;
+    text-overflow:ellipsis
+}
+
+/* ===== Badges ===== */
+.badge{padding:.16rem .55rem;border-radius:999px;font-size:.72rem;border:1px solid var(--ifm-color-emphasis-300)}
+.p_frontdoor{background:#e8f3ff;border-color:#c6e1ff;color:#145ea8}
+.p_openziti{background:#e9fff3;border-color:#c8f2df;color:#0d7a4e}
+.p_onprem{background:#fff3e8;border-color:#ffdcbf;color:#9a4d00}
+.p_zlan{background:#f1edff;border-color:#d9d0ff;color:#5335b7}
+.p_zrok{background:#fff0f0;border-color:#ffd0d0;color:#b71c1c}
+
+/* ===== Pagination ===== */
+.pagination{display:flex;justify-content:center;margin:.8rem 0}
+.pageList{display:flex;gap:.35rem;list-style:none;padding:0;margin:0}
+.pageItem{display:inline-flex}
+.pageItemDisabled{opacity:.45;pointer-events:none}
+.pageItemSelected .pageLink{background:var(--ifm-color-primary);color:#fff;border-color:var(--ifm-color-primary)}
+.pageLink{
+    display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .6rem;
+    border:1px solid var(--ifm-color-emphasis-300);border-radius:.55rem;text-decoration:none;font-size:.82rem;
+    transition:transform .12s,background .12s,border-color .12s
+}
+.pageLink:hover{transform:translateY(-1px);border-color:var(--ifm-color-primary)}
+
+/* ===== Highlights ===== */
+:global(mark){
+    background:#ffe955;color:inherit;border-radius:3px;box-shadow:0 0 0 2px rgba(255,233,85,.25) inset
+}
+
+/* ===== Dark mode tweaks ===== */
+:global(html[data-theme='dark']) .group{border-color:rgba(255,255,255,.09);box-shadow:0 2px 10px rgba(0,0,0,.35)}
+:global(html[data-theme='dark']) .breadcrumb{color:var(--ifm-color-emphasis-600)}
+:global(html[data-theme='dark']) .groupUrl{opacity:.95}
+:global(html[data-theme='dark']) .pill{background:linear-gradient(180deg,#1b1b1d,#161618);border-color:rgba(255,255,255,.08)}
+
+/* ===== DocSearch modal polish ===== */
+:global(.DocSearch-Modal){border-radius:16px;box-shadow:0 28px 80px rgba(0,0,0,.35)}
+:global(.DocSearch-Input){height:48px;border-radius:12px}
+:global(.DocSearch-Hit){border-radius:12px}
+:global(.DocSearch-Hit a){border-radius:12px}
+:global(.DocSearch-Hit-source){color:var(--ifm-color-primary)}
+:global(.DocSearch-Footer){border-top:1px solid var(--ifm-color-emphasis-200)}
+
+:global(.ais-SearchBox) { width: 100%; }
+
+:global(.ais-SearchBox-form) {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    gap:.55rem;
+}
+
+:global(.ais-SearchBox-input),
+:global(.searchInput_ps_s) {
+    flex: 1 1 auto;
+    min-width: 0;
+}
+
+:global(.ais-SearchBox-submit),
+:global(.ais-SearchBox-reset),
+:global(.ais-SearchBox-loadingIndicator) {
+    flex: 0 0 auto;
+}
+:global(.ais-SearchBox-submitIcon) {
+    height: .75rem;
+    width: .75rem;
+}
+:global(.ais-SearchBox-reset) {
+    display: none;
+}
+
+
+.container{display:flex;flex-direction:column;flex-grow:1}
+.results{flex:1 1 auto;overflow:auto}
+
+.footer{
+    position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;
+    gap:.75rem;background:var(--ifm-background-color);
+    border-top:1px solid var(--ifm-color-emphasis-200);
+    padding:.55rem .7rem;z-index:1;backdrop-filter:saturate(140%) blur(4px)
+}
+.kbdRow{display:flex;gap:.8rem;font-size:.82rem;color:var(--ifm-color-emphasis-700)}
+.kbdRow kbd{border:1px solid var(--ifm-color-emphasis-300);border-bottom-width:2px;border-radius:7px;padding:.06rem .38rem;font-family:inherit}
+
+.footer :global(.ais-PoweredBy){margin:0}
+.footer :global(.ais-PoweredBy-logo){height:1rem}
+
+/* tighten typographic weight in nested rows inside groups */
+.groupList > div > div {color:var(--ifm-color-primary);}
+
+/* Match pill colors to badge colors */
+.pill.active[data-product="frontdoor"] {
+    background: #e8f3ff;
+    border-color: #c6e1ff;
+    color: #145ea8;
+}
+.pill.active[data-product="openziti"] {
+    background: #e9fff3;
+    border-color: #c8f2df;
+    color: #0d7a4e;
+}
+.pill.active[data-product="onprem"] {
+    background: #fff3e8;
+    border-color: #ffdcbf;
+    color: #9a4d00;
+}
+.pill.active[data-product="zlan"] {
+    background: #f1edff;
+    border-color: #d9d0ff;
+    color: #5335b7;
+}
+.pill.active[data-product="zrok"] {
+    background: #fff0f0;
+    border-color: #ffd0d0;
+    color: #b71c1c;
+}

package/dist/src/components/ProductSearch/index.d.ts

@@ -0,0 +1,3 @@
+export { ProductSearch } from './ProductSearch';
+export type { ProductSearchProps } from './ProductSearch';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/ProductSearch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSearch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/src/components/ProductSearch/index.js

@@ -0,0 +1,2 @@
+export { ProductSearch } from './ProductSearch';
+//# sourceMappingURL=index.js.map

package/dist/src/components/ProductSearch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ProductSearch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/theme/SearchBar/SearchBar.module.css

@@ -0,0 +1,37 @@
+.trigger{all:unset;cursor:pointer;padding:.4rem .6rem;border:1px solid var(--ifm-color-emphasis-300);border-radius:8px}
+.backdrop{
+    position:fixed;
+    inset:0;
+    background:rgba(0,0,0,.5);
+    display:flex;
+    align-items:flex-start;
+    justify-content:center;
+    padding-top:10vh;
+    z-index:9999;
+    width:100%;
+}
+.modal{
+    /*background:var(--ifm-background-color);*/
+    /*color:var(--ifm-font-color-base);*/
+    /*min-height:85vh;*/
+    /*max-height:85vh;*/
+    /*overflow:auto;*/
+    /*border-radius:12px;*/
+    /*padding:1rem;*/
+}
+.close{position:relative;cursor:pointer;font-size:1.5rem}
+/* src/theme/SearchBar/SearchBar.module.css */
+.pills{position:fixed;top:12px;right:18px;z-index:100000;display:flex;gap:.4rem;flex-wrap:wrap}
+.pills button{all:unset;cursor:pointer;padding:.25rem .6rem;border:1px solid var(--ifm-color-emphasis-300);border-radius:999px;font-size:.8rem;background:var(--ifm-background-color)}
+.pills button.active{background:var(--ifm-color-primary);color:#fff;border-color:transparent}
+
+.modalSearchContainer {
+    max-height: 60vh;
+}
+.searchModal {
+    background: var(--ifm-background-color);
+    padding: 10px;
+    border-radius: 10px;
+    width: 80vw;
+    max-width: 800px;
+}

package/dist/theme/SearchBar/index.d.ts

@@ -0,0 +1,2 @@
+export default function SearchBar(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/SearchBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../theme/SearchBar/index.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,SAAS,mDA6DhC"}

package/dist/theme/SearchBar/index.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// theme/SearchBar/index.tsx
+import { useEffect, useState } from "react";
+import ReactDOM from "react-dom";
+import { DocSearchButton } from "@docsearch/react";
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import { ProductSearch } from "../../src/components/ProductSearch";
+import styles from "./SearchBar.module.css";
+import clsx from "clsx";
+export default function SearchBar() {
+    const [open, setOpen] = useState(false);
+    const [mounted, setMounted] = useState(false);
+    const [mouseDownTarget, setMouseDownTarget] = useState(null);
+    useEffect(() => setMounted(true), []);
+    useEffect(() => {
+        const onKey = (e) => {
+            if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "k") {
+                e.preventDefault();
+                setOpen(true);
+            }
+            if (e.key === "Escape")
+                setOpen(false);
+        };
+        window.addEventListener("keydown", onKey);
+        return () => window.removeEventListener("keydown", onKey);
+    }, []);
+    useEffect(() => { document.body.style.overflow = open ? "hidden" : ""; }, [open]);
+    const { siteConfig } = useDocusaurusContext();
+    const { customFields, themeConfig } = siteConfig;
+    // Get Algolia config from customFields or themeConfig.algolia
+    const algoliaConfig = themeConfig?.algolia || {};
+    const appId = customFields?.ALGOLIA_APPID || algoliaConfig.appId || '';
+    const apiKey = customFields?.ALGOLIA_APIKEY || algoliaConfig.apiKey || '';
+    const indexName = customFields?.ALGOLIA_INDEXNAME || algoliaConfig.indexName || '';
+    if (!appId || !apiKey || !indexName) {
+        // Fall back to default DocSearch if no valid config
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(DocSearchButton, { onClick: () => setOpen(true) }), mounted && open && ReactDOM.createPortal(_jsx("div", { className: styles.backdrop, onMouseDown: (e) => setMouseDownTarget(e.target), onMouseUp: (e) => {
+                    if (e.target === mouseDownTarget && e.target === e.currentTarget) {
+                        setOpen(false);
+                    }
+                }, children: _jsx("div", { className: styles.searchModal, onClick: (e) => e.stopPropagation(), children: _jsx("div", { className: clsx(styles.modal), onClick: (e) => e.stopPropagation(), children: _jsx(ProductSearch, { appId: appId, apiKey: apiKey, indexName: indexName, extraContainerClasses: [styles.modalSearchContainer] }) }) }) }), document.body)] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/theme/SearchBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../theme/SearchBar/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@netfoundry/docusaurus-theme",
-  "version": "0.3.1",
+  "version": "0.3.4",
   "description": "NetFoundry Docusaurus theme with shared layout, footer, and styling",
   "main": "dist/src/index.js",
   "types": "dist/src/index.d.ts",
   "files": [
     "dist",
-    "css"
+    "css",
+    "theme"
   ],
   "scripts": {
     "clean": "node scripts/clean.mjs",
@@ -45,9 +46,13 @@
     "react-dom": "^18 || ^19"
   },
   "dependencies": {
+    "@docsearch/react": "^3",
+    "algoliasearch": "^5",
     "clsx": "^2.0.0",
+    "instantsearch.js": "^4",
     "react-device-detect": "^2.2.3",
-    "react-github-btn": "^1.4.0"
+    "react-github-btn": "^1.4.0",
+    "react-instantsearch": "^7"
   },
   "devDependencies": {
     "@docusaurus/core": "^3",

package/theme/Layout/index.tsx

@@ -0,0 +1,74 @@
+import React, { type ReactNode } from 'react';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import {
+  NetFoundryLayout,
+  defaultNetFoundryFooterProps,
+  defaultSocialProps,
+} from '../../src/ui';
+import type { ThemeConfigWithNetFoundry } from '../../src/options';
+
+export interface LayoutProps {
+  children: ReactNode;
+  noFooter?: boolean;
+  wrapperClassName?: string;
+  title?: string;
+  description?: string;
+}
+
+/**
+ * NetFoundry theme Layout component.
+ *
+ * This component wraps NetFoundryLayout and reads configuration from
+ * themeConfig.netfoundry in docusaurus.config.ts.
+ *
+ * To customize further, swizzle this component:
+ * npx docusaurus swizzle @netfoundry/docusaurus-theme Layout --wrap
+ */
+export default function Layout({
+  children,
+  noFooter,
+  wrapperClassName,
+  title,
+  description,
+}: LayoutProps): ReactNode {
+  const { siteConfig } = useDocusaurusContext();
+  const themeConfig = siteConfig.themeConfig as ThemeConfigWithNetFoundry;
+  const nfConfig = themeConfig.netfoundry ?? {};
+
+  // Build footer props from config, falling back to defaults
+  const footerProps = noFooter
+    ? undefined
+    : {
+        ...defaultNetFoundryFooterProps(),
+        ...nfConfig.footer,
+        socialProps: {
+          ...defaultSocialProps,
+          ...nfConfig.footer?.socialProps,
+        },
+      };
+
+  // Build star props if enabled
+  const starProps =
+    nfConfig.showStarBanner && nfConfig.starBanner
+      ? {
+          repoUrl: nfConfig.starBanner.repoUrl,
+          label: nfConfig.starBanner.label,
+        }
+      : undefined;
+
+  return (
+    <NetFoundryLayout
+      title={title}
+      description={description}
+      className={wrapperClassName}
+      noFooter={noFooter}
+      footerProps={footerProps}
+      starProps={starProps}
+      meta={{
+        siteName: siteConfig.title,
+      }}
+    >
+      {children}
+    </NetFoundryLayout>
+  );
+}

package/theme/SearchBar/SearchBar.module.css

@@ -0,0 +1,37 @@
+.trigger{all:unset;cursor:pointer;padding:.4rem .6rem;border:1px solid var(--ifm-color-emphasis-300);border-radius:8px}
+.backdrop{
+    position:fixed;
+    inset:0;
+    background:rgba(0,0,0,.5);
+    display:flex;
+    align-items:flex-start;
+    justify-content:center;
+    padding-top:10vh;
+    z-index:9999;
+    width:100%;
+}
+.modal{
+    /*background:var(--ifm-background-color);*/
+    /*color:var(--ifm-font-color-base);*/
+    /*min-height:85vh;*/
+    /*max-height:85vh;*/
+    /*overflow:auto;*/
+    /*border-radius:12px;*/
+    /*padding:1rem;*/
+}
+.close{position:relative;cursor:pointer;font-size:1.5rem}
+/* src/theme/SearchBar/SearchBar.module.css */
+.pills{position:fixed;top:12px;right:18px;z-index:100000;display:flex;gap:.4rem;flex-wrap:wrap}
+.pills button{all:unset;cursor:pointer;padding:.25rem .6rem;border:1px solid var(--ifm-color-emphasis-300);border-radius:999px;font-size:.8rem;background:var(--ifm-background-color)}
+.pills button.active{background:var(--ifm-color-primary);color:#fff;border-color:transparent}
+
+.modalSearchContainer {
+    max-height: 60vh;
+}
+.searchModal {
+    background: var(--ifm-background-color);
+    padding: 10px;
+    border-radius: 10px;
+    width: 80vw;
+    max-width: 800px;
+}

package/theme/SearchBar/index.tsx

@@ -0,0 +1,72 @@
+// theme/SearchBar/index.tsx
+import React, {useEffect, useState} from "react";
+import ReactDOM from "react-dom";
+import {DocSearchButton} from "@docsearch/react";
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+
+import {ProductSearch} from "../../src/components/ProductSearch";
+import styles from "./SearchBar.module.css";
+import clsx from "clsx";
+
+export default function SearchBar() {
+    const [open, setOpen] = useState(false);
+    const [mounted, setMounted] = useState(false);
+    const [mouseDownTarget, setMouseDownTarget] = useState<EventTarget | null>(null);
+
+    useEffect(() => setMounted(true), []);
+    useEffect(() => {
+        const onKey = (e: KeyboardEvent) => {
+            if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "k") {
+                e.preventDefault();
+                setOpen(true);
+            }
+            if (e.key === "Escape") setOpen(false);
+        };
+        window.addEventListener("keydown", onKey);
+        return () => window.removeEventListener("keydown", onKey);
+    }, []);
+    useEffect(() => { document.body.style.overflow = open ? "hidden" : ""; }, [open]);
+
+    const { siteConfig } = useDocusaurusContext();
+    const { customFields, themeConfig } = siteConfig;
+
+    // Get Algolia config from customFields or themeConfig.algolia
+    const algoliaConfig = (themeConfig as any)?.algolia || {};
+    const appId = (customFields?.ALGOLIA_APPID as string) || algoliaConfig.appId || '';
+    const apiKey = (customFields?.ALGOLIA_APIKEY as string) || algoliaConfig.apiKey || '';
+    const indexName = (customFields?.ALGOLIA_INDEXNAME as string) || algoliaConfig.indexName || '';
+
+    if (!appId || !apiKey || !indexName) {
+        // Fall back to default DocSearch if no valid config
+        return null;
+    }
+
+    return (
+        <>
+            <DocSearchButton onClick={() => setOpen(true)} />
+            {mounted && open && ReactDOM.createPortal(
+                <div
+                    className={styles.backdrop}
+                    onMouseDown={(e) => setMouseDownTarget(e.target)}
+                    onMouseUp={(e) => {
+                        if (e.target === mouseDownTarget && e.target === e.currentTarget) {
+                            setOpen(false);
+                        }
+                    }}
+                >
+                    <div className={styles.searchModal} onClick={(e) => e.stopPropagation()}>
+                        <div className={clsx(styles.modal)} onClick={(e) => e.stopPropagation()}>
+                            <ProductSearch
+                                appId={appId}
+                                apiKey={apiKey}
+                                indexName={indexName}
+                                extraContainerClasses={[styles.modalSearchContainer]}
+                            />
+                        </div>
+                    </div>
+                </div>,
+                document.body
+            )}
+        </>
+    );
+}