fix: replace index.tsx with index.jsx in index.html

Author: Tommypop2

packages/create/src/create-vanilla.ts

@@ -1,6 +1,7 @@
 import { downloadRepo, GithubFetcher } from "@begit/core";
 import { join } from "node:path";
 import { writeFileSync } from "node:fs";
+import { readFile } from "node:fs/promises";
 import { handleTSConversion } from "./utils/ts-conversion";
 import { GIT_IGNORE, VanillaTemplate } from "./utils/constants";
 
@@ -27,6 +28,9 @@ export const createVanillaJS = async ({ template, destination }: CreateVanillaAr
 	const tempDir = join(destination, ".project");
 	await createVanillaTS({ template, destination: tempDir });
 	await handleTSConversion(tempDir, destination);
+	// Replace `index.tsx` with `index.jsx` in `index.html`
+	const indexPath = join(destination, "index.html");
+	writeFileSync(indexPath, (await readFile(indexPath)).toString().replace("index.tsx", "index.jsx"));
 	// Add .gitignore
 	writeFileSync(join(destination, ".gitignore"), GIT_IGNORE);
 };

packages/create/src/index.ts

@@ -70,20 +70,21 @@ export const createSolid = (version: string) =>
 				}),
 			);
 			// Don't offer javascript if `projectType` is library
-			const useJS =
-				projectType === "library" ? false : !(await cancelable(p.confirm({ message: "Use Typescript?" })));
+			const useJS = projectType === "library" ? false : !(await cancelable(p.confirm({ message: "Use Typescript?" })));
 
 			const template_opts = getTemplatesList(projectType);
 			template ??= await cancelable(
 				p.select({
 					message: "Which template would you like to use?",
 					initialValue: "ts",
-					options: template_opts.filter(s => useJS ? s : !s.startsWith("js")).map((s: string) => ({ label: s, value: s })),
+					options: template_opts
+						.filter((s) => (useJS ? s : !s.startsWith("js")))
+						.map((s: string) => ({ label: s, value: s })),
 				}),
 			);
-			
+
 			// Need to transpile if the user wants Jabascript, but their selected template isn't Javascript
-			const transpileToJS = useJS && !template.startsWith("js")
+			const transpileToJS = useJS && !template.startsWith("js");
 			if (projectType === "start") {
 				await spinnerify({
 					startText: "Creating project",