skillui 1.1.2 → 1.1.4

package/dist/modes/url.js

@@ -1,161 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.runUrlMode = runUrlMode;
-const computed_1 = require("../extractors/tokens/computed");
-const http_css_1 = require("../extractors/tokens/http-css");
-const normalizer_1 = require("../normalizer");
-const screenshot_1 = require("../screenshot");
-/**
- * URL mode: crawl a live website and extract design tokens.
- *
- * Strategy:
- * 1. ALWAYS fetch HTML + linked CSS via HTTP (no Playwright needed)
- * 2. If Playwright is available, ALSO extract computed styles from live DOM
- * 3. Merge both token sets for maximum coverage
- */
-async function runUrlMode(url, nameOverride, skillDir) {
-    const projectName = nameOverride || deriveUrlName(url);
-    // Step 1: HTTP-based extraction (always works, no Playwright)
-    process.stdout.write('  Fetching CSS...');
-    const httpResult = await (0, http_css_1.extractHttpCSSTokens)(url, 5);
-    const httpTokens = httpResult.tokens;
-    const httpComponents = httpResult.components;
-    const httpColorCount = httpTokens.colors.length;
-    const httpFontCount = httpTokens.fonts.length;
-    console.log(` \u2713 (${httpColorCount} colors, ${httpFontCount} fonts from CSS)`);
-    // Step 2: Try Playwright for computed styles (optional enhancement)
-    let computedTokens = null;
-    let hasPlaywright = false;
-    try {
-        require.resolve('playwright');
-        hasPlaywright = true;
-    }
-    catch {
-        // Playwright not installed
-    }
-    if (hasPlaywright) {
-        process.stdout.write('  Crawling DOM...');
-        try {
-            computedTokens = await (0, computed_1.extractComputedTokens)(url, 3);
-            const compColorCount = computedTokens.colors.length;
-            console.log(` \u2713 (${compColorCount} computed colors)`);
-        }
-        catch (err) {
-            console.log(' \u2717 (Playwright extraction failed, using CSS-only)');
-        }
-    }
-    else {
-        console.log('  (Playwright not installed — using CSS-only extraction)');
-        console.log('  Tip: npm install playwright && npx playwright install chromium');
-    }
-    // Step 3: Merge HTTP + computed tokens
-    const merged = mergeUrlTokens(httpTokens, computedTokens);
-    // Step 4: Normalize into a design profile
-    const profile = (0, normalizer_1.normalize)(projectName, [], merged, httpComponents, {
-        iconLibrary: null,
-        stateLibrary: null,
-        animationLibrary: null,
-    });
-    // Attach URL metadata to profile
-    profile.siteUrl = url;
-    profile.favicon = merged.favicon || null;
-    // Step 5: Capture screenshot (best-effort, non-blocking)
-    let screenshotPath = null;
-    if (skillDir) {
-        process.stdout.write('  Capturing screenshot...');
-        screenshotPath = await (0, screenshot_1.captureScreenshot)(url, skillDir);
-        console.log(screenshotPath ? ' ✓' : ' (skipped)');
-    }
-    return { profile, screenshotPath };
-}
-function mergeUrlTokens(http, computed) {
-    if (!computed)
-        return http;
-    const merged = {
-        colors: [...http.colors],
-        fonts: [...http.fonts],
-        spacingValues: [...http.spacingValues, ...computed.spacingValues],
-        shadows: [...http.shadows],
-        cssVariables: [...http.cssVariables],
-        breakpoints: [...http.breakpoints],
-        borderRadii: [...http.borderRadii],
-        gradients: [...http.gradients],
-        fontVarMap: { ...http.fontVarMap },
-        animations: [...http.animations],
-        darkModeVars: [...http.darkModeVars],
-        zIndexValues: [...(http.zIndexValues || [])],
-        containerMaxWidth: http.containerMaxWidth || computed.containerMaxWidth || null,
-        fontSources: [...(http.fontSources || [])],
-        pageSections: [...(http.pageSections || [])],
-        transitionDurations: [...(http.transitionDurations || [])],
-        transitionEasings: [...(http.transitionEasings || [])],
-        favicon: http.favicon || computed.favicon || null,
-        siteTitle: http.siteTitle || computed.siteTitle || null,
-    };
-    // Merge computed colors
-    for (const color of computed.colors) {
-        const existing = merged.colors.find(c => c.value === color.value);
-        if (existing) {
-            existing.frequency += color.frequency;
-        }
-        else {
-            merged.colors.push({ ...color });
-        }
-    }
-    // Merge computed fonts (computed styles are more authoritative for actual rendering)
-    for (const font of computed.fonts) {
-        if (font.family && !merged.fonts.find(f => f.family === font.family)) {
-            merged.fonts.push({ ...font });
-        }
-    }
-    // Merge shadows
-    for (const shadow of computed.shadows) {
-        if (!merged.shadows.find(s => s.value === shadow.value)) {
-            merged.shadows.push({ ...shadow });
-        }
-    }
-    // Merge CSS variables
-    for (const v of computed.cssVariables) {
-        if (!merged.cssVariables.find(cv => cv.name === v.name)) {
-            merged.cssVariables.push({ ...v });
-        }
-    }
-    // Merge border radii
-    for (const r of (computed.borderRadii || [])) {
-        if (!merged.borderRadii.includes(r)) {
-            merged.borderRadii.push(r);
-        }
-    }
-    // Merge breakpoints
-    for (const bp of computed.breakpoints) {
-        if (!merged.breakpoints.find(b => b.value === bp.value)) {
-            merged.breakpoints.push({ ...bp });
-        }
-    }
-    // Merge font sources
-    for (const fs of (computed.fontSources || [])) {
-        if (!merged.fontSources.find(f => f.family === fs.family && f.src === fs.src)) {
-            merged.fontSources.push(fs);
-        }
-    }
-    // Merge transition data
-    for (const d of (computed.transitionDurations || [])) {
-        if (!merged.transitionDurations.includes(d))
-            merged.transitionDurations.push(d);
-    }
-    for (const e of (computed.transitionEasings || [])) {
-        if (!merged.transitionEasings.includes(e))
-            merged.transitionEasings.push(e);
-    }
-    return merged;
-}
-function deriveUrlName(url) {
-    try {
-        const hostname = new URL(url).hostname;
-        return hostname.replace(/^www\./, '').split('.')[0];
-    }
-    catch {
-        return 'website';
-    }
-}
-//# sourceMappingURL=url.js.map

package/dist/normalizer.d.ts

@@ -1,11 +0,0 @@
-import { DesignProfile, RawTokens, Framework, ComponentInfo } from './types';
-/**
- * Normalize raw extracted tokens into a clean DesignProfile.
- * Pure deterministic logic — no AI, no inference beyond rule-based heuristics.
- */
-export declare function normalize(projectName: string, frameworks: Framework[], rawTokens: RawTokens, components: ComponentInfo[], libraries?: {
-    iconLibrary: string | null;
-    stateLibrary: string | null;
-    animationLibrary: string | null;
-}): DesignProfile;
-//# sourceMappingURL=normalizer.d.ts.map