create-bedframe v0.0.38
create-bedframe
Standalone @bedframe/cli make
command utility
Scaffolding Your First Bedframe Project
# with pnpm
pnpm dlx create-bedframe@latest
# with npx
npx create-bedframe@latest
# with yarn
yarn create-bedframe@latest
Then follow the prompts!
You can specify the project name
as the first argument of the make
command. Using .
for the project name
will scaffold the project in the current directory.
# scaffold project called `chrome-extension`
# with pnpm
pnpm dlx create-bedframe@latest chrome-extension
# with npx
npx create-bedframe@latest chrome-extension
# with yarn
yarn create-bedframe@latest chrome-extension
# scaffold project in the current directory
# with pnpm
pnpm dlx create-bedframe@latest .
# with npx
npx create-bedframe@latest .
# with yarn
yarn create-bedframe@latest .
You will then be prompted to configure your BED, picking Framework
, Language
, Browser
to target, etc. All configurations can be manually edited once you generate the project.
Create Bedframe
create-bedframe
is a scaffolding utility that creates a BED environment based on your chosen configuration of features you choose, and delegates the rest to Vite. Projects scaffolded this way can directly leverage the Vite plugin ecosystem which is Rollup-compatible. You end up with a familiar Vite-powered project you're used to.
Args
Flags / Options
You can optionally by-pass the prompts if you pass in the requisite flags to the make
command.
As an example, to scaffold a multi-extension project i.e. BED environment targeting Chrome, Brave, Opera and Edge browsers you can run:
$ bedframe make multi-extension-project \
--version 0.0.1 \
--browsers chrome, brave, opera, edge \
--packageManager yarn \
--framework react \
--language typescript \
--style Styled Components \
--lintFormat \
--git \
--gitHooks \
--tests \
--commitLint \
--changesets \
--installDeps \
If any required configuration isn't passed in via flags
the CLI will prompt you for the missing requirements.
Options
Flag (short) | Flag (long) | Type | Description | Default |
---|---|---|---|---|
-v | --version | string | Specify project version | 0.0.1 |
-b | --browsers | Browser[] | Specify comma-separated list of target browsers | chrome |
-p | --packageManager | PackageManager | Specify package manager to use | yarn |
-f | --framework | Framework | Specify framework to use | react |
-l | --language | Language | Specify language to use | typescript |
-s | --style | Style | Specify CSS solution to use | tailwind |
-o | --lintFormat | boolean | Configure linting with formatting | true |
-g | --git | boolean | Initialize git source control | true |
-h | --gitHooks | boolean | Add git hooks (Husky + lint staged) | true |
-t | --tests | boolean | Add tests (Vitest + Testing Library + jsdom) | true |
-c | --commitLint | boolean | Add commit linting | true |
-x | --changesets | boolean | Add changesets | true |
-i | --installDeps | boolean | Add & install dependencies | true |
-y | --yes | boolean | Set up Bedframe w/ preconfigured defaults | false |
--help | display help for command |
V E R S I O N
create or update git release of current version
>_
B R O W S E R
E X T E N S I O N
D E V E L O P M E N T
F R A M E W O R K
Usage: @bedframe/cli version [options]
create or update git release of current version (changeset version)
Options:
--ignore <package> skip a package from being published
--snapshot create a snapshot release for testing
-h, --help display help for command
P U B L I S H
publish new or update existing extension(s)
>_
B R O W S E R
E X T E N S I O N
D E V E L O P M E N T
F R A M E W O R K
Usage: @bedframe/cli publish [options]
• publish new or update existing extension(s)
├ • C W S: Chrome Web Store
├ • A M O: Mozilla/Firefox Add-ons
└ • M E A: MS Edge Add-ons
Options:
-b, --browsers <browsers...> specify browsers to publish (chrome,firefox,edge)
-h, --help display help for command
D E V
start vite dev server for 1 or more browsers. alias for vite dev w/ --mode <browser>
B U I L D
generate prod builds for 1 or more browsers alias for vite build w/ --mode <browser>
Z I P
create zip archive(s) for 1 or more browsers
>_
B R O W S E R
E X T E N S I O N
D E V E L O P M E N T
F R A M E W O R K
Usage: @bedframe/cli zip [options] [browsers]
zip browser dist directories
Arguments:
browsers list of browser names
Options:
-d, --distDir <distDir> current dist dir to create archive from (e.g. -d
./dist/<browser>)
-n, --name <name> what to name the zip file (including .zip)
-h, --help display help for command
3 days ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
4 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
8 months ago
7 months ago
10 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
8 months ago
11 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago