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

package/bin/create-farm-app.js

@@ -10,6 +10,7 @@ program
   .version(version)
   .argument("[project-name]", "Name of the project")
   .option("-t, --template <template>", "Template to use")
+  .option("-r, --renderer <renderer>", "Rendering library to use (react, solid, or vue)")
   .option("--list-templates", "List all available starter templates")
   .option("--typescript", "Use TypeScript template")
   .option("--skip-install", "Skip installing dependencies")

package/dist/index.js

@@ -2529,22 +2529,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",
@@ -2552,7 +2552,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",
@@ -2560,7 +2560,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",
@@ -2568,7 +2568,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",
@@ -2576,7 +2576,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",
@@ -2584,7 +2584,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",
@@ -2592,7 +2592,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",
@@ -2600,7 +2600,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",
@@ -2608,7 +2608,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",
@@ -2616,7 +2616,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",
@@ -2624,7 +2624,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",
@@ -2632,7 +2632,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",
@@ -2640,7 +2640,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",
@@ -2721,6 +2721,46 @@ async function createApp(projectName, options = {}) {
 		require_utils.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") {
+		require_utils.logger.error(`Unknown renderer "${options.renderer}". Available: "react", "solid", "vue".`);
+		process.exit(1);
+	}
+	if (!renderer && !options.template && template === "basic") {
+		const response = await (0, prompts.default)({
+			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) {
+			require_utils.logger.error("Operation cancelled.");
+			process.exit(1);
+		}
+		renderer = response.renderer;
+	}
+	renderer ||= "react";
+	if (renderer !== "react" && template !== "basic") {
+		require_utils.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 (0, prompts.default)({
@@ -2750,7 +2790,7 @@ async function createApp(projectName, options = {}) {
 	}
 	require_utils.logger.info(`Creating FARMJS app in ${projectPath}`);
 	await fs_promises.default.mkdir(projectPath, { recursive: true });
-	const integrationResult = await copyTemplate(template, projectPath, useTypeScript);
+	const integrationResult = await copyTemplate(template, projectPath, useTypeScript, renderer);
 	await updatePackageJson(projectPath, projectName, packageManager);
 	require_utils.logger.success(`🚜 Created ${projectName}`);
 	if (!options.skipInstall) {
@@ -2772,13 +2812,23 @@ async function createApp(projectName, options = {}) {
 		for (const note of integrationResult.notes) require_utils.logger.info(note);
 	}
 }
-async function copyTemplate(template, projectPath, useTypeScript) {
+async function copyTemplate(template, projectPath, useTypeScript, renderer) {
 	const details = templateDetails[template];
 	await copyDir(path.default.join(__dirname, "..", "templates", details?.integration ? "basic" : template), projectPath);
 	if (useTypeScript) {
 		const tsTemplatePath = path.default.join(__dirname, "..", "templates", "_typescript");
 		if (await dirExists(tsTemplatePath)) await copyDir(tsTemplatePath, projectPath);
 	}
+	if (renderer === "solid") await copyDir(path.default.join(__dirname, "..", "templates", "_renderers", "solid"), projectPath);
+	if (renderer === "vue") {
+		const rendererTemplatePath = path.default.join(__dirname, "..", "templates", "_renderers", "vue");
+		await Promise.all([
+			fs_promises.default.rm(path.default.join(projectPath, "src", "app", "page.tsx"), { force: true }),
+			fs_promises.default.rm(path.default.join(projectPath, "src", "app", "layout.tsx"), { force: true }),
+			fs_promises.default.rm(path.default.join(projectPath, "src", "components", "resource-links.tsx"), { force: true })
+		]);
+		await copyDir(rendererTemplatePath, projectPath);
+	}
 	if (!details?.integration) return;
 	const result = await addFarmIntegration({
 		root: projectPath,