@empline/preflight 1.0.20

package/dist/checks/ui/inline-to-tailwind-check.js

@@ -0,0 +1,329 @@
+#!/usr/bin/env tsx
+"use strict";
+/**
+ * Inline Style to Tailwind Conversion Check
+ *
+ * Detects inline styles that should be converted to Tailwind utility classes
+ * for better performance, caching, and maintainability.
+ *
+ * BLOCKING: No (informational - guides refactoring)
+ *
+ * Run: pnpm preflight:inline-to-tailwind
+ *
+ * Why this matters:
+ * - Inline styles are not cached by browsers (unlike CSS files)
+ * - They increase HTML payload size significantly
+ * - They make responsive design harder to manage
+ * - Tailwind utilities are tree-shaken and optimized
+ */
+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;
+exports.runCheck = runCheck;
+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/inline-to-tailwind-check";
+exports.name = "Inline To Tailwind Check";
+exports.category = "ui";
+exports.blocking = false;
+exports.description = "Inline Style to Tailwind Conversion Check";
+exports.tags = ["ui"];
+// Mapping of CSS token patterns to Tailwind equivalents
+const TOKEN_TO_TAILWIND = {
+    // Spacing tokens
+    paddingLeft: {
+        pattern: /paddingLeft:\s*["']var\(--spacing-(\d+)\)["']/g,
+        getTailwind: (num) => `pl-${num}`,
+    },
+    paddingRight: {
+        pattern: /paddingRight:\s*["']var\(--spacing-(\d+)\)["']/g,
+        getTailwind: (num) => `pr-${num}`,
+    },
+    paddingTop: {
+        pattern: /paddingTop:\s*["']var\(--spacing-(\d+)\)["']/g,
+        getTailwind: (num) => `pt-${num}`,
+    },
+    paddingBottom: {
+        pattern: /paddingBottom:\s*["']var\(--spacing-(\d+)\)["']/g,
+        getTailwind: (num) => `pb-${num}`,
+    },
+    marginLeft: {
+        pattern: /marginLeft:\s*["']var\(--spacing-(\d+)\)["']/g,
+        getTailwind: (num) => `ml-${num}`,
+    },
+    marginRight: {
+        pattern: /marginRight:\s*["']var\(--spacing-(\d+)\)["']/g,
+        getTailwind: (num) => `mr-${num}`,
+    },
+    marginTop: {
+        pattern: /marginTop:\s*["']var\(--spacing-(\d+)\)["']/g,
+        getTailwind: (num) => `mt-${num}`,
+    },
+    marginBottom: {
+        pattern: /marginBottom:\s*["']var\(--spacing-(\d+)\)["']/g,
+        getTailwind: (num) => `mb-${num}`,
+    },
+    gap: {
+        pattern: /gap:\s*["']var\(--spacing-(\d+)\)["']/g,
+        getTailwind: (num) => `gap-${num}`,
+    },
+};
+// Layout patterns that can be Tailwind classes
+const LAYOUT_PATTERNS = [
+    { pattern: /display:\s*["']flex["']/, tailwind: "flex" },
+    { pattern: /display:\s*["']grid["']/, tailwind: "grid" },
+    { pattern: /display:\s*["']block["']/, tailwind: "block" },
+    { pattern: /display:\s*["']inline-flex["']/, tailwind: "inline-flex" },
+    { pattern: /flexDirection:\s*["']row["']/, tailwind: "flex-row" },
+    { pattern: /flexDirection:\s*["']column["']/, tailwind: "flex-col" },
+    { pattern: /justifyContent:\s*["']center["']/, tailwind: "justify-center" },
+    { pattern: /justifyContent:\s*["']space-between["']/, tailwind: "justify-between" },
+    { pattern: /justifyContent:\s*["']flex-start["']/, tailwind: "justify-start" },
+    { pattern: /justifyContent:\s*["']flex-end["']/, tailwind: "justify-end" },
+    { pattern: /alignItems:\s*["']center["']/, tailwind: "items-center" },
+    { pattern: /alignItems:\s*["']flex-start["']/, tailwind: "items-start" },
+    { pattern: /alignItems:\s*["']flex-end["']/, tailwind: "items-end" },
+    { pattern: /alignItems:\s*["']stretch["']/, tailwind: "items-stretch" },
+    { pattern: /flexWrap:\s*["']wrap["']/, tailwind: "flex-wrap" },
+    { pattern: /textAlign:\s*["']center["']/, tailwind: "text-center" },
+    { pattern: /textAlign:\s*["']left["']/, tailwind: "text-left" },
+    { pattern: /textAlign:\s*["']right["']/, tailwind: "text-right" },
+];
+// Sizing patterns
+const SIZING_PATTERNS = [
+    { pattern: /width:\s*["']100%["']/, tailwind: "w-full" },
+    { pattern: /height:\s*["']100%["']/, tailwind: "h-full" },
+    { pattern: /maxWidth:\s*["']100%["']/, tailwind: "max-w-full" },
+    { pattern: /minHeight:\s*["']100vh["']/, tailwind: "min-h-screen" },
+];
+// Border radius patterns
+const BORDER_PATTERNS = [
+    { pattern: /borderRadius:\s*["']var\(--radius-sm\)["']/, tailwind: "rounded-sm" },
+    { pattern: /borderRadius:\s*["']var\(--radius-md\)["']/, tailwind: "rounded-md" },
+    { pattern: /borderRadius:\s*["']var\(--radius-lg\)["']/, tailwind: "rounded-lg" },
+    { pattern: /borderRadius:\s*["']var\(--radius-xl\)["']/, tailwind: "rounded-xl" },
+    { pattern: /borderRadius:\s*["']var\(--radius-2xl\)["']/, tailwind: "rounded-2xl" },
+    { pattern: /borderRadius:\s*["']var\(--radius-full\)["']/, tailwind: "rounded-full" },
+];
+// Shadow patterns
+const SHADOW_PATTERNS = [
+    { pattern: /boxShadow:\s*["']var\(--shadow-sm\)["']/, tailwind: "shadow-sm" },
+    { pattern: /boxShadow:\s*["']var\(--shadow-md\)["']/, tailwind: "shadow-md" },
+    { pattern: /boxShadow:\s*["']var\(--shadow-lg\)["']/, tailwind: "shadow-lg" },
+    { pattern: /boxShadow:\s*["']var\(--shadow-xl\)["']/, tailwind: "shadow-xl" },
+];
+const EXCLUDED = [...glob_patterns_1.STANDARD_EXCLUDES_WITH_TESTS];
+function analyzeFile(filePath) {
+    const issues = [];
+    const content = fs.readFileSync(filePath, "utf8");
+    const lines = content.split("\n");
+    lines.forEach((line, index) => {
+        // Skip comments
+        if (line.trim().startsWith("//") || line.trim().startsWith("*"))
+            return;
+        // Check for style={{ }} blocks
+        const styleMatch = line.match(/style=\{\{([^}]+)\}\}/);
+        if (!styleMatch)
+            return;
+        const styleContent = styleMatch[1];
+        // Check spacing tokens
+        for (const [prop, config] of Object.entries(TOKEN_TO_TAILWIND)) {
+            const regex = new RegExp(config.pattern.source);
+            const match = regex.exec(styleContent);
+            if (match) {
+                issues.push({
+                    file: filePath,
+                    line: index + 1,
+                    type: "spacing",
+                    severity: "info",
+                    inlineStyle: `${prop}: "var(--spacing-${match[1]})"`,
+                    tailwindEquivalent: config.getTailwind(match[1]),
+                    snippet: line.trim().substring(0, 100),
+                });
+            }
+        }
+        // Check layout patterns
+        for (const { pattern, tailwind } of LAYOUT_PATTERNS) {
+            if (pattern.test(styleContent)) {
+                issues.push({
+                    file: filePath,
+                    line: index + 1,
+                    type: "layout",
+                    severity: "info",
+                    inlineStyle: styleContent.match(pattern)?.[0] || "",
+                    tailwindEquivalent: tailwind,
+                    snippet: line.trim().substring(0, 100),
+                });
+            }
+        }
+        // Check sizing patterns
+        for (const { pattern, tailwind } of SIZING_PATTERNS) {
+            if (pattern.test(styleContent)) {
+                issues.push({
+                    file: filePath,
+                    line: index + 1,
+                    type: "sizing",
+                    severity: "info",
+                    inlineStyle: styleContent.match(pattern)?.[0] || "",
+                    tailwindEquivalent: tailwind,
+                    snippet: line.trim().substring(0, 100),
+                });
+            }
+        }
+        // Check border patterns
+        for (const { pattern, tailwind } of BORDER_PATTERNS) {
+            if (pattern.test(styleContent)) {
+                issues.push({
+                    file: filePath,
+                    line: index + 1,
+                    type: "border",
+                    severity: "info",
+                    inlineStyle: styleContent.match(pattern)?.[0] || "",
+                    tailwindEquivalent: tailwind,
+                    snippet: line.trim().substring(0, 100),
+                });
+            }
+        }
+        // Check shadow patterns
+        for (const { pattern, tailwind } of SHADOW_PATTERNS) {
+            if (pattern.test(styleContent)) {
+                issues.push({
+                    file: filePath,
+                    line: index + 1,
+                    type: "shadow",
+                    severity: "info",
+                    inlineStyle: styleContent.match(pattern)?.[0] || "",
+                    tailwindEquivalent: tailwind,
+                    snippet: line.trim().substring(0, 100),
+                });
+            }
+        }
+    });
+    return issues;
+}
+// CACHED FILE LISTS - Scan once, use everywhere
+let _cachedAppComponentsTsxFiles = null;
+async function getAppComponentsTsxFiles() {
+    if (!_cachedAppComponentsTsxFiles) {
+        _cachedAppComponentsTsxFiles = await file_cache_1.fileCache.getAppAndComponentsTSX();
+    }
+    return _cachedAppComponentsTsxFiles;
+}
+async function runCheck() {
+    console.log(`\n${console_chars_1.emoji.search} Running Inline Style to Tailwind Check...\n`);
+    const files = await getAppComponentsTsxFiles();
+    const allIssues = [];
+    const filesWithIssues = new Set();
+    for (const file of files) {
+        const issues = analyzeFile(file);
+        if (issues.length > 0) {
+            filesWithIssues.add(file);
+            allIssues.push(...issues);
+        }
+    }
+    // Calculate stats by type
+    const byType = {};
+    for (const issue of allIssues) {
+        byType[issue.type] = (byType[issue.type] || 0) + 1;
+    }
+    const result = {
+        passed: true, // Informational, not blocking
+        blocking: false,
+        issues: allIssues,
+        stats: {
+            filesScanned: files.length,
+            filesWithIssues: filesWithIssues.size,
+            totalIssues: allIssues.length,
+            byType,
+        },
+    };
+    // Print results
+    printResults(result);
+    return result;
+}
+function printResults(result) {
+    const BLUE = "\x1b[34m";
+    const GREEN = "\x1b[32m";
+    const YELLOW = "\x1b[33m";
+    const RESET = "\x1b[0m";
+    console.log((0, console_chars_1.createDivider)(80, "heavy"));
+    console.log(`${console_chars_1.emoji.chart} INLINE STYLE TO TAILWIND CHECK RESULTS`);
+    console.log((0, console_chars_1.createDivider)(80, "heavy"));
+    console.log(`\nFiles scanned: ${result.stats.filesScanned}`);
+    console.log(`Files with convertible styles: ${result.stats.filesWithIssues}`);
+    console.log(`Total convertible patterns: ${result.stats.totalIssues}`);
+    if (Object.keys(result.stats.byType).length > 0) {
+        console.log("\nBy type:");
+        for (const [type, count] of Object.entries(result.stats.byType)) {
+            console.log(`  ${type}: ${count}`);
+        }
+    }
+    // Show top 10 files with most issues
+    if (result.issues.length > 0) {
+        const fileIssueCount = {};
+        for (const issue of result.issues) {
+            fileIssueCount[issue.file] = (fileIssueCount[issue.file] || 0) + 1;
+        }
+        const sortedFiles = Object.entries(fileIssueCount)
+            .sort((a, b) => b[1] - a[1])
+            .slice(0, 10);
+        console.log(`\n${YELLOW}Top files to refactor:${RESET}`);
+        for (const [file, count] of sortedFiles) {
+            console.log(`  ${BLUE}${file}${RESET}: ${count} patterns`);
+        }
+        // Show example conversions
+        console.log(`\n${YELLOW}Example conversions:${RESET}`);
+        const examples = result.issues.slice(0, 5);
+        for (const issue of examples) {
+            console.log(`\n  ${BLUE}${issue.file}:${issue.line}${RESET}`);
+            console.log(`    ${YELLOW}Before:${RESET} style={{ ${issue.inlineStyle} }}`);
+            console.log(`    ${GREEN}After:${RESET}  className="${issue.tailwindEquivalent}"`);
+        }
+    }
+    console.log("\n" + (0, console_chars_1.createDivider)(80, "heavy"));
+    console.log(`${GREEN}${console_chars_1.emoji.success} Check complete (informational - not blocking)${RESET}`);
+    console.log(`${YELLOW}Note: This project uses design tokens via inline styles intentionally.${RESET}`);
+    console.log(`${YELLOW}Focus on converting repeated patterns to Tailwind for better caching.${RESET}\n`);
+}
+// Run if executed directly
+if (require.main === module) {
+    runCheck().then((result) => {
+        process.exit(0); // Always pass - informational only
+    });
+}
+//# sourceMappingURL=inline-to-tailwind-check.js.map

package/dist/checks/ui/inline-to-tailwind-check.js.map

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

package/dist/checks/ui/input-label-gap.d.ts

@@ -0,0 +1,34 @@
+#!/usr/bin/env tsx
+/**
+ * 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
+ */
+export declare const id = "ui/input-label-gap";
+export declare const name = "Input Label Gap";
+export declare const category = "ui";
+export declare const blocking = true;
+export declare const description = "Input-Label Gap Preflight (BLOCKING)";
+export declare const tags: string[];
+//# sourceMappingURL=input-label-gap.d.ts.map

package/dist/checks/ui/input-label-gap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-label-gap.d.ts","sourceRoot":"","sources":["../../../src/checks/ui/input-label-gap.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AASH,eAAO,MAAM,EAAE,uBAAuB,CAAC;AACvC,eAAO,MAAM,IAAI,oBAAoB,CAAC;AACtC,eAAO,MAAM,QAAQ,OAAO,CAAC;AAC7B,eAAO,MAAM,QAAQ,OAAO,CAAC;AAC7B,eAAO,MAAM,WAAW,yCAAyC,CAAC;AAClE,eAAO,MAAM,IAAI,UAAS,CAAC"}