[feat] create-svelte: Add prompt for choosing adapter

.changeset/wicked-colts-march.md

@@ -0,0 +1,5 @@
+---
+'create-svelte': patch
+---
+
+Add option to select adapter

packages/create-svelte/adapters.js

@@ -0,0 +1,27 @@
+export default [
+	{
+		name: 'adapter-node',
+		npm: '@sveltejs/adapter-node',
+		url: 'https://github.com/sveltejs/kit/tree/master/packages/adapter-node'
+	},
+	{
+		name: 'adapter-static',
+		npm: '@sveltejs/adapter-static',
+		url: 'https://github.com/sveltejs/kit/tree/master/packages/adapter-static'
+	},
+	{
+		name: 'adapter-cloudflare-workers',
+		npm: '@sveltejs/adapter-cloudflare-workers',
+		url: 'https://github.com/sveltejs/kit/tree/master/packages/adapter-cloudflare-workers'
+	},
+	{
+		name: 'adapter-netlify',
+		npm: '@sveltejs/adapter-netlify',
+		url: 'https://github.com/sveltejs/kit/tree/master/packages/adapter-netlify'
+	},
+	{
+		name: 'adapter-vercel',
+		npm: '@sveltejs/adapter-vercel',
+		url: 'https://github.com/sveltejs/kit/tree/master/packages/adapter-vercel'
+	}
+];

packages/create-svelte/bin.js

@@ -5,6 +5,7 @@ import { fileURLToPath } from 'url';
 import { bold, cyan, gray, green, red } from 'kleur/colors';
 import prompts from 'prompts';
 import { mkdirp, copy } from './utils.js';
+import adapters from './adapters.js';
 
 // prettier-ignore
 const disclaimer = `
@@ -79,6 +80,20 @@ async function main() {
 				initial: false,
 				active: 'Yes',
 				inactive: 'No'
+			},
+			{
+				type: 'select',
+				name: 'adapter',
+				message: 'Add an adapter',
+				choices: [
+					{
+						title: "I'll add it later or use a community-provided adapter",
+						description:
+							'Community provided adapters: https://sveltesociety.dev/components#adapters',
+						value: null
+					},
+					...adapters.map((adapter) => ({ title: adapter.name, value: adapter }))
+				]
 			}
 		])
 	);
@@ -124,6 +139,12 @@ async function main() {
 		);
 	}
 
+	if (options.adapter) {
+		console.log(
+			bold(green(`✔ Added ${options.adapter.name}.\n` + `Documentation: ${options.adapter.url}`))
+		);
+	}
+
 	console.log(
 		'\nWant to add other parts to your code base? ' +
 			'Visit https://github.com/svelte-add/svelte-adders, a community project of commands ' +
@@ -196,12 +217,23 @@ function write_common_files(cwd, options, name) {
 			const new_pkg = JSON.parse(file.contents);
 			merge(pkg, new_pkg);
 		} else {
+			if (file.name === 'svelte.config.js') {
+				file.contents = file.contents
+					.replace(
+						'// insert:adapter-import\n',
+						options.adapter ? `import adapter from '${options.adapter.npm}';\n` : ''
+					)
+					.replace(/\t+\/\/ insert:adapter/, options.adapter ? '\t\tadapter: adapter(),' : '');
+			}
 			const dest = path.join(cwd, file.name);
 			mkdirp(path.dirname(dest));
 			fs.writeFileSync(dest, file.contents);
 		}
 	});
 
+	if (options.adapter) {
+		pkg.devDependencies[options.adapter.npm] = '^1.0.0-next.1';
+	}
 	pkg.dependencies = sort_keys(pkg.dependencies);
 	pkg.devDependencies = sort_keys(pkg.devDependencies);
 	pkg.name = toValidPackageName(name);

packages/create-svelte/shared/+typescript/svelte.config.js

@@ -1,4 +1,5 @@
 import preprocess from 'svelte-preprocess';
+// insert:adapter-import
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
@@ -7,6 +8,7 @@ const config = {
 	preprocess: preprocess(),
 
 	kit: {
+		// insert:adapter
 		// hydrate the <div id="svelte"> element in src/app.html
 		target: '#svelte'
 	}

packages/create-svelte/shared/-typescript/svelte.config.js

@@ -1,6 +1,8 @@
+// insert:adapter-import
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
 	kit: {
+		// insert:adapter
 		// hydrate the <div id="svelte"> element in src/app.html
 		target: '#svelte'
 	}

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

@@ -3,6 +3,7 @@ export type Options = {
 	typescript: boolean;
 	prettier: boolean;
 	eslint: boolean;
+	adapter: { name: string; npm: string; url: string };
 };
 
 export type File = {