@farm.js/create-app 0.1.0-beta.26 → 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

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