design-brain-memory 0.9.3 → 0.9.4
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 +273 -0
- package/dist/agentBrowser.d.ts +0 -1
- package/dist/agentBrowser.js +13 -31
- package/dist/agentBrowser.js.map +1 -1
- package/dist/aggregate.d.ts +9 -0
- package/dist/aggregate.js +53 -0
- package/dist/aggregate.js.map +1 -0
- package/dist/batch.d.ts +16 -0
- package/dist/batch.js +44 -0
- package/dist/batch.js.map +1 -0
- package/dist/cli.js +250 -216
- package/dist/cli.js.map +1 -1
- package/dist/commands.d.ts +60 -1
- package/dist/commands.js +323 -10
- package/dist/commands.js.map +1 -1
- package/dist/compare.d.ts +33 -0
- package/dist/compare.js +83 -0
- package/dist/compare.js.map +1 -0
- package/dist/componentGraph.d.ts +22 -0
- package/dist/componentGraph.js +106 -0
- package/dist/componentGraph.js.map +1 -0
- package/dist/contextLayer.d.ts +12 -0
- package/dist/contextLayer.js +263 -0
- package/dist/contextLayer.js.map +1 -0
- package/dist/cssInJs.d.ts +9 -0
- package/dist/cssInJs.js +124 -0
- package/dist/cssInJs.js.map +1 -0
- package/dist/extractFromUrl.d.ts +8 -0
- package/dist/extractFromUrl.js +508 -414
- package/dist/extractFromUrl.js.map +1 -1
- package/dist/graphView.d.ts +21 -0
- package/dist/graphView.js +492 -0
- package/dist/graphView.js.map +1 -0
- package/dist/index.d.ts +26 -11
- package/dist/index.js +17 -10
- package/dist/index.js.map +1 -1
- package/dist/knowledge.d.ts +20 -0
- package/dist/knowledge.js +208 -0
- package/dist/knowledge.js.map +1 -0
- package/dist/liveView.d.ts +15 -0
- package/dist/liveView.js +475 -0
- package/dist/liveView.js.map +1 -0
- package/dist/llm.js +1 -9
- package/dist/llm.js.map +1 -1
- package/dist/moodboard.d.ts +3 -0
- package/dist/moodboard.js +152 -0
- package/dist/moodboard.js.map +1 -0
- package/dist/persona.d.ts +2 -2
- package/dist/persona.js +82 -210
- package/dist/persona.js.map +1 -1
- package/dist/query.js +1 -6
- package/dist/query.js.map +1 -1
- package/dist/render.d.ts +2 -10
- package/dist/render.js +80 -175
- package/dist/render.js.map +1 -1
- package/dist/reviewChecklist.d.ts +17 -0
- package/dist/reviewChecklist.js +126 -0
- package/dist/reviewChecklist.js.map +1 -0
- package/dist/scan.d.ts +19 -7
- package/dist/scan.js +132 -374
- package/dist/scan.js.map +1 -1
- package/dist/scorecard.d.ts +53 -0
- package/dist/scorecard.js +325 -0
- package/dist/scorecard.js.map +1 -0
- package/dist/skillPrompt.d.ts +1 -3
- package/dist/skillPrompt.js +22 -148
- package/dist/skillPrompt.js.map +1 -1
- package/dist/store.d.ts +2 -2
- package/dist/store.js +7 -9
- package/dist/store.js.map +1 -1
- package/dist/styleDictionary.d.ts +16 -0
- package/dist/styleDictionary.js +89 -0
- package/dist/styleDictionary.js.map +1 -0
- package/dist/svg.d.ts +5 -0
- package/dist/svg.js +162 -0
- package/dist/svg.js.map +1 -0
- package/dist/systemDiff.d.ts +28 -0
- package/dist/systemDiff.js +107 -0
- package/dist/systemDiff.js.map +1 -0
- package/dist/tailwind.d.ts +2 -0
- package/dist/tailwind.js +122 -0
- package/dist/tailwind.js.map +1 -0
- package/dist/taste.d.ts +3 -2
- package/dist/taste.js +349 -536
- package/dist/taste.js.map +1 -1
- package/dist/tasteRenderer.d.ts +2 -3
- package/dist/tasteRenderer.js +123 -119
- package/dist/tasteRenderer.js.map +1 -1
- package/dist/tokenNaming.d.ts +5 -0
- package/dist/tokenNaming.js +229 -0
- package/dist/tokenNaming.js.map +1 -0
- package/dist/tokens.d.ts +17 -0
- package/dist/tokens.js +44 -0
- package/dist/tokens.js.map +1 -0
- package/dist/trends.d.ts +12 -0
- package/dist/trends.js +178 -0
- package/dist/trends.js.map +1 -0
- package/dist/types.d.ts +47 -101
- package/dist/wiki.d.ts +10 -0
- package/dist/wiki.js +346 -0
- package/dist/wiki.js.map +1 -0
- package/dist/writingStyle.d.ts +38 -0
- package/dist/writingStyle.js +224 -0
- package/dist/writingStyle.js.map +1 -0
- package/package.json +5 -4
- package/dist/classify.d.ts +0 -21
- package/dist/classify.js +0 -205
- package/dist/classify.js.map +0 -1
- package/dist/scanRenderer.d.ts +0 -2
- package/dist/scanRenderer.js +0 -155
- package/dist/scanRenderer.js.map +0 -1
- package/dist/tasteDiff.d.ts +0 -19
- package/dist/tasteDiff.js +0 -340
- package/dist/tasteDiff.js.map +0 -1
- package/dist/tasteGenerate.d.ts +0 -12
- package/dist/tasteGenerate.js +0 -140
- package/dist/tasteGenerate.js.map +0 -1
- package/dist/tasteRefine.d.ts +0 -13
- package/dist/tasteRefine.js +0 -351
- package/dist/tasteRefine.js.map +0 -1
- package/dist/theatrical.d.ts +0 -5
- package/dist/theatrical.js +0 -258
- package/dist/theatrical.js.map +0 -1
- package/skills/SKILL.md +0 -36
- package/skills/design-brain/SKILL.md +0 -77
package/dist/store.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"store.js","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,MAAM,UAAU,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAG5C,MAAM,UAAU,SAAS,CAAC,OAAe;IACvC,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,OAAe;IAC1C,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC;AACxD,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,OAAe,EAAE,SAAiB;IAC3D,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;AAC9D,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,OAAe,EAAE,SAAiB;IAChE,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;AAC5D,CAAC;AAED,MAAM,
|
|
1
|
+
{"version":3,"file":"store.js","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { ProjectRecord } from './types.js';
|
|
2
|
+
interface StyleDictionaryToken {
|
|
3
|
+
value: string;
|
|
4
|
+
type: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface StyleDictionaryOutput {
|
|
8
|
+
color: Record<string, StyleDictionaryToken>;
|
|
9
|
+
font: {
|
|
10
|
+
family: Record<string, StyleDictionaryToken>;
|
|
11
|
+
size: Record<string, StyleDictionaryToken>;
|
|
12
|
+
};
|
|
13
|
+
motion: Record<string, StyleDictionaryToken>;
|
|
14
|
+
}
|
|
15
|
+
export declare function generateStyleDictionary(project: ProjectRecord): StyleDictionaryOutput;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,89 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styleDictionary.js","sourceRoot":"","sources":["../src/styleDictionary.ts"],"names":[],"mappings":"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"}
|
package/dist/svg.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
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
ADDED
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
import { truncate } from './util.js';
|
|
2
|
+
function escapeXml(text) {
|
|
3
|
+
return text
|
|
4
|
+
.replace(/&/g, '&')
|
|
5
|
+
.replace(/</g, '<')
|
|
6
|
+
.replace(/>/g, '>')
|
|
7
|
+
.replace(/"/g, '"');
|
|
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"><${escapeXml(item.tag)}></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"><${escapeXml(item.tag)}> ${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
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"svg.js","sourceRoot":"","sources":["../src/svg.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
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;
|
|
@@ -0,0 +1,107 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"systemDiff.js","sourceRoot":"","sources":["../src/systemDiff.ts"],"names":[],"mappings":"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"}
|
package/dist/tailwind.js
ADDED
|
@@ -0,0 +1,122 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tailwind.js","sourceRoot":"","sources":["../src/tailwind.ts"],"names":[],"mappings":"AAEA,MAAM,kBAAkB,GAAG,wDAAwD,CAAC;AACpF,MAAM,cAAc,GAAG,mBAAmB,CAAC;AAC3C,MAAM,YAAY,GAAG,OAAO,CAAC;AAE7B,SAAS,YAAY,CAAC,KAAa;IACjC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAC7B,OAAO,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACpE,CAAC;AAED,SAAS,cAAc,CAAC,OAAe;IACrC,uCAAuC;IACvC,IAAI,GAAG,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAErC,mFAAmF;IACnF,yEAAyE;IACzE,uCAAuC;IACvC,GAAG,GAAG,GAAG;SACN,OAAO,CAAC,oBAAoB,EAAE,EAAE,CAAC;SACjC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC;SAC1B,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC;SAC3B,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;SACpB,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC;SACtB,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IAE1B,sCAAsC;IACtC,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAEpD,OAAO,GAAG,IAAI,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AAC3C,CAAC;AAED,SAAS,eAAe,CAAC,MAAc;IACrC,uDAAuD;IACvD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IAC/D,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;AAC/E,CAAC;AAED,SAAS,aAAa,CAAC,IAAY;IACjC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAC;IACpD,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,OAAsB;IAC3D,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAwC,CAAC;IACjE,MAAM,YAAY,GAAG,IAAI,GAAG,EAAoB,CAAC;IACjD,MAAM,SAAS,GAAG,IAAI,GAAG,EAAkB,CAAC;IAE5C,8DAA8D;IAC9D,KAAK,MAAM,KAAK,IAAI,OAAO,CAAC,YAAY,EAAE,CAAC;QACzC,KAAK,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;YAC3E,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC;gBAAE,SAAS;YAChD,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;gBAAE,SAAS;YAEnC,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;YACzB,MAAM,QAAQ,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC;YACnC,IAAI,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC;gBAAE,SAAS;YAErC,MAAM,GAAG,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;YACpC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QACvC,CAAC;IACH,CAAC;IAED,uDAAuD;IACvD,MAAM,SAAS,GAAiB,EAAE,CAAC;IACnC,KAAK,MAAM,KAAK,IAAI,OAAO,CAAC,YAAY,EAAE,CAAC;QACzC,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YAC1C,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;IACH,CAAC;IACD,gCAAgC;IAChC,MAAM,WAAW,GAAG,IAAI,GAAG,EAAkB,CAAC;IAC9C,KAAK,MAAM,CAAC,IAAI,SAAS,EAAE,CAAC;QAC1B,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;IAC9F,CAAC;IACD,MAAM,YAAY,GAAG,CAAC,GAAG,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE5E,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,KAAK,MAAM,CAAC,QAAQ,CAAC,IAAI,YAAY,EAAE,CAAC;QACtC,IAAI,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC;YAAE,SAAS;QACrC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,SAAS,UAAU,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;QACtE,UAAU,EAAE,CAAC;IACf,CAAC;IAED,wBAAwB;IACxB,KAAK,MAAM,KAAK,IAAI,OAAO,CAAC,YAAY,EAAE,CAAC;QACzC,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;YAC9C,MAAM,SAAS,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;YACpD,IAAI,SAAS,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;gBAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;gBAC/D,YAAY,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YACrC,CAAC;YAED,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAC9C,IAAI,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;gBACvC,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;YACzC,CAAC;QACH,CAAC;IACH,CAAC;IAED,yBAAyB;IACzB,MAAM,YAAY,GAAG,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC;SACxC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,YAAY,GAAG,OAAO,GAAG,IAAI,CAAC;SACpD,IAAI,CAAC,IAAI,CAAC,CAAC;IAEd,MAAM,iBAAiB,GAAG,CAAC,GAAG,YAAY,CAAC,OAAO,EAAE,CAAC;SAClD,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YAChC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;YACzB,OAAO,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,GAAG,CAAC;QACvF,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACd,OAAO,YAAY,GAAG,OAAO,SAAS,IAAI,CAAC;IAC7C,CAAC,CAAC;SACD,IAAI,CAAC,IAAI,CAAC,CAAC;IAEd,MAAM,eAAe,GAAG,CAAC,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC;SAC7C,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC3C,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,YAAY,GAAG,OAAO,KAAK,IAAI,CAAC;SACtD,IAAI,CAAC,IAAI,CAAC,CAAC;IAEd,OAAO;;;;;EAKP,YAAY;;;EAGZ,iBAAiB;;;EAGjB,eAAe;;;;;CAKhB,CAAC;AACF,CAAC"}
|
package/dist/taste.d.ts
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import type { LlmConfig, TasteProfile } from './types.js';
|
|
2
|
-
export
|
|
2
|
+
export interface TasteBuildOptions {
|
|
3
3
|
rootDir: string;
|
|
4
4
|
projectId: string;
|
|
5
5
|
projectName?: string;
|
|
6
6
|
urls: string[];
|
|
7
7
|
headed?: boolean;
|
|
8
8
|
llm?: LlmConfig;
|
|
9
|
-
}
|
|
9
|
+
}
|
|
10
|
+
export declare function buildTasteProfile(options: TasteBuildOptions): Promise<TasteProfile>;
|