feat: add hosting config files

package.json

@@ -17,7 +17,8 @@
     "demo:build": "pnpm run build && pnpm run --filter=demo.tutorialkit.dev build",
     "lint": "eslint \"{packages,docs,extensions,integration}/**/*\"",
     "test": "pnpm run --stream --filter='@tutorialkit/*' test --run",
-    "test:e2e": "pnpm run --filter='./e2e' test"
+    "test:e2e": "pnpm run --filter='./e2e' test",
+    "postbuild": "cp _headers ./dist/"
   },
   "license": "MIT",
   "packageManager": "[email protected]",

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

@@ -0,0 +1,79 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+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';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export async function generateHostingConfig(dest: string, provider: string) {
+  const resolvedDest = path.resolve(dest);
+
+  if (!fs.existsSync(resolvedDest)) {
+    console.log(`Directory does not exist. Creating directory: ${resolvedDest}`);
+    fs.mkdirSync(resolvedDest, { recursive: true });
+  } else {
+    console.log(`Directory already exists: ${resolvedDest}`);
+  }
+
+  if (provider.includes('Vercel')) {
+    const vercelConfigPath = path.join(resolvedDest, 'vercel.json');
+    console.log('Writing Vercel config file to:', vercelConfigPath);
+
+    try {
+      const vercelConfig = typeof vercelConfigRaw === 'string' ? JSON.parse(vercelConfigRaw) : vercelConfigRaw;
+      fs.writeFileSync(vercelConfigPath, JSON.stringify(vercelConfig, null, 2));
+    } catch (error) {
+      console.error('Failed to write Vercel config file:', error);
+    }
+  }
+
+  if (provider.includes('Netlify')) {
+    const netlifyConfigPath = path.join(resolvedDest, 'netlify.toml');
+    console.log('Writing Netlify config file to:', netlifyConfigPath);
+
+    try {
+      if (typeof netlifyConfigRaw !== 'string') {
+        throw new Error('Netlify config must be a string.');
+      }
+
+      fs.writeFileSync(netlifyConfigPath, netlifyConfigRaw);
+    } catch (error) {
+      console.error('Failed to write Netlify config file:', error);
+    }
+  }
+
+  if (provider.includes('Cloudflare')) {
+    const cloudflareConfigPath = path.join(resolvedDest, '_headers');
+    console.log('Writing Cloudflare config file to:', cloudflareConfigPath);
+
+    try {
+      if (typeof cloudflareConfigRaw !== 'string') {
+        throw new Error('Cloudflare config must be a string.');
+      }
+
+      fs.writeFileSync(cloudflareConfigPath, cloudflareConfigRaw);
+    } catch (error) {
+      console.error('Failed to write Cloudflare config file:', error);
+    }
+  }
+
+  const templateDir = path.resolve(__dirname, '_template');
+  console.log('Looking for template directory at:', templateDir);
+
+  if (fs.existsSync(templateDir)) {
+    const gitignoreTemplatePath = path.join(templateDir, '.gitignore');
+
+    if (fs.existsSync(gitignoreTemplatePath)) {
+      const gitignoreDestPath = path.join(resolvedDest, '.gitignore');
+      console.log('Copying .gitignore to:', gitignoreDestPath);
+      fs.copyFileSync(gitignoreTemplatePath, gitignoreDestPath);
+    } else {
+      console.warn('No .gitignore file found in template directory, skipping copy.');
+    }
+  } else {
+    console.warn('Template directory does not exist, skipping .gitignore copy.');
+  }
+}

packages/cli/src/commands/create/hosting-config/_headers.txt

@@ -0,0 +1,3 @@
+/*
+  Cross-Origin-Embedder-Policy: require-corp
+  Cross-Origin-Opener-Policy: same-origin

packages/cli/src/commands/create/hosting-config/netlify_toml.txt

@@ -0,0 +1,5 @@
+[[headers]]
+  for = "/*"
+  [headers.values]
+    Cross-Origin-Embedder-Policy = "require-corp"
+    Cross-Origin-Opener-Policy = "same-origin"

packages/cli/src/commands/create/hosting-config/vercel.json

@@ -0,0 +1,17 @@
+{
+  "headers": [
+    {
+      "source": "/(.*)",
+      "headers": [
+        {
+          "key": "Cross-Origin-Embedder-Policy",
+          "value": "require-crop"
+        },
+        {
+          "key": "Cross-Origin-Embedder-Policy",
+          "value": "same-origin"
+        }
+      ]
+    }
+  ]
+}

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

@@ -10,6 +10,7 @@ import { generateProjectName } from '../../utils/project.js';
 import { assertNotCanceled } from '../../utils/tasks.js';
 import { updateWorkspaceVersions } from '../../utils/workspace-version.js';
 import { setupEnterpriseConfig } from './enterprise.js';
+import { generateHostingConfig } from './generate-hosting-config.js';
 import { initGitRepo } from './git.js';
 import { installAndStart } from './install-start.js';
 import { DEFAULT_VALUES, type CreateOptions } from './options.js';
@@ -143,6 +144,21 @@ async function _createTutorial(flags: CreateOptions): Promise<undefined> {
 
   await copyTemplate(resolvedDest, flags);
 
+  const provider = await prompts.select({
+    message: 'Select hosting providers for automatic configuration:',
+    options: [
+      { value: 'Vercel', label: 'Vercel' },
+      { value: 'Netlify', label: 'Netlify' },
+      { value: 'Cloudflare', label: 'Cloudflare' },
+    ],
+    initialValue: 'Vercel',
+  });
+
+  assertNotCanceled(provider);
+  prompts.log.info(`Configuring for: ${provider}`);
+
+  await generateHostingConfig(resolvedDest, provider);
+
   updatePackageJson(resolvedDest, tutorialName, flags);
 
   const selectedPackageManager = await selectPackageManager(resolvedDest, flags);

packages/cli/src/types.d.ts

@@ -0,0 +1,4 @@
+declare module '*?raw' {
+  const content: string;
+  export default content;
+}