refactor the search hbs

sanctuarycomputer · Nov 7, 2024 · 7f9aae4 · 7f9aae4
1 parent ff2b9f3
commit 7f9aae4
Show file tree

Hide file tree

Showing 12 changed files with 3,346 additions and 555 deletions.
diff --git a/assets/shared-bundle.js b/assets/shared-bundle.js
diff --git a/assets/tailwind-output.css b/assets/tailwind-output.css
diff --git a/package.json b/package.json
@@ -33,6 +33,7 @@
     "@zendeskgarden/react-typography": "8.76.2",
     "@zendeskgarden/svg-icons": "^6.34.0",
     "classnames": "^2.5.1",
+    "date-fns": "^4.1.0",
     "dompurify": "3.0.11",
     "eslint-plugin-check-file": "^2.6.2",
     "i18next": "^23.10.1",

diff --git a/rollup.config.mjs b/rollup.config.mjs
@@ -42,6 +42,7 @@ export default defineConfig([
       'category-page': 'src/modules/category-page/index.ts',
       'section-page': 'src/modules/section-page/index.ts',
       'side-nav': 'src/modules/side-nav/index.ts',
+      "search-result-page": "src/modules/search-result-page/index.ts",
     },
     output: {
       dir: 'assets',

diff --git a/src/lib/types.ts b/src/lib/types.ts
@@ -1,4 +1,4 @@
-import { ColoredCardsIcon } from "../svgs/Icons";
+import { ColoredCardsIcon } from '../svgs/Icons';
 
 export type Tag = {
   title: string;
@@ -9,35 +9,35 @@ export type GlobalSettings = {
   navigationTopics: Tag[] | null;
   topNavigationApp: {
     id: string;
-    key: string | ""; // Label of the link
-    value: string | ""; // URL of the link
+    key: string | ''; // Label of the link
+    value: string | ''; // URL of the link
   } | null;
   footerLinksTopics:
     | {
         id: string;
-        key: string | ""; // Label of the link
-        value: string | ""; // URL of the link
+        key: string | ''; // Label of the link
+        value: string | ''; // URL of the link
       }[]
     | null;
   footerLinksEcosystem:
     | {
         id: string;
-        key: string | ""; // Label of the link
-        value: string | ""; // URL of the link
+        key: string | ''; // Label of the link
+        value: string | ''; // URL of the link
       }[]
     | null;
   footerLinksCompany:
     | {
         id: string;
-        key: string | ""; // Label of the link
-        value: string | ""; // URL of the link
+        key: string | ''; // Label of the link
+        value: string | ''; // URL of the link
       }[]
     | null;
   footerLinksHelp:
     | {
         id: string;
-        key: string | ""; // Label of the link
-        value: string | ""; // URL of the link
+        key: string | ''; // Label of the link
+        value: string | ''; // URL of the link
       }[]
     | null;
   footerGithubLink: string | null;
@@ -47,14 +47,14 @@ export type GlobalSettings = {
   connectBlockSupportTitle: string;
   connectBlockSupportButton: {
     id: string;
-    key: string | ""; // Label of the link
-    value: string | ""; // URL of the link
+    key: string | ''; // Label of the link
+    value: string | ''; // URL of the link
   };
   connectBlockSocialTitle: string;
   connectBlockSocialButton: {
     id: string;
-    key: string | ""; // Label of the link
-    value: string | ""; // URL of the link
+    key: string | ''; // Label of the link
+    value: string | ''; // URL of the link
   };
   connectBlockNewsletterTitle: string;
 };
@@ -161,7 +161,7 @@ export interface Navigation {
 export type Link = {
   name: string;
   url: string;
-  target?: "_blank" | "_self";
+  target?: '_blank' | '_self';
 };
 
 export type FooterPageData = {
@@ -183,7 +183,7 @@ export type ConnectBlock = {
   newsletterTitle: string;
 };
 
-export type ColoredCardsColor = "pink" | "green" | "blue" | "orange";
+export type ColoredCardsColor = 'pink' | 'green' | 'blue' | 'orange';
 
 export type HomepageData = {
   heros: {
@@ -253,3 +253,45 @@ export type NavState = {
   section?: number;
   article?: number;
 };
+
+export type SearchPageData = {
+  query: string;
+  results: SearchResult[];
+  typeFilters: TypeFilter[];
+};
+
+export type SearchResult = {
+  url: string;
+  title: string;
+  text: string;
+  vote_sum: number;
+  created_at: string;
+  edited_at: string | null;
+  comment_count: number;
+  meta: string;
+  type: string;
+  path_steps: {
+    url: string;
+    name: string;
+    target: string;
+  }[];
+  author: {
+    name: string;
+    url: string;
+    agent: boolean;
+    avatar_url: string;
+    signed_in: boolean;
+    id: number;
+    role: string;
+  };
+  is_external: boolean;
+};
+
+type TypeFilter = {
+  identifier: string;
+  url: string;
+  name: string;
+  selected: boolean;
+  label: string;
+  count: number;
+};