magicpath-ai 1.5.0-beta.8 → 2.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 +186 -32
- package/dist/cli.js +67 -58
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# MagicPath CLI
|
|
2
2
|
|
|
3
|
-
A component platform for AI agents. Search and add UI components from MagicPath directly into your projects — works with Claude Code, Cursor, and GitHub Copilot.
|
|
3
|
+
A component platform for AI agents. Search, share, and add UI components from MagicPath directly into your projects — works with Claude Code, Cursor, and GitHub Copilot.
|
|
4
4
|
|
|
5
5
|
## Quick Start
|
|
6
6
|
|
|
@@ -27,6 +27,8 @@ magicpath-ai login --code <code> # headless fallback
|
|
|
27
27
|
|
|
28
28
|
#### `logout`
|
|
29
29
|
|
|
30
|
+
Clear stored credentials.
|
|
31
|
+
|
|
30
32
|
```bash
|
|
31
33
|
magicpath-ai logout
|
|
32
34
|
```
|
|
@@ -39,43 +41,68 @@ Show the currently authenticated user.
|
|
|
39
41
|
magicpath-ai whoami
|
|
40
42
|
```
|
|
41
43
|
|
|
44
|
+
### Workspaces & teams
|
|
45
|
+
|
|
46
|
+
#### `list-teams`
|
|
47
|
+
|
|
48
|
+
List the teams the current user belongs to, with their role in each.
|
|
49
|
+
|
|
50
|
+
```bash
|
|
51
|
+
magicpath-ai list-teams
|
|
52
|
+
magicpath-ai list-teams -o json
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
#### `list-members`
|
|
56
|
+
|
|
57
|
+
List members of a team. `--team` accepts a name (case-insensitive) or an ID.
|
|
58
|
+
|
|
59
|
+
```bash
|
|
60
|
+
magicpath-ai list-members --team "Acme Inc"
|
|
61
|
+
magicpath-ai list-members --team <teamId> -o json
|
|
62
|
+
```
|
|
63
|
+
|
|
42
64
|
### Discovery
|
|
43
65
|
|
|
44
66
|
#### `search`
|
|
45
67
|
|
|
46
|
-
Search component names across all
|
|
68
|
+
Search component names across all accessible projects (personal + team).
|
|
47
69
|
|
|
48
70
|
```bash
|
|
49
71
|
magicpath-ai search "button"
|
|
50
72
|
magicpath-ai search "nav" --limit 5
|
|
73
|
+
magicpath-ai search "header" --team "Acme Inc"
|
|
51
74
|
```
|
|
52
75
|
|
|
53
76
|
| Option | Description |
|
|
54
77
|
|--------|-------------|
|
|
55
78
|
| `--limit <n>` | Max results (default: 20) |
|
|
79
|
+
| `--team <nameOrId>` | Search only within a specific team |
|
|
80
|
+
| `--personal` | Search only personal projects |
|
|
56
81
|
|
|
57
82
|
#### `list-projects`
|
|
58
83
|
|
|
59
|
-
List all projects
|
|
84
|
+
List all projects. By default returns personal + every team you belong to.
|
|
60
85
|
|
|
61
86
|
```bash
|
|
62
87
|
magicpath-ai list-projects
|
|
63
|
-
magicpath-ai list-projects --
|
|
88
|
+
magicpath-ai list-projects --team "Acme Inc"
|
|
89
|
+
magicpath-ai list-projects --personal
|
|
64
90
|
```
|
|
65
91
|
|
|
66
92
|
| Option | Description |
|
|
67
93
|
|--------|-------------|
|
|
68
94
|
| `--limit <n>` | Max results |
|
|
69
95
|
| `--offset <n>` | Skip first N results (default: 0) |
|
|
96
|
+
| `--team <nameOrId>` | Filter to a specific team |
|
|
97
|
+
| `--personal` | Show only personal projects |
|
|
70
98
|
|
|
71
99
|
#### `list-components`
|
|
72
100
|
|
|
73
|
-
List components in a project.
|
|
101
|
+
List components in a project. Cursor-based pagination — pass `pagination.lastId` as `--after` to get the next page.
|
|
74
102
|
|
|
75
103
|
```bash
|
|
76
104
|
magicpath-ai list-components <projectId>
|
|
77
|
-
magicpath-ai list-components <projectId> --
|
|
78
|
-
magicpath-ai list-components <projectId> --after <lastId>
|
|
105
|
+
magicpath-ai list-components <projectId> --created-by <userId> --sort-by createdAt --order desc
|
|
79
106
|
```
|
|
80
107
|
|
|
81
108
|
| Option | Description |
|
|
@@ -83,33 +110,48 @@ magicpath-ai list-components <projectId> --after <lastId>
|
|
|
83
110
|
| `--limit <n>` | Max results per page (default: 100) |
|
|
84
111
|
| `--after <id>` | Fetch components after this ID |
|
|
85
112
|
| `--sort-by <field>` | Sort by `name` or `createdAt` (default: name) |
|
|
86
|
-
| `--order <dir>` |
|
|
113
|
+
| `--order <dir>` | `asc` or `desc` (default: asc) |
|
|
114
|
+
| `--created-by <userId>` | Filter to components created or last-edited by this user |
|
|
115
|
+
|
|
116
|
+
#### `list-installed`
|
|
117
|
+
|
|
118
|
+
List MagicPath components already installed in the current project (scans `src/components/magicpath/` by default).
|
|
119
|
+
|
|
120
|
+
```bash
|
|
121
|
+
magicpath-ai list-installed
|
|
122
|
+
magicpath-ai list-installed --path src/components/custom
|
|
123
|
+
```
|
|
124
|
+
|
|
125
|
+
### Components
|
|
87
126
|
|
|
88
127
|
#### `view`
|
|
89
128
|
|
|
90
|
-
Open a component preview in the browser.
|
|
129
|
+
Open a component preview in the default browser. In JSON mode, returns the URL without opening.
|
|
91
130
|
|
|
92
131
|
```bash
|
|
93
132
|
magicpath-ai view <generatedName>
|
|
94
133
|
```
|
|
95
134
|
|
|
96
|
-
|
|
135
|
+
#### `share`
|
|
136
|
+
|
|
137
|
+
Print a shareable preview URL on stdout — does not open a browser. Use this when an agent needs to present a link in chat.
|
|
138
|
+
|
|
139
|
+
```bash
|
|
140
|
+
magicpath-ai share <generatedName>
|
|
141
|
+
magicpath-ai share <generatedName> -o json # { url, generatedName }
|
|
142
|
+
```
|
|
97
143
|
|
|
98
144
|
#### `inspect`
|
|
99
145
|
|
|
100
146
|
View a component's source code, dependencies, and import info without installing anything. Read-only — no files are written, no `package.json` is required.
|
|
101
147
|
|
|
102
|
-
Works in any project type. For non-React projects (Swift, Python, etc.), use `inspect` to read MagicPath component source
|
|
148
|
+
Works in any project type. For non-React projects (Swift, Python, etc.), use `inspect` to read MagicPath component source as a reference for recreating the component in your target language.
|
|
103
149
|
|
|
104
150
|
```bash
|
|
105
151
|
magicpath-ai inspect <generatedName>
|
|
106
152
|
magicpath-ai inspect wispy-river-5234 -o json
|
|
107
153
|
```
|
|
108
154
|
|
|
109
|
-
| Option | Description |
|
|
110
|
-
|--------|-------------|
|
|
111
|
-
| `-d, --debug` | Enable debug logging |
|
|
112
|
-
|
|
113
155
|
#### `add`
|
|
114
156
|
|
|
115
157
|
Add a MagicPath component to your project. Fetches the component files, writes them to `src/components/magicpath/`, and installs any required npm dependencies.
|
|
@@ -118,8 +160,8 @@ Add a MagicPath component to your project. Fetches the component files, writes t
|
|
|
118
160
|
|
|
119
161
|
```bash
|
|
120
162
|
magicpath-ai add <generatedName>
|
|
121
|
-
magicpath-ai add
|
|
122
|
-
magicpath-ai add
|
|
163
|
+
magicpath-ai add <generatedName> --path src/components/ui
|
|
164
|
+
magicpath-ai add <generatedName> --dry-run # preview file list only
|
|
123
165
|
```
|
|
124
166
|
|
|
125
167
|
| Option | Description |
|
|
@@ -128,33 +170,147 @@ magicpath-ai add wispy-river-5234 --dry-run # preview file list only
|
|
|
128
170
|
| `--dry-run` | Preview file list without writing |
|
|
129
171
|
| `-y, --yes` | Skip confirmation prompts |
|
|
130
172
|
| `--overwrite` | Overwrite existing files |
|
|
131
|
-
| `-d, --debug` | Enable debug logging |
|
|
132
173
|
|
|
133
|
-
###
|
|
174
|
+
### Themes (design systems)
|
|
134
175
|
|
|
135
|
-
#### `
|
|
176
|
+
#### `list-themes`
|
|
136
177
|
|
|
137
|
-
|
|
178
|
+
List design systems for the current user, or for a specific team with `--team`.
|
|
138
179
|
|
|
139
180
|
```bash
|
|
140
|
-
magicpath-ai
|
|
181
|
+
magicpath-ai list-themes
|
|
182
|
+
magicpath-ai list-themes --team "Acme Inc"
|
|
141
183
|
```
|
|
142
184
|
|
|
143
|
-
#### `
|
|
185
|
+
#### `get-theme`
|
|
144
186
|
|
|
145
|
-
|
|
187
|
+
Fetch a theme's CSS variables, fonts, and styling prompt. Accepts a numeric ID or a name (case-insensitive).
|
|
146
188
|
|
|
147
189
|
```bash
|
|
148
|
-
magicpath-ai
|
|
190
|
+
magicpath-ai get-theme <themeIdOrName>
|
|
191
|
+
magicpath-ai get-theme "My Brand Theme" --team "Acme Inc" -o json
|
|
149
192
|
```
|
|
150
193
|
|
|
151
|
-
|
|
194
|
+
| Option | Description |
|
|
195
|
+
|--------|-------------|
|
|
196
|
+
| `--team <nameOrId>` | Look up the theme within a specific team |
|
|
197
|
+
|
|
198
|
+
### Canvas context (for agents)
|
|
199
|
+
|
|
200
|
+
#### `selection`
|
|
152
201
|
|
|
153
|
-
|
|
202
|
+
Return the component(s) and image(s) currently selected in the MagicPath web app canvas, along with the project(s) the user has open. Empty arrays if nothing is selected / no canvas is open.
|
|
154
203
|
|
|
155
204
|
```bash
|
|
156
|
-
magicpath-ai
|
|
157
|
-
|
|
205
|
+
magicpath-ai selection -o json
|
|
206
|
+
```
|
|
207
|
+
|
|
208
|
+
#### `active-project`
|
|
209
|
+
|
|
210
|
+
Return the project(s) the user currently has open. Lighter than `selection` — use this when you only need the project context, not the selection.
|
|
211
|
+
|
|
212
|
+
```bash
|
|
213
|
+
magicpath-ai active-project -o json
|
|
214
|
+
```
|
|
215
|
+
|
|
216
|
+
### Projects
|
|
217
|
+
|
|
218
|
+
#### `create-project`
|
|
219
|
+
|
|
220
|
+
Create a project in the user's personal workspace, or in a team if `--team` is passed.
|
|
221
|
+
|
|
222
|
+
```bash
|
|
223
|
+
magicpath-ai create-project --name "My Stuff"
|
|
224
|
+
magicpath-ai create-project --name "Marketing" --team "Acme Inc"
|
|
225
|
+
magicpath-ai create-project --team "Acme Inc" # auto-generated name
|
|
226
|
+
```
|
|
227
|
+
|
|
228
|
+
| Option | Description |
|
|
229
|
+
|--------|-------------|
|
|
230
|
+
| `--name <name>` | Project name (auto-generated if omitted) |
|
|
231
|
+
| `--team <nameOrId>` | Create the project in this team |
|
|
232
|
+
|
|
233
|
+
### Authoring canvas components from code
|
|
234
|
+
|
|
235
|
+
The `code` family lets agents create or edit a MagicPath canvas component's source files locally, then submit them back to the platform. State persists in `<dir>/magicpath-code.json`.
|
|
236
|
+
|
|
237
|
+
Editable file boundary: `src/App.tsx`, `src/index.css`, `src/components/generated/**`, and `assets/**` (for temporary image assets). No `package.json`, no Vite config, no lockfile edits.
|
|
238
|
+
|
|
239
|
+
#### `code start`
|
|
240
|
+
|
|
241
|
+
Stateful entrypoint for both create and edit. With `--project`, creates a pending component revision and scaffolds a working starter app for the component. With `--component`, creates or reuses a pending edit revision and writes the editable source files.
|
|
242
|
+
|
|
243
|
+
```bash
|
|
244
|
+
magicpath-ai code start --project <projectId> --dir ./mp-new --name "Hero Card"
|
|
245
|
+
magicpath-ai code start --component <componentId> --dir ./mp-work
|
|
246
|
+
```
|
|
247
|
+
|
|
248
|
+
| Option | Description |
|
|
249
|
+
|--------|-------------|
|
|
250
|
+
| `--project <projectId>` | Target project ID for create. Use exactly one of `--project` or `--component`. |
|
|
251
|
+
| `--component <componentId>` | Existing component ID for edit. Use exactly one of `--project` or `--component`. |
|
|
252
|
+
| `--revision <revisionId>` | Revision to start editing (defaults to the component's selected revision) |
|
|
253
|
+
| `--dir <dir>` | Working directory to initialize (default: `.`) |
|
|
254
|
+
| `--name <name>` | Component name |
|
|
255
|
+
| `--width <px>` | Canvas width for new components (use with `--height`; only valid with `--project`) |
|
|
256
|
+
| `--height <px>` | Canvas height for new components (use with `--width`; only valid with `--project`) |
|
|
257
|
+
|
|
258
|
+
#### `code context`
|
|
259
|
+
|
|
260
|
+
Fetch existing component source read-only. Does not create a pending revision or write a manifest. Use `code start --component` if you intend to submit edits.
|
|
261
|
+
|
|
262
|
+
```bash
|
|
263
|
+
magicpath-ai code context <componentId> --dir ./mp-work
|
|
264
|
+
```
|
|
265
|
+
|
|
266
|
+
#### `code submit`
|
|
267
|
+
|
|
268
|
+
Submit changed editable files (and any deletions inferred from the working directory) from `<dir>`. Use `--wait` to block until the build completes.
|
|
269
|
+
|
|
270
|
+
```bash
|
|
271
|
+
magicpath-ai code submit --dir ./mp-work --wait
|
|
272
|
+
```
|
|
273
|
+
|
|
274
|
+
| Option | Description |
|
|
275
|
+
|--------|-------------|
|
|
276
|
+
| `--dir <dir>` | Working directory containing `magicpath-code.json` (default: `.`) |
|
|
277
|
+
| `--wait` | Wait for the build job to finish |
|
|
278
|
+
| `--interval <ms>` | Polling interval when `--wait` is set (default: 2000) |
|
|
279
|
+
| `--width <px>` | Updated canvas width (use with `--height`) |
|
|
280
|
+
| `--height <px>` | Updated canvas height (use with `--width`) |
|
|
281
|
+
|
|
282
|
+
#### `code create`
|
|
283
|
+
|
|
284
|
+
Convenience: runs `code start --project` followed by an upload of the files already in `<dir>`. Prefer the explicit two-step flow when generating code from scratch — the split surfaces the pending component on the canvas while files are still being written.
|
|
285
|
+
|
|
286
|
+
```bash
|
|
287
|
+
magicpath-ai code create --project <projectId> --dir ./mp-new --name "Hero Card" --wait
|
|
288
|
+
```
|
|
289
|
+
|
|
290
|
+
#### `code status`
|
|
291
|
+
|
|
292
|
+
Poll a build job. Returns `pending`, `processing`, `completed`, `failed`, or `cancelled`. Failed jobs include sanitized build diagnostics.
|
|
293
|
+
|
|
294
|
+
```bash
|
|
295
|
+
magicpath-ai code status <jobId> -o json
|
|
296
|
+
```
|
|
297
|
+
|
|
298
|
+
### Setup & introspection
|
|
299
|
+
|
|
300
|
+
#### `setup-skills`
|
|
301
|
+
|
|
302
|
+
Install MagicPath skill files for AI agents.
|
|
303
|
+
|
|
304
|
+
```bash
|
|
305
|
+
magicpath-ai setup-skills
|
|
306
|
+
```
|
|
307
|
+
|
|
308
|
+
#### `info`
|
|
309
|
+
|
|
310
|
+
Show auth status, user info, teams, and projects.
|
|
311
|
+
|
|
312
|
+
```bash
|
|
313
|
+
magicpath-ai info
|
|
158
314
|
```
|
|
159
315
|
|
|
160
316
|
#### `clone`
|
|
@@ -178,8 +334,6 @@ magicpath-ai clone -k <accessKey>
|
|
|
178
334
|
|--------|-------------|
|
|
179
335
|
| `-o json` | Structured JSON output (also skips interactive prompts) |
|
|
180
336
|
|
|
181
|
-
The `-d, --debug` flag is available on `add`, `clone`, and `integrate` for verbose logging.
|
|
182
|
-
|
|
183
337
|
## Environment Variables
|
|
184
338
|
|
|
185
339
|
| Variable | Description |
|
|
@@ -194,7 +348,7 @@ Running `magicpath-ai setup-skills` in your project creates skill files that tea
|
|
|
194
348
|
- **Cursor** — `.cursor/rules/magicpath.mdc`
|
|
195
349
|
- **GitHub Copilot** — `.github/instructions/magicpath.instructions.md`
|
|
196
350
|
|
|
197
|
-
Once set up, agents automatically know how to search for components and add
|
|
351
|
+
Once set up, agents automatically know how to search for components, share preview links, and add components to your project.
|
|
198
352
|
|
|
199
353
|
## Requirements
|
|
200
354
|
|
package/dist/cli.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
|
-
import{readFileSync as Vn}from"fs";import{dirname as Kn,join as Bn}from"path";import{fileURLToPath as qn}from"url";import{program as N}from"commander";var p=class extends Error{code;suggestion;constructor(n,o){super(n),this.code=o==null?void 0:o.code,this.suggestion=o==null?void 0:o.suggestion}};var st=!1;function it(e){st=e}function x(){return st}function $(e){console.log(JSON.stringify(e,null,2)),process.exit(0)}function T(e){let o={error:e instanceof Error?e.message:String(e)};e instanceof p&&(e.code&&(o.code=e.code),e.suggestion&&(o.suggestion=e.suggestion)),console.error(JSON.stringify(o,null,2)),process.exit(1)}var z="0.0.0-dev";function at(e){z=e}import te from"chalk";import le from"fs-extra";import yt from"path";import Oo from"os";import wt from"axios";var O=process.env.MAGICPATH_API_URL??"https://preview.api.magicpath.ai";function Ie(e,n){return`${O}/${e}/${n}`}function ct(e){return`${O}/v1/registry/${e}`}var Ro=process.env.MAGICPATH_WEB_URL??"https://preview.magicpath.ai";function lt(e){return`${Ro}${e}`}function Fe(e){return`${O}/auth/${e}`}function Ue(){return`${O}/v1/external-agent/components`}function De(e){return`${O}/v1/external-agent/components/${e}/context`}function mt(e){return`${O}/v1/external-agent/components/${e}/revisions`}function _e(e,n){return`${O}/v1/external-agent/components/${e}/revisions/${n}/files`}function Le(e){return`${O}/v1/external-agent/jobs/${e}`}function Z(){return`${O}/users/me`}function We(){return`${O}/users/me/projects`}function dt(){return`${O}/projects`}function pt(e){return`${O}/projects/${e}`}function je(e){return`${O}/projects/${e}/components`}function $e(){return`${O}/users/me/design-systems`}function gt(e){return`${O}/design-systems/${e}`}function xe(){return`${O}/users/me/socket-rooms`}function ut(){return`${O}/liveblocks/auth`}function ft(e){return`${O}/components/${e}`}function ht(e){return`${O}/organizations/${e}`}function He(e){return`${O}/organizations/${e}/projects`}function ve(e){return`${O}/organizations/${e}/design-systems`}var bt=yt.join(Oo.homedir(),".magicpath"),Ce=yt.join(bt,"session.json");function Te(){try{if(!le.existsSync(Ce))return null;let e=le.readJsonSync(Ce);return e.accessToken&&e.refreshToken?e:null}catch{return null}}function It(e){le.ensureDirSync(bt),le.writeJsonSync(Ce,e)}function ze(e,n){let o=Te();It({accessToken:e,refreshToken:n,user:o==null?void 0:o.user})}function X(){let e=Te();return e?{accessToken:e.accessToken,refreshToken:e.refreshToken}:null}function jt(){try{le.removeSync(Ce)}catch{}}function ko(e){try{let n=Te();n&&(n.user=e,It(n))}catch{}}function $t(){let e=Te();return(e==null?void 0:e.user)??null}function A(){let e=process.env.MAGICPATH_TOKEN;if(e)return{Authorization:`Bearer ${e}`,"X-Client-Type":"cli","X-Client-Version":z};let n=X();if(!n)throw new Error("Not logged in. Run `magicpath-ai login` first.");return{Authorization:`Bearer ${n.accessToken}`,"X-Client-Type":"cli","X-Client-Version":z}}function me(e){var t,s;let n=(t=e.subscription)!=null&&t.active?(s=e.subscription.type)!=null&&s.startsWith("PRO")?"Pro":"Creator":"Free",o={name:e.name||e.firstName||e.displayName,email:e.email,plan:n};return ko(o),o}async function Ge(){let e=A(),n=await wt.get(Z(),{headers:e}),o=n.data.user??n.data;return me(o)}async function de(e){let n=await wt.get(Z(),{headers:e});return((n.data.user??n.data).organizationUsers??[]).map(s=>({id:String(s.organization.id),name:s.organization.name,role:s.role}))}async function H(e,n){let o=await de(n),t=o.find(a=>a.id===e);if(t)return{id:t.id,name:t.name};let s=e.toLowerCase(),r=o.find(a=>a.name.toLowerCase()===s);if(r)return{id:r.id,name:r.name};throw new p(`Team "${e}" not found.`,{code:"TEAM_NOT_FOUND",suggestion:"Run `magicpath-ai list-teams` to see your teams."})}var xt=["#95D5B2","#74C69D","#52B788","#40916C","#2D6A4F","#1B4332"];function Mo(e){return te.hex(xt[Math.min(e,xt.length-1)])}var Je=te.hex("#2D6A4F"),Fo=te.hex("#1B4332"),Uo=te.hex("#E8F5E9"),Ve=te.hex("#888888"),Do=["\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557","\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D","\u2588\u2588\u2554\u2588\u2588\u2588\u2588\u2554\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551 \u2588\u2588\u2588\u2557\u2588\u2588\u2551\u2588\u2588\u2551 ","\u2588\u2588\u2551\u255A\u2588\u2588\u2554\u255D\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2551 \u2588\u2588\u2551\u2588\u2588\u2551\u2588\u2588\u2551 ","\u2588\u2588\u2551 \u255A\u2550\u255D \u2588\u2588\u2551\u2588\u2588\u2551 \u2588\u2588\u2551\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2551\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2557","\u255A\u2550\u255D \u255A\u2550\u255D\u255A\u2550\u255D \u255A\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D"],_o=["\u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557 \u2588\u2588\u2557","\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u255A\u2550\u2550\u2588\u2588\u2554\u2550\u2550\u255D\u2588\u2588\u2551 \u2588\u2588\u2551","\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551 \u2588\u2588\u2551 \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551","\u2588\u2588\u2554\u2550\u2550\u2550\u255D \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551 \u2588\u2588\u2551 \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551","\u2588\u2588\u2551 \u2588\u2588\u2551 \u2588\u2588\u2551 \u2588\u2588\u2551 \u2588\u2588\u2551 \u2588\u2588\u2551","\u255A\u2550\u255D \u255A\u2550\u255D \u255A\u2550\u255D \u255A\u2550\u255D \u255A\u2550\u255D \u255A\u2550\u255D"],Lo=Do.map((e,n)=>e+" "+_o[n]);function Wo(e){return e.map((n,o)=>{let t=Mo(o),s="";for(let r of n)s+=r===" "?r:t(r);return s})}function vt(e){let n=!!X(),o=n?$t():null;console.log();for(let r of Wo(Lo))console.log(r);if(console.log(),n&&o){let r=o.plan?` \xB7 ${o.plan}`:"";console.log(" "+Je("\u25CF")+" "+te.bold(Uo(o.name??"MagicPath User"))+Fo(" "+(o.email??"")+r))}else console.log(" "+Ve("\u25CB Not logged in \xB7 run")+" "+Je("magicpath-ai login"));console.log();let t=20,s=[["search <query>","Search components"],["add <name>","Add to project"],["list-projects","Your projects"],["setup-skills","Set up AI agents"]];for(let[r,a]of s)console.log(" "+Je(r.padEnd(t))+Ve(a));console.log(),console.log(" "+Ve(`v${e} \u2500 magicpath-ai --help`)),console.log()}import Pe from"prompts";import Ut from"ora";import{z as re}from"zod";import se from"path";import qo from"os";import qe from"fs-extra";import{pino as Ct}from"pino";var oe=Ct();function ne(){oe=Ct({level:"debug"}),oe.debug({message:"DEBUG logger enabled. "})}var k={info:e=>{oe.info(e)},debug:e=>{oe.debug(e)},warn:e=>{oe.warn(e)},error:e=>{oe.error(e)}};import zo from"axios";import Ae from"path";import Go from"os";import pe from"fs-extra";import Jo from"adm-zip";import{v4 as Vo}from"uuid";async function Tt(e){let n=Ie("v1","components/repository"),o=`${Vo()}.zip`,t=Ae.join(Go.tmpdir(),o);try{let s=await zo({url:n,params:{key:e},method:"GET",responseType:"stream"});return await pe.ensureDir(Ae.dirname(t)),await new Promise(async(r,a)=>{try{s.data.pipe(pe.createWriteStream(t)).on("error",a).once("close",()=>r(t))}catch(i){a(i)}}),t}catch{throw new p("Failed to download project. Make sure your key is valid.")}}function Ke(e){try{pe.removeSync(e)}catch{}}function At(e,n,o){try{let t=Ae.join(o,n),s=1;for(;pe.existsSync(t);)s++,t=Ae.join(o,`${n}-${s}`);return pe.mkdirSync(t,{recursive:!0}),new Jo(e).extractAllTo(t,!0),Ke(e),t}catch{throw new p("Failed to extract project. Please try again.")}}import{execSync as Be}from"child_process";import St from"ora";import Pt from"fs-extra";import Ko from"path";function Et(){try{return Be("yarn --version",{stdio:"ignore"}),"yarn"}catch{return"npm"}}function Nt(e){let n=Et(),o=St(`\u{1F4E6} Installing dependencies using ${n}...`).start();try{Be(n==="yarn"?"yarn install":"npm install",{cwd:e,stdio:"ignore"}),o.succeed("Dependencies installed successfully!")}catch{throw o.fail("Failed to install dependencies"),new p("Failed to install dependencies. Please check your internet connection and try again.")}}function Bo(e){let n=Ko.join(e,"package.json");if(!Pt.existsSync(n))return new Set;try{let o=Pt.readJsonSync(n),t=new Set;return o.dependencies&&Object.keys(o.dependencies).forEach(s=>t.add(s)),o.devDependencies&&Object.keys(o.devDependencies).forEach(s=>t.add(s)),t}catch{return new Set}}function Rt(e,n){if(e.length===0)return{installed:[],skipped:[]};let o=Bo(n),t=e.filter(i=>!o.has(i)),s=e.filter(i=>o.has(i));if(t.length===0)return k.debug("All dependencies already installed"),{installed:[],skipped:s};let r=Et(),a=St(`\u{1F4E6} Installing ${t.length} package${t.length>1?"s":""} using ${r}...`).start();try{let i=t.join(" "),c=r==="yarn"?`yarn add ${i}`:`npm install ${i}`;return k.debug({command:c}),Be(c,{cwd:n,stdio:"ignore"}),a.succeed(`Installed ${t.length} package${t.length>1?"s":""}`),{installed:t,skipped:s}}catch{throw a.fail("Failed to install packages"),new p(`Failed to install packages: ${t.join(", ")}. Please install them manually.`)}}import{execSync as Ot}from"child_process";import kt from"ora";function Mt(e,n){let o={cursor:"Cursor",antigravity:"Antigravity",vscode:"VS Code",webstorm:"WebStorm"},t={cursor:["cursor","code"],antigravity:["agy","antigravity"],vscode:["code"],webstorm:["webstorm","web"]},s=kt(`\u{1F680} Opening project in ${o[n]}...`).start(),r=!1;try{for(let a of t[n]){if(r)break;try{Ot(`${a} .`,{cwd:e,stdio:"ignore"}),r=!0}catch{r=!1}}if(!r)throw new Error("Failed to open with command.");s.succeed(`Project opened in ${o[n]}!`)}catch{s.fail(`Failed to open ${o[n]}`);let a={cursor:`\u274C Cursor command not found!
|
|
2
|
+
import{readFileSync as Cr}from"fs";import{dirname as Sr,join as Er}from"path";import{fileURLToPath as Tr}from"url";import{program as N}from"commander";import ze from"axios";var p=class extends Error{code;suggestion;constructor(n,t){super(n),this.code=t==null?void 0:t.code,this.suggestion=t==null?void 0:t.suggestion}};function bt(e){if(!(!e||typeof e!="object"))return e}function G(e){var n,t,o;if(e instanceof p)return e;if(ze.isAxiosError(e)){let r=bt((n=e.response)==null?void 0:n.data),s=typeof(r==null?void 0:r.message)=="string"?r.message:e.response?`API error: ${e.response.status} ${e.response.statusText}`:e.message,a=typeof(r==null?void 0:r.code)=="string"?r.code:void 0,c=typeof((t=r==null?void 0:r.details)==null?void 0:t.billing_url)=="string"?r.details.billing_url:typeof((o=r==null?void 0:r.details)==null?void 0:o.billingUrl)=="string"?r.details.billingUrl:void 0,i=typeof(r==null?void 0:r.suggestion)=="string"?r.suggestion:c?"Upgrade to Pro from billing to keep using external agents.":void 0;return new p(s,{code:a,...i?{suggestion:i}:{}})}return e instanceof Error?new p(e.message):new p(String(e))}function It(){ze.interceptors.response.use(e=>e,e=>{var n;if(ze.isAxiosError(e)){let t=bt((n=e.response)==null?void 0:n.data);if(typeof(t==null?void 0:t.code)=="string")return Promise.reject(G(e))}return Promise.reject(e)})}var vt=!1;function xt(e){vt=e}function j(){return vt}function x(e){console.log(JSON.stringify(e,null,2)),process.exit(0)}function T(e){let t={error:e instanceof Error?e.message:String(e)};e instanceof p&&(e.code&&(t.code=e.code),e.suggestion&&(t.suggestion=e.suggestion)),console.error(JSON.stringify(t,null,2)),process.exit(1)}var K="0.0.0-dev";function jt(e){K=e}import se from"chalk";import fe from"fs-extra";import Dt from"path";import rn from"os";import _t from"axios";var R=process.env.MAGICPATH_API_URL??"https://api.magicpath.ai";function ne(e,n){return`${R}/${e}/${n}`}function $t(e){return`${R}/v1/registry/${e}`}var tn=process.env.MAGICPATH_WEB_URL??"https://www.magicpath.ai";function Ct(e){return`${tn}${e}`}function Je(e){return`${R}/auth/${e}`}function Be(){return`${R}/v1/external-agent/components`}function Ke(e){return`${R}/v1/external-agent/components/${e}/context`}function St(e){return`${R}/v1/external-agent/components/${e}/start`}function Et(e){return`${R}/v1/external-agent/components/${e}/revisions`}function Xe(e,n){return`${R}/v1/external-agent/components/${e}/revisions/${n}/files`}function qe(e){return`${R}/v1/external-agent/jobs/${e}`}function Q(){return`${R}/users/me`}function Ze(){return`${R}/users/me/projects`}function Tt(){return`${R}/projects`}function At(e){return`${R}/projects/${e}`}function Ce(e){return`${R}/projects/${e}/components`}function Se(){return`${R}/users/me/design-systems`}function Pt(e){return`${R}/design-systems/${e}`}function re(){return`${R}/users/me/socket-rooms`}function Nt(){return`${R}/liveblocks/auth`}function Rt(e){return`${R}/components/${e}`}function kt(e){return`${R}/organizations/${e}`}function Ye(e){return`${R}/organizations/${e}/projects`}function Ee(e){return`${R}/organizations/${e}/design-systems`}var on=[{type:"claude-code",envVar:"CLAUDECODE"},{type:"cursor",envVar:"CURSOR_TRACE_ID"},{type:"cursor",envVar:"CURSOR_AGENT"},{type:"codex",envVar:"CODEX_SANDBOX"},{type:"codex",envVar:"CODEX_THREAD_ID"},{type:"codex",envVar:"CODEX_CI"},{type:"gemini",envVar:"GEMINI_CLI"},{type:"antigravity",envVar:"ANTIGRAVITY_AGENT"},{type:"augment",envVar:"AUGMENT_AGENT"},{type:"opencode",envVar:"OPENCODE_CLIENT"},{type:"copilot",envVar:"COPILOT_MODEL"},{type:"cline",envVar:"CLINE_ACTIVE"},{type:"replit",envVar:"REPL_ID"},{type:"goose",envVar:"GOOSE_TERMINAL"}],Te={"claude-code":"claude-code",claude:"claude-code",cursor:"cursor","cursor-agent":"cursor",codex:"codex","codex-cli":"codex",gemini:"gemini","gemini-cli":"gemini",antigravity:"antigravity",augment:"augment",opencode:"opencode",copilot:"copilot","github-copilot":"copilot","github-copilot-cli":"copilot",cline:"cline",replit:"replit",v0:"v0",devin:"devin",aider:"aider",goose:"goose",amp:"amp"};function Ot(e){let n=e.trim();if(!n)return null;let t=n.indexOf("@");if(t===-1)return{slug:n.toLowerCase()};let o=n.slice(0,t).trim().toLowerCase(),r=n.slice(t+1).trim()||void 0;return o?{slug:o,version:r}:null}function Mt(e){if(e in Te)return Te[e];for(let n of Object.keys(Te))if(e.startsWith(`${n}_`)||e.startsWith(`${n}-`))return Te[n];return e}var Ae;function Ut(){return Ae||(Ae=nn(),Ae)}function nn(){let e=process.env.MAGICPATH_AGENT;if(e){let t=Ot(e);if(t)return{kind:"known-agent",slug:Mt(t.slug),version:t.version}}for(let t of on){let o=process.env[t.envVar];if(o&&o!=="0"&&o.toLowerCase()!=="false")return{kind:"known-agent",slug:t.type}}let n=process.env.AI_AGENT;if(n){let t=Ot(n);if(t)return{kind:"known-agent",slug:Mt(t.slug),version:t.version}}return process.stdin.isTTY?{kind:"interactive-human"}:{kind:"unknown-agent"}}function Ft(e){switch(e.kind){case"known-agent":return{type:e.slug,version:e.version};case"interactive-human":return{type:"interactive"};case"unknown-agent":return{}}}var Lt=Dt.join(rn.homedir(),".magicpath"),Pe=Dt.join(Lt,"session.json");function Ne(){try{if(!fe.existsSync(Pe))return null;let e=fe.readJsonSync(Pe);return e.accessToken&&e.refreshToken?e:null}catch{return null}}function Wt(e){fe.ensureDirSync(Lt),fe.writeJsonSync(Pe,e)}function Qe(e,n){let t=Ne();Wt({accessToken:e,refreshToken:n,user:t==null?void 0:t.user})}function ee(){let e=Ne();return e?{accessToken:e.accessToken,refreshToken:e.refreshToken}:null}function Ht(){try{fe.removeSync(Pe)}catch{}}function sn(e){try{let n=Ne();n&&(n.user=e,Wt(n))}catch{}}function Gt(){let e=Ne();return(e==null?void 0:e.user)??null}function E(){let{type:e,version:n}=Ft(Ut()),t={"X-Client-Type":"cli","X-Client-Version":K};e&&(t["X-Agent-Type"]=e),n&&(t["X-Agent-Version"]=n);let o=process.env.MAGICPATH_TOKEN;if(o)return t.Authorization=`Bearer ${o}`,t;let r=ee();if(!r)throw new Error("Not logged in. Run `magicpath-ai login` first.");return t.Authorization=`Bearer ${r.accessToken}`,t}function he(e){var o,r;let n=(o=e.subscription)!=null&&o.active?(r=e.subscription.type)!=null&&r.startsWith("PRO")?"Pro":"Creator":"Free",t={name:e.name||e.firstName||e.displayName,email:e.email,plan:n};return sn(t),t}async function et(){let e=E(),n=await _t.get(Q(),{headers:e}),t=n.data.user??n.data;return he(t)}async function we(e){let n=await _t.get(Q(),{headers:e});return((n.data.user??n.data).organizationUsers??[]).map(r=>({id:String(r.organization.id),name:r.organization.name,role:r.role}))}async function V(e,n){let t=await we(n),o=t.find(a=>a.id===e);if(o)return{id:o.id,name:o.name};let r=e.toLowerCase(),s=t.find(a=>a.name.toLowerCase()===r);if(s)return{id:s.id,name:s.name};throw new p(`Team "${e}" not found.`,{code:"TEAM_NOT_FOUND",suggestion:"Run `magicpath-ai list-teams` to see your teams."})}var Vt=["#95D5B2","#74C69D","#52B788","#40916C","#2D6A4F","#1B4332"];function an(e){return se.hex(Vt[Math.min(e,Vt.length-1)])}var tt=se.hex("#2D6A4F"),cn=se.hex("#1B4332"),ln=se.hex("#E8F5E9"),ot=se.hex("#888888"),mn=["\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557","\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D","\u2588\u2588\u2554\u2588\u2588\u2588\u2588\u2554\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551 \u2588\u2588\u2588\u2557\u2588\u2588\u2551\u2588\u2588\u2551 ","\u2588\u2588\u2551\u255A\u2588\u2588\u2554\u255D\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2551 \u2588\u2588\u2551\u2588\u2588\u2551\u2588\u2588\u2551 ","\u2588\u2588\u2551 \u255A\u2550\u255D \u2588\u2588\u2551\u2588\u2588\u2551 \u2588\u2588\u2551\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2551\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2557","\u255A\u2550\u255D \u255A\u2550\u255D\u255A\u2550\u255D \u255A\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D"],dn=["\u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557 \u2588\u2588\u2557","\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u255A\u2550\u2550\u2588\u2588\u2554\u2550\u2550\u255D\u2588\u2588\u2551 \u2588\u2588\u2551","\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551 \u2588\u2588\u2551 \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551","\u2588\u2588\u2554\u2550\u2550\u2550\u255D \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551 \u2588\u2588\u2551 \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551","\u2588\u2588\u2551 \u2588\u2588\u2551 \u2588\u2588\u2551 \u2588\u2588\u2551 \u2588\u2588\u2551 \u2588\u2588\u2551","\u255A\u2550\u255D \u255A\u2550\u255D \u255A\u2550\u255D \u255A\u2550\u255D \u255A\u2550\u255D \u255A\u2550\u255D"],pn=mn.map((e,n)=>e+" "+dn[n]);function gn(e){return e.map((n,t)=>{let o=an(t),r="";for(let s of n)r+=s===" "?s:o(s);return r})}function zt(e){let n=!!ee(),t=n?Gt():null;console.log();for(let s of gn(pn))console.log(s);if(console.log(),n&&t){let s=t.plan?` \xB7 ${t.plan}`:"";console.log(" "+tt("\u25CF")+" "+se.bold(ln(t.name??"MagicPath User"))+cn(" "+(t.email??"")+s))}else console.log(" "+ot("\u25CB Not logged in \xB7 run")+" "+tt("magicpath-ai login"));console.log();let o=20,r=[["search <query>","Search components"],["add <name>","Add to project"],["list-projects","Your projects"],["setup-skills","Set up AI agents"]];for(let[s,a]of r)console.log(" "+tt(s.padEnd(o))+ot(a));console.log(),console.log(" "+ot(`v${e} \u2500 magicpath-ai --help`)),console.log()}import ke from"prompts";import io from"ora";import{z as ce}from"zod";import le from"path";import xn from"os";import st from"fs-extra";import{pino as Jt}from"pino";var ie=Jt();function ae(){ie=Jt({level:"debug"}),ie.debug({message:"DEBUG logger enabled. "})}var O={info:e=>{ie.info(e)},debug:e=>{ie.debug(e)},warn:e=>{ie.warn(e)},error:e=>{ie.error(e)}};import Kt from"axios";import Re from"path";import un from"os";import{Readable as fn}from"stream";import ye from"fs-extra";import hn from"adm-zip";import{v4 as wn}from"uuid";async function yn(e){if(!(e instanceof fn))return;let n=[];return new Promise((t,o)=>{e.on("data",r=>{n.push(Buffer.isBuffer(r)?r:Buffer.from(r))}),e.on("error",o),e.on("end",()=>t(Buffer.concat(n).toString("utf8")))})}async function bn(e){var n;if(e instanceof p)return e;if(Kt.isAxiosError(e)){let t=await yn((n=e.response)==null?void 0:n.data);if(t)try{let o=JSON.parse(t);return G({...e,response:{...e.response,data:o},isAxiosError:!0})}catch{}return G(e)}return new p("Failed to download project. Make sure your key is valid.")}async function Xt(e){let n=ne("v1","components/repository"),t=`${wn()}.zip`,o=Re.join(un.tmpdir(),t);try{let r=await Kt({url:n,params:{key:e},method:"GET",responseType:"stream"});return await ye.ensureDir(Re.dirname(o)),await new Promise(async(s,a)=>{try{r.data.pipe(ye.createWriteStream(o)).on("error",a).once("close",()=>s(o))}catch(c){a(c)}}),o}catch(r){throw await bn(r)}}function nt(e){try{ye.removeSync(e)}catch{}}function qt(e,n,t){try{let o=Re.join(t,n),r=1;for(;ye.existsSync(o);)r++,o=Re.join(t,`${n}-${r}`);return ye.mkdirSync(o,{recursive:!0}),new hn(e).extractAllTo(o,!0),nt(e),o}catch{throw new p("Failed to extract project. Please try again.")}}import{execSync as rt}from"child_process";import Yt from"ora";import Zt from"fs-extra";import In from"path";function Qt(){try{return rt("yarn --version",{stdio:"ignore"}),"yarn"}catch{return"npm"}}function eo(e){let n=Qt(),t=Yt(`\u{1F4E6} Installing dependencies using ${n}...`).start();try{rt(n==="yarn"?"yarn install":"npm install",{cwd:e,stdio:"ignore"}),t.succeed("Dependencies installed successfully!")}catch{throw t.fail("Failed to install dependencies"),new p("Failed to install dependencies. Please check your internet connection and try again.")}}function vn(e){let n=In.join(e,"package.json");if(!Zt.existsSync(n))return new Set;try{let t=Zt.readJsonSync(n),o=new Set;return t.dependencies&&Object.keys(t.dependencies).forEach(r=>o.add(r)),t.devDependencies&&Object.keys(t.devDependencies).forEach(r=>o.add(r)),o}catch{return new Set}}function to(e,n){if(e.length===0)return{installed:[],skipped:[]};let t=vn(n),o=e.filter(c=>!t.has(c)),r=e.filter(c=>t.has(c));if(o.length===0)return O.debug("All dependencies already installed"),{installed:[],skipped:r};let s=Qt(),a=Yt(`\u{1F4E6} Installing ${o.length} package${o.length>1?"s":""} using ${s}...`).start();try{let c=o.join(" "),i=s==="yarn"?`yarn add ${c}`:`npm install ${c}`;return O.debug({command:i}),rt(i,{cwd:n,stdio:"ignore"}),a.succeed(`Installed ${o.length} package${o.length>1?"s":""}`),{installed:o,skipped:r}}catch{throw a.fail("Failed to install packages"),new p(`Failed to install packages: ${o.join(", ")}. Please install them manually.`)}}import{execSync as oo}from"child_process";import no from"ora";function ro(e,n){let t={cursor:"Cursor",antigravity:"Antigravity",vscode:"VS Code",webstorm:"WebStorm"},o={cursor:["cursor","code"],antigravity:["agy","antigravity"],vscode:["code"],webstorm:["webstorm","web"]},r=no(`\u{1F680} Opening project in ${t[n]}...`).start(),s=!1;try{for(let a of o[n]){if(s)break;try{oo(`${a} .`,{cwd:e,stdio:"ignore"}),s=!0}catch{s=!1}}if(!s)throw new Error("Failed to open with command.");r.succeed(`Project opened in ${t[n]}!`)}catch{r.fail(`Failed to open ${t[n]}`);let a={cursor:`\u274C Cursor command not found!
|
|
3
3
|
|
|
4
4
|
\u{1F527} To fix this, you need to install the Cursor command line tools:
|
|
5
5
|
|
|
@@ -62,9 +62,10 @@ import{readFileSync as Vn}from"fs";import{dirname as Kn,join as Bn}from"path";im
|
|
|
62
62
|
export PATH="/Applications/WebStorm.app/Contents/MacOS:$PATH"
|
|
63
63
|
- Or create an alias: alias webstorm="open -na 'WebStorm.app'"
|
|
64
64
|
|
|
65
|
-
\u{1F4D6} More help: https://www.jetbrains.com/help/webstorm/working-with-the-ide-features-from-command-line.html`};throw new p(a[n])}}function
|
|
66
|
-
|
|
67
|
-
|
|
65
|
+
\u{1F4D6} More help: https://www.jetbrains.com/help/webstorm/working-with-the-ide-features-from-command-line.html`};throw new p(a[n])}}function so(e){let n=process.platform,t;switch(n){case"darwin":t="open";break;case"win32":t="explorer";break;default:t="xdg-open";break}let r={darwin:"Finder",win32:"File Explorer",linux:"File Manager"}[n]||"File Manager",s=no(`\u{1F4C1} Opening project in ${r}...`).start();try{oo(`${t} "${e}"`,{stdio:"ignore"}),s.succeed(`Project opened in ${r}!`)}catch{throw s.fail(`Failed to open ${r}`),new p(`Failed to open project in ${r}. The file manager may not be available.`)}}var jn=ce.object({key:ce.string(),debug:ce.boolean().default(!1),ide:ce.enum(["cursor","antigravity","vscode","webstorm"]).optional(),dir:ce.string().optional(),name:ce.string().optional()});function $n(e){let n=G(e);j()&&T(n),console.error(`
|
|
66
|
+
${n.message}`),process.exit(1)}function ao(e){e.command("clone").description("\u2728 Instantly bring your MagicPath project to your local playground. Edit, remix, and create in your own vibe.").requiredOption("-k, --key <accessKey>","\u{1F511} One-time magic access key to unlock and download your project").option("-d, --debug","Get verbose debug logs in the CLI").option("-i, --ide <ide>","Pre-select IDE to open project in (cursor, antigravity, vscode, webstorm)").option("--dir <directory>","Target directory for non-interactive use").option("--name <projectName>","Project name for non-interactive use").action(async n=>{try{let t;try{t=jn.parse(n)}catch{throw new p("Invalid CLI options for clone command.")}t.debug&&ae();let o=j();o&&(!t.dir||!t.name)&&T(new Error("In JSON mode, --dir and --name are required for clone.")),O.debug({options:n}),O.debug({options:t});let r,s;if(t.dir&&t.name)r=le.resolve(t.dir),s=t.name,await st.ensureDir(r);else{let g=xn.homedir(),v=[{name:"Documents",path:le.join(g,"Documents")},{name:"Desktop",path:le.join(g,"Desktop")},{name:"Downloads",path:le.join(g,"Downloads")}],$=(await Promise.all(v.map(async I=>{try{return await st.pathExists(I.path)?I:null}catch{return null}}))).filter(I=>I!==null),y=[{title:`Right here (current folder: ${process.cwd()})`,value:process.cwd()},{title:`Home directory (${g})`,value:g}];$.forEach(I=>{y.push({title:I.name,value:I.path})}),y.push({title:"Other (specify custom path)",value:"custom"});let{targetDir:f}=await ke({type:"select",name:"targetDir",message:"Where should we put your code?",choices:y,initial:0});if(r=f,f==="custom"){let{customPath:I}=await ke({type:"text",name:"customPath",message:"Enter the full path where you want to create your project:",initial:g,validate:A=>{if(!A)return"Please enter a path";try{return le.resolve(A),!0}catch{return"Please enter a valid path"}}});if(!I)throw new p("Project creation cancelled");r=le.resolve(I);try{await st.ensureDir(r)}catch{throw new p(`Failed to create or access directory: ${r}`)}}if(!r)throw new p("Download cancelled");if(s=(await ke({type:"text",name:"projectName",message:"What would you like to name your project?",initial:"magicpath-project"})).projectName,!s)throw new p("Project creation cancelled")}let a,c=o?null:io("\u{1F4E5} Downloading project...").start();try{a=await Xt(t.key),O.debug({filename:a}),c==null||c.succeed("Project downloaded")}catch(g){throw c==null||c.fail("Download failed"),g instanceof p?g:new p("Something went wrong!")}let i=o?null:io("\u{1F4E6} Unpacking project...").start(),m;try{m=qt(a,s,r),i==null||i.succeed(`Project unpacked to ${s}`)}catch(g){throw i==null||i.fail("Failed to unpack project"),nt(a),g instanceof p?g:new p("Something went wrong!")}try{eo(m)}catch(g){throw g instanceof p?g:new p("Something went wrong!")}o&&x({projectDir:m});let u=[{title:"Cursor",value:"cursor"},{title:"Antigravity",value:"antigravity"},{title:"VS Code",value:"vscode"},{title:"WebStorm",value:"webstorm"},{title:"Open in file manager",value:"filemanager"},{title:"None (just finish)",value:"none"}],l=0;if(t.ide){let g=u.findIndex(v=>v.value===t.ide);g!==-1&&(l=g)}let h=await ke({type:"select",name:"ide",message:"Which IDE would you like to open the project in?",choices:u,initial:l});if(h.ide&&h.ide!=="none")try{h.ide==="filemanager"?so(m):ro(m,h.ide)}catch(g){O.debug({err:g}),g instanceof p?console.log(g.message):console.log("\u26A0\uFE0F Opening failed, but your project is ready!")}console.log(`
|
|
67
|
+
\u{1F389} Done! Your project is ready to go at: ${m}`)}catch(t){$n(t)}})}import ct from"prompts";import{z as D}from"zod";import Z from"path";import Wn from"fs-extra";var X=class extends p{constructor(){super("You must be logged in to install components.")}};import Cn from"ora";var Sn="\x1B[38;2;32;140;80m",En="\x1B[0m",Tn=`${Sn}\u2714${En}`;function P(e){let n=Cn(e),t=n.stopAndPersist.bind(n);return n.succeed=o=>t({symbol:Tn,text:o}),n}import co from"axios";import q from"fs-extra";import Y from"path";import{z as H}from"zod";var An=H.object({name:H.string(),path:H.string(),content:H.string()}),Pn=H.object({data:H.object({name:H.string(),generatedName:H.string(),files:H.array(An),utils:H.object({content:H.string()}),dependencies:H.array(H.string())})});function te(e){let n=e.match(/export\s+default\s+function\s+([A-Z][a-zA-Z0-9]*)/),t=e.match(/export\s+default\s+([A-Z][a-zA-Z0-9]*)\s*[;\n]/),o=e.match(/export\s+function\s+([A-Z][a-zA-Z0-9]*)/),r=e.match(/export\s+const\s+([A-Z][a-zA-Z0-9]*)\s*[=:]/),s=null,a=!1;if(n?(s=n[1],a=!0):t?(s=t[1],a=!0):o?s=o[1]:r&&(s=r[1]),!s)return null;let c=`${s}Props`,i=new RegExp(`(?:interface|type)\\s+${c}\\s*(?:=\\s*)?\\{([^}]*)\\}`,"s"),m=e.match(i),u=[],l=[];if(m){let g=m[1].split(/[;\n]/).filter(v=>v.trim());for(let v of g){let b=v.trim();if(!b||b.startsWith("//")||b.startsWith("/*"))continue;let $=b.match(/^(\w+)(\?)?:/);if($){let y=$[1],f=!!$[2];if(y==="children")continue;f?l.push(y):u.push(y)}}}return{name:s,isDefault:a,propsType:m?c:void 0,requiredProps:u,optionalProps:l}}function me(e,n){return e.isDefault?`import ${e.name} from '${n}';`:`import { ${e.name} } from '${n}';`}function de(e){let{name:n,requiredProps:t,optionalProps:o}=e;if(t.length===0&&o.length===0)return`<${n} />`;let r=t.map(s=>`${s}={/* TODO */}`).join(" ");return r?`<${n} ${r} />`:`<${n} />`}function Nn(e){let{componentName:n,importPath:t,exportInfo:o,fileName:r}=e,s=[`# ${n}`,"","## Import","","```tsx"];if(o){if(s.push(me(o,t)),s.push("```"),s.push(""),s.push("## Usage"),s.push(""),s.push("```tsx"),s.push(de(o)),s.push("```"),o.requiredProps.length>0){s.push(""),s.push("## Required Props"),s.push("");for(let a of o.requiredProps)s.push(`- \`${a}\``)}if(o.optionalProps.length>0){s.push(""),s.push("## Optional Props"),s.push("");for(let a of o.optionalProps)s.push(`- \`${a}\``)}}else s.push(`import { ${r} } from '${t}';`),s.push("```");return s.push(""),s.join(`
|
|
68
|
+
`)}function lo(e,n){let t=Nn(n),o=Y.join(e,"usage.md");q.writeFileSync(o,t,"utf8"),O.debug({message:"Wrote usage file",usagePath:o})}async function be(e){var o,r,s;let n=$t(e);O.debug({message:"Fetching component from registry",url:n});let t;try{t=E()}catch{throw new X}try{let a=await co.get(n,{headers:t});return Pn.parse(a.data).data}catch(a){throw a instanceof p?a:co.isAxiosError(a)?((o=a.response)==null?void 0:o.status)===401?new X:((r=a.response)==null?void 0:r.status)===403?new p("A Pro subscription is required to install components. Visit https://www.magicpath.ai/documentation/help/plans to see the plans available.",{code:"FORBIDDEN",suggestion:"Upgrade to a Pro subscription at https://www.magicpath.ai/documentation/help/plans"}):((s=a.response)==null?void 0:s.status)===404?new p(`Component "${e}" not found. Please check the name and try again.`,{code:"NOT_FOUND",suggestion:"Run `magicpath-ai search <query>` to find available components."}):G(a):new p("Failed to fetch component. Please check your internet connection and try again.")}}function mo(e,n){let t=[];for(let o of e){let r=Y.join(n,o.path);q.existsSync(r)&&t.push(o.path)}return t}function Rn(e,n=1){let t="../".repeat(n),o=e;return o=o.replace(/((?:import|export)(?:\s+type)?\s+(?:(?:\{[^}]*\}|\*\s+as\s+\w+|\w+)(?:\s*,\s*(?:\{[^}]*\}|\*\s+as\s+\w+|\w+))*\s+from\s+)?['"])(\.\.\/)([^'"]+['"])/g,(r,s,a,c)=>`${s}${t}${a}${c}`),o=o.replace(/(import\s*\(\s*['"])(\.\.\/)([^'"]+['"]\s*\))/g,(r,s,a,c)=>`${s}${t}${a}${c}`),o=o.replace(/(require\s*\(\s*['"])(\.\.\/)([^'"]+['"]\s*\))/g,(r,s,a,c)=>`${s}${t}${a}${c}`),o}function po(e,n,t=!1){q.ensureDirSync(n);for(let o of e){let r=Y.join(n,o.path),s=Y.dirname(r);q.ensureDirSync(s);let a=t?Rn(o.content):o.content;q.writeFileSync(r,a,"utf8"),O.debug({message:"Wrote file",filePath:r})}}function go(e){let n=Y.join(e,"utils.ts");if(!q.existsSync(n))return!1;try{return q.readFileSync(n,"utf8").includes("export function cn")}catch{return!1}}function uo(e,n){q.ensureDirSync(n);let t=Y.join(n,"utils.ts");q.writeFileSync(t,e,"utf8"),O.debug({message:"Wrote utils file",utilsPath:t})}var Ie="src/components/magicpath",kn="src/lib";function Oe(e){return e.trim().replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase().replace(/[\s_]+/g,"-").replace(/[^a-z0-9-]/g,"").replace(/-+/g,"-").replace(/^-+|-+$/g,"")||"component"}function Me(e,n=process.cwd()){let t=e||Ie;return Y.join(n,t)}function fo(e=process.cwd()){return Y.join(e,kn)}import On from"http";import Mn from"ora";import it from"axios";import{exec as Un}from"child_process";var Fn=12e4,wo=`
|
|
68
69
|
*{margin:0;padding:0;box-sizing:border-box}
|
|
69
70
|
body{font-family:Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:flex;align-items:center;justify-content:center;min-height:100vh;background:#fff;color:#1a1a1a;padding:1rem}
|
|
70
71
|
.card{position:relative;width:100%;max-width:32rem;background:#fff;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1),0 8px 10px -1px rgba(0,0,0,.1);overflow:hidden}
|
|
@@ -74,68 +75,76 @@ body{font-family:Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;di
|
|
|
74
75
|
.icon-box svg{width:2rem;height:2rem}
|
|
75
76
|
h1{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;text-align:center}
|
|
76
77
|
p{color:#999;font-size:.9rem;text-align:center;max-width:24rem;line-height:1.5}
|
|
77
|
-
`,
|
|
78
|
+
`,Dn='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="#085C34"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/></svg>',_n='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="#dc2626"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z"/></svg>',Ln=`<!DOCTYPE html>
|
|
78
79
|
<html><head><meta charset="utf-8"><title>MagicPath CLI</title>
|
|
79
|
-
<style>${
|
|
80
|
+
<style>${wo}</style>
|
|
80
81
|
</head><body><div class="card"><div class="gradient"></div><div class="content">
|
|
81
|
-
<div class="icon-box">${
|
|
82
|
+
<div class="icon-box">${Dn}</div>
|
|
82
83
|
<h1>Logged in!</h1>
|
|
83
84
|
<p>You can close this tab and return to your terminal.</p>
|
|
84
|
-
</div></div></body></html>`,
|
|
85
|
+
</div></div></body></html>`,ho=e=>`<!DOCTYPE html>
|
|
85
86
|
<html><head><meta charset="utf-8"><title>MagicPath CLI</title>
|
|
86
|
-
<style>${
|
|
87
|
+
<style>${wo}</style>
|
|
87
88
|
</head><body><div class="card"><div class="gradient"></div><div class="content">
|
|
88
|
-
<div class="icon-box">${
|
|
89
|
+
<div class="icon-box">${_n}</div>
|
|
89
90
|
<h1>Login failed</h1>
|
|
90
91
|
<p>${e}</p>
|
|
91
|
-
</div></div></body></html>`;async function
|
|
92
|
+
</div></div></body></html>`;async function at(){return new Promise((e,n)=>{let t=!1,o,r=On.createServer(async(c,i)=>{var l;let m=new URL(c.url||"/","http://localhost");if(m.pathname!=="/callback"){i.writeHead(404,{"Content-Type":"text/plain"}),i.end("Not found");return}let u=m.searchParams.get("code");if(!u){i.writeHead(400,{"Content-Type":"text/html"}),i.end(ho("No authorization code received."));return}try{let h=await it.post(Je("extension/tokens"),{token:u}),{access_token:g,refresh_token:v}=h.data;Qe(g,v);try{await et()}catch{}i.writeHead(200,{"Content-Type":"text/html"}),i.end(Ln),s(),a.succeed("Logged in successfully!"),t=!0,e(!0)}catch(h){console.error(h);let g=it.isAxiosError(h)&&((l=h.response)==null?void 0:l.status)===400?"Invalid or expired authorization code. Please try again.":"Failed to exchange code. Please try again.";i.writeHead(400,{"Content-Type":"text/html"}),i.end(ho(g)),s(),a.fail("Login failed"),t=!0,n(new p(g))}});function s(){clearTimeout(o),r.close()}r.listen(0,"127.0.0.1",()=>{let c=r.address();if(!c||typeof c=="string"){t=!0,n(new p("Failed to start local auth server."));return}let i=c.port,m=Ct(`/auth/cli?port=${i}`);console.log(`
|
|
92
93
|
Opening your browser to log in...
|
|
93
|
-
`),console.log(`If the browser doesn't open, visit: ${
|
|
94
|
-
`);let u=process.platform;
|
|
95
|
-
${
|
|
94
|
+
`),console.log(`If the browser doesn't open, visit: ${m}
|
|
95
|
+
`);let u=process.platform;Un(`${u==="darwin"?"open":u==="win32"?"start":"xdg-open"} "${m}"`)});let a=Mn("Waiting for browser login...").start();o=setTimeout(()=>{t||(s(),a.fail("Login timed out"),console.log("\nTip: You can also log in with `magicpath-ai login --code <code>`."),t=!0,e(!1))},Fn)})}function yo(e){e.command("login").description("Log in to your MagicPath account").option("--code <code>","Exchange an authorization code non-interactively").action(async n=>{try{if(n.code){let o=await it.post(Je("extension/tokens"),{token:n.code}),{access_token:r,refresh_token:s}=o.data;Qe(r,s);try{await et()}catch{}j()&&x({authenticated:!0,method:"code"}),console.log("Logged in successfully!");return}j()&&(process.env.MAGICPATH_TOKEN&&x({authenticated:!0,method:"environment"}),ee()&&x({authenticated:!0,method:"stored"}),T(new Error("Not authenticated. Set MAGICPATH_TOKEN environment variable or run login interactively."))),await at()||console.log("Login cancelled.")}catch(t){throw j()&&T(t),t instanceof p&&(console.error(`
|
|
96
|
+
${t.message}`),process.exit(1)),t}}),e.command("logout").description("Log out of your MagicPath account").action(()=>{Ht(),j()&&x({loggedOut:!0}),console.log("Logged out successfully.")})}var Hn=D.object({yes:D.boolean().default(!1),overwrite:D.boolean().default(!1),path:D.string().optional(),debug:D.boolean().default(!1),dryRun:D.boolean().default(!1)}),ui=D.object({component:D.string(),generatedName:D.string(),filesWritten:D.array(D.string()),dependenciesInstalled:D.array(D.string()),importStatement:D.string().optional(),usage:D.string().optional(),dryRun:D.boolean()});function bo(e){e.command("add").description("Add a MagicPath component to your project").argument("<generatedNames...>","One or more generated names of components (e.g., wispy-river-5234 bold-moon-2031)").option("-y, --yes","Skip confirmation prompts",!1).option("--overwrite","Overwrite existing files",!1).option("-p, --path <path>",`Custom path for components (default: ${Ie})`).option("-d, --debug","Enable debug logging",!1).option("--dry-run","Show what would happen without writing files",!1).action(async(n,t)=>{try{let o;try{o=Hn.parse(t)}catch{throw new Error("Invalid CLI options for add command.")}o.debug&&ae();let r=j();r&&(o.yes=!0);let s=n.length>1;s&&(o.yes=!0),O.debug({generatedNames:n,options:o});let a=process.cwd(),c=Z.join(a,"package.json");if(!Wn.existsSync(c))throw new p("No package.json found. Please run this command from the root of your React project.",{code:"MISSING_PACKAGE_JSON",suggestion:"Run this command from the root of your project where package.json is located."});let i=[];s&&!r&&console.log(`
|
|
96
97
|
Adding ${n.length} components...
|
|
97
|
-
`);for(let
|
|
98
|
-
The following files already exist:`)
|
|
99
|
-
This will install:`),console.log(` Component: ${
|
|
100
|
-
[Dry run] Would install:`),console.log(` Component: ${
|
|
101
|
-
\u26A0\uFE0F ${
|
|
102
|
-
\u2705 Successfully added "${
|
|
103
|
-
Usage:`)),
|
|
104
|
-
\u{1F4C4} Usage documentation written to ${
|
|
105
|
-
${
|
|
106
|
-
${
|
|
107
|
-
Name: ${
|
|
108
|
-
${
|
|
109
|
-
No projects found.`);return}console.log("");let
|
|
110
|
-
Showing ${g.length} of ${
|
|
111
|
-
${
|
|
112
|
-
No components found.`);return}console.log("");let
|
|
113
|
-
More results available. Use --after ${
|
|
114
|
-
${u.message}`),process.exit(1)),u}})}import{z as
|
|
115
|
-
Component: ${
|
|
116
|
-
${"\u2500".repeat(60)}`),console.log(` ${
|
|
117
|
-
${
|
|
118
|
-
Usage: magicpath-ai schema <command>`),console.log(" magicpath-ai schema --all");return}let
|
|
119
|
-
No projects found.`);return}let
|
|
120
|
-
No components matching "${n}".`);return}console.log("");let
|
|
121
|
-
${
|
|
122
|
-
No MagicPath components found at ${
|
|
98
|
+
`);for(let m of n)try{let u=r?null:P(`Fetching component "${m}"...`).start(),l;try{l=await be(m),u==null||u.succeed(`Found component: ${l.name}`)}catch(C){if(C instanceof X){if(u==null||u.fail("Not logged in"),r||s)throw new p("Not authenticated. Set MAGICPATH_TOKEN or run `magicpath-ai login`.",{code:"NOT_AUTHENTICATED",suggestion:"Run `magicpath-ai login` or set the MAGICPATH_TOKEN environment variable."});let{shouldLogin:S}=await ct({type:"confirm",name:"shouldLogin",message:"You need to be logged in to install components. Log in now?",initial:!0});if(!S){console.log("Installation cancelled.");return}if(!await at()){console.log("Installation cancelled.");return}let W=P(`Fetching component "${m}"...`).start();try{l=await be(m),W.succeed(`Found component: ${l.name}`)}catch(yt){throw W.fail("Failed to fetch component"),yt instanceof p?yt:new p("Something went wrong!")}}else{if(u==null||u.fail("Failed to fetch component"),s){let S=C instanceof p?C.message:"Something went wrong!";i.push({component:m,generatedName:m,filesWritten:[],dependenciesInstalled:[],dryRun:o.dryRun,error:S}),r||console.log(` \u26A0\uFE0F Skipping "${m}": ${S}`);continue}throw C instanceof p?C:new p("Something went wrong!")}}let h=Me(o.path,a),g=Oe(l.name),v=Z.join(h,g),b=fo(a);O.debug({basePath:h,componentFolderName:g,componentsPath:v,utilsPath:b});let $=mo(l.files,v);if($.length>0&&!o.overwrite)if(r||(console.log(`
|
|
99
|
+
The following files already exist:`),$.forEach(C=>console.log(` - ${C}`))),o.yes){if(s){r||console.log(` \u26A0\uFE0F Skipping "${l.name}": files already exist. Use --overwrite.`),i.push({component:l.name,generatedName:l.generatedName,filesWritten:[],dependenciesInstalled:[],dryRun:o.dryRun,error:"Files already exist. Use --overwrite to replace."});continue}if(r)throw new p(`Files already exist: ${$.join(", ")}. Use --overwrite to replace.`,{code:"FILES_EXIST",suggestion:"Pass `--overwrite` to replace existing files."});console.log("Use --overwrite to replace existing files.");return}else{let{shouldOverwrite:C}=await ct({type:"confirm",name:"shouldOverwrite",message:"Do you want to overwrite these files?",initial:!1});if(!C){console.log("Installation cancelled.");return}}if(!o.yes&&$.length===0){console.log(`
|
|
100
|
+
This will install:`),console.log(` Component: ${l.name}`),console.log(` Files: ${l.files.length} file(s) to ${Z.relative(a,v)||"."}`),console.log(` Dependencies: ${l.dependencies.length} package(s)`);let{shouldProceed:C}=await ct({type:"confirm",name:"shouldProceed",message:"Proceed with installation?",initial:!0});if(!C){console.log("Installation cancelled.");return}}let y=l.files.map(C=>Z.relative(a,Z.join(v,C.path))),f=l.files[0],w,I;if(f){let C=f.name.replace(/\.tsx?$/,""),S=o.path?`@/${o.path}/${g}/${C}`:`@/components/magicpath/${g}/${C}`,k=te(f.content);k?(w=me(k,S),I=de(k)):w=`import { ${C} } from '${S}';`}if(o.dryRun){let C=r?l.files.map(S=>({path:S.path,name:S.name,content:S.content})):void 0;!s&&r&&x({component:l.name,generatedName:l.generatedName,filesWritten:y,files:C,dependenciesInstalled:l.dependencies,importStatement:w,usage:I,dryRun:!0}),i.push({component:l.name,generatedName:l.generatedName,filesWritten:y,dependenciesInstalled:l.dependencies,importStatement:w,usage:I,dryRun:!0}),r||(console.log(`
|
|
101
|
+
[Dry run] Would install:`),console.log(` Component: ${l.name}`),console.log(` Files: ${y.join(", ")}`),console.log(` Dependencies: ${l.dependencies.join(", ")||"none"}`),w&&console.log(` Import: ${w}`));continue}let A=r?null:P("Writing component files...").start();try{po(l.files,v,!0),A==null||A.succeed(`Wrote ${l.files.length} file(s) to ${Z.relative(a,v)||"."}`)}catch{if(A==null||A.fail("Failed to write component files"),s){i.push({component:l.name,generatedName:l.generatedName,filesWritten:[],dependenciesInstalled:[],dryRun:!1,error:"Failed to write component files."});continue}throw new p("Failed to write component files. Please check permissions and try again.")}if(!go(b)&&l.utils.content){let C=r?null:P("Installing utilities...").start();try{uo(l.utils.content,b),C==null||C.succeed(`Wrote utils.ts to ${Z.relative(a,b)||"."}`)}catch(S){C==null||C.fail("Failed to write utils file"),O.debug({err:S}),r||console.log(" Warning: Could not write utils.ts. You may need to create it manually.")}}let L=[];if(l.dependencies.length>0)try{let{installed:C,skipped:S}=to(l.dependencies,a);L.push(...C),S.length>0&&O.debug({message:"Skipped already installed packages",skipped:S})}catch(C){C instanceof p&&(r||console.log(`
|
|
102
|
+
\u26A0\uFE0F ${C.message}`))}if(i.push({component:l.name,generatedName:l.generatedName,filesWritten:y,dependenciesInstalled:L,importStatement:w,usage:I,dryRun:!1}),!s&&r&&x({component:l.name,generatedName:l.generatedName,filesWritten:y,dependenciesInstalled:L,importStatement:w,usage:I,dryRun:!1}),r||(console.log(`
|
|
103
|
+
\u2705 Successfully added "${l.name}" to your project!`),s||console.log(`
|
|
104
|
+
Usage:`)),f){let C=f.name.replace(/\.tsx?$/,""),S=o.path?`@/${o.path}/${g}/${C}`:`@/components/magicpath/${g}/${C}`,k=te(f.content);!s&&!r&&(k?(console.log(` ${me(k,S)}`),console.log(""),console.log(` ${de(k)}`),k.requiredProps.length>0&&(console.log(""),console.log(` Required props: ${k.requiredProps.join(", ")}`))):console.log(` import { ${C} } from '${S}';`));try{lo(v,{componentName:l.name,importPath:S,exportInfo:k,fileName:C}),!s&&!r&&console.log(`
|
|
105
|
+
\u{1F4C4} Usage documentation written to ${Z.relative(a,Z.join(v,"usage.md"))}`)}catch(W){O.debug({err:W})}}}catch(u){if(s){let l=u instanceof Error?u.message:String(u);i.push({component:m,generatedName:m,filesWritten:[],dependenciesInstalled:[],dryRun:o.dryRun,error:l}),r||console.log(` \u26A0\uFE0F Failed "${m}": ${l}`);continue}throw u}if(s){r&&x({results:i,total:i.length,succeeded:i.filter(l=>!l.error).length,failed:i.filter(l=>l.error).length});let m=i.filter(l=>!l.error),u=i.filter(l=>l.error);console.log(`
|
|
106
|
+
${m.length} of ${i.length} component(s) added successfully.`),u.length>0&&console.log(` ${u.length} failed: ${u.map(l=>l.generatedName).join(", ")}`)}}catch(o){throw j()&&T(o),o instanceof p&&(console.error(`
|
|
107
|
+
${o.message}`),process.exit(1)),o}})}import Io from"axios";function vo(e){e.command("whoami").description("Show the currently authenticated user").action(async()=>{var t;let n=j();try{let o;try{o=E()}catch{throw new p("Not authenticated. Set MAGICPATH_TOKEN or run `magicpath-ai login`.",{code:"NOT_AUTHENTICATED",suggestion:"Run `magicpath-ai login` or set the MAGICPATH_TOKEN environment variable."})}let r=n?null:P("Fetching user info...").start();try{let s=await Io.get(Q(),{headers:o}),a=s.data.user??s.data;r==null||r.succeed("Authenticated");let c=he(a);n&&x(a),console.log(`
|
|
108
|
+
Name: ${c.name||"N/A"}`),console.log(` Email: ${c.email||"N/A"}`),a.id&&console.log(` ID: ${a.id}`),console.log(` Plan: ${c.plan}`)}catch(s){throw r==null||r.fail("Failed to fetch user info"),Io.isAxiosError(s)?((t=s.response)==null?void 0:t.status)===401?new p("Token is invalid or expired. Run `magicpath-ai login` to re-authenticate.",{code:"TOKEN_EXPIRED",suggestion:"Run `magicpath-ai login` to re-authenticate."}):G(s):s}}catch(o){throw n&&T(o),o instanceof p&&(console.error(`
|
|
109
|
+
${o.message}`),process.exit(1)),o}})}import lt from"axios";import Ue from"axios";function Fe(e){var t;let n=((t=e.data.data)==null?void 0:t.projects)??e.data.projects??e.data;return Array.isArray(n)?n:[]}async function J(e,n){if(n!=null&&n.personal){let c=await Ue.get(`${Ze()}`,{headers:e});return Fe(c).map(i=>{var m;return{...i,ownerType:"personal",ownerName:((m=i.owner)==null?void 0:m.email)??""}})}if(n!=null&&n.orgId){let c=await Ue.get(`${Ye(n.orgId)}`,{headers:{...e,"X-Organization-ID":n.orgId}});return Fe(c).map(i=>({...i,ownerType:"team",ownerName:n.orgName??""}))}let t=await we(e),o=[Ue.get(`${Ze()}`,{headers:e}).then(c=>Fe(c).map(i=>{var m;return{...i,ownerType:"personal",ownerName:((m=i.owner)==null?void 0:m.email)??""}})),...t.map(c=>Ue.get(`${Ye(c.id)}`,{headers:{...e,"X-Organization-ID":c.id}}).then(i=>Fe(i).map(m=>({...m,ownerType:"team",ownerName:c.name}))).catch(()=>[]))],s=(await Promise.all(o)).flat(),a=new Set;return s.filter(c=>{let i=String(c.id);return a.has(i)?!1:(a.add(i),!0)})}function xo(e){e.command("list-projects").description("List all projects (personal and team)").option("--limit <n>","Maximum number of results").option("--offset <n>","Number of results to skip","0").option("--team <nameOrId>","Filter to a specific team").option("--personal","Show only personal projects").action(async n=>{var s,a,c;let t=j(),o=n.limit?parseInt(n.limit,10):void 0,r=parseInt(n.offset,10)||0;try{if(n.team&&n.personal)throw new p("Cannot use --team and --personal together.",{code:"INVALID_OPTIONS",suggestion:"Use --team to filter by team, or --personal for personal projects only."});let i;try{i=E()}catch{throw new p("Not authenticated. Set MAGICPATH_TOKEN or run `magicpath-ai login`.",{code:"NOT_AUTHENTICATED",suggestion:"Run `magicpath-ai login` or set the MAGICPATH_TOKEN environment variable."})}let m=t?null:P("Fetching projects...").start();try{let u;if(n.personal)u={personal:!0};else if(n.team){let w=await V(n.team,i);u={orgId:w.id,orgName:w.name}}let l=await J(i,u),h=l.length,g=l;if(r>0&&(g=g.slice(r)),o!==void 0&&(g=g.slice(0,o)),m==null||m.succeed(`Found ${h} project(s)`),t&&x({projects:g,pagination:{total:h,limit:o??h,offset:r,hasMore:r+g.length<h}}),g.length===0){console.log(`
|
|
110
|
+
No projects found.`);return}console.log("");let v=Math.max(4,...g.map(w=>(w.name||"").length)),b=Math.max(9,...g.map(w=>w.ownerType==="personal"?8:(w.ownerName||"").length)),$=7,y=10,f=10;console.log(` ${"Name".padEnd(v)} ${"Type".padEnd($)} ${"Components".padEnd(y)} ${"Workspace".padEnd(b)} Updated`),console.log(` ${"\u2500".repeat(v)} ${"\u2500".repeat($)} ${"\u2500".repeat(y)} ${"\u2500".repeat(b)} ${"\u2500".repeat(f)}`);for(let w of g){let I=(w.name||"").padEnd(v),A=(w.isLibrary?"library":"project").padEnd($),F=String(w.componentCount??((s=w._count)==null?void 0:s.components)??"?").padEnd(y),L=(w.ownerType==="personal"?"Personal":w.ownerName||"").padEnd(b),C=w.updatedAt?new Date(w.updatedAt).toISOString().slice(0,10):"";console.log(` ${I} ${A} ${F} ${L} ${C}`)}o!==void 0&&r+g.length<h&&console.log(`
|
|
111
|
+
Showing ${g.length} of ${h}. Use --offset ${r+g.length} to see more.`)}catch(u){throw m==null||m.fail("Failed to fetch projects"),u instanceof p?u:lt.isAxiosError(u)?((a=u.response)==null?void 0:a.status)===401?new p("Token is invalid or expired. Run `magicpath-ai login`.",{code:"TOKEN_EXPIRED",suggestion:"Run `magicpath-ai login` to re-authenticate."}):new p(`API error: ${(c=u.response)==null?void 0:c.status}`):u}}catch(i){throw t&&T(i),i instanceof p&&(console.error(`
|
|
112
|
+
${i.message}`),process.exit(1)),i}}),e.command("list-components").description("List components in a project").argument("<projectId>","The project ID").option("--limit <n>","Maximum number of results","100").option("--after <id>","Cursor: fetch components after this ID (for pagination)").option("--sort-by <field>","Sort by field (name, createdAt)","name").option("--order <dir>","Sort direction (asc, desc)","asc").option("--created-by <userId>","Filter to components created or edited by this user ID").action(async(n,t)=>{var s,a,c,i,m;let o=j(),r=parseInt(t.limit,10)||100;try{let u;try{u=E()}catch{throw new p("Not authenticated. Set MAGICPATH_TOKEN or run `magicpath-ai login`.",{code:"NOT_AUTHENTICATED",suggestion:"Run `magicpath-ai login` or set the MAGICPATH_TOKEN environment variable."})}let l=o?null:P("Fetching components...").start();try{let h=new URLSearchParams({limit:String(r),revisionStatus:"COMPLETED",sortBy:t.sortBy,order:t.order});t.after&&h.set("after",t.after),t.createdBy&&h.set("createdBy",t.createdBy);let g=`${Ce(n)}?${h}`,v=await lt.get(g,{headers:u}),b=((s=v.data.data)==null?void 0:s.components)??v.data.components??v.data,$=((a=v.data.data)==null?void 0:a.pagination)??v.data.pagination,y=Array.isArray(b)?b.length:0;if(l==null||l.succeed(`Found ${y} component(s)`),o&&x({components:b,pagination:$??{limit:r,hasNext:!1,lastId:null}}),!Array.isArray(b)||b.length===0){console.log(`
|
|
113
|
+
No components found.`);return}console.log("");let f=Math.max(4,...b.map(I=>(I.name||"").length)),w=Math.max(14,...b.map(I=>(I.generatedName||"").length));console.log(` ${"Name".padEnd(f)} ${"Generated Name".padEnd(w)} ${"Rev".padEnd(4)} ${"Views".padEnd(6)} ${"Likes".padEnd(6)} ${"Remixes".padEnd(7)} ${"Updated".padEnd(10)} ID`),console.log(` ${"\u2500".repeat(f)} ${"\u2500".repeat(w)} ${"\u2500".repeat(4)} ${"\u2500".repeat(6)} ${"\u2500".repeat(6)} ${"\u2500".repeat(7)} ${"\u2500".repeat(10)} ${"\u2500".repeat(20)}`);for(let I of b){let A=(I.name||"").padEnd(f),F=(I.generatedName||"").padEnd(w),L=String(I.revisionCount??"?").padEnd(4),C=String(I.viewCount??0).padEnd(6),S=String(I.likeCount??0).padEnd(6),k=String(I.remixCount??0).padEnd(7),W=I.updatedAt?new Date(I.updatedAt).toISOString().slice(0,10):"";console.log(` ${A} ${F} ${L} ${C} ${S} ${k} ${W.padEnd(10)} ${I.id||""}`)}$!=null&&$.hasNext&&console.log(`
|
|
114
|
+
More results available. Use --after ${$.lastId} to see the next page.`)}catch(h){throw l==null||l.fail("Failed to fetch components"),lt.isAxiosError(h)?((c=h.response)==null?void 0:c.status)===401?new p("Token is invalid or expired. Run `magicpath-ai login`.",{code:"TOKEN_EXPIRED",suggestion:"Run `magicpath-ai login` to re-authenticate."}):((i=h.response)==null?void 0:i.status)===404?new p(`Project "${n}" not found.`,{code:"NOT_FOUND",suggestion:"Run `magicpath-ai list-projects` to see available projects."}):new p(`API error: ${(m=h.response)==null?void 0:m.status}`):h}}catch(u){throw o&&T(u),u instanceof p&&(console.error(`
|
|
115
|
+
${u.message}`),process.exit(1)),u}})}import{z as d}from"zod";import{z as _}from"zod";var jo=_.object({generatedName:_.string().describe("The generated name of the component (e.g., wispy-river-5234)")}),$o=_.object({component:_.string().describe("Component display name"),generatedName:_.string().describe("Component generated name"),files:_.array(_.object({path:_.string(),name:_.string(),content:_.string()})).describe("Component source files"),dependencies:_.array(_.string()).describe("Required packages"),importStatement:_.string().optional().describe("Import statement for the component"),usage:_.string().optional().describe("JSX usage example")});function Co(e){e.command("inspect").description("Inspect a MagicPath component's source code without installing").argument("<generatedName>","Generated name of the component (e.g., wispy-river-5234)").option("-d, --debug","Enable debug logging",!1).action(async(n,t)=>{try{t.debug&&ae();let o=j();O.debug({generatedName:n,options:t});let r=o?null:P(`Fetching component "${n}"...`).start(),s;try{s=await be(n),r==null||r.succeed(`Found component: ${s.name}`)}catch(l){throw r==null||r.fail("Failed to fetch component"),l instanceof X?new p("Not authenticated. Set MAGICPATH_TOKEN or run `magicpath-ai login`.",{code:"NOT_AUTHENTICATED",suggestion:"Run `magicpath-ai login` or set the MAGICPATH_TOKEN environment variable."}):l instanceof p?l:new p("Something went wrong!")}let a=Oe(s.name),c=s.files[0],i,m;if(c){let l=c.name.replace(/\.tsx?$/,""),h=`@/components/magicpath/${a}/${l}`,g=te(c.content);g?(i=me(g,h),m=de(g)):i=`import { ${l} } from '${h}';`}let u=s.files.map(l=>({path:l.path,name:l.name,content:l.content}));if(o){x({component:s.name,generatedName:s.generatedName,files:u,dependencies:s.dependencies,importStatement:i,usage:m});return}console.log(`
|
|
116
|
+
Component: ${s.name}`),console.log(` Files: ${s.files.map(l=>l.path).join(", ")}`),console.log(` Dependencies: ${s.dependencies.join(", ")||"none"}`),i&&console.log(` Import: ${i}`);for(let l of s.files)console.log(`
|
|
117
|
+
${"\u2500".repeat(60)}`),console.log(` ${l.path}`),console.log(`${"\u2500".repeat(60)}`),console.log(l.content)}catch(o){throw j()&&T(o),o instanceof p&&(console.error(`
|
|
118
|
+
${o.message}`),process.exit(1)),o}})}var Gn=d.object({generatedName:d.string().describe("The generated name of the component (e.g., wispy-river-5234)"),yes:d.boolean().default(!1).describe("Skip confirmation prompts"),overwrite:d.boolean().default(!1).describe("Overwrite existing files"),path:d.string().optional().describe("Custom path for components (default: src/components/magicpath)"),dryRun:d.boolean().default(!1).describe("Show what would happen without writing files")}),Vn=d.object({component:d.string().describe("Component display name"),generatedName:d.string().describe("Component generated name"),filesWritten:d.array(d.string()).describe("Paths of files written"),dependenciesInstalled:d.array(d.string()).describe("Packages installed"),importStatement:d.string().optional().describe("Import statement for the component"),usage:d.string().optional().describe("JSX usage example"),dryRun:d.boolean().describe("Whether this was a dry run")}),zn=d.object({key:d.string().describe("One-time access key"),dir:d.string().describe("Target directory"),name:d.string().describe("Project name")}),Jn=d.object({projectDir:d.string().describe("Path to the created project")}),Bn=d.object({id:d.string().optional(),displayName:d.string().optional(),email:d.string().optional()}),Kn=d.object({team:d.string().optional().describe("Team name or ID to filter by"),personal:d.boolean().optional().describe("Show only personal projects")}),Xn=d.object({projects:d.array(d.object({id:d.string(),name:d.string(),isLibrary:d.boolean(),isSharingEnabled:d.boolean(),allowPublicListing:d.boolean(),createdAt:d.string(),updatedAt:d.string(),componentCount:d.number(),owner:d.object({displayName:d.string(),email:d.string()}).nullable(),isActive:d.boolean(),isDefaultLibrary:d.boolean(),ownerType:d.string().optional().describe('"personal" or "team"'),ownerName:d.string().optional().describe("User email for personal, team name for team projects")})),pagination:d.object({total:d.number(),limit:d.number(),offset:d.number(),hasMore:d.boolean()})}),qn=d.object({teams:d.array(d.object({id:d.string(),name:d.string(),role:d.string()}))}),Zn=d.object({team:d.string().describe("Team name or ID (required)")}),Yn=d.object({team:d.object({id:d.string(),name:d.string()}),members:d.array(d.object({id:d.string(),displayName:d.string().nullable(),email:d.string().nullable(),role:d.string()}))}),Qn=d.object({projectId:d.string().describe("The project ID"),createdBy:d.string().optional().describe("Filter to components created or edited by this user ID")}),er=d.object({components:d.array(d.object({id:d.string(),name:d.string(),generatedName:d.string(),createdAt:d.string(),updatedAt:d.string(),parentId:d.string().nullable(),revisionCount:d.number(),viewCount:d.number(),likeCount:d.number(),remixCount:d.number(),previewImageUrl:d.string().nullable(),lastEditedBy:d.object({id:d.string(),displayName:d.string()}).nullable().optional().describe("User who last edited this component")})),pagination:d.object({limit:d.number(),hasNext:d.boolean(),lastId:d.string().nullable()})}),tr=d.object({generatedName:d.string().describe("The generated name of the component")}),or=d.object({url:d.string().describe("Preview URL to open in a browser"),generatedName:d.string()}),nr=d.object({themes:d.array(d.object({id:d.string(),name:d.string(),isPublic:d.boolean(),createdAt:d.string(),updatedAt:d.string()}))}),rr=d.object({themeIdOrName:d.string().describe("Theme ID (numeric) or name (case-insensitive match)")}),sr=d.object({id:d.string(),name:d.string(),theme:d.object({light:d.record(d.string(),d.string()),dark:d.record(d.string(),d.string())}),defaultTheme:d.string(),prompt:d.string().optional().describe("Styling instructions for AI agents"),fonts:d.record(d.string(),d.object({source:d.string(),weights:d.record(d.string(),d.object({fontId:d.string(),url:d.string(),format:d.string()})).optional()})).optional(),version:d.number()}),De={view:{description:"Get the preview URL for a MagicPath component",input:tr,output:or},add:{description:"Add a MagicPath component to your project",input:Gn,output:Vn},inspect:{description:"Inspect a MagicPath component's source code without installing",input:jo,output:$o},clone:{description:"Clone/download a MagicPath project",input:zn,output:Jn},whoami:{description:"Show the currently authenticated user",output:Bn},"list-projects":{description:"List all projects (personal and team)",input:Kn,output:Xn},"list-teams":{description:"List teams you belong to",output:qn},"list-members":{description:"List members of a team",input:Zn,output:Yn},"list-components":{description:"List components in a project",input:Qn,output:er},"list-themes":{description:"List all themes (design systems) for the current user",output:nr},"get-theme":{description:"Get a theme definition with CSS variables, fonts, and styling prompt",input:rr,output:sr},selection:{description:"Get the currently selected component(s) from the web app canvas",output:d.object({components:d.array(d.object({id:d.string(),name:d.string(),generatedName:d.string().nullable(),clientId:d.string(),projectId:d.string(),projectName:d.string()}))})}};function _e(e){return ve(e)}function ve(e){let n=e._def;if(!n)return{};let t=n.typeName,o={};switch(n.description&&(o.description=n.description),t){case"ZodString":o.type="string";break;case"ZodNumber":o.type="number";break;case"ZodBoolean":o.type="boolean";break;case"ZodOptional":return ve(n.innerType);case"ZodDefault":return{...ve(n.innerType),default:n.defaultValue()};case"ZodArray":o.type="array",o.items=ve(n.type);break;case"ZodObject":{o.type="object",o.properties={};let r=[],s=n.shape();for(let[a,c]of Object.entries(s)){o.properties[a]=ve(c);let i=c._def;(i==null?void 0:i.typeName)!=="ZodOptional"&&(i==null?void 0:i.typeName)!=="ZodDefault"&&r.push(a)}r.length>0&&(o.required=r);break}default:o.type="string"}return o}function So(e){e.command("schema").description("Show JSON Schema for a command's input/output").argument("[command]","Command name (e.g., add, view)").option("--all","Show schemas for all commands").action((n,t)=>{if(t!=null&&t.all){let s={};for(let[a,c]of Object.entries(De))s[a]={description:c.description,input:c.input?_e(c.input):void 0,output:c.output?_e(c.output):void 0};console.log(JSON.stringify(s,null,2));return}if(!n){console.log("Available commands:",Object.keys(De).join(", ")),console.log(`
|
|
119
|
+
Usage: magicpath-ai schema <command>`),console.log(" magicpath-ai schema --all");return}let o=De[n];o||(console.error(`Unknown command: ${n}`),console.error("Available:",Object.keys(De).join(", ")),process.exit(1));let r={command:n,description:o.description};o.input&&(r.input=_e(o.input)),o.output&&(r.output=_e(o.output)),console.log(JSON.stringify(r,null,2))})}import{execSync as ir}from"child_process";function Eo(e){e.command("setup-skills").description("Set up MagicPath for AI agents").action(async()=>{console.log("Installing MagicPath skills..."),ir("npx skills add https://github.com/MagicPathAI/agent-skills/tree/beta --skill magicpath -y",{stdio:"inherit"})})}import{exec as ar}from"child_process";function cr(e){return ne("v1",e)}function To(e){e.command("view").alias("view-component").description("Open a component preview in the browser").argument("<generatedName>","The generated name of the component (e.g., wispy-river-5234)").action(n=>{let t=cr(n);j()&&x({url:t,generatedName:n});let o=process.platform==="darwin"?"open":process.platform==="win32"?"start":"xdg-open";ar(`${o} ${t}`),console.log(`Opening ${t}`)})}function lr(e){return ne("v1",e)}function Ao(e){e.command("share").description("Get a shareable preview URL for a component").argument("<generatedName>","The generated name of the component (e.g., wispy-river-5234)").action(n=>{let t=lr(n);if(j()){x({url:t,generatedName:n});return}console.log(t)})}import mr from"axios";function Po(e){e.command("info").description("Show project and auth status (useful for agent context injection)").action(async()=>{let n=j();try{let t=null,o=!1,r=null;process.env.MAGICPATH_TOKEN?(t="environment",o=!0,r=E()):ee()&&(t="stored",o=!0,r=E());let s=null,a=null;if(o&&r)try{let m=await mr.get(Q(),{headers:r}),u=m.data.user??m.data,l=he(u);s={id:u.id,name:l.name??"Unknown",email:l.email??""},a=(u.organizationUsers??[]).map(g=>({id:String(g.organization.id),name:g.organization.name,role:g.role}))}catch{}let c=null;if(o&&r)try{c=(await J(r)).map(u=>{var l;return{id:u.id,name:u.name,componentCount:u.componentCount??((l=u._count)==null?void 0:l.components)??0,ownerType:u.ownerType,ownerName:u.ownerName}})}catch{}if(n&&x({auth:{authenticated:o,method:t,user:s},teams:a,projects:c,cli:{version:K,commands:["add","view","search","inspect","list-projects","list-components","list-teams","list-members","list-themes","get-theme","list-installed","selection","active-project","code","login","logout","whoami","info","clone","setup-skills","schema"]}}),console.log(""),console.log(` MagicPath CLI v${K}`),console.log(""),o&&s?(console.log(` Authenticated: yes (${t})`),console.log(` User: ${s.name} <${s.email}>`)):o?(console.log(` Authenticated: yes (${t})`),console.log(" User: (could not fetch)")):(console.log(" Authenticated: no"),console.log(" Run `magicpath-ai login` to authenticate.")),a&&a.length>0){console.log(""),console.log(` Teams: ${a.length}`);for(let m of a)console.log(` - ${m.name} (${m.role.toLowerCase()})`)}if(console.log(""),c&&c.length>0){console.log(` Projects: ${c.length}`);for(let m of c){let u=m.ownerType==="personal"?"":` [${m.ownerName}]`;console.log(` - ${m.name} (${m.componentCount} components)${u}`)}}else o&&console.log(" Projects: none");console.log("")}catch(t){n&&T(t),console.error(`Error: ${t instanceof Error?t.message:String(t)}`),process.exit(1)}})}import No from"axios";function Ro(e){e.command("search").description("Search component names across all projects").argument("<query>","Search query (case-insensitive substring match)").option("--limit <n>","Maximum number of results","20").option("--team <nameOrId>","Search only within a specific team").option("--personal","Search only personal projects").action(async(n,t)=>{var s,a;let o=j(),r=parseInt(t.limit,10)||20;try{if(t.team&&t.personal)throw new p("Cannot use --team and --personal together.",{code:"INVALID_OPTIONS",suggestion:"Use --team to filter by team, or --personal for personal projects only."});let c;try{c=E()}catch{throw new p("Not authenticated. Set MAGICPATH_TOKEN or run `magicpath-ai login`.",{code:"NOT_AUTHENTICATED",suggestion:"Run `magicpath-ai login` or set the MAGICPATH_TOKEN environment variable."})}let i=o?null:P("Searching components...").start();try{let m;if(t.personal)m={personal:!0};else if(t.team){let f=await V(t.team,c);m={orgId:f.id,orgName:f.name}}let u=await J(c,m);if(u.length===0){i==null||i.succeed("No projects found"),o&&x([]),console.log(`
|
|
120
|
+
No projects found.`);return}let l=await Promise.all(u.map(async f=>{var w;try{let I=`${Ce(f.id)}?limit=100&revisionStatus=COMPLETED`,A=await No.get(I,{headers:c}),F=((w=A.data.data)==null?void 0:w.components)??A.data.components??A.data;return{project:f,components:Array.isArray(F)?F:[]}}catch{return{project:f,components:[]}}})),h=n.toLowerCase(),g=[];for(let{project:f,components:w}of l){for(let I of w){if(g.length>=r)break;(I.name||"").toLowerCase().includes(h)&&g.push({name:I.name,generatedName:I.generatedName,id:I.id,projectName:f.name,projectId:f.id,previewImageUrl:I.previewImageUrl??null,ownerType:f.ownerType,ownerName:f.ownerName})}if(g.length>=r)break}if(i==null||i.succeed(`Found ${g.length} match(es) for "${n}"`),o&&x(g),g.length===0){console.log(`
|
|
121
|
+
No components matching "${n}".`);return}console.log("");let v=Math.max(4,...g.map(f=>f.name.length)),b=Math.max(13,...g.map(f=>f.generatedName.length)),$=Math.max(7,...g.map(f=>f.projectName.length)),y=Math.max(9,...g.map(f=>f.ownerType==="personal"?8:f.ownerName.length));console.log(` ${"Name".padEnd(v)} ${"Generated Name".padEnd(b)} ${"Project".padEnd($)} ${"Workspace".padEnd(y)}`),console.log(` ${"\u2500".repeat(v)} ${"\u2500".repeat(b)} ${"\u2500".repeat($)} ${"\u2500".repeat(y)}`);for(let f of g){let w=f.ownerType==="personal"?"Personal":f.ownerName;console.log(` ${f.name.padEnd(v)} ${f.generatedName.padEnd(b)} ${f.projectName.padEnd($)} ${w.padEnd(y)}`)}}catch(m){throw i==null||i.fail("Search failed"),m instanceof p?m:No.isAxiosError(m)?((s=m.response)==null?void 0:s.status)===401?new p("Token is invalid or expired. Run `magicpath-ai login`."):new p(`API error: ${(a=m.response)==null?void 0:a.status}`):m}}catch(c){throw o&&T(c),c instanceof p&&(console.error(`
|
|
122
|
+
${c.message}`),process.exit(1)),c}})}import oe from"path";import pe from"fs-extra";function dr(e,n){if(!pe.existsSync(e))return[];let t=pe.readdirSync(e,{withFileTypes:!0}),o=[];for(let r of t){if(!r.isDirectory())continue;let s=oe.join(e,r.name),a=pe.readdirSync(s).filter(u=>!pe.statSync(oe.join(s,u)).isDirectory()),c=a.find(u=>(u.endsWith(".tsx")||u.endsWith(".ts"))&&u!=="usage.md"&&!u.includes(".test.")&&!u.includes(".spec.")),i=null,m=null;if(c)try{let u=pe.readFileSync(oe.join(s,c),"utf8"),l=te(u);if(l){i=l.name;let h=c.replace(/\.tsx?$/,""),g=`@/components/magicpath/${r.name}/${h}`;l.isDefault?m=`import ${l.name} from '${g}';`:m=`import { ${l.name} } from '${g}';`}}catch{}o.push({name:i||r.name,folder:r.name,path:oe.relative(n,s),files:a.filter(u=>u!=="usage.md"),exportName:i,importStatement:m})}return o}function ko(e){e.command("list-installed").description("List MagicPath components installed in the current project").option("-p, --path <path>",`Custom components path (default: ${Ie})`).action(async n=>{let t=j();try{let o=process.cwd(),r=Me(n.path,o);if(!pe.existsSync(r)){t&&x({components:[],total:0}),console.log(`
|
|
123
|
+
No MagicPath components found at ${oe.relative(o,r)||r}`);return}let s=dr(r,o);if(t&&x({components:s,total:s.length,componentsPath:oe.relative(o,r)}),s.length===0){console.log(`
|
|
123
124
|
No MagicPath components installed.`);return}console.log(`
|
|
124
|
-
${
|
|
125
|
-
`);let a=Math.max(9,...
|
|
126
|
-
${
|
|
127
|
-
No themes found.`);return}console.log("");let g=Math.max(4,...
|
|
128
|
-
${a.message}`),process.exit(1)),a}})}import
|
|
129
|
-
${
|
|
130
|
-
Fonts:`);for(let[
|
|
131
|
-
${
|
|
132
|
-
No active canvas session found.`);return}let
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
${
|
|
137
|
-
No
|
|
138
|
-
${
|
|
139
|
-
No
|
|
140
|
-
${
|
|
141
|
-
|
|
125
|
+
${s.length} component(s) installed in ${oe.relative(o,r)}:
|
|
126
|
+
`);let a=Math.max(9,...s.map(m=>m.name.length)),c=Math.max(6,...s.map(m=>m.folder.length)),i=5;console.log(` ${"Component".padEnd(a)} ${"Folder".padEnd(c)} ${"Files".padEnd(i)}`),console.log(` ${"\u2500".repeat(a)} ${"\u2500".repeat(c)} ${"\u2500".repeat(i)}`);for(let m of s)console.log(` ${m.name.padEnd(a)} ${m.folder.padEnd(c)} ${String(m.files.length).padEnd(i)}`)}catch(o){throw t&&T(o),o instanceof p&&(console.error(`
|
|
127
|
+
${o.message}`),process.exit(1)),o}})}import Oo from"axios";function Mo(e){e.command("list-themes").description("List all themes (design systems)").option("--team <nameOrId>","List themes for a specific team").action(async n=>{var o,r,s;let t=j();try{let a;try{a=E()}catch{throw new p("Not authenticated. Set MAGICPATH_TOKEN or run `magicpath-ai login`.",{code:"NOT_AUTHENTICATED",suggestion:"Run `magicpath-ai login` or set the MAGICPATH_TOKEN environment variable."})}let c=t?null:P("Fetching themes...").start();try{let i=Se(),m=a;if(n.team){let y=await V(n.team,a);i=Ee(y.id),m={...a,"X-Organization-ID":y.id}}let u=await Oo.get(i,{headers:m}),l=((o=u.data.data)==null?void 0:o.design_systems)??u.data.design_systems??u.data,h=Array.isArray(l)?l:[];if(c==null||c.succeed(`Found ${h.length} theme(s)`),t&&x({themes:h.map(y=>({id:String(y.id),name:y.name,isPublic:y.isPublic,createdAt:y.createdAt,updatedAt:y.updatedAt}))}),h.length===0){console.log(`
|
|
128
|
+
No themes found.`);return}console.log("");let g=Math.max(4,...h.map(y=>(y.name||"").length)),v=Math.max(2,...h.map(y=>String(y.id).length)),b=6,$=10;console.log(` ${"Name".padEnd(g)} ${"ID".padEnd(v)} ${"Public".padEnd(b)} Updated`),console.log(` ${"\u2500".repeat(g)} ${"\u2500".repeat(v)} ${"\u2500".repeat(b)} ${"\u2500".repeat($)}`);for(let y of h){let f=(y.name||"").padEnd(g),w=String(y.id).padEnd(v),I=(y.isPublic?"yes":"no").padEnd(b),A=y.updatedAt?new Date(y.updatedAt).toISOString().slice(0,10):"";console.log(` ${f} ${w} ${I} ${A}`)}}catch(i){throw c==null||c.fail("Failed to fetch themes"),Oo.isAxiosError(i)?((r=i.response)==null?void 0:r.status)===401?new p("Token is invalid or expired. Run `magicpath-ai login`.",{code:"TOKEN_EXPIRED",suggestion:"Run `magicpath-ai login` to re-authenticate."}):new p(`API error: ${(s=i.response)==null?void 0:s.status}`):i}}catch(a){throw t&&T(a),a instanceof p&&(console.error(`
|
|
129
|
+
${a.message}`),process.exit(1)),a}})}import mt from"axios";function Uo(e){e.command("get-theme").description("Get a theme definition (CSS variables, fonts, styling prompt)").argument("<themeIdOrName>","Theme ID (numeric) or name (case-insensitive match)").option("--team <nameOrId>","Look up theme within a specific team").action(async(n,t)=>{var r,s,a,c,i,m,u;let o=j();try{let l;try{l=E()}catch{throw new p("Not authenticated. Set MAGICPATH_TOKEN or run `magicpath-ai login`.",{code:"NOT_AUTHENTICATED",suggestion:"Run `magicpath-ai login` or set the MAGICPATH_TOKEN environment variable."})}let h=o?null:P("Fetching theme...").start();try{let g=n,v;if(!/^\d+$/.test(n)){let w=Se(),I=l;if(t.team){let k=await V(t.team,l);w=Ee(k.id),I={...l,"X-Organization-ID":k.id}}let A=await mt.get(w,{headers:I}),F=((r=A.data.data)==null?void 0:r.design_systems)??A.data.design_systems??A.data,L=Array.isArray(F)?F:[],C=n.toLowerCase(),S=L.find(k=>(k.name||"").toLowerCase()===C);if(!S)throw new p(`Theme "${n}" not found.`,{code:"NOT_FOUND",suggestion:"Run `magicpath-ai list-themes` to see available themes."});g=String(S.id),v=S.name}let b=await mt.get(Pt(g),{headers:l}),$=((s=b.data.data)==null?void 0:s.design_system)??b.data.design_system,y=$.name??v??g,f=$.data;h==null||h.succeed(`Theme: ${y}`),o&&x({id:String($.id??g),name:y,theme:f.theme,defaultTheme:f.defaultTheme,prompt:f.prompt,fonts:f.fonts,version:f.version}),console.log(""),console.log(` Name: ${y}`),console.log(` ID: ${$.id??g}`),console.log(` Default Theme: ${f.defaultTheme??"light"}`),f.prompt&&console.log(` Prompt: ${f.prompt}`);for(let w of["light","dark"]){let I=(a=f.theme)==null?void 0:a[w];if(I&&Object.keys(I).length>0){console.log(`
|
|
130
|
+
${w.charAt(0).toUpperCase()+w.slice(1)} Theme Variables:`);let A=Math.max(8,...Object.keys(I).map(F=>F.length));console.log(` ${"Variable".padEnd(A)} Value`),console.log(` ${"\u2500".repeat(A)} ${"\u2500".repeat(30)}`);for(let[F,L]of Object.entries(I))console.log(` ${F.padEnd(A)} ${L}`)}}if(f.fonts&&Object.keys(f.fonts).length>0){console.log(`
|
|
131
|
+
Fonts:`);for(let[w,I]of Object.entries(f.fonts)){let A=I.weights?Object.keys(I.weights).join(", "):"default";console.log(` ${w} (${I.source}, weights: ${A})`)}}}catch(g){throw h==null||h.fail("Failed to fetch theme"),mt.isAxiosError(g)?((c=g.response)==null?void 0:c.status)===401?new p("Token is invalid or expired. Run `magicpath-ai login`.",{code:"TOKEN_EXPIRED",suggestion:"Run `magicpath-ai login` to re-authenticate."}):((i=g.response)==null?void 0:i.status)===404||((m=g.response)==null?void 0:m.status)===403?new p(`Theme "${n}" not found or not accessible.`,{code:"NOT_FOUND",suggestion:"Run `magicpath-ai list-themes` to see available themes."}):new p(`API error: ${(u=g.response)==null?void 0:u.status}`):(g instanceof p,g)}}catch(l){throw o&&T(l),l instanceof p&&(console.error(`
|
|
132
|
+
${l.message}`),process.exit(1)),l}})}import dt from"axios";import{createClient as pr}from"@liveblocks/client";import gr from"ws";function Le(e){let n=Nt();return pr({polyfills:{fetch,WebSocket:gr},authEndpoint:async t=>await(await fetch(n,{method:"POST",headers:{...e,"Content-Type":"application/json"},body:JSON.stringify({room:t})})).json()})}async function We(e,n,t=1e4){let{room:o,leave:r}=e.enterRoom(n,{initialPresence:{}});return await new Promise((s,a)=>{let c=setTimeout(()=>{a(new Error(`Timed out connecting to room ${n}`))},t),i=o.subscribe("status",m=>{m==="connected"&&(clearTimeout(c),i(),s())});o.getStatus()==="connected"&&(clearTimeout(c),i(),s())}),await new Promise(s=>{if(o.getOthers().length>0){s();return}let c=setTimeout(()=>{i(),s()},3e3),i=o.subscribe("others",m=>{m.length>0&&(clearTimeout(c),i(),s())})}),{room:o,leave:r}}function He(e){var o,r;let n=e.getOthers(),t=[];for(let s of n){let a=(o=s.presence)==null?void 0:o.presence;(r=a==null?void 0:a.selectedShapeIds)!=null&&r.length&&t.push(...a.selectedShapeIds)}return[...new Set(t)]}async function Fo(e,n){let{root:t}=await e.getStorage(),o=t.get("records");if(!o)return[];let r=[];for(let s of n){let a=o.get(s);if(!a)continue;let c=typeof a.toObject=="function"?a.toObject():a;if(c.type==="mp-component"&&c.props){let i=typeof c.props.toObject=="function"?c.props.toObject():c.props;i.serverId&&r.push({serverId:i.serverId,clientId:i.clientId??s.replace("shape:",""),name:i.name??"Unknown",selectedRevisionId:typeof i.selectedRevisionId=="string"&&i.selectedRevisionId.length>0?i.selectedRevisionId:null})}}return r}function ge(e){return e&&typeof e.toObject=="function"?e.toObject():e}function B(e){return typeof e=="string"&&e.trim().length>0?e:void 0}function ur(e,n){let t=ge(n),o=ge(t==null?void 0:t.meta);return B(o==null?void 0:o.imageId)??(e.startsWith("asset:")?e.slice(6):void 0)}function fr(e){return e.startsWith("shape:")?e.slice(6):e}async function Ge(e,n){let{root:t}=await e.getStorage(),o=t.get("records");if(!o)return[];let r=[];for(let s of n){let a=o.get(s);if(!a)continue;let c=ge(a);if(c.type!=="image"&&c.type!=="mp-image")continue;let i=ge(c.props)??{},m=B(i.assetId),u=m?o.get(m):null,l=ge(u),h=ge(l==null?void 0:l.props)??{},g=(m?ur(m,u):void 0)??B(i.imageId)??B(i.serverId)??(s.startsWith("shape:")?s.slice(6):s);g&&r.push({imageId:g,shapeId:fr(s),...B(h.name)||B(i.name)||B(i.altText)?{name:B(h.name)??B(i.name)??B(i.altText)}:{},...typeof i.w=="number"?{width:i.w}:{},...typeof i.h=="number"?{height:i.h}:{}})}return r}function Do(e){e.command("selection").description("Get the currently selected component(s) from the web app canvas").action(async()=>{var t,o,r,s;let n=j();try{let a;try{a=E()}catch{throw new p("Not authenticated. Set MAGICPATH_TOKEN or run `magicpath-ai login`.",{code:"NOT_AUTHENTICATED",suggestion:"Run `magicpath-ai login` or set the MAGICPATH_TOKEN environment variable."})}let c=n?null:P("Checking canvas selection...").start();try{let i=await dt.get(re(),{headers:a}),m=((t=i.data.data)==null?void 0:t.socket_rooms)??i.data.socket_rooms,u=(m==null?void 0:m.projectRooms)??[];if(u.length===0){c==null||c.succeed("No active canvas session"),n&&x({projects:[],components:[],images:[]}),console.log(`
|
|
133
|
+
No active canvas session found.`);return}let l=new Map;try{let f=await J(a);l=new Map(f.map(w=>[String(w.id),{name:w.name??"",ownerType:w.ownerType,ownerName:w.ownerName}]))}catch{}let h=u.map(f=>{let w=l.get(String(f.id));return w?{id:String(f.id),name:w.name,ownerType:w.ownerType,ownerName:w.ownerName}:{id:String(f.id),name:null,ownerType:null,ownerName:null}}),g=u.map(f=>{var w;return{projectId:f.id,projectName:((w=l.get(String(f.id)))==null?void 0:w.name)??"",roomId:f.room}}),v=Le(a),b=[],$=[];for(let f of g){let w=null;try{let I=await We(v,f.roomId);w=I.leave;let A=I.room,F=He(A);if(F.length===0)continue;let[L,C]=await Promise.all([Fo(A,F),Ge(A,F)]);$.push(...C.map(S=>({id:S.imageId,shapeId:S.shapeId,name:S.name??null,projectId:f.projectId,projectName:f.projectName,...S.width?{width:S.width}:{},...S.height?{height:S.height}:{}})));for(let S of L)try{let k=await dt.get(Rt(S.serverId),{headers:a}),W=((o=k.data.data)==null?void 0:o.component)??k.data.component;b.push({id:S.serverId,name:(W==null?void 0:W.name)??S.name,generatedName:(W==null?void 0:W.generatedName)??null,clientId:S.clientId,projectId:f.projectId,projectName:f.projectName,selectedRevisionId:S.selectedRevisionId})}catch{b.push({id:S.serverId,name:S.name,generatedName:null,clientId:S.clientId,projectId:f.projectId,projectName:f.projectName,selectedRevisionId:S.selectedRevisionId})}}catch{}finally{w&&w()}}if(b.length===0){if(c==null||c.succeed($.length>0?`Found ${$.length} selected image(s)`:"No components selected"),n&&x({projects:h,components:[],images:$}),$.length>0){console.log(`
|
|
134
|
+
Selected image(s):`);for(let f of $)console.log(` ${f.name??"Image"} (${f.id})`)}else console.log(`
|
|
135
|
+
No active selection.`);if(h.length>0){console.log(" Active project(s):");for(let f of h){let w=f.ownerType==="team"&&f.ownerName?` [${f.ownerName}]`:"",I=f.name??`(unresolved project ${f.id})`;console.log(` ${I}${w}`)}}return}c==null||c.succeed(`Found ${b.length} selected component(s)`),n&&x({projects:h,components:b,images:$});let y=new Map;for(let f of b){let w=f.projectId;y.has(w)||y.set(w,[]),y.get(w).push(f)}console.log("");for(let[,f]of y){console.log(` Selected in "${f[0].projectName}":`);for(let w of f){let I=w.generatedName?` (${w.generatedName})`:"";console.log(` ${w.name}${I}`)}}if($.length>0){console.log(`
|
|
136
|
+
Selected image(s):`);for(let f of $)console.log(` ${f.name??"Image"} (${f.id})`)}}catch(i){throw c==null||c.fail("Failed to check selection"),dt.isAxiosError(i)?((r=i.response)==null?void 0:r.status)===401?new p("Token is invalid or expired. Run `magicpath-ai login`.",{code:"TOKEN_EXPIRED",suggestion:"Run `magicpath-ai login` to re-authenticate."}):new p(`API error: ${(s=i.response)==null?void 0:s.status}`):i}}catch(a){throw n&&T(a),a instanceof p&&(console.error(`
|
|
137
|
+
${a.message}`),process.exit(1)),a}})}import _o from"axios";function Lo(e){e.command("active-project").description("Get the project(s) the user currently has open in the MagicPath web app").action(async()=>{var t,o,r;let n=j();try{let s;try{s=E()}catch{throw new p("Not authenticated. Set MAGICPATH_TOKEN or run `magicpath-ai login`.",{code:"NOT_AUTHENTICATED",suggestion:"Run `magicpath-ai login` or set the MAGICPATH_TOKEN environment variable."})}let a=n?null:P("Checking active project...").start();try{let c=await _o.get(re(),{headers:s}),i=((t=c.data.data)==null?void 0:t.socket_rooms)??c.data.socket_rooms,m=(i==null?void 0:i.projectRooms)??[];if(m.length===0){a==null||a.succeed("No active canvas session"),n&&x({projects:[]}),console.log(`
|
|
138
|
+
No active canvas session found.`);return}let u=await J(s),l=new Map;for(let g of u)l.set(String(g.id),g);let h=[];for(let g of m){let v=String(g.id),b=l.get(v);b?h.push({id:v,name:b.name??null,ownerType:b.ownerType,ownerName:b.ownerName}):h.push({id:v,name:null,ownerType:null,ownerName:null})}a==null||a.succeed(`Found ${h.length} active project${h.length===1?"":"s"}`),n&&x({projects:h}),console.log("");for(let g of h){let v=g.ownerType==="team"&&g.ownerName?` [${g.ownerName}]`:"",b=g.name??`(unresolved project ${g.id})`;console.log(` ${b}${v}`)}}catch(c){throw a==null||a.fail("Failed to check active project"),_o.isAxiosError(c)?((o=c.response)==null?void 0:o.status)===401?new p("Token is invalid or expired. Run `magicpath-ai login`.",{code:"TOKEN_EXPIRED",suggestion:"Run `magicpath-ai login` to re-authenticate."}):new p(`API error: ${(r=c.response)==null?void 0:r.status}`):c}}catch(s){throw n&&T(s),s instanceof p&&(console.error(`
|
|
139
|
+
${s.message}`),process.exit(1)),s}})}function Wo(e){e.command("list-teams").description("List teams you belong to").action(async()=>{let n=j();try{let t;try{t=E()}catch{throw new p("Not authenticated. Set MAGICPATH_TOKEN or run `magicpath-ai login`.",{code:"NOT_AUTHENTICATED",suggestion:"Run `magicpath-ai login` or set the MAGICPATH_TOKEN environment variable."})}let o=n?null:P("Fetching teams...").start();try{let r=await we(t);if(o==null||o.succeed(`Found ${r.length} team(s)`),n&&x({teams:r}),r.length===0){console.log(`
|
|
140
|
+
No teams found.`);return}console.log("");let s=Math.max(4,...r.map(i=>i.name.length)),a=Math.max(2,...r.map(i=>i.id.length)),c=Math.max(4,...r.map(i=>i.role.length));console.log(` ${"Name".padEnd(s)} ${"ID".padEnd(a)} Role`),console.log(` ${"\u2500".repeat(s)} ${"\u2500".repeat(a)} ${"\u2500".repeat(c)}`);for(let i of r)console.log(` ${i.name.padEnd(s)} ${i.id.padEnd(a)} ${i.role}`)}catch(r){throw o==null||o.fail("Failed to fetch teams"),r instanceof p,r}}catch(t){throw n&&T(t),t instanceof p&&(console.error(`
|
|
141
|
+
${t.message}`),process.exit(1)),t}})}import Ho from"axios";function Go(e){e.command("list-members").description("List members of a team").requiredOption("--team <nameOrId>","Team name or ID").action(async n=>{var o,r,s;let t=j();try{let a;try{a=E()}catch{throw new p("Not authenticated. Set MAGICPATH_TOKEN or run `magicpath-ai login`.",{code:"NOT_AUTHENTICATED",suggestion:"Run `magicpath-ai login` or set the MAGICPATH_TOKEN environment variable."})}let c=t?null:P("Fetching members...").start();try{let i=await V(n.team,a),m=await Ho.get(kt(i.id),{headers:{...a,"X-Organization-ID":i.id}}),h=((((o=m.data.data)==null?void 0:o.organization)??m.data.organization??m.data).users??[]).map(y=>{var f,w,I;return{id:String(((f=y.user)==null?void 0:f.id)??y.userId),displayName:((w=y.user)==null?void 0:w.displayName)??null,email:((I=y.user)==null?void 0:I.email)??null,role:y.role}});if(c==null||c.succeed(`${i.name}: ${h.length} member(s)`),t&&x({team:{id:i.id,name:i.name},members:h}),h.length===0){console.log(`
|
|
142
|
+
No members found.`);return}console.log("");let g=Math.max(4,...h.map(y=>(y.displayName||"").length)),v=Math.max(5,...h.map(y=>(y.email||"").length)),b=Math.max(2,...h.map(y=>y.id.length)),$=Math.max(4,...h.map(y=>y.role.length));console.log(` ${"Name".padEnd(g)} ${"Email".padEnd(v)} ${"ID".padEnd(b)} Role`),console.log(` ${"\u2500".repeat(g)} ${"\u2500".repeat(v)} ${"\u2500".repeat(b)} ${"\u2500".repeat($)}`);for(let y of h)console.log(` ${(y.displayName||"").padEnd(g)} ${(y.email||"").padEnd(v)} ${y.id.padEnd(b)} ${y.role}`)}catch(i){throw c==null||c.fail("Failed to fetch members"),i instanceof p?i:Ho.isAxiosError(i)?((r=i.response)==null?void 0:r.status)===401?new p("Token is invalid or expired. Run `magicpath-ai login`.",{code:"TOKEN_EXPIRED",suggestion:"Run `magicpath-ai login` to re-authenticate."}):new p(`API error: ${(s=i.response)==null?void 0:s.status}`):i}}catch(a){throw t&&T(a),a instanceof p&&(console.error(`
|
|
143
|
+
${a.message}`),process.exit(1)),a}})}import z from"axios";import qo from"crypto";import M from"fs-extra";import U from"path";var Zo="magicpath-code.json",hr=new Set(["src/App.tsx","src/index.css"]),Vo="This component uses Tailwind v4. Replace @tailwind base/components/utilities; with @import 'tailwindcss';. Preserve the existing src/index.css Tailwind setup and append custom CSS below it.",wr=/@tailwind\s+(base|components|utilities)\s*;/i,yr=/@import\s+(?:url\(\s*)?['"]tailwindcss['"]\s*\)?\s*;/i;function ue(e){return qo.createHash("sha256").update(e).digest("hex")}function br(e){return qo.createHash("sha256").update(e).digest("hex")}function ft(e){return hr.has(e)||e.startsWith("src/components/generated/")&&!e.endsWith("/")||e.startsWith("assets/")&&!e.endsWith("/")}function ht(e){return e.startsWith("assets/")&&!e.endsWith("/")}function Ir(e){let n=U.extname(e).toLowerCase();return{".avif":"image/avif",".gif":"image/gif",".jpeg":"image/jpeg",".jpg":"image/jpeg",".png":"image/png",".svg":"image/svg+xml",".webp":"image/webp"}[n]}function Ve(e){return U.join(e,Zo)}function vr(e){let n=Ve(e);if(!M.existsSync(n))throw new p(`No ${Zo} found. Run \`magicpath-ai code context <componentId>\` or \`magicpath-ai code start --project <projectId>\` first.`);return M.readJsonSync(n)}function xe(e,n){M.ensureDirSync(e),M.writeJsonSync(Ve(e),n,{spaces:2})}function pt(e,n){if(!ft(n.path))throw new p(`Refusing to write disallowed path from API: ${n.path}`);let t=U.join(e,n.path);M.ensureDirSync(U.dirname(t)),n.encoding==="base64"?M.writeFileSync(t,Buffer.from(n.content.replace(/\s/g,""),"base64")):M.writeFileSync(t,n.content,"utf8")}function $e(e){let n=[],t=["src/App.tsx","src/index.css"],o=U.join(e,"src/components/generated");if(M.existsSync(o))for(let s of ut(o))t.push(U.relative(e,s).split(U.sep).join("/"));let r=U.join(e,"assets");if(M.existsSync(r))for(let s of ut(r))t.push(U.relative(e,s).split(U.sep).join("/"));for(let s of Array.from(new Set(t)).sort()){if(!ft(s))continue;let a=U.join(e,s);if(!(!M.existsSync(a)||!M.statSync(a).isFile()))if(ht(s)){let c=M.readFileSync(a);n.push({path:s,content:c.toString("base64"),encoding:"base64",mimeType:Ir(s),sha256:br(c)})}else{let c=M.readFileSync(a,"utf8");n.push({path:s,content:c,encoding:"utf8",sha256:ue(c)})}}return n}function zo(e){let n=U.join(e,"src/index.css");if(!M.existsSync(n))throw new p(Vo);let t=M.readFileSync(n,"utf8");if(wr.test(t)||!yr.test(t))throw new p(Vo)}function ut(e){let n=[];for(let t of M.readdirSync(e,{withFileTypes:!0})){let o=U.join(e,t.name);t.isDirectory()?n.push(...ut(o)):t.isFile()&&n.push(o)}return n}function xr(e,n){if(n.mode==="create")return $e(e);let t=new Map(n.editableFiles.map(o=>[o.path,o.sha256]));return $e(e).map(o=>({...o,baseSha256:t.get(o.path)})).filter(o=>o.sha256!==o.baseSha256)}function jr(e,n){if(n.mode==="create")return[];let t=new Set($e(e).map(o=>o.path));return n.editableFiles.map(o=>o.path).filter(o=>!ht(o)).filter(o=>!t.has(o))}async function Jo(e,n){let t=E();for(;;){let r=(await z.get(qe(e),{headers:t})).data.data;if(r.status==="completed"||r.status==="failed"||r.status==="cancelled")return r;await new Promise(s=>setTimeout(s,n))}}function je(e){let n=G(e);throw j()&&T(n),n}function Bo(e,n){if(e===void 0)return;let t=Number(e);if(!Number.isFinite(t)||t<=0)throw new p(`${n} must be a positive number.`);return t}function gt(e){let n=Bo(e.width,"--width"),t=Bo(e.height,"--height");if(n===void 0!=(t===void 0))throw new p("Pass both --width and --height, or neither.");return n===void 0||t===void 0?void 0:{width:n,height:t}}function $r(e){let n=new Map;for(let t of e)n.has(t.imageId)||n.set(t.imageId,t);return Array.from(n.values())}async function Ko(e){var t;let n;try{n=E()}catch{return[]}try{let o=await z.get(re(),{headers:n}),r=((t=o.data.data)==null?void 0:t.socket_rooms)??o.data.socket_rooms,s=(r==null?void 0:r.projectRooms)??[],a=e?s.filter(m=>String(m.id)===String(e)):s;if(a.length===0)return[];let c=Le(n),i=[];for(let m of a){let u=null;try{let l=await We(c,m.room);u=l.leave;let h=He(l.room);if(h.length===0)continue;let g=await Ge(l.room,h);i.push(...g.filter(v=>/^\d+$/.test(v.imageId)).map(v=>({imageId:v.imageId,...v.shapeId?{shapeId:v.shapeId}:{}})))}catch{}finally{u&&u()}}return $r(i)}catch{return[]}}async function Xo(e,n){if(!(n!=null&&n.length))return[];let t=[];for(let o of n){if(!ft(o.assetPath)||!ht(o.assetPath))throw new p(`Refusing to download selected image outside assets/: ${o.assetPath}`);let r=await z.get(o.accessUrl,{responseType:"arraybuffer"}),s=U.join(e,o.assetPath);M.ensureDirSync(U.dirname(s)),M.writeFileSync(s,Buffer.from(r.data)),t.push({...o,downloadedPath:s})}return t}function Yo(e){let n=e.command("code").description("Create and edit canvas components from local code").addHelpText("after",`
|
|
144
|
+
Tailwind v4:
|
|
145
|
+
src/index.css must keep @import 'tailwindcss';.
|
|
146
|
+
Do not use @tailwind base/components/utilities; and do not replace the
|
|
147
|
+
template @theme inline, :root, or .dark token blocks. Append custom CSS below
|
|
148
|
+
the existing setup.
|
|
149
|
+
`);n.command("start").description("Start a pending create or edit session before writing code").option("--project <projectId>","Target MagicPath project ID for create").option("--component <componentId>","Existing MagicPath component ID for edit").option("--revision <revisionId>","Start editing this revision. Defaults to the component's currently selected revision.").option("--dir <dir>","Working directory to initialize",".").option("--name <name>","Component name").option("--width <px>","Canvas component width for create").option("--height <px>","Canvas component height for create").action(async t=>{try{let o=U.resolve(t.dir),r=gt(t);if(!!t.project==!!t.component)throw new p("Run code start with exactly one of --project for create or --component for edit.");if(t.component){if(r)throw new p("Use --width and --height with code submit when resizing an existing component.");let g=await Ko(),b=(await z.post(St(t.component),{...t.revision?{revisionId:t.revision}:{},...g.length>0?{selectedImages:g}:{}},{headers:E()})).data.data;M.ensureDirSync(o);for(let w of b.editableFiles)pt(o,w);let $=await Xo(o,b.selectedImages),y={mode:"edit",componentId:b.component.id,projectId:b.component.projectId,selectedRevisionId:b.component.selectedRevisionId,baseRevisionId:b.component.baseRevisionId,jobId:b.jobId,generatedName:b.component.generatedName,name:b.component.name,selectedImages:$,editableFiles:b.editableFiles.map(w=>({path:w.path,sha256:ue(w.content)}))};xe(o,y);let f={dir:o,manifestPath:Ve(o),...y,status:"pending",scaffoldedPaths:b.editableFiles.map(w=>w.path),selectedImages:$};j()&&x(f),console.log(`Started pending edit ${y.selectedRevisionId} for component ${y.componentId} in ${o}`);return}let s=t.project;if(!s)throw new p("Create sessions require --project.");let a=await Ko(s),i=(await z.post(Be(),{projectId:s,...t.name?{name:t.name}:{},...r?{dimensions:r}:{},...a.length>0?{selectedImages:a}:{}},{headers:E()})).data.data,m=i.editableFiles??[];M.ensureDirSync(o);for(let g of m)pt(o,g);let u=await Xo(o,i.selectedImages),l={mode:"create",componentId:i.componentId,projectId:s,selectedRevisionId:i.revisionId,jobId:i.jobId,generatedName:i.generatedName,name:t.name,dimensions:r,selectedImages:u,editableFiles:m.map(g=>({path:g.path,sha256:ue(g.content)}))};xe(o,l);let h={dir:o,manifestPath:Ve(o),...l,status:"pending",scaffoldedPaths:m.map(g=>g.path),selectedImages:u};j()&&x(h),console.log(`Started pending component ${l.componentId} in ${o}`+(m.length>0?` (scaffolded ${m.length} file${m.length===1?"":"s"})`:""))}catch(o){je(o)}}),n.command("context").description("Fetch editable files for an existing MagicPath component").argument("<componentId>","MagicPath component ID").option("--dir <dir>","Working directory to write",".").option("--revision <revisionId>","Pull this revision of the component. Defaults to the component's currently selected revision.").action(async(t,o)=>{try{let r=U.resolve(o.dir);M.ensureDirSync(r);let s=o.revision?`${Ke(t)}?revisionId=${encodeURIComponent(o.revision)}`:Ke(t),c=(await z.get(s,{headers:E()})).data.data;for(let m of c.editableFiles)pt(r,m);let i={dir:r,readOnly:!0,component:c.component,editableFiles:c.editableFiles.map(m=>({path:m.path,sha256:ue(m.content)}))};j()&&x(i),console.log(`Fetched ${c.editableFiles.length} read-only editable file(s) into ${r}. Run \`magicpath-ai code start --component ${t} --dir ${r}\` before submitting edits.`)}catch(r){je(r)}}),n.command("submit").description("Submit changed editable files for the component in this working directory").option("--dir <dir>","Working directory containing magicpath-code.json",".").option("--wait","Wait for the build job to finish",!1).option("--interval <ms>","Polling interval when --wait is set","2000").option("--width <px>","Updated canvas component width").option("--height <px>","Updated canvas component height").action(async t=>{try{let o=U.resolve(t.dir),r=vr(o),s=gt(t);zo(o);let a=xr(o,r),c=jr(o,r);if(r.mode==="create"&&!a.some(l=>l.path==="src/App.tsx"))throw new p("Create submit requires src/App.tsx in the working directory.");if(a.length===0&&c.length===0&&!s){let l={status:"unchanged",componentId:r.componentId,revisionId:r.selectedRevisionId};j()&&x(l),console.log("No editable file changes to submit.");return}let m=r.mode==="create"||!!r.baseRevisionId&&r.selectedRevisionId!==r.baseRevisionId?await z.post(Xe(r.componentId,r.selectedRevisionId),{files:a.map(l=>({path:l.path,content:l.content,encoding:l.encoding,mimeType:l.mimeType})),contextJobId:r.jobId,...s?{dimensions:s}:{},...r.mode==="edit"?{deletedPaths:c}:{}},{headers:E()}):await z.post(Et(r.componentId),{baseRevisionId:r.baseRevisionId??r.selectedRevisionId,files:a.map(l=>({path:l.path,content:l.content,encoding:l.encoding,mimeType:l.mimeType,baseSha256:l.baseSha256})),deletedPaths:c,...s?{dimensions:s}:{}},{headers:E()}),u=m.data.data;if(t.wait&&(u=await Jo(m.data.data.jobId,Number(t.interval))),u.status==="completed"){let l=$e(o),h={...r,mode:"edit",jobId:m.data.data.jobId,selectedRevisionId:u.revisionId,baseRevisionId:u.revisionId,...s?{dimensions:s}:{},editableFiles:l.map(g=>({path:g.path,sha256:g.sha256??ue(g.content)}))};xe(o,h)}j()&&x({...u,jobId:m.data.data.jobId,deletedPaths:c,...s?{dimensions:s}:{}}),console.log(`Submitted ${a.length} file(s)`+(c.length>0?` and ${c.length} deletion(s)`:"")+`. Job ${m.data.data.jobId}: ${u.status}`)}catch(o){je(o)}}),n.command("create").description("Create a new MagicPath component from local editable files").requiredOption("--project <projectId>","Target MagicPath project ID").option("--dir <dir>","Working directory containing src/App.tsx",".").option("--name <name>","Component name").option("--wait","Wait for the build job to finish",!1).option("--width <px>","Canvas component width").option("--height <px>","Canvas component height").action(async t=>{try{let o=U.resolve(t.dir),r=gt(t);zo(o);let s=$e(o);if(!s.some(u=>u.path==="src/App.tsx"))throw new p("Create requires src/App.tsx in the working directory.");let a=await z.post(Be(),{projectId:t.project,...t.name?{name:t.name}:{},...r?{dimensions:r}:{}},{headers:E()}),c={mode:"create",componentId:a.data.data.componentId,projectId:t.project,selectedRevisionId:a.data.data.revisionId,jobId:a.data.data.jobId,generatedName:a.data.data.generatedName,name:t.name,dimensions:r,editableFiles:[]};xe(o,c);let i=await z.post(Xe(c.componentId,c.selectedRevisionId),{files:s.map(u=>({path:u.path,content:u.content,encoding:u.encoding,mimeType:u.mimeType})),contextJobId:c.jobId,...r?{dimensions:r}:{}},{headers:E()}),m=i.data.data;t.wait&&(m=await Jo(i.data.data.jobId,2e3)),m.status==="completed"&&xe(o,{...c,mode:"edit",jobId:i.data.data.jobId,selectedRevisionId:m.revisionId,...r?{dimensions:r}:{},editableFiles:s.map(u=>({path:u.path,sha256:u.sha256??ue(u.content)}))}),j()&&x({...m,jobId:i.data.data.jobId,...r?{dimensions:r}:{}}),console.log(`Created component ${i.data.data.componentId}. Job ${i.data.data.jobId}: ${m.status}`)}catch(o){je(o)}}),n.command("status").description("Fetch external-agent build job status").argument("<jobId>","External agent job ID").action(async t=>{try{let o=await z.get(qe(t),{headers:E()});j()&&x(o.data.data),console.log(`${t}: ${o.data.data.status}`)}catch(o){je(o)}})}import wt from"axios";function Qo(e){var n;return((n=e==null?void 0:e.data)==null?void 0:n.project)??(e==null?void 0:e.project)??e}function en(e){e.command("create-project").description("Create a new project (personal or in a team)").option("--name <name>","Project name (defaults to an auto-generated name)").option("--team <nameOrId>","Create the project in this team").action(async n=>{var o,r,s,a;let t=j();try{let c;try{c=E()}catch{throw new p("Not authenticated. Set MAGICPATH_TOKEN or run `magicpath-ai login`.",{code:"NOT_AUTHENTICATED",suggestion:"Run `magicpath-ai login` or set the MAGICPATH_TOKEN environment variable."})}let i=t?null:P("Creating project...").start();try{let m={...c},u=null;n.team&&(u=await V(n.team,c),m["X-Organization-ID"]=u.id);let l=await wt.post(Tt(),{},{headers:m}),h=Qo(l.data);if(n.name){let v=await wt.patch(At(String(h.id)),{data:{name:n.name}},{headers:m});h=Qo(v.data)}let g=u?{...h,ownerType:"team",ownerName:u.name}:{...h,ownerType:"personal",ownerName:((o=h.owner)==null?void 0:o.email)??""};i==null||i.succeed(`Created project "${g.name}"${u?` in ${u.name}`:""}`),t&&x({project:g}),console.log(""),console.log(` ID: ${g.id}`),console.log(` Name: ${g.name}`),console.log(` Workspace: ${u?u.name+" (team)":"personal"}`)}catch(m){throw i==null||i.fail("Failed to create project"),m instanceof p?m:wt.isAxiosError(m)?((r=m.response)==null?void 0:r.status)===401?new p("Token is invalid or expired. Run `magicpath-ai login`.",{code:"TOKEN_EXPIRED",suggestion:"Run `magicpath-ai login` to re-authenticate."}):((s=m.response)==null?void 0:s.status)===403?new p("Not allowed to create a project in this workspace.",{code:"FORBIDDEN",suggestion:"Verify you are a member of the team and have permission to create projects."}):new p(`API error: ${(a=m.response)==null?void 0:a.status}`):m}}catch(c){throw t&&T(c),c instanceof p&&(console.error(`
|
|
150
|
+
${c.message}`),process.exit(1)),c}})}var Ar=Sr(Tr(import.meta.url)),Pr=JSON.parse(Cr(Er(Ar,"..","package.json"),"utf8"));jt(Pr.version);It();process.argv.length<=2&&(zt(K),process.exit(0));N.name("magicpath").description("").version(K).option("-o, --output <format>","Output format: json").hook("preAction",e=>{e.optsWithGlobals().output==="json"&&xt(!0)});ao(N);bo(N);yo(N);vo(N);xo(N);So(N);Eo(N);To(N);Ao(N);Po(N);Ro(N);ko(N);Co(N);Mo(N);Uo(N);Do(N);Lo(N);Wo(N);Go(N);Yo(N);en(N);N.parse();
|