design-brain-memory 0.2.0

package/dist/svg.js

@@ -0,0 +1,162 @@
+import { truncate } from './util.js';
+function escapeXml(text) {
+    return text
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;');
+}
+const SWATCH_SIZE = 60;
+const SWATCH_GAP = 12;
+const COLS = 5;
+const MAX_COLORS = 20;
+const FONT = 'system-ui, -apple-system, sans-serif';
+export function generatePaletteSvg(colors, title) {
+    const items = colors.slice(0, MAX_COLORS);
+    if (items.length === 0) {
+        return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 60">\n`
+            + `  <text x="10" y="30" font-family="${FONT}" font-size="14" fill="#888">No colors captured</text>\n`
+            + `</svg>`;
+    }
+    const maxCount = Math.max(...items.map((c) => c.count), 1);
+    const rows = Math.ceil(items.length / COLS);
+    const cellW = SWATCH_SIZE + SWATCH_GAP;
+    const rowH = SWATCH_SIZE + 60;
+    const width = COLS * cellW + SWATCH_GAP;
+    const height = 40 + rows * rowH + 10;
+    const rects = items.map((color, i) => {
+        const col = i % COLS;
+        const row = Math.floor(i / COLS);
+        const x = SWATCH_GAP + col * cellW;
+        const y = 40 + row * rowH;
+        const barW = Math.round((color.count / maxCount) * SWATCH_SIZE);
+        const hex = escapeXml(color.hex);
+        return [
+            `  <rect x="${x}" y="${y}" width="${SWATCH_SIZE}" height="${SWATCH_SIZE}" fill="${hex}" rx="4"/>`,
+            `  <text x="${x}" y="${y + SWATCH_SIZE + 14}" font-family="${FONT}" font-size="10" fill="#333">${hex}</text>`,
+            `  <rect x="${x}" y="${y + SWATCH_SIZE + 20}" width="${SWATCH_SIZE}" height="6" fill="#eee" rx="2"/>`,
+            `  <rect x="${x}" y="${y + SWATCH_SIZE + 20}" width="${barW}" height="6" fill="${hex}" rx="2"/>`,
+            `  <text x="${x}" y="${y + SWATCH_SIZE + 40}" font-family="${FONT}" font-size="9" fill="#888">${color.count}</text>`,
+        ].join('\n');
+    });
+    return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${width} ${height}">\n`
+        + `  <text x="${SWATCH_GAP}" y="24" font-family="${FONT}" font-size="16" font-weight="600" fill="#111">${escapeXml(title)} — Color Palette</text>\n`
+        + rects.join('\n')
+        + `\n</svg>`;
+}
+const COMP_GROUP_W = 220;
+const COMP_ITEM_H = 52;
+const COMP_GAP = 16;
+export function generateComponentsSvg(components, title) {
+    if (components.length === 0) {
+        return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 60">\n`
+            + `  <text x="10" y="30" font-family="${FONT}" font-size="14" fill="#888">No components captured</text>\n`
+            + `</svg>`;
+    }
+    const groups = new Map();
+    for (const comp of components) {
+        const list = groups.get(comp.kind) ?? [];
+        list.push(comp);
+        groups.set(comp.kind, list);
+    }
+    const sortedGroups = [...groups.entries()].sort((a, b) => b[1].length - a[1].length);
+    const colOffsets = [COMP_GAP, COMP_GROUP_W + COMP_GAP * 2];
+    const colHeights = [50, 50];
+    const groupSvgs = [];
+    for (const [kind, items] of sortedGroups) {
+        const col = colHeights[0] <= colHeights[1] ? 0 : 1;
+        const x = colOffsets[col];
+        let y = colHeights[col];
+        groupSvgs.push(`  <text x="${x}" y="${y + 16}" font-family="${FONT}" font-size="13" font-weight="600" fill="#333">${escapeXml(kind)} (${items.length})</text>`);
+        y += 24;
+        const visible = items.slice(0, 8);
+        const boxH = visible.length * COMP_ITEM_H + 8;
+        groupSvgs.push(`  <rect x="${x}" y="${y}" width="${COMP_GROUP_W}" height="${boxH}" fill="none" stroke="#ddd" rx="6"/>`);
+        for (let idx = 0; idx < visible.length; idx++) {
+            const item = visible[idx];
+            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>`);
+            y += COMP_ITEM_H;
+            if (idx < visible.length - 1) {
+                groupSvgs.push(`  <line x1="${x + 8}" y1="${y}" x2="${x + COMP_GROUP_W - 8}" y2="${y}" stroke="#eee"/>`);
+            }
+        }
+        colHeights[col] = y + boxH / visible.length + COMP_GAP;
+    }
+    const height = Math.max(...colHeights) + 10;
+    const width = colOffsets[1] + COMP_GROUP_W + COMP_GAP;
+    return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${width} ${height}">\n`
+        + `  <text x="${COMP_GAP}" y="28" font-family="${FONT}" font-size="16" font-weight="600" fill="#111">${escapeXml(title)} — Component Inventory</text>\n`
+        + groupSvgs.join('\n')
+        + `\n</svg>`;
+}
+const TYPO_ROW_H = 36;
+const TYPO_BAR_W = 60;
+export function generateTypographySvg(tokens, title) {
+    if (tokens.length === 0) {
+        return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 60">\n`
+            + `  <text x="10" y="30" font-family="${FONT}" font-size="14" fill="#888">No typography captured</text>\n`
+            + `</svg>`;
+    }
+    const families = new Map();
+    for (const token of tokens) {
+        const list = families.get(token.fontFamily) ?? [];
+        list.push(token);
+        families.set(token.fontFamily, list);
+    }
+    const maxCount = Math.max(...tokens.map((t) => t.count), 1);
+    const width = 600;
+    let y = 50;
+    const lines = [];
+    for (const [family, items] of families) {
+        lines.push(`  <text x="12" y="${y}" font-family="${FONT}" font-size="14" font-weight="600" fill="#222">${escapeXml(family)}</text>`);
+        y += 6;
+        lines.push(`  <line x1="12" y1="${y}" x2="${width - 12}" y2="${y}" stroke="#ddd"/>`);
+        y += 20;
+        for (const token of items.slice(0, 10)) {
+            const meta = `${escapeXml(token.fontSize)} / ${escapeXml(token.fontWeight)} / ${escapeXml(token.lineHeight)}`;
+            const barW = Math.round((token.count / maxCount) * TYPO_BAR_W);
+            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>`);
+            y += TYPO_ROW_H;
+        }
+        y += 12;
+    }
+    return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${width} ${y + 10}">\n`
+        + `  <text x="12" y="28" font-family="${FONT}" font-size="16" font-weight="600" fill="#111">${escapeXml(title)} — Typography Specimen</text>\n`
+        + lines.join('\n')
+        + `\n</svg>`;
+}
+const LAYOUT_W = 500;
+const LAYOUT_PAD = 16;
+const LAYOUT_ITEM_H = 56;
+const ROLE_COLORS = {
+    banner: '#E3F2FD',
+    navigation: '#FFF3E0',
+    main: '#E8F5E9',
+    complementary: '#F3E5F5',
+    contentinfo: '#ECEFF1',
+    region: '#FFFDE7',
+};
+export function generateLayoutSvg(layout, title) {
+    if (layout.length === 0) {
+        return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 60">\n`
+            + `  <text x="10" y="30" font-family="${FONT}" font-size="14" fill="#888">No layout captured</text>\n`
+            + `</svg>`;
+    }
+    const items = layout.slice(0, 12);
+    const nestedTags = new Set(['aside', 'section', 'article']);
+    let y = 50;
+    const lines = [];
+    for (const item of items) {
+        const isNested = nestedTags.has(item.tag);
+        const indent = isNested ? LAYOUT_PAD * 2 : LAYOUT_PAD;
+        const boxW = isNested ? LAYOUT_W - LAYOUT_PAD * 4 : LAYOUT_W - LAYOUT_PAD * 2;
+        const fill = ROLE_COLORS[item.role] ?? '#F5F5F5';
+        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>`);
+        y += LAYOUT_ITEM_H + 8;
+    }
+    return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${LAYOUT_W} ${y + 10}">\n`
+        + `  <text x="${LAYOUT_PAD}" y="28" font-family="${FONT}" font-size="16" font-weight="600" fill="#111">${escapeXml(title)} — Layout Structure</text>\n`
+        + lines.join('\n')
+        + `\n</svg>`;
+}
+//# sourceMappingURL=svg.js.map

package/dist/svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.js","sourceRoot":"","sources":["../src/svg.ts"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -0,0 +1,175 @@
+export type SourceType = 'url' | 'screenshot';
+export interface ColorToken {
+    hex: string;
+    count: number;
+    samples: string[];
+}
+export interface TypographyToken {
+    fontFamily: string;
+    fontSize: string;
+    fontWeight: string;
+    lineHeight: string;
+    count: number;
+}
+export interface ComponentToken {
+    kind: string;
+    tag: string;
+    selector: string;
+    text: string;
+    className: string;
+    styles: Record<string, string>;
+}
+export interface MotionToken {
+    selector: string;
+    transition: string;
+    animation: string;
+    transform: string;
+}
+export interface LayoutToken {
+    tag: string;
+    selector: string;
+    role: string;
+    children: number;
+}
+export interface ResponsiveSnapshot {
+    label: string;
+    viewport: {
+        width: number;
+        height: number;
+    };
+    url?: string;
+    title?: string;
+    colorCount: number;
+    componentCount: number;
+    typographyCount: number;
+}
+export interface StateStyleToken {
+    selector: string;
+    state: 'hover' | 'focus' | 'active';
+    declarations: Record<string, string>;
+}
+export interface JourneyStep {
+    step: number;
+    action: string;
+    fromUrl?: string;
+    toUrl?: string;
+    title?: string;
+    summary?: string;
+}
+export interface DesignAnalysis {
+    pageTitle?: string;
+    pageUrl?: string;
+    viewport?: {
+        width: number;
+        height: number;
+    };
+    colors: ColorToken[];
+    typography: TypographyToken[];
+    components: ComponentToken[];
+    motion: MotionToken[];
+    layout: LayoutToken[];
+    cssVariables: Record<string, string>;
+    accessibilitySnapshot?: string;
+    responsiveSnapshots?: ResponsiveSnapshot[];
+    stateStyles?: StateStyleToken[];
+    journey?: JourneyStep[];
+}
+export interface LlmConfig {
+    baseUrl: string;
+    apiKey: string;
+    model: string;
+    timeoutMs?: number;
+}
+export interface LlmEnrichment {
+    summary: string;
+    designPrinciples: string[];
+    componentPatterns: string[];
+    colorNarrative: string;
+    suggestedTags: string[];
+    layoutGuidance?: string[];
+    motionGuidance?: string[];
+    model: string;
+    baseUrl: string;
+    generatedAt: string;
+}
+export interface InspirationDiff {
+    previousId: string;
+    addedColors: string[];
+    removedColors: string[];
+    componentCountDelta: number;
+    motionCountDelta: number;
+}
+export interface InspirationRecord {
+    id: string;
+    name: string;
+    sourceType: SourceType;
+    url?: string;
+    originalImagePath?: string;
+    screenshotPath?: string;
+    capturedAt: string;
+    tags: string[];
+    notes?: string;
+    inspirationSummary?: string;
+    llmEnrichment?: LlmEnrichment;
+    fingerprint: string;
+    version: number;
+    supersedes?: string;
+    diffFromPrevious?: InspirationDiff;
+    analysis: DesignAnalysis;
+}
+export interface OutcomeRecord {
+    id: string;
+    title: string;
+    description: string;
+    inspiredBy: string[];
+    artifactUrl?: string;
+    createdAt: string;
+    tags: string[];
+}
+export interface ProjectRecord {
+    id: string;
+    name: string;
+    createdAt: string;
+    updatedAt: string;
+    description?: string;
+    inspirations: InspirationRecord[];
+    outcomes: OutcomeRecord[];
+}
+export interface DesignBrainDatabase {
+    version: 1;
+    createdAt: string;
+    updatedAt: string;
+    projects: ProjectRecord[];
+}
+export interface InitOptions {
+    rootDir: string;
+}
+export interface IngestOptions {
+    rootDir: string;
+    project: string;
+    projectName?: string;
+    projectDescription?: string;
+    url?: string;
+    screenshot?: string;
+    name?: string;
+    notes?: string;
+    inspirationSummary?: string;
+    tags: string[];
+    llm?: LlmConfig;
+    journeySteps?: number;
+    responsiveViewports?: Array<{
+        label: string;
+        width: number;
+        height: number;
+    }>;
+    skipVisuals?: boolean;
+}
+export interface OutcomeOptions {
+    rootDir: string;
+    project: string;
+    title: string;
+    description: string;
+    inspiredBy: string[];
+    artifactUrl?: string;
+    tags: string[];
+}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/util.d.ts

@@ -0,0 +1,9 @@
+export declare function nowIso(): string;
+export declare function slugify(value: string): string;
+export declare function makeId(prefix: string, input: string): string;
+export declare function unique<T>(items: T[]): T[];
+export declare function relPath(from: string, to: string): string;
+export declare function truncate(text: string, max?: number): string;
+export declare function csvEscape(value: string): string;
+export declare function stableHash(input: string): string;
+export declare function normalizeUrl(input: string): string;

package/dist/util.js

@@ -0,0 +1,51 @@
+import path from 'node:path';
+import crypto from 'node:crypto';
+export function nowIso() {
+    return new Date().toISOString();
+}
+export function slugify(value) {
+    return value
+        .toLowerCase()
+        .trim()
+        .replace(/[^a-z0-9]+/g, '-')
+        .replace(/(^-|-$)/g, '')
+        .slice(0, 64);
+}
+export function makeId(prefix, input) {
+    const slug = slugify(input);
+    const hash = crypto.createHash('sha1').update(`${input}:${Date.now()}:${Math.random()}`).digest('hex').slice(0, 8);
+    return `${prefix}-${slug || 'item'}-${hash}`;
+}
+export function unique(items) {
+    return [...new Set(items)];
+}
+export function relPath(from, to) {
+    const relative = path.relative(from, to);
+    return relative.startsWith('.') ? relative : `./${relative}`;
+}
+export function truncate(text, max = 120) {
+    if (text.length <= max) {
+        return text;
+    }
+    return `${text.slice(0, max - 1)}...`;
+}
+export function csvEscape(value) {
+    if (value.includes(',') || value.includes('"') || value.includes('\n')) {
+        return `"${value.replace(/"/g, '""')}"`;
+    }
+    return value;
+}
+export function stableHash(input) {
+    return crypto.createHash('sha1').update(input).digest('hex');
+}
+export function normalizeUrl(input) {
+    try {
+        const parsed = new URL(input);
+        parsed.hash = '';
+        return parsed.toString();
+    }
+    catch {
+        return input.trim();
+    }
+}
+//# sourceMappingURL=util.js.map

package/dist/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,MAAM,UAAU,MAAM;IACpB,OAAO,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;AAClC,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,KAAa;IACnC,OAAO,KAAK;SACT,WAAW,EAAE;SACb,IAAI,EAAE;SACN,OAAO,CAAC,aAAa,EAAE,GAAG,CAAC;SAC3B,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC;SACvB,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,MAAc,EAAE,KAAa;IAClD,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,GAAG,KAAK,IAAI,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnH,OAAO,GAAG,MAAM,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,MAAM,CAAI,KAAU;IAClC,OAAO,CAAC,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,IAAY,EAAE,EAAU;IAC9C,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACzC,OAAO,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAE,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,IAAY,EAAE,GAAG,GAAG,GAAG;IAC9C,IAAI,IAAI,CAAC,MAAM,IAAI,GAAG,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,KAAK,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAa;IACrC,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QACvE,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC;IAC1C,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAa;IACtC,OAAO,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAAa;IACxC,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;QAC9B,MAAM,CAAC,IAAI,GAAG,EAAE,CAAC;QACjB,OAAO,MAAM,CAAC,QAAQ,EAAE,CAAC;IAC3B,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC;AACH,CAAC"}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "design-brain-memory",
+  "version": "0.2.0",
+  "description": "Relational markdown design memory powered by Agent Browser CLI",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/design-brain/design-brain.git"
+  },
+  "homepage": "https://github.com/design-brain/design-brain#readme",
+  "bugs": {
+    "url": "https://github.com/design-brain/design-brain/issues"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "bin": {
+    "design-brain-memory": "./dist/cli.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "clean": "rm -rf dist",
+    "dev": "tsx src/cli.ts",
+    "test": "npm run build && node --test tests/*.test.mjs",
+    "pack:dry": "npm pack --dry-run"
+  },
+  "keywords": [
+    "design",
+    "design-system",
+    "second-brain",
+    "agent-browser",
+    "markdown"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "commander": "^14.0.2",
+    "fs-extra": "^11.3.2",
+    "sharp": "^0.34.5"
+  },
+  "devDependencies": {
+    "@types/fs-extra": "^11.0.4",
+    "@types/node": "^24.10.1",
+    "tsx": "^4.20.6",
+    "typescript": "^5.9.3"
+  },
+  "engines": {
+    "node": ">=20"
+  }
+}