feat: Smart Search Integration

.vscode/settings.json

@@ -1,7 +1,12 @@
 {
 	"cSpell.words": [
+		"combobox",
 		"faustwp",
+		"heroicons",
 		"Kevinbatdorf",
+		"rehype",
+		"shiki",
+		"shikijs",
 		"sindresorhus",
 		"stylesheet",
 		"tailwindcss"

README.md

@@ -7,7 +7,7 @@ Frontend for the [faustjs.org](https://faustjs.org/) website.
 Linting - checks for potential errors and code style. i.e. eslint
 Formatting - checks for spaces, line length, etc. i.e prittier
 
-Both are run agaist staged files on commit. If it's failing for a good reaason and you need to bypass you can use the `--no-verify` or `-n` flag. `git commit -nm "my message"`
+Both are run against staged files on commit. If it's failing for a good reaason and you need to bypass you can use the `--no-verify` or `-n` flag. `git commit -nm "my message"`
 
 ## Documentation Docs
 

next.config.mjs

@@ -1,10 +1,12 @@
+import { env } from "node:process";
 import { withFaust, getWpHostname } from "@faustwp/core";
 import createMDX from "@next/mdx";
 import { transformerNotationDiff } from "@shikijs/transformers";
 import { createSecureHeaders } from "next-secure-headers";
 import rehypeMdxImportMedia from "rehype-mdx-import-media";
 import { rehypePrettyCode } from "rehype-pretty-code";
 import rehypeSlug from "rehype-slug";
+import smartSearchPlugin from "./src/lib/smart-search-plugin.mjs";
 
 /**
  * @type {import('next').NextConfig}
@@ -51,6 +53,18 @@ const nextConfig = {
 			},
 		];
 	},
+	webpack: (config, { isServer }) => {
+		if (isServer) {
+			config.plugins.push(
+				smartSearchPlugin({
+					endpoint: env.NEXT_PUBLIC_SEARCH_ENDPOINT,
+					accessToken: env.NEXT_SEARCH_ACCESS_TOKEN,
+				}),
+			);
+		}
+
+		return config;
+	},
 };
 
 const withMDX = createMDX({