create-astro 0.0.0-ui-20221007132109

package/LICENSE

@@ -0,0 +1,61 @@
+MIT License
+
+Copyright (c) 2021 Fred K. Schott
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+
+"""
+This license applies to parts of the `packages/create-astro` and `packages/astro` subdirectories originating from the https://github.com/sveltejs/kit repository:
+
+Copyright (c) 2020 [these people](https://github.com/sveltejs/kit/graphs/contributors)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+"""
+
+
+"""
+This license applies to parts of the `packages/create-astro` and `packages/astro` subdirectories originating from the https://github.com/vitejs/vite repository:
+
+MIT License
+
+Copyright (c) 2019-present, Yuxi (Evan) You and Vite contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+"""

package/README.md

@@ -0,0 +1,114 @@
+# `create-astro`
+
+`create-astro` is the fastest way to start a new Astro project from scratch. It will walk you through every step of setting up your new Astro project. It allows you to choose from a few different starter templates or provide your own using the `--template` argument.
+
+## Interactive Mode
+
+Run the following command in your terminal to start our handy install wizard in interactive mode.
+
+```bash
+# create a new project with npm
+npm create astro@latest
+```
+
+```bash
+# create a new project with pnpm
+pnpm create astro@latest
+```
+
+```bash
+# create a new project with yarn
+yarn create astro
+```
+
+You can run `create-astro` anywhere on your machine, so there’s no need to create a new empty directory for your project before you begin. If you don’t have an empty directory yet for your new project, the wizard will help create one for you automatically.
+
+## Advanced Usage
+
+`create-astro` supports some handy CLI arguments for advanced users.
+
+### Directory
+
+The first argument will be treated as your target directory.
+
+```bash
+# create a new project in a new `my-project/` directory
+npm create astro@latest my-project
+```
+
+### Template
+
+The `--template` flag can be passed to specify any [official starter template](https://github.com/withastro/astro/tree/main/examples) available on GitHub.
+
+```bash
+# create a new project from the `minimal` starter template
+npm create astro@latest --template minimal
+```
+
+Any GitHub repo can be used as a template, following the `user/repo` format.
+
+```bash
+npm create astro@latest --template mayank99/astro-minimal-starter
+```
+
+### Yes / No
+
+The `--yes` (or `-y`) flag can be used to bypass any confirmation prompts and proceed with the default answer.
+
+```bash
+npm create astro@latest -y
+```
+
+The `--no` (or `-n`) flag can be used to bypass any confirmations prompts and proceed without executing any actions.
+
+```bash
+npm create astro@latest -n
+```
+
+Combined with the above directory and template arguments, `create-astro` becomes fully non-interactive for a super quick start.
+
+```bash
+# copy minimal to my-project/ and confirm all prompts
+npm create astro@latest my-project --template minimal -y
+```
+
+```bash
+# copy minimal to my-project/ and dismiss all prompts
+npm create astro@latest my-project --template minimal -n
+```
+
+### Dry Run
+
+Just looking to get the hang of `create-astro`? You can pass the `--dry-run` flag to ensure no files will be created.
+
+```bash
+npm create astro@latest --dry-run
+```
+
+### Install
+
+Dependency installation can be controlled with the `--install` or `--no-install` flags to bypass the installation prompt.
+
+```bash
+npm create astro@latest --install
+```
+
+### Git
+
+Git initialization can be controlled with the `--git` or `--no-git` flags to bypass the git prompt.
+
+```bash
+npm create astro@latest --git
+```
+
+### TypeScript
+
+TypeScript customization can be controlled with the `--typescript` flag. Valid options are `strict`, `strictest`, and `relaxed`.
+
+```bash
+npm create astro@latest --typescript strictest
+```
+
+## Acknowledgements
+
+- Huge thanks to [`giget`](https://github.com/unjs/giget) for handling template downloads!

package/create-astro.mjs

@@ -0,0 +1,14 @@
+#!/usr/bin/env node
+'use strict';
+
+const currentVersion = process.versions.node;
+const requiredMajorVersion = parseInt(currentVersion.split('.')[0], 10);
+const minimumMajorVersion = 14;
+
+if (requiredMajorVersion < minimumMajorVersion) {
+	console.error(`Node.js v${currentVersion} is out of date and unsupported!`);
+	console.error(`Please use Node.js v${minimumMajorVersion} or higher.`);
+	process.exit(1);
+}
+
+import('./dist/index.js').then(({ main }) => main());

package/dist/actions/check-cwd.js

@@ -0,0 +1,12 @@
+/* eslint no-console: 'off' */
+import { isEmpty } from "./shared.js";
+import { info } from "../messages.js";
+import { color } from "@astrojs/cli-kit";
+export default async function checkCwd(cwd) {
+    const empty = cwd && isEmpty(cwd);
+    if (empty) {
+        console.log('');
+        await info('dir', `Using ${color.reset(cwd)}${color.dim(' as project directory')}`);
+    }
+    return empty;
+}

package/dist/actions/copy-template.js

@@ -0,0 +1,53 @@
+/* eslint no-console: 'off' */
+import fs from 'node:fs';
+import path from 'node:path';
+import { color } from "@astrojs/cli-kit";
+import { downloadTemplate } from 'giget';
+import { error } from '../messages.js';
+// some files are only needed for online editors when using astro.new. Remove for create-astro installs.
+const FILES_TO_REMOVE = ['sandbox.config.json', 'CHANGELOG.md'];
+const FILES_TO_UPDATE = {
+    'package.json': (file, overrides) => fs.promises.readFile(file, 'utf-8').then(value => (fs.promises.writeFile(file, JSON.stringify(Object.assign(JSON.parse(value), Object.assign(overrides, { private: undefined })), null, '\t'), 'utf-8')))
+};
+export default async function copyTemplate(template, { name, flags, cwd, pkgManager }) {
+    const ref = flags.commit ? `#${flags.commit}` : '';
+    const isThirdParty = template.includes('/');
+    const templateTarget = isThirdParty
+        ? template
+        : `github:withastro/astro/examples/${template}#latest`;
+    // Copy
+    if (!flags.dryRun) {
+        try {
+            await downloadTemplate(`${templateTarget}${ref}`, {
+                force: true,
+                provider: 'github',
+                cwd,
+                dir: '.',
+            });
+        }
+        catch (err) {
+            fs.rmdirSync(cwd);
+            if (err.message.includes('404')) {
+                await error('Error', `Template ${color.reset(template)} ${color.dim('does not exist!')}`);
+            }
+            else {
+                console.error(err.message);
+            }
+            process.exit(1);
+        }
+        // Post-process in parallel
+        const removeFiles = FILES_TO_REMOVE.map(async (file) => {
+            const fileLoc = path.resolve(path.join(cwd, file));
+            if (fs.existsSync(fileLoc)) {
+                return fs.promises.rm(fileLoc, { recursive: true });
+            }
+        });
+        const updateFiles = Object.entries(FILES_TO_UPDATE).map(async ([file, update]) => {
+            const fileLoc = path.resolve(path.join(cwd, file));
+            if (fs.existsSync(fileLoc)) {
+                return update(fileLoc, { name });
+            }
+        });
+        await Promise.all([...removeFiles, ...updateFiles]);
+    }
+}

package/dist/actions/initialize-git.js

@@ -0,0 +1,4 @@
+import { execaCommand } from 'execa';
+export default async function initializeGit({ cwd }) {
+    return execaCommand('git init', { cwd });
+}

package/dist/actions/install-deps.js

@@ -0,0 +1,8 @@
+import { execa } from 'execa';
+export default async function installDeps({ pkgManager, cwd }) {
+    const installExec = execa(pkgManager, ['install'], { cwd });
+    return new Promise((resolve, reject) => {
+        installExec.on('error', (error) => reject(error));
+        installExec.on('close', () => resolve());
+    });
+}

package/dist/actions/setup-typescript.js

@@ -0,0 +1,25 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { assign, parse, stringify } from 'comment-json';
+export default async function setupTypeScript(value, { cwd }) {
+    if (value === 'default')
+        return;
+    const templateTSConfigPath = path.join(cwd, 'tsconfig.json');
+    fs.readFile(templateTSConfigPath, (err, data) => {
+        if (err && err.code === 'ENOENT') {
+            // If the template doesn't have a tsconfig.json, let's add one instead
+            fs.writeFileSync(templateTSConfigPath, stringify({ extends: `astro/tsconfigs/${value}` }, null, 2));
+            return;
+        }
+        const templateTSConfig = parse(data.toString());
+        if (templateTSConfig && typeof templateTSConfig === 'object') {
+            const result = assign(templateTSConfig, {
+                extends: `astro/tsconfigs/${value}`,
+            });
+            fs.writeFileSync(templateTSConfigPath, stringify(result, null, 2));
+        }
+        else {
+            throw new Error("There was an error applying the requested TypeScript settings. This could be because the template's tsconfig.json is malformed");
+        }
+    });
+}

package/dist/actions/shared.js

@@ -0,0 +1,44 @@
+import fs from 'node:fs';
+// Some existing files and directories can be safely ignored when checking if a directory is a valid project directory.
+// https://github.com/facebook/create-react-app/blob/d960b9e38c062584ff6cfb1a70e1512509a966e7/packages/create-react-app/createReactApp.js#L907-L934
+const VALID_PROJECT_DIRECTORY_SAFE_LIST = [
+    '.DS_Store',
+    '.git',
+    '.gitkeep',
+    '.gitattributes',
+    '.gitignore',
+    '.gitlab-ci.yml',
+    '.hg',
+    '.hgcheck',
+    '.hgignore',
+    '.idea',
+    '.npmignore',
+    '.travis.yml',
+    '.yarn',
+    '.yarnrc.yml',
+    'docs',
+    'LICENSE',
+    'mkdocs.yml',
+    'Thumbs.db',
+    /\.iml$/,
+    /^npm-debug\.log/,
+    /^yarn-debug\.log/,
+    /^yarn-error\.log/,
+];
+export function isEmpty(dirPath) {
+    if (!fs.existsSync(dirPath)) {
+        return true;
+    }
+    const conflicts = fs.readdirSync(dirPath).filter((content) => {
+        return !VALID_PROJECT_DIRECTORY_SAFE_LIST.some((safeContent) => {
+            return typeof safeContent === 'string' ? content === safeContent : safeContent.test(content);
+        });
+    });
+    return conflicts.length === 0;
+}
+export function toValidName(name) {
+    return name
+        .replace(/^\.\//, '')
+        .replace(/[^a-zA-Z0-9-]/g, '-')
+        .replace(/(^\-|\-$)+/, '');
+}

package/dist/index.js

@@ -0,0 +1,195 @@
+/* eslint no-console: 'off' */
+import fs from 'node:fs';
+import path from 'node:path';
+import yargs from 'yargs-parser';
+import detectPackageManager from 'which-pm-runs';
+import { say, label, color, prompt, generateProjectName, spinner } from '@astrojs/cli-kit';
+import { random, align } from '@astrojs/cli-kit/utils';
+import { banner, getName, getVersion, welcome, info, typescriptByDefault, nextSteps, error } from './messages.js';
+import { isEmpty, toValidName } from './actions/shared.js';
+import checkCwd from './actions/check-cwd.js';
+import copyTemplate from './actions/copy-template.js';
+import installDeps from './actions/install-deps.js';
+import initializeGit from './actions/initialize-git.js';
+import setupTypeScript from './actions/setup-typescript.js';
+// NOTE: In the v7.x version of npm, the default behavior of `npm init` was changed
+// to no longer require `--` to pass args and instead pass `--` directly to us. This
+// broke our arg parser, since `--` is a special kind of flag. Filtering for `--` here
+// fixes the issue so that create-astro now works on all npm versions.
+const cleanArgv = process.argv.filter((arg) => arg !== '--');
+const flags = yargs(cleanArgv, { boolean: ['yes', 'no', 'install', 'git', 'skip-houston'], alias: { 'y': 'yes', 'n': 'no' } });
+const title = (text) => align(label(text), 'end', 7) + ' ';
+// Please also update the installation instructions in the docs at https://github.com/withastro/docs/blob/main/src/pages/en/install/auto.md if you make any changes to the flow or wording here.
+export async function main() {
+    const pkgManager = detectPackageManager()?.name ?? 'npm';
+    const [username, version] = await Promise.all([getName(), getVersion()]);
+    let cwd = flags['_'][2];
+    let { template, no, yes, install, git: init, typescript, skipHouston } = flags;
+    let projectName = cwd;
+    if (no) {
+        yes = false;
+        if (install == undefined)
+            install = false;
+        if (init == undefined)
+            init = false;
+        if (typescript == undefined)
+            typescript = 'strict';
+    }
+    skipHouston = skipHouston ?? [yes, no, install, init, typescript].some(v => v !== undefined);
+    if (!skipHouston) {
+        await say([
+            ['Welcome', 'to', label('astro', color.bgGreen, color.black), color.green(`v${version}`) + ',', `${username}!`],
+            random(welcome),
+        ]);
+        await banner(version);
+    }
+    else {
+        console.log('');
+        await banner(version);
+    }
+    await checkCwd(cwd);
+    if (!cwd || !isEmpty(cwd)) {
+        if (!isEmpty(cwd)) {
+            await info('Hmm...', `${color.reset(`"${cwd}"`)}${color.dim(` is not empty!`)}`);
+        }
+        const { name } = await prompt({
+            name: 'name',
+            type: 'text',
+            label: title('dir'),
+            message: 'Where should we create your new project?',
+            initial: `./${generateProjectName()}`,
+            validate(value) {
+                if (!isEmpty(value)) {
+                    return `Directory is not empty!`;
+                }
+                return true;
+            },
+        });
+        cwd = name;
+        projectName = toValidName(name);
+    }
+    else {
+        let name = cwd;
+        if (name === '.' || name === './') {
+            const parts = process.cwd().split(path.sep);
+            name = parts[parts.length - 1];
+        }
+        projectName = toValidName(name);
+    }
+    if (!cwd) {
+        process.exit(1);
+    }
+    if (!template) {
+        ({ template } = await prompt({
+            name: 'template',
+            type: 'select',
+            label: title('tmpl'),
+            message: 'How would you like to start your new project?',
+            initial: 'basics',
+            choices: [
+                { value: 'basics', label: 'Include sample files', hint: '(recommended)' },
+                { value: 'blog', label: 'Use blog template' },
+                { value: 'minimal', label: 'Empty' },
+            ],
+        }));
+    }
+    else {
+        await info('tmpl', `Using ${color.reset(template)}${color.dim(' as project template')}`);
+    }
+    if (flags.dryRun) {
+        await info('--dry-run', `Skipping template copying`);
+    }
+    else if (template) {
+        await spinner({
+            start: 'Template copying...',
+            end: 'Template copied',
+            while: () => copyTemplate(template, { name: projectName, flags, cwd, pkgManager })
+        });
+    }
+    else {
+        process.exit(1);
+    }
+    let deps = install ?? yes;
+    if (deps === undefined) {
+        ({ deps } = await prompt({
+            name: 'deps',
+            type: 'confirm',
+            label: title('deps'),
+            message: `Install dependencies?`,
+            hint: 'recommended',
+            initial: true
+        }));
+    }
+    if (flags.dryRun) {
+        await info('--dry-run', `Skipping dependency installation`);
+    }
+    else if (deps) {
+        await spinner({ start: `Dependencies installing with ${pkgManager}...`, end: 'Dependencies installed', while: () => installDeps({ pkgManager, cwd }) });
+    }
+    else {
+        await info(typeof install === 'boolean' ? 'deps [skip]' : 'No problem!', 'Remember to install dependencies after setup.');
+    }
+    let git = init ?? yes;
+    if (git === undefined) {
+        ({ git } = await prompt({
+            name: 'git',
+            type: 'confirm',
+            label: title('git'),
+            message: `Initialize a new git repository?`,
+            hint: 'optional',
+            initial: true
+        }));
+    }
+    if (flags.dryRun) {
+        await info('--dry-run', `Skipping Git initialization`);
+    }
+    else if (git) {
+        await spinner({ start: 'Git initializing...', end: 'Git initialized', while: () => initializeGit({ cwd }) });
+    }
+    else {
+        await info(typeof init === 'boolean' ? 'git [skip]' : 'Sounds good!', `You can always run ${color.reset('git init')}${color.dim(' manually.')}`);
+    }
+    let ts = typescript ?? (yes ? 'strict' : yes);
+    if (ts === undefined) {
+        ({ ts } = await prompt({
+            name: 'ts',
+            type: 'select',
+            label: title('ts'),
+            message: `Customize TypeScript?`,
+            initial: 'strict',
+            choices: [
+                { value: 'strict', label: 'Strict', hint: `(recommended)` },
+                { value: 'strictest', label: 'Strictest' },
+                { value: 'default', label: 'Relaxed' },
+                { value: 'unsure', label: `Hmm... I'm not sure` },
+            ]
+        }));
+    }
+    else {
+        if (!['strict', 'strictest', 'relaxed', 'default'].includes(ts)) {
+            if (!flags.dryRun) {
+                fs.rmSync(cwd, { recursive: true, force: true });
+            }
+            error('Error', `Unknown TypeScript option ${color.reset(ts)}${color.dim('! Expected strict | strictest | relaxed')}`);
+            process.exit(1);
+        }
+        await info('ts', `Using ${color.reset(ts)}${color.dim(' TypeScript configuration')}`);
+    }
+    if (flags.dryRun) {
+        await info('--dry-run', `Skipping TypeScript setup`);
+    }
+    else if (ts && ts !== 'unsure') {
+        if (ts === 'relaxed') {
+            ts = 'default';
+        }
+        await spinner({ start: 'TypeScript customizing...', end: 'TypeScript customized', while: () => setupTypeScript(ts, { cwd }) });
+    }
+    else {
+        await typescriptByDefault();
+    }
+    let projectDir = path.relative(process.cwd(), cwd);
+    const devCmd = pkgManager === 'npm' ? 'npm run dev' : `${pkgManager} dev`;
+    await nextSteps({ projectDir, devCmd });
+    await say(['Good luck out there, astronaut! 🚀']);
+    process.exit(0);
+}

package/dist/messages.js

@@ -0,0 +1,95 @@
+/* eslint no-console: 'off' */
+import { exec } from 'node:child_process';
+import { get } from 'node:https';
+import { color, label } from '@astrojs/cli-kit';
+import { sleep } from '@astrojs/cli-kit/utils';
+import stripAnsi from 'strip-ansi';
+export const welcome = [
+    `Let's claim your corner of the internet.`,
+    `I'll be your assistant today.`,
+    `Let's build something awesome!`,
+    `Let's build something great!`,
+    `Let's build something fast!`,
+    `Let's make the web weird!`,
+    `Let's make the web a better place!`,
+    `Let's create a new project!`,
+    `Let's create something unqiue!`,
+    `Time to build a new website.`,
+    `Time to build a faster website.`,
+    `Time to build a sweet new website.`,
+    `We're glad to have you on board.`,
+    `Keeping the internet weird since 2021.`,
+    `Initiating launch sequence...`,
+    `Initiating launch sequence... right... now!`,
+    `Awaiting further instructions.`,
+];
+export const getName = () => new Promise((resolve) => {
+    exec('git config user.name', { encoding: 'utf-8' }, (_1, gitName, _2) => {
+        if (gitName.trim()) {
+            return resolve(gitName.split(' ')[0].trim());
+        }
+        exec('whoami', { encoding: 'utf-8' }, (_3, whoami, _4) => {
+            if (whoami.trim()) {
+                return resolve(whoami.split(' ')[0].trim());
+            }
+            return resolve('astronaut');
+        });
+    });
+});
+let v;
+export const getVersion = () => new Promise((resolve) => {
+    if (v)
+        return resolve(v);
+    get('https://registry.npmjs.org/astro/latest', (res) => {
+        let body = '';
+        res.on('data', chunk => body += chunk);
+        res.on('end', () => {
+            const { version } = JSON.parse(body);
+            v = version;
+            resolve(version);
+        });
+    });
+});
+export const banner = async (version) => console.log(`\n${label('astro', color.bgGreen, color.black)}  ${color.green(color.bold(`v${version}`))} ${color.bold('Launch sequence initiated.')}`);
+export const info = async (prefix, text) => {
+    await sleep(100);
+    if (process.stdout.columns < 80) {
+        console.log(`${' '.repeat(5)} ${color.cyan('◼')}  ${color.cyan(prefix)}`);
+        console.log(`${' '.repeat(9)}${color.dim(text)}`);
+    }
+    else {
+        console.log(`${' '.repeat(5)} ${color.cyan('◼')}  ${color.cyan(prefix)} ${color.dim(text)}`);
+    }
+};
+export const error = async (prefix, text) => {
+    if (process.stdout.columns < 80) {
+        console.log(`${' '.repeat(5)} ${color.red('▲')}  ${color.red(prefix)}`);
+        console.log(`${' '.repeat(9)}${color.dim(text)}`);
+    }
+    else {
+        console.log(`${' '.repeat(5)} ${color.red('▲')}  ${color.red(prefix)} ${color.dim(text)}`);
+    }
+};
+export const typescriptByDefault = async () => {
+    await info(`That\'s fine!`, 'Astro comes with TypeScript enabled by default.');
+    console.log(`${' '.repeat(9)}${color.dim(`We'll use the most relaxed settings for you.`)}`);
+    await sleep(300);
+};
+export const nextSteps = async ({ projectDir, devCmd }) => {
+    const max = process.stdout.columns;
+    const prefix = max < 80 ? ' ' : ' '.repeat(9);
+    await sleep(200);
+    console.log(`\n ${color.bgCyan(` ${color.black('next')} `)}  ${color.bold('Liftoff confirmed. Explore your project!')}`);
+    await sleep(100);
+    if (projectDir !== '') {
+        const enter = [`\n${prefix}Enter your project directory using`, color.cyan(`cd ./${projectDir}`, '')];
+        const len = enter[0].length + stripAnsi(enter[1]).length;
+        console.log(enter.join((len > max) ? '\n' + prefix : ' '));
+    }
+    console.log(`${prefix}Run ${color.cyan(devCmd)} to start the dev server. ${color.cyan('CTRL+C')} to stop.`);
+    await sleep(100);
+    console.log(`${prefix}Add frameworks like ${color.cyan(`react`)} or ${color.cyan('tailwind')} using ${color.cyan('astro add')}.`);
+    await sleep(100);
+    console.log(`\n${prefix}Stuck? Join us at ${color.cyan(`https://astro.build/chat`)}.`);
+    await sleep(200);
+};

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "create-astro",
+  "version": "0.0.0-ui-20221007132109",
+  "type": "module",
+  "author": "withastro",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/withastro/astro.git",
+    "directory": "packages/create-astro"
+  },
+  "bugs": "https://github.com/withastro/astro/issues",
+  "homepage": "https://astro.build",
+  "exports": {
+    ".": "./create-astro.mjs"
+  },
+  "bin": {
+    "create-astro": "./create-astro.mjs"
+  },
+  "files": [
+    "dist",
+    "create-astro.js",
+    "tsconfigs"
+  ],
+  "dependencies": {
+    "@astrojs/cli-kit": "^0.0.3",
+    "comment-json": "^4.2.3",
+    "execa": "^6.1.0",
+    "giget": "^0.1.7",
+    "strip-ansi": "^7.0.1",
+    "which-pm-runs": "^1.1.0",
+    "yargs-parser": "^21.0.1"
+  },
+  "devDependencies": {
+    "@types/which-pm-runs": "^1.0.0",
+    "@types/yargs-parser": "^21.0.0",
+    "astro-scripts": "0.0.8",
+    "cli-testing-library": "^2.0.0",
+    "vitest": "^0.20.3"
+  },
+  "engines": {
+    "node": "^14.18.0 || >=16.12.0"
+  },
+  "scripts": {
+    "build": "astro-scripts build \"src/**/*.ts\" && tsc",
+    "build:ci": "astro-scripts build \"src/**/*.ts\"",
+    "dev": "astro-scripts dev \"src/**/*.ts\"",
+    "test": "vitest"
+  }
+}