npm - create-better-t-stack - Versions diffs - 2.45.4 → 2.46.0-canary.85c43fef - Mend

create-better-t-stack 2.45.4 → 2.46.0-canary.85c43fef

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (75) hide show

package/templates/frontend/react/tanstack-start/src/routes/__root.tsx.hbs CHANGED Viewed

@@ -8,7 +8,9 @@ import {
   Scripts,
   createRootRouteWithContext,
   useRouterState,
+{{#if (and (eq backend "convex") (or (eq auth "clerk") (eq auth "better-auth")))}}
   useRouteContext,
+{{/if}}
 } from "@tanstack/react-router";
 import { TanStackRouterDevtools } from "@tanstack/react-router-devtools";
 import Header from "../components/header";
@@ -17,6 +19,10 @@ import appCss from "../index.css?url";
 import type { QueryClient } from "@tanstack/react-query";
 import type { ConvexQueryClient } from "@convex-dev/react-query";
 import type { ConvexReactClient } from "convex/react";
+{{else}}
+{{#if (or (eq api "trpc") (eq api "orpc"))}}
+import type { QueryClient } from "@tanstack/react-query";
+{{/if}}
 {{/if}}
 import Loader from "@/components/loader";
@@ -32,6 +38,23 @@ const fetchClerkAuth = createServerFn({ method: "GET" }).handler(async () => {
   const token = await auth.getToken({ template: "convex" });
   return { userId: auth.userId, token };
 });
+{{else if (and (eq backend "convex") (eq auth "better-auth"))}}
+import { createServerFn } from "@tanstack/react-start";
+import { getWebRequest, getCookie } from "@tanstack/react-start/server";
+import { ConvexBetterAuthProvider } from "@convex-dev/better-auth/react";
+import { fetchSession, getCookieName } from "@convex-dev/better-auth/react-start";
+import { authClient } from "@/lib/auth-client";
+import { createAuth } from "@{{projectName}}/backend/convex/auth";
+const fetchAuth = createServerFn({ method: "GET" }).handler(async () => {
+  const { session } = await fetchSession(getWebRequest());
+  const sessionCookieName = getCookieName(createAuth);
+  const token = getCookie(sessionCookieName);
+  return {
+    userId: session?.user.id,
+    token,
+  };
+});
 {{/if}}
 {{#if (eq backend "convex")}}
@@ -91,6 +114,14 @@ export const Route = createRootRouteWithContext<RouterAppContext>()({
     }
     return { userId, token };
   },
+  {{else if (and (eq backend "convex") (eq auth "better-auth"))}}
+  beforeLoad: async (ctx) => {
+    const { userId, token } = await fetchAuth();
+    if (token) {
+      ctx.context.convexQueryClient.serverHttpClient?.setAuth(token);
+    }
+    return { userId, token };
+  },
   {{/if}}
 });
@@ -118,6 +149,26 @@ function RootDocument() {
       </ConvexProviderWithClerk>
     </ClerkProvider>
   );
+  {{else if (and (eq backend "convex") (eq auth "better-auth"))}}
+  const context = useRouteContext({ from: Route.id });
+  return (
+    <ConvexBetterAuthProvider client={context.convexClient} authClient={authClient}>
+      <html lang="en" className="dark">
+        <head>
+          <HeadContent />
+        </head>
+        <body>
+          <div className="grid h-svh grid-rows-[auto_1fr]">
+            <Header />
+            {isFetching ? <Loader /> : <Outlet />}
+          </div>
+          <Toaster richColors />
+          <TanStackRouterDevtools position="bottom-left" />
+          <Scripts />
+        </body>
+      </html>
+    </ConvexBetterAuthProvider>
+  );
   {{else}}
   return (
     <html lang="en" className="dark">

package/templates/frontend/react/tanstack-start/src/routes/index.tsx.hbs CHANGED Viewed

@@ -1,7 +1,7 @@
 import { createFileRoute } from "@tanstack/react-router";
 {{#if (eq backend "convex")}}
 import { convexQuery } from "@convex-dev/react-query";
-import { useSuspenseQuery } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 import { api } from "@{{projectName}}/backend/convex/_generated/api";
 {{else if (or (eq api "trpc") (eq api "orpc"))}}
 import { useQuery } from "@tanstack/react-query";
@@ -35,7 +35,7 @@ const TITLE_TEXT = `
 function HomeComponent() {
   {{#if (eq backend "convex")}}
-  const healthCheck = useSuspenseQuery(convexQuery(api.healthCheck.get, {}));
+  const healthCheck = useQuery(convexQuery(api.healthCheck.get, {}));
   {{else if (eq api "trpc")}}
   const trpc = useTRPC();
   const healthCheck = useQuery(trpc.healthCheck.queryOptions());

package/templates/frontend/react/web-base/src/components/header.tsx.hbs CHANGED Viewed

@@ -9,7 +9,7 @@ import { Link } from "@tanstack/react-router";
 {{#unless (includes frontend "tanstack-start")}}
 import { ModeToggle } from "./mode-toggle";
 {{/unless}}
-{{#if (eq auth "better-auth")}}
+{{#if (and (eq auth "better-auth") (ne backend "convex"))}}
 import UserMenu from "./user-menu";
 {{/if}}
@@ -67,7 +67,7 @@ export default function Header() {
           {{#unless (includes frontend "tanstack-start")}}
           <ModeToggle />
           {{/unless}}
-          {{#if (eq auth "better-auth")}}
+          {{#if (and (eq auth "better-auth") (ne backend "convex"))}}
           <UserMenu />
           {{/if}}
         </div>

package/templates/frontend/solid/package.json.hbs CHANGED Viewed

@@ -9,18 +9,18 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@tailwindcss/vite": "^4.0.6",
-    "@tanstack/router-plugin": "^1.109.2",
-    "@tanstack/solid-form": "^1.9.0",
-    "@tanstack/solid-router": "^1.110.0",
-    "lucide-solid": "^0.507.0",
-    "solid-js": "^1.9.4",
-    "tailwindcss": "^4.0.6",
+    "@tailwindcss/vite": "^4.1.13",
+    "@tanstack/router-plugin": "^1.131.44",
+    "@tanstack/solid-form": "^1.20.0",
+    "@tanstack/solid-router": "^1.131.44",
+    "lucide-solid": "^0.544.0",
+    "solid-js": "^1.9.9",
+    "tailwindcss": "^4.1.13",
     "zod": "^4.0.2"
   },
   "devDependencies": {
-    "typescript": "^5.7.2",
-    "vite": "^7.0.2",
-    "vite-plugin-solid": "^2.11.2"
+    "typescript": "^5.9.2",
+    "vite": "^7.1.5",
+    "vite-plugin-solid": "^2.11.8"
   }
 }

package/templates/payments/polar/server/base/src/lib/payments.ts.hbs ADDED Viewed

@@ -0,0 +1,6 @@
+import { Polar } from "@polar-sh/sdk";
+export const polarClient = new Polar({
+    accessToken: process.env.POLAR_ACCESS_TOKEN,
+    server: "sandbox",
+});

package/templates/payments/polar/web/nuxt/app/pages/success.vue.hbs ADDED Viewed

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+const route = useRoute()
+const checkout_id = route.query.checkout_id as string
+</script>
+<template>
+  <div class="container mx-auto px-4 py-8">
+    <h1 class="text-2xl font-bold mb-4">Payment Successful!</h1>
+    <p v-if="checkout_id">Checkout ID: \{{ checkout_id }}</p>
+  </div>
+</template>

package/templates/payments/polar/web/react/next/src/app/success/page.tsx.hbs ADDED Viewed

@@ -0,0 +1,15 @@
+export default async function SuccessPage({
+    searchParams,
+}: {
+    searchParams: Promise<{ checkout_id: string }>
+}) {
+    const params = await searchParams;
+    const checkout_id = params.checkout_id;
+    return (
+        <div className="px-4 py-8">
+            <h1>Payment Successful!</h1>
+            {checkout_id && <p>Checkout ID: {checkout_id}</p>}
+        </div>
+    );
+}

package/templates/payments/polar/web/react/react-router/src/routes/success.tsx.hbs ADDED Viewed

@@ -0,0 +1,13 @@
+import { useSearchParams } from "react-router";
+export default function SuccessPage() {
+    const [searchParams] = useSearchParams();
+    const checkout_id = searchParams.get("checkout_id");
+    return (
+        <div className="container mx-auto px-4 py-8">
+            <h1>Payment Successful!</h1>
+            {checkout_id && <p>Checkout ID: {checkout_id}</p>}
+        </div>
+    );
+}

package/templates/payments/polar/web/react/tanstack-router/src/routes/success.tsx.hbs ADDED Viewed

@@ -0,0 +1,19 @@
+import { createFileRoute, useSearch } from "@tanstack/react-router";
+export const Route = createFileRoute("/success")({
+	component: SuccessPage,
+	validateSearch: (search) => ({
+		checkout_id: search.checkout_id as string,
+	}),
+});
+function SuccessPage() {
+	const { checkout_id } = useSearch({ from: "/success" });
+	return (
+		<div className="container mx-auto px-4 py-8">
+			<h1>Payment Successful!</h1>
+			{checkout_id && <p>Checkout ID: {checkout_id}</p>}
+		</div>
+	);
+}

package/templates/payments/polar/web/react/tanstack-start/src/routes/success.tsx.hbs ADDED Viewed

@@ -0,0 +1,19 @@
+import { createFileRoute, useSearch } from "@tanstack/react-router";
+export const Route = createFileRoute("/success")({
+	component: SuccessPage,
+	validateSearch: (search) => ({
+		checkout_id: search.checkout_id as string,
+	}),
+});
+function SuccessPage() {
+	const { checkout_id } = useSearch({ from: "/success" });
+	return (
+		<div className="container mx-auto px-4 py-8">
+			<h1>Payment Successful!</h1>
+			{checkout_id && <p>Checkout ID: {checkout_id}</p>}
+		</div>
+	);
+}

package/templates/payments/polar/web/solid/src/routes/success.tsx.hbs ADDED Viewed

@@ -0,0 +1,23 @@
+import { createFileRoute } from "@tanstack/solid-router";
+import { Show } from "solid-js";
+export const Route = createFileRoute("/success")({
+	component: SuccessPage,
+	validateSearch: (search) => ({
+		checkout_id: search.checkout_id as string,
+	}),
+});
+function SuccessPage() {
+	const searchParams = Route.useSearch();
+	const checkout_id = searchParams().checkout_id;
+	return (
+		<div class="container mx-auto px-4 py-8">
+			<h1>Payment Successful!</h1>
+			<Show when={checkout_id}>
+				<p>Checkout ID: {checkout_id}</p>
+			</Show>
+		</div>
+	);
+}

package/templates/payments/polar/web/svelte/src/routes/success/+page.svelte.hbs ADDED Viewed

@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { page } from '$app/stores';
+	const checkout_id = $page.url.searchParams.get('checkout_id');
+</script>
+<div class="container mx-auto px-4 py-8">
+	<h1>Payment Successful!</h1>
+	{#if checkout_id}
+		<p>Checkout ID: {checkout_id}</p>
+	{/if}
+</div>

package/templates/auth/better-auth/web/nuxt/app/plugins/auth-client.ts DELETED Viewed

@@ -1,16 +0,0 @@
-import { createAuthClient } from "better-auth/vue";
-export default defineNuxtPlugin(nuxtApp => {
-  const config = useRuntimeConfig()
-  const serverUrl = config.public.serverURL
-  const authClient = createAuthClient({
-    baseURL: serverUrl
-  })
-  return {
-    provide: {
-      authClient: authClient
-    }
-  }
-})

package/templates/auth/better-auth/web/react/next/src/components/theme-provider.tsx DELETED Viewed

@@ -1,11 +0,0 @@
-"use client"
-import * as React from "react"
-import { ThemeProvider as NextThemesProvider } from "next-themes"
-export function ThemeProvider({
-  children,
-  ...props
-}: React.ComponentProps<typeof NextThemesProvider>) {
-  return <NextThemesProvider {...props}>{children}</NextThemesProvider>
-}

package/templates/auth/better-auth/web/solid/src/lib/auth-client.ts DELETED Viewed

@@ -1,5 +0,0 @@
-import { createAuthClient } from "better-auth/solid";
-export const authClient = createAuthClient({
-  baseURL: import.meta.env.VITE_SERVER_URL,
-});