feature: hono + vercel + vite

.gitignore

@@ -29,3 +29,4 @@ zero.db*
 
 # sst
 .sst
+.vercel

api/index.ts

@@ -0,0 +1,14 @@
+import { Hono } from "hono";
+import { handleLogin } from "../server/login.ts";
+import { handleMutate } from "../server/mutate.ts";
+import { handleQuery } from "../server/query.ts";
+
+const app = new Hono().basePath("/api");
+
+app.get("/login", handleLogin);
+
+app.post("/mutate", async (c) => c.json(await handleMutate(c)));
+
+app.post("/query", async (c) => c.json(await handleQuery(c)));
+
+export default app;

api/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../tsconfig.base.json",
+  "include": ["./**/*", "../server/**/*", "../shared/**/*"]
+}

app/App.tsx

@@ -1,12 +1,12 @@
 import { useQuery, useZero } from "@rocicorp/zero/solid";
 import Cookies from "js-cookie";
 import { createEffect, createSignal, For, Show } from "solid-js";
-import { formatDate } from "./date";
-import { randInt } from "./rand";
-import { randomMessage } from "./test-data";
-import { queries } from "../shared/queries";
-import { mutators } from "../shared/mutators";
-import { Status } from "./Status";
+import { mutators } from "../shared/mutators.ts";
+import { queries } from "../shared/queries.ts";
+import { formatDate } from "./date.ts";
+import { randInt } from "./rand.ts";
+import { Status } from "./Status.tsx";
+import { randomMessage } from "./test-data.ts";
 
 function App() {
   const zero = useZero();

app/main.tsx

@@ -11,13 +11,15 @@ const signedCookie = Cookies.get("auth");
 const userID = signedCookie ? signedCookie.split(".")[0] : "anon";
 const context = signedCookie ? { userID } : undefined;
 
+const cacheURL = import.meta.env.VITE_PUBLIC_ZERO_CACHE_URL;
+
 const root = document.getElementById("root");
 
 render(
   () => (
     <ZeroProvider
       {...{
-        cacheURL: import.meta.env.VITE_PUBLIC_ZERO_CACHE_URL,
+        cacheURL,
         schema,
         userID,
         context,

app/test-data.ts

@@ -1,5 +1,5 @@
-import { randBetween, randID, randInt } from "./rand";
-import { Medium, Message, User } from "../shared/schema";
+import type { Medium, Message, User } from "../shared/schema.ts";
+import { randBetween, randID, randInt } from "./rand.ts";
 
 const requests = [
   "Hey guys, is the zero package ready yet?",