create-bluecopa-react-app 1.0.40 → 1.0.42
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 +16 -14
- package/package.json +1 -1
- package/templates/latest/.claude/settings.local.json +56 -0
- package/templates/latest/.env.example +8 -0
- package/templates/latest/Agent.md +598 -775
- package/templates/latest/CLAUDE.md +759 -0
- package/templates/latest/README.md +17 -8
- package/templates/latest/app/app.css +292 -85
- package/templates/latest/app/app.tsx +48 -39
- package/templates/latest/app/components/bluecopa-logo.tsx +20 -0
- package/templates/latest/app/components/charts/bar-chart.tsx +132 -0
- package/templates/latest/app/components/charts/base-chart.tsx +149 -0
- package/templates/latest/app/components/charts/chart-provider.tsx +71 -0
- package/templates/latest/app/components/charts/chart-theme.ts +262 -0
- package/templates/latest/app/components/charts/chart-utils.ts +142 -0
- package/templates/latest/app/components/charts/donut-chart.tsx +110 -0
- package/templates/latest/app/components/charts/index.ts +5 -0
- package/templates/latest/app/components/layouts/app-layout.tsx +22 -0
- package/templates/latest/app/components/layouts/app-sidebar.tsx +88 -0
- package/templates/latest/app/components/layouts/nav-main.tsx +50 -0
- package/templates/latest/app/components/layouts/nav-user.tsx +38 -0
- package/templates/latest/app/components/layouts/site-header.tsx +93 -0
- package/templates/latest/app/components/loading-screen.tsx +41 -0
- package/templates/latest/app/components/ui/ag-grid-table.tsx +79 -0
- package/templates/latest/app/components/ui/button.tsx +23 -23
- package/templates/latest/app/components/ui/card.tsx +20 -20
- package/templates/latest/app/components/ui/dropdown-menu.tsx +54 -49
- package/templates/latest/app/components/ui/input.tsx +8 -8
- package/templates/latest/app/components/ui/label.tsx +8 -8
- package/templates/latest/app/components/ui/separator.tsx +7 -7
- package/templates/latest/app/components/ui/sheet.tsx +43 -32
- package/templates/latest/app/components/ui/sidebar.tsx +240 -235
- package/templates/latest/app/components/ui/skeleton.tsx +4 -4
- package/templates/latest/app/components/ui/sonner.tsx +6 -9
- package/templates/latest/app/components/ui/tabs.tsx +15 -15
- package/templates/latest/app/components/ui/tooltip.tsx +18 -12
- package/templates/latest/app/constants/index.ts +31 -0
- package/templates/latest/app/contexts/app-context.tsx +201 -0
- package/templates/latest/app/hooks/use-mobile.ts +13 -12
- package/templates/latest/app/main.tsx +1 -1
- package/templates/latest/app/pages/dashboard.tsx +246 -0
- package/templates/latest/app/pages/payments.tsx +182 -0
- package/templates/latest/app/pages/settings.tsx +128 -0
- package/templates/latest/app/routes/index.tsx +19 -0
- package/templates/latest/app/single-spa.tsx +68 -86
- package/templates/latest/app/types/index.ts +37 -0
- package/templates/latest/app/utils/ag-grid-datasource.ts +63 -0
- package/templates/latest/app/utils/ag-grid-license.ts +12 -0
- package/templates/latest/app/utils/ag-grid-theme.ts +9 -0
- package/templates/latest/app/utils/component-style.ts +7 -0
- package/templates/latest/app/utils/style-drivers.ts +24 -0
- package/templates/latest/app/utils/utils.ts +10 -0
- package/templates/latest/components.json +3 -3
- package/templates/latest/index.html +30 -2
- package/templates/latest/package-lock.json +30 -416
- package/templates/latest/package.json +8 -18
- package/templates/latest/preview/index.html +125 -285
- package/templates/latest/public/favicon.svg +1 -0
- package/templates/latest/vite.config.ts +2 -8
- package/templates/latest/app/components/app-sidebar.tsx +0 -182
- package/templates/latest/app/components/chart-area-interactive.tsx +0 -290
- package/templates/latest/app/components/data-table.tsx +0 -807
- package/templates/latest/app/components/nav-documents.tsx +0 -92
- package/templates/latest/app/components/nav-main.tsx +0 -40
- package/templates/latest/app/components/nav-secondary.tsx +0 -42
- package/templates/latest/app/components/nav-user.tsx +0 -111
- package/templates/latest/app/components/section-cards.tsx +0 -102
- package/templates/latest/app/components/site-header.tsx +0 -28
- package/templates/latest/app/components/ui/avatar.tsx +0 -53
- package/templates/latest/app/components/ui/badge.tsx +0 -46
- package/templates/latest/app/components/ui/breadcrumb.tsx +0 -109
- package/templates/latest/app/components/ui/chart.tsx +0 -352
- package/templates/latest/app/components/ui/checkbox.tsx +0 -30
- package/templates/latest/app/components/ui/drawer.tsx +0 -139
- package/templates/latest/app/components/ui/select.tsx +0 -183
- package/templates/latest/app/components/ui/table.tsx +0 -117
- package/templates/latest/app/components/ui/toggle-group.tsx +0 -73
- package/templates/latest/app/components/ui/toggle.tsx +0 -47
- package/templates/latest/app/data/data.json +0 -614
- package/templates/latest/app/data/mock-payments.json +0 -122
- package/templates/latest/app/data/mock-transactions.json +0 -128
- package/templates/latest/app/hooks/use-bluecopa-user.ts +0 -37
- package/templates/latest/app/lib/utils.ts +0 -6
- package/templates/latest/app/routes/apitest.tsx +0 -2118
- package/templates/latest/app/routes/comments.tsx +0 -588
- package/templates/latest/app/routes/dashboard.tsx +0 -36
- package/templates/latest/app/routes/payments.tsx +0 -342
- package/templates/latest/app/routes/statements.tsx +0 -493
- package/templates/latest/app/routes/websocket.tsx +0 -450
- package/templates/latest/app/routes.tsx +0 -22
- package/templates/latest/dist/assets/__federation_expose_App-OFfdinOR.js +0 -97
- package/templates/latest/dist/assets/__federation_fn_import-CzfA7kmP.js +0 -438
- package/templates/latest/dist/assets/__federation_shared_react-Bp6HVBS4.js +0 -16
- package/templates/latest/dist/assets/__federation_shared_react-dom-BCcRGiYp.js +0 -17
- package/templates/latest/dist/assets/client-CkHcT_xc.js +0 -76035
- package/templates/latest/dist/assets/index-B3cD3sP_.js +0 -60
- package/templates/latest/dist/assets/index-BzNimew1.js +0 -69
- package/templates/latest/dist/assets/index-DMFtQdNS.js +0 -412
- package/templates/latest/dist/assets/remoteEntry.css +0 -3996
- package/templates/latest/dist/assets/remoteEntry.js +0 -88
- package/templates/latest/dist/favicon.ico +0 -0
- package/templates/latest/dist/index.html +0 -19
package/README.md
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
# create-bluecopa-react-app [](https://www.npmjs.com/package/create-bluecopa-react-app) [](LICENSE)
|
|
2
2
|
|
|
3
|
-
## A CLI Tool for
|
|
3
|
+
## A CLI Tool for Bluecopa React Applications
|
|
4
4
|
|
|
5
|
-
A command-line interface for bootstrapping modern React applications with
|
|
5
|
+
A command-line interface for bootstrapping modern React applications with Bluecopa integration, featuring opinionated best practices and pre-configured tooling.
|
|
6
6
|
|
|
7
7
|
## Table of Contents
|
|
8
8
|
|
|
@@ -50,9 +50,9 @@ export BLUECOPA_BOILERPLATE_REGISTRY=https://registry.npmjs.org
|
|
|
50
50
|
- 🌐 **Microfrontend Support**: Single-spa compatible with module federation
|
|
51
51
|
- 📊 **Data Visualization**: Recharts integration for charts and analytics
|
|
52
52
|
- 🎨 **UI Components**: shadcn/ui components built on Radix UI primitives
|
|
53
|
-
- 📡 **
|
|
53
|
+
- 📡 **Bluecopa React Components**: Pre-configured [`@bluecopa/react`](packages/react:1) package with hooks (includes TanStack Query integration)
|
|
54
54
|
- 🎯 **Type Safety**: Full TypeScript support
|
|
55
|
-
- 📱 **Responsive Design**: Tailwind CSS v4 with mobile-first approach and
|
|
55
|
+
- 📱 **Responsive Design**: Tailwind CSS v4 with mobile-first approach and Bluecopa design system
|
|
56
56
|
- 🛠️ **Development Tools**: ESLint, TypeScript checking, and Vite fast build system
|
|
57
57
|
- ⚡ **Fast Development**: Hot module replacement with Vite
|
|
58
58
|
- 🔄 **Server-side Rendering**: React Router v7 with SSR support
|
|
@@ -83,23 +83,25 @@ npx create-bluecopa-react-app my-dashboard --template shadcn
|
|
|
83
83
|
|
|
84
84
|
### CLI Options
|
|
85
85
|
|
|
86
|
-
| Option
|
|
87
|
-
|
|
88
|
-
| `--skip-install` | Skip dependency installation
|
|
89
|
-
| `--template`
|
|
90
|
-
| `--help`
|
|
86
|
+
| Option | Description |
|
|
87
|
+
| ---------------- | ---------------------------------- |
|
|
88
|
+
| `--skip-install` | Skip dependency installation |
|
|
89
|
+
| `--template` | Specify template (default, shadcn) |
|
|
90
|
+
| `--help` | Show help information |
|
|
91
91
|
|
|
92
92
|
## API Documentation
|
|
93
93
|
|
|
94
94
|
### `create-bluecopa-react-app [project-name] [options]`
|
|
95
95
|
|
|
96
|
-
Creates a new
|
|
96
|
+
Creates a new Bluecopa React application.
|
|
97
97
|
|
|
98
98
|
**Parameters:**
|
|
99
|
+
|
|
99
100
|
- `project-name`: Name of the new project directory
|
|
100
101
|
- `options`: CLI options (see above)
|
|
101
102
|
|
|
102
103
|
**Returns:**
|
|
104
|
+
|
|
103
105
|
- Creates project structure
|
|
104
106
|
- Installs dependencies
|
|
105
107
|
- Configures environment
|
|
@@ -143,21 +145,21 @@ npx create-bluecopa-react-app my-dashboard
|
|
|
143
145
|
- **React Router v7** - Modern routing with SSR support
|
|
144
146
|
- **Vite 6** - Fast build tool and development server
|
|
145
147
|
- **TypeScript** - Full type safety and developer experience
|
|
146
|
-
- **[`@bluecopa/react`](packages/react:1)** -
|
|
148
|
+
- **[`@bluecopa/react`](packages/react:1)** - Bluecopa-specific React components and hooks
|
|
147
149
|
- **shadcn/ui** - Accessible component library built on Radix UI
|
|
148
150
|
- **Radix UI** - Unstyled, accessible UI primitives
|
|
149
151
|
- **TanStack Table** - Headless table library for React
|
|
150
152
|
- **Recharts** - Composable charting library for React
|
|
151
153
|
- **DND Kit** - Drag and drop toolkit for React
|
|
152
|
-
- **Tailwind CSS v4** - Utility-first CSS framework with
|
|
154
|
+
- **Tailwind CSS v4** - Utility-first CSS framework with Bluecopa design system
|
|
153
155
|
- **next-themes** - Theme switching with dark mode support
|
|
154
156
|
- **Lucide React** - Beautiful, customizable icons
|
|
155
157
|
|
|
156
158
|
## Monorepo Integration
|
|
157
159
|
|
|
158
|
-
This CLI tool is part of the
|
|
160
|
+
This CLI tool is part of the Bluecopa UI monorepo and integrates with the following packages:
|
|
159
161
|
|
|
160
|
-
- **[`@bluecopa/react`](packages/react:1)** -
|
|
162
|
+
- **[`@bluecopa/react`](packages/react:1)** - Bluecopa-specific React components and hooks
|
|
161
163
|
|
|
162
164
|
### Standalone Development
|
|
163
165
|
|
package/package.json
CHANGED
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
{
|
|
2
|
+
"permissions": {
|
|
3
|
+
"allow": [
|
|
4
|
+
"mcp__plugin_compound-engineering_context7__resolve-library-id",
|
|
5
|
+
"mcp__plugin_compound-engineering_context7__query-docs",
|
|
6
|
+
"Bash(git symbolic-ref:*)",
|
|
7
|
+
"Bash(git checkout:*)",
|
|
8
|
+
"Bash(npm install:*)",
|
|
9
|
+
"Bash(npx tsc:*)",
|
|
10
|
+
"Bash(npx vite build:*)",
|
|
11
|
+
"Bash(python3:*)",
|
|
12
|
+
"Bash(timeout 8 npx vite:*)",
|
|
13
|
+
"Bash(git add:*)",
|
|
14
|
+
"Bash(git commit:*)",
|
|
15
|
+
"Bash(npm run build:*)",
|
|
16
|
+
"WebFetch(domain:blui.vercel.app)",
|
|
17
|
+
"Bash(tr:*)",
|
|
18
|
+
"Bash(ls:*)",
|
|
19
|
+
"Bash(grep:*)",
|
|
20
|
+
"Bash(find:*)",
|
|
21
|
+
"Bash(node -e:*)",
|
|
22
|
+
"Bash(curl:*)",
|
|
23
|
+
"Bash(openssl dgst:*)",
|
|
24
|
+
"Bash(openssl base64:*)",
|
|
25
|
+
"Bash(npm run dev:*)",
|
|
26
|
+
"WebFetch(domain:localhost)",
|
|
27
|
+
"Bash(pnpm dlx shadcn@latest add:*)",
|
|
28
|
+
"Bash(npm run typecheck:*)",
|
|
29
|
+
"Bash(kill:*)",
|
|
30
|
+
"Bash(npx tailwindcss:*)",
|
|
31
|
+
"Bash(xargs cat:*)",
|
|
32
|
+
"WebSearch",
|
|
33
|
+
"Bash(lsof:*)",
|
|
34
|
+
"Bash(wc:*)",
|
|
35
|
+
"Bash(git rm:*)",
|
|
36
|
+
"Bash(git log:*)",
|
|
37
|
+
"Bash(agent-browser open:*)",
|
|
38
|
+
"Bash(npx --yes playwright screenshot:*)",
|
|
39
|
+
"Bash(/tmp/test-tw.css:*)",
|
|
40
|
+
"Bash(npx @tailwindcss/cli@latest build:*)",
|
|
41
|
+
"Bash(npx @tailwindcss/cli@latest:*)",
|
|
42
|
+
"WebFetch(domain:github.com)",
|
|
43
|
+
"Bash(/tmp/fix-prefix-order.py:*)",
|
|
44
|
+
"Bash(__NEW_LINE_ece706dbce7854cc__ python3 /tmp/fix-prefix-order.py app)",
|
|
45
|
+
"Bash(npx agent-browser:*)",
|
|
46
|
+
"Bash(pkill:*)",
|
|
47
|
+
"Bash(git reset:*)",
|
|
48
|
+
"Bash(/tmp/fix-imports.py:*)",
|
|
49
|
+
"Bash(pnpm add:*)",
|
|
50
|
+
"Bash(pnpm typecheck:*)",
|
|
51
|
+
"Bash(pnpm install:*)",
|
|
52
|
+
"Bash(pnpm build:*)",
|
|
53
|
+
"Bash(pnpm remove:*)"
|
|
54
|
+
]
|
|
55
|
+
}
|
|
56
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
# API base URL for the Bluecopa platform
|
|
2
|
+
VITE_BLUECOPA_API_URL=https://api.bluecopa.com
|
|
3
|
+
|
|
4
|
+
# Workspace ID for standalone development
|
|
5
|
+
VITE_BLUECOPA_WORKSPACE_ID=YOUR_WORKSPACE_ID
|
|
6
|
+
|
|
7
|
+
# AG Grid Enterprise license key (optional — watermarks shown without it)
|
|
8
|
+
VITE_AG_GRID_LICENSE_KEY=
|