cssprobe-cli 0.2.12 → 0.2.14

package/AGENTS.md

@@ -4,7 +4,7 @@
 
 `cssprobe-cli` — Runtime CSS probe for layout/scroll/overflow/color/font inspection with session-based browser management. Entrypoint: `bin/cssprobe-cli.js` → `require('../dist/index')`.
 Build: `npm run build` (= `tsc` + `esbuild` collector IIFE bundle + `esbuild` daemon entry + `tsx scripts/generate-help.ts`).
-Test: `npm test` (= `tsx --test tests/*.test.ts` — Node.js built-in test runner, 45 tests).
+Test: `npm test` (= `tsx --test tests/*.test.ts` — Node.js built-in test runner, 58 tests).
 Dependencies: `playwright-core`, `zod`. Dev: `typescript`, `@types/node`, `tsx`, `esbuild`.
 
 ## Architecture
@@ -41,7 +41,7 @@ src/
 - **Session-based architecture**: Inspired by playwright-cli. `open` starts a daemon process, subsequent commands connect via Unix socket. Single session (default) mode.
 - **Daemon process**: Long-running background process that manages the browser and executes commands. Communicates via Unix domain socket.
 - **Three-layer engine**: `collector.ts` (browser, esbuild IIFE) → `analyzer.ts` (Node, pure functions) → `renderer.ts` (Markdown/JSON). Collector only gathers facts; analyzer does inference with confidence; renderer formats output.
-- **Collector bundling**: `collector.ts` is bundled by esbuild as an IIFE (`format: 'iife', globalName: '__cssprobe-cli'`). The launcher injects it via `page.addScriptTag({ content })`, then calls `window.__cssprobe-cli.collect(cfg)`.
+- **Collector bundling**: `collector.ts` is bundled by esbuild as an IIFE (`format: 'iife', globalName: '__cssprobe_cli'`). The launcher injects it via `page.addScriptTag({ content })`, then calls `window.__cssprobe_cli.collect(cfg)`.
 - **Confidence model**: Every `Finding` carries `confidence: 'DEFINITE' | 'INDEFINITE' | 'UNVERIFIABLE'`. Computed values = DEFINITE. Percent declarations = INDEFINITE. Missing/blocked declarations = UNVERIFIABLE.
 - **Command definition**: `declareCommand({ name, category, description, args?, options? })` — purely declarative, no execution logic.
 - **Command dispatch**: `minimist` parse → `parseCommand()` Zod validate → session command execution via daemon socket.
@@ -101,11 +101,10 @@ src/
 npm run build
 ├── 1. tsc                    # Compile TS → dist/ (includes .d.ts)
 ├── 2. esbuild collector.ts   # Bundle browser-side code → dist/collector-bundle.js (IIFE)
-├── 3. esbuild daemonEntry.ts # Bundle daemon entry → dist/daemonEntry.js (CJS)
-└── 4. tsx generate-help.ts   # Zod schemas → dist/help.json
+└── 3. tsx generate-help.ts   # Zod schemas → dist/help.json
 ```
 
-The collector bundle is a self-contained IIFE that exposes `window.__cssprobe-cli.collect(cfg)`. It runs entirely in the browser context — no Node imports.
+The collector bundle is a self-contained IIFE that exposes `window.__cssprobe_cli.collect(cfg)`. It runs entirely in the browser context — no Node imports.
 
 ## Session Mode
 

package/README.md

@@ -318,7 +318,7 @@ cssprobe-cli skill-uninstall
 ```bash
 npm install
 npm run build       # tsc + esbuild collector + daemon entry + generate help.json
-npm test            # Run unit tests (45 tests)
+npm test            # Run unit tests (58 tests)
 npx tsc --noEmit    # Type check only
 ```
 

package/dist/browser/launcher.d.ts

@@ -19,20 +19,8 @@ export declare class BrowserLauncher {
     constructor(options?: LauncherOptions);
     open(url: string): Promise<void>;
     collect(cfg: CollectConfig): Promise<Snapshot>;
-    /** Measure the DOM tree depth from a root selector to the deepest leaf. */
-    measureDepth(selector: string): Promise<number>;
-    /** Wait for user to interact with the page. Press Enter to continue. */
-    waitForUser(): Promise<void>;
     /** Navigate to a new URL in the existing page. */
     navigate(url: string): Promise<void>;
-    /** Scan the page for likely root elements (modals, dialogs, scroll containers). */
-    autoDetectRoot(): Promise<string[]>;
-    /**
-     * Interactive login flow: opens browser in headed mode, navigates to URL,
-     * waits for user to complete login, then saves storage state.
-     * Returns the path to the saved state file.
-     */
-    loginAndSave(url: string, statePath: string): Promise<string>;
     /** Get the current page object. */
     getPage(): Page | null;
     close(): Promise<void>;

package/dist/browser/launcher.js

@@ -63,6 +63,7 @@ class BrowserLauncher {
         this.options = options;
     }
     async open(url) {
+        await this.close();
         const engine = this.options.browser || 'chromium';
         const factory = engine === 'firefox' ? playwright_core_1.firefox :
             engine === 'webkit' ? playwright_core_1.webkit :
@@ -107,35 +108,6 @@ class BrowserLauncher {
         }, cfg);
         return snapshot;
     }
-    /** Measure the DOM tree depth from a root selector to the deepest leaf. */
-    async measureDepth(selector) {
-        if (!this.page)
-            throw new Error('Browser not opened. Call open() first.');
-        return this.page.evaluate((sel) => {
-            const root = document.querySelector(sel);
-            if (!root)
-                return 0;
-            let maxDepth = 0;
-            const walk = (el, depth) => {
-                if (depth > maxDepth)
-                    maxDepth = depth;
-                for (const child of Array.from(el.children))
-                    walk(child, depth + 1);
-            };
-            walk(root, 0);
-            return maxDepth;
-        }, selector);
-    }
-    /** Wait for user to interact with the page. Press Enter to continue. */
-    async waitForUser() {
-        console.error('');
-        console.error('  Browser is open. Perform your actions (login, click buttons, open dialogs, etc.).');
-        console.error('  Press Enter here when ready to inspect...');
-        console.error('');
-        await new Promise(resolve => {
-            process.stdin.once('data', () => resolve());
-        });
-    }
     /** Navigate to a new URL in the existing page. */
     async navigate(url) {
         if (!this.page)
@@ -153,100 +125,6 @@ class BrowserLauncher {
             await this.page.goto(`file://${resolved}`, { waitUntil: 'load', timeout: 30000 });
         }
     }
-    /** Scan the page for likely root elements (modals, dialogs, scroll containers). */
-    async autoDetectRoot() {
-        if (!this.page)
-            throw new Error('Browser not opened. Call open() first.');
-        return this.page.evaluate(() => {
-            const candidates = [];
-            const seen = new Set();
-            function addSelector(sel, score) {
-                if (seen.has(sel))
-                    return;
-                seen.add(sel);
-                candidates.push({ selector: sel, score });
-            }
-            // Modals / dialogs
-            for (const el of Array.from(document.querySelectorAll('.s-kit-modal, [class*="dialog"], [class*="modal"], [class*="popup"]'))) {
-                const cls = (el.getAttribute('class') || '').split(/\s+/).filter(Boolean).join('.');
-                if (cls)
-                    addSelector(`.${cls.split(/\s+/)[0]}`, 10);
-            }
-            // Scroll containers (overflow-y: auto/scroll with content overflow)
-            for (const el of Array.from(document.querySelectorAll('*'))) {
-                const cs = getComputedStyle(el);
-                if ((cs.overflowY === 'auto' || cs.overflowY === 'scroll') &&
-                    el.scrollHeight > el.clientHeight + 1 &&
-                    el.clientHeight > 100) {
-                    const tag = el.tagName.toLowerCase();
-                    const id = el.id ? `#${el.id}` : '';
-                    const cls = (el.getAttribute('class') || '').split(/\s+/).filter(Boolean).slice(0, 2).join('.');
-                    const sel = id || (cls ? `${tag}.${cls}` : tag);
-                    addSelector(sel, 5);
-                }
-            }
-            // Sections with substantial content
-            for (const el of Array.from(document.querySelectorAll('section, [class*="section"], main, [role="main"]'))) {
-                const tag = el.tagName.toLowerCase();
-                const cls = (el.getAttribute('class') || '').split(/\s+/).filter(Boolean).slice(0, 2).join('.');
-                const sel = cls ? `${tag}.${cls}` : tag;
-                addSelector(sel, 3);
-            }
-            return candidates
-                .sort((a, b) => b.score - a.score)
-                .slice(0, 5)
-                .map(c => c.selector);
-        });
-    }
-    /**
-     * Interactive login flow: opens browser in headed mode, navigates to URL,
-     * waits for user to complete login, then saves storage state.
-     * Returns the path to the saved state file.
-     */
-    async loginAndSave(url, statePath) {
-        const engine = this.options.browser || 'chromium';
-        const factory = engine === 'firefox' ? playwright_core_1.firefox :
-            engine === 'webkit' ? playwright_core_1.webkit :
-                playwright_core_1.chromium;
-        const execPath = findBrowserExecutable(engine);
-        const launchOptions = { headless: false };
-        if (execPath)
-            launchOptions.executablePath = execPath;
-        this.browser = await factory.launch(launchOptions);
-        const vp = this.options.viewport || { width: 1280, height: 720 };
-        this.context = await this.browser.newContext({ viewport: vp });
-        this.page = await this.context.newPage();
-        // Navigate to the target URL
-        if (url.startsWith('http://') || url.startsWith('https://')) {
-            await this.page.goto(url, { waitUntil: 'domcontentloaded', timeout: 60000 });
-        }
-        else {
-            throw new Error('--login only works with http/https URLs');
-        }
-        // Wait for user to complete login (detect URL change or navigation)
-        console.error('');
-        console.error('  Browser opened. Please complete the login manually.');
-        console.error('  The browser will detect when you navigate away from the login page,');
-        console.error('  or you can press Enter here when done.');
-        console.error('');
-        // Wait for either URL change or Enter keypress
-        await Promise.race([
-            this.page.waitForURL('**/*', { timeout: 300000 }).catch(() => { }),
-            new Promise(resolve => {
-                process.stdin.once('data', () => resolve());
-            }),
-        ]);
-        // Small delay to let cookies/localStorage settle
-        await this.page.waitForTimeout(1000);
-        // Save state
-        const resolvedPath = path_1.default.resolve(statePath);
-        const dir = path_1.default.dirname(resolvedPath);
-        if (!fs_1.default.existsSync(dir))
-            fs_1.default.mkdirSync(dir, { recursive: true });
-        await this.context.storageState({ path: resolvedPath });
-        console.error(`  State saved to: ${resolvedPath}`);
-        return resolvedPath;
-    }
     /** Get the current page object. */
     getPage() {
         return this.page;

package/dist/cli/program.js

@@ -137,13 +137,11 @@ async function handleOpen(command, args, output) {
             state,
             _: ['open', url],
         }, 'open');
-        // Wait a bit for daemon to start
-        await new Promise(resolve => setTimeout(resolve, 1000));
-        // Load session and navigate
-        const session = await (0, session_1.loadSession)();
-        if (session) {
-            await session.run({ _: ['goto', url] });
-        }
+        // Wait for the daemon to be ready (poll session file instead of fixed delay)
+        const session = await waitForSession(5000);
+        if (!session)
+            throw new Error('Daemon failed to become ready within 5s. Check the daemon log for errors.');
+        await session.run({ _: ['goto', url] });
         const result = {
             sessionId: 'default',
             pid,
@@ -164,6 +162,16 @@ async function handleOpen(command, args, output) {
         output.error(e instanceof Error ? e.message : String(e));
     }
 }
+async function waitForSession(timeoutMs) {
+    const deadline = Date.now() + timeoutMs;
+    while (Date.now() < deadline) {
+        const session = await (0, session_1.loadSession)();
+        if (session && await session.canConnect())
+            return session;
+        await new Promise(resolve => setTimeout(resolve, 100));
+    }
+    return undefined;
+}
 async function handleClose(output) {
     try {
         const session = await (0, session_1.loadSession)();
@@ -255,18 +263,11 @@ async function handleSessionCommand(commandName, command, args, output) {
             }
         }
         // Run command in session
-        const result = await session.run({ ...cmdArgs, _: daemonArgs });
-        if (output.json) {
-            try {
-                console.log(JSON.parse(result.text));
-            }
-            catch {
-                console.log(result.text);
-            }
-        }
-        else {
-            console.log(result.text);
-        }
+        const runArgs = { ...cmdArgs, _: daemonArgs };
+        if (args.json)
+            runArgs.json = true;
+        const result = await session.run(runArgs);
+        console.log(result.text);
     }
     catch (e) {
         output.error(e instanceof Error ? e.message : String(e));
@@ -375,7 +376,7 @@ function parseNetscapeCookies(content) {
         const parts = trimmed.split('\t');
         if (parts.length < 7)
             continue;
-        const [domain, flag, path, secure, expires, name, ...valueParts] = parts;
+        const [domain, httpOnly, path, secure, expires, name, ...valueParts] = parts;
         const value = valueParts.join('\t');
         const expiresNum = parseInt(expires, 10);
         cookies.push({
@@ -384,7 +385,7 @@ function parseNetscapeCookies(content) {
             domain,
             path: path || '/',
             expires: isNaN(expiresNum) || expiresNum === 0 ? -1 : expiresNum,
-            httpOnly: false,
+            httpOnly: httpOnly === 'TRUE',
             secure: secure === 'TRUE',
             sameSite: secure === 'TRUE' ? 'None' : 'Lax',
         });

package/dist/collector-bundle.js

@@ -24,6 +24,34 @@ var __cssprobe_cli = (() => {
     classifyShape: () => classifyShape,
     collect: () => collect
   });
+
+  // src/engine/specificity.ts
+  function specificity(selector) {
+    if (selector === "inline") return Number.MAX_SAFE_INTEGER;
+    let score = 0;
+    for (const token of selector.split(/[ >+~]+/)) {
+      const ids = (token.match(/#[\w-]+/g) || []).length;
+      const attrsClasses = (token.match(/\.[\w-]+|\[[^\]]*\]|:(?!:)[\w-]+/g) || []).length;
+      const types = (token.match(/^[\w-]+|::[\w-]+/g) || []).length;
+      score += ids * 100 + attrsClasses * 10 + types;
+    }
+    return score;
+  }
+  function pickWinning(arr) {
+    if (arr.length === 0) return arr[0];
+    let winner = arr[0];
+    let best = -1;
+    for (const d of arr) {
+      const s = d.selector === "inline" ? Number.MAX_SAFE_INTEGER : specificity(d.selector);
+      if (s >= best) {
+        best = s;
+        winner = d;
+      }
+    }
+    return winner;
+  }
+
+  // src/engine/collector.ts
   var WANTED_PROPS = [
     // layout
     "height",
@@ -149,8 +177,7 @@ var __cssprobe_cli = (() => {
     const getDeclared = (prop) => {
       const arr = declared && declared[prop];
       if (!arr || arr.length === 0) return null;
-      const inline = arr.find((d) => d.selector === "inline");
-      return inline ? inline.value : arr[0].value;
+      return pickWinning(arr).value;
     };
     const sizeClass = (prop, maxProp) => {
       const val = getDeclared(prop);
@@ -309,7 +336,7 @@ var __cssprobe_cli = (() => {
         tree: null,
         crossOriginBlocked: crossOriginBlocked.count,
         blockedSheetUrls: blockedSheetUrls.slice(0, 5),
-        error: `\u672A\u627E\u5230 ${cfg.rootSelector}`,
+        error: `Not found: ${cfg.rootSelector}`,
         candidates
       };
     }

package/dist/daemon/daemon.js

@@ -16,6 +16,7 @@ const socketConnection_1 = require("../utils/socketConnection");
 const launcher_1 = require("../browser/launcher");
 const analyzer_1 = require("../engine/analyzer");
 const renderer_1 = require("../engine/renderer");
+const dom_tree_1 = require("../engine/renderers/dom-tree");
 const AsyncFunction = Object.getPrototypeOf(async function () { }).constructor;
 async function startDaemon(sessionName, clientInfo, options) {
     const sessionConfig = createSessionConfig(clientInfo, sessionName, options);
@@ -110,7 +111,7 @@ async function executeCommand(launcher, args) {
             const lines = [];
             lines.push(`## DOM tree (${snapshot.downDepth} levels deep)`);
             lines.push('```');
-            renderNode(snapshot.tree, lines, 0);
+            lines.push(...(0, dom_tree_1.renderNode)(snapshot.tree, 0));
             lines.push('```');
             return { text: lines.join('\n') };
         }
@@ -143,8 +144,7 @@ async function executeCommand(launcher, args) {
                 return { text: 'No warnings or errors found.' };
             }
             const lines = important.map(f => {
-                const icon = f.level === 'error' ? '⚠' : '⚠';
-                return `- ${icon} ${f.message} [${f.confidence}]${f.location ? ` @ ${f.location}` : ''}`;
+                return `- ⚠ ${f.message} [${f.confidence}]${f.location ? ` @ ${f.location}` : ''}`;
             });
             return { text: lines.join('\n') };
         }
@@ -162,7 +162,7 @@ async function executeCommand(launcher, args) {
             const page = launcher.getPage();
             if (!page)
                 throw new Error('Browser is not open. Run: cssprobe-cli open <url>');
-            const buffer = await page.screenshot({ fullPage: args.fullPage });
+            const buffer = await page.screenshot({ fullPage: args['full-page'] });
             const base64 = buffer.toString('base64');
             return { text: `data:image/png;base64,${base64}` };
         }
@@ -204,25 +204,6 @@ async function executeCommand(launcher, args) {
             throw new Error(`Unknown command: ${command}`);
     }
 }
-function renderNode(node, lines, indent) {
-    if (!node)
-        return;
-    const cls = node.classes?.length ? `.${node.classes.join('.')}` : '';
-    const id = node.id ? `#${node.id}` : '';
-    const m = node.metrics;
-    const s = node.shape || {};
-    const shapeStr = s.role ? `[${s.role} h:${s.heightStrategy} w:${s.widthStrategy}]` : '';
-    const flag = [];
-    if (node.flags?.overflowsParent)
-        flag.push('⚠parent-overflow');
-    if (node.flags?.overflowsViewport)
-        flag.push('⚠viewport-overflow');
-    if (m?.clientHeight === 0 && m?.offsetHeight === 0)
-        flag.push('⚠collapsed');
-    lines.push(`${'  '.repeat(indent)}<${node.tag}${id}${cls}> ${shapeStr} [${node.props?.position},${node.props?.display}] rect(${m?.rect?.width}×${m?.rect?.height})${flag.length ? ' ' + flag.join(' ') : ''}`);
-    for (const child of node.children || [])
-        renderNode(child, lines, indent + 1);
-}
 async function socketExists(socketPath) {
     try {
         const stat = await fs_1.default.promises.stat(socketPath);

package/dist/daemon/daemonEntry.js

@@ -13,7 +13,20 @@ const options = {
     headed: args.includes('--headed'),
     browser: args.find(a => a.startsWith('--browser='))?.split('=')[1],
     state: args.find(a => a.startsWith('--state='))?.split('=')[1],
+    viewport: parseViewportArg(args.find(a => a.startsWith('--viewport='))?.split('=')[1]),
 };
+function parseViewportArg(raw) {
+    if (!raw)
+        return undefined;
+    const m = raw.match(/^(\d+)[xX*](\d+)$/);
+    if (!m)
+        return undefined;
+    const width = Number(m[1]);
+    const height = Number(m[2]);
+    if (width > 0 && height > 0)
+        return { width, height };
+    return undefined;
+}
 async function main() {
     try {
         const clientInfo = (0, session_1.createClientInfo)();

package/dist/daemon/session.js

@@ -50,10 +50,18 @@ class Session {
     }
     async _connect() {
         return await new Promise(resolve => {
+            let settled = false;
             const socket = net_1.default.createConnection(this.config.socketPath, () => {
+                settled = true;
                 resolve({ socket });
             });
             socket.on('error', error => {
+                if (settled) {
+                    socket.destroy();
+                    return;
+                }
+                // Only clean up the socket file when the daemon is confirmed not listening
+                // (ECONNREFUSED / ENOENT). Do not unlink on transient failures of a live socket.
                 if (os_1.default.platform() !== 'win32')
                     void fs_1.default.promises.unlink(this.config.socketPath).catch(() => { }).then(() => resolve({ error }));
                 else
@@ -86,6 +94,8 @@ class Session {
             daemonArgs.push(`--browser=${args.browser}`);
         if (args.state)
             daemonArgs.push(`--state=${args.state}`);
+        if (args.viewport)
+            daemonArgs.push(`--viewport=${args.viewport.width}x${args.viewport.height}`);
         const child = require('child_process').spawn(process.execPath, daemonArgs, {
             detached: true,
             stdio: ['ignore', 'pipe', err],

package/dist/engine/analyzer.js

@@ -3,13 +3,14 @@
 // No browser or filesystem access — directly unit-testable.
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.analyze = analyze;
+const specificity_1 = require("./specificity");
 // ─── Confidence helpers ───
-/** Pick the winning declared value for a property (inline wins, else first rule). */
+/** Pick the winning declared value for a property (inline wins, else highest specificity). */
 function declaredFor(node, prop) {
     const arr = node.declared && node.declared[prop];
     if (!arr || arr.length === 0)
         return null;
-    return arr.find(d => d.selector === 'inline') || arr[0];
+    return (0, specificity_1.pickWinning)(arr);
 }
 /**
  * Confidence of a declaration-backed claim:
@@ -66,9 +67,6 @@ function makeFinding(partial) {
     };
 }
 // ─── Ancestors ───
-function findAncestor(ancestors, predicate) {
-    return ancestors.find(predicate);
-}
 function allAncestorsContentSized(ancestors) {
     return ancestors.length > 0 && ancestors.every(a => a.shape.heightStrategy === 'content');
 }
@@ -238,7 +236,7 @@ function analyzeFlex(snapshot) {
         const pLabel = nodeLabel(parent);
         const cLabel = nodeLabel(child);
         const pDir = parent.props.flexDirection || 'row';
-        const cMinH = parent.props.minHeight;
+        const cMinH = child.props.minHeight;
         const cMinW = child.props.minWidth;
         const cFlexGrow = child.props.flexGrow;
         const cFlexShrink = child.props.flexShrink;

package/dist/engine/collector.js

@@ -5,6 +5,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.classifyShape = classifyShape;
 exports.collect = collect;
+const specificity_1 = require("./specificity");
 // ─── Declared-value scanning ───
 const WANTED_PROPS = [
     // layout
@@ -101,8 +102,7 @@ function classifyShape(cs, declared) {
         const arr = declared && declared[prop];
         if (!arr || arr.length === 0)
             return null;
-        const inline = arr.find(d => d.selector === 'inline');
-        return inline ? inline.value : arr[0].value;
+        return (0, specificity_1.pickWinning)(arr).value;
     };
     const sizeClass = (prop, maxProp) => {
         const val = getDeclared(prop);
@@ -256,7 +256,7 @@ function collect(cfg) {
             tree: null,
             crossOriginBlocked: crossOriginBlocked.count,
             blockedSheetUrls: blockedSheetUrls.slice(0, 5),
-            error: `未找到 ${cfg.rootSelector}`,
+            error: `Not found: ${cfg.rootSelector}`,
             candidates,
         };
     }

package/dist/engine/renderers/findings.js

@@ -7,7 +7,7 @@ function renderFindings(findings) {
     const lines = [];
     lines.push('## Findings');
     if (findings.length === 0) {
-        lines.push('- 无异常发现');
+        lines.push('- No issues found');
         return lines;
     }
     for (const f of findings) {

package/dist/engine/specificity.d.ts

@@ -0,0 +1,6 @@
+export interface DeclaredLike {
+    selector: string;
+    value: string;
+}
+export declare function specificity(selector: string): number;
+export declare function pickWinning<T extends DeclaredLike>(arr: T[]): T;

package/dist/engine/specificity.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.specificity = specificity;
+exports.pickWinning = pickWinning;
+function specificity(selector) {
+    if (selector === 'inline')
+        return Number.MAX_SAFE_INTEGER;
+    let score = 0;
+    for (const token of selector.split(/[ >+~]+/)) {
+        const ids = (token.match(/#[\w-]+/g) || []).length;
+        const attrsClasses = (token.match(/\.[\w-]+|\[[^\]]*\]|:(?!:)[\w-]+/g) || []).length;
+        const types = (token.match(/^[\w-]+|::[\w-]+/g) || []).length;
+        score += ids * 100 + attrsClasses * 10 + types;
+    }
+    return score;
+}
+function pickWinning(arr) {
+    if (arr.length === 0)
+        return arr[0];
+    let winner = arr[0];
+    let best = -1;
+    for (const d of arr) {
+        const s = d.selector === 'inline' ? Number.MAX_SAFE_INTEGER : specificity(d.selector);
+        if (s >= best) {
+            best = s;
+            winner = d;
+        }
+    }
+    return winner;
+}
+//# sourceMappingURL=specificity.js.map