bakethere 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +74 -0
- package/dist/cli.js +5059 -0
- package/package.json +33 -0
package/README.md
ADDED
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
# BakeThere CLI
|
|
2
|
+
|
|
3
|
+
Add BakeThere components to your project.
|
|
4
|
+
|
|
5
|
+
## Usage
|
|
6
|
+
|
|
7
|
+
```sh
|
|
8
|
+
npx bakethere add button
|
|
9
|
+
npx bakethere add card dialog toast
|
|
10
|
+
```
|
|
11
|
+
|
|
12
|
+
## Commands
|
|
13
|
+
|
|
14
|
+
### `npx bakethere init`
|
|
15
|
+
|
|
16
|
+
Initialize BakeThere in your project. Creates `bakethere.json` and copies shared infrastructure files (tokens, globals CSS, provider, utils).
|
|
17
|
+
|
|
18
|
+
### `npx bakethere add [components...]`
|
|
19
|
+
|
|
20
|
+
Add one or more components. If no component names are given, an interactive picker is shown.
|
|
21
|
+
|
|
22
|
+
Options:
|
|
23
|
+
- `--overwrite` / `-o` — overwrite existing files
|
|
24
|
+
- `--path <dir>` — write component files to this directory instead of the configured one
|
|
25
|
+
- `--yes` / `-y` — skip prompts, use defaults
|
|
26
|
+
|
|
27
|
+
### `npx bakethere list`
|
|
28
|
+
|
|
29
|
+
Show all available components grouped by category.
|
|
30
|
+
|
|
31
|
+
## Setup
|
|
32
|
+
|
|
33
|
+
After running `init`, add these imports to your `globals.css`:
|
|
34
|
+
|
|
35
|
+
```css
|
|
36
|
+
@import './src/styles/bakethere-tokens.css';
|
|
37
|
+
@import './src/styles/bakethere-globals.css';
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
Then wrap your app in `<BakeThereProvider>`:
|
|
41
|
+
|
|
42
|
+
```tsx
|
|
43
|
+
import { BakeThereProvider } from '@/components/ui/BakeThereProvider';
|
|
44
|
+
|
|
45
|
+
export default function RootLayout({ children }) {
|
|
46
|
+
return (
|
|
47
|
+
<html>
|
|
48
|
+
<body>
|
|
49
|
+
<BakeThereProvider defaultTheme="dark">
|
|
50
|
+
{children}
|
|
51
|
+
</BakeThereProvider>
|
|
52
|
+
</body>
|
|
53
|
+
</html>
|
|
54
|
+
);
|
|
55
|
+
}
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
## Components
|
|
59
|
+
|
|
60
|
+
Primitives: button, button-group, input, label, checkbox, toggle, text, textarea, radio, slider, select
|
|
61
|
+
|
|
62
|
+
Display: card, badge, avatar, separator, skeleton, stat, empty, alert, progress
|
|
63
|
+
|
|
64
|
+
Overlay: dialog, tooltip, toast, popover
|
|
65
|
+
|
|
66
|
+
Navigation: dropdown-menu, tabs, accordion, breadcrumb
|
|
67
|
+
|
|
68
|
+
Data: table
|
|
69
|
+
|
|
70
|
+
Layout: sidebar, header
|
|
71
|
+
|
|
72
|
+
## Themes
|
|
73
|
+
|
|
74
|
+
BakeThere ships with three themes: `dark`, `warm`, `plain`. Pass `defaultTheme` to `BakeThereProvider`.
|