design-brain-memory 0.9.3 → 0.9.4

package/dist/cssInJs.js

@@ -0,0 +1,124 @@
+import { aggregateColors, aggregateTypography, aggregateMotion, } from './aggregate.js';
+import { nameColor, nameTypographySize, nameMotionDuration } from './tokenNaming.js';
+const COLOR_KEY_PATTERNS = /color|bg|border|text|fill|stroke|accent|brand|surface/i;
+const COLOR_VALUE_RE = /^#[0-9a-f]{3,8}$/i;
+function deriveColorKey(varName) {
+    let key = varName.replace(/^--/, '');
+    key = key
+        .replace(/^hds-canary-color-/, '')
+        .replace(/^hds-color-/, '')
+        .replace(/^hds-canary-/, '')
+        .replace(/^hds-/, '')
+        .replace(/^brand-/, '')
+        .replace(/^theme-/, '');
+    key = key.replace(/-+/g, '-').replace(/^-|-$/g, '');
+    return key || varName.replace(/^--/, '');
+}
+function sanitizeFontKey(family) {
+    const first = family.split(',')[0].trim().replace(/['"]/g, '');
+    return first.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '');
+}
+export function generateCssInJsTheme(project) {
+    const colors = {};
+    const fonts = {};
+    const fontSizes = {};
+    const transitions = {};
+    // Colors from CSS variables first
+    for (const inspo of project.inspirations) {
+        for (const [varName, value] of Object.entries(inspo.analysis.cssVariables)) {
+            if (!COLOR_KEY_PATTERNS.test(varName))
+                continue;
+            if (!COLOR_VALUE_RE.test(value.trim()))
+                continue;
+            const key = deriveColorKey(varName);
+            if (!colors[key]) {
+                colors[key] = value.trim();
+            }
+        }
+    }
+    // Remaining colors with CSS named color heuristic
+    const usedNames = new Map();
+    for (const color of aggregateColors(project.inspirations)) {
+        const upper = color.hex.toUpperCase();
+        const alreadyCovered = Object.values(colors).some((v) => v.toUpperCase() === upper);
+        if (alreadyCovered)
+            continue;
+        const baseName = nameColor(color.hex);
+        const count = usedNames.get(baseName) ?? 0;
+        usedNames.set(baseName, count + 1);
+        const key = count === 0 ? baseName : `${baseName}-${count + 1}`;
+        colors[key] = color.hex;
+    }
+    // Fonts
+    const seenFamilies = new Set();
+    for (const typo of aggregateTypography(project.inspirations)) {
+        const key = sanitizeFontKey(typo.fontFamily);
+        if (key && !seenFamilies.has(key)) {
+            seenFamilies.add(key);
+            fonts[key] = typo.fontFamily.split(',')[0].trim().replace(/['"]/g, '');
+        }
+    }
+    // Font sizes with semantic names
+    const seenSizes = new Set();
+    const sizeEntries = [];
+    for (const typo of aggregateTypography(project.inspirations)) {
+        const match = typo.fontSize.match(/^(\d+(?:\.\d+)?)\s*px$/i);
+        if (match && !seenSizes.has(match[1])) {
+            seenSizes.add(match[1]);
+            sizeEntries.push({ px: parseFloat(match[1]), value: typo.fontSize });
+        }
+    }
+    sizeEntries.sort((a, b) => a.px - b.px);
+    const usedSizeNames = new Map();
+    for (const entry of sizeEntries) {
+        const baseName = nameTypographySize(entry.value);
+        const count = usedSizeNames.get(baseName) ?? 0;
+        usedSizeNames.set(baseName, count + 1);
+        const key = count === 0 ? baseName : `${baseName}-${count + 1}`;
+        fontSizes[key] = entry.value;
+    }
+    // Transitions
+    const seenDurations = new Set();
+    for (const motion of aggregateMotion(project.inspirations)) {
+        for (const t of motion.transitions ?? []) {
+            if (t.duration && t.duration !== '0s' && !seenDurations.has(t.duration)) {
+                seenDurations.add(t.duration);
+                const name = nameMotionDuration(t.duration);
+                const easing = t.timingFunction || 'ease';
+                transitions[name] = `${t.duration} ${easing}`;
+            }
+        }
+    }
+    return { colors, fonts, fontSizes, transitions };
+}
+export function renderCssInJsTheme(theme) {
+    const lines = [
+        'export const theme = {',
+        '  colors: {',
+    ];
+    for (const [key, value] of Object.entries(theme.colors)) {
+        lines.push(`    '${key}': '${value}',`);
+    }
+    lines.push('  },');
+    lines.push('  fonts: {');
+    for (const [key, value] of Object.entries(theme.fonts)) {
+        lines.push(`    ${key}: '${value}',`);
+    }
+    lines.push('  },');
+    lines.push('  fontSizes: {');
+    for (const [key, value] of Object.entries(theme.fontSizes)) {
+        lines.push(`    ${key}: '${value}',`);
+    }
+    lines.push('  },');
+    lines.push('  transitions: {');
+    for (const [key, value] of Object.entries(theme.transitions)) {
+        lines.push(`    ${key}: '${value}',`);
+    }
+    lines.push('  },');
+    lines.push('} as const;');
+    lines.push('');
+    lines.push('export type Theme = typeof theme;');
+    lines.push('');
+    return lines.join('\n');
+}
+//# sourceMappingURL=cssInJs.js.map

package/dist/cssInJs.js.map

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

package/dist/extractFromUrl.d.ts

@@ -1,13 +1,21 @@
 import type { DesignAnalysis } from './types.js';
+export interface CaptureCallbacks {
+    onViewportExtracted?: (label: string, analysis: DesignAnalysis) => void;
+    onInteractiveStates?: (count: number) => void;
+    onJourneyStep?: (step: number, url: string) => void;
+    onMerged?: (analysis: DesignAnalysis) => void;
+}
 export declare function captureDesignFromUrl(params: {
     url: string;
     sessionName: string;
     screenshotPath: string;
     workingDir: string;
+    headed?: boolean;
     journeySteps?: number;
     responsiveViewports?: Array<{
         label: string;
         width: number;
         height: number;
     }>;
+    callbacks?: CaptureCallbacks;
 }): Promise<DesignAnalysis>;