bin.js

#!/usr/bin/env node
import fs from 'node:fs';
import path from 'node:path';
import * as p from '@clack/prompts';
import { bold, cyan, grey, yellow } from 'kleur/colors';
import { create } from './index.js';
import { dist, package_manager } from './utils.js';

const { version } = JSON.parse(fs.readFileSync(new URL('package.json', import.meta.url), 'utf-8'));
let cwd = process.argv[2] || '.';

console.log(`
${grey(`create-openspending version ${version}`)}
`);

p.intro('Welcome to Open Spending website generator!');

if (cwd === '.') {
	const dir = await p.text({
		message: 'Where should we create your project?',
		placeholder: '  (hit Enter to use current directory)'
	});

	if (p.isCancel(dir)) process.exit(1);

	if (dir) {
		cwd = /** @type {string} */ (dir);
	}
}

if (fs.existsSync(cwd)) {
	if (fs.readdirSync(cwd).length > 0) {
		const force = await p.confirm({
			message: 'Directory not empty. Continue?',
			initialValue: false
		});

		// bail if `force` is `false` or the user cancelled with Ctrl-C
		if (force !== true) {
			process.exit(1);
		}
	}
}

const name = await p.text({
  message: 'What is the title/name of your project?',
  placeholder: ` (hit Enter to use ${path.basename(cwd)})`
}) ?? path.basename(cwd)


const options = await p.group(
	{
		// template: () =>
		// 	p.select({
		// 		message: 'Which Svelte app template?',
    //     initialValue: /** @type {'checkjs' | 'typescript' | null} */ ('openstate'),
		// 		// @ts-expect-error no typying for JSON.parse
		// 		options: fs.readdirSync(dist('templates')).map((dir) => {
		// 			const meta_file = dist(`templates/${dir}/meta.json`);
		// 			const { title, description } = JSON.parse(fs.readFileSync(meta_file, 'utf8'));

		// 			return {
		// 				label: title,
		// 				hint: description,
		// 				value: dir
		// 			};
		// 		})
		// 	}),

		types: () =>
			p.select({
				message: 'Add type checking with TypeScript?',
				initialValue: /** @type {'checkjs' | 'typescript' | null} */ ('checkjs'),
				options: [
					{
						label: 'Yes, using JavaScript with JSDoc comments',
						value: 'checkjs'
					},
					{
						label: 'Yes, using TypeScript syntax',
						value: 'typescript'
					},
					{ label: 'No', value: null }
				]
			}),
		features: () =>
			p.multiselect({
				message: 'Select additional options (use arrow keys/space bar)',
				required: false,
				options: [
					{
						value: 'eslint',
						label: 'Add ESLint for code linting'
					},
					{
						value: 'prettier',
						label: 'Add Prettier for code formatting'
					},
					{
						value: 'playwright',
						label: 'Add Playwright for browser testing'
					},
					{
						value: 'vitest',
						label: 'Add Vitest for unit testing'
					},
					{
						value: 'svelte5',
						label: 'Try the Svelte 5 preview (unstable!)'
					}
				]
			})
	},
	{ onCancel: () => process.exit(1) }
);

await create(cwd, {
	name: name.toString(),
	template: 'openstate',
	types: options.types,
	prettier: options.features.includes('prettier'),
	eslint: options.features.includes('eslint'),
	playwright: options.features.includes('playwright'),
	vitest: options.features.includes('vitest'),
	svelte5: options.features.includes('svelte5')
});

p.outro('Your project is ready!');

if (options.types === 'typescript') {
	console.log(bold('✔ Typescript'));
	console.log('  Inside Svelte components, use <script lang="ts">\n');
} else if (options.types === 'checkjs') {
	console.log(bold('✔ Type-checked JavaScript'));
	console.log(cyan('  https://www.typescriptlang.org/tsconfig#checkJs\n'));
}

if (options.features.includes('eslint')) {
	console.log(bold('✔ ESLint'));
	console.log(cyan('  https://github.com/sveltejs/eslint-plugin-svelte\n'));
}

if (options.features.includes('prettier')) {
	console.log(bold('✔ Prettier'));
	console.log(cyan('  https://prettier.io/docs/en/options.html'));
	console.log(cyan('  https://github.com/sveltejs/prettier-plugin-svelte#options\n'));
}

if (options.features.includes('playwright')) {
	console.log(bold('✔ Playwright'));
	console.log(cyan('  https://playwright.dev\n'));
}

if (options.features.includes('vitest')) {
	console.log(bold('✔ Vitest'));
	console.log(cyan('  https://vitest.dev\n'));
}

console.log('Install community-maintained integrations:');
console.log(cyan('  https://github.com/svelte-add/svelte-add'));

console.log('\nNext steps:');
let i = 1;

const relative = path.relative(process.cwd(), cwd);
if (relative !== '') {
	console.log(`  ${i++}: ${bold(cyan(`cd ${path.resolve(relative)}`))}`);
}

console.log(`  ${i++}: ${bold(cyan(`${package_manager} install`))}`);
// prettier-ignore
console.log(`  ${i++}: ${bold(cyan('git init && git add -A && git commit -m "Initial commit"'))} (optional)`);
console.log(`  ${i++}: ${bold(cyan(`${package_manager} run dev -- --open`))}`);

console.log(`\nTo close the dev server, hit ${bold(cyan('Ctrl-C'))}`);