@youthfulhps/prettier-plugin-tailwindcss-normalizer 0.3.4

package/dist/mappings/spacing/padding.js

@@ -0,0 +1,305 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.paddingMappings = void 0;
+exports.paddingMappings = {
+    p: {
+        "0px": "p-0",
+        "1px": "p-px",
+        "4px": "p-1",
+        "8px": "p-2",
+        "12px": "p-3",
+        "16px": "p-4",
+        "20px": "p-5",
+        "24px": "p-6",
+        "28px": "p-7",
+        "32px": "p-8",
+        "36px": "p-9",
+        "40px": "p-10",
+        "44px": "p-11",
+        "48px": "p-12",
+        "56px": "p-14",
+        "64px": "p-16",
+        "80px": "p-20",
+        "96px": "p-24",
+        "112px": "p-28",
+        "128px": "p-32",
+        "144px": "p-36",
+        "160px": "p-40",
+        "176px": "p-44",
+        "192px": "p-48",
+        "208px": "p-52",
+        "224px": "p-56",
+        "240px": "p-60",
+        "256px": "p-64",
+        "288px": "p-72",
+        "320px": "p-80",
+        "384px": "p-96",
+    },
+    px: {
+        "0px": "px-0",
+        "1px": "px-px",
+        "4px": "px-1",
+        "8px": "px-2",
+        "12px": "px-3",
+        "16px": "px-4",
+        "20px": "px-5",
+        "24px": "px-6",
+        "28px": "px-7",
+        "32px": "px-8",
+        "36px": "px-9",
+        "40px": "px-10",
+        "44px": "px-11",
+        "48px": "px-12",
+        "56px": "px-14",
+        "64px": "px-16",
+        "80px": "px-20",
+        "96px": "px-24",
+        "112px": "px-28",
+        "128px": "px-32",
+        "144px": "px-36",
+        "160px": "px-40",
+        "176px": "px-44",
+        "192px": "px-48",
+        "208px": "px-52",
+        "224px": "px-56",
+        "240px": "px-60",
+        "256px": "px-64",
+        "288px": "px-72",
+        "320px": "px-80",
+        "384px": "px-96",
+    },
+    py: {
+        "0px": "py-0",
+        "1px": "py-px",
+        "2px": "py-0.5",
+        "4px": "py-1",
+        "6px": "py-1.5",
+        "8px": "py-2",
+        "10px": "py-2.5",
+        "12px": "py-3",
+        "16px": "py-4",
+        "20px": "py-5",
+        "24px": "py-6",
+        "28px": "py-7",
+        "32px": "py-8",
+        "36px": "py-9",
+        "40px": "py-10",
+        "44px": "py-11",
+        "48px": "py-12",
+        "56px": "py-14",
+        "64px": "py-16",
+        "80px": "py-20",
+        "96px": "py-24",
+        "112px": "py-28",
+        "128px": "py-32",
+        "144px": "py-36",
+        "160px": "py-40",
+        "176px": "py-44",
+        "192px": "py-48",
+        "208px": "py-52",
+        "224px": "py-56",
+        "240px": "py-60",
+        "256px": "py-64",
+        "288px": "py-72",
+        "320px": "py-80",
+        "384px": "py-96",
+    },
+    pt: {
+        "0px": "pt-0",
+        "1px": "pt-px",
+        "4px": "pt-1",
+        "8px": "pt-2",
+        "12px": "pt-3",
+        "16px": "pt-4",
+        "20px": "pt-5",
+        "24px": "pt-6",
+        "28px": "pt-7",
+        "32px": "pt-8",
+        "36px": "pt-9",
+        "40px": "pt-10",
+        "44px": "pt-11",
+        "48px": "pt-12",
+        "56px": "pt-14",
+        "64px": "pt-16",
+        "80px": "pt-20",
+        "96px": "pt-24",
+        "112px": "pt-28",
+        "128px": "pt-32",
+        "144px": "pt-36",
+        "160px": "pt-40",
+        "176px": "pt-44",
+        "192px": "pt-48",
+        "208px": "pt-52",
+        "224px": "pt-56",
+        "240px": "pt-60",
+        "256px": "pt-64",
+        "288px": "pt-72",
+        "320px": "pt-80",
+        "384px": "pt-96",
+    },
+    pr: {
+        "0px": "pr-0",
+        "1px": "pr-px",
+        "4px": "pr-1",
+        "8px": "pr-2",
+        "12px": "pr-3",
+        "16px": "pr-4",
+        "20px": "pr-5",
+        "24px": "pr-6",
+        "28px": "pr-7",
+        "32px": "pr-8",
+        "36px": "pr-9",
+        "40px": "pr-10",
+        "44px": "pr-11",
+        "48px": "pr-12",
+        "56px": "pr-14",
+        "64px": "pr-16",
+        "80px": "pr-20",
+        "96px": "pr-24",
+        "112px": "pr-28",
+        "128px": "pr-32",
+        "144px": "pr-36",
+        "160px": "pr-40",
+        "176px": "pr-44",
+        "192px": "pr-48",
+        "208px": "pr-52",
+        "224px": "pr-56",
+        "240px": "pr-60",
+        "256px": "pr-64",
+        "288px": "pr-72",
+        "320px": "pr-80",
+        "384px": "pr-96",
+    },
+    pb: {
+        "0px": "pb-0",
+        "1px": "pb-px",
+        "4px": "pb-1",
+        "8px": "pb-2",
+        "12px": "pb-3",
+        "16px": "pb-4",
+        "20px": "pb-5",
+        "24px": "pb-6",
+        "28px": "pb-7",
+        "32px": "pb-8",
+        "36px": "pb-9",
+        "40px": "pb-10",
+        "44px": "pb-11",
+        "48px": "pb-12",
+        "56px": "pb-14",
+        "64px": "pb-16",
+        "80px": "pb-20",
+        "96px": "pb-24",
+        "112px": "pb-28",
+        "128px": "pb-32",
+        "144px": "pb-36",
+        "160px": "pb-40",
+        "176px": "pb-44",
+        "192px": "pb-48",
+        "208px": "pb-52",
+        "224px": "pb-56",
+        "240px": "pb-60",
+        "256px": "pb-64",
+        "288px": "pb-72",
+        "320px": "pb-80",
+        "384px": "pb-96",
+    },
+    pl: {
+        "0px": "pl-0",
+        "1px": "pl-px",
+        "4px": "pl-1",
+        "8px": "pl-2",
+        "12px": "pl-3",
+        "16px": "pl-4",
+        "20px": "pl-5",
+        "24px": "pl-6",
+        "28px": "pl-7",
+        "32px": "pl-8",
+        "36px": "pl-9",
+        "40px": "pl-10",
+        "44px": "pl-11",
+        "48px": "pl-12",
+        "56px": "pl-14",
+        "64px": "pl-16",
+        "80px": "pl-20",
+        "96px": "pl-24",
+        "112px": "pl-28",
+        "128px": "pl-32",
+        "144px": "pl-36",
+        "160px": "pl-40",
+        "176px": "pl-44",
+        "192px": "pl-48",
+        "208px": "pl-52",
+        "224px": "pl-56",
+        "240px": "pl-60",
+        "256px": "pl-64",
+        "288px": "pl-72",
+        "320px": "pl-80",
+        "384px": "pl-96",
+    },
+    ps: {
+        "0px": "ps-0",
+        "1px": "ps-px",
+        "4px": "ps-1",
+        "8px": "ps-2",
+        "12px": "ps-3",
+        "16px": "ps-4",
+        "20px": "ps-5",
+        "24px": "ps-6",
+        "28px": "ps-7",
+        "32px": "ps-8",
+        "36px": "ps-9",
+        "40px": "ps-10",
+        "44px": "ps-11",
+        "48px": "ps-12",
+        "56px": "ps-14",
+        "64px": "ps-16",
+        "80px": "ps-20",
+        "96px": "ps-24",
+        "112px": "ps-28",
+        "128px": "ps-32",
+        "144px": "ps-36",
+        "160px": "ps-40",
+        "176px": "ps-44",
+        "192px": "ps-48",
+        "208px": "ps-52",
+        "224px": "ps-56",
+        "240px": "ps-60",
+        "256px": "ps-64",
+        "288px": "ps-72",
+        "320px": "ps-80",
+        "384px": "ps-96",
+    },
+    pe: {
+        "0px": "pe-0",
+        "1px": "pe-px",
+        "4px": "pe-1",
+        "8px": "pe-2",
+        "12px": "pe-3",
+        "16px": "pe-4",
+        "20px": "pe-5",
+        "24px": "pe-6",
+        "28px": "pe-7",
+        "32px": "pe-8",
+        "36px": "pe-9",
+        "40px": "pe-10",
+        "44px": "pe-11",
+        "48px": "pe-12",
+        "56px": "pe-14",
+        "64px": "pe-16",
+        "80px": "pe-20",
+        "96px": "pe-24",
+        "112px": "pe-28",
+        "128px": "pe-32",
+        "144px": "pe-36",
+        "160px": "pe-40",
+        "176px": "pe-44",
+        "192px": "pe-48",
+        "208px": "pe-52",
+        "224px": "pe-56",
+        "240px": "pe-60",
+        "256px": "pe-64",
+        "288px": "pe-72",
+        "320px": "pe-80",
+        "384px": "pe-96",
+    },
+};

package/dist/mappings/transforms/index.d.ts

@@ -0,0 +1,2 @@
+import { TailwindMapping } from "../../types";
+export declare const allTransformsMappings: TailwindMapping;

package/dist/mappings/transforms/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.allTransformsMappings = void 0;
+const rotate_scale_translate_1 = require("./rotate-scale-translate");
+exports.allTransformsMappings = {
+    ...rotate_scale_translate_1.transformsMappings,
+};

package/dist/mappings/transforms/rotate-scale-translate.d.ts

@@ -0,0 +1,2 @@
+import { ValueMapping } from "../../types";
+export declare const transformsMappings: Record<string, ValueMapping>;

package/dist/mappings/transforms/rotate-scale-translate.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformsMappings = void 0;
+exports.transformsMappings = {
+    rotate: {
+        "0deg": "rotate-0",
+        "1deg": "rotate-1",
+        "2deg": "rotate-2",
+        "3deg": "rotate-3",
+        "6deg": "rotate-6",
+        "12deg": "rotate-12",
+        "45deg": "rotate-45",
+        "90deg": "rotate-90",
+        "180deg": "rotate-180",
+        "-180deg": "-rotate-180",
+        "-90deg": "-rotate-90",
+        "-45deg": "-rotate-45",
+        "-12deg": "-rotate-12",
+        "-6deg": "-rotate-6",
+        "-3deg": "-rotate-3",
+        "-2deg": "-rotate-2",
+        "-1deg": "-rotate-1",
+    },
+    scale: {
+        "0": "scale-0",
+        "0.5": "scale-50",
+        "0.75": "scale-75",
+        "0.9": "scale-90",
+        "0.95": "scale-95",
+        "1": "scale-100",
+        "1.05": "scale-105",
+        "1.1": "scale-110",
+        "1.25": "scale-125",
+        "1.5": "scale-150",
+    },
+    "translate-x": {
+        "0px": "translate-x-0",
+        "1px": "translate-x-px",
+        "4px": "translate-x-1",
+        "8px": "translate-x-2",
+        "12px": "translate-x-3",
+        "16px": "translate-x-4",
+        "20px": "translate-x-5",
+        "24px": "translate-x-6",
+        "50%": "translate-x-1/2",
+        "100%": "translate-x-full",
+        "-100%": "-translate-x-full",
+        "-50%": "-translate-x-1/2",
+    },
+    "translate-y": {
+        "0px": "translate-y-0",
+        "1px": "translate-y-px",
+        "4px": "translate-y-1",
+        "8px": "translate-y-2",
+        "12px": "translate-y-3",
+        "16px": "translate-y-4",
+        "20px": "translate-y-5",
+        "24px": "translate-y-6",
+        "50%": "translate-y-1/2",
+        "100%": "translate-y-full",
+        "-100%": "-translate-y-full",
+        "-50%": "-translate-y-1/2",
+    },
+};

package/dist/mappings/transitions/duration-delay.d.ts

@@ -0,0 +1,2 @@
+import { ValueMapping } from "../../types";
+export declare const transitionsMappings: Record<string, ValueMapping>;

package/dist/mappings/transitions/duration-delay.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transitionsMappings = void 0;
+exports.transitionsMappings = {
+    duration: {
+        "75ms": "duration-75",
+        "100ms": "duration-100",
+        "150ms": "duration-150",
+        "200ms": "duration-200",
+        "300ms": "duration-300",
+        "500ms": "duration-500",
+        "700ms": "duration-700",
+        "1000ms": "duration-1000",
+    },
+    "transition-duration": {
+        "75ms": "duration-75",
+        "100ms": "duration-100",
+        "150ms": "duration-150",
+        "200ms": "duration-200",
+        "300ms": "duration-300",
+        "500ms": "duration-500",
+        "700ms": "duration-700",
+        "1000ms": "duration-1000",
+    },
+    delay: {
+        "0ms": "delay-0",
+        "75ms": "delay-75",
+        "100ms": "delay-100",
+        "150ms": "delay-150",
+        "200ms": "delay-200",
+        "300ms": "delay-300",
+        "500ms": "delay-500",
+        "700ms": "delay-700",
+        "1000ms": "delay-1000",
+    },
+};

package/dist/mappings/transitions/index.d.ts

@@ -0,0 +1,2 @@
+import { TailwindMapping } from "../../types";
+export declare const allTransitionsMappings: TailwindMapping;

package/dist/mappings/transitions/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.allTransitionsMappings = void 0;
+const duration_delay_1 = require("./duration-delay");
+exports.allTransitionsMappings = {
+    ...duration_delay_1.transitionsMappings,
+};

package/dist/mappings/typography/font-size.d.ts

@@ -0,0 +1,2 @@
+import { ValueMapping } from "../../types";
+export declare const fontSizeMappings: Record<string, ValueMapping>;

package/dist/mappings/typography/font-size.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fontSizeMappings = void 0;
+exports.fontSizeMappings = {
+    text: {
+        "12px": "text-xs",
+        "14px": "text-sm",
+        "16px": "text-base",
+        "18px": "text-lg",
+        "20px": "text-xl",
+        "24px": "text-2xl",
+        "30px": "text-3xl",
+        "36px": "text-4xl",
+        "48px": "text-5xl",
+        "60px": "text-6xl",
+        "72px": "text-7xl",
+        "96px": "text-8xl",
+        "128px": "text-9xl",
+    },
+    leading: {
+        "1": "leading-none",
+        "1.25": "leading-tight",
+        "1.375": "leading-snug",
+        "1.5": "leading-normal",
+        "1.6": "leading-relaxed",
+        "1.625": "leading-6",
+        "1.75": "leading-7",
+        "2": "leading-loose",
+        "2.25": "leading-9",
+        "2.5": "leading-10",
+    },
+    tracking: {
+        "-0.05em": "tracking-tighter",
+        "-0.025em": "tracking-tight",
+        "0em": "tracking-normal",
+        "0.025em": "tracking-wide",
+        "0.05em": "tracking-wider",
+        "0.1em": "tracking-widest",
+    },
+};

package/dist/mappings/typography/index.d.ts

@@ -0,0 +1,2 @@
+import { TailwindMapping } from "../../types";
+export declare const typographyMappings: TailwindMapping;

package/dist/mappings/typography/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.typographyMappings = void 0;
+const font_size_1 = require("./font-size");
+exports.typographyMappings = {
+    ...font_size_1.fontSizeMappings,
+};

package/dist/normalizer.d.ts

@@ -0,0 +1,3 @@
+export declare function normalizeClassAttribute(content: string): string;
+export declare function normalizeClassNames(classNames: string): string;
+export declare function normalizeClassName(className: string): string;

package/dist/normalizer.js

@@ -0,0 +1,123 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.normalizeClassAttribute = normalizeClassAttribute;
+exports.normalizeClassNames = normalizeClassNames;
+exports.normalizeClassName = normalizeClassName;
+const mappings_1 = require("./mappings");
+function normalizeClassAttribute(content) {
+    let result = content;
+    const classAttributeRegex = /class\s*=\s*["']([^"']*?)["']/g;
+    result = result.replace(classAttributeRegex, (match, classNames) => {
+        const normalizedClasses = normalizeClassNames(classNames);
+        return match.replace(classNames, normalizedClasses);
+    });
+    const classNameAttributeRegex = /className\s*=\s*["']([^"']*?)["']/g;
+    result = result.replace(classNameAttributeRegex, (match, classNames) => {
+        const normalizedClasses = normalizeClassNames(classNames);
+        return match.replace(classNames, normalizedClasses);
+    });
+    const vueClassRegex = /(?::class|v-bind:class)\s*=\s*["']([^"']*?)["']/g;
+    result = result.replace(vueClassRegex, (match, classNames) => {
+        const normalizedClasses = normalizeClassNames(classNames);
+        return match.replace(classNames, normalizedClasses);
+    });
+    const angularClassRegex = /\[class\]\s*=\s*["']([^"']*?)["']/g;
+    result = result.replace(angularClassRegex, (match, classNames) => {
+        const normalizedClasses = normalizeClassNames(classNames);
+        return match.replace(classNames, normalizedClasses);
+    });
+    const templateLiteralRegex = /`([^`]*?)`/g;
+    result = result.replace(templateLiteralRegex, (match, content) => {
+        const processedContent = content.replace(/([a-z-]+\[[^\]]+\])/g, (classMatch) => {
+            return normalizeClassName(classMatch);
+        });
+        return "`" + processedContent + "`";
+    });
+    const jsxBraceStringRegex = /(className\s*=\s*\{)\s*["']([^"']*?)["']\s*(\})/g;
+    result = result.replace(jsxBraceStringRegex, (match, prefix, classNames, suffix) => {
+        const normalizedClasses = normalizeClassNames(classNames);
+        return prefix + '"' + normalizedClasses + '"' + suffix;
+    });
+    const classUtilRegex = /((?:clsx|classnames|cn)\s*\([^)]*?)["']([^"']*?)["']/g;
+    result = result.replace(classUtilRegex, (match, prefix, classNames) => {
+        const normalizedClasses = normalizeClassNames(classNames);
+        return prefix + '"' + normalizedClasses + '"';
+    });
+    const generalStringRegex = /(["'])([^"']*?)(\1)/g;
+    result = result.replace(generalStringRegex, (match, quote, content, endQuote) => {
+        if (content.includes("=") || content.length < 3) {
+            return match;
+        }
+        const hasArbitraryValues = /[a-z-]+\[[^\]]+\]/.test(content);
+        if (hasArbitraryValues) {
+            const normalizedContent = normalizeClassNames(content);
+            return quote + normalizedContent + endQuote;
+        }
+        return match;
+    });
+    return result;
+}
+function normalizeClassNames(classNames) {
+    const classes = classNames.split(/\s+/).filter(Boolean);
+    return classes.map((className) => normalizeClassName(className)).join(" ");
+}
+function normalizeClassName(className) {
+    const negativeArbitraryValueRegex = /^-([a-z:-]+)\[([^\]]+)\]$/;
+    const negativeArbitraryMatch = className.match(negativeArbitraryValueRegex);
+    if (negativeArbitraryMatch) {
+        const [, prefixWithDash, value] = negativeArbitraryMatch;
+        const prefix = prefixWithDash.replace(/-$/, "");
+        if (value === "0px" || value === "0") {
+            const mapping = findStandardMapping(prefix, value);
+            return mapping || className;
+        }
+        const negativeValue = `-${value}`;
+        const mapping = findStandardMapping(prefix, negativeValue);
+        return mapping || className;
+    }
+    const arbitraryValueRegex = /^([a-z:-]+)\[([^\]]+)\]$/;
+    const arbitraryMatch = className.match(arbitraryValueRegex);
+    if (arbitraryMatch) {
+        const [, prefixWithDash, value] = arbitraryMatch;
+        const prefix = prefixWithDash.replace(/-$/, "");
+        if (value.startsWith("-")) {
+            if (value === "-0px" || value === "-0") {
+                const positiveValue = value.substring(1);
+                const mapping = findStandardMapping(prefix, positiveValue);
+                return mapping || className;
+            }
+            const mapping = findStandardMapping(prefix, value);
+            return mapping || className;
+        }
+        const mapping = findStandardMapping(prefix, value);
+        return mapping || className;
+    }
+    const negativePxSuffixRegex = /^-([a-z:-]+)-(\d+)px$/;
+    const negativePxMatch = className.match(negativePxSuffixRegex);
+    if (negativePxMatch) {
+        const [, prefix, numValue] = negativePxMatch;
+        if (numValue === "0") {
+            const mapping = findStandardMapping(prefix, "0px");
+            return mapping || className;
+        }
+        const negativePixelValue = `-${numValue}px`;
+        const mapping = findStandardMapping(prefix, negativePixelValue);
+        return mapping || className;
+    }
+    const pxSuffixRegex = /^([a-z:-]+)-(\d+)px$/;
+    const pxMatch = className.match(pxSuffixRegex);
+    if (pxMatch) {
+        const [, prefix, numValue] = pxMatch;
+        const pixelValue = numValue + "px";
+        const mapping = findStandardMapping(prefix, pixelValue);
+        return mapping || className;
+    }
+    return className;
+}
+function findStandardMapping(prefix, value) {
+    const mappings = mappings_1.TAILWIND_MAPPINGS[prefix];
+    if (!mappings) {
+        return null;
+    }
+    return mappings[value] || null;
+}

package/dist/types/prettier-compat.d.ts

@@ -0,0 +1,20 @@
+export interface CompatParser {
+    parse?: (text: string, options: any) => any;
+    preprocess?: (text: string, options: any) => string;
+    astFormat?: string;
+    locStart?: (node: any) => number;
+    locEnd?: (node: any) => number;
+    [key: string]: any;
+}
+export interface CompatPlugin {
+    languages?: Array<{
+        name: string;
+        parsers: string[];
+        extensions: string[];
+    }>;
+    parsers: Record<string, CompatParser>;
+    printers?: Record<string, any>;
+    options?: Record<string, any>;
+}
+export declare function isValidParser(parser: any): parser is CompatParser;
+export declare function isValidPlugin(plugin: any): plugin is CompatPlugin;

package/dist/types/prettier-compat.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isValidParser = isValidParser;
+exports.isValidPlugin = isValidPlugin;
+function isValidParser(parser) {
+    return parser && typeof parser === "object";
+}
+function isValidPlugin(plugin) {
+    return plugin && typeof plugin === "object" && plugin.parsers;
+}