@proofkit/cli 2.0.0-beta.21 → 2.0.0-beta.23

package/template/vite-wv/src/router.tsx

@@ -0,0 +1,57 @@
+import {
+  Link,
+  Outlet,
+  createHashHistory,
+  createRootRoute,
+  createRoute,
+  createRouter,
+} from "@tanstack/react-router";
+import App from "./App";
+import { QueryDemoPage } from "./routes/query-demo";
+
+const rootRoute = createRootRoute({
+  component: RootLayout,
+});
+
+const indexRoute = createRoute({
+  getParentRoute: () => rootRoute,
+  path: "/",
+  component: App,
+});
+
+const queryDemoRoute = createRoute({
+  getParentRoute: () => rootRoute,
+  path: "/query",
+  component: QueryDemoPage,
+});
+
+const routeTree = rootRoute.addChildren([indexRoute, queryDemoRoute]);
+
+export const router = createRouter({
+  routeTree,
+  history: createHashHistory(),
+});
+
+declare module "@tanstack/react-router" {
+  interface Register {
+    router: typeof router;
+  }
+}
+
+function RootLayout() {
+  return (
+    <div className="min-h-screen bg-background text-foreground">
+      <header className="border-b border-border bg-card/80">
+        <nav className="mx-auto flex w-full max-w-5xl items-center gap-4 px-6 py-3 sm:px-10">
+          <Link className="[&.active]:text-primary text-sm font-medium text-muted-foreground" to="/">
+            Starter
+          </Link>
+          <Link className="[&.active]:text-primary text-sm font-medium text-muted-foreground" to="/query">
+            Query Demo
+          </Link>
+        </nav>
+      </header>
+      <Outlet />
+    </div>
+  );
+}

package/template/vite-wv/src/routes/query-demo.tsx

@@ -0,0 +1,37 @@
+import { useQuery } from "@tanstack/react-query";
+import { Link } from "@tanstack/react-router";
+
+const getConnectionHint = async (): Promise<string> => {
+  await new Promise((resolve) => setTimeout(resolve, 180));
+  return "Use fmFetch or generated clients once your FileMaker file is ready.";
+};
+
+export function QueryDemoPage() {
+  const hintQuery = useQuery({
+    queryKey: ["starter-connection-hint"],
+    queryFn: getConnectionHint,
+  });
+
+  return (
+    <main className="mx-auto w-full max-w-5xl px-6 py-10 sm:px-10">
+      <section className="rounded-3xl border border-border bg-card p-8 shadow-sm">
+        <p className="text-sm font-medium uppercase tracking-[0.2em] text-muted-foreground">React Query ready</p>
+        <h1 className="mt-4 text-3xl font-semibold tracking-tight">TanStack Query is preconfigured</h1>
+        <p className="mt-4 text-muted-foreground">
+          This route is rendered by TanStack Router using hash history, which is recommended for FileMaker WebViewer
+          apps.
+        </p>
+
+        <div className="mt-6 rounded-xl border border-border bg-background p-4 text-sm">
+          {hintQuery.isLoading ? "Loading starter data..." : hintQuery.data}
+        </div>
+
+        <div className="mt-6">
+          <Link className="inline-flex rounded-full border border-border bg-card px-4 py-2 text-sm font-medium" to="/">
+            Back to starter
+          </Link>
+        </div>
+      </section>
+    </main>
+  );
+}

package/template/vite-wv/tsconfig.json

@@ -6,9 +6,11 @@
     "target": "ESNext",
     "module": "ESNext",
     "moduleResolution": "Bundler",
+    "baseUrl": ".",
     "noEmit": true,
     "paths": {
       "@/*": ["./src/*"]
     }
-  }
+  },
+  "include": ["src"]
 }

package/template/vite-wv/vite.config.ts

@@ -1,10 +1,10 @@
-import path from "path";
-import { defineConfig } from "vite";
+import path from "node:path";
 import react from "@vitejs/plugin-react";
-import { TanStackRouterVite } from "@tanstack/router-plugin/vite";
+import { fmBridge } from "@proofkit/webviewer/vite-plugins";
+import tailwindcss from "@tailwindcss/vite";
+import { defineConfig } from "vite";
 import { viteSingleFile } from "vite-plugin-singlefile";
 
-// https://vitejs.dev/config/
 export default defineConfig({
   server: {
     port: 5175,
@@ -14,5 +14,5 @@ export default defineConfig({
       "@": path.resolve(__dirname, "./src"),
     },
   },
-  plugins: [TanStackRouterVite({}), react(), viteSingleFile()],
+  plugins: [fmBridge(), react(), tailwindcss(), viteSingleFile()],
 });

package/dist/index-JtcdNmdz.d.ts

@@ -1 +0,0 @@
-export {};