docs: move api to hono router

Author: huijiewei

package.json

@@ -26,12 +26,12 @@
     "@resolid/config": "^5.0.2",
     "@svitejs/changesets-changelog-github-compact": "^1.2.0",
     "@tailwindcss/language-server": "^0.14.29",
-    "@types/node": "^24.10.15",
+    "@types/node": "^24.11.0",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-you-might-not-need-an-effect": "^0.9.1",
-    "lefthook": "^2.1.1",
+    "lefthook": "^2.1.2",
     "oxfmt": "^0.35.0",
-    "oxlint": "^1.50.0",
+    "oxlint": "^1.51.0",
     "typescript": "^5.9.3"
   },
   "engines": {

packages/react-ui/package.json

@@ -47,7 +47,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@floating-ui/react": "^0.27.18",
+    "@floating-ui/react": "^0.27.19",
     "@formkit/tempo": "^1.0.0",
     "@resolid/utils": "^1.2.7",
     "@tanstack/react-virtual": "^3.13.19",

pnpm-lock.yaml

@@ -28,8 +28,8 @@
     "@mdx-js/rollup": "^3.1.1",
     "@react-router/dev": "^7.13.1",
     "@resolid/config": "^5.0.2",
-    "@resolid/dev": "^0.2.0",
-    "@shikijs/rehype": "^3.23.0",
+    "@resolid/dev": "^0.3.1",
+    "@shikijs/rehype": "^4.0.1",
     "@tailwindcss/vite": "^4.2.1",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",

website/package.json

@@ -0,0 +1,7 @@
+import { getSearchData } from "~/utils/mdx-utils.server";
+
+export async function search(keyword: string | undefined) {
+  const result = await getSearchData(keyword ?? "");
+
+  return result.map((r) => ({ value: r.id, label: r.title, description: r.description }));
+}

website/src/api/search.ts

@@ -1,13 +1,7 @@
 import { env } from "node:process";
-import type { Route } from "./+types/uploadthing";
-
-export const action = async ({ request }: Route.ActionArgs) => {
-  const params = new URL(request.url).searchParams;
-  const act = params.get("act");
 
+export async function uploadthing(act: string | undefined, data: FormData) {
   if (act == "getPrepareUrl") {
-    const data = await request.formData();
-
     return await fetch("https://api.uploadthing.com/v7/prepareUpload", {
       method: "POST",
       headers: {
@@ -24,17 +18,15 @@ export const action = async ({ request }: Route.ActionArgs) => {
   }
 
   if (act == "deleteFile") {
-    const id = params.get("id");
-
     return await fetch("https://api.uploadthing.com/v6/deleteFiles", {
       method: "POST",
       headers: {
         "content-type": "application/json",
         "X-Uploadthing-Api-Key": env.UPLOADTHING_API_KEY,
       } as unknown as Headers,
       body: JSON.stringify({
-        customIds: [id],
+        customIds: [data.get("id")],
       }),
     });
   }
-};
+}

website/src/routes/api/uploadthing.ts website/src/api/uploadthing.tswebsite/src/routes/api/uploadthing.ts renamed to website/src/api/uploadthing.ts

@@ -12,7 +12,6 @@ import {
 } from "@resolid/react-ui";
 import { debounce } from "@resolid/utils";
 import { useState } from "react";
-import { useFetcher } from "react-router";
 import { HistoryLink } from "~/components/history-link";
 import { SpriteIcon } from "~/components/sprite-icon";
 
@@ -26,11 +25,13 @@ export const SiteSearch = () => {
     }
   });
 
-  const { data, load } = useFetcher<{ value: string; label: string; description: string }[]>();
+  const [data, setData] = useState<{ value: string; label: string; description: string }[]>();
 
   const handleChange = debounce(async (value) => {
     if (value != "") {
-      await load(`/api/search?q=${value}`);
+      const result = await fetch(`/api/search?q=${value}`);
+
+      setData(await result.json());
     }
   }, 500);
 

website/src/components/site-search.tsx

@@ -1,21 +1,13 @@
 import type { PropsWithChildren } from "react";
 import { ConfigProvider } from "@resolid/react-ui";
 import zhCN from "@resolid/react-ui/locales/zh-CN";
-import { Links, type LinksFunction, Meta, Outlet, Scripts, ScrollRestoration } from "react-router";
+import { Meta, Outlet, Scripts, ScrollRestoration } from "react-router";
 import { ErrorComponent } from "~/components/error-component";
 import { RouteProcessBar } from "~/components/route-process-bar";
 import { SiteLayout } from "~/components/site-layout";
 import { VercelAnalytics } from "~/components/vercel-analytics";
 
-import styles from "~/root.css?url";
-
-// noinspection JSUnusedGlobalSymbols
-export const links: LinksFunction = () => [
-  {
-    rel: "stylesheet",
-    href: styles,
-  },
-];
+import style from "~/root.css?url";
 
 // noinspection JSUnusedGlobalSymbols
 export const meta = () => [
@@ -41,7 +33,7 @@ export const Layout = ({ children }: PropsWithChildren) => {
         <link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml" />
         <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
         <Meta />
-        <Links />
+        <link rel="stylesheet" href={style} />
       </head>
       <body className="min-h-screen overflow-y-scroll">
         <RouteProcessBar />
@@ -50,7 +42,7 @@ export const Layout = ({ children }: PropsWithChildren) => {
         </ConfigProvider>
         <ScrollRestoration />
         <Scripts />
-        {!!import.meta.env.VITE_VERCEL_URL && (
+        {import.meta.env.RESOLID_PLATFORM == "vercel" && (
           <VercelAnalytics endpoint="/growth" scriptSrc="/growth/script.js" />
         )}
       </body>

website/src/root.tsx

@@ -1,14 +1,20 @@
-import { createServer, nodeConfig, vercelConfig } from "@resolid/dev/server";
-import { env } from "node:process";
+import {
+  createHonoVercelServer,
+  createHonoNodeServer,
+  type Hono,
+  type Env,
+} from "@resolid/dev/http.server";
+import { search } from "~/api/search";
+import { uploadthing } from "~/api/uploadthing";
 
-export default await createServer((platform) => {
-  switch (platform) {
-    case "vercel":
-      return vercelConfig({});
+const configure = <E extends Env>(app: Hono<E>) => {
+  app.get("/api/search", async (c) => c.json(await search(c.req.query("q"))));
+  app.post(
+    "/api/uploadthing",
+    async (c) => await uploadthing(c.req.query("act"), await c.req.formData()),
+  );
+};
 
-    default:
-      return nodeConfig({
-        port: env.SERVER_PORT,
-      });
-  }
-});
+export default await (import.meta.env.RESOLID_PLATFORM == "vercel"
+  ? createHonoVercelServer({ configure })
+  : createHonoNodeServer({ configure }));