feat(cli): scaffold out `astro add` command #2849

natemoo-re · 2022-03-21T20:50:18Z

Changes

Introduces a new astro add command to automatically configure integrations.
astro add preact --yes will skip any prompts, automatically make changes. Thanks @JuanM04!
astro add --help will print help instructions. Thanks @JuanM04!
See demo below:
- npx astro add tailwind is already installed, so wizard stops early
- npx astro add preact is not installed, configuration is updated and dependencies installed
- npx astro add has no arguments, so an interactive wizard prompts users to select frameworks then other integrations

astro-add-2.mov

Testing

Manually tested, interactive CLI

Docs

Integrations Guide updated

changeset-bot · 2022-03-21T20:50:21Z

🦋 Changeset detected

Latest commit: 6e0eed5

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
astro	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

packages/astro/src/cli/add.ts

packages/astro/src/transform/babel.ts

packages/astro/src/cli/add.ts

packages/astro/src/cli/index.ts

JuanM04 · 2022-03-24T22:13:41Z

@natemoo-re I love the logging you've made! I've added some spinners, what do you think?

packages/astro/src/cli/index.ts

packages/astro/src/core/config.ts

packages/astro/src/transform/babel.ts

packages/astro/src/transform/imports.ts

packages/astro/src/cli/add.ts

JuanM04

The interactive prompt is great! I've added some comments

packages/astro/src/core/add/index.ts

FredKSchott · 2022-03-25T17:54:23Z

A few of us just got a demo of this and I can confirm it's awesome. Thank you again @JuanM04 for kicking this effort off, and @natemoo-re for helping to carry it over the line.

I chatted with some of the other core maintainers, and the plan is to release this as "experimental" in the docs and any READMEs that reference the command. We'll use the next couple of weeks to gather feedback from users before formalizing support.

packages/astro/src/cli/index.ts

packages/astro/src/core/add/index.ts

…assed

* feat(cli): scaffold out `astro add` command * added first babel transforms * Format output * Added changes confirmation * Error flow * Add dependencies * feat(cli): astro add cleanup pass * feat: add support for tailwind * chore: update lockfile * fix: types * chore: rever @proload/core bump * chore: add changeset * chore: rollback dep update * Added spinners * chore: remove extra deps * Removed extra argument * Use `execa` instead of `exec` * Changed how lines are trimmed within diffLines * refactor: move add to core * refactor: remove old add entrypoint * refactor: simplify wording * feat: improve diff * feat: improve diff and logging, add interactive prompt when no args passed * Formatted files * Added --yes * feat: improve logging for install command * Fixed execa * Added help message to add * refactor: extract consts to own file * feat: remove implicit projectRoot behavior * feat: improve error handling, existing integrations * fix(tailwind): ensure existing tailwind config is not overwritten * refactor: prefer cwd to projectRoot flag * chore: add refactor notes * refactor: throw createPrettyError > implicit bail * refactor: cleanup language * feat(cli): prompt user before generating tailwind config * fix(cli): update config generation to use cwd * fix: resolve root from cwd * chore: update changelog Co-authored-by: JuanM04 <[email protected]>

github-actions bot added the pkg: astro Related to the core `astro` package (scope) label Mar 21, 2022

natemoo-re force-pushed the feat/add-cmd branch 2 times, most recently from e7830ca to 4a9f257 Compare March 24, 2022 21:12