aem-eds-kit 0.4.30 → 0.4.33
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 +5 -0
- package/dist/bin/eds.js +107 -107
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -294,6 +294,8 @@ Translates a design - **a Figma URL, a Framer / Google Stitch page, or a local S
|
|
|
294
294
|
|
|
295
295
|
**Figma vs. web sources.** Figma paints to a WebGL canvas, so it's read through the **REST API** (with a token) or **MCP**. Framer and Google Stitch render **real HTML**, so `eds` **scrapes** them with headless Chromium — reading computed layout, typography, colours and geometry straight off the page (no token, no MCP). Canva and Sketch are canvas/image-based and aren't scrapeable — export a frame and pass it as a local SVG/PNG. The provider is detected from the URL host, or set with `--provider`.
|
|
296
296
|
|
|
297
|
+
**Gated sources (`--auth`).** A Google Stitch project (and a private Framer page) sits behind a login, so an anonymous scrape only sees the sign-in shell. Pass `--auth` and `eds` opens a **headed** browser once — you log in by hand, it saves the session, and every later scrape reuses it. The session (cookies/localStorage) is stored owner-only under `~/.eds/auth/<provider>.json`; re-login with `--auth-refresh`. (The saved session is a secret — it's never written to the repo.)
|
|
298
|
+
|
|
297
299
|
**Fetch → cache → generate.** `eds` resolves the design **once** into a snapshot, then the agent generates from it — so retries and refine passes never re-fetch. It picks the cheapest adapter automatically:
|
|
298
300
|
|
|
299
301
|
1. **Local file** — pass a path to an SVG/PNG export (`eds block from-design ./hero.svg`) → read from disk, no network.
|
|
@@ -310,6 +312,7 @@ The agent then generates pixel-perfect code (JS + CSS) **and its Universal Edito
|
|
|
310
312
|
eds block from-design # interactive wizard
|
|
311
313
|
eds block from-design "<figma-url>" --name hero # non-interactive (REST if a token is set, else MCP)
|
|
312
314
|
eds block from-design "<framer-url>" --name hero # Framer/Stitch → scraped with headless Chromium
|
|
315
|
+
eds block from-design "<stitch-url>" --name hero --auth # gated source → log in once, reuse the session
|
|
313
316
|
eds block from-design ./hero.svg --name hero # from a local export (no network)
|
|
314
317
|
eds block from-design --sample --name hero # bundled Kiri Bloom sample (no token, no MCP)
|
|
315
318
|
eds block from-design "<figma-url>" --dry-run # just build the prompt
|
|
@@ -326,6 +329,8 @@ eds block from-design "<figma-url>" --dry-run # just build the prompt
|
|
|
326
329
|
| `--no-ue-model` | Skip the Universal Editor model |
|
|
327
330
|
| `--screenshot` | Add a screenshot MCP call for a pixel check (opt-in — costs a call) |
|
|
328
331
|
| `--mcp` | Force the Figma MCP adapter even when a REST token is set |
|
|
332
|
+
| `--auth` | Scrape with a logged-in session (Framer/Stitch): log in once, reuse it |
|
|
333
|
+
| `--auth-refresh` | Force a fresh scrape login even if a session is saved |
|
|
329
334
|
| `--refresh` | Ignore the cached snapshot and re-fetch |
|
|
330
335
|
| `--sample` | Use the bundled Kiri Bloom sample design (no URL, token or MCP) |
|
|
331
336
|
| `--serve` | Auto-start the live preview (non-interactive runs only) |
|