@mindstudio-ai/remy 0.1.132 → 0.1.134
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/dist/headless.js
CHANGED
|
@@ -4709,7 +4709,7 @@ Use <current_deck> as your starting point and replace or update the content as n
|
|
|
4709
4709
|
- Must look beautiful on desktop and mobile.
|
|
4710
4710
|
- Animation between slides must be seamless, no flicker or flashing. For reveal animations: hide elements with CSS \`opacity: 0\` only (no transform in CSS). Let GSAP handle transforms via inline styles and never use \`clearProps\`. Use the existing scaffold, do not write your own transition logic or slide mechanics.
|
|
4711
4711
|
- Be bold and impactful.
|
|
4712
|
-
- Code must be clean, bug free, and easy to parse. Use GSAP for animations.
|
|
4712
|
+
- Code must be clean, bug free, and easy to parse. Use GSAP for animations. Pay close attention to layout and alignment to make sure everything is perfect.
|
|
4713
4713
|
- Keep the progress bar and edge chevrons from the shell \u2014 they are part of the navigation UX.
|
|
4714
4714
|
|
|
4715
4715
|
Respond only with the complete HTML file and absolutely no other text. Your response will be written directly to an html file.`;
|
package/dist/index.js
CHANGED
|
@@ -4666,7 +4666,7 @@ Use <current_deck> as your starting point and replace or update the content as n
|
|
|
4666
4666
|
- Must look beautiful on desktop and mobile.
|
|
4667
4667
|
- Animation between slides must be seamless, no flicker or flashing. For reveal animations: hide elements with CSS \`opacity: 0\` only (no transform in CSS). Let GSAP handle transforms via inline styles and never use \`clearProps\`. Use the existing scaffold, do not write your own transition logic or slide mechanics.
|
|
4668
4668
|
- Be bold and impactful.
|
|
4669
|
-
- Code must be clean, bug free, and easy to parse. Use GSAP for animations.
|
|
4669
|
+
- Code must be clean, bug free, and easy to parse. Use GSAP for animations. Pay close attention to layout and alignment to make sure everything is perfect.
|
|
4670
4670
|
- Keep the progress bar and edge chevrons from the shell \u2014 they are part of the navigation UX.
|
|
4671
4671
|
|
|
4672
4672
|
Respond only with the complete HTML file and absolutely no other text. Your response will be written directly to an html file.`;
|
|
@@ -49,7 +49,10 @@ For multi-step tasks with branching logic (research, enrichment, content pipelin
|
|
|
49
49
|
- Runtime errors must render visibly on screen, not produce a blank white page. User and agent must be able to visibly debug and spot them.
|
|
50
50
|
|
|
51
51
|
### State Management
|
|
52
|
-
-
|
|
52
|
+
- Prefer to use a library like Zustand for global state. Load a big data bundle on app start into a Zustand store, then render everything from memory. Navigation between screens should feel instant — no loading spinners for data that's already in the store.
|
|
53
|
+
- Optimistic updates: mutate the store immediately, fire the API call in the background, roll back on error. The user should never wait for the server to confirm before seeing their change.
|
|
54
|
+
- Not everything needs global state. Form inputs, UI toggles, modal visibility — keep those in local component state. Global state is for data that multiple screens need access to.
|
|
55
|
+
- Do not use SWR for apps where you can load everything on startup. Those libraries are for server-cache patterns where data is too large or dynamic to hold in memory. For small apps with a handful of users, a Zustand store with a single initial fetch is simpler and faster.
|
|
53
56
|
|
|
54
57
|
### Secrets & Third-Party Integrations
|
|
55
58
|
When a method needs credentials for a third-party service, use `process.env` and use the CLI to set it on behalf of the user (chat logs are secure and scrubbed, so it's fine for them to paste) or they can set it manually in the Dashboard.
|
|
@@ -59,6 +62,9 @@ When integrating with external services that have programmable setup APIs (webho
|
|
|
59
62
|
### Dependencies
|
|
60
63
|
Before installing a package you haven't used in this project, do a quick web search to confirm it's still the best option. The JavaScript ecosystem moves fast — the package you remember from training may have been superseded by something smaller, faster, or better maintained. A 10-second search beats debugging a deprecated library.
|
|
61
64
|
|
|
65
|
+
### MindStudio SDK CLI
|
|
66
|
+
You have access to the `mindstudio` CLI, which exposes every SDK action as a command-line tool. Use it via bash for one-off tasks: generating images, scraping URLs, sending emails, running AI completions, or anything else the SDK can do. Every JavaScript SDK method has a corresponding CLI command. Run `askMindStudioSdk` to discover commands for CLI usage.
|
|
67
|
+
|
|
62
68
|
### Production App Management
|
|
63
69
|
You have access to `mindstudio-prod`, a CLI for managing the user's production MindStudio app. Use it via your bash tool. All output is JSON. Run `mindstudio-prod --help` or `mindstudio-prod <command> --help` to discover usage and available options.
|
|
64
70
|
|
|
@@ -27,7 +27,7 @@ These are things we already know about and have decided to accept:
|
|
|
27
27
|
- `@mindstudio-ai/interface` — frontend SDK. `createClient<T>()` gives typed RPC to backend methods (no raw fetch). `auth` handles auth state (`auth.currentUser`, `auth.onAuthStateChanged(cb)`, verification flows, logout). `platform.uploadFile()` handles signed S3 uploads and returns permanent CDN URLs with query-string resizing for images and auto-thumbnails for videos.
|
|
28
28
|
- `@mindstudio-ai/agent` — backend SDK. `db.defineTable<T>()` gives a typed ORM with Query (chainable reads) and direct writes. `auth` gives `auth.userId`, `auth.roles`, `auth.requireRole()`, `auth.hasRole()`. Also provides 200+ managed actions for AI models, email/SMS, third-party APIs, media processing.
|
|
29
29
|
- Libraries we know are actively maintained, don't bother checking:
|
|
30
|
-
-
|
|
30
|
+
- zustand
|
|
31
31
|
- motion (formerly framer-motion — import from `motion/react`, not `framer-motion`)
|
|
32
32
|
- gsap (now fully free, including ScrollTrigger, FLIP, MorphSVG)
|
|
33
33
|
- styled-components
|