feat(cli): add provider flag to hosting config prompt

closes #234

Author: RonithManikonda

packages/cli/src/commands/create/generate-hosting-config.ts

@@ -4,11 +4,34 @@ import * as prompts from '@clack/prompts';
 import chalk from 'chalk';
 import { warnLabel } from 'src/utils/messages.js';
 import { runTask } from 'src/utils/tasks.js';
+import { DEFAULT_VALUES, readFlag } from './options.js';
 import cloudflareConfigRaw from './hosting-config/_headers.txt?raw';
 import netlifyConfigRaw from './hosting-config/netlify_toml.txt?raw';
 import vercelConfigRaw from './hosting-config/vercel.json?raw';
 
-export async function generateHostingConfig(dest: string, provider: string, flags: { dryRun: boolean }) {
+export async function generateHostingConfig(dest: string, flags: { dryRun: boolean, provider?: string }) {
+  let provider = readFlag(flags, 'provider' as any);
+  
+  if (provider === undefined) {
+    provider = await prompts.select({
+      message: 'Select hosting providers for automatic configuration:',
+      options: [
+        { value: 'Vercel', label: 'Vercel' },
+        { value: 'Netlify', label: 'Netlify' },
+        { value: 'Cloudflare', label: 'Cloudflare' },
+        { value: 'skip', label: 'Skip hosting configuration' },
+      ],
+      initialValue: DEFAULT_VALUES.provider,
+    });
+  }
+
+  if (provider === 'skip') {
+    prompts.log.message(
+      `${chalk.blue('hosting provider config [skip]')} You can configure hosting provider settings manually later. For more information see https://tutorialkit.dev/guides/deployment/#headers-configuration`,
+    );
+    return;
+  }
+
   prompts.log.info(`${chalk.blue('Hosting Configuration')} Setting up configuration for ${provider}`);
 
   const resolvedDest = path.resolve(dest);
@@ -43,9 +66,5 @@ export async function generateHostingConfig(dest: string, provider: string, flag
         return `Added ${filepath}`;
       },
     });
-  } else {
-    prompts.log.message(
-      `${chalk.blue('hosting provider config [skip]')} You can configure hosting provider settings manually later. For more information see https://tutorialkit.dev/guides/deployment/#headers-configuration`,
-    );
   }
 }

packages/cli/src/commands/create/index.ts

@@ -30,6 +30,7 @@ export async function createTutorial(flags: yargs.Arguments) {
           ['--install, --no-install', `Install dependencies (default ${chalk.yellow(DEFAULT_VALUES.install)})`],
           ['--start, --no-start', `Start project (default ${chalk.yellow(DEFAULT_VALUES.start)})`],
           ['--git, --no-git', `Initialize a local git repository (default ${chalk.yellow(DEFAULT_VALUES.git)})`],
+          ['--provider <name>, --no-provider', `Select a hosting provider (default ${chalk.yellow(DEFAULT_VALUES.provider)})`],
           ['--dry-run', `Walk through steps without executing (default ${chalk.yellow(DEFAULT_VALUES.dryRun)})`],
           [
             '--package-manager <name>, -p <name>',
@@ -155,7 +156,7 @@ async function _createTutorial(flags: CreateOptions): Promise<undefined> {
     initialValue: 'Vercel',
   });
 
-  await generateHostingConfig(resolvedDest, String(provider), { dryRun: flags.dryRun });
+  await generateHostingConfig(resolvedDest, { dryRun: flags.dryRun, provider: String(provider) });
 
   updatePackageJson(resolvedDest, tutorialName, flags, String(provider));
 

packages/cli/tests/create-tutorial.test.ts

@@ -30,7 +30,7 @@ test('cannot create project without installing but with starting', async (contex
   const name = context.task.id;
 
   await expect(
-    execa('node', [cli, 'create', name, '--no-install', '--start'], {
+    execa('node', [cli, 'create', name, '--no-install', '--no-provider', '--start'], {
       cwd: tmpDir,
     }),
   ).rejects.toThrow('Cannot start project without installing dependencies.');
@@ -40,7 +40,7 @@ test('create a project', async (context) => {
   const name = context.task.id;
   const dest = path.join(tmpDir, name);
 
-  await execa('node', [cli, 'create', name, '--no-install', '--no-git', '--defaults'], {
+  await execa('node', [cli, 'create', name, '--no-install', '--no-git', '--no-provider', '--defaults'], {
     cwd: tmpDir,
   });
 
@@ -53,7 +53,7 @@ test('create and build a project', async (context) => {
   const name = context.task.id;
   const dest = path.join(tmpDir, name);
 
-  await execa('node', [cli, 'create', name, '--no-git', '--no-install', '--no-start', '--defaults'], {
+  await execa('node', [cli, 'create', name, '--no-git', '--no-install', '--no-start', '--no-provider', '--defaults'], {
     cwd: tmpDir,
   });
 
@@ -89,7 +89,7 @@ test('create and eject a project', async (context) => {
   const name = context.task.id;
   const dest = path.join(tmpDir, name);
 
-  await execa('node', [cli, 'create', name, '--no-git', '--no-install', '--no-start', '--defaults'], {
+  await execa('node', [cli, 'create', name, '--no-git', '--no-install', '--no-start', '--no-provider', '--defaults'], {
     cwd: tmpDir,
   });
 
@@ -117,7 +117,7 @@ test('create, eject and build a project', async (context) => {
   const name = context.task.id;
   const dest = path.join(tmpDir, name);
 
-  await execa('node', [cli, 'create', name, '--no-git', '--no-install', '--no-start', '--defaults'], {
+  await execa('node', [cli, 'create', name, '--no-git', '--no-install', '--no-start', '--no-provider', '--defaults'], {
     cwd: tmpDir,
   });