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

package/dist/index.mjs

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