@netlify/spark-ui 0.0.40 → 0.0.41

package/dist/components/preact/SearchModal/components/SearchWindow.js

@@ -33,7 +33,7 @@ function p({
       label: "Ask Netlify AI",
       url: "https://docs.netlify.com/ask-netlify/"
     } }),
-    r && r.length > 3 ? /* @__PURE__ */ e(
+    r && r.length > 1 ? /* @__PURE__ */ e(
       h,
       {
         searchLoading: s,

package/dist/components/preact/SearchModal/hooks/useSearch.js

@@ -1,43 +1,43 @@
-import { A as u, y as S, d as T } from "../../../../chunks/hooks.module.BFfOesdf.js";
-function L(i, n) {
-  const t = u(null), s = u("");
+import { A as i, y as S, d as T } from "../../../../chunks/hooks.module.BFfOesdf.js";
+function L(o, n) {
+  const e = i(null), s = i("");
   return S(() => () => {
-    t.current && clearTimeout(t.current);
+    e.current && clearTimeout(e.current);
   }, []), { reset: () => {
-    t.current && clearTimeout(t.current);
+    e.current && clearTimeout(e.current);
   }, run: (h) => {
-    s.current = h, t.current = setTimeout(
-      () => i(s.current),
+    s.current = h, e.current = setTimeout(
+      () => o(s.current),
       n
     );
   } };
 }
 function x() {
-  const [i, n] = T({
+  const [o, n] = T({
     searchTerm: "",
     results: [],
     isLoading: !1
-  }), t = u(/* @__PURE__ */ new Map()), { reset: s, run: l } = L((e) => {
-    (e.length > 2 || e.length === 0) && o(e);
-  }, 150), o = async (e) => {
-    var f;
+  }), e = i(/* @__PURE__ */ new Map()), { reset: s, run: l } = L((t) => {
+    u(t);
+  }, 150), u = async (t) => {
+    var m;
     if (!(window != null && window.pagefind)) return;
-    if (n((r) => ({ ...r, isLoading: !0 })), t.current.has(e)) {
+    if (n((r) => ({ ...r, isLoading: !0 })), e.current.has(t)) {
       n((r) => ({
         ...r,
-        results: t.current.get(e),
+        results: e.current.get(t),
         isLoading: !1
       }));
       return;
     }
-    const a = await window.pagefind.debouncedSearch(e), g = await Promise.all(
-      (f = a == null ? void 0 : a.results) == null ? void 0 : f.slice(0, 15).map(async (r) => {
-        var m, d;
+    const a = await window.pagefind.debouncedSearch(t), g = await Promise.all(
+      (m = a == null ? void 0 : a.results) == null ? void 0 : m.slice(0, 15).map(async (r) => {
+        var d, f;
         const c = await r.data(), p = (w) => w.replace("#", "");
         return {
           icon: "pageWithLines",
-          resource: (m = c.meta) == null ? void 0 : m.resource,
-          label: (d = c.meta) == null ? void 0 : d.title,
+          resource: (d = c.meta) == null ? void 0 : d.resource,
+          label: (f = c.meta) == null ? void 0 : f.title,
           url: c.url,
           excerpt: p(c.excerpt)
         };
@@ -50,12 +50,12 @@ function x() {
     }));
   };
   return {
-    state: i,
+    state: o,
     actions: {
-      setSearchTerm: (e) => {
-        n((a) => ({ ...a, searchTerm: e })), s(), l(e);
+      setSearchTerm: (t) => {
+        n((a) => ({ ...a, searchTerm: t })), s(), l(t);
       },
-      submitSearch: o
+      submitSearch: u
     }
   };
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@netlify/spark-ui",
   "description": "Assets, design tokens, components, and utilities",
-  "version": "0.0.40",
+  "version": "0.0.41",
   "type": "module",
   "main": "dist/components/preact/index.js",
   "types": "dist/components/preact/index.d.ts",

package/packages/components/preact/SearchModal/components/SearchWindow.tsx

@@ -58,7 +58,7 @@ export default function SearchWindow({
     <div className="n-search-window">
       <div className="search-links">
         <SearchLink {...askNetlify} />
-        {searchTerm && searchTerm.length > 3 ? (
+        {searchTerm && searchTerm.length > 1 ? (
           <SearchResults
             searchLoading={searchLoading}
             searchTerm={searchTerm}

package/packages/components/preact/SearchModal/hooks/useSearch.ts

@@ -21,9 +21,7 @@ export function useSearch() {
   const cacheRef = useRef(new Map());
 
   const { reset, run } = useTimeout((query: string) => {
-    if (query.length > 2 || query.length === 0) {
       submitSearch(query);
-    }
   }, 150);
 
   const submitSearch = async (query: string) => {