@better-t-stack/template-generator 3.13.2-dev.6c6cffb

package/templates/packages/env/src/web.ts.hbs

@@ -0,0 +1,98 @@
+{{#if (includes frontend "next")}}
+import { createEnv } from "@t3-oss/env-nextjs";
+{{else if (includes frontend "nuxt")}}
+import { createEnv } from "@t3-oss/env-nuxt";
+{{else}}
+import { createEnv } from "@t3-oss/env-core";
+{{/if}}
+import { z } from "zod";
+
+{{#if (includes frontend "nuxt")}}
+/**
+ * Nuxt env validation - validates at build time when imported in nuxt.config.ts
+ * For runtime access in components/plugins, use useRuntimeConfig() instead:
+ *   const config = useRuntimeConfig()
+ *   config.public.serverUrl (NUXT_PUBLIC_SERVER_URL maps to serverUrl)
+ */
+{{/if}}
+export const env = createEnv({
+{{#if (eq backend "convex")}}
+{{#if (includes frontend "next")}}
+	client: {
+		NEXT_PUBLIC_CONVEX_URL: z.url(),
+{{#if (eq auth "better-auth")}}
+		NEXT_PUBLIC_CONVEX_SITE_URL: z.url(),
+{{/if}}
+{{#if (eq auth "clerk")}}
+		NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY: z.string().min(1),
+{{/if}}
+	},
+	runtimeEnv: {
+		NEXT_PUBLIC_CONVEX_URL: process.env.NEXT_PUBLIC_CONVEX_URL,
+{{#if (eq auth "better-auth")}}
+		NEXT_PUBLIC_CONVEX_SITE_URL: process.env.NEXT_PUBLIC_CONVEX_SITE_URL,
+{{/if}}
+{{#if (eq auth "clerk")}}
+		NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY: process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY,
+{{/if}}
+	},
+{{else if (includes frontend "nuxt")}}
+	client: {
+		NUXT_PUBLIC_CONVEX_URL: z.url(),
+	},
+{{else if (includes frontend "svelte")}}
+	clientPrefix: "PUBLIC_",
+	client: {
+		PUBLIC_CONVEX_URL: z.url(),
+	},
+	runtimeEnv: (import.meta as any).env,
+{{else}}
+	clientPrefix: "VITE_",
+	client: {
+		VITE_CONVEX_URL: z.url(),
+{{#if (eq auth "better-auth")}}
+		VITE_CONVEX_SITE_URL: z.url(),
+{{/if}}
+{{#if (eq auth "clerk")}}
+		VITE_CLERK_PUBLISHABLE_KEY: z.string().min(1),
+{{/if}}
+	},
+	runtimeEnv: (import.meta as any).env,
+{{/if}}
+{{else if (eq backend "self")}}
+{{#if (includes frontend "next")}}
+	client: {},
+	runtimeEnv: {},
+{{else}}
+	clientPrefix: "VITE_",
+	client: {},
+	runtimeEnv: (import.meta as any).env,
+{{/if}}
+{{else if (ne backend "none")}}
+{{#if (includes frontend "next")}}
+	client: {
+		NEXT_PUBLIC_SERVER_URL: z.url(),
+	},
+	runtimeEnv: {
+		NEXT_PUBLIC_SERVER_URL: process.env.NEXT_PUBLIC_SERVER_URL,
+	},
+{{else if (includes frontend "nuxt")}}
+	client: {
+		NUXT_PUBLIC_SERVER_URL: z.url(),
+	},
+{{else if (includes frontend "svelte")}}
+	clientPrefix: "PUBLIC_",
+	client: {
+		PUBLIC_SERVER_URL: z.url(),
+	},
+	runtimeEnv: (import.meta as any).env,
+{{else}}
+	clientPrefix: "VITE_",
+	client: {
+		VITE_SERVER_URL: z.url(),
+	},
+	runtimeEnv: (import.meta as any).env,
+{{/if}}
+{{/if}}
+	emptyStringAsUndefined: true,
+});

package/templates/packages/env/tsconfig.json.hbs

@@ -0,0 +1,3 @@
+{
+  "extends": "@{{projectName}}/config/tsconfig.base.json",
+}

package/templates/packages/infra/alchemy.run.ts.hbs

@@ -0,0 +1,271 @@
+import alchemy from "alchemy";
+{{#if (eq webDeploy "cloudflare")}}
+{{#if (includes frontend "next")}}
+import { Nextjs } from "alchemy/cloudflare";
+{{else if (includes frontend "nuxt")}}
+import { Nuxt } from "alchemy/cloudflare";
+{{else if (includes frontend "svelte")}}
+import { SvelteKit } from "alchemy/cloudflare";
+{{else if (includes frontend "tanstack-start")}}
+import { TanStackStart } from "alchemy/cloudflare";
+{{else if (includes frontend "tanstack-router")}}
+import { Vite } from "alchemy/cloudflare";
+{{else if (includes frontend "react-router")}}
+import { ReactRouter } from "alchemy/cloudflare";
+{{else if (includes frontend "solid")}}
+import { Vite } from "alchemy/cloudflare";
+{{/if}}
+{{/if}}
+{{#if (eq serverDeploy "cloudflare")}}
+import { Worker } from "alchemy/cloudflare";
+{{/if}}
+{{#if (and (or (eq serverDeploy "cloudflare") (and (eq webDeploy "cloudflare") (eq backend "self"))) (eq dbSetup "d1"))}}
+import { D1Database } from "alchemy/cloudflare";
+{{/if}}
+import { config } from "dotenv";
+
+{{#if (and (eq webDeploy "cloudflare") (eq serverDeploy "cloudflare"))}}
+config({ path: "./.env" });
+config({ path: "../../apps/web/.env" });
+config({ path: "../../apps/server/.env" });
+{{else if (eq webDeploy "cloudflare")}}
+config({ path: "./.env" });
+config({ path: "../../apps/web/.env" });
+{{else if (eq serverDeploy "cloudflare")}}
+config({ path: "./.env" });
+config({ path: "../../apps/server/.env" });
+{{/if}}
+
+const app = await alchemy("{{projectName}}");
+
+{{#if (and (or (eq serverDeploy "cloudflare") (and (eq webDeploy "cloudflare") (eq backend "self"))) (eq dbSetup "d1"))}}
+const db = await D1Database("database", {
+	{{#if (eq orm "prisma")}}
+	migrationsDir: "../../packages/db/prisma/migrations",
+	{{else if (eq orm "drizzle")}}
+	migrationsDir: "../../packages/db/src/migrations",
+	{{/if}}
+});
+{{/if}}
+
+{{#if (eq webDeploy "cloudflare")}}
+{{#if (includes frontend "next")}}
+export const web = await Nextjs("web", {
+  cwd: "../../apps/web",
+  bindings: {
+    {{#if (eq backend "convex")}}
+    NEXT_PUBLIC_CONVEX_URL: alchemy.env.NEXT_PUBLIC_CONVEX_URL!,
+    {{#if (eq auth "better-auth")}}
+    NEXT_PUBLIC_CONVEX_SITE_URL: alchemy.env.NEXT_PUBLIC_CONVEX_SITE_URL!,
+    {{/if}}
+    {{else if (ne backend "self")}}
+    NEXT_PUBLIC_SERVER_URL: alchemy.env.NEXT_PUBLIC_SERVER_URL!,
+    {{/if}}
+    {{#if (eq dbSetup "d1")}}
+    DB: db,
+    {{else if (ne database "none")}}
+    DATABASE_URL: alchemy.secret.env.DATABASE_URL!,
+    {{/if}}
+    {{#if (ne backend "convex")}}
+    CORS_ORIGIN: alchemy.env.CORS_ORIGIN!,
+    {{#if (eq auth "better-auth")}}
+    BETTER_AUTH_SECRET: alchemy.secret.env.BETTER_AUTH_SECRET!,
+    BETTER_AUTH_URL: alchemy.env.BETTER_AUTH_URL!,
+    {{/if}}
+    {{/if}}
+    {{#if (eq auth "clerk")}}
+    CLERK_SECRET_KEY: alchemy.secret.env.CLERK_SECRET_KEY!,
+    {{/if}}
+    {{#if (and (includes examples "ai") (ne backend "convex"))}}
+    GOOGLE_GENERATIVE_AI_API_KEY: alchemy.secret.env.GOOGLE_GENERATIVE_AI_API_KEY!,
+    {{/if}}
+    {{#if (eq payments "polar")}}
+    POLAR_ACCESS_TOKEN: alchemy.secret.env.POLAR_ACCESS_TOKEN!,
+    POLAR_SUCCESS_URL: alchemy.env.POLAR_SUCCESS_URL!,
+    {{/if}}
+    {{#if (eq dbSetup "turso")}}
+    DATABASE_AUTH_TOKEN: alchemy.secret.env.DATABASE_AUTH_TOKEN!,
+    {{/if}}
+    {{#if (eq database "mysql")}}
+    {{#if (eq orm "drizzle")}}
+    DATABASE_HOST: alchemy.env.DATABASE_HOST!,
+    DATABASE_USERNAME: alchemy.env.DATABASE_USERNAME!,
+    DATABASE_PASSWORD: alchemy.secret.env.DATABASE_PASSWORD!,
+    {{/if}}
+    {{/if}}
+  }
+});
+{{else if (includes frontend "nuxt")}}
+export const web = await Nuxt("web", {
+  cwd: "../../apps/web",
+  bindings: {
+    {{#if (eq backend "convex")}}
+    NUXT_PUBLIC_CONVEX_URL: alchemy.env.NUXT_PUBLIC_CONVEX_URL!,
+    {{#if (eq auth "better-auth")}}
+    NUXT_PUBLIC_CONVEX_SITE_URL: alchemy.env.NUXT_PUBLIC_CONVEX_SITE_URL!,
+    {{/if}}
+    {{else if (ne backend "self")}}
+    NUXT_PUBLIC_SERVER_URL: alchemy.env.NUXT_PUBLIC_SERVER_URL!,
+    {{/if}}
+  }
+});
+{{else if (includes frontend "svelte")}}
+export const web = await SvelteKit("web", {
+  cwd: "../../apps/web",
+  bindings: {
+    {{#if (eq backend "convex")}}
+    PUBLIC_CONVEX_URL: alchemy.env.PUBLIC_CONVEX_URL!,
+    {{#if (eq auth "better-auth")}}
+    PUBLIC_CONVEX_SITE_URL: alchemy.env.PUBLIC_CONVEX_SITE_URL!,
+    {{/if}}
+    {{else if (ne backend "self")}}
+    PUBLIC_SERVER_URL: alchemy.env.PUBLIC_SERVER_URL!,
+    {{/if}}
+  }
+});
+{{else if (includes frontend "tanstack-start")}}
+export const web = await TanStackStart("web", {
+  cwd: "../../apps/web",
+  bindings: {
+    {{#if (eq backend "convex")}}
+    VITE_CONVEX_URL: alchemy.env.VITE_CONVEX_URL!,
+    {{#if (eq auth "better-auth")}}
+    VITE_CONVEX_SITE_URL: alchemy.env.VITE_CONVEX_SITE_URL!,
+    {{/if}}
+    {{else if (ne backend "self")}}
+    VITE_SERVER_URL: alchemy.env.VITE_SERVER_URL!,
+    {{/if}}
+    {{#if (eq dbSetup "d1")}}
+    DB: db,
+    {{else if (ne database "none")}}
+    DATABASE_URL: alchemy.secret.env.DATABASE_URL!,
+    {{/if}}
+    {{#if (ne backend "convex")}}
+    CORS_ORIGIN: alchemy.env.CORS_ORIGIN!,
+    {{#if (eq auth "better-auth")}}
+    BETTER_AUTH_SECRET: alchemy.secret.env.BETTER_AUTH_SECRET!,
+    BETTER_AUTH_URL: alchemy.env.BETTER_AUTH_URL!,
+    {{/if}}
+    {{/if}}
+    {{#if (eq auth "clerk")}}
+    CLERK_SECRET_KEY: alchemy.secret.env.CLERK_SECRET_KEY!,
+    {{/if}}
+    {{#if (and (includes examples "ai") (ne backend "convex"))}}
+    GOOGLE_GENERATIVE_AI_API_KEY: alchemy.secret.env.GOOGLE_GENERATIVE_AI_API_KEY!,
+    {{/if}}
+    {{#if (eq payments "polar")}}
+    POLAR_ACCESS_TOKEN: alchemy.secret.env.POLAR_ACCESS_TOKEN!,
+    POLAR_SUCCESS_URL: alchemy.env.POLAR_SUCCESS_URL!,
+    {{/if}}
+    {{#if (eq dbSetup "turso")}}
+    DATABASE_AUTH_TOKEN: alchemy.secret.env.DATABASE_AUTH_TOKEN!,
+    {{/if}}
+    {{#if (eq database "mysql")}}
+    {{#if (eq orm "drizzle")}}
+    DATABASE_HOST: alchemy.env.DATABASE_HOST!,
+    DATABASE_USERNAME: alchemy.env.DATABASE_USERNAME!,
+    DATABASE_PASSWORD: alchemy.secret.env.DATABASE_PASSWORD!,
+    {{/if}}
+    {{/if}}
+  }
+});
+{{else if (includes frontend "tanstack-router")}}
+export const web = await Vite("web", {
+  cwd: "../../apps/web",
+  assets: "dist",
+  bindings: {
+    {{#if (eq backend "convex")}}
+    VITE_CONVEX_URL: alchemy.env.VITE_CONVEX_URL!,
+    {{#if (eq auth "better-auth")}}
+    VITE_CONVEX_SITE_URL: alchemy.env.VITE_CONVEX_SITE_URL!,
+    {{/if}}
+    {{else if (ne backend "self")}}
+    VITE_SERVER_URL: alchemy.env.VITE_SERVER_URL!,
+    {{/if}}
+  }
+});
+{{else if (includes frontend "react-router")}}
+export const web = await ReactRouter("web", {
+  cwd: "../../apps/web",
+  bindings: {
+    {{#if (eq backend "convex")}}
+    VITE_CONVEX_URL: alchemy.env.VITE_CONVEX_URL!,
+    {{#if (eq auth "better-auth")}}
+    VITE_CONVEX_SITE_URL: alchemy.env.VITE_CONVEX_SITE_URL!,
+    {{/if}}
+    {{else if (ne backend "self")}}
+    VITE_SERVER_URL: alchemy.env.VITE_SERVER_URL!,
+    {{/if}}
+  }
+});
+{{else if (includes frontend "solid")}}
+export const web = await Vite("web", {
+  cwd: "../../apps/web",
+  assets: "dist",
+  bindings: {
+    {{#if (eq backend "convex")}}
+    VITE_CONVEX_URL: alchemy.env.VITE_CONVEX_URL!,
+    {{#if (eq auth "better-auth")}}
+    VITE_CONVEX_SITE_URL: alchemy.env.VITE_CONVEX_SITE_URL!,
+    {{/if}}
+    {{else if (ne backend "self")}}
+    VITE_SERVER_URL: alchemy.env.VITE_SERVER_URL!,
+    {{/if}}
+  }
+});
+{{/if}}
+{{/if}}
+
+{{#if (eq serverDeploy "cloudflare")}}
+export const server = await Worker("server", {
+  cwd: "../../apps/server",
+  entrypoint: "src/index.ts",
+  compatibility: "node",
+  bindings: {
+    {{#if (eq dbSetup "d1")}}
+    DB: db,
+    {{else if (ne database "none")}}
+    DATABASE_URL: alchemy.secret.env.DATABASE_URL!,
+    {{/if}}
+    CORS_ORIGIN: alchemy.env.CORS_ORIGIN!,
+    {{#if (eq auth "better-auth")}}
+    BETTER_AUTH_SECRET: alchemy.secret.env.BETTER_AUTH_SECRET!,
+    BETTER_AUTH_URL: alchemy.env.BETTER_AUTH_URL!,
+    {{/if}}
+    {{#if (eq auth "clerk")}}
+    CLERK_SECRET_KEY: alchemy.secret.env.CLERK_SECRET_KEY!,
+    {{/if}}
+    {{#if (includes examples "ai")}}
+    GOOGLE_GENERATIVE_AI_API_KEY: alchemy.secret.env.GOOGLE_GENERATIVE_AI_API_KEY!,
+    {{/if}}
+    {{#if (eq payments "polar")}}
+    POLAR_ACCESS_TOKEN: alchemy.secret.env.POLAR_ACCESS_TOKEN!,
+    POLAR_SUCCESS_URL: alchemy.env.POLAR_SUCCESS_URL!,
+    {{/if}}
+    {{#if (eq dbSetup "turso")}}
+    DATABASE_AUTH_TOKEN: alchemy.secret.env.DATABASE_AUTH_TOKEN!,
+    {{/if}}
+    {{#if (eq database "mysql")}}
+    {{#if (eq orm "drizzle")}}
+    DATABASE_HOST: alchemy.env.DATABASE_HOST!,
+    DATABASE_USERNAME: alchemy.env.DATABASE_USERNAME!,
+    DATABASE_PASSWORD: alchemy.secret.env.DATABASE_PASSWORD!,
+    {{/if}}
+    {{/if}}
+  },
+  dev: {
+		port: 3000,
+	},
+});
+{{/if}}
+
+{{#if (and (eq webDeploy "cloudflare") (eq serverDeploy "cloudflare"))}}
+console.log(`Web    -> ${web.url}`);
+console.log(`Server -> ${server.url}`);
+{{else if (eq webDeploy "cloudflare")}}
+console.log(`Web    -> ${web.url}`);
+{{else if (eq serverDeploy "cloudflare")}}
+console.log(`Server -> ${server.url}`);
+{{/if}}
+
+await app.finalize();

package/templates/packages/infra/package.json.hbs

@@ -0,0 +1,10 @@
+{
+  "name": "@{{projectName}}/infra",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "alchemy dev",
+    "deploy": "alchemy deploy",
+    "destroy": "alchemy destroy"
+  }
+}

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

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

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

@@ -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

@@ -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

@@ -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

@@ -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/functions/get-payment.ts.hbs

@@ -0,0 +1,15 @@
+import { authClient } from "@/lib/auth-client";
+import { authMiddleware } from "@/middleware/auth";
+import { createServerFn } from "@tanstack/react-start";
+import { getRequestHeaders } from "@tanstack/react-start/server";
+
+export const getPayment = createServerFn({ method: "GET" })
+    .middleware([authMiddleware])
+    .handler(async () => {
+        const { data: customerState } = await authClient.customer.state({
+            fetchOptions: {
+                headers: getRequestHeaders()
+            }
+        });
+        return customerState;
+    });

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

@@ -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

@@ -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

@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { page } from '$app/state';
+	
+	const checkout_id = $derived(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>