@stainless-api/docs-search 0.1.0-beta.7 → 0.1.0-beta.8

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

@@ -1,13 +1,13 @@
 import { i as search } from "./algolia-BOY-OcxU.js";
-import * as React from "react";
+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 * 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 { n as useSearch, r as useSearchContext, t as SearchProvider } from "./context-CBZeYd0O.js";
 
 export { SearchProvider, useSearch, useSearchContext };

package/dist/index.js

@@ -1,9 +1,9 @@
 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 { n as useSearch, r as useSearchContext } from "./context-CBZeYd0O.js";
 import { t as guideSearch } from "./pagefind-Dcn-gjDe.js";
-import * as React from "react";
+import { createElement, useEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { BookOpenText, Box, Code, Folder, Search, Wrench } from "lucide-react";
 import { useLanguage } from "@stainless-api/docs-ui/contexts";
@@ -224,31 +224,36 @@ 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 [results, setResults] = useState(null);
+	const [filterKind, setFilterKind] = useState("all");
+	const [searchQuery, setSearchQuery] = useState("");
+	const inputRef = useRef(null);
+	useEffect(() => {
 		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 ac = new AbortController();
+		Promise.all([pageFind ? guideSearch(pageFind, searchQuery, guideLimit) : [], search({
 			query: searchQuery,
 			kind,
 			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
-			}
-		});
-	}
-	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 ?? []] : apiResults?.hits ?? [],
+				counts: {
+					...apiResults?.facets?.["kind"],
+					guide: guideResults.length,
+					all: apiResults?.nbHits
+				}
+			});
+		}).catch(() => {});
+		return () => ac.abort();
+	}, [
 		searchQuery,
 		filterKind,
-		language
+		language,
+		search,
+		pageFind
 	]);
 	return /* @__PURE__ */ jsxs("div", {
 		className: style.SearchForm,
@@ -286,7 +291,7 @@ function SearchFilter({ results, filterKind, onChange }) {
 			variant: filterKind === kind ? "accent" : "outline",
 			onClick: () => onChange?.(kind),
 			children: [
-				React.createElement(QueryKindDisplay[kind].icon, {
+				createElement(QueryKindDisplay[kind].icon, {
 					size: 16,
 					className: style.Icon
 				}),
@@ -303,8 +308,8 @@ function SearchFilter({ results, filterKind, onChange }) {
 	});
 }
 function SearchModal({ id, open: isOpen }) {
-	const [open, setOpen] = React.useState(isOpen ?? false);
-	React.useEffect(() => {
+	const [open, setOpen] = useState(isOpen ?? false);
+	useEffect(() => {
 		if (open) document.body.style.overflow = "hidden";
 		else document.body.style.overflow = "";
 		return () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stainless-api/docs-search",
-  "version": "0.1.0-beta.7",
+  "version": "0.1.0-beta.8",
   "publishConfig": {
     "access": "public"
   },