synthesisui 0.1.10 → 0.1.11
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/guide.js +17 -0
- package/package.json +1 -1
package/dist/guide.js
CHANGED
|
@@ -94,6 +94,9 @@ its typographic identity. Load them once (any one approach):
|
|
|
94
94
|
const hasTailwind = "theme.css" in payload.artifacts;
|
|
95
95
|
const hasParts = Object.values(components).some((r) => r.parts && Object.keys(r.parts).length > 0);
|
|
96
96
|
const componentLines = Object.entries(components).map(([cname, recipe]) => componentEntry(cname, recipe));
|
|
97
|
+
// Engagement blocks (gamification library) — category apart from core components.
|
|
98
|
+
const blockEntries = Object.entries(doc.blocks ?? {});
|
|
99
|
+
const blockLines = blockEntries.map(([bname, recipe]) => componentEntry(bname, recipe));
|
|
97
100
|
const artifactList = Object.keys(payload.artifacts)
|
|
98
101
|
.map((f) => `\`${f}\``)
|
|
99
102
|
.join(", ");
|
|
@@ -278,7 +281,21 @@ Each recipe becomes a \`.ds-<name>\` class (inside the \`[data-ds="${slug}"]\` s
|
|
|
278
281
|
multi-part components expose \`.ds-<name>-<part>\` classes (listed under each).
|
|
279
282
|
|
|
280
283
|
${componentLines.join("\n\n")}
|
|
284
|
+
${blockEntries.length
|
|
285
|
+
? `
|
|
286
|
+
---
|
|
287
|
+
|
|
288
|
+
## Engagement blocks (optional)
|
|
281
289
|
|
|
290
|
+
A small gamification library the AI advisor (\`synthesisui advise\`) can propose — same
|
|
291
|
+
\`.ds-<name>\` recipe shape as the components above, token-only so they wear the system. Use them
|
|
292
|
+
**only where they fit the product** (progress, retention, recognition); they're a library to compose
|
|
293
|
+
from, not a default — and lean against over-gamifying a serious B2B product. Each is a \`.ds-<name>\`
|
|
294
|
+
class inside the \`[data-ds="${slug}"]\` scope; multi-part ones expose \`.ds-<name>-<part>\`.
|
|
295
|
+
|
|
296
|
+
${blockLines.join("\n\n")}
|
|
297
|
+
`
|
|
298
|
+
: ""}
|
|
282
299
|
---
|
|
283
300
|
|
|
284
301
|
_Full canonical source of truth (including values and keyframes) in \`design-system.json\`._
|