@empline/preflight 1.0.20

package/dist/checks/ui/input-label-gap.js

@@ -0,0 +1,347 @@
+#!/usr/bin/env tsx
+"use strict";
+/**
+ * Input-Label Gap Preflight (BLOCKING)
+ *
+ * Detects flex containers with input elements + text that are missing gap spacing.
+ * This catches common UI issues where inputs touch their adjacent text labels.
+ *
+ * PATTERNS DETECTED:
+ * 1. <label> with display: "flex" containing <input type="checkbox"> + text without gap
+ * 2. <label> with display: "flex" containing <input type="radio"> + text without gap
+ * 3. Flex containers with native checkbox/radio inputs adjacent to Typography/text
+ * 4. Buttons with flex display containing icon + text without gap
+ * 5. Links with flex display containing icon + text without gap
+ * 6. Generic flex containers with input + sibling text elements
+ *
+ * VALID PATTERNS (not flagged):
+ * - Containers with gap: "var(--spacing-X)" in style
+ * - Containers with gap-X Tailwind class
+ * - Containers using FormControlLabel component (has built-in spacing)
+ * - Containers with space-x-X class
+ * - Containers with ml-X on text element (margin alternative)
+ *
+ * Usage:
+ *   pnpm preflight:input-label-gap
+ *   pnpm preflight:input-label-gap --verbose
+ *   pnpm preflight:input-label-gap --fix
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tags = exports.description = exports.blocking = exports.category = exports.name = exports.id = void 0;
+const fs = __importStar(require("fs"));
+const console_chars_1 = require("../../utils/console-chars");
+const file_cache_1 = require("../../shared/file-cache");
+const glob_patterns_1 = require("../../shared/glob-patterns");
+// Check metadata
+exports.id = "ui/input-label-gap";
+exports.name = "Input Label Gap";
+exports.category = "ui";
+exports.blocking = true;
+exports.description = "Input-Label Gap Preflight (BLOCKING)";
+exports.tags = ["ui"];
+const EXCLUDED = (0, glob_patterns_1.extendExcludes)(glob_patterns_1.PRODUCTION_CODE_EXCLUDES, ["**/scripts/**", "**/packages/ui/**"]);
+let _cachedAllTsxFiles = null;
+async function getAllTsxFiles() {
+    if (!_cachedAllTsxFiles) {
+        _cachedAllTsxFiles = await file_cache_1.fileCache.getAllTsx();
+    }
+    return _cachedAllTsxFiles;
+}
+async function checkCheckboxLabelGap() {
+    const verbose = process.argv.includes("--verbose");
+    const showFix = process.argv.includes("--fix");
+    console.log(`\n${console_chars_1.emoji.search} Input-Label Gap Preflight (BLOCKING)\n`);
+    console.log("Detects flex containers with input/icon + text missing gap spacing.\n");
+    console.log("Rules:");
+    console.log(`  ${console_chars_1.emoji.error} Flex labels with checkbox/radio + text MUST have gap`);
+    console.log(`  ${console_chars_1.emoji.error} Flex buttons/links with icon + text MUST have gap`);
+    console.log(`  ${console_chars_1.emoji.hint} Use gap: "var(--spacing-2)" (8px) for input-text spacing\n`);
+    const files = await getAllTsxFiles();
+    const issues = [];
+    for (const file of files) {
+        const content = fs.readFileSync(file, "utf8");
+        const lines = content.split("\n");
+        for (let i = 0; i < lines.length; i++) {
+            const line = lines[i];
+            const lineNum = i + 1;
+            const trimmed = line.trim();
+            // Skip comments and preflight-ignore
+            if (trimmed.startsWith("//") || trimmed.startsWith("/*") || trimmed.startsWith("*"))
+                continue;
+            if (line.includes("preflight-ignore"))
+                continue;
+            const prevLine = i > 0 ? lines[i - 1] : "";
+            if (prevLine.includes("preflight-ignore"))
+                continue;
+            // Pattern 1: Look for <label with flex display
+            if (/<label\s/.test(line) || /<label$/.test(trimmed)) {
+                // Get context (next 20 lines to capture the full label block)
+                const contextLines = lines.slice(i, Math.min(i + 25, lines.length));
+                const context = contextLines.join("\n");
+                // Check if this label uses flex display
+                const isFlexLabel = isFlexContainer(context);
+                if (!isFlexLabel)
+                    continue;
+                // Check if it contains a checkbox or radio input
+                const hasCheckboxOrRadio = /type=["'](?:checkbox|radio)["']/.test(context);
+                if (!hasCheckboxOrRadio)
+                    continue;
+                // Check if it has text content (Typography, span, or text)
+                const hasTextContent = hasTextElement(context);
+                if (!hasTextContent)
+                    continue;
+                // Check if it has gap spacing
+                const hasGap = hasGapProperty(context);
+                if (hasGap)
+                    continue;
+                // This is a violation
+                const inputType = /type=["']checkbox["']/.test(context) ? "checkbox" : "radio";
+                issues.push({
+                    file,
+                    line: lineNum,
+                    type: "error",
+                    pattern: `${inputType}-label-no-gap`,
+                    message: `Flex label with ${inputType} + text is missing gap property`,
+                    snippet: line.trim().substring(0, 80),
+                    suggestion: 'Add gap: "var(--spacing-2)" to the label style for proper spacing',
+                });
+            }
+            // Pattern 2: Look for Box/div with flex containing checkbox input
+            if ((/<Box\s/.test(line) || /<div\s/.test(line)) && /className="[^"]*\bflex\b/.test(line)) {
+                const contextLines = lines.slice(i, Math.min(i + 20, lines.length));
+                const context = contextLines.join("\n");
+                // Check if it contains a checkbox or radio input
+                const hasCheckboxOrRadio = /type=["'](?:checkbox|radio)["']/.test(context);
+                if (!hasCheckboxOrRadio)
+                    continue;
+                // Check if it has text content
+                const hasTextContent = hasTextElement(context);
+                if (!hasTextContent)
+                    continue;
+                // Check if it has gap spacing
+                const hasGap = hasGapProperty(line + "\n" + contextLines.slice(0, 5).join("\n"));
+                if (hasGap)
+                    continue;
+                const inputType = /type=["']checkbox["']/.test(context) ? "checkbox" : "radio";
+                issues.push({
+                    file,
+                    line: lineNum,
+                    type: "error",
+                    pattern: `${inputType}-container-no-gap`,
+                    message: `Flex container with ${inputType} + text is missing gap property`,
+                    snippet: line.trim().substring(0, 80),
+                    suggestion: 'Add gap-2 class or gap: "var(--spacing-2)" for proper spacing',
+                });
+            }
+            // Pattern 3: Look for inline-flex buttons with icon + text (style-based)
+            if (/<button\s/.test(line) || /<button$/.test(trimmed)) {
+                const contextLines = lines.slice(i, Math.min(i + 15, lines.length));
+                const context = contextLines.join("\n");
+                // Check if button uses inline flex via style
+                const isInlineFlex = /display:\s*["'](?:inline-)?flex["']/.test(context.split("\n").slice(0, 6).join("\n"));
+                if (!isInlineFlex)
+                    continue;
+                // Check if it has an icon (lucide, svg, or Icon component)
+                const hasIcon = hasIconElement(context);
+                if (!hasIcon)
+                    continue;
+                // Check if it has text content
+                const hasText = hasTextElement(context) || />[A-Z][a-z]+/.test(context);
+                if (!hasText)
+                    continue;
+                // Check if it has gap spacing
+                const hasGap = hasGapProperty(context.split("\n").slice(0, 8).join("\n"));
+                if (hasGap)
+                    continue;
+                issues.push({
+                    file,
+                    line: lineNum,
+                    type: "warning",
+                    pattern: "button-icon-text-no-gap",
+                    message: "Inline-flex button with icon + text may be missing gap property",
+                    snippet: line.trim().substring(0, 80),
+                    suggestion: 'Add gap: "var(--spacing-2)" to button style for icon-text spacing',
+                });
+            }
+            // Pattern 4: Look for anchor/Link with flex containing icon + text
+            if ((/<a\s/.test(line) || /<Link\s/.test(line)) && /className="[^"]*\bflex\b/.test(line)) {
+                const contextLines = lines.slice(i, Math.min(i + 15, lines.length));
+                const context = contextLines.join("\n");
+                // Check if it has an icon
+                const hasIcon = hasIconElement(context);
+                if (!hasIcon)
+                    continue;
+                // Check if it has text content
+                const hasText = hasTextElement(context) || />[A-Z][a-z]+/.test(context);
+                if (!hasText)
+                    continue;
+                // Check if it has gap spacing (check the opening line + a few more)
+                const hasGap = hasGapProperty(line + "\n" + contextLines.slice(0, 5).join("\n"));
+                if (hasGap)
+                    continue;
+                issues.push({
+                    file,
+                    line: lineNum,
+                    type: "warning",
+                    pattern: "link-icon-text-no-gap",
+                    message: "Flex link with icon + text may be missing gap property",
+                    snippet: line.trim().substring(0, 80),
+                    suggestion: "Add gap-2 class for icon-text spacing",
+                });
+            }
+        }
+    }
+    // Report results
+    const errors = issues.filter((i) => i.type === "error");
+    const warnings = issues.filter((i) => i.type === "warning");
+    if (errors.length > 0) {
+        console.log(`\n${console_chars_1.emoji.error} BLOCKING ERRORS (${errors.length}):\n`);
+        const shown = verbose ? errors : errors.slice(0, 20);
+        shown.forEach((issue) => {
+            console.log(`  ${issue.file}:${issue.line}`);
+            console.log(`    Pattern: ${issue.pattern}`);
+            console.log(`    ${issue.message}`);
+            if (showFix) {
+                console.log(`    ${console_chars_1.emoji.hint} Fix: ${issue.suggestion}`);
+            }
+            console.log(`    Snippet: ${issue.snippet}...`);
+            console.log("");
+        });
+        if (!verbose && errors.length > 20) {
+            console.log(`  ... and ${errors.length - 20} more errors (use --verbose to see all)\n`);
+        }
+    }
+    if (warnings.length > 0 && verbose) {
+        console.log(`\n${console_chars_1.emoji.warning}  WARNINGS (${warnings.length}):\n`);
+        warnings.slice(0, 10).forEach((issue) => {
+            console.log(`  ${issue.file}:${issue.line} - ${issue.message}`);
+        });
+        if (warnings.length > 10) {
+            console.log(`  ... and ${warnings.length - 10} more warnings`);
+        }
+    }
+    // Summary
+    console.log("\n" + (0, console_chars_1.createDivider)(60, "light"));
+    console.log(`${console_chars_1.emoji.chart} Summary: ${errors.length} errors, ${warnings.length} warnings`);
+    if (errors.length > 0) {
+        console.log(`\n${console_chars_1.emoji.error} PREFLIGHT FAILED - Fix input/icon-text spacing`);
+        console.log("\nCommon fixes:");
+        console.log(`  ${console_chars_1.chars.bullet} Add gap: "var(--spacing-2)" to flex container style`);
+        console.log(`  ${console_chars_1.chars.bullet} Use Tailwind: className="flex items-center gap-2"`);
+        console.log("  ${chars.bullet} For checkboxes: use FormControlLabel component (built-in spacing)");
+        console.log(`  ${console_chars_1.chars.bullet} For buttons: add gap to inline-flex style`);
+        process.exit(1);
+    }
+    else {
+        console.log(`\n${console_chars_1.emoji.success} Input-label gap check passed!`);
+    }
+}
+// Helper functions
+function isFlexContainer(context) {
+    const firstLines = context.split("\n").slice(0, 8).join("\n");
+    // Check for display: "flex" in style
+    if (/display:\s*["']flex["']/.test(firstLines))
+        return true;
+    // Check for flex in className
+    if (/className="[^"]*\bflex\b/.test(firstLines))
+        return true;
+    if (/className='[^']*\bflex\b/.test(firstLines))
+        return true;
+    return false;
+}
+function hasTextElement(context) {
+    // Look for text patterns within the context
+    return (/<Typography/.test(context) ||
+        /<span[^>]*>/.test(context) ||
+        /<p\b/.test(context) ||
+        /variant="(?:body|caption|subtitle)/.test(context) ||
+        />[\w\s]+<\//.test(context)); // Text content between tags
+}
+function hasIconElement(context) {
+    // Look for icon patterns within the first 10 lines
+    const checkArea = context.split("\n").slice(0, 10).join("\n");
+    // Lucide icons (most common)
+    if (/<[A-Z][a-zA-Z]+\s[^>]*size=/.test(checkArea))
+        return true;
+    // Icon components
+    if (/<\w+Icon/.test(checkArea))
+        return true;
+    if (/Icon\s+/.test(checkArea))
+        return true;
+    // Common lucide icon names
+    if (/<(?:Check|X|AlertCircle|Info|Loader2?|CloudUpload|ImagePlus|Search|Menu|ChevronDown|ChevronRight|ChevronLeft|ChevronUp|Plus|Minus|Trash|Edit|Settings|User|Mail|Phone|Calendar|Clock|Star|Heart|Share|Download|Upload|Copy|Link|ExternalLink|Eye|EyeOff|Lock|Unlock|Bell|Filter|Sort|Grid|List|MoreHorizontal|MoreVertical|ArrowLeft|ArrowRight|ArrowUp|ArrowDown|Home|Save|Refresh|Play|Pause|Stop)\s/.test(checkArea))
+        return true;
+    // SVG elements
+    if (/<svg\s/.test(checkArea))
+        return true;
+    // img with icon-like dimensions
+    if (/<img[^>]*(?:width|height)=["']?(?:1[2-9]|2[0-4])["']?/.test(checkArea))
+        return true;
+    return false;
+}
+function hasGapProperty(context) {
+    // Check for various gap patterns
+    // Tailwind gap classes
+    if (/\bgap-\d+\b/.test(context))
+        return true;
+    // CSS variable gap
+    if (/gap:\s*["']?var\(--spacing-\d+\)["']?/.test(context))
+        return true;
+    // Space utilities (alternative to gap)
+    if (/\bspace-[xy]-\d+\b/.test(context))
+        return true;
+    // Inline gap value (number)
+    if (/gap:\s*\d+/.test(context))
+        return true;
+    if (/gap:\s*["']\d+/.test(context))
+        return true;
+    // Gap with constant/variable
+    if (/gap:\s*[A-Z_]+\d*/.test(context))
+        return true;
+    if (/gap:\s*\{[^}]*\}/.test(context))
+        return true;
+    // marginLeft on the text element (acceptable alternative)
+    if (/marginLeft:\s*["']?var\(--spacing-\d+\)/.test(context))
+        return true;
+    if (/\bml-\d+\b/.test(context))
+        return true;
+    return false;
+}
+checkCheckboxLabelGap().catch((err) => {
+    console.error("Preflight error:", err);
+    process.exit(1);
+});
+//# sourceMappingURL=input-label-gap.js.map

package/dist/checks/ui/input-label-gap.js.map

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

package/dist/checks/ui/input-width-consistency.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Input Width Consistency Preflight
+ *
+ * Ensures consistent input field widths across the application:
+ * - Search inputs in toolbars
+ * - Filter dropdowns in toolbars
+ * - Form fields in dialogs/forms
+ *
+ * Valid widths (from lib/constants/spacing.ts):
+ * - Search: sm:min-w-80 (default), sm:min-w-64 (compact), sm:min-w-96 (wide)
+ * - Filter: min-w-36, min-w-40, min-w-44, min-w-48, min-w-52
+ * - Form: min-w-28, min-w-36, min-w-44, min-w-64
+ *
+ * Non-standard widths that will be flagged:
+ * - min-w-20, min-w-24, min-w-32 (too narrow or non-standard)
+ * - Arbitrary values like min-w-[140px] (use Tailwind classes)
+ */
+export declare const id = "ui/input-width-consistency";
+export declare const name = "Input Width Consistency";
+export declare const category = "ui";
+export declare const blocking = false;
+export declare const description = "Input Width Consistency Preflight";
+export declare const tags: string[];
+interface Issue {
+    file: string;
+    line: number;
+    type: "non-standard" | "arbitrary";
+    currentWidth: string;
+    suggestion: string;
+    context: string;
+}
+declare function findWidthIssues(): Issue[];
+declare function analyzeWidthUsage(): Map<string, {
+    files: string[];
+    count: number;
+}>;
+declare function checkDataTableToolbarUsage(): {
+    using: string[];
+    notUsing: string[];
+};
+declare function run(): {
+    success: boolean;
+    issues: Issue[];
+    blocking: boolean;
+    stats: {
+        filesScanned: number;
+        usingToolbar: number;
+        customImplementations: number;
+        widthViolations: number;
+    };
+};
+export { analyzeWidthUsage, checkDataTableToolbarUsage, findWidthIssues, run };
+//# sourceMappingURL=input-width-consistency.d.ts.map

package/dist/checks/ui/input-width-consistency.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-width-consistency.d.ts","sourceRoot":"","sources":["../../../src/checks/ui/input-width-consistency.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAQH,eAAO,MAAM,EAAE,+BAA+B,CAAC;AAC/C,eAAO,MAAM,IAAI,4BAA4B,CAAC;AAC9C,eAAO,MAAM,QAAQ,OAAO,CAAC;AAC7B,eAAO,MAAM,QAAQ,QAAQ,CAAC;AAC9B,eAAO,MAAM,WAAW,sCAAsC,CAAC;AAC/D,eAAO,MAAM,IAAI,UAAS,CAAC;AAyC3B,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,cAAc,GAAG,WAAW,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,eAAe,IAAI,KAAK,EAAE,CAuElC;AAuCD,iBAAS,iBAAiB,IAAI,GAAG,CAAC,MAAM,EAAE;IAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CA2C5E;AAED,iBAAS,0BAA0B,IAAI;IAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;CAAE,CAoC7E;AAED,iBAAS,GAAG;;;;;;;;;;EAuFX;AAOD,OAAO,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC"}