@farm.js/create-app 0.1.0-beta.25 → 0.1.0-beta.28

package/dist/index.mjs

@@ -2523,22 +2523,22 @@ function escapeRegExp(input) {
 //#region src/index.ts
 const templateDetails = {
 	basic: {
-		title: "Farm.js Basic",
+		title: "Basic starter",
 		description: "A minimal Farm.js app with built-in Tailwind support",
 		instructions: ["Tailwind is enabled by default. You only need postcss config for custom plugins."]
 	},
 	auth: {
-		title: "Farm.js Auth",
+		title: "Auth starter",
 		description: "Farm.js-native auth with local SQLite, secure sessions, and protected routes",
 		instructions: ["FARMJS Auth uses local SQLite automatically; no auth environment variables are needed locally.", "For production, set FARM_AUTH_URL, FARM_AUTH_SECRET, and DATABASE_URL, then run the auth:migrate script."]
 	},
 	"better-auth": {
-		title: "Farm.js Better Auth",
+		title: "Better Auth starter",
 		description: "Better Auth with Postgres, secure sessions, and protected routes",
 		instructions: ["Before starting, copy .env.example to .env.local and set DATABASE_URL and BETTER_AUTH_SECRET.", "Better Auth migrations run automatically when the auth instance starts."]
 	},
 	ai: integrationTemplate({
-		title: "Farm.js AI",
+		title: "AI starter",
 		description: "AI SDK chat route with a ready-to-use chat interface",
 		provider: "ai",
 		label: "AI",
@@ -2546,7 +2546,7 @@ const templateDetails = {
 		docsPath: "/docs/integrations"
 	}),
 	auth0: integrationTemplate({
-		title: "Farm.js Auth0",
+		title: "Auth0 starter",
 		description: "Auth0 login, sessions, protected routes, and account controls",
 		provider: "auth0",
 		label: "Auth0",
@@ -2554,7 +2554,7 @@ const templateDetails = {
 		docsPath: "/docs/integrations/auth/auth0"
 	}),
 	authjs: integrationTemplate({
-		title: "Farm.js Auth.js",
+		title: "Auth.js starter",
 		description: "Auth.js with GitHub OAuth and Farm-owned route mounting",
 		provider: "authjs",
 		label: "Auth.js",
@@ -2562,7 +2562,7 @@ const templateDetails = {
 		docsPath: "/docs/integrations/auth/authjs"
 	}),
 	autumn: integrationTemplate({
-		title: "Farm.js Autumn",
+		title: "Autumn starter",
 		description: "Autumn products, checkout, billing state, and customer portal",
 		provider: "autumn",
 		label: "Autumn",
@@ -2570,7 +2570,7 @@ const templateDetails = {
 		docsPath: "/docs/integrations/autumn"
 	}),
 	clerk: integrationTemplate({
-		title: "Farm.js Clerk",
+		title: "Clerk starter",
 		description: "Clerk authentication, account entry points, and protected routes",
 		provider: "clerk",
 		label: "Clerk",
@@ -2578,7 +2578,7 @@ const templateDetails = {
 		docsPath: "/docs/integrations/auth/clerk"
 	}),
 	"jobs-inngest": integrationTemplate({
-		title: "Farm.js Inngest",
+		title: "Inngest starter",
 		description: "Typed background jobs backed by Inngest",
 		provider: "jobs-inngest",
 		label: "Inngest",
@@ -2586,7 +2586,7 @@ const templateDetails = {
 		docsPath: "/docs/integrations/inngest"
 	}),
 	"jobs-trigger": integrationTemplate({
-		title: "Farm.js Trigger.dev",
+		title: "Trigger.dev starter",
 		description: "Typed background jobs backed by Trigger.dev",
 		provider: "jobs-trigger",
 		label: "Trigger.dev",
@@ -2594,7 +2594,7 @@ const templateDetails = {
 		docsPath: "/docs/integrations/trigger"
 	}),
 	polar: integrationTemplate({
-		title: "Farm.js Polar",
+		title: "Polar starter",
 		description: "Polar products, checkout, billing state, and customer portal",
 		provider: "polar",
 		label: "Polar",
@@ -2602,7 +2602,7 @@ const templateDetails = {
 		docsPath: "/docs/integrations/polar"
 	}),
 	resend: integrationTemplate({
-		title: "Farm.js Resend",
+		title: "Resend starter",
 		description: "Resend templates, delivery, scheduling, and webhooks",
 		provider: "resend",
 		label: "Resend",
@@ -2610,7 +2610,7 @@ const templateDetails = {
 		docsPath: "/docs/integrations/email"
 	}),
 	stripe: integrationTemplate({
-		title: "Farm.js Stripe",
+		title: "Stripe starter",
 		description: "Stripe products, checkout, billing portal, and webhooks",
 		provider: "stripe",
 		label: "Stripe",
@@ -2618,7 +2618,7 @@ const templateDetails = {
 		docsPath: "/docs/integrations/stripe"
 	}),
 	supabase: integrationTemplate({
-		title: "Farm.js Supabase",
+		title: "Supabase starter",
 		description: "Supabase authentication, sessions, OAuth, and protected routes",
 		provider: "supabase",
 		label: "Supabase",
@@ -2626,7 +2626,7 @@ const templateDetails = {
 		docsPath: "/docs/integrations/auth/supabase"
 	}),
 	unkey: integrationTemplate({
-		title: "Farm.js Unkey",
+		title: "Unkey starter",
 		description: "Unkey API key creation, verification, and route protection",
 		provider: "unkey",
 		label: "Unkey",
@@ -2634,7 +2634,7 @@ const templateDetails = {
 		docsPath: "/docs/integrations/unkey"
 	}),
 	workos: integrationTemplate({
-		title: "Farm.js WorkOS",
+		title: "WorkOS starter",
 		description: "WorkOS AuthKit, organization sessions, and protected routes",
 		provider: "workos",
 		label: "WorkOS",
@@ -2715,6 +2715,46 @@ async function createApp(projectName, options = {}) {
 		logger.error(`Unknown template "${template}". Available: ${templates.map((t) => `"${t}"`).join(", ")}`);
 		process.exit(1);
 	}
+	let renderer = options.renderer?.toLowerCase();
+	if (renderer && renderer !== "react" && renderer !== "solid" && renderer !== "vue") {
+		logger.error(`Unknown renderer "${options.renderer}". Available: "react", "solid", "vue".`);
+		process.exit(1);
+	}
+	if (!renderer && !options.template && template === "basic") {
+		const response = await prompts({
+			type: "select",
+			name: "renderer",
+			message: "Which rendering library would you like to use?",
+			choices: [
+				{
+					title: "React",
+					value: "react",
+					description: "The default FARMJS renderer"
+				},
+				{
+					title: "Solid",
+					value: "solid",
+					description: "Fine-grained reactivity with Solid"
+				},
+				{
+					title: "Vue",
+					value: "vue",
+					description: "Vue SFCs with server rendering and hydration"
+				}
+			],
+			initial: 0
+		});
+		if (!response.renderer) {
+			logger.error("Operation cancelled.");
+			process.exit(1);
+		}
+		renderer = response.renderer;
+	}
+	renderer ||= "react";
+	if (renderer !== "react" && template !== "basic") {
+		logger.error(`The "${template}" integration starter currently targets React. Use --template basic with --renderer ${renderer}.`);
+		process.exit(1);
+	}
 	let useTypeScript = options.typescript;
 	if (useTypeScript === void 0) {
 		const response = await prompts({
@@ -2744,7 +2784,7 @@ async function createApp(projectName, options = {}) {
 	}
 	logger.info(`Creating FARMJS app in ${projectPath}`);
 	await fs.mkdir(projectPath, { recursive: true });
-	const integrationResult = await copyTemplate(template, projectPath, useTypeScript);
+	const integrationResult = await copyTemplate(template, projectPath, useTypeScript, renderer);
 	await updatePackageJson(projectPath, projectName, packageManager);
 	logger.success(`🚜 Created ${projectName}`);
 	if (!options.skipInstall) {
@@ -2766,13 +2806,23 @@ async function createApp(projectName, options = {}) {
 		for (const note of integrationResult.notes) logger.info(note);
 	}
 }
-async function copyTemplate(template, projectPath, useTypeScript) {
+async function copyTemplate(template, projectPath, useTypeScript, renderer) {
 	const details = templateDetails[template];
 	await copyDir(path.join(__dirname, "..", "templates", details?.integration ? "basic" : template), projectPath);
 	if (useTypeScript) {
 		const tsTemplatePath = path.join(__dirname, "..", "templates", "_typescript");
 		if (await dirExists(tsTemplatePath)) await copyDir(tsTemplatePath, projectPath);
 	}
+	if (renderer === "solid") await copyDir(path.join(__dirname, "..", "templates", "_renderers", "solid"), projectPath);
+	if (renderer === "vue") {
+		const rendererTemplatePath = path.join(__dirname, "..", "templates", "_renderers", "vue");
+		await Promise.all([
+			fs.rm(path.join(projectPath, "src", "app", "page.tsx"), { force: true }),
+			fs.rm(path.join(projectPath, "src", "app", "layout.tsx"), { force: true }),
+			fs.rm(path.join(projectPath, "src", "components", "resource-links.tsx"), { force: true })
+		]);
+		await copyDir(rendererTemplatePath, projectPath);
+	}
 	if (!details?.integration) return;
 	const result = await addFarmIntegration({
 		root: projectPath,