create-better-t-stack 1.13.2 → 2.0.0

package/template/with-auth/apps/web-tanstack-router/src/components/header.tsx

@@ -1,34 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import { ModeToggle } from "./mode-toggle";
-import UserMenu from "./user-menu";
-
-export default function Header() {
-  const links = [
-    { to: "/", label: "Home" },
-    { to: "/dashboard", label: "Dashboard" },
-  ];
-
-  return (
-    <div>
-      <div className="flex flex-row items-center justify-between px-2 py-1">
-        <nav className="flex gap-4 text-lg">
-          {links.map(({ to, label }) => (
-            <Link
-              key={to}
-              to={to}
-              activeProps={{ className: "font-bold" }}
-              activeOptions={{ exact: true }}
-            >
-              {label}
-            </Link>
-          ))}
-        </nav>
-        <div className="flex items-center gap-2">
-          <ModeToggle />
-          <UserMenu />
-        </div>
-      </div>
-      <hr />
-    </div>
-  );
-}

package/template/with-auth/apps/web-tanstack-router/src/utils/trpc.ts

@@ -1,39 +0,0 @@
-import type { AppRouter } from "../../../server/src/routers";
-import { QueryCache, QueryClient } from "@tanstack/react-query";
-import { createTRPCClient, httpBatchLink } from "@trpc/client";
-import { createTRPCOptionsProxy } from "@trpc/tanstack-react-query";
-import { toast } from "sonner";
-
-export const queryClient = new QueryClient({
-  queryCache: new QueryCache({
-    onError: (error) => {
-      toast.error(error.message, {
-        action: {
-          label: "retry",
-          onClick: () => {
-            queryClient.invalidateQueries();
-          },
-        },
-      });
-    },
-  }),
-});
-
-export const trpcClient = createTRPCClient<AppRouter>({
-  links: [
-    httpBatchLink({
-      url: `${import.meta.env.VITE_SERVER_URL}/trpc`,
-      fetch(url, options) {
-        return fetch(url, {
-          ...options,
-          credentials: "include",
-        });
-      },
-    }),
-  ],
-});
-
-export const trpc = createTRPCOptionsProxy<AppRouter>({
-  client: trpcClient,
-  queryClient,
-});

package/template/with-auth/apps/web-tanstack-start/src/components/header.tsx

@@ -1,32 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import UserMenu from "./user-menu";
-
-export default function Header() {
-  const links = [
-    { to: "/", label: "Home" },
-    { to: "/dashboard", label: "Dashboard" },
-  ];
-
-  return (
-    <div>
-      <div className="flex flex-row items-center justify-between px-2 py-1">
-        <nav className="flex gap-4 text-lg">
-          {links.map(({ to, label }) => (
-            <Link
-              key={to}
-              to={to}
-              activeProps={{ className: "font-bold" }}
-              activeOptions={{ exact: true }}
-            >
-              {label}
-            </Link>
-          ))}
-        </nav>
-        <div className="flex items-center gap-2">
-          <UserMenu />
-        </div>
-      </div>
-      <hr />
-    </div>
-  );
-}

package/template/with-elysia/apps/server/src/index.ts

@@ -1,27 +0,0 @@
-import "dotenv/config";
-import { Elysia } from "elysia";
-import { cors } from "@elysiajs/cors";
-import { createContext } from "./lib/context";
-import { appRouter } from "./routers/index";
-import { fetchRequestHandler } from "@trpc/server/adapters/fetch";
-
-const app = new Elysia()
-  .use(
-    cors({
-      origin: process.env.CORS_ORIGIN || "",
-      methods: ["GET", "POST", "OPTIONS"],
-    }),
-  )
-  .all("/trpc/*", async (context) => {
-    const res = await fetchRequestHandler({
-      endpoint: "/trpc",
-      router: appRouter,
-      req: context.request,
-      createContext: () => createContext({ context }),
-    });
-    return res;
-  })
-  .get("/", () => "OK")
-  .listen(3000, () => {
-    console.log(`Server is running on http://localhost:3000`);
-  });

package/template/with-elysia/apps/server/src/lib/context.ts

@@ -1,13 +0,0 @@
-import type { Context as ElysiaContext } from "elysia";
-
-export type CreateContextOptions = {
-  context: ElysiaContext;
-};
-
-export async function createContext({ context }: CreateContextOptions) {
-  return {
-    session: null,
-  };
-}
-
-export type Context = Awaited<ReturnType<typeof createContext>>;

package/template/with-express/apps/server/src/index.ts

@@ -1,29 +0,0 @@
-import "dotenv/config";
-import { createExpressMiddleware } from "@trpc/server/adapters/express";
-import cors from "cors";
-import express from "express";
-import { createContext } from "./lib/context";
-import { appRouter } from "./routers/index";
-
-const app = express();
-
-app.use(
-  cors({
-    origin: process.env.CORS_ORIGIN || "",
-    methods: ["GET", "POST", "OPTIONS"],
-    allowedHeaders: ["Content-Type", "Authorization"],
-    credentials: true,
-  }),
-);
-
-app.use(express.json());
-
-app.use("/trpc", createExpressMiddleware({ router: appRouter, createContext }));
-
-app.get("/", (_req, res) => {
-  res.status(200).send("OK");
-});
-
-app.listen(3000, () => {
-  console.log("Server is running on port 3000");
-});

package/template/with-express/apps/server/src/lib/context.ts

@@ -1,9 +0,0 @@
-import type { CreateExpressContextOptions } from "@trpc/server/adapters/express";
-
-export async function createContext(opts: CreateExpressContextOptions) {
-	return {
-		session: null,
-	};
-}
-
-export type Context = Awaited<ReturnType<typeof createContext>>;

package/template/with-hono/apps/server/src/index.ts

@@ -1,33 +0,0 @@
-import { trpcServer } from "@hono/trpc-server";
-import "dotenv/config";
-import { Hono } from "hono";
-import { cors } from "hono/cors";
-import { logger } from "hono/logger";
-import { createContext } from "./lib/context";
-import { appRouter } from "./routers/index";
-
-const app = new Hono();
-
-app.use(logger());
-
-app.use(
-	"/*",
-	cors({
-		origin: process.env.CORS_ORIGIN || "",
-		allowMethods: ["GET", "POST", "OPTIONS"],
-	}),
-);
-
-app.use(
-	"/trpc/*",
-	trpcServer({
-		router: appRouter,
-		createContext: (_opts, context) => {
-			return createContext({ context });
-		},
-	}),
-);
-
-app.get("/", (c) => {
-	return c.text("OK");
-});

package/template/with-hono/apps/server/src/lib/context.ts

@@ -1,13 +0,0 @@
-import type { Context as HonoContext } from "hono";
-
-export type CreateContextOptions = {
-  context: HonoContext;
-};
-
-export async function createContext({ context }: CreateContextOptions) {
-  return {
-    session: null,
-  };
-}
-
-export type Context = Awaited<ReturnType<typeof createContext>>;

package/template/with-next/apps/server/src/lib/context.ts

@@ -1,9 +0,0 @@
-import type { NextRequest } from "next/server";
-
-export async function createContext(req: NextRequest) {
-  return {
-    session: null,
-  };
-}
-
-export type Context = Awaited<ReturnType<typeof createContext>>;