@productivemark/snipcss 1.0.0

package/dist/extraction/keyframe-collector.js

@@ -0,0 +1,62 @@
+/**
+ * Collects @keyframes animation rules from matched styles.
+ * Port of snipbackground.js:1997-2035
+ */
+export class KeyframeCollector {
+    /**
+     * Extract keyframe animations from matched styles.
+     */
+    collect(allMatchedStyles, ctx) {
+        const keyframesRules = allMatchedStyles.cssKeyframesRules || [];
+        for (const keyframesMatch of keyframesRules) {
+            const animationName = keyframesMatch.animationName?.text;
+            if (!animationName)
+                continue;
+            // Skip if already collected
+            if (ctx.animationKeyframesArr[animationName])
+                continue;
+            const keyframes = {};
+            for (const aKeyframe of keyframesMatch.keyframes) {
+                const keyText = aKeyframe.keyText?.text || '';
+                const keyStyle = aKeyframe.style;
+                if (!keyStyle || !keyStyle.cssProperties)
+                    continue;
+                const props = [];
+                for (const prop of keyStyle.cssProperties) {
+                    if (!prop.name || !prop.value)
+                        continue;
+                    if (prop.disabled)
+                        continue;
+                    if (prop.parsedOk === false)
+                        continue;
+                    const important = prop.important ? ' !important' : '';
+                    props.push(`  ${prop.name}: ${prop.value}${important};`);
+                }
+                if (props.length > 0) {
+                    keyframes[keyText] = props.join('\n');
+                }
+            }
+            if (Object.keys(keyframes).length > 0) {
+                ctx.animationKeyframesArr[animationName] = keyframes;
+            }
+        }
+    }
+    /**
+     * Generate CSS text for all collected keyframes.
+     */
+    generateCss(ctx) {
+        const lines = [];
+        for (const [name, keyframes] of Object.entries(ctx.animationKeyframesArr)) {
+            lines.push(`@keyframes ${name} {`);
+            for (const [keyText, props] of Object.entries(keyframes)) {
+                lines.push(`  ${keyText} {`);
+                lines.push(props);
+                lines.push('  }');
+            }
+            lines.push('}');
+            lines.push('');
+        }
+        return lines.join('\n');
+    }
+}
+//# sourceMappingURL=keyframe-collector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"keyframe-collector.js","sourceRoot":"","sources":["../../src/extraction/keyframe-collector.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,OAAO,iBAAiB;IAC5B;;OAEG;IACH,OAAO,CAAC,gBAAkC,EAAE,GAAsB;QAChE,MAAM,cAAc,GAAG,gBAAgB,CAAC,iBAAiB,IAAI,EAAE,CAAC;QAEhE,KAAK,MAAM,cAAc,IAAI,cAAc,EAAE,CAAC;YAC5C,MAAM,aAAa,GAAG,cAAc,CAAC,aAAa,EAAE,IAAI,CAAC;YACzD,IAAI,CAAC,aAAa;gBAAE,SAAS;YAE7B,4BAA4B;YAC5B,IAAI,GAAG,CAAC,qBAAqB,CAAC,aAAa,CAAC;gBAAE,SAAS;YAEvD,MAAM,SAAS,GAA2B,EAAE,CAAC;YAE7C,KAAK,MAAM,SAAS,IAAI,cAAc,CAAC,SAAS,EAAE,CAAC;gBACjD,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC;gBAC9C,MAAM,QAAQ,GAAG,SAAS,CAAC,KAAK,CAAC;gBAEjC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa;oBAAE,SAAS;gBAEnD,MAAM,KAAK,GAAa,EAAE,CAAC;gBAC3B,KAAK,MAAM,IAAI,IAAI,QAAQ,CAAC,aAAa,EAAE,CAAC;oBAC1C,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK;wBAAE,SAAS;oBACxC,IAAI,IAAI,CAAC,QAAQ;wBAAE,SAAS;oBAC5B,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK;wBAAE,SAAS;oBAEtC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;oBACtD,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,GAAG,SAAS,GAAG,CAAC,CAAC;gBAC3D,CAAC;gBAED,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACrB,SAAS,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACxC,CAAC;YACH,CAAC;YAED,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACtC,GAAG,CAAC,qBAAqB,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;YACvD,CAAC;QACH,CAAC;IACH,CAAC;IAED;;OAEG;IACH,WAAW,CAAC,GAAsB;QAChC,MAAM,KAAK,GAAa,EAAE,CAAC;QAE3B,KAAK,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,EAAE,CAAC;YAC1E,KAAK,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,CAAC;YACnC,KAAK,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,SAAmC,CAAC,EAAE,CAAC;gBACnF,KAAK,CAAC,IAAI,CAAC,KAAK,OAAO,IAAI,CAAC,CAAC;gBAC7B,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAClB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC;YACD,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAChB,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACjB,CAAC;QAED,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CACF"}

package/dist/extraction/pseudo-state-handler.d.ts

@@ -0,0 +1,36 @@
+import { CDPSession, Page } from 'playwright';
+import { CDPRuleMatch } from '../types/index.js';
+/**
+ * Handles forcing pseudo-states (:hover, :active, :checked) on elements
+ * and extracting the resulting matched styles.
+ *
+ * Port of snipbackground.js:1822-1995
+ */
+export declare class PseudoStateHandler {
+    /**
+     * Check if an element is a hover-capable tag.
+     */
+    getTagName(page: Page, classname: string): Promise<string>;
+    /**
+     * Check if an input element is a checkbox or radio.
+     */
+    isCheckboxOrRadio(page: Page, classname: string): Promise<boolean>;
+    /**
+     * Get parent element snipcss classnames for pseudo-state forcing.
+     * Parents also need hover forced so that parent:hover child selectors work.
+     */
+    getParentClassnames(page: Page, classname: string): Promise<string[]>;
+    /**
+     * Force hover/active pseudo-state on an element and its parents,
+     * then extract the hover-specific matched styles.
+     *
+     * Returns only the rules that contain :hover in their selector.
+     */
+    extractHoverStyles(cdp: CDPSession, page: Page, nodeId: number, classname: string, docRootNodeId: number): Promise<CDPRuleMatch[]>;
+    /**
+     * Extract :checked pseudo-state styles for checkbox/radio inputs.
+     * Port of snipbackground.js:1933-1988
+     */
+    extractCheckedStyles(cdp: CDPSession, page: Page, nodeId: number, classname: string, docRootNodeId: number): Promise<CDPRuleMatch[]>;
+}
+//# sourceMappingURL=pseudo-state-handler.d.ts.map

package/dist/extraction/pseudo-state-handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pseudo-state-handler.d.ts","sourceRoot":"","sources":["../../src/extraction/pseudo-state-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAiC,MAAM,mBAAmB,CAAC;AAEhF;;;;;GAKG;AACH,qBAAa,kBAAkB;IAC7B;;OAEG;IACG,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAOhE;;OAEG;IACG,iBAAiB,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAQxE;;;OAGG;IACG,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;IAmB3E;;;;;OAKG;IACG,kBAAkB,CACtB,GAAG,EAAE,UAAU,EACf,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,EACjB,aAAa,EAAE,MAAM,GACpB,OAAO,CAAC,YAAY,EAAE,CAAC;IAqG1B;;;OAGG;IACG,oBAAoB,CACxB,GAAG,EAAE,UAAU,EACf,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,EACjB,aAAa,EAAE,MAAM,GACpB,OAAO,CAAC,YAAY,EAAE,CAAC;CA4D3B"}

package/dist/extraction/pseudo-state-handler.js

@@ -0,0 +1,210 @@
+/**
+ * Handles forcing pseudo-states (:hover, :active, :checked) on elements
+ * and extracting the resulting matched styles.
+ *
+ * Port of snipbackground.js:1822-1995
+ */
+export class PseudoStateHandler {
+    /**
+     * Check if an element is a hover-capable tag.
+     */
+    async getTagName(page, classname) {
+        return await page.evaluate((cls) => {
+            const elem = document.querySelector('.' + cls);
+            return elem ? elem.tagName : '';
+        }, classname);
+    }
+    /**
+     * Check if an input element is a checkbox or radio.
+     */
+    async isCheckboxOrRadio(page, classname) {
+        return await page.evaluate((cls) => {
+            const elem = document.querySelector('.' + cls);
+            if (!elem)
+                return false;
+            return elem.type === 'checkbox' || elem.type === 'radio';
+        }, classname);
+    }
+    /**
+     * Get parent element snipcss classnames for pseudo-state forcing.
+     * Parents also need hover forced so that parent:hover child selectors work.
+     */
+    async getParentClassnames(page, classname) {
+        return await page.evaluate((cls) => {
+            const elem = document.querySelector('.' + cls);
+            if (!elem)
+                return [];
+            const parents = [];
+            let parent = elem.parentElement;
+            while (parent && parent !== document.body) {
+                const classes = [...parent.classList];
+                const snipcssClass = classes.find(c => c.startsWith('snipcss'));
+                if (snipcssClass) {
+                    parents.push(snipcssClass);
+                }
+                parent = parent.parentElement;
+            }
+            return parents;
+        }, classname);
+    }
+    /**
+     * Force hover/active pseudo-state on an element and its parents,
+     * then extract the hover-specific matched styles.
+     *
+     * Returns only the rules that contain :hover in their selector.
+     */
+    async extractHoverStyles(cdp, page, nodeId, classname, docRootNodeId) {
+        const tagName = await this.getTagName(page, classname);
+        // Only hover-capable elements
+        const hoverCapable = ['A', 'SPAN', 'BUTTON', 'DIV', 'LI', 'IMG'];
+        if (!hoverCapable.includes(tagName))
+            return [];
+        const hoverRules = [];
+        try {
+            // Force hover/active on the element
+            await cdp.send('CSS.forcePseudoState', {
+                nodeId,
+                forcedPseudoClasses: ['hover', 'active'],
+            });
+            // Force hover on parent elements too
+            const parentClassnames = await this.getParentClassnames(page, classname);
+            const parentNodes = [];
+            for (const parentCls of parentClassnames) {
+                try {
+                    const pnode = await cdp.send('DOM.querySelector', {
+                        nodeId: docRootNodeId,
+                        selector: '.' + parentCls,
+                    });
+                    if (pnode.nodeId) {
+                        parentNodes.push(pnode.nodeId);
+                        await cdp.send('CSS.forcePseudoState', {
+                            nodeId: pnode.nodeId,
+                            forcedPseudoClasses: ['hover', 'active'],
+                        });
+                    }
+                }
+                catch {
+                    // Parent may not be found
+                }
+            }
+            // Re-fetch matched styles with hover state active
+            const allMatchedStyles2 = await cdp.send('CSS.getMatchedStylesForNode', {
+                nodeId,
+            });
+            // Collect normal hover rules
+            for (const matchNormal of allMatchedStyles2.matchedCSSRules || []) {
+                const selectorText = matchNormal.rule.selectorList?.text || '';
+                if (selectorText.includes(':hover')) {
+                    matchNormal.rule.origin = 'pseudo';
+                    hoverRules.push(matchNormal);
+                }
+            }
+            // Collect inherited hover rules
+            for (const inheritMatch of allMatchedStyles2.inherited || []) {
+                for (const iRule of inheritMatch.matchedCSSRules || []) {
+                    const selectorText = iRule.rule.selectorList?.text || '';
+                    if (selectorText.includes(':hover')) {
+                        iRule.inherited = true;
+                        iRule.rule.origin = 'pseudo';
+                        hoverRules.push(iRule);
+                    }
+                }
+            }
+            // Collect pseudo-element hover rules
+            for (const pseudoMatch of allMatchedStyles2.pseudoElements || []) {
+                for (const pMatch of pseudoMatch.matches) {
+                    const selectorText = pMatch.rule.selectorList?.text || '';
+                    if (selectorText.includes(':hover')) {
+                        pMatch.rule.origin = 'psuedo';
+                        hoverRules.push({
+                            rule: pMatch.rule,
+                            matchingSelectors: pMatch.matchingSelectors,
+                        });
+                    }
+                }
+            }
+            // Reset pseudo states
+            await cdp.send('CSS.forcePseudoState', {
+                nodeId,
+                forcedPseudoClasses: [],
+            });
+            for (const parentNodeId of parentNodes) {
+                try {
+                    await cdp.send('CSS.forcePseudoState', {
+                        nodeId: parentNodeId,
+                        forcedPseudoClasses: [],
+                    });
+                }
+                catch {
+                    // Ignore cleanup failures
+                }
+            }
+        }
+        catch (e) {
+            console.error('Pseudo hover extraction error:', e);
+        }
+        return hoverRules;
+    }
+    /**
+     * Extract :checked pseudo-state styles for checkbox/radio inputs.
+     * Port of snipbackground.js:1933-1988
+     */
+    async extractCheckedStyles(cdp, page, nodeId, classname, docRootNodeId) {
+        const tagName = await this.getTagName(page, classname);
+        if (tagName !== 'INPUT')
+            return [];
+        const isCheckbox = await this.isCheckboxOrRadio(page, classname);
+        if (!isCheckbox)
+            return [];
+        const checkedRules = [];
+        try {
+            // Force hover on parents (same pattern as hover extraction)
+            const parentClassnames = await this.getParentClassnames(page, classname);
+            const parentNodes = [];
+            for (const parentCls of parentClassnames) {
+                try {
+                    const pnode = await cdp.send('DOM.querySelector', {
+                        nodeId: docRootNodeId,
+                        selector: '.' + parentCls,
+                    });
+                    if (pnode.nodeId) {
+                        parentNodes.push(pnode.nodeId);
+                        await cdp.send('CSS.forcePseudoState', {
+                            nodeId: pnode.nodeId,
+                            forcedPseudoClasses: ['hover', 'active'],
+                        });
+                    }
+                }
+                catch {
+                    // Ignore
+                }
+            }
+            const allMatchedStyles2 = await cdp.send('CSS.getMatchedStylesForNode', {
+                nodeId,
+            });
+            for (const matchNormal of allMatchedStyles2.matchedCSSRules || []) {
+                const selectorText = matchNormal.rule.selectorList?.text || '';
+                if (selectorText.includes(':checked')) {
+                    checkedRules.push(matchNormal);
+                }
+            }
+            // Reset parent pseudo states
+            for (const parentNodeId of parentNodes) {
+                try {
+                    await cdp.send('CSS.forcePseudoState', {
+                        nodeId: parentNodeId,
+                        forcedPseudoClasses: [],
+                    });
+                }
+                catch {
+                    // Ignore
+                }
+            }
+        }
+        catch (e) {
+            console.error('Checkbox extraction error:', e);
+        }
+        return checkedRules;
+    }
+}
+//# sourceMappingURL=pseudo-state-handler.js.map

package/dist/extraction/pseudo-state-handler.js.map

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

package/dist/extraction/result-builder.d.ts

@@ -0,0 +1,25 @@
+import { ExtractionContext, ExtractionResult } from '../types/index.js';
+/**
+ * Builds the final CSS output from collected extraction data.
+ * Port of handleSnippedResult from snipbackground.js:3498-5800
+ * Simplified version focusing on CSS generation without extension-specific features.
+ */
+export declare class ResultBuilder {
+    private variableResolver;
+    private keyframeCollector;
+    /**
+     * Build the final extraction result from collected data.
+     */
+    buildResult(ctx: ExtractionContext, elementHtml: string, options: {
+        resolveVariables: boolean;
+    }): ExtractionResult;
+    /**
+     * Format rule body from semicolon-delimited string to indented lines.
+     */
+    private formatRuleBody;
+    /**
+     * Determine which font families are actually used in the extracted CSS.
+     */
+    private getUsedFontFamilies;
+}
+//# sourceMappingURL=result-builder.d.ts.map

package/dist/extraction/result-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"result-builder.d.ts","sourceRoot":"","sources":["../../src/extraction/result-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAe,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAKrF;;;;GAIG;AACH,qBAAa,aAAa;IACxB,OAAO,CAAC,gBAAgB,CAA6B;IACrD,OAAO,CAAC,iBAAiB,CAA2B;IAEpD;;OAEG;IACH,WAAW,CACT,GAAG,EAAE,iBAAiB,EACtB,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE;QAAE,gBAAgB,EAAE,OAAO,CAAA;KAAE,GACrC,gBAAgB;IA+FnB;;OAEG;IACH,OAAO,CAAC,cAAc;IAStB;;OAEG;IACH,OAAO,CAAC,mBAAmB;CA+B5B"}

package/dist/extraction/result-builder.js

@@ -0,0 +1,136 @@
+import { CssVariableResolver } from './css-variable-resolver.js';
+import { KeyframeCollector } from './keyframe-collector.js';
+import { stripMarkerClasses } from '../utils/helpers.js';
+/**
+ * Builds the final CSS output from collected extraction data.
+ * Port of handleSnippedResult from snipbackground.js:3498-5800
+ * Simplified version focusing on CSS generation without extension-specific features.
+ */
+export class ResultBuilder {
+    variableResolver = new CssVariableResolver();
+    keyframeCollector = new KeyframeCollector();
+    /**
+     * Build the final extraction result from collected data.
+     */
+    buildResult(ctx, elementHtml, options) {
+        const cssLines = [];
+        // 1. Add Google Font imports
+        for (const importUrl of ctx.importfontsArr) {
+            cssLines.push(`@import url("${importUrl}");`);
+        }
+        // 2. Add @font-face declarations for used fonts
+        const usedFontFamilies = this.getUsedFontFamilies(ctx);
+        for (const font of ctx.customfontsArr) {
+            if (usedFontFamilies.has(font.font_family.toLowerCase())) {
+                if (font.full_rule) {
+                    cssLines.push(font.full_rule);
+                }
+            }
+        }
+        // 3. Add CSS variable definitions if resolving
+        if (options.resolveVariables) {
+            const varsCss = this.variableResolver.generateVariablesCss(ctx);
+            if (varsCss) {
+                cssLines.push('');
+                cssLines.push(varsCss);
+            }
+        }
+        // 4. Group rules by media query
+        const noMedia = [];
+        const mediaGroups = new Map();
+        for (const rule of ctx.snippedArr) {
+            if (rule.media) {
+                if (!mediaGroups.has(rule.media)) {
+                    mediaGroups.set(rule.media, []);
+                }
+                mediaGroups.get(rule.media).push(rule);
+            }
+            else {
+                noMedia.push(rule);
+            }
+        }
+        // 5. Add non-media rules
+        if (noMedia.length > 0) {
+            cssLines.push('');
+            for (const rule of noMedia) {
+                const body = this.formatRuleBody(rule.body);
+                cssLines.push(`${rule.selector} {`);
+                cssLines.push(body);
+                cssLines.push('}');
+                cssLines.push('');
+            }
+        }
+        // 6. Add media query grouped rules
+        for (const [media, rules] of mediaGroups) {
+            cssLines.push(`@media ${media} {`);
+            for (const rule of rules) {
+                const body = this.formatRuleBody(rule.body);
+                cssLines.push(`  ${rule.selector} {`);
+                cssLines.push(body.split('\n').map(l => '  ' + l).join('\n'));
+                cssLines.push('  }');
+                cssLines.push('');
+            }
+            cssLines.push('}');
+            cssLines.push('');
+        }
+        // 7. Add keyframe animations
+        const keyframesCss = this.keyframeCollector.generateCss(ctx);
+        if (keyframesCss) {
+            cssLines.push(keyframesCss);
+        }
+        // 8. Clean HTML
+        const cleanHtml = stripMarkerClasses(elementHtml);
+        // Resolve variables in CSS if requested
+        let finalCss = cssLines.join('\n');
+        if (options.resolveVariables) {
+            finalCss = this.variableResolver.resolveVarReferences(finalCss, ctx);
+        }
+        return {
+            html: cleanHtml,
+            css: finalCss,
+            tailwindHtml: '', // Filled in by tailwind converter later
+            tailwindBodyClasses: '',
+            fonts: ctx.customfontsArr.filter(f => usedFontFamilies.has(f.font_family.toLowerCase())),
+            cssVariables: this.variableResolver.getResolvedVariables(ctx),
+        };
+    }
+    /**
+     * Format rule body from semicolon-delimited string to indented lines.
+     */
+    formatRuleBody(body) {
+        return body
+            .split(';')
+            .map(prop => prop.trim())
+            .filter(prop => prop.length > 0)
+            .map(prop => `  ${prop};`)
+            .join('\n');
+    }
+    /**
+     * Determine which font families are actually used in the extracted CSS.
+     */
+    getUsedFontFamilies(ctx) {
+        const used = new Set();
+        for (const rule of ctx.snippedArr) {
+            if (!rule.body)
+                continue;
+            const fontMatch = rule.body.match(/font-family\s*:\s*([^;]+)/i);
+            if (fontMatch) {
+                const families = fontMatch[1].split(',').map(f => f.trim().replace(/['"]/g, '').toLowerCase());
+                families.forEach(f => used.add(f));
+            }
+            // Also check shorthand font property
+            const shortFontMatch = rule.body.match(/(?:^|;)\s*font\s*:\s*([^;]+)/i);
+            if (shortFontMatch) {
+                // Extract font-family from shorthand (it's the last part after /)
+                const parts = shortFontMatch[1].split('/');
+                if (parts.length > 1) {
+                    const familyPart = parts[parts.length - 1].trim();
+                    const families = familyPart.split(',').map(f => f.trim().replace(/['"]/g, '').toLowerCase());
+                    families.forEach(f => used.add(f));
+                }
+            }
+        }
+        return used;
+    }
+}
+//# sourceMappingURL=result-builder.js.map

package/dist/extraction/result-builder.js.map

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

package/dist/extraction/rule-deduplicator.d.ts

@@ -0,0 +1,39 @@
+import { SnippedRule, ExtractionContext } from '../types/index.js';
+/**
+ * Deduplicates CSS rules to avoid redundant output.
+ * Port of alreadySnippedWhole and related dedup logic from snipbackground.js:728-834
+ */
+export declare class RuleDeduplicator {
+    /**
+     * Check if a rule has already been added (same selector + body + media).
+     */
+    isDuplicate(rule: SnippedRule, ctx: ExtractionContext): boolean;
+    /**
+     * Find the index of a duplicate rule, or -1 if not found.
+     */
+    findDuplicateIndex(rule: SnippedRule, ctx: ExtractionContext): number;
+    /**
+     * Track a rule in matchingFinalRules for a given classname.
+     * This must happen even for duplicate rules - different elements can share
+     * the same CSS rule but each needs a matchingFinalRules entry for Tailwind.
+     */
+    private trackRule;
+    /**
+     * Add a rule if it's not a duplicate.
+     * Even if duplicate, still tracks in matchingFinalRules for the element.
+     */
+    addRule(rule: SnippedRule, ctx: ExtractionContext): boolean;
+    /**
+     * Add multiple rules, filtering out duplicates.
+     */
+    addRules(rules: SnippedRule[], ctx: ExtractionContext): number;
+    /**
+     * Get all collected rules.
+     */
+    getRules(ctx: ExtractionContext): SnippedRule[];
+    /**
+     * Group rules by media query for organized output.
+     */
+    groupByMedia(ctx: ExtractionContext): Map<string, SnippedRule[]>;
+}
+//# sourceMappingURL=rule-deduplicator.d.ts.map

package/dist/extraction/rule-deduplicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rule-deduplicator.d.ts","sourceRoot":"","sources":["../../src/extraction/rule-deduplicator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEnE;;;GAGG;AACH,qBAAa,gBAAgB;IAC3B;;OAEG;IACH,WAAW,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,iBAAiB,GAAG,OAAO;IAS/D;;OAEG;IACH,kBAAkB,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,iBAAiB,GAAG,MAAM;IASrE;;;;OAIG;IACH,OAAO,CAAC,SAAS;IA2BjB;;;OAGG;IACH,OAAO,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,iBAAiB,GAAG,OAAO;IAmB3D;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE,GAAG,EAAE,iBAAiB,GAAG,MAAM;IAQ9D;;OAEG;IACH,QAAQ,CAAC,GAAG,EAAE,iBAAiB,GAAG,WAAW,EAAE;IAI/C;;OAEG;IACH,YAAY,CAAC,GAAG,EAAE,iBAAiB,GAAG,GAAG,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC;CAajE"}

package/dist/extraction/rule-deduplicator.js

@@ -0,0 +1,107 @@
+/**
+ * Deduplicates CSS rules to avoid redundant output.
+ * Port of alreadySnippedWhole and related dedup logic from snipbackground.js:728-834
+ */
+export class RuleDeduplicator {
+    /**
+     * Check if a rule has already been added (same selector + body + media).
+     */
+    isDuplicate(rule, ctx) {
+        return ctx.snippedArr.some(existing => existing.selector === rule.selector &&
+            existing.body === rule.body &&
+            existing.media === rule.media);
+    }
+    /**
+     * Find the index of a duplicate rule, or -1 if not found.
+     */
+    findDuplicateIndex(rule, ctx) {
+        return ctx.snippedArr.findIndex(existing => existing.selector === rule.selector &&
+            existing.body === rule.body &&
+            existing.media === rule.media);
+    }
+    /**
+     * Track a rule in matchingFinalRules for a given classname.
+     * This must happen even for duplicate rules - different elements can share
+     * the same CSS rule but each needs a matchingFinalRules entry for Tailwind.
+     */
+    trackRule(rule, ruleIndex, ctx) {
+        if (!rule.classname)
+            return;
+        if (!ctx.matchingFinalRules[rule.classname]) {
+            ctx.matchingFinalRules[rule.classname] = {
+                indices: [],
+                selectors: [],
+                bodies: [],
+                media_queries: [],
+                matching_parts: [],
+                contain_type: [],
+                inherited_type: [],
+                inherited_classes: [],
+                invalid_pseudos: [],
+            };
+        }
+        const entry = ctx.matchingFinalRules[rule.classname];
+        entry.indices.push(ruleIndex);
+        entry.selectors.push(rule.selector);
+        entry.bodies.push(rule.body);
+        entry.media_queries.push(rule.media);
+        entry.matching_parts.push([rule.selector]);
+        entry.contain_type.push('default');
+        entry.inherited_type.push(rule.is_inherited ? 'inherited' : 'default');
+        entry.inherited_classes.push([]);
+        entry.invalid_pseudos.push(false);
+    }
+    /**
+     * Add a rule if it's not a duplicate.
+     * Even if duplicate, still tracks in matchingFinalRules for the element.
+     */
+    addRule(rule, ctx) {
+        // Skip empty body rules
+        if (!rule.body || rule.body.trim() === '')
+            return false;
+        // Skip user-agent rules
+        if (rule.origin === 'user-agent')
+            return false;
+        const dupIndex = this.findDuplicateIndex(rule, ctx);
+        if (dupIndex >= 0) {
+            // Rule already in snippedArr, but still track it for this element
+            this.trackRule(rule, dupIndex, ctx);
+            return false;
+        }
+        ctx.snippedArr.push(rule);
+        this.trackRule(rule, ctx.snippedArr.length - 1, ctx);
+        return true;
+    }
+    /**
+     * Add multiple rules, filtering out duplicates.
+     */
+    addRules(rules, ctx) {
+        let added = 0;
+        for (const rule of rules) {
+            if (this.addRule(rule, ctx))
+                added++;
+        }
+        return added;
+    }
+    /**
+     * Get all collected rules.
+     */
+    getRules(ctx) {
+        return ctx.snippedArr;
+    }
+    /**
+     * Group rules by media query for organized output.
+     */
+    groupByMedia(ctx) {
+        const groups = new Map();
+        for (const rule of ctx.snippedArr) {
+            const media = rule.media || '';
+            if (!groups.has(media)) {
+                groups.set(media, []);
+            }
+            groups.get(media).push(rule);
+        }
+        return groups;
+    }
+}
+//# sourceMappingURL=rule-deduplicator.js.map