design-brain-memory 0.8.2 → 0.9.0

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.
Files changed (126) hide show
  1. package/dist/agentBrowser.d.ts +1 -0
  2. package/dist/agentBrowser.js +1 -0
  3. package/dist/agentBrowser.js.map +1 -1
  4. package/dist/classify.d.ts +21 -0
  5. package/dist/classify.js +205 -0
  6. package/dist/classify.js.map +1 -0
  7. package/dist/cli.js +216 -219
  8. package/dist/cli.js.map +1 -1
  9. package/dist/commands.d.ts +1 -60
  10. package/dist/commands.js +10 -322
  11. package/dist/commands.js.map +1 -1
  12. package/dist/extractFromUrl.d.ts +0 -7
  13. package/dist/extractFromUrl.js +353 -82
  14. package/dist/extractFromUrl.js.map +1 -1
  15. package/dist/index.d.ts +12 -24
  16. package/dist/index.js +11 -16
  17. package/dist/index.js.map +1 -1
  18. package/dist/llm.d.ts +6 -0
  19. package/dist/llm.js +12 -1
  20. package/dist/llm.js.map +1 -1
  21. package/dist/persona.d.ts +2 -0
  22. package/dist/persona.js +234 -0
  23. package/dist/persona.js.map +1 -0
  24. package/dist/query.js +6 -1
  25. package/dist/query.js.map +1 -1
  26. package/dist/render.d.ts +10 -2
  27. package/dist/render.js +175 -80
  28. package/dist/render.js.map +1 -1
  29. package/dist/scan.d.ts +10 -0
  30. package/dist/scan.js +393 -0
  31. package/dist/scan.js.map +1 -0
  32. package/dist/scanRenderer.d.ts +2 -0
  33. package/dist/scanRenderer.js +155 -0
  34. package/dist/scanRenderer.js.map +1 -0
  35. package/dist/skillPrompt.d.ts +3 -1
  36. package/dist/skillPrompt.js +148 -22
  37. package/dist/skillPrompt.js.map +1 -1
  38. package/dist/store.d.ts +5 -1
  39. package/dist/store.js +19 -0
  40. package/dist/store.js.map +1 -1
  41. package/dist/taste.d.ts +9 -0
  42. package/dist/taste.js +598 -0
  43. package/dist/taste.js.map +1 -0
  44. package/dist/tasteDiff.d.ts +19 -0
  45. package/dist/tasteDiff.js +340 -0
  46. package/dist/tasteDiff.js.map +1 -0
  47. package/dist/tasteGenerate.d.ts +12 -0
  48. package/dist/tasteGenerate.js +140 -0
  49. package/dist/tasteGenerate.js.map +1 -0
  50. package/dist/tasteRefine.d.ts +13 -0
  51. package/dist/tasteRefine.js +351 -0
  52. package/dist/tasteRefine.js.map +1 -0
  53. package/dist/tasteRenderer.d.ts +4 -0
  54. package/dist/tasteRenderer.js +133 -0
  55. package/dist/tasteRenderer.js.map +1 -0
  56. package/dist/theatrical.d.ts +5 -0
  57. package/dist/theatrical.js +258 -0
  58. package/dist/theatrical.js.map +1 -0
  59. package/dist/types.d.ts +196 -27
  60. package/package.json +4 -3
  61. package/skills/SKILL.md +36 -0
  62. package/skills/design-brain/SKILL.md +77 -0
  63. package/README.md +0 -242
  64. package/dist/aggregate.d.ts +0 -9
  65. package/dist/aggregate.js +0 -53
  66. package/dist/aggregate.js.map +0 -1
  67. package/dist/batch.d.ts +0 -16
  68. package/dist/batch.js +0 -44
  69. package/dist/batch.js.map +0 -1
  70. package/dist/compare.d.ts +0 -33
  71. package/dist/compare.js +0 -83
  72. package/dist/compare.js.map +0 -1
  73. package/dist/componentGraph.d.ts +0 -22
  74. package/dist/componentGraph.js +0 -106
  75. package/dist/componentGraph.js.map +0 -1
  76. package/dist/contextLayer.d.ts +0 -12
  77. package/dist/contextLayer.js +0 -263
  78. package/dist/contextLayer.js.map +0 -1
  79. package/dist/cssInJs.d.ts +0 -9
  80. package/dist/cssInJs.js +0 -124
  81. package/dist/cssInJs.js.map +0 -1
  82. package/dist/graphView.d.ts +0 -21
  83. package/dist/graphView.js +0 -492
  84. package/dist/graphView.js.map +0 -1
  85. package/dist/knowledge.d.ts +0 -20
  86. package/dist/knowledge.js +0 -208
  87. package/dist/knowledge.js.map +0 -1
  88. package/dist/liveView.d.ts +0 -15
  89. package/dist/liveView.js +0 -476
  90. package/dist/liveView.js.map +0 -1
  91. package/dist/moodboard.d.ts +0 -3
  92. package/dist/moodboard.js +0 -139
  93. package/dist/moodboard.js.map +0 -1
  94. package/dist/reviewChecklist.d.ts +0 -17
  95. package/dist/reviewChecklist.js +0 -126
  96. package/dist/reviewChecklist.js.map +0 -1
  97. package/dist/scorecard.d.ts +0 -48
  98. package/dist/scorecard.js +0 -201
  99. package/dist/scorecard.js.map +0 -1
  100. package/dist/styleDictionary.d.ts +0 -16
  101. package/dist/styleDictionary.js +0 -89
  102. package/dist/styleDictionary.js.map +0 -1
  103. package/dist/svg.d.ts +0 -5
  104. package/dist/svg.js +0 -162
  105. package/dist/svg.js.map +0 -1
  106. package/dist/systemDiff.d.ts +0 -28
  107. package/dist/systemDiff.js +0 -107
  108. package/dist/systemDiff.js.map +0 -1
  109. package/dist/tailwind.d.ts +0 -2
  110. package/dist/tailwind.js +0 -122
  111. package/dist/tailwind.js.map +0 -1
  112. package/dist/tokenNaming.d.ts +0 -5
  113. package/dist/tokenNaming.js +0 -229
  114. package/dist/tokenNaming.js.map +0 -1
  115. package/dist/tokens.d.ts +0 -17
  116. package/dist/tokens.js +0 -44
  117. package/dist/tokens.js.map +0 -1
  118. package/dist/trends.d.ts +0 -12
  119. package/dist/trends.js +0 -178
  120. package/dist/trends.js.map +0 -1
  121. package/dist/wiki.d.ts +0 -10
  122. package/dist/wiki.js +0 -346
  123. package/dist/wiki.js.map +0 -1
  124. package/dist/writingStyle.d.ts +0 -38
  125. package/dist/writingStyle.js +0 -224
  126. package/dist/writingStyle.js.map +0 -1
@@ -1,89 +0,0 @@
1
- const COLOR_KEY_PATTERNS = /color|bg|border|text|fill|stroke|accent|brand|surface/i;
2
- const COLOR_VALUE_RE = /^#[0-9a-f]{3,8}$/i;
3
- function deriveColorKey(varName) {
4
- let key = varName.replace(/^--/, '');
5
- key = key
6
- .replace(/^hds-canary-color-/, '')
7
- .replace(/^hds-color-/, '')
8
- .replace(/^hds-canary-/, '')
9
- .replace(/^hds-/, '')
10
- .replace(/^brand-/, '')
11
- .replace(/^theme-/, '');
12
- key = key.replace(/-+/g, '-').replace(/^-|-$/g, '');
13
- return key || varName.replace(/^--/, '');
14
- }
15
- function sanitizeFontKey(family) {
16
- const first = family.split(',')[0].trim().replace(/['"]/g, '');
17
- return first.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '');
18
- }
19
- export function generateStyleDictionary(project) {
20
- const colors = {};
21
- const fontFamilies = {};
22
- const fontSizes = {};
23
- const motion = {};
24
- // Colors from CSS variables
25
- for (const inspo of project.inspirations) {
26
- for (const [varName, value] of Object.entries(inspo.analysis.cssVariables)) {
27
- if (!COLOR_KEY_PATTERNS.test(varName))
28
- continue;
29
- if (!COLOR_VALUE_RE.test(value.trim()))
30
- continue;
31
- const key = deriveColorKey(varName);
32
- if (!colors[key]) {
33
- colors[key] = { value: value.trim(), type: 'color' };
34
- }
35
- }
36
- }
37
- // Colors from ColorToken[] not already covered
38
- for (const inspo of project.inspirations) {
39
- for (const color of inspo.analysis.colors) {
40
- const upper = color.hex.toUpperCase();
41
- const exists = Object.values(colors).some((t) => t.value.toUpperCase() === upper);
42
- if (!exists) {
43
- colors[`color-${Object.keys(colors).length + 1}`] = { value: color.hex, type: 'color' };
44
- }
45
- }
46
- }
47
- // Typography
48
- const seenFamilies = new Set();
49
- const seenSizes = new Set();
50
- for (const inspo of project.inspirations) {
51
- for (const token of inspo.analysis.typography) {
52
- const familyKey = sanitizeFontKey(token.fontFamily);
53
- if (familyKey && !seenFamilies.has(familyKey)) {
54
- seenFamilies.add(familyKey);
55
- fontFamilies[familyKey] = { value: token.fontFamily, type: 'fontFamily' };
56
- }
57
- const sizeMatch = token.fontSize.match(/^(\d+(?:\.\d+)?)\s*px$/i);
58
- if (sizeMatch && !seenSizes.has(sizeMatch[1])) {
59
- seenSizes.add(sizeMatch[1]);
60
- fontSizes[sizeMatch[1]] = { value: token.fontSize, type: 'fontSize' };
61
- }
62
- }
63
- }
64
- // Motion — unique durations and easing curves
65
- const seenDurations = new Set();
66
- const seenEasing = new Set();
67
- for (const inspo of project.inspirations) {
68
- for (const m of inspo.analysis.motion) {
69
- for (const t of m.transitions ?? []) {
70
- if (t.duration && t.duration !== '0s' && !seenDurations.has(t.duration)) {
71
- seenDurations.add(t.duration);
72
- const key = `transition-duration-${seenDurations.size}`;
73
- motion[key] = { value: t.duration, type: 'duration' };
74
- }
75
- if (t.timingFunction && t.timingFunction !== 'ease' && !seenEasing.has(t.timingFunction)) {
76
- seenEasing.add(t.timingFunction);
77
- const key = `transition-easing-${seenEasing.size}`;
78
- motion[key] = { value: t.timingFunction, type: 'cubicBezier' };
79
- }
80
- }
81
- }
82
- }
83
- return {
84
- color: colors,
85
- font: { family: fontFamilies, size: fontSizes },
86
- motion,
87
- };
88
- }
89
- //# sourceMappingURL=styleDictionary.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styleDictionary.js","sourceRoot":"","sources":["../src/styleDictionary.ts"],"names":[],"mappings":"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"}
package/dist/svg.d.ts DELETED
@@ -1,5 +0,0 @@
1
- import type { ColorToken, ComponentToken, LayoutToken, TypographyToken } from './types.js';
2
- export declare function generatePaletteSvg(colors: ColorToken[], title: string): string;
3
- export declare function generateComponentsSvg(components: ComponentToken[], title: string): string;
4
- export declare function generateTypographySvg(tokens: TypographyToken[], title: string): string;
5
- export declare function generateLayoutSvg(layout: LayoutToken[], title: string): string;
package/dist/svg.js DELETED
@@ -1,162 +0,0 @@
1
- import { truncate } from './util.js';
2
- function escapeXml(text) {
3
- return text
4
- .replace(/&/g, '&')
5
- .replace(/</g, '&lt;')
6
- .replace(/>/g, '&gt;')
7
- .replace(/"/g, '&quot;');
8
- }
9
- const SWATCH_SIZE = 60;
10
- const SWATCH_GAP = 12;
11
- const COLS = 5;
12
- const MAX_COLORS = 20;
13
- const FONT = 'system-ui, -apple-system, sans-serif';
14
- export function generatePaletteSvg(colors, title) {
15
- const items = colors.slice(0, MAX_COLORS);
16
- if (items.length === 0) {
17
- return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 60">\n`
18
- + ` <text x="10" y="30" font-family="${FONT}" font-size="14" fill="#888">No colors captured</text>\n`
19
- + `</svg>`;
20
- }
21
- const maxCount = Math.max(...items.map((c) => c.count), 1);
22
- const rows = Math.ceil(items.length / COLS);
23
- const cellW = SWATCH_SIZE + SWATCH_GAP;
24
- const rowH = SWATCH_SIZE + 60;
25
- const width = COLS * cellW + SWATCH_GAP;
26
- const height = 40 + rows * rowH + 10;
27
- const rects = items.map((color, i) => {
28
- const col = i % COLS;
29
- const row = Math.floor(i / COLS);
30
- const x = SWATCH_GAP + col * cellW;
31
- const y = 40 + row * rowH;
32
- const barW = Math.round((color.count / maxCount) * SWATCH_SIZE);
33
- const hex = escapeXml(color.hex);
34
- return [
35
- ` <rect x="${x}" y="${y}" width="${SWATCH_SIZE}" height="${SWATCH_SIZE}" fill="${hex}" rx="4"/>`,
36
- ` <text x="${x}" y="${y + SWATCH_SIZE + 14}" font-family="${FONT}" font-size="10" fill="#333">${hex}</text>`,
37
- ` <rect x="${x}" y="${y + SWATCH_SIZE + 20}" width="${SWATCH_SIZE}" height="6" fill="#eee" rx="2"/>`,
38
- ` <rect x="${x}" y="${y + SWATCH_SIZE + 20}" width="${barW}" height="6" fill="${hex}" rx="2"/>`,
39
- ` <text x="${x}" y="${y + SWATCH_SIZE + 40}" font-family="${FONT}" font-size="9" fill="#888">${color.count}</text>`,
40
- ].join('\n');
41
- });
42
- return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${width} ${height}">\n`
43
- + ` <text x="${SWATCH_GAP}" y="24" font-family="${FONT}" font-size="16" font-weight="600" fill="#111">${escapeXml(title)} — Color Palette</text>\n`
44
- + rects.join('\n')
45
- + `\n</svg>`;
46
- }
47
- const COMP_GROUP_W = 220;
48
- const COMP_ITEM_H = 52;
49
- const COMP_GAP = 16;
50
- export function generateComponentsSvg(components, title) {
51
- if (components.length === 0) {
52
- return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 60">\n`
53
- + ` <text x="10" y="30" font-family="${FONT}" font-size="14" fill="#888">No components captured</text>\n`
54
- + `</svg>`;
55
- }
56
- const groups = new Map();
57
- for (const comp of components) {
58
- const list = groups.get(comp.kind) ?? [];
59
- list.push(comp);
60
- groups.set(comp.kind, list);
61
- }
62
- const sortedGroups = [...groups.entries()].sort((a, b) => b[1].length - a[1].length);
63
- const colOffsets = [COMP_GAP, COMP_GROUP_W + COMP_GAP * 2];
64
- const colHeights = [50, 50];
65
- const groupSvgs = [];
66
- for (const [kind, items] of sortedGroups) {
67
- const col = colHeights[0] <= colHeights[1] ? 0 : 1;
68
- const x = colOffsets[col];
69
- let y = colHeights[col];
70
- groupSvgs.push(` <text x="${x}" y="${y + 16}" font-family="${FONT}" font-size="13" font-weight="600" fill="#333">${escapeXml(kind)} (${items.length})</text>`);
71
- y += 24;
72
- const visible = items.slice(0, 8);
73
- const boxH = visible.length * COMP_ITEM_H + 8;
74
- groupSvgs.push(` <rect x="${x}" y="${y}" width="${COMP_GROUP_W}" height="${boxH}" fill="none" stroke="#ddd" rx="6"/>`);
75
- for (let idx = 0; idx < visible.length; idx++) {
76
- const item = visible[idx];
77
- groupSvgs.push(` <text x="${x + 8}" y="${y + 18}" font-family="${FONT}" font-size="11" fill="#555">&lt;${escapeXml(item.tag)}&gt;</text>`, ` <text x="${x + 8}" y="${y + 32}" font-family="monospace" font-size="10" fill="#888">${escapeXml(item.selector)}</text>`, ` <text x="${x + 8}" y="${y + 44}" font-family="${FONT}" font-size="10" fill="#aaa">${escapeXml(truncate(item.text || '-', 30))}</text>`);
78
- y += COMP_ITEM_H;
79
- if (idx < visible.length - 1) {
80
- groupSvgs.push(` <line x1="${x + 8}" y1="${y}" x2="${x + COMP_GROUP_W - 8}" y2="${y}" stroke="#eee"/>`);
81
- }
82
- }
83
- colHeights[col] = y + boxH / visible.length + COMP_GAP;
84
- }
85
- const height = Math.max(...colHeights) + 10;
86
- const width = colOffsets[1] + COMP_GROUP_W + COMP_GAP;
87
- return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${width} ${height}">\n`
88
- + ` <text x="${COMP_GAP}" y="28" font-family="${FONT}" font-size="16" font-weight="600" fill="#111">${escapeXml(title)} — Component Inventory</text>\n`
89
- + groupSvgs.join('\n')
90
- + `\n</svg>`;
91
- }
92
- const TYPO_ROW_H = 36;
93
- const TYPO_BAR_W = 60;
94
- export function generateTypographySvg(tokens, title) {
95
- if (tokens.length === 0) {
96
- return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 60">\n`
97
- + ` <text x="10" y="30" font-family="${FONT}" font-size="14" fill="#888">No typography captured</text>\n`
98
- + `</svg>`;
99
- }
100
- const families = new Map();
101
- for (const token of tokens) {
102
- const list = families.get(token.fontFamily) ?? [];
103
- list.push(token);
104
- families.set(token.fontFamily, list);
105
- }
106
- const maxCount = Math.max(...tokens.map((t) => t.count), 1);
107
- const width = 600;
108
- let y = 50;
109
- const lines = [];
110
- for (const [family, items] of families) {
111
- lines.push(` <text x="12" y="${y}" font-family="${FONT}" font-size="14" font-weight="600" fill="#222">${escapeXml(family)}</text>`);
112
- y += 6;
113
- lines.push(` <line x1="12" y1="${y}" x2="${width - 12}" y2="${y}" stroke="#ddd"/>`);
114
- y += 20;
115
- for (const token of items.slice(0, 10)) {
116
- const meta = `${escapeXml(token.fontSize)} / ${escapeXml(token.fontWeight)} / ${escapeXml(token.lineHeight)}`;
117
- const barW = Math.round((token.count / maxCount) * TYPO_BAR_W);
118
- lines.push(` <text x="12" y="${y}" font-family="${FONT}" font-size="11" fill="#555">${meta}</text>`, ` <rect x="240" y="${y - 8}" width="${TYPO_BAR_W}" height="8" fill="#eee" rx="2"/>`, ` <rect x="240" y="${y - 8}" width="${barW}" height="8" fill="#555" rx="2"/>`, ` <text x="310" y="${y}" font-family="${FONT}" font-size="9" fill="#888">${token.count}</text>`, ` <text x="350" y="${y}" font-family="${escapeXml(family)}, ${FONT}" font-size="12" fill="#333">Aa Bb Cc 123</text>`);
119
- y += TYPO_ROW_H;
120
- }
121
- y += 12;
122
- }
123
- return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${width} ${y + 10}">\n`
124
- + ` <text x="12" y="28" font-family="${FONT}" font-size="16" font-weight="600" fill="#111">${escapeXml(title)} — Typography Specimen</text>\n`
125
- + lines.join('\n')
126
- + `\n</svg>`;
127
- }
128
- const LAYOUT_W = 500;
129
- const LAYOUT_PAD = 16;
130
- const LAYOUT_ITEM_H = 56;
131
- const ROLE_COLORS = {
132
- banner: '#E3F2FD',
133
- navigation: '#FFF3E0',
134
- main: '#E8F5E9',
135
- complementary: '#F3E5F5',
136
- contentinfo: '#ECEFF1',
137
- region: '#FFFDE7',
138
- };
139
- export function generateLayoutSvg(layout, title) {
140
- if (layout.length === 0) {
141
- return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 60">\n`
142
- + ` <text x="10" y="30" font-family="${FONT}" font-size="14" fill="#888">No layout captured</text>\n`
143
- + `</svg>`;
144
- }
145
- const items = layout.slice(0, 12);
146
- const nestedTags = new Set(['aside', 'section', 'article']);
147
- let y = 50;
148
- const lines = [];
149
- for (const item of items) {
150
- const isNested = nestedTags.has(item.tag);
151
- const indent = isNested ? LAYOUT_PAD * 2 : LAYOUT_PAD;
152
- const boxW = isNested ? LAYOUT_W - LAYOUT_PAD * 4 : LAYOUT_W - LAYOUT_PAD * 2;
153
- const fill = ROLE_COLORS[item.role] ?? '#F5F5F5';
154
- lines.push(` <rect x="${indent}" y="${y}" width="${boxW}" height="${LAYOUT_ITEM_H}" fill="${fill}" stroke="#ccc" rx="4"/>`, ` <text x="${indent + 8}" y="${y + 18}" font-family="${FONT}" font-size="11" font-weight="600" fill="#333">&lt;${escapeXml(item.tag)}&gt; ${escapeXml(item.selector)} [${escapeXml(item.role || '-')}]</text>`, ` <text x="${indent + 8}" y="${y + 36}" font-family="${FONT}" font-size="10" fill="#888">children: ${item.children}</text>`);
155
- y += LAYOUT_ITEM_H + 8;
156
- }
157
- return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${LAYOUT_W} ${y + 10}">\n`
158
- + ` <text x="${LAYOUT_PAD}" y="28" font-family="${FONT}" font-size="16" font-weight="600" fill="#111">${escapeXml(title)} — Layout Structure</text>\n`
159
- + lines.join('\n')
160
- + `\n</svg>`;
161
- }
162
- //# sourceMappingURL=svg.js.map
package/dist/svg.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"svg.js","sourceRoot":"","sources":["../src/svg.ts"],"names":[],"mappings":"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"}
@@ -1,28 +0,0 @@
1
- import type { ProjectRecord } from './types.js';
2
- export interface SystemDiffCategory<T> {
3
- shared: T[];
4
- onlyA: T[];
5
- onlyB: T[];
6
- }
7
- export interface TemporalDiffCategory<T> {
8
- persisted: T[];
9
- added: T[];
10
- removed: T[];
11
- }
12
- export interface SystemDiff {
13
- colors: SystemDiffCategory<string>;
14
- fonts: SystemDiffCategory<string>;
15
- componentKinds: SystemDiffCategory<string>;
16
- motionDurations: SystemDiffCategory<string>;
17
- }
18
- export interface TemporalDiff {
19
- colors: TemporalDiffCategory<string>;
20
- fonts: TemporalDiffCategory<string>;
21
- componentKinds: TemporalDiffCategory<string>;
22
- motionDurations: TemporalDiffCategory<string>;
23
- firstHalfCount: number;
24
- secondHalfCount: number;
25
- }
26
- export declare function diffProjects(projectA: ProjectRecord, projectB: ProjectRecord): SystemDiff;
27
- export declare function diffTemporal(project: ProjectRecord): TemporalDiff;
28
- export declare function renderSystemDiff(diff: SystemDiff | TemporalDiff, mode: 'cross-project' | 'temporal', labelA: string, labelB: string): string;
@@ -1,107 +0,0 @@
1
- import { aggregateColors, aggregateTypography, aggregateComponents, aggregateMotion, } from './aggregate.js';
2
- function diffSets(setA, setB) {
3
- const shared = [...setA].filter((v) => setB.has(v));
4
- const onlyA = [...setA].filter((v) => !setB.has(v));
5
- const onlyB = [...setB].filter((v) => !setA.has(v));
6
- return { shared, onlyA, onlyB };
7
- }
8
- function extractColorSet(project) {
9
- return new Set(aggregateColors(project.inspirations).map((c) => c.hex.toUpperCase()));
10
- }
11
- function extractFontSet(project) {
12
- return new Set(aggregateTypography(project.inspirations).map((t) => t.fontFamily.split(',')[0].trim().replace(/['"]/g, '').toLowerCase()));
13
- }
14
- function extractComponentKindSet(project) {
15
- return new Set(aggregateComponents(project.inspirations).map((c) => c.kind));
16
- }
17
- function extractMotionDurationSet(project) {
18
- const durations = new Set();
19
- for (const m of aggregateMotion(project.inspirations)) {
20
- for (const t of m.transitions ?? []) {
21
- if (t.duration && t.duration !== '0s')
22
- durations.add(t.duration);
23
- }
24
- }
25
- return durations;
26
- }
27
- export function diffProjects(projectA, projectB) {
28
- return {
29
- colors: diffSets(extractColorSet(projectA), extractColorSet(projectB)),
30
- fonts: diffSets(extractFontSet(projectA), extractFontSet(projectB)),
31
- componentKinds: diffSets(extractComponentKindSet(projectA), extractComponentKindSet(projectB)),
32
- motionDurations: diffSets(extractMotionDurationSet(projectA), extractMotionDurationSet(projectB)),
33
- };
34
- }
35
- export function diffTemporal(project) {
36
- const sorted = [...project.inspirations].sort((a, b) => a.capturedAt.localeCompare(b.capturedAt));
37
- const mid = Math.floor(sorted.length / 2);
38
- const firstHalf = sorted.slice(0, mid);
39
- const secondHalf = sorted.slice(mid);
40
- const fakeA = { ...project, inspirations: firstHalf };
41
- const fakeB = { ...project, inspirations: secondHalf };
42
- const diff = diffProjects(fakeA, fakeB);
43
- return {
44
- colors: { persisted: diff.colors.shared, added: diff.colors.onlyB, removed: diff.colors.onlyA },
45
- fonts: { persisted: diff.fonts.shared, added: diff.fonts.onlyB, removed: diff.fonts.onlyA },
46
- componentKinds: { persisted: diff.componentKinds.shared, added: diff.componentKinds.onlyB, removed: diff.componentKinds.onlyA },
47
- motionDurations: { persisted: diff.motionDurations.shared, added: diff.motionDurations.onlyB, removed: diff.motionDurations.onlyA },
48
- firstHalfCount: firstHalf.length,
49
- secondHalfCount: secondHalf.length,
50
- };
51
- }
52
- function renderDiffSection(label, data, labelA, labelB) {
53
- const lines = [];
54
- lines.push(`## ${label}\n`);
55
- lines.push('| Status | Value |');
56
- lines.push('| --- | --- |');
57
- for (const v of data.shared)
58
- lines.push(`| Shared | ${v} |`);
59
- for (const v of data.onlyA)
60
- lines.push(`| Only in ${labelA} | ${v} |`);
61
- for (const v of data.onlyB)
62
- lines.push(`| Only in ${labelB} | ${v} |`);
63
- lines.push('');
64
- return lines;
65
- }
66
- export function renderSystemDiff(diff, mode, labelA, labelB) {
67
- const lines = [];
68
- lines.push(`# Design System Diff — ${labelA} vs ${labelB}\n`);
69
- lines.push(`Mode: ${mode}\n`);
70
- if (mode === 'temporal') {
71
- const td = diff;
72
- lines.push(`First half: ${td.firstHalfCount} captures | Second half: ${td.secondHalfCount} captures\n`);
73
- const adapt = (cat) => ({ shared: cat.persisted, onlyA: cat.removed, onlyB: cat.added });
74
- lines.push(...renderDiffSection('Colors', adapt(td.colors), 'Removed', 'Added'));
75
- lines.push(...renderDiffSection('Fonts', adapt(td.fonts), 'Removed', 'Added'));
76
- lines.push(...renderDiffSection('Component Kinds', adapt(td.componentKinds), 'Removed', 'Added'));
77
- lines.push(...renderDiffSection('Motion Durations', adapt(td.motionDurations), 'Removed', 'Added'));
78
- }
79
- else {
80
- const sd = diff;
81
- lines.push(...renderDiffSection('Colors', sd.colors, labelA, labelB));
82
- lines.push(...renderDiffSection('Fonts', sd.fonts, labelA, labelB));
83
- lines.push(...renderDiffSection('Component Kinds', sd.componentKinds, labelA, labelB));
84
- lines.push(...renderDiffSection('Motion Durations', sd.motionDurations, labelA, labelB));
85
- }
86
- lines.push('## Summary\n');
87
- if (mode === 'temporal') {
88
- const td = diff;
89
- lines.push('| Category | Persisted | Added | Removed |');
90
- lines.push('| --- | --- | --- | --- |');
91
- lines.push(`| Colors | ${td.colors.persisted.length} | ${td.colors.added.length} | ${td.colors.removed.length} |`);
92
- lines.push(`| Fonts | ${td.fonts.persisted.length} | ${td.fonts.added.length} | ${td.fonts.removed.length} |`);
93
- lines.push(`| Components | ${td.componentKinds.persisted.length} | ${td.componentKinds.added.length} | ${td.componentKinds.removed.length} |`);
94
- lines.push(`| Motion | ${td.motionDurations.persisted.length} | ${td.motionDurations.added.length} | ${td.motionDurations.removed.length} |`);
95
- }
96
- else {
97
- const sd = diff;
98
- lines.push(`| Category | Shared | Only ${labelA} | Only ${labelB} |`);
99
- lines.push('| --- | --- | --- | --- |');
100
- lines.push(`| Colors | ${sd.colors.shared.length} | ${sd.colors.onlyA.length} | ${sd.colors.onlyB.length} |`);
101
- lines.push(`| Fonts | ${sd.fonts.shared.length} | ${sd.fonts.onlyA.length} | ${sd.fonts.onlyB.length} |`);
102
- lines.push(`| Components | ${sd.componentKinds.shared.length} | ${sd.componentKinds.onlyA.length} | ${sd.componentKinds.onlyB.length} |`);
103
- lines.push(`| Motion | ${sd.motionDurations.shared.length} | ${sd.motionDurations.onlyA.length} | ${sd.motionDurations.onlyB.length} |`);
104
- }
105
- return lines.join('\n');
106
- }
107
- //# sourceMappingURL=systemDiff.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"systemDiff.js","sourceRoot":"","sources":["../src/systemDiff.ts"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import type { ProjectRecord } from './types.js';
2
- export declare function generateTailwindConfig(project: ProjectRecord): string;
package/dist/tailwind.js DELETED
@@ -1,122 +0,0 @@
1
- const COLOR_KEY_PATTERNS = /color|bg|border|text|fill|stroke|accent|brand|surface/i;
2
- const COLOR_VALUE_RE = /^#[0-9a-f]{3,8}$/i;
3
- const RGB_VALUE_RE = /^rgb/i;
4
- function isColorValue(value) {
5
- const trimmed = value.trim();
6
- return COLOR_VALUE_RE.test(trimmed) || RGB_VALUE_RE.test(trimmed);
7
- }
8
- function deriveColorKey(varName) {
9
- // Strip leading -- and common prefixes
10
- let key = varName.replace(/^--/, '');
11
- // Remove common vendor/system prefixes (hds-, brand-, etc. keep the semantic part)
12
- // e.g. --hds-color-accent-default-icon-solid → accent-default-icon-solid
13
- // --brand-bg-primary → bg-primary
14
- key = key
15
- .replace(/^hds-canary-color-/, '')
16
- .replace(/^hds-color-/, '')
17
- .replace(/^hds-canary-/, '')
18
- .replace(/^hds-/, '')
19
- .replace(/^brand-/, '')
20
- .replace(/^theme-/, '');
21
- // Collapse repeated segments and trim
22
- key = key.replace(/-+/g, '-').replace(/^-|-$/g, '');
23
- return key || varName.replace(/^--/, '');
24
- }
25
- function sanitizeFontKey(family) {
26
- // Extract first font name: "sohne", sans-serif → sohne
27
- const first = family.split(',')[0].trim().replace(/['"]/g, '');
28
- return first.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '');
29
- }
30
- function parseFontSize(size) {
31
- const match = size.match(/^(\d+(?:\.\d+)?)\s*px$/i);
32
- return match ? match[1] : undefined;
33
- }
34
- export function generateTailwindConfig(project) {
35
- const colorMap = new Map();
36
- const fontFamilies = new Map();
37
- const fontSizes = new Map();
38
- // 1. Extract colors from cssVariables across all inspirations
39
- for (const inspo of project.inspirations) {
40
- for (const [varName, value] of Object.entries(inspo.analysis.cssVariables)) {
41
- if (!COLOR_KEY_PATTERNS.test(varName))
42
- continue;
43
- if (!isColorValue(value))
44
- continue;
45
- const hex = value.trim();
46
- const upperHex = hex.toUpperCase();
47
- if (colorMap.has(upperHex))
48
- continue;
49
- const key = deriveColorKey(varName);
50
- colorMap.set(upperHex, { key, hex });
51
- }
52
- }
53
- // 2. Merge ColorToken[] hex values not already covered
54
- const allColors = [];
55
- for (const inspo of project.inspirations) {
56
- for (const color of inspo.analysis.colors) {
57
- allColors.push(color);
58
- }
59
- }
60
- // Deduplicate and sort by count
61
- const colorsByHex = new Map();
62
- for (const c of allColors) {
63
- colorsByHex.set(c.hex.toUpperCase(), (colorsByHex.get(c.hex.toUpperCase()) ?? 0) + c.count);
64
- }
65
- const sortedColors = [...colorsByHex.entries()].sort((a, b) => b[1] - a[1]);
66
- let colorIndex = 1;
67
- for (const [upperHex] of sortedColors) {
68
- if (colorMap.has(upperHex))
69
- continue;
70
- colorMap.set(upperHex, { key: `color-${colorIndex}`, hex: upperHex });
71
- colorIndex++;
72
- }
73
- // 3. Extract typography
74
- for (const inspo of project.inspirations) {
75
- for (const token of inspo.analysis.typography) {
76
- const familyKey = sanitizeFontKey(token.fontFamily);
77
- if (familyKey && !fontFamilies.has(familyKey)) {
78
- const stack = token.fontFamily.split(',').map((f) => f.trim());
79
- fontFamilies.set(familyKey, stack);
80
- }
81
- const sizeKey = parseFontSize(token.fontSize);
82
- if (sizeKey && !fontSizes.has(sizeKey)) {
83
- fontSizes.set(sizeKey, token.fontSize);
84
- }
85
- }
86
- }
87
- // 4. Build config string
88
- const colorEntries = [...colorMap.values()]
89
- .map(({ key, hex }) => ` '${key}': '${hex}',`)
90
- .join('\n');
91
- const fontFamilyEntries = [...fontFamilies.entries()]
92
- .map(([key, stack]) => {
93
- const formatted = stack.map((f) => {
94
- const trimmed = f.trim();
95
- return trimmed.startsWith('"') || trimmed.startsWith("'") ? trimmed : `'${trimmed}'`;
96
- }).join(', ');
97
- return ` '${key}': [${formatted}],`;
98
- })
99
- .join('\n');
100
- const fontSizeEntries = [...fontSizes.entries()]
101
- .sort((a, b) => Number(a[0]) - Number(b[0]))
102
- .map(([key, value]) => ` '${key}': '${value}',`)
103
- .join('\n');
104
- return `/** @type {import('tailwindcss').Config} */
105
- export default {
106
- theme: {
107
- extend: {
108
- colors: {
109
- ${colorEntries}
110
- },
111
- fontFamily: {
112
- ${fontFamilyEntries}
113
- },
114
- fontSize: {
115
- ${fontSizeEntries}
116
- },
117
- },
118
- },
119
- };
120
- `;
121
- }
122
- //# sourceMappingURL=tailwind.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tailwind.js","sourceRoot":"","sources":["../src/tailwind.ts"],"names":[],"mappings":"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"}
@@ -1,5 +0,0 @@
1
- import type { ProjectRecord } from './types.js';
2
- export declare function nameColor(hex: string): string;
3
- export declare function nameTypographySize(fontSize: string): string;
4
- export declare function nameMotionDuration(duration: string): string;
5
- export declare function nameTokens(project: ProjectRecord): Map<string, string>;