@productivemark/snipcss 1.0.0

package/dist/extraction/rule-deduplicator.js.map

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

package/dist/extraction/selector-fixer.d.ts

@@ -0,0 +1,25 @@
+import { Page } from 'playwright';
+/**
+ * Validates and fixes CSS selectors to be scoped to the extracted element.
+ * Runs in page context via page.evaluate() since it needs live DOM access.
+ *
+ * Port of snipcssFixSelector from sniptools.js
+ */
+export declare class SelectorFixer {
+    /**
+     * Fix a batch of selectors at once (reduces round-trips to the browser).
+     * Each selector is tested against the DOM to verify it matches within
+     * the extraction root.
+     */
+    fixSelectors(page: Page, selectors: string[], rootClassname: string, allClassnames: string[]): Promise<Record<string, string>>;
+    /**
+     * Check if a selector matches any element within the extraction root.
+     */
+    selectorMatchesInRoot(page: Page, selector: string, rootClassname: string): Promise<boolean>;
+    /**
+     * Get the element distance (depth) for inherited rule processing.
+     * Returns negative if the selector targets elements outside the root.
+     */
+    getElementDistance(page: Page, selectorClass: string, rootClassname: string): Promise<number>;
+}
+//# sourceMappingURL=selector-fixer.d.ts.map

package/dist/extraction/selector-fixer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selector-fixer.d.ts","sourceRoot":"","sources":["../../src/extraction/selector-fixer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAGlC;;;;;GAKG;AACH,qBAAa,aAAa;IACxB;;;;OAIG;IACG,YAAY,CAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,MAAM,EAAE,EACnB,aAAa,EAAE,MAAM,EACrB,aAAa,EAAE,MAAM,EAAE,GACtB,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAuDlC;;OAEG;IACG,qBAAqB,CACzB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,MAAM,EAChB,aAAa,EAAE,MAAM,GACpB,OAAO,CAAC,OAAO,CAAC;IAsBnB;;;OAGG;IACG,kBAAkB,CACtB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,MAAM,EACrB,aAAa,EAAE,MAAM,GACpB,OAAO,CAAC,MAAM,CAAC;CAqBnB"}

package/dist/extraction/selector-fixer.js

@@ -0,0 +1,111 @@
+/**
+ * Validates and fixes CSS selectors to be scoped to the extracted element.
+ * Runs in page context via page.evaluate() since it needs live DOM access.
+ *
+ * Port of snipcssFixSelector from sniptools.js
+ */
+export class SelectorFixer {
+    /**
+     * Fix a batch of selectors at once (reduces round-trips to the browser).
+     * Each selector is tested against the DOM to verify it matches within
+     * the extraction root.
+     */
+    async fixSelectors(page, selectors, rootClassname, allClassnames) {
+        return await page.evaluate(({ selectors, rootClassname, allClassnames }) => {
+            const results = {};
+            const rootElem = document.querySelector('.' + rootClassname);
+            if (!rootElem)
+                return results;
+            for (const selector of selectors) {
+                try {
+                    // Check if selector targets elements inside the root
+                    const matchingElements = document.querySelectorAll(selector);
+                    let insideRoot = false;
+                    for (const elem of matchingElements) {
+                        if (rootElem.contains(elem) || rootElem === elem) {
+                            insideRoot = true;
+                            break;
+                        }
+                    }
+                    if (insideRoot) {
+                        results[selector] = selector;
+                    }
+                    else {
+                        // The selector doesn't match anything in our root -
+                        // try to see if it matches something via descendant relation
+                        const parts = selector.split(/\s+/);
+                        if (parts.length > 1) {
+                            // Take the last part as a local selector
+                            const localPart = parts[parts.length - 1];
+                            try {
+                                const localMatches = rootElem.querySelectorAll(localPart);
+                                if (localMatches.length > 0) {
+                                    results[selector] = localPart;
+                                }
+                                else {
+                                    results[selector] = selector;
+                                }
+                            }
+                            catch {
+                                results[selector] = selector;
+                            }
+                        }
+                        else {
+                            results[selector] = selector;
+                        }
+                    }
+                }
+                catch {
+                    // Invalid selector - keep as-is
+                    results[selector] = selector;
+                }
+            }
+            return results;
+        }, { selectors, rootClassname, allClassnames });
+    }
+    /**
+     * Check if a selector matches any element within the extraction root.
+     */
+    async selectorMatchesInRoot(page, selector, rootClassname) {
+        return await page.evaluate(({ selector, rootClassname }) => {
+            try {
+                const rootElem = document.querySelector('.' + rootClassname);
+                if (!rootElem)
+                    return false;
+                const matchingElements = document.querySelectorAll(selector);
+                for (const elem of matchingElements) {
+                    if (rootElem.contains(elem) || rootElem === elem) {
+                        return true;
+                    }
+                }
+                return false;
+            }
+            catch {
+                return false;
+            }
+        }, { selector, rootClassname });
+    }
+    /**
+     * Get the element distance (depth) for inherited rule processing.
+     * Returns negative if the selector targets elements outside the root.
+     */
+    async getElementDistance(page, selectorClass, rootClassname) {
+        return await page.evaluate(({ selectorClass, rootClassname }) => {
+            const targetElem = document.querySelector('.' + selectorClass);
+            const rootElem = document.querySelector('.' + rootClassname);
+            if (!targetElem || !rootElem)
+                return -1;
+            // Count depth from root to target
+            let depth = 0;
+            let current = targetElem;
+            while (current && current !== rootElem) {
+                depth++;
+                current = current.parentElement;
+            }
+            if (current === rootElem)
+                return depth;
+            return -1; // Not a descendant
+        }, { selectorClass, rootClassname });
+    }
+}
+//# sourceMappingURL=selector-fixer.js.map

package/dist/extraction/selector-fixer.js.map

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

package/dist/extraction/specificity.d.ts

@@ -0,0 +1,17 @@
+export interface SpecificityResult {
+    selector: string;
+    specificity: string;
+    specificityArray: [number, number, number, number];
+    parts: {
+        selector: string;
+        type: string;
+        index: number;
+        length: number;
+    }[];
+}
+export declare function calculateSingle(input: string): SpecificityResult;
+/**
+ * Calculate a numeric specificity score from a specificity string like "0,1,2,3"
+ */
+export declare function specificityScore(specificityStr: string): number;
+//# sourceMappingURL=specificity.d.ts.map

package/dist/extraction/specificity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"specificity.d.ts","sourceRoot":"","sources":["../../src/extraction/specificity.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACnD,KAAK,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC5E;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,iBAAiB,CAuFhE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAG/D"}

package/dist/extraction/specificity.js

@@ -0,0 +1,88 @@
+// Port of calculateSingle from snipbackground.js:996-1124
+// CSS specificity calculator
+export function calculateSingle(input) {
+    let selector = input;
+    const typeCount = { a: 0, b: 0, c: 0 };
+    const parts = [];
+    const attributeRegex = /(\[[^\]]+\])/g;
+    const idRegex = /(#[^\#\s\+>~\.\[:\)]+)/g;
+    const classRegex = /(\.[^\s\+>~\.\[:\)]+)/g;
+    const pseudoElementRegex = /(::[^\s\+>~\.\[:]+|:first-line|:first-letter|:before|:after)/gi;
+    const pseudoClassWithBracketsRegex = /(:(?!not|global|local)[\w-]+\([^\)]*\))/gi;
+    const pseudoClassRegex = /(:(?!not|global|local)[^\s\+>~\.\[:]+)/g;
+    const elementRegex = /([^\s\+>~\.\[:]+)/g;
+    const findMatch = (regex, type) => {
+        if (regex.test(selector)) {
+            regex.lastIndex = 0;
+            const matches = selector.match(regex);
+            if (matches) {
+                for (const match of matches) {
+                    typeCount[type] += 1;
+                    const index = selector.indexOf(match);
+                    const length = match.length;
+                    parts.push({
+                        selector: input.substr(index, length),
+                        type,
+                        index,
+                        length,
+                    });
+                    selector = selector.replace(match, Array(length + 1).join(' '));
+                }
+            }
+        }
+    };
+    // Replace escaped characters
+    const replaceWithPlainText = (regex) => {
+        if (regex.test(selector)) {
+            regex.lastIndex = 0;
+            const matches = selector.match(regex);
+            if (matches) {
+                for (const match of matches) {
+                    selector = selector.replace(match, Array(match.length + 1).join('A'));
+                }
+            }
+        }
+    };
+    replaceWithPlainText(/\\[0-9A-Fa-f]{6}\s?/g);
+    replaceWithPlainText(/\\[0-9A-Fa-f]{1,5}\s/g);
+    replaceWithPlainText(/\\./g);
+    // Remove anything after a left brace
+    const braceRegex = /{[^]*/gm;
+    if (braceRegex.test(selector)) {
+        braceRegex.lastIndex = 0;
+        const matches = selector.match(braceRegex);
+        if (matches) {
+            for (const match of matches) {
+                selector = selector.replace(match, Array(match.length + 1).join(' '));
+            }
+        }
+    }
+    findMatch(attributeRegex, 'b');
+    findMatch(idRegex, 'a');
+    findMatch(classRegex, 'b');
+    findMatch(pseudoElementRegex, 'c');
+    findMatch(pseudoClassWithBracketsRegex, 'b');
+    findMatch(pseudoClassRegex, 'b');
+    selector = selector.replace(/[\*\s\+>~]/g, ' ');
+    selector = selector.replace(/[#\.]/g, ' ');
+    selector = selector.replace(/:not/g, '    ');
+    selector = selector.replace(/:local/g, '      ');
+    selector = selector.replace(/:global/g, '       ');
+    selector = selector.replace(/[\(\)]/g, ' ');
+    findMatch(elementRegex, 'c');
+    parts.sort((a, b) => a.index - b.index);
+    return {
+        selector: input,
+        specificity: `0,${typeCount.a},${typeCount.b},${typeCount.c}`,
+        specificityArray: [0, typeCount.a, typeCount.b, typeCount.c],
+        parts,
+    };
+}
+/**
+ * Calculate a numeric specificity score from a specificity string like "0,1,2,3"
+ */
+export function specificityScore(specificityStr) {
+    const parts = specificityStr.split(',').map(Number);
+    return parts[0] * 1000000 + parts[1] * 10000 + parts[2] * 100 + parts[3];
+}
+//# sourceMappingURL=specificity.js.map

package/dist/extraction/specificity.js.map

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

package/dist/extraction/style-matcher.d.ts

@@ -0,0 +1,33 @@
+import { CDPSession } from 'playwright';
+import { CDPMatchedStyles, CDPRuleMatch, SnippedRule, ExtractionContext } from '../types/index.js';
+/**
+ * Processes CSS.getMatchedStylesForNode results into SnippedRule objects.
+ * Port of the core matching logic from snipbackground.js:1700-2035
+ */
+export declare class StyleMatcher {
+    /**
+     * Get matched styles for a DOM node via CDP.
+     */
+    getMatchedStyles(cdp: CDPSession, nodeId: number): Promise<CDPMatchedStyles>;
+    /**
+     * Process matched styles into a unified list of rule matches.
+     * This combines matched rules, inherited rules, and pseudo-element rules
+     * into a single ordered list for downstream processing.
+     *
+     * Port of snipbackground.js lines 1702-1820
+     */
+    processMatchedStyles(allMatchedStyles: CDPMatchedStyles, classname: string, ctx: ExtractionContext, options: {
+        resolveVariables: boolean;
+        mediaQueriesOnly: boolean;
+    }): CDPRuleMatch[];
+    /**
+     * Extract CSS variables from matched rules.
+     * Port of CSS variable extraction logic from snipbackground.js
+     */
+    extractCssVariables(matchedRules: CDPRuleMatch[], classname: string, ctx: ExtractionContext): void;
+    /**
+     * Convert a CDPRuleMatch to a SnippedRule for the final output.
+     */
+    toSnippedRule(ruleMatch: CDPRuleMatch, classname: string, viewport: string, ctx: ExtractionContext): SnippedRule | null;
+}
+//# sourceMappingURL=style-matcher.d.ts.map

package/dist/extraction/style-matcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-matcher.d.ts","sourceRoot":"","sources":["../../src/extraction/style-matcher.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EACL,gBAAgB,EAAE,YAAY,EAC9B,WAAW,EAAE,iBAAiB,EAC/B,MAAM,mBAAmB,CAAC;AAG3B;;;GAGG;AACH,qBAAa,YAAY;IAEvB;;OAEG;IACG,gBAAgB,CAAC,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,gBAAgB,CAAC;IAKlF;;;;;;OAMG;IACH,oBAAoB,CAClB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,MAAM,EACjB,GAAG,EAAE,iBAAiB,EACtB,OAAO,EAAE;QAAE,gBAAgB,EAAE,OAAO,CAAC;QAAC,gBAAgB,EAAE,OAAO,CAAA;KAAE,GAChE,YAAY,EAAE;IAuEjB;;;OAGG;IACH,mBAAmB,CACjB,YAAY,EAAE,YAAY,EAAE,EAC5B,SAAS,EAAE,MAAM,EACjB,GAAG,EAAE,iBAAiB,GACrB,IAAI;IA+CP;;OAEG;IACH,aAAa,CACX,SAAS,EAAE,YAAY,EACvB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,MAAM,EAChB,GAAG,EAAE,iBAAiB,GACrB,WAAW,GAAG,IAAI;CAkEtB"}

package/dist/extraction/style-matcher.js

@@ -0,0 +1,199 @@
+import { calculateSingle, specificityScore } from './specificity.js';
+/**
+ * Processes CSS.getMatchedStylesForNode results into SnippedRule objects.
+ * Port of the core matching logic from snipbackground.js:1700-2035
+ */
+export class StyleMatcher {
+    /**
+     * Get matched styles for a DOM node via CDP.
+     */
+    async getMatchedStyles(cdp, nodeId) {
+        const result = await cdp.send('CSS.getMatchedStylesForNode', { nodeId });
+        return result;
+    }
+    /**
+     * Process matched styles into a unified list of rule matches.
+     * This combines matched rules, inherited rules, and pseudo-element rules
+     * into a single ordered list for downstream processing.
+     *
+     * Port of snipbackground.js lines 1702-1820
+     */
+    processMatchedStyles(allMatchedStyles, classname, ctx, options) {
+        const matchedCSSRules = [...(allMatchedStyles.matchedCSSRules || [])];
+        const inheritedCSSRules = allMatchedStyles.inherited || [];
+        // Process inline style CSS variables (lines 1711-1745)
+        if (options.resolveVariables && allMatchedStyles.inlineStyle) {
+            const cssProperties = allMatchedStyles.inlineStyle.cssProperties || [];
+            for (const prop of cssProperties) {
+                if (prop.name && prop.name.startsWith('--')) {
+                    if (!ctx.cssvarDefinedArr[prop.name]) {
+                        ctx.cssvarDefinedArr[prop.name] = [];
+                    }
+                    const inlineKey = `inline-${classname}-${prop.name}`;
+                    const exists = ctx.cssvarDefinedArr[prop.name].some((item) => item.key === inlineKey);
+                    if (!exists) {
+                        ctx.cssvarDefinedArr[prop.name].push({
+                            key: inlineKey,
+                            label: classname,
+                            value: prop.value,
+                            media: '',
+                            selector: '.' + classname,
+                            source: 'inline-style',
+                        });
+                    }
+                }
+            }
+        }
+        // Process inherited rules - prepend in reverse order (lines 1748-1798)
+        if (inheritedCSSRules.length > 0) {
+            for (let m = inheritedCSSRules.length - 1; m >= 0; m--) {
+                const cRule = inheritedCSSRules[m];
+                const inheritedRules = cRule.matchedCSSRules || [];
+                for (let n = inheritedRules.length - 1; n >= 0; n--) {
+                    const iRule = inheritedRules[n];
+                    iRule.other_inherited = true;
+                    // Filter to only implicit properties (ones actually defined in CSS)
+                    const cssProps = iRule.rule.style.cssProperties || [];
+                    const editedCssProperties = [];
+                    for (const cProp of cssProps) {
+                        if ('implicit' in cProp) {
+                            editedCssProperties.push(cProp);
+                        }
+                    }
+                    matchedCSSRules.unshift(iRule);
+                }
+            }
+        }
+        // Process pseudo-element rules (lines 1800-1820)
+        if (!options.mediaQueriesOnly && allMatchedStyles.pseudoElements) {
+            for (const pseudoMatch of allMatchedStyles.pseudoElements) {
+                for (const pMatch of pseudoMatch.matches) {
+                    // Skip box-sizing inherit pseudo rules
+                    const cssText = pMatch.rule.style.cssText || '';
+                    if (cssText.includes('box-sizing: inherit')) {
+                        continue;
+                    }
+                    pMatch.rule.rule_type = 'psuedo';
+                    matchedCSSRules.push({ rule: pMatch.rule, matchingSelectors: pMatch.matchingSelectors });
+                }
+            }
+        }
+        return matchedCSSRules;
+    }
+    /**
+     * Extract CSS variables from matched rules.
+     * Port of CSS variable extraction logic from snipbackground.js
+     */
+    extractCssVariables(matchedRules, classname, ctx) {
+        for (const ruleMatch of matchedRules) {
+            const rule = ruleMatch.rule;
+            if (!rule || !rule.style)
+                continue;
+            const cssProperties = rule.style.cssProperties || [];
+            const selectorText = rule.selectorList?.text || '';
+            const media = (rule.media && rule.media.length > 0) ? rule.media[0].text : '';
+            for (const prop of cssProperties) {
+                // Capture variable definitions
+                if (prop.name && prop.name.startsWith('--') && prop.value) {
+                    if (!ctx.cssvarDefinedArr[prop.name]) {
+                        ctx.cssvarDefinedArr[prop.name] = [];
+                    }
+                    const key = `${selectorText}-${prop.name}-${media}`;
+                    const exists = ctx.cssvarDefinedArr[prop.name].some((item) => item.key === key);
+                    if (!exists) {
+                        ctx.cssvarDefinedArr[prop.name].push({
+                            key,
+                            label: classname,
+                            value: prop.value,
+                            media,
+                            selector: selectorText,
+                            source: 'stylesheet',
+                        });
+                    }
+                }
+                // Track variable usage
+                if (prop.value && prop.value.includes('var(--')) {
+                    const varMatches = prop.value.match(/var\(\s*(--[^,\)]+)/g);
+                    if (varMatches) {
+                        for (const varMatch of varMatches) {
+                            const varName = varMatch.replace(/var\(\s*/, '');
+                            if (!ctx.cssvarUsedArr.includes(varName)) {
+                                ctx.cssvarUsedArr.push(varName);
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+    /**
+     * Convert a CDPRuleMatch to a SnippedRule for the final output.
+     */
+    toSnippedRule(ruleMatch, classname, viewport, ctx) {
+        const rule = ruleMatch.rule;
+        if (!rule || !rule.style)
+            return null;
+        // Skip user-agent rules
+        if (rule.origin === 'user-agent')
+            return null;
+        const selectorText = rule.selectorList?.text || '';
+        const cssProperties = rule.style.cssProperties || [];
+        // Build CSS body from properties
+        // CDP returns both shorthand and longhand versions. We want only the
+        // explicitly-written properties (those that have 'text' set or aren't implicit).
+        const bodyParts = [];
+        const seenProps = new Set();
+        for (const prop of cssProperties) {
+            if (!prop.name || !prop.value)
+                continue;
+            if (prop.disabled)
+                continue;
+            if (prop.parsedOk === false)
+                continue;
+            // Skip implicit longhand expansions - only keep explicitly defined properties.
+            // Implicit means CDP auto-expanded a shorthand; we want the shorthand only.
+            if (!('implicit' in prop) && !prop.text && prop.range === undefined)
+                continue;
+            // Deduplicate properties
+            if (seenProps.has(prop.name))
+                continue;
+            seenProps.add(prop.name);
+            const important = prop.important ? ' !important' : '';
+            const cleanValue = prop.value.replace(/\s*!important\s*/g, '').trim();
+            bodyParts.push(`${prop.name}: ${cleanValue}${important}`);
+        }
+        if (bodyParts.length === 0)
+            return null;
+        const body = bodyParts.join(';\n');
+        const media = (rule.media && rule.media.length > 0)
+            ? rule.media.map(m => m.text).join(' and ')
+            : '';
+        // Calculate specificity
+        let specScore = 0;
+        try {
+            const specResult = calculateSingle(selectorText);
+            specScore = specificityScore(specResult.specificity);
+        }
+        catch {
+            specScore = 0;
+        }
+        const isInherited = !!ruleMatch.other_inherited;
+        const isPseudo = rule.rule_type === 'psuedo';
+        const isHover = selectorText.includes(':hover') || rule.origin === 'pseudo';
+        return {
+            selector: selectorText,
+            body,
+            media,
+            classname,
+            stylesheet_id: rule.styleSheetId || '',
+            origin: rule.origin,
+            is_inherited: isInherited,
+            other_inherited: isInherited,
+            is_pseudo_element: isPseudo,
+            is_hover: isHover,
+            specificity_score: specScore,
+            viewport,
+        };
+    }
+}
+//# sourceMappingURL=style-matcher.js.map

package/dist/extraction/style-matcher.js.map

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

package/dist/extraction/stylesheet-collector.d.ts

@@ -0,0 +1,33 @@
+import { CDPSession } from 'playwright';
+import { StylesheetInfo } from '../types/index.js';
+/**
+ * Collects stylesheets from the page using CDP CSS domain events.
+ * Replaces the onDebuggerEvent handler for CSS.styleSheetAdded in snipbackground.js:573-696
+ */
+export declare class StylesheetCollector {
+    private stylesheets;
+    private collecting;
+    /**
+     * Start collecting stylesheet events. Call this BEFORE navigation or
+     * immediately after CSS.enable so we catch all CSS.styleSheetAdded events.
+     */
+    startCollecting(cdp: CDPSession): Promise<void>;
+    /**
+     * Stop collecting and return all captured stylesheets.
+     */
+    stopCollecting(): StylesheetInfo[];
+    /**
+     * Fetch the text content of all collected stylesheets.
+     * Parallelizes the CSS.getStyleSheetText calls.
+     */
+    fetchAllStylesheetTexts(cdp: CDPSession): Promise<StylesheetInfo[]>;
+    /**
+     * Get collected stylesheets (without text content).
+     */
+    getStylesheets(): StylesheetInfo[];
+    /**
+     * Get a specific stylesheet by ID.
+     */
+    getStylesheetById(id: string): StylesheetInfo | undefined;
+}
+//# sourceMappingURL=stylesheet-collector.d.ts.map

package/dist/extraction/stylesheet-collector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesheet-collector.d.ts","sourceRoot":"","sources":["../../src/extraction/stylesheet-collector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,cAAc,EAAiB,MAAM,mBAAmB,CAAC;AAElE;;;GAGG;AACH,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,WAAW,CAAwB;IAC3C,OAAO,CAAC,UAAU,CAAS;IAE3B;;;OAGG;IACG,eAAe,CAAC,GAAG,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;IAkBrD;;OAEG;IACH,cAAc,IAAI,cAAc,EAAE;IAKlC;;;OAGG;IACG,uBAAuB,CAAC,GAAG,EAAE,UAAU,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC;IAsBzE;;OAEG;IACH,cAAc,IAAI,cAAc,EAAE;IAIlC;;OAEG;IACH,iBAAiB,CAAC,EAAE,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS;CAG1D"}

package/dist/extraction/stylesheet-collector.js

@@ -0,0 +1,71 @@
+/**
+ * Collects stylesheets from the page using CDP CSS domain events.
+ * Replaces the onDebuggerEvent handler for CSS.styleSheetAdded in snipbackground.js:573-696
+ */
+export class StylesheetCollector {
+    stylesheets = [];
+    collecting = false;
+    /**
+     * Start collecting stylesheet events. Call this BEFORE navigation or
+     * immediately after CSS.enable so we catch all CSS.styleSheetAdded events.
+     */
+    async startCollecting(cdp) {
+        this.stylesheets = [];
+        this.collecting = true;
+        cdp.on('CSS.styleSheetAdded', (params) => {
+            if (!this.collecting)
+                return;
+            const header = params.header;
+            this.stylesheets.push({
+                stylesheet_id: header.styleSheetId,
+                source_url: header.sourceURL || '',
+                frame_id: header.frameId,
+                origin: header.origin,
+                is_inline: header.isInline || false,
+            });
+        });
+    }
+    /**
+     * Stop collecting and return all captured stylesheets.
+     */
+    stopCollecting() {
+        this.collecting = false;
+        return [...this.stylesheets];
+    }
+    /**
+     * Fetch the text content of all collected stylesheets.
+     * Parallelizes the CSS.getStyleSheetText calls.
+     */
+    async fetchAllStylesheetTexts(cdp) {
+        const results = await Promise.all(this.stylesheets.map(async (ss) => {
+            // Skip user-agent stylesheets - they don't have text
+            if (ss.origin === 'user-agent')
+                return ss;
+            try {
+                const result = await cdp.send('CSS.getStyleSheetText', {
+                    styleSheetId: ss.stylesheet_id,
+                });
+                ss.text = result.text;
+            }
+            catch (e) {
+                // Some stylesheets may not be accessible (cross-origin)
+                ss.text = '';
+            }
+            return ss;
+        }));
+        return results;
+    }
+    /**
+     * Get collected stylesheets (without text content).
+     */
+    getStylesheets() {
+        return [...this.stylesheets];
+    }
+    /**
+     * Get a specific stylesheet by ID.
+     */
+    getStylesheetById(id) {
+        return this.stylesheets.find(s => s.stylesheet_id === id);
+    }
+}
+//# sourceMappingURL=stylesheet-collector.js.map

package/dist/extraction/stylesheet-collector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesheet-collector.js","sourceRoot":"","sources":["../../src/extraction/stylesheet-collector.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,MAAM,OAAO,mBAAmB;IACtB,WAAW,GAAqB,EAAE,CAAC;IACnC,UAAU,GAAG,KAAK,CAAC;IAE3B;;;OAGG;IACH,KAAK,CAAC,eAAe,CAAC,GAAe;QACnC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;QACtB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QAEvB,GAAG,CAAC,EAAE,CAAC,qBAAqB,EAAE,CAAC,MAAiC,EAAE,EAAE;YAClE,IAAI,CAAC,IAAI,CAAC,UAAU;gBAAE,OAAO;YAE7B,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;YAC7B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;gBACpB,aAAa,EAAE,MAAM,CAAC,YAAY;gBAClC,UAAU,EAAE,MAAM,CAAC,SAAS,IAAI,EAAE;gBAClC,QAAQ,EAAE,MAAM,CAAC,OAAO;gBACxB,MAAM,EAAE,MAAM,CAAC,MAAM;gBACrB,SAAS,EAAE,MAAM,CAAC,QAAQ,IAAI,KAAK;aACpC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACH,cAAc;QACZ,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,OAAO,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,uBAAuB,CAAC,GAAe;QAC3C,MAAM,OAAO,GAAG,MAAM,OAAO,CAAC,GAAG,CAC/B,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE;YAChC,qDAAqD;YACrD,IAAI,EAAE,CAAC,MAAM,KAAK,YAAY;gBAAE,OAAO,EAAE,CAAC;YAE1C,IAAI,CAAC;gBACH,MAAM,MAAM,GAAG,MAAM,GAAG,CAAC,IAAI,CAAC,uBAAuB,EAAE;oBACrD,YAAY,EAAE,EAAE,CAAC,aAAa;iBAC/B,CAAC,CAAC;gBACH,EAAE,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;YACxB,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,wDAAwD;gBACxD,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC;YACf,CAAC;YACD,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC,CACH,CAAC;QAEF,OAAO,OAAO,CAAC;IACjB,CAAC;IAED;;OAEG;IACH,cAAc;QACZ,OAAO,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC;IAED;;OAEG;IACH,iBAAiB,CAAC,EAAU;QAC1B,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,KAAK,EAAE,CAAC,CAAC;IAC5D,CAAC;CACF"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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