@frontfamily/cli 0.1.0 → 0.1.1
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 +61 -0
- package/package.json +2 -2
package/README.md
ADDED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
# @frontfamily/cli
|
|
2
|
+
|
|
3
|
+
Eject production-ready UI components into your project. 72 templates across 9 frameworks and 8 patterns.
|
|
4
|
+
|
|
5
|
+
## Quick Start
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
# Interactive — prompts for pattern + framework
|
|
9
|
+
npx @frontfamily/cli eject
|
|
10
|
+
|
|
11
|
+
# Direct — no prompts
|
|
12
|
+
npx @frontfamily/cli eject auth-form -f vue-quasar
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
The component file is written to `./components/` in your current directory.
|
|
16
|
+
|
|
17
|
+
## Available Patterns
|
|
18
|
+
|
|
19
|
+
| Pattern | Description |
|
|
20
|
+
|---|---|
|
|
21
|
+
| `data-table` | Sortable, paginated table with status badges |
|
|
22
|
+
| `auth-form` | Login/signup with validation, password toggle |
|
|
23
|
+
| `card-feed` | Responsive grid of user profile cards |
|
|
24
|
+
| `dashboard-stats` | KPI cards with progress bars and trends |
|
|
25
|
+
| `modal-dialog` | Confirmation, form, and alert dialogs |
|
|
26
|
+
| `nav-bar` | Top nav with links, dropdown, search, mobile drawer |
|
|
27
|
+
| `notification-center` | Toast stack with auto-dismiss and history |
|
|
28
|
+
| `settings-panel` | Toggles, sliders, radio groups, selects |
|
|
29
|
+
|
|
30
|
+
## Available Frameworks
|
|
31
|
+
|
|
32
|
+
| ID | Framework | File Type |
|
|
33
|
+
|---|---|---|
|
|
34
|
+
| `react-chakra` | Chakra UI | `.tsx` |
|
|
35
|
+
| `react-mui` | Material UI | `.tsx` |
|
|
36
|
+
| `react-antd` | Ant Design | `.tsx` |
|
|
37
|
+
| `react-eui` | Elastic EUI | `.tsx` |
|
|
38
|
+
| `react-mantine` | Mantine | `.tsx` |
|
|
39
|
+
| `react-bootstrap` | Bootstrap | `.tsx` |
|
|
40
|
+
| `react-tailwind` | Tailwind | `.tsx` |
|
|
41
|
+
| `vue-quasar` | Quasar (Vue 3) | `.vue` |
|
|
42
|
+
| `angular-material` | Angular Material | `.ts` |
|
|
43
|
+
|
|
44
|
+
## How It Works
|
|
45
|
+
|
|
46
|
+
All 72 templates are bundled inside the package. No network requests, no API calls, no account needed. Works completely offline.
|
|
47
|
+
|
|
48
|
+
The CLI never reads or modifies your existing files — it only creates new files in `./components/`.
|
|
49
|
+
|
|
50
|
+
## Commands
|
|
51
|
+
|
|
52
|
+
```bash
|
|
53
|
+
frontfamily eject # Interactive mode
|
|
54
|
+
frontfamily eject <pattern> # Select framework only
|
|
55
|
+
frontfamily eject <pattern> -f <framework> # Fully non-interactive
|
|
56
|
+
frontfamily --version # Show version
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
## License
|
|
60
|
+
|
|
61
|
+
Apache 2.0
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@frontfamily/cli",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"description": "Eject production-ready UI pattern components across React, Vue, and Angular frameworks",
|
|
5
5
|
"author": "ch-bas",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"repository": {
|
|
8
8
|
"type": "git",
|
|
9
|
-
"url": "https://github.com/ch-bas/
|
|
9
|
+
"url": "https://github.com/ch-bas/frontfamily2.0",
|
|
10
10
|
"directory": "packages/cli"
|
|
11
11
|
},
|
|
12
12
|
"keywords": [
|