various create-svelte improvements (#3472)

.changeset/lemon-camels-brush.md

@@ -0,0 +1,5 @@
+---
+'create-svelte': patch
+---
+
+Respect Ctrl-C when running create-svelte

.changeset/popular-hounds-love.md

@@ -0,0 +1,5 @@
+---
+'create-svelte': patch
+---
+
+Make project name an explicit option'

.changeset/unlucky-otters-tickle.md

@@ -0,0 +1,5 @@
+---
+'create-svelte': patch
+---
+
+Prompt for directory when running create-svelte without argument

packages/create-svelte/bin.js

@@ -21,7 +21,21 @@ async function main() {
 	console.log(gray(`\ncreate-svelte version ${version}`));
 	console.log(disclaimer);
 
-	const cwd = process.argv[2] || '.';
+	let cwd = process.argv[2] || '.';
+
+	if (cwd === '.') {
+		const opts = await prompts([
+			{
+				type: 'text',
+				name: 'dir',
+				message: 'Where should we create your project?\n  (leave blank to use current directory)'
+			}
+		]);
+
+		if (opts.dir) {
+			cwd = opts.dir;
+		}
+	}
 
 	if (fs.existsSync(cwd)) {
 		if (fs.readdirSync(cwd).length > 0) {
@@ -39,48 +53,57 @@ async function main() {
 	}
 
 	const options = /** @type {import('./types/internal').Options} */ (
-		await prompts([
-			{
-				type: 'select',
-				name: 'template',
-				message: 'Which Svelte app template?',
-				choices: fs.readdirSync(dist('templates')).map((dir) => {
-					const meta_file = dist(`templates/${dir}/meta.json`);
-					const meta = JSON.parse(fs.readFileSync(meta_file, 'utf8'));
-
-					return {
-						title: meta.description,
-						value: dir
-					};
-				})
-			},
-			{
-				type: 'toggle',
-				name: 'typescript',
-				message: 'Use TypeScript?',
-				initial: false,
-				active: 'Yes',
-				inactive: 'No'
-			},
+		await prompts(
+			[
+				{
+					type: 'select',
+					name: 'template',
+					message: 'Which Svelte app template?',
+					choices: fs.readdirSync(dist('templates')).map((dir) => {
+						const meta_file = dist(`templates/${dir}/meta.json`);
+						const meta = JSON.parse(fs.readFileSync(meta_file, 'utf8'));
+
+						return {
+							title: meta.description,
+							value: dir
+						};
+					})
+				},
+				{
+					type: 'toggle',
+					name: 'typescript',
+					message: 'Use TypeScript?',
+					initial: false,
+					active: 'Yes',
+					inactive: 'No'
+				},
+				{
+					type: 'toggle',
+					name: 'eslint',
+					message: 'Add ESLint for code linting?',
+					initial: false,
+					active: 'Yes',
+					inactive: 'No'
+				},
+				{
+					type: 'toggle',
+					name: 'prettier',
+					message: 'Add Prettier for code formatting?',
+					initial: false,
+					active: 'Yes',
+					inactive: 'No'
+				}
+			],
 			{
-				type: 'toggle',
-				name: 'eslint',
-				message: 'Add ESLint for code linting?',
-				initial: false,
-				active: 'Yes',
-				inactive: 'No'
-			},
-			{
-				type: 'toggle',
-				name: 'prettier',
-				message: 'Add Prettier for code formatting?',
-				initial: false,
-				active: 'Yes',
-				inactive: 'No'
+				onCancel: () => {
+					process.exit(1);
+				}
 			}
-		])
+		)
 	);
 
+	options.name = path.basename(path.resolve(cwd));
+
 	await create(cwd, options);
 
 	console.log(bold(green('\nYour project is ready!')));

packages/create-svelte/index.js

@@ -11,10 +11,8 @@ import { mkdirp, copy, dist } from './utils.js';
 export async function create(cwd, options) {
 	mkdirp(cwd);
 
-	const name = path.basename(path.resolve(cwd));
-
-	write_template_files(options.template, options.typescript, name, cwd);
-	write_common_files(cwd, options, name);
+	write_template_files(options.template, options.typescript, options.name, cwd);
+	write_common_files(cwd, options, options.name);
 }
 
 /**

packages/create-svelte/scripts/update-template-repo-contents.js

@@ -14,6 +14,7 @@ fs.readdirSync(repo).forEach((file) => {
 });
 
 await create(repo, {
+	name: 'kit-template-default',
 	template: 'default',
 	eslint: false,
 	typescript: false,

packages/create-svelte/types/internal.d.ts

@@ -1,4 +1,5 @@
 export type Options = {
+	name: string;
 	template: 'default' | 'skeleton';
 	typescript: boolean;
 	prettier: boolean;