From a84bcd151d07ecf4a85e0269137d99b0e65d7289 Mon Sep 17 00:00:00 2001
From: Phil Hawksworth <phil@deno.com>
Date: Wed, 4 Dec 2024 12:28:49 +0000
Subject: [PATCH 1/4] Adding a search input to pass to Google search

---
 _components/SearchInput.tsx | 31 +++++++++++++++++++++++++++++++
 _includes/layout.tsx        |  2 --
 static/img/search.svg       |  3 +++
 styles.css                  |  9 +++++++++
 4 files changed, 43 insertions(+), 2 deletions(-)
 create mode 100644 _components/SearchInput.tsx
 create mode 100644 static/img/search.svg

diff --git a/_components/SearchInput.tsx b/_components/SearchInput.tsx
new file mode 100644
index 000000000..940cafa7c
--- /dev/null
+++ b/_components/SearchInput.tsx
@@ -0,0 +1,31 @@
+export default function SearchInput() {
+  return (
+    <form action="https://www.google.co.uk/search" method="get" class="search">
+      <input type="hidden" name="q" id="q" value="site:https://deno.com" />
+      <input
+        type="search"
+        name="q"
+        id="search-str"
+        placeholder="Search"
+        className="
+          w-full
+          lg:flex
+          rounded-lg
+          items-center
+          text-sm
+          leading-6
+          py-1.5 pl-2 pr-3
+          border
+          text-slate-600
+          bg-slate-100
+          dark:bg-background-secondary
+          dark:text-slate-200
+          dark:highlight-white/5
+          dark:hover:bg-slate-700
+          dark:border-foreground-tertiary
+          hover:bg-slate-200
+          duration-150 ease-in-out"
+      />
+    </form>
+  );
+}
diff --git a/_includes/layout.tsx b/_includes/layout.tsx
index ee4bfe4ee..c41bf3942 100644
--- a/_includes/layout.tsx
+++ b/_includes/layout.tsx
@@ -64,10 +64,8 @@ export default function Layout(props: Lume.Data) {
         <link rel="stylesheet" href="/overrides.css" />
         <script src="/darkmode.client.js"></script>
         <script type="module" src="/darkmode-toggle.client.js"></script>
-        <link rel="stylesheet" href="/orama.css" />
         <script type="module" src="/sidebar.client.js"></script>
         <script type="module" src="/copy.client.js"></script>
-        <script type="module" src="/search.client.js"></script>
         <script type="module" src="/tabs.client.js"></script>
         <script type="module" src="/feedback.client.js"></script>
         <script
diff --git a/static/img/search.svg b/static/img/search.svg
new file mode 100644
index 000000000..38e5783f4
--- /dev/null
+++ b/static/img/search.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="#999">
+  <path d="M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"></path>
+</svg>
\ No newline at end of file
diff --git a/styles.css b/styles.css
index 0eef90536..82320f921 100644
--- a/styles.css
+++ b/styles.css
@@ -612,3 +612,12 @@ body {
 #feedback-more label {
   @apply inline-block text-sm;
 }
+
+input[type="search"] {
+  background-image: url("/img/search.svg");
+  background-repeat: no-repeat;
+  background-size: 1em;
+  background-position-y: center;
+  background-position-x: 0.5em;
+  padding-left: 2em;
+}

From f1ec2460350417461aba49ca0dff913ad05dd1f0 Mon Sep 17 00:00:00 2001
From: Phil Hawksworth <phil@deno.com>
Date: Wed, 4 Dec 2024 12:29:07 +0000
Subject: [PATCH 2/4] remove Orama

---
 _components/Header.tsx |   9 +-
 _config.ts             |  63 ------------
 orama.ts               | 189 -----------------------------------
 search.client.ts       | 217 -----------------------------------------
 4 files changed, 6 insertions(+), 472 deletions(-)
 delete mode 100644 orama.ts
 delete mode 100644 search.client.ts

diff --git a/_components/Header.tsx b/_components/Header.tsx
index bfd323477..3582e5338 100644
--- a/_components/Header.tsx
+++ b/_components/Header.tsx
@@ -1,5 +1,5 @@
 import Logo from "./Logo.tsx";
-
+import SearchInput from "./SearchInput.tsx";
 export default function Header({
   url,
   hasSidebar,
@@ -90,8 +90,11 @@ export default function Header({
             hideOnMobile
           />
           <div class="min-w-[150px] md:w-32 xl:w-64">
-            <orama-search-button />
-            <orama-search-box />
+            {
+              /* <orama-search-button />
+            <orama-search-box /> */
+            }
+            <SearchInput />
           </div>
           <div class="dark-mode-toggle">
             <button class="dark-mode-toggle button p-1 rounded bg-background-primary ring ring-transparent hover:ring-foreground-tertiary">
diff --git a/_config.ts b/_config.ts
index 6ae98cb66..06a6e8b53 100644
--- a/_config.ts
+++ b/_config.ts
@@ -24,16 +24,6 @@ import codeblockCopyPlugin from "./markdown-it/codeblock-copy.ts";
 import codeblockTitlePlugin from "./markdown-it/codeblock-title.ts";
 import relativeLinksPlugin from "./markdown-it/relative-path.ts";
 import replacerPlugin from "./markdown-it/replacer.ts";
-import {
-  clear as oramaClear,
-  deploy as oramaDeploy,
-  generateDocumentsForExamples,
-  generateDocumentsForPage,
-  generateDocumentsForSymbols,
-  notify as oramaNotify,
-  OramaDocument,
-} from "./orama.ts";
-
 import apiDocumentContentTypeMiddleware from "./middleware/apiDocContentType.ts";
 import createRoutingMiddleware from "./middleware/functionRoutes.ts";
 import createGAMiddleware from "./middleware/googleAnalytics.ts";
@@ -209,54 +199,6 @@ site.process([".html"], (pages) => {
   }
 });
 
-const ORAMA_API_KEY = Deno.env.get("ORAMA_CLOUD_API_KEY");
-const ORAMA_INDEX_ID = Deno.env.get("ORAMA_CLOUD_INDEX_ID");
-if (ORAMA_API_KEY && ORAMA_INDEX_ID) {
-  site.process([".html"], async (pages) => {
-    let pageEntries: OramaDocument[] = [];
-
-    await oramaClear(ORAMA_API_KEY, ORAMA_INDEX_ID);
-
-    for (const page of pages) {
-      if (
-        page.document &&
-        (page.data.url.startsWith("/runtime/") ||
-          page.data.url.startsWith("/deploy/") ||
-          page.data.url.startsWith("/subhosting/"))
-      ) {
-        pageEntries = pageEntries.concat(generateDocumentsForPage(page));
-      }
-    }
-
-    await oramaNotify(ORAMA_API_KEY, ORAMA_INDEX_ID, pageEntries, "pages");
-
-    await oramaNotify(
-      ORAMA_API_KEY,
-      ORAMA_INDEX_ID,
-      await generateDocumentsForExamples(),
-      "examples",
-    );
-
-    try {
-      await oramaNotify(
-        ORAMA_API_KEY,
-        ORAMA_INDEX_ID,
-        await generateDocumentsForSymbols(),
-        "symbols",
-      );
-    } catch (e) {
-      console.warn(
-        "⚠️ Orama documents for reference docs were not generated.",
-        e,
-      );
-    }
-
-    await oramaDeploy(ORAMA_API_KEY, ORAMA_INDEX_ID);
-  });
-} else {
-  console.warn("⚠️ Orama documents were not generated.");
-}
-
 site.ignore(
   "old",
   "README.md",
@@ -279,9 +221,4 @@ site.use(
   }),
 );
 
-site.remoteFile(
-  "orama.css",
-  "https://unpkg.com/@orama/wc-components@0.1.7/dist/orama-ui/orama-ui.css",
-);
-site.copy("orama.css");
 export default site;
diff --git a/orama.ts b/orama.ts
deleted file mode 100644
index 30c7135ca..000000000
--- a/orama.ts
+++ /dev/null
@@ -1,189 +0,0 @@
-import { Data, Page } from "lume/core/file.ts";
-import { walkSync } from "@std/fs/walk";
-import { parseExample } from "./examples.page.tsx";
-
-export interface OramaDocument {
-  path: string;
-  title: string;
-  content: string;
-  section: string;
-  category: string;
-}
-
-export function generateDocumentsForPage(page: Page<Data>): OramaDocument[] {
-  const documents: OramaDocument[] = [];
-
-  const headers = page.document!.querySelectorAll(
-    "main h1, main h2, main h3, main h4, main h5, main h6",
-  );
-  for (const header of headers) {
-    let headerContent = "";
-    for (const childNode of header.childNodes) {
-      if (childNode.classList?.contains("header-anchor")) {
-        break;
-      }
-      headerContent += childNode.textContent?.trim() + " ";
-    }
-
-    let bodyContent = "";
-    let bodySibling = header.tagName == "H1"
-      ? header.nextElementSibling!.firstElementChild
-      : header.nextElementSibling;
-    while (
-      bodySibling &&
-      !["H1", "H2", "H3", "H4", "H5", "H6"].includes(bodySibling.tagName)
-    ) {
-      bodyContent += bodySibling.textContent?.trim() + "\n";
-      bodySibling = bodySibling.nextElementSibling;
-    }
-
-    documents.push({
-      path: page.data.url + (header.id ? `#${header.id}` : ""),
-      title: headerContent.trim(),
-      content: bodyContent,
-      section: page.data.title ?? "",
-      category: page.data.url.startsWith("/runtime/")
-        ? "Runtime"
-        : (page.data.url.startsWith("/deploy/") ? "Deploy" : "Subhosting"),
-    });
-  }
-
-  return documents;
-}
-
-export async function generateDocumentsForSymbols(): Promise<OramaDocument[]> {
-  const documents = [];
-
-  for (const kind of ["deno", "web", "node"]) {
-    (globalThis as any).window = globalThis;
-    delete (globalThis as any).DENO_DOC_SEARCH_INDEX;
-    await import(`./reference_gen/gen/${kind}/search_index.js`);
-    const index = (globalThis as any as {
-      DENO_DOC_SEARCH_INDEX: {
-        nodes: {
-          name: string;
-          url: string;
-          doc: string;
-          category: string;
-          file: string;
-        }[];
-      };
-    }).DENO_DOC_SEARCH_INDEX;
-    delete (globalThis as any).DENO_DOC_SEARCH_INDEX;
-    delete (globalThis as any).window;
-
-    console.log(
-      "[orama] Inserting %d symbols for %s",
-      index.nodes.length,
-      kind,
-    );
-
-    for (const node of index.nodes) {
-      documents.push({
-        path: new URL(node.url, `https://docs.deno.com/api/${kind}/`).pathname
-          .replace(/\.html$/, ""),
-        title: node.name,
-        content: node.doc,
-        section: `API > ${kind}${node.file !== "." ? ` > ${node.file}` : ""}${
-          node.category ? ` > ${node.category}` : ""
-        }`,
-        category: "Reference",
-      });
-    }
-  }
-
-  console.log("[orama] Total %d symbols", documents.length);
-
-  return documents;
-}
-
-export async function generateDocumentsForExamples(): Promise<OramaDocument[]> {
-  const files = [...walkSync("./examples/", {
-    exts: [".ts"],
-  })];
-  return await Promise.all(files.map(async (file) => {
-    const content = await Deno.readTextFile(file.path);
-    const parsed = parseExample(file.name, content);
-
-    const label = file.name.replace(".ts", "");
-
-    return {
-      path: `/examples/${label}`,
-      title: parsed.title,
-      content: parsed.description,
-      section: parsed.group,
-      category: "Examples",
-    } as OramaDocument;
-  }));
-}
-
-export async function clear(
-  apiKey: string,
-  indexId: string,
-) {
-  const res = await fetch(
-    `https://api.oramasearch.com/api/v1/webhooks/${indexId}/snapshot`,
-    {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${apiKey}`,
-      },
-      body: "[]",
-    },
-  );
-  if (!res.ok) {
-    console.error(`Orama clear failed`, res.status, await res.text());
-  } else {
-    console.log(`🚀 Orama clear succeeded`);
-  }
-}
-
-export async function notify(
-  apiKey: string,
-  indexId: string,
-  documents: OramaDocument[],
-  label: string,
-) {
-  const res = await fetch(
-    `https://api.oramasearch.com/api/v1/webhooks/${indexId}/notify`,
-    {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${apiKey}`,
-      },
-      body: JSON.stringify({ upsert: documents }),
-    },
-  );
-  if (!res.ok) {
-    console.error(
-      `Orama notify '${label}' failed`,
-      res.status,
-      await res.text(),
-    );
-  } else {
-    console.log(`🚀 Orama notify '${label}' succeeded`);
-  }
-}
-
-export async function deploy(
-  apiKey: string,
-  indexId: string,
-) {
-  const resp = await fetch(
-    `https://api.oramasearch.com/api/v1/webhooks/${indexId}/deploy`,
-    {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${apiKey}`,
-      },
-    },
-  );
-  if (!resp.ok) {
-    console.error("Orama deploy failed", resp.status, await resp.text());
-  } else {
-    console.log("🚀 Orama deploy succeeded");
-  }
-}
diff --git a/search.client.ts b/search.client.ts
deleted file mode 100644
index b28f7c14b..000000000
--- a/search.client.ts
+++ /dev/null
@@ -1,217 +0,0 @@
-import { defineCustomElements } from "@orama/wc-components/loader/index.js";
-import { JSX as OramaJSX } from "@orama/wc-components/dist/types/index.d.ts";
-
-document.addEventListener("DOMContentLoaded", () => {
-  defineCustomElements();
-  const oramaSearchBox: OramaJSX.OramaSearchBox | null = document.querySelector(
-    "orama-search-box",
-  );
-
-  if (oramaSearchBox) {
-    // Get current theme
-    const currentTheme = localStorage.denoDocsTheme ||
-      (globalThis.matchMedia("(prefers-color-scheme: dark)").matches
-        ? "dark"
-        : "light");
-
-    oramaSearchBox.colorScheme = currentTheme;
-
-    // Listen for theme changes
-    const observer = new MutationObserver((mutations) => {
-      mutations.forEach((mutation) => {
-        if (mutation.target instanceof HTMLElement) {
-          const isDark = mutation.target.classList.contains("dark");
-          oramaSearchBox.colorScheme = isDark ? "dark" : "light";
-        }
-      });
-    });
-
-    observer.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: ["class"],
-    });
-
-    oramaSearchBox.themeConfig = {
-      colors: {
-        light: {
-          "--text-color-primary": "hsl(var(--foreground-primary))",
-          "--text-color-secondary": "hsl(var(--foreground-secondary))",
-          "--text-color-accent": "hsl(var(--primary))",
-          "--text-color-inactive": "hsl(var(--foreground-secondary))",
-          "--background-color-primary": "#ffffff",
-          "--background-color-secondary": "#ffffff",
-          "--background-color-tertiary": "hsl(var(--background-tertiary))",
-          "--border-color-primary": "hsl(var(--foreground-tertiary))",
-          "--border-color-secondary": "#ffffff",
-          "--border-color-tertiary": "hsl(var(--foreground-tertiary))",
-          "--border-color-accent": "hsl(var(--background-tertiary))",
-          "--icon-color-accent": "hsl(var(--primary))",
-          "--button-text-color-primary": "hsl(var(--background-tertiary))",
-          "--button-background-color-primary": "hsl(var(--primary))",
-          "--button-background-color-secondary": "#ffffff",
-          "--button-background-color-secondary-hover":
-            "hsl(var(--background-tertiary))",
-          "--button-border-color-secondary": "hsl(var(--foreground-tertiary))",
-          "--chat-button-border-color-gradientOne": "#ffffff",
-          "--chat-button-border-color-gradientTwo": "#ffffff",
-          "--chat-button-border-color-gradientThree": "#ffffff",
-          "--chat-button-border-color-gradientFour": "hsl(var(--primary))",
-          "--chat-button-border-color-gradientFive": "#ffffff",
-          "--chat-button-border-color-gradientSix": "#ffffff",
-          "--chat-button-background-color-gradientOne": "hsl(var(--primary))",
-        },
-        dark: {
-          "--text-color-primary": "hsl(var(--foreground-primary))",
-          "--text-color-secondary": "hsl(var(--foreground-primary))",
-          "--text-color-accent": "hsl(var(--primary))",
-          "--text-color-inactive": "hsl(var(--foreground-secondary))",
-          "--background-color-primary": "hsl(var(--background-primary))",
-          "--background-color-secondary": "hsl(var(--background-primary))",
-          "--background-color-tertiary": "hsl(var(--background-primary))",
-          "--border-color-primary": "hsl(var(--background-tertiary))",
-          "--border-color-secondary": "hsl(var(--background-tertiary))",
-          "--border-color-tertiary": "hsl(var(--background-tertiary))",
-          "--border-color-accent": "hsl(var(--primary))",
-          "--icon-color-accent": "hsl(var(--primary))",
-          "--button-text-color-primary": "hsl(var(--foreground-primary))",
-          "--button-background-color-primary": "hsl(var(--primary))",
-          "--button-background-color-secondary":
-            "hsl(var(--background-secondary))",
-          "--button-background-color-secondary-hover":
-            "hsl(var(--background-tertiary))",
-          "--button-border-color-secondary": "hsl(var(--background-tertiary))",
-          "--chat-button-border-color-gradientOne":
-            "hsl(var(--background-tertiary))",
-          "--chat-button-border-color-gradientTwo":
-            "hsl(var(--background-tertiary))",
-          "--chat-button-border-color-gradientThree": "hsl(var(--primary))",
-          "--chat-button-border-color-gradientFour": "hsl(var(--primary))",
-          "--chat-button-border-color-gradientFive":
-            "hsl(var(--background-tertiary))",
-          "--chat-button-border-color-gradientSix":
-            "hsl(var(--background-tertiary))",
-          "--chat-button-background-color-gradientOne": "hsl(var(--primary))",
-        },
-      },
-    };
-    oramaSearchBox.index = {
-      api_key: "BhHQBNY6gwBukMREm9FOproywA50UDQs",
-      endpoint: "https://cloud.orama.run/v1/indexes/deno-docs-pp7js4",
-    };
-    oramaSearchBox.resultMap = {
-      description: "content",
-      section: "section",
-    };
-    oramaSearchBox.facetProperty = "category";
-    oramaSearchBox.highlight = { HTMLTag: "b" };
-    oramaSearchBox.sourceBaseUrl = "https://docs.deno.com";
-    oramaSearchBox.suggestions = [
-      "How to get started?",
-      "How to configure?",
-      "How to deploy?",
-    ];
-  }
-
-  const oramaSearchButton: OramaJSX.OramaSearchButton | null = document
-    .querySelector("orama-search-button");
-
-  if (oramaSearchButton) {
-    // Get current theme
-    const currentTheme = localStorage.denoDocsTheme ||
-      (globalThis.matchMedia("(prefers-color-scheme: dark)").matches
-        ? "dark"
-        : "light");
-
-    oramaSearchButton.colorScheme = currentTheme;
-
-    // Listen for theme changes
-    const observer = new MutationObserver((mutations) => {
-      mutations.forEach((mutation) => {
-        if (mutation.target instanceof HTMLElement) {
-          const isDark = mutation.target.classList.contains("dark");
-          oramaSearchButton.colorScheme = isDark ? "dark" : "light";
-        }
-      });
-    });
-
-    observer.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: ["class"],
-    });
-
-    oramaSearchButton.themeConfig = {
-      colors: {
-        light: {
-          "--text-color-primary": "hsl(var(--foreground-primary))",
-          "--text-color-secondary": "hsl(var(--foreground-secondary))",
-          "--text-color-accent": "hsl(var(--primary))",
-          "--text-color-inactive": "hsl(var(--foreground-secondary))",
-          "--background-color-primary": "#ffffff",
-          "--background-color-secondary": "#ffffff",
-          "--background-color-tertiary": "hsl(var(--background-tertiary))",
-          "--border-color-primary": "hsl(var(--foreground-tertiary))",
-          "--border-color-secondary": "#ffffff",
-          "--border-color-tertiary": "hsl(var(--foreground-tertiary))",
-          "--border-color-accent": "hsl(var(--background-tertiary))",
-          "--icon-color-accent": "hsl(var(--primary))",
-          "--button-text-color-primary": "hsl(var(--background-tertiary))",
-          "--button-background-color-primary": "hsl(var(--primary))",
-          "--button-background-color-secondary": "#ffffff",
-          "--button-background-color-secondary-hover":
-            "hsl(var(--background-tertiary))",
-          "--button-border-color-secondary": "hsl(var(--foreground-tertiary))",
-          "--chat-button-border-color-gradientOne": "#ffffff",
-          "--chat-button-border-color-gradientTwo": "#ffffff",
-          "--chat-button-border-color-gradientThree": "#ffffff",
-          "--chat-button-border-color-gradientFour": "hsl(var(--primary))",
-          "--chat-button-border-color-gradientFive": "#ffffff",
-          "--chat-button-border-color-gradientSix": "#ffffff",
-          "--chat-button-background-color-gradientOne": "hsl(var(--primary))",
-        },
-        dark: {
-          "--text-color-primary": "hsl(var(--foreground-primary))",
-          "--text-color-secondary": "hsl(var(--foreground-primary))",
-          "--text-color-accent": "hsl(var(--primary))",
-          "--text-color-inactive": "hsl(var(--foreground-secondary))",
-          "--background-color-primary": "hsl(var(--background-primary))",
-          "--background-color-secondary": "hsl(var(--background-primary))",
-          "--background-color-tertiary": "hsl(var(--background-primary))",
-          "--border-color-primary": "hsl(var(--background-tertiary))",
-          "--border-color-secondary": "hsl(var(--background-tertiary))",
-          "--border-color-tertiary": "hsl(var(--background-tertiary))",
-          "--border-color-accent": "hsl(var(--primary))",
-          "--icon-color-accent": "hsl(var(--primary))",
-          "--button-text-color-primary": "hsl(var(--foreground-primary))",
-          "--button-background-color-primary": "hsl(var(--primary))",
-          "--button-background-color-secondary":
-            "hsl(var(--background-secondary))",
-          "--button-background-color-secondary-hover":
-            "hsl(var(--background-tertiary))",
-          "--button-border-color-secondary": "hsl(var(--background-tertiary))",
-          "--chat-button-border-color-gradientOne":
-            "hsl(var(--background-tertiary))",
-          "--chat-button-border-color-gradientTwo":
-            "hsl(var(--background-tertiary))",
-          "--chat-button-border-color-gradientThree": "hsl(var(--primary))",
-          "--chat-button-border-color-gradientFour": "hsl(var(--primary))",
-          "--chat-button-border-color-gradientFive":
-            "hsl(var(--background-tertiary))",
-          "--chat-button-border-color-gradientSix":
-            "hsl(var(--background-tertiary))",
-          "--chat-button-background-color-gradientOne": "hsl(var(--primary))",
-        },
-      },
-    };
-    oramaSearchButton.innerText = "Search";
-    oramaSearchButton.size = "small";
-  }
-});
-
-declare module "npm:preact" {
-  namespace JSX {
-    interface IntrinsicElements {
-      "orama-search-box": OramaJSX.OramaSearchBox;
-      "orama-search-button": OramaJSX.OramaSearchButton;
-    }
-  }
-}

From b1e3ca57372f170baa8fcbc080584eeda44f4e66 Mon Sep 17 00:00:00 2001
From: Phil Hawksworth <phil@deno.com>
Date: Wed, 4 Dec 2024 12:30:15 +0000
Subject: [PATCH 3/4] remove more Orama dependencies for search

---
 _components/Header.tsx | 4 ----
 deno.json              | 2 --
 2 files changed, 6 deletions(-)

diff --git a/_components/Header.tsx b/_components/Header.tsx
index 3582e5338..c95d80558 100644
--- a/_components/Header.tsx
+++ b/_components/Header.tsx
@@ -90,10 +90,6 @@ export default function Header({
             hideOnMobile
           />
           <div class="min-w-[150px] md:w-32 xl:w-64">
-            {
-              /* <orama-search-button />
-            <orama-search-box /> */
-            }
             <SearchInput />
           </div>
           <div class="dark-mode-toggle">
diff --git a/deno.json b/deno.json
index b8fb4060e..58cf36d0c 100644
--- a/deno.json
+++ b/deno.json
@@ -1,6 +1,5 @@
 {
   "imports": {
-    "@orama/wc-components/": "https://unpkg.com/@orama/wc-components@0.1.7/",
     "@std/assert": "jsr:@std/assert@^1.0.6",
     "@std/dotenv": "jsr:@std/dotenv@^0.225.2",
     "@std/fs": "jsr:@std/fs@^0.229.3",
@@ -9,7 +8,6 @@
     "@std/path": "jsr:@std/path@^1.0.8",
     "ga4": "https://raw.githubusercontent.com/denoland/ga4/04a1ce209116f158b5ef1658b957bdb109db68ed/mod.ts",
     "lume/": "https://deno.land/x/lume@v2.4.1/",
-    "@orama/wc-components/": "https://unpkg.com/@orama/wc-components@0.1.7/",
     "googleapis": "npm:googleapis@^144.0.0",
     "tailwindcss": "npm:tailwindcss@^3.4.9"
   },

From 2837bef6f46b5fe4e8ea5b43f18745ec4c1d76d0 Mon Sep 17 00:00:00 2001
From: Phil Hawksworth <phil@deno.com>
Date: Thu, 5 Dec 2024 09:43:54 +0000
Subject: [PATCH 4/4] Update _components/SearchInput.tsx

Co-authored-by: Luca Casonato <hello@lcas.dev>
---
 _components/SearchInput.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/_components/SearchInput.tsx b/_components/SearchInput.tsx
index 940cafa7c..00d0c253f 100644
--- a/_components/SearchInput.tsx
+++ b/_components/SearchInput.tsx
@@ -1,6 +1,6 @@
 export default function SearchInput() {
   return (
-    <form action="https://www.google.co.uk/search" method="get" class="search">
+    <form action="https://www.google.com/search" method="get" class="search">
       <input type="hidden" name="q" id="q" value="site:https://deno.com" />
       <input
         type="search"