@stainless-api/docs-search 0.1.0-beta.2 → 0.1.0-beta.21

package/dist/{algolia-BOY-OcxU.js → algolia-gvZUkKkS.js}

@@ -1,5 +1,5 @@
-import { n as generateIndex, t as generateChatIndex } from "./indexer-DBU0POrK.js";
-import { i as SearchableAttributesProse, n as SearchableAttributes, r as SearchableAttributesChat } from "./types-BhJLoaNF.js";
+import { n as generateIndex, t as generateChatIndex } from "./indexer-BDmIxFRi.js";
+import { i as SearchableAttributesProse, n as SearchableAttributes, r as SearchableAttributesChat } from "./types-DyGUPDP0.js";
 import { searchClient } from "@algolia/client-search";
 
 //#region src/providers/algolia.ts

package/dist/{context-CBTWkDal.js → context-BeqLpg4u.js}

@@ -1,13 +1,13 @@
-import { i as search } from "./algolia-BOY-OcxU.js";
-import * as React from "react";
+import { i as search } from "./algolia-gvZUkKkS.js";
+import { createContext, useCallback, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/context.tsx
 function createStrictContext(displayName) {
-	const Context = React.createContext(null);
+	const Context = createContext(null);
 	Context.displayName = displayName;
 	function useStrictContext() {
-		const context = React.useContext(Context);
+		const context = useContext(Context);
 		if (context === null) throw new Error(`use${displayName} must be used within a ${displayName}Provider`);
 		return context;
 	}
@@ -16,10 +16,10 @@ function createStrictContext(displayName) {
 const [Provider, useSearchContext] = createStrictContext("SearchContext");
 function useSearch() {
 	const { settings } = useSearchContext();
-	return (params) => search({
+	return useCallback((params) => search({
 		settings,
 		params
-	});
+	}), [settings]);
 }
 function SearchProvider({ children, ...props }) {
 	return /* @__PURE__ */ jsx(Provider, {

package/dist/context.d.ts

@@ -1,5 +1,4 @@
-import { f as ResultType, g as SearchSettings, h as SearchParams } from "./types-Gg968wOz.js";
-import * as React from "react";
+import { f as ResultType, g as SearchSettings, h as SearchParams } from "./types-fPzO2V0p.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/context.d.ts

package/dist/context.js

@@ -1,5 +1,5 @@
-import "./indexer-DBU0POrK.js";
-import "./algolia-BOY-OcxU.js";
-import { n as useSearch, r as useSearchContext, t as SearchProvider } from "./context-CBTWkDal.js";
+import "./indexer-BDmIxFRi.js";
+import "./algolia-gvZUkKkS.js";
+import { n as useSearch, r as useSearchContext, t as SearchProvider } from "./context-BeqLpg4u.js";
 
 export { SearchProvider, useSearch, useSearchContext };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { l as QueryKindsType, u as ResultData } from "./types-Gg968wOz.js";
+import { l as QueryKindsType, u as ResultData } from "./types-fPzO2V0p.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/form.d.ts

package/dist/index.js

@@ -1,14 +1,15 @@
-import "./indexer-DBU0POrK.js";
-import { t as QueryKinds } from "./types-BhJLoaNF.js";
-import "./algolia-BOY-OcxU.js";
-import { n as useSearch, r as useSearchContext } from "./context-CBTWkDal.js";
-import { t as guideSearch } from "./pagefind-Dcn-gjDe.js";
-import * as React from "react";
+import "./indexer-BDmIxFRi.js";
+import { t as QueryKinds } from "./types-DyGUPDP0.js";
+import "./algolia-gvZUkKkS.js";
+import { n as useSearch, r as useSearchContext } from "./context-BeqLpg4u.js";
+import { t as guideSearch } from "./pagefind-DCvI8YmZ.js";
+import { createElement, useEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { BookOpenText, Box, Code, Folder, Search, Wrench, X } from "lucide-react";
+import { BookOpenText, Box, Code, Folder, Search, Wrench } from "lucide-react";
 import { useLanguage } from "@stainless-api/docs-ui/contexts";
 import { useComponents } from "@stainless-api/docs-ui/contexts/use-components";
 import style from "@stainless-api/docs-ui/style";
+import { Button } from "@stainless-api/ui-primitives";
 
 //#region src/results.tsx
 const QueryKindDisplay = {
@@ -223,35 +224,40 @@ function SearchForm() {
 	const search = useSearch();
 	const language = useLanguage();
 	const { onSelect, pageFind } = useSearchContext();
-	const [results, setResults] = React.useState(null);
-	const [filterKind, setFilterKind] = React.useState("all");
-	const [searchQuery, setSearchQuery] = React.useState("");
-	const inputRef = React.useRef(null);
-	async function performSearch() {
-		const guideLimit = filterKind === "guide" ? 25 : 5;
-		const kind = ["all", "guide"].includes(filterKind) ? void 0 : filterKind;
-		const [guideResults, apiResults] = await Promise.all([pageFind ? guideSearch(pageFind, searchQuery, guideLimit) : [], search({
+	const [results, setResults] = useState(null);
+	const [filterKind, setFilterKind] = useState("all");
+	const [searchQuery, setSearchQuery] = useState("");
+	const inputRef = useRef(null);
+	useEffect(() => {
+		const guideLimit = 25;
+		const apiKindFilter = ["all", "guide"].includes(filterKind) ? void 0 : filterKind;
+		const ac = new AbortController();
+		Promise.all([pageFind ? guideSearch(pageFind, searchQuery, guideLimit) : [], search({
 			query: searchQuery,
-			kind,
+			kind: apiKindFilter,
 			language
-		})]);
-		setResults({
-			items: filterKind === "guide" ? guideResults : filterKind === "all" ? [...guideResults.slice(0, 5), ...apiResults?.hits ?? []] : apiResults?.hits ?? [],
-			counts: {
-				...apiResults?.facets?.["kind"],
-				guide: guideResults.length,
-				all: apiResults?.nbHits
-			}
-		});
-	}
-	function clearInput() {
-		setSearchQuery("");
-		inputRef?.current?.focus();
-	}
-	React.useEffect(() => void performSearch(), [
+		})]).then(([guideResults, apiResults]) => {
+			if (ac.signal.aborted) return;
+			setResults({
+				items: filterKind === "guide" ? guideResults : filterKind === "all" ? [
+					...guideResults.slice(0, 5),
+					...apiResults?.hits ?? [],
+					...guideResults.slice(5)
+				] : apiResults?.hits ?? [],
+				counts: {
+					...apiResults?.facets?.["kind"],
+					guide: guideResults.length,
+					all: (apiResults?.nbHits ?? 0) + guideResults.length
+				}
+			});
+		}).catch(() => {});
+		return () => ac.abort();
+	}, [
 		searchQuery,
 		filterKind,
-		language
+		language,
+		search,
+		pageFind
 	]);
 	return /* @__PURE__ */ jsxs("div", {
 		className: style.SearchForm,
@@ -264,19 +270,13 @@ function SearchForm() {
 					size: 16,
 					className: style.Icon
 				}),
-				right: searchQuery && /* @__PURE__ */ jsx(X, {
-					cursor: "pointer",
-					onClick: () => clearInput(),
-					size: 16,
-					className: style.Icon
-				}),
 				value: searchQuery,
 				placeholder: "Search"
 			}),
 			/* @__PURE__ */ jsx(SearchFilter, {
 				results,
 				filterKind,
-				onChange: (filterKind$1) => setFilterKind(filterKind$1)
+				onChange: (filterKind) => setFilterKind(filterKind)
 			}),
 			/* @__PURE__ */ jsx(Docs.ListView, {
 				items: results?.items ?? [],
@@ -287,16 +287,15 @@ function SearchForm() {
 	});
 }
 function SearchFilter({ results, filterKind, onChange }) {
-	const Docs = useComponents();
 	const { pageFind } = useSearchContext();
-	const toggles = pageFind ? QueryKinds : QueryKinds.slice(0, -1);
+	const toggles = pageFind ? QueryKinds : QueryKinds.filter((k) => k !== "guide");
 	return /* @__PURE__ */ jsx("div", {
 		className: style.SearchFilter,
-		children: toggles.map((kind, index) => /* @__PURE__ */ jsxs(Docs.ToggleButton, {
-			selected: filterKind === kind,
+		children: toggles.map((kind, index) => /* @__PURE__ */ jsxs(Button, {
+			variant: filterKind === kind ? "accent" : "outline",
 			onClick: () => onChange?.(kind),
 			children: [
-				React.createElement(QueryKindDisplay[kind].icon, {
+				createElement(QueryKindDisplay[kind].icon, {
 					size: 16,
 					className: style.Icon
 				}),
@@ -313,7 +312,14 @@ function SearchFilter({ results, filterKind, onChange }) {
 	});
 }
 function SearchModal({ id, open: isOpen }) {
-	const [open, setOpen] = React.useState(isOpen ?? false);
+	const [open, setOpen] = useState(isOpen ?? false);
+	useEffect(() => {
+		if (open) document.body.style.overflow = "hidden";
+		else document.body.style.overflow = "";
+		return () => {
+			document.body.style.overflow = "";
+		};
+	}, [open]);
 	return /* @__PURE__ */ jsx("div", {
 		id,
 		onToggle: (ev) => setOpen(ev.newState === "open"),

package/dist/mcp.d.ts

@@ -1,13 +1,11 @@
-import { n as IndexEntry, r as IndexMethod } from "./types-Gg968wOz.js";
+import { b as Spec, n as IndexEntry, r as IndexMethod } from "./types-fPzO2V0p.js";
 import { DocsLanguage } from "@stainless-api/docs-ui/routing";
-import * as SDKJSON from "@stainless/sdk-json";
 
 //#region src/indexer.d.ts
-
-declare function generateIndex(spec: SDKJSON.Spec, renderMarkdownFn?: (_: string) => string | null, includeTypes?: boolean): Generator<IndexEntry>;
+declare function generateIndex(spec: Spec, renderMarkdownFn?: (_: string) => string | null, includeTypes?: boolean): Generator<IndexEntry>;
 //#endregion
 //#region src/mcp.d.ts
 type Item = IndexEntry & IndexMethod;
-declare function render(spec: SDKJSON.Spec, language: DocsLanguage, items: Item[], includeModelProperties: boolean): any;
+declare function render(spec: Spec, language: DocsLanguage, items: Item[], includeModelProperties: boolean): any;
 //#endregion
 export { generateIndex, render };

package/dist/mcp.js

@@ -1,4 +1,4 @@
-import { n as generateIndex } from "./indexer-DBU0POrK.js";
+import { n as generateIndex } from "./indexer-BDmIxFRi.js";
 import { parseStainlessPath } from "@stainless-api/docs-ui/routing";
 import { renderMarkdown } from "@stainless-api/docs-ui/markdown";
 import { getResourceFromSpec } from "@stainless-api/docs-ui/utils";

package/dist/providers/algolia.d.ts

@@ -1,9 +1,8 @@
-import { f as ResultType, g as SearchSettings, h as SearchParams, s as ProseIndexEntry } from "../types-Gg968wOz.js";
-import * as SDKJSON from "@stainless/sdk-json";
+import { b as Spec, f as ResultType, g as SearchSettings, h as SearchParams, s as ProseIndexEntry } from "../types-fPzO2V0p.js";
 
 //#region src/providers/algolia.d.ts
-declare function buildIndex(appId: string, indexName: string, writeKey: string, spec: SDKJSON.Spec, renderMarkdown: (_: string) => string | null): Promise<void>;
-declare function buildChatIndex(appId: string, indexName: string, writeKey: string, spec: SDKJSON.Spec): Promise<void>;
+declare function buildIndex(appId: string, indexName: string, writeKey: string, spec: Spec, renderMarkdown: (_: string) => string | null): Promise<void>;
+declare function buildChatIndex(appId: string, indexName: string, writeKey: string, spec: Spec): Promise<void>;
 declare function buildProseIndex(appId: string, indexName: string, writeKey: string, objects: ProseIndexEntry[]): Promise<void>;
 declare function search({
   settings: {

package/dist/providers/algolia.js

@@ -1,4 +1,4 @@
-import "../indexer-DBU0POrK.js";
-import { i as search, n as buildIndex, r as buildProseIndex, t as buildChatIndex } from "../algolia-BOY-OcxU.js";
+import "../indexer-BDmIxFRi.js";
+import { i as search, n as buildIndex, r as buildProseIndex, t as buildChatIndex } from "../algolia-gvZUkKkS.js";
 
 export { buildChatIndex, buildIndex, buildProseIndex, search };

package/dist/providers/fuse.d.ts

@@ -1,15 +1,14 @@
-import { n as IndexEntry } from "../types-Gg968wOz.js";
+import { b as Spec, n as IndexEntry } from "../types-fPzO2V0p.js";
 import { DocsLanguage } from "@stainless-api/docs-ui/routing";
 import * as fuse_js0 from "fuse.js";
 import { FuseIndex } from "fuse.js";
-import * as SDKJSON from "@stainless/sdk-json";
 
 //#region src/providers/fuse.d.ts
 type FuseIndexData = {
   content: IndexEntry[];
   index: FuseIndex<IndexEntry>;
 };
-declare function buildIndex(spec: SDKJSON.Spec, language?: DocsLanguage): FuseIndexData;
+declare function buildIndex(spec: Spec, language?: DocsLanguage): FuseIndexData;
 declare function search({
   content,
   index

package/dist/providers/fuse.js

@@ -1,5 +1,5 @@
-import { n as generateIndex } from "../indexer-DBU0POrK.js";
-import { n as SearchableAttributes } from "../types-BhJLoaNF.js";
+import { n as generateIndex } from "../indexer-BDmIxFRi.js";
+import { n as SearchableAttributes } from "../types-DyGUPDP0.js";
 import Fuse from "fuse.js";
 
 //#region src/providers/fuse.ts

package/dist/providers/pagefind.d.ts

@@ -1,4 +1,4 @@
-import { t as GuideResultType } from "../types-Gg968wOz.js";
+import { t as GuideResultType } from "../types-fPzO2V0p.js";
 
 //#region src/providers/pagefind.d.ts
 declare function guideSearch(loadPath: string, query: string, limit?: number): Promise<GuideResultType[]>;

package/dist/providers/pagefind.js

@@ -1,3 +1,3 @@
-import { t as guideSearch } from "../pagefind-Dcn-gjDe.js";
+import { t as guideSearch } from "../pagefind-DCvI8YmZ.js";
 
 export { guideSearch };

package/dist/providers/walker.d.ts

@@ -1,9 +1,8 @@
-import { n as IndexEntry } from "../types-Gg968wOz.js";
+import { b as Spec, n as IndexEntry } from "../types-fPzO2V0p.js";
 import { DocsLanguage } from "@stainless-api/docs-ui/routing";
-import * as SDKJSON from "@stainless/sdk-json";
 
 //#region src/providers/walker.d.ts
-declare function buildIndex(spec: SDKJSON.Spec): Generator<IndexEntry, any, any>;
+declare function buildIndex(spec: Spec): Generator<IndexEntry, any, any>;
 declare function search(index: Generator<IndexEntry>, language: DocsLanguage, query: string, limit?: number): IndexEntry[];
 //#endregion
 export { buildIndex, search };

package/dist/providers/walker.js

@@ -1,5 +1,5 @@
-import { n as generateIndex } from "../indexer-DBU0POrK.js";
-import { n as SearchableAttributes } from "../types-BhJLoaNF.js";
+import { n as generateIndex } from "../indexer-BDmIxFRi.js";
+import { n as SearchableAttributes } from "../types-DyGUPDP0.js";
 
 //#region src/providers/walker.ts
 function buildIndex(spec) {

package/dist/{types-BhJLoaNF.js → types-DyGUPDP0.js}

@@ -1,11 +1,11 @@
 //#region src/types.ts
 const QueryKinds = [
 	"all",
+	"guide",
 	"resource",
 	"http_method",
 	"model",
-	"property",
-	"guide"
+	"property"
 ];
 const SearchableAttributes = [
 	"name",