@empline/preflight 1.0.20

package/dist/checks/ui/css-grid-gap-check.js

@@ -0,0 +1,314 @@
+"use strict";
+/**
+ * CSS Grid Gap Check Preflight (BLOCKING)
+ *
+ * Detects CSS grid layouts (display: "grid") that are missing gap properties.
+ * This prevents form fields and other grid items from appearing without spacing.
+ *
+ * BLOCKS:
+ * - display: "grid" without gap property in the same style object
+ * - gridTemplateColumns without accompanying gap
+ *
+ * APPROVED patterns:
+ * - display: "grid" with gap: "var(--spacing-X)"
+ * - display: "grid" with className containing gap-X
+ *
+ * Usage:
+ *   pnpm preflight:ui-spacing:css-grid-gap
+ */
+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/css-grid-gap-check";
+exports.name = "Css Grid Gap Check";
+exports.category = "ui";
+exports.blocking = true;
+exports.description = "CSS Grid Gap Check Preflight (BLOCKING)";
+exports.tags = ["ui"];
+const EXCLUDED = (0, glob_patterns_1.extendExcludes)(glob_patterns_1.PRODUCTION_CODE_EXCLUDES, ["**/scripts/**", "**/test-results/**"]);
+// Files that legitimately define grids without gaps (e.g., component libraries)
+const ALLOWED_FILES = [
+    "packages/ui/src/components/layout/Grid.tsx",
+    "components/ui/Grid.tsx",
+    "lib/critical-css.ts",
+    "tailwind.config.ts",
+    "scripts/active/maintenance-tools/migrate-system-components.ts", // Migration script with string templates
+];
+// CACHED FILE LISTS - Scan once, use everywhere
+let _cachedAllTsTsxFiles = null;
+async function getAllTsTsxFiles() {
+    if (!_cachedAllTsTsxFiles) {
+        _cachedAllTsTsxFiles = await file_cache_1.fileCache.getAllTsTsx();
+    }
+    return _cachedAllTsTsxFiles;
+}
+async function checkCssGridGaps() {
+    console.log(`\n${console_chars_1.emoji.search} CSS Grid Gap Check (BLOCKING)\n`);
+    console.log("Ensures all CSS grid layouts have proper gap spacing.");
+    console.log("Rules:");
+    console.log(`  ${console_chars_1.emoji.error} display: "grid" without gap is PROHIBITED`);
+    console.log(`  ${console_chars_1.emoji.success} display: "grid" with gap: "var(--spacing-X)" is OK`);
+    console.log(`  ${console_chars_1.emoji.success} display: "grid" with className="gap-X" is OK\n`);
+    const allFiles = await getAllTsTsxFiles();
+    // Filter out excluded files (scripts, tests, etc.)
+    const files = allFiles.filter((f) => !(0, glob_patterns_1.isExcluded)(f, EXCLUDED));
+    const issues = [];
+    for (const file of files) {
+        // Skip allowed files - normalize both paths for comparison
+        const normalizedFile = file.replace(/\\/g, "/");
+        if (ALLOWED_FILES.some((allowed) => normalizedFile.includes(allowed))) {
+            continue;
+        }
+        const content = fs.readFileSync(file, "utf8");
+        const lines = content.split("\n");
+        // Track multi-line style objects
+        let inStyleObject = false;
+        let styleObjectStart = 0;
+        let styleObjectContent = "";
+        let braceDepth = 0;
+        for (let i = 0; i < lines.length; i++) {
+            const line = lines[i];
+            const lineNum = i + 1;
+            // Skip comments and preflight-ignore
+            if (line.includes("preflight-ignore"))
+                continue;
+            const trimmed = line.trim();
+            if (trimmed.startsWith("//") || trimmed.startsWith("/*") || trimmed.startsWith("*"))
+                continue;
+            // Detect start of style={{ ... }}
+            if (line.includes("style={{") || line.includes("style={")) {
+                inStyleObject = true;
+                styleObjectStart = lineNum;
+                styleObjectContent = line;
+                braceDepth = (line.match(/\{/g) || []).length - (line.match(/\}/g) || []).length;
+                // Check if style object ends on same line
+                if (braceDepth <= 0 || (line.includes("style={{") && line.includes("}}"))) {
+                    checkStyleObject(file, styleObjectStart, styleObjectContent, lines, issues);
+                    inStyleObject = false;
+                    styleObjectContent = "";
+                }
+                continue;
+            }
+            // Continue collecting multi-line style object
+            if (inStyleObject) {
+                styleObjectContent += "\n" + line;
+                braceDepth += (line.match(/\{/g) || []).length - (line.match(/\}/g) || []).length;
+                // Check if style object ends
+                if (braceDepth <= 0 || line.includes("}}")) {
+                    checkStyleObject(file, styleObjectStart, styleObjectContent, lines, issues);
+                    inStyleObject = false;
+                    styleObjectContent = "";
+                }
+            }
+        }
+    }
+    // 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`);
+        errors.slice(0, 30).forEach((issue) => {
+            console.log(`  ${issue.file}:${issue.line}:${issue.column}`);
+            console.log(`    Rule: ${issue.rule}`);
+            console.log(`    ${issue.message}`);
+            if (issue.suggestion) {
+                console.log(`    ${console_chars_1.emoji.hint} ${issue.suggestion}`);
+            }
+            console.log("");
+        });
+        if (errors.length > 30) {
+            console.log(`  ... and ${errors.length - 30} more errors\n`);
+        }
+    }
+    if (warnings.length > 0) {
+        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.warning}  PREFLIGHT FAILED - CSS grid gap issues detected`);
+        console.log("\nManual fix guide:");
+        console.log(`  ${console_chars_1.chars.bullet} Add gap: "var(--spacing-4)" for form field grids`);
+        console.log(`  ${console_chars_1.chars.bullet} Add gap: "var(--spacing-3)" for compact grids`);
+        console.log(`  ${console_chars_1.chars.bullet} Add gap: "var(--spacing-6)" for section grids`);
+        console.log(`  ${console_chars_1.chars.bullet} Or use className="gap-4" with Tailwind`);
+        // Check for --fix flag
+        if (process.argv.includes("--fix")) {
+            console.log(`\n${console_chars_1.emoji.wrench} Auto-fix mode enabled...`);
+            const fixedCount = await autoFixCssGridGap(errors);
+            if (fixedCount > 0) {
+                console.log(`${console_chars_1.emoji.success} Auto-fixed ${fixedCount} issue(s). Re-run to verify.`);
+                process.exit(0);
+            }
+        }
+        else {
+            console.log(`\n${console_chars_1.emoji.hint} Run with --fix to auto-fix simple cases`);
+        }
+        process.exit(1);
+    }
+    else {
+        console.log(`\n${console_chars_1.emoji.success} CSS grid gap check passed!`);
+    }
+}
+async function autoFixCssGridGap(issues) {
+    let fixedCount = 0;
+    const fileChanges = new Map();
+    for (const issue of issues) {
+        // Read file content (use cached if already read)
+        let content = fileChanges.get(issue.file);
+        if (!content) {
+            content = fs.readFileSync(issue.file, "utf8");
+        }
+        const lines = content.split("\n");
+        const lineIndex = issue.line - 1;
+        const line = lines[lineIndex];
+        // Only auto-fix inline style objects with display: "grid"
+        if (!line.includes("style=") || !line.includes("display:")) {
+            continue;
+        }
+        // Find the style object and add gap
+        // Pattern: style={{ display: "grid", ... }}
+        const styleMatch = line.match(/style=\{\{([^}]+)\}\}/);
+        if (!styleMatch) {
+            // Try multi-line style - look for closing }}
+            let fullStyle = line;
+            let endLineIndex = lineIndex;
+            for (let i = lineIndex; i < Math.min(lineIndex + 10, lines.length); i++) {
+                fullStyle += "\n" + lines[i];
+                if (lines[i].includes("}}")) {
+                    endLineIndex = i;
+                    break;
+                }
+            }
+            // Add gap before the closing }}
+            if (fullStyle.includes("display:") && fullStyle.includes("grid")) {
+                const lastBraceIndex = lines[endLineIndex].lastIndexOf("}}");
+                if (lastBraceIndex !== -1) {
+                    const beforeBrace = lines[endLineIndex].slice(0, lastBraceIndex);
+                    const afterBrace = lines[endLineIndex].slice(lastBraceIndex);
+                    // Add gap with proper comma handling
+                    const needsComma = beforeBrace.trim().endsWith('"') || beforeBrace.trim().endsWith(")");
+                    lines[endLineIndex] =
+                        beforeBrace + (needsComma ? ", " : " ") + 'gap: "var(--spacing-4)"' + afterBrace;
+                    fileChanges.set(issue.file, lines.join("\n"));
+                    fixedCount++;
+                }
+            }
+            continue;
+        }
+        // Single line style - add gap
+        const styleContent = styleMatch[1];
+        const needsComma = styleContent.trim().endsWith('"') || styleContent.trim().endsWith(")");
+        const newStyleContent = styleContent + (needsComma ? ", " : " ") + 'gap: "var(--spacing-4)"';
+        const newLine = line.replace(styleMatch[0], `style={{${newStyleContent}}}`);
+        lines[lineIndex] = newLine;
+        fileChanges.set(issue.file, lines.join("\n"));
+        fixedCount++;
+    }
+    // Write all changes
+    for (const [file, content] of fileChanges) {
+        fs.writeFileSync(file, content, "utf8");
+        console.log(`  ${console_chars_1.emoji.success} Fixed: ${file}`);
+    }
+    return fixedCount;
+}
+function checkStyleObject(file, lineNum, styleContent, allLines, issues) {
+    // Check if this style object contains display: "grid"
+    const hasDisplayGrid = /display:\s*["']grid["']/.test(styleContent);
+    const hasGridTemplateColumns = /gridTemplateColumns/.test(styleContent);
+    if (!hasDisplayGrid && !hasGridTemplateColumns) {
+        return; // Not a grid layout
+    }
+    // Check if gap is present in the style object
+    const hasGapInStyle = /\bgap:\s*["']?var\(--spacing-\d+\)["']?/.test(styleContent) ||
+        /\bgap:\s*["']?\d+px["']?/.test(styleContent) ||
+        /\bgap:\s*\d+/.test(styleContent) ||
+        /\bgap:\s*[A-Z_]+/.test(styleContent) || // Constants like SPACING_8
+        /\bgap:\s*isMobile/.test(styleContent) || // Conditional gap
+        /\bgap:\s*`/.test(styleContent) || // Template literal gap
+        /\bgap:\s*SPACING\./.test(styleContent) || // SPACING.X constants
+        /\bgap:\s*compact\s*\?/.test(styleContent) || // Ternary with compact
+        /\bgap:\s*\w+\s*\?/.test(styleContent); // Any ternary expression
+    if (hasGapInStyle) {
+        return; // Gap is present in style
+    }
+    // Check if the element has a className with gap-X
+    // Look at the surrounding context (same JSX element)
+    const contextStart = Math.max(0, lineNum - 5);
+    const contextEnd = Math.min(allLines.length, lineNum + 5);
+    const context = allLines.slice(contextStart, contextEnd).join("\n");
+    // Check for className with gap (including gap-[var(--spacing-X)] patterns)
+    const hasGapInClassName = /className=["'][^"']*\bgap-\d+[^"']*["']/.test(context) ||
+        /className=["'][^"']*\bgap-\[var\(--spacing-\d+\)\][^"']*["']/.test(context) ||
+        /className=\{[^}]*\bgap-\d+[^}]*\}/.test(context) ||
+        /className="[^"]*gap-\[/.test(context);
+    if (hasGapInClassName) {
+        return; // Gap is in className
+    }
+    // Check for rowGap or columnGap (partial gap is OK)
+    const hasPartialGap = /rowGap|columnGap/.test(styleContent);
+    if (hasPartialGap) {
+        return; // Has specific gap properties
+    }
+    // This is a grid without gap - report error
+    const snippet = styleContent.split("\n")[0].trim().slice(0, 80);
+    issues.push({
+        file,
+        line: lineNum,
+        column: 1,
+        type: "error",
+        rule: "css-grid-requires-gap",
+        message: "CSS grid layout is missing gap property. Form fields and grid items will appear without spacing.",
+        snippet,
+        suggestion: 'Add gap: "var(--spacing-4)" to the style object or className="gap-4"',
+    });
+}
+checkCssGridGaps().catch((err) => {
+    console.error("Preflight error:", err);
+    process.exit(1);
+});
+//# sourceMappingURL=css-grid-gap-check.js.map

package/dist/checks/ui/css-grid-gap-check.js.map

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

package/dist/checks/ui/css-token-syntax.d.ts

@@ -0,0 +1,22 @@
+#!/usr/bin/env tsx
+/**
+ * CSS Token Syntax & Validation Preflight (BLOCKING)
+ *
+ * Comprehensive validation of CSS design tokens in UI components.
+ * Ensures consistent use of the design system and catches common mistakes.
+ *
+ * CHECKS PERFORMED:
+ * 1. Invalid syntax: underscores instead of hyphens (e.g., --spacing-1_5)
+ * 2. Non-existent tokens: typos or made-up token names
+ * 3. Common typos: catches frequent mistakes with suggestions
+ *
+ * Usage:
+ *   pnpm preflight:css-token-syntax
+ */
+export declare const id = "ui/css-token-syntax";
+export declare const name = "Css Token Syntax";
+export declare const category = "ui";
+export declare const blocking = true;
+export declare const description = "CSS Token Syntax & Validation Preflight (BLOCKING)";
+export declare const tags: string[];
+//# sourceMappingURL=css-token-syntax.d.ts.map

package/dist/checks/ui/css-token-syntax.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-token-syntax.d.ts","sourceRoot":"","sources":["../../../src/checks/ui/css-token-syntax.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;GAaG;AAQH,eAAO,MAAM,EAAE,wBAAwB,CAAC;AACxC,eAAO,MAAM,IAAI,qBAAqB,CAAC;AACvC,eAAO,MAAM,QAAQ,OAAO,CAAC;AAC7B,eAAO,MAAM,QAAQ,OAAO,CAAC;AAC7B,eAAO,MAAM,WAAW,uDAAuD,CAAC;AAChF,eAAO,MAAM,IAAI,UAAS,CAAC"}