aem-eds-kit 0.4.54 → 0.4.57
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/CHANGELOG.md +24 -0
- package/README.md +40 -18
- package/dist/bin/eds.js +92 -84
- package/package.json +1 -1
- package/samples/hero.svg +46 -29
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "aem-eds-kit",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.57",
|
|
4
4
|
"description": "CLI for AEM Edge Delivery Services: blocks from Figma, Framer or Google Stitch designs, AEM component migration (AEMaaCS and 6.5), Universal Editor models and QA",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"engines": {
|
package/samples/hero.svg
CHANGED
|
@@ -1,35 +1,52 @@
|
|
|
1
|
-
<svg width="
|
|
2
|
-
<!-- aem-eds-kit sample design:
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
<svg width="1440" height="709" viewBox="0 0 1440 709" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<!-- aem-eds-kit sample design: the "hero" frame of the project's example file.
|
|
3
|
+
The same block as examples/figma-kit (the Figma file its plugin builds) and
|
|
4
|
+
site/example/ (its HTML twin, https://piotrgodycki.github.io/aem-eds-kit/example/):
|
|
5
|
+
same copy, tokens and 1440px geometry. Bundled so the sample flag of
|
|
6
|
+
eds block from-design works offline (no Figma token, no MCP).
|
|
7
|
+
Real <text> nodes and role-named groups, so the agent reads copy and roles.
|
|
8
|
+
Variant: Layout=split, Theme=dark. -->
|
|
9
|
+
<g id="hero">
|
|
10
|
+
<rect id="background" width="1440" height="709" fill="#0D0D0C"/>
|
|
7
11
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
<circle cx="1012" cy="260" r="132" fill="#1F5A3D"/>
|
|
11
|
-
<circle cx="1012" cy="260" r="58" fill="#E8B4C8"/>
|
|
12
|
-
<path d="M1012 118c34 48 34 96 0 142-34-46-34-94 0-142z" fill="#F4D4E0"/>
|
|
13
|
-
<path d="M1012 402c-34-48-34-96 0-142 34 46 34 94 0 142z" fill="#F4D4E0"/>
|
|
14
|
-
<path d="M870 260c48-34 96-34 142 0-46 34-94 34-142 0z" fill="#F4D4E0"/>
|
|
15
|
-
<path d="M1154 260c-48 34-96 34-142 0 46-34 94-34 142 0z" fill="#F4D4E0"/>
|
|
12
|
+
<g id="hero-content">
|
|
13
|
+
<text id="eyebrow" x="120" y="168" font-family="Geist Mono, ui-monospace, monospace" font-size="13" font-weight="500" fill="#FF5A36">CLI for AEM Edge Delivery Services</text>
|
|
16
14
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
<g id="headline" font-family="Geist, system-ui, sans-serif" font-size="72" font-weight="600" letter-spacing="-3.24" fill="#ECEBE6">
|
|
16
|
+
<text x="118" y="236">Design frame in.</text>
|
|
17
|
+
<text x="118" y="308">EDS block out.</text>
|
|
18
|
+
</g>
|
|
20
19
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
20
|
+
<g id="description" font-family="Geist, system-ui, sans-serif" font-size="19" font-weight="400" fill="#9A9890">
|
|
21
|
+
<text x="120" y="381">Paste a design link - a Figma URL, or a Framer / Stitch page.</text>
|
|
22
|
+
<text x="120" y="410">Figma is read via MCP/REST; Framer and Stitch are scraped</text>
|
|
23
|
+
<text x="120" y="440">with headless Chromium. Your AI agent writes the block - JS,</text>
|
|
24
|
+
<text x="120" y="469">CSS and a Universal Editor model - straight into your repo.</text>
|
|
25
|
+
</g>
|
|
24
26
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
27
|
+
<g id="cta-group" font-family="Geist, system-ui, sans-serif" font-size="15" font-weight="600">
|
|
28
|
+
<g id="button-primary">
|
|
29
|
+
<rect x="120" y="507" width="147" height="48" rx="12" fill="#FF5A36"/>
|
|
30
|
+
<text x="193.5" y="536" text-anchor="middle" fill="#0D0D0C">Install the CLI</text>
|
|
31
|
+
</g>
|
|
32
|
+
<g id="button-secondary">
|
|
33
|
+
<rect x="279.5" y="507.5" width="152" height="47" rx="12" stroke="#ECEBE6"/>
|
|
34
|
+
<text x="355.5" y="536" text-anchor="middle" fill="#ECEBE6">Read the docs</text>
|
|
35
|
+
</g>
|
|
36
|
+
</g>
|
|
37
|
+
</g>
|
|
28
38
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
39
|
+
<!-- hero-image: 560x517, radius 20. Decorative illustration (design frame,
|
|
40
|
+
model, JS and CSS layers stacked above the rendered page); authors
|
|
41
|
+
supply the real image. -->
|
|
42
|
+
<g id="hero-image">
|
|
43
|
+
<rect x="760" y="96" width="560" height="517" rx="20" fill="#0D0D0C"/>
|
|
44
|
+
<path d="M840 470 L1040 560 L1240 470 L1040 380 Z" fill="#ECEBE6"/>
|
|
45
|
+
<path d="M840 430 L1040 520 L1240 430 L1040 340 Z" fill="#1F1F1C" stroke="#2A2A27"/>
|
|
46
|
+
<path d="M840 390 L1040 480 L1240 390 L1040 300 Z" fill="#1F1F1C" stroke="#2A2A27"/>
|
|
47
|
+
<path d="M840 350 L1040 440 L1240 350 L1040 260 Z" fill="#1F1F1C" stroke="#2A2A27"/>
|
|
48
|
+
<path d="M840 300 L1040 390 L1240 300 L1040 210 Z" fill="#161614" stroke="#FF5A36" stroke-width="2"/>
|
|
49
|
+
<path d="M900 300 L1040 363 L1180 300 L1040 237 Z" stroke="#FF5A36" stroke-opacity="0.5"/>
|
|
50
|
+
</g>
|
|
51
|
+
</g>
|
|
35
52
|
</svg>
|