feat(app): init search command

yjl9903 · Jun 1, 2023 · e03f43a · e03f43a
1 parent 95db4c0
commit e03f43a
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 1 deletion.
diff --git a/packages/animegarden/src/garden.ts b/packages/animegarden/src/garden.ts
@@ -90,7 +90,7 @@ export interface FetchResourceDetailOptions {
   retry?: number;
 }
 
-interface SearchParams {
+export interface SearchParams {
   search: string[];
 
   include: string[][];

diff --git a/packages/app/src/components/Search.tsx b/packages/app/src/components/Search.tsx
@@ -1,3 +1,5 @@
+import type { SearchParams } from 'animegarden';
+
 import useSWR from 'swr';
 import { Command } from 'cmdk';
 import { tradToSimple } from 'simptrad';
@@ -47,6 +49,10 @@ const useActiveElement = () => {
   };
 };
 
+const initialized = {
+  url: location as Location | undefined
+};
+
 export default function Search() {
   const ref = useRef<HTMLDivElement | null>(null);
   const inputRef = useRef<HTMLInputElement | null>(null);
@@ -55,6 +61,17 @@ export default function Search() {
   const [input, setInput] = useState('');
   const [search, setSearch] = useState('');
 
+  // Init search input
+  if (initialized.url !== undefined) {
+    const searchParams = new URLSearchParams(initialized.url.search);
+    const cmd = searchParams.get('cmd');
+    if (cmd !== undefined && typeof cmd === 'string') {
+      setInput(cmd);
+      setSearch(cmd);
+    }
+    initialized.url = undefined;
+  }
+
   const setDebounceSearch = debounce((value: string) => {
     if (value !== search) {
       setSearch(value);
@@ -214,6 +231,11 @@ export default function Search() {
   );
 }
 
+function stringifySearch(search: SearchParams | undefined) {
+  if (!search) return '';
+  return `${search.search.join(' ')}`;
+}
+
 function parseSearch(search: string) {
   const splitted = search
     .split(' ')
@@ -309,6 +331,7 @@ function goToSearch(search: string) {
       if (after !== undefined) {
         query.push(`after=${after.toISOString()}`);
       }
+      query.push(`cmd=${encodeURIComponent(search)}`);
       goTo(`/resources/1?${query.join('&')}`);
     }
   }