motion-cart 0.1.0 → 0.1.4
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 +22 -2
- package/dist/index.js +498 -257
- package/package.json +2 -2
- package/previews/advanced-interactions__add-to-cart.jpg +0 -0
- package/previews/advanced-interactions__add-to-cart.webm +0 -0
- package/previews/advanced-interactions__context-menu.jpg +0 -0
- package/previews/advanced-interactions__context-menu.webm +0 -0
- package/previews/advanced-interactions__cursor-image-hover.jpg +0 -0
- package/previews/advanced-interactions__cursor-image-hover.webm +0 -0
- package/previews/advanced-interactions__dots-morph-button.jpg +0 -0
- package/previews/advanced-interactions__dots-morph-button.webm +0 -0
- package/previews/advanced-interactions__ios-exposure-slider.jpg +0 -0
- package/previews/advanced-interactions__ios-exposure-slider.webm +0 -0
- package/previews/advanced-interactions__ios-pointer.jpg +0 -0
- package/previews/advanced-interactions__ios-pointer.webm +0 -0
- package/previews/advanced-interactions__magnetic-filings.jpg +0 -0
- package/previews/advanced-interactions__magnetic-filings.webm +0 -0
- package/previews/advanced-interactions__parallax-hover-card.jpg +0 -0
- package/previews/advanced-interactions__parallax-hover-card.webm +0 -0
- package/previews/advanced-interactions__pointer-collision.jpg +0 -0
- package/previews/advanced-interactions__pointer-collision.webm +0 -0
- package/previews/advanced-interactions__scroll-velocity-3d-planes.jpg +0 -0
- package/previews/advanced-interactions__scroll-velocity-3d-planes.webm +0 -0
- package/previews/advanced-interactions__smooth-tabs.jpg +0 -0
- package/previews/advanced-interactions__smooth-tabs.webm +0 -0
- package/previews/advanced-interactions__swipe-actions.jpg +0 -0
- package/previews/advanced-interactions__swipe-actions.webm +0 -0
- package/previews/cursor-effects__click-ripples.jpg +0 -0
- package/previews/cursor-effects__click-ripples.webm +0 -0
- package/previews/cursor-effects__cursor-distortion.jpg +0 -0
- package/previews/cursor-effects__cursor-distortion.webm +0 -0
- package/previews/cursor-effects__cursor-follower.jpg +0 -0
- package/previews/cursor-effects__cursor-follower.webm +0 -0
- package/previews/cursor-effects__cursor-spotlight.jpg +0 -0
- package/previews/cursor-effects__cursor-spotlight.webm +0 -0
- package/previews/cursor-effects__magnetic-elements.jpg +0 -0
- package/previews/cursor-effects__magnetic-elements.webm +0 -0
- package/previews/cursor-effects__particle-trail.jpg +0 -0
- package/previews/cursor-effects__particle-trail.webm +0 -0
- package/previews/data-numbers__activity-feed.jpg +0 -0
- package/previews/data-numbers__activity-feed.webm +0 -0
- package/previews/data-numbers__animated-counter.jpg +0 -0
- package/previews/data-numbers__animated-counter.webm +0 -0
- package/previews/data-numbers__counting-stats-row.jpg +0 -0
- package/previews/data-numbers__counting-stats-row.webm +0 -0
- package/previews/data-numbers__mini-bar-chart.jpg +0 -0
- package/previews/data-numbers__mini-bar-chart.webm +0 -0
- package/previews/data-numbers__revenue-card.jpg +0 -0
- package/previews/data-numbers__revenue-card.webm +0 -0
- package/previews/data-numbers__stats-grid.jpg +0 -0
- package/previews/data-numbers__stats-grid.webm +0 -0
- package/previews/gestures-interactions__hover-cards.jpg +0 -0
- package/previews/gestures-interactions__hover-cards.webm +0 -0
- package/previews/gestures-interactions__magnetic-button.jpg +0 -0
- package/previews/gestures-interactions__magnetic-button.webm +0 -0
- package/previews/gestures-interactions__swipe-to-delete.jpg +0 -0
- package/previews/gestures-interactions__swipe-to-delete.webm +0 -0
- package/previews/layout-navigation__animated-sidebar.jpg +0 -0
- package/previews/layout-navigation__animated-sidebar.webm +0 -0
- package/previews/layout-navigation__animated-tabs.jpg +0 -0
- package/previews/layout-navigation__animated-tabs.webm +0 -0
- package/previews/layout-navigation__expandable-cards.jpg +0 -0
- package/previews/layout-navigation__expandable-cards.webm +0 -0
- package/previews/layout-navigation__page-transitions.jpg +0 -0
- package/previews/layout-navigation__page-transitions.webm +0 -0
- package/previews/layout-navigation__shared-layout-modal.jpg +0 -0
- package/previews/layout-navigation__shared-layout-modal.webm +0 -0
- package/previews/lists-tables__animated-table.jpg +0 -0
- package/previews/lists-tables__animated-table.webm +0 -0
- package/previews/lists-tables__drag-to-reorder.jpg +0 -0
- package/previews/lists-tables__drag-to-reorder.webm +0 -0
- package/previews/lists-tables__staggered-list.jpg +0 -0
- package/previews/lists-tables__staggered-list.webm +0 -0
- package/previews/loading-states__circular-progress.jpg +0 -0
- package/previews/loading-states__circular-progress.webm +0 -0
- package/previews/loading-states__progress-bar.jpg +0 -0
- package/previews/loading-states__progress-bar.webm +0 -0
- package/previews/loading-states__pulsing-dots.jpg +0 -0
- package/previews/loading-states__pulsing-dots.webm +0 -0
- package/previews/loading-states__skeleton-shimmer.jpg +0 -0
- package/previews/loading-states__skeleton-shimmer.webm +0 -0
- package/previews/micro-interactions__animated-accordion.jpg +0 -0
- package/previews/micro-interactions__animated-accordion.webm +0 -0
- package/previews/micro-interactions__animated-badges.jpg +0 -0
- package/previews/micro-interactions__animated-badges.webm +0 -0
- package/previews/micro-interactions__animated-checkboxes.jpg +0 -0
- package/previews/micro-interactions__animated-checkboxes.webm +0 -0
- package/previews/micro-interactions__animated-search.jpg +0 -0
- package/previews/micro-interactions__animated-search.webm +0 -0
- package/previews/micro-interactions__command-palette.jpg +0 -0
- package/previews/micro-interactions__command-palette.webm +0 -0
- package/previews/micro-interactions__confetti-burst.jpg +0 -0
- package/previews/micro-interactions__confetti-burst.webm +0 -0
- package/previews/micro-interactions__floating-action-button.jpg +0 -0
- package/previews/micro-interactions__floating-action-button.webm +0 -0
- package/previews/micro-interactions__otp-input.jpg +0 -0
- package/previews/micro-interactions__otp-input.webm +0 -0
- package/previews/micro-interactions__segmented-control.jpg +0 -0
- package/previews/micro-interactions__segmented-control.webm +0 -0
- package/previews/micro-interactions__toggle-switch.jpg +0 -0
- package/previews/micro-interactions__toggle-switch.webm +0 -0
- package/previews/motion-premium__animate-number.jpg +0 -0
- package/previews/motion-premium__animate-number.webm +0 -0
- package/previews/motion-premium__animate-text.jpg +0 -0
- package/previews/motion-premium__animate-text.webm +0 -0
- package/previews/motion-premium__carousel.jpg +0 -0
- package/previews/motion-premium__carousel.webm +0 -0
- package/previews/motion-premium__coverflow-carousel.jpg +0 -0
- package/previews/motion-premium__coverflow-carousel.webm +0 -0
- package/previews/motion-premium__curtain-transitions.jpg +0 -0
- package/previews/motion-premium__curtain-transitions.webm +0 -0
- package/previews/motion-premium__magnetic-cursor-reticule.jpg +0 -0
- package/previews/motion-premium__magnetic-cursor-reticule.webm +0 -0
- package/previews/motion-premium__magnetic-pull.jpg +0 -0
- package/previews/motion-premium__magnetic-pull.webm +0 -0
- package/previews/motion-premium__pointer-compass.jpg +0 -0
- package/previews/motion-premium__pointer-compass.webm +0 -0
- package/previews/motion-premium__price-toggle.jpg +0 -0
- package/previews/motion-premium__price-toggle.webm +0 -0
- package/previews/motion-premium__scramble-headline.jpg +0 -0
- package/previews/motion-premium__scramble-headline.webm +0 -0
- package/previews/motion-premium__scramble-text.jpg +0 -0
- package/previews/motion-premium__scramble-text.webm +0 -0
- package/previews/motion-premium__square-cursor-reticule.jpg +0 -0
- package/previews/motion-premium__square-cursor-reticule.webm +0 -0
- package/previews/motion-premium__ticker-marquee.jpg +0 -0
- package/previews/motion-premium__ticker-marquee.webm +0 -0
- package/previews/motion-premium__typewriter.jpg +0 -0
- package/previews/motion-premium__typewriter.webm +0 -0
- package/previews/notifications__notification-bell.jpg +0 -0
- package/previews/notifications__notification-bell.webm +0 -0
- package/previews/notifications__notifications-panel.jpg +0 -0
- package/previews/notifications__notifications-panel.webm +0 -0
- package/previews/notifications__toast-stack.jpg +0 -0
- package/previews/notifications__toast-stack.webm +0 -0
- package/previews/preview-manifest.json +1 -0
- package/previews/scroll-animations__scroll-reveal.jpg +0 -0
- package/previews/scroll-animations__scroll-reveal.webm +0 -0
- package/previews/special-unique__3d-card-stack.jpg +0 -0
- package/previews/special-unique__3d-card-stack.webm +0 -0
- package/previews/special-unique__3d-coin-flip.jpg +0 -0
- package/previews/special-unique__3d-coin-flip.webm +0 -0
- package/previews/special-unique__3d-tilt-card.jpg +0 -0
- package/previews/special-unique__3d-tilt-card.webm +0 -0
- package/previews/special-unique__aurora-background.jpg +0 -0
- package/previews/special-unique__aurora-background.webm +0 -0
- package/previews/special-unique__elastic-grid.jpg +0 -0
- package/previews/special-unique__elastic-grid.webm +0 -0
- package/previews/special-unique__elastic-slider.jpg +0 -0
- package/previews/special-unique__elastic-slider.webm +0 -0
- package/previews/special-unique__flip-clock.jpg +0 -0
- package/previews/special-unique__flip-clock.webm +0 -0
- package/previews/special-unique__glitch-text.jpg +0 -0
- package/previews/special-unique__glitch-text.webm +0 -0
- package/previews/special-unique__glowing-orbs.jpg +0 -0
- package/previews/special-unique__glowing-orbs.webm +0 -0
- package/previews/special-unique__gravity-balls.jpg +0 -0
- package/previews/special-unique__gravity-balls.webm +0 -0
- package/previews/special-unique__heartbeat-monitor.jpg +0 -0
- package/previews/special-unique__heartbeat-monitor.webm +0 -0
- package/previews/special-unique__liquid-button.jpg +0 -0
- package/previews/special-unique__liquid-button.webm +0 -0
- package/previews/special-unique__magnetic-dock.jpg +0 -0
- package/previews/special-unique__magnetic-dock.webm +0 -0
- package/previews/special-unique__matrix-rain.jpg +0 -0
- package/previews/special-unique__matrix-rain.webm +0 -0
- package/previews/special-unique__morphing-blob.jpg +0 -0
- package/previews/special-unique__morphing-blob.webm +0 -0
- package/previews/special-unique__morphing-shapes.jpg +0 -0
- package/previews/special-unique__morphing-shapes.webm +0 -0
- package/previews/special-unique__particle-background.jpg +0 -0
- package/previews/special-unique__particle-background.webm +0 -0
- package/previews/special-unique__perspective-grid.jpg +0 -0
- package/previews/special-unique__perspective-grid.webm +0 -0
- package/previews/special-unique__radial-menu.jpg +0 -0
- package/previews/special-unique__radial-menu.webm +0 -0
- package/previews/special-unique__ripple-grid.jpg +0 -0
- package/previews/special-unique__ripple-grid.webm +0 -0
- package/previews/special-unique__signature-draw.jpg +0 -0
- package/previews/special-unique__signature-draw.webm +0 -0
- package/previews/special-unique__split-flap-display.jpg +0 -0
- package/previews/special-unique__split-flap-display.webm +0 -0
- package/previews/special-unique__spotlight-card.jpg +0 -0
- package/previews/special-unique__spotlight-card.webm +0 -0
- package/previews/special-unique__springy-text.jpg +0 -0
- package/previews/special-unique__springy-text.webm +0 -0
- package/previews/special-unique__tech-stack-orbit.jpg +0 -0
- package/previews/special-unique__tech-stack-orbit.webm +0 -0
- package/previews/special-unique__voice-waveform.jpg +0 -0
- package/previews/special-unique__voice-waveform.webm +0 -0
- package/previews/text-animations__gradient-text.jpg +0 -0
- package/previews/text-animations__gradient-text.webm +0 -0
- package/previews/text-animations__typewriter-effect.jpg +0 -0
- package/previews/text-animations__typewriter-effect.webm +0 -0
package/README.md
CHANGED
|
@@ -15,8 +15,25 @@ target, and a Claude agent edits your real source while the preview hot-reloads.
|
|
|
15
15
|
|
|
16
16
|
- A project that is a **clean git repo** (edits land on an isolated `motion-cart/session-*` branch).
|
|
17
17
|
- An **already-running local dev server** for that project; pass its URL via `--dev-url` (loopback only).
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
## Model provider (auth)
|
|
19
|
+
|
|
20
|
+
By default the agent uses your existing **Claude Code login** (no key needed). You can instead
|
|
21
|
+
point it at **any Anthropic-compatible gateway** — including **iO Bonzai** — with your own key:
|
|
22
|
+
|
|
23
|
+
```bash
|
|
24
|
+
npx motion-cart --target . --dev-url http://localhost:5173 \
|
|
25
|
+
--base-url https://api-v2.bonzai.iodigital.com \
|
|
26
|
+
--api-key <your-bonzai-key> \
|
|
27
|
+
--model claude-4-5-sonnet
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
`--base-url`/`--api-key`/`--model` map to `ANTHROPIC_BASE_URL` / `ANTHROPIC_AUTH_TOKEN` / model for
|
|
31
|
+
the agent (env equivalents: `MOTION_CART_BASE_URL` / `MOTION_CART_API_KEY` / `MOTION_CART_MODEL`).
|
|
32
|
+
The gateway must expose the Anthropic **Messages** route (`<base-url>/v1/messages`) — LiteLLM-based
|
|
33
|
+
gateways like Bonzai do; a purely OpenAI-shaped endpoint won't work.
|
|
34
|
+
|
|
35
|
+
> Auth gotcha: an invalid `ANTHROPIC_API_KEY` in your shell **overrides** your Claude login and
|
|
36
|
+
> causes `401 Invalid bearer token`. `unset` it, or pass `--api-key`/`--base-url` explicitly.
|
|
20
37
|
|
|
21
38
|
## Flags
|
|
22
39
|
|
|
@@ -24,6 +41,9 @@ target, and a Claude agent edits your real source while the preview hot-reloads.
|
|
|
24
41
|
|---|---|---|
|
|
25
42
|
| `--dev-url` | (required) | URL of your running local dev server |
|
|
26
43
|
| `--target` | cwd | project directory the agent edits |
|
|
44
|
+
| `--base-url` | `$MOTION_CART_BASE_URL` | custom Anthropic-compatible gateway (e.g. iO Bonzai) |
|
|
45
|
+
| `--api-key` | `$MOTION_CART_API_KEY` | API key for that gateway |
|
|
46
|
+
| `--model` | `$MOTION_CART_MODEL` | model id (e.g. `claude-4-5-sonnet`) |
|
|
27
47
|
| `--port` | 7100 | control panel port |
|
|
28
48
|
| `--proxy-port` | 7101 | injecting proxy port |
|
|
29
49
|
| `--token` | `$MOTION_PLUS_TOKEN` | Motion+ token to enable the Motion MCP |
|