@udixio/tailwind 1.3.0 → 1.5.0

package/dist/index.cjs

@@ -1,428 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const plugin = require("tailwindcss/plugin");
-const fs = require("fs");
-const replaceInFile = require("replace-in-file");
-const console = require("node:console");
-const pathe = require("pathe");
-const url = require("url");
-const path = require("path");
-const theme = require("@udixio/theme");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const fs__namespace = /* @__PURE__ */ _interopNamespaceDefault(fs);
-const console__namespace = /* @__PURE__ */ _interopNamespaceDefault(console);
-const defaultConfig = {
-  statePrefix: "state",
-  disabledStyles: {
-    textOpacity: 0.38,
-    backgroundOpacity: 0.12
-  },
-  transition: {
-    duration: 150
-  }
-};
-const state = plugin.withOptions(({ colorKeys }) => {
-  const resolved = {
-    ...defaultConfig,
-    disabledStyles: {
-      ...defaultConfig.disabledStyles,
-      ...{}
-    },
-    transition: {
-      ...defaultConfig.transition,
-      ...{}
-    }
-  };
-  return ({ addComponents }) => {
-    const newComponents = {};
-    for (const isGroup of [false, true]) {
-      const group = isGroup ? "group-" : "";
-      for (const colorName of colorKeys) {
-        const className = `.${group}${resolved.statePrefix}-${colorName}`;
-        newComponents[className] = {
-          [`@apply ${group}hover:bg-${colorName}/[0.08]`]: {},
-          [`@apply ${group}active:bg-${colorName}/[0.12]`]: {},
-          [`@apply ${group}focus-visible:bg-${colorName}/[0.12]`]: {},
-          [`@apply transition-colors`]: {},
-          [`@apply duration-${resolved.transition.duration}`]: {},
-          [`@apply ${group}disabled:text-on-surface/[${resolved.disabledStyles.textOpacity}]`]: {},
-          [`@apply ${group}disabled:bg-on-surface/[${resolved.disabledStyles.backgroundOpacity}]`]: {}
-        };
-      }
-    }
-    for (const colorName of colorKeys) {
-      for (const stateName of ["hover", "active", "focus", "disabled"]) {
-        const className = `.${stateName}-${resolved.statePrefix}-${colorName}`;
-        if (stateName === "disabled") {
-          newComponents[className] = {
-            [`@apply text-on-surface/[${resolved.disabledStyles.textOpacity}]`]: {},
-            [`@apply bg-on-surface/[${resolved.disabledStyles.backgroundOpacity}]`]: {}
-          };
-        } else {
-          const opacity = stateName === "hover" ? 0.08 : 0.12;
-          newComponents[className] = {
-            [`@apply bg-${colorName}/[${opacity}]`]: {}
-          };
-        }
-      }
-    }
-    addComponents(newComponents);
-  };
-});
-const font = plugin.withOptions((options) => {
-  return ({
-    addUtilities,
-    theme: theme2
-  }) => {
-    const { fontStyles, responsiveBreakPoints } = options;
-    const pixelUnit = "rem";
-    const newUtilities = {};
-    const baseTextStyle = (sizeValue) => ({
-      fontSize: sizeValue.fontSize + pixelUnit,
-      fontWeight: sizeValue.fontWeight,
-      lineHeight: sizeValue.lineHeight + pixelUnit,
-      letterSpacing: sizeValue.letterSpacing ? sizeValue.letterSpacing + pixelUnit : null,
-      fontFamily: theme2("fontFamily." + sizeValue.fontFamily)
-    });
-    const responsiveTextStyle = (sizeValue, breakPointName, breakPointRatio) => ({
-      [`@media (min-width: ${theme2("screens." + breakPointName, {})})`]: {
-        fontSize: sizeValue.fontSize * breakPointRatio + pixelUnit,
-        lineHeight: sizeValue.lineHeight * breakPointRatio + pixelUnit
-      }
-    });
-    for (const [roleName, roleValue] of Object.entries(fontStyles)) {
-      for (const [sizeName, sizeValue] of Object.entries(roleValue)) {
-        newUtilities[`.text-${roleName}-${sizeName}`] = {
-          ...baseTextStyle(sizeValue),
-          ...Object.entries(responsiveBreakPoints).reduce(
-            (acc, [breakPointName, breakPointRatio]) => ({
-              ...acc,
-              ...responsiveTextStyle(
-                sizeValue,
-                breakPointName,
-                breakPointRatio
-              )
-            }),
-            {}
-          )
-        };
-      }
-    }
-    addUtilities(newUtilities);
-  };
-});
-const shadow = plugin(
-  ({ addUtilities }) => {
-    addUtilities({
-      [".shadow"]: {
-        boxShadow: "0 4px 10px #00000008, 0 0 2px #0000000f, 0 2px 6px #0000001f"
-      },
-      [".shadow-1"]: {
-        boxShadow: "0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)"
-      },
-      [".shadow-2"]: {
-        boxShadow: "0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)"
-      },
-      [".shadow-3"]: {
-        boxShadow: "0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)"
-      },
-      [".shadow-4"]: {
-        boxShadow: "0px 2px 3px 0px rgba(0, 0, 0, 0.30), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)"
-      },
-      [".box-shadow-5"]: {
-        boxShadow: "0px 4px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)"
-      }
-    });
-  }
-);
-const main = plugin.withOptions((args) => {
-  const configCss = args;
-  const fontStyles = {};
-  configCss.fontStyles.forEach((line) => {
-    const [styleToken, ...properties] = line.split(" ");
-    const [roleToken, sizeToken] = styleToken.split("-");
-    fontStyles[roleToken] ?? (fontStyles[roleToken] = {});
-    properties.forEach((properties2) => {
-      var _a;
-      (_a = fontStyles[roleToken])[sizeToken] ?? (_a[sizeToken] = {});
-      const [key, value] = properties2.slice(0, -1).split("[");
-      fontStyles[roleToken][sizeToken][key] = value;
-    });
-  });
-  let breakPointsCss = configCss.responsiveBreakPoints;
-  if (!Array.isArray(breakPointsCss)) {
-    breakPointsCss = [breakPointsCss];
-  }
-  const responsiveBreakPoints = {};
-  breakPointsCss.forEach((line) => {
-    const [key, value] = line.split(" ");
-    responsiveBreakPoints[key] = value;
-  });
-  const options = {
-    colorKeys: configCss.colorKeys,
-    fontStyles,
-    responsiveBreakPoints
-  };
-  return (api) => {
-    font(options).handler(api);
-    state(options).handler(api);
-    shadow.handler(api);
-  };
-});
-const normalizePath = (filePath) => {
-  try {
-    if (filePath.startsWith("file://")) {
-      return pathe.normalize(url.fileURLToPath(filePath));
-    }
-    return pathe.normalize(filePath);
-  } catch (error) {
-    console__namespace.warn(
-      `Warning: Could not process path ${filePath}, treating as regular path`
-    );
-    return pathe.normalize(filePath);
-  }
-};
-const safeExistsSync = (filePath) => {
-  return fs__namespace.existsSync(normalizePath(filePath));
-};
-const safeReadFileSync = (filePath, encoding = "utf8") => {
-  return fs__namespace.readFileSync(normalizePath(filePath), encoding);
-};
-const safeWriteFileSync = (filePath, data) => {
-  const normalizedPath = normalizePath(filePath);
-  const dirPath = pathe.dirname(normalizedPath);
-  if (!fs__namespace.existsSync(dirPath)) {
-    fs__namespace.mkdirSync(dirPath, { recursive: true });
-  }
-  fs__namespace.writeFileSync(normalizedPath, data);
-};
-const createOrUpdateFile = (filePath, content) => {
-  try {
-    const normalizedPath = normalizePath(filePath);
-    if (!safeExistsSync(filePath)) {
-      safeWriteFileSync(filePath, content);
-      console__namespace.log(`✅ File successfully created: ${normalizedPath}`);
-    } else {
-      console__namespace.log(`⚠️ File already exists: ${normalizedPath}`);
-      replaceFileContent(filePath, /[\s\S]*/, content);
-    }
-  } catch (error) {
-    console__namespace.error("❌ Error while creating the file:", error);
-  }
-};
-const getFileContent = (filePath, searchPattern) => {
-  try {
-    const normalizedPath = normalizePath(filePath);
-    if (!safeExistsSync(filePath)) {
-      console__namespace.error(`❌ The specified file does not exist: ${normalizedPath}`);
-      return null;
-    }
-    const fileContent = safeReadFileSync(filePath);
-    if (searchPattern) {
-      if (typeof searchPattern === "string") {
-        const found = fileContent.includes(searchPattern) ? searchPattern : false;
-        console__namespace.log(
-          found ? `✅ The file contains the specified string: "${searchPattern}"` : `⚠️ The file does NOT contain the specified string: "${searchPattern}"`
-        );
-        return found;
-      } else {
-        const match = fileContent.match(searchPattern);
-        if (match) {
-          console__namespace.log(`✅ Found match: "${match[0]}"`);
-          return match[0];
-        } else {
-          console__namespace.log(
-            `⚠️ No match found for the pattern: "${searchPattern.toString()}"`
-          );
-          return false;
-        }
-      }
-    }
-    console__namespace.log(`✅ File content successfully retrieved.`);
-    return fileContent;
-  } catch (error) {
-    console__namespace.error("❌ An error occurred while processing the file:", error);
-    return null;
-  }
-};
-const replaceFileContent = (filePath, searchPattern, replacement) => {
-  try {
-    const normalizedPath = normalizePath(filePath);
-    const results = replaceInFile.replaceInFileSync({
-      files: normalizedPath,
-      from: searchPattern,
-      to: replacement
-    });
-    if (results.length > 0 && results[0].hasChanged) {
-      console__namespace.log(
-        `✅ Content successfully replaced in the file: ${normalizedPath}`
-      );
-    } else {
-      console__namespace.log(
-        `⚠️ No replacement made. Here are some possible reasons:
-- The pattern ${searchPattern} was not found.
-- The file might already contain the expected content.`
-      );
-    }
-  } catch (error) {
-    console__namespace.error("❌ Error while replacing the file content:", error);
-  }
-};
-const findTailwindCssFile = (startDir, searchPattern) => {
-  const normalizedStartDir = normalizePath(startDir);
-  console__namespace.log("Recherche du fichier contenant le motif...", normalizedStartDir);
-  const stack = [normalizedStartDir];
-  while (stack.length > 0) {
-    const currentDir = stack.pop();
-    let files;
-    try {
-      files = fs__namespace.readdirSync(currentDir);
-    } catch (error) {
-      console__namespace.error(
-        `Erreur lors de la lecture du répertoire ${currentDir}:`,
-        error
-      );
-      continue;
-    }
-    for (const file of files) {
-      const filePath = pathe.join(currentDir, file);
-      let stats;
-      try {
-        stats = fs__namespace.statSync(filePath);
-      } catch (error) {
-        console__namespace.error(`Erreur lors de l'accès à ${filePath}:`, error);
-        continue;
-      }
-      if (stats.isDirectory()) {
-        if (file !== "node_modules" && !file.startsWith(".")) {
-          stack.push(filePath);
-        }
-      } else if (stats.isFile() && (file.endsWith(".css") || file.endsWith(".scss") || file.endsWith(".sass"))) {
-        try {
-          console__namespace.log(`Analyse du fichier : ${filePath}`);
-          const content = safeReadFileSync(filePath);
-          const hasMatch = typeof searchPattern === "string" ? content.includes(searchPattern) : searchPattern.test(content);
-          if (hasMatch) {
-            console__namespace.log("Fichier trouvé :", filePath);
-            return filePath;
-          }
-        } catch (readError) {
-          console__namespace.error(`Erreur lors de la lecture de ${filePath}:`, readError);
-        }
-      }
-    }
-  }
-  throw new Error(
-    `Impossible de trouver un fichier contenant "${searchPattern}" dans "${normalizedStartDir}".`
-  );
-};
-function findProjectRoot(startPath) {
-  const normalizedStartPath = normalizePath(startPath);
-  let currentPath = pathe.resolve(normalizedStartPath);
-  while (!fs__namespace.existsSync(pathe.join(currentPath, "package.json"))) {
-    const parentPath = pathe.dirname(currentPath);
-    if (currentPath === parentPath) {
-      throw new Error("Impossible de localiser la racine du projet.");
-    }
-    currentPath = parentPath;
-  }
-  return currentPath;
-}
-class TailwindPlugin extends theme.PluginAbstract {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "dependencies", [theme.FontPlugin]);
-    __publicField(this, "name", "tailwind");
-    __publicField(this, "pluginClass", TailwindImplPlugin);
-  }
-}
-class TailwindImplPlugin extends theme.PluginImplAbstract {
-  onInit() {
-    var _a;
-    (_a = this.options).responsiveBreakPoints ?? (_a.responsiveBreakPoints = {
-      lg: 1.125
-    });
-  }
-  onLoad() {
-    let udixioCssPath = this.options.styleFilePath;
-    const projectRoot = findProjectRoot(path.resolve());
-    if (!udixioCssPath) {
-      const searchPattern = /@import ["']tailwindcss["'];/;
-      const replacement = `@import 'tailwindcss';
-@import "./udixio.css";`;
-      const tailwindCssPath = findTailwindCssFile(projectRoot, searchPattern);
-      udixioCssPath = path.join(tailwindCssPath, "../udixio.css");
-      if (!getFileContent(tailwindCssPath, /@import\s+"\.\/udixio\.css";/)) {
-        replaceFileContent(tailwindCssPath, searchPattern, replacement);
-      }
-    }
-    const colors = {};
-    for (const isDark of [false, true]) {
-      this.api.themes.update({ isDark });
-      for (const [key, value] of this.api.colors.getColors().entries()) {
-        const newKey = key.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
-        colors[newKey] ?? (colors[newKey] = { light: "", dark: "" });
-        colors[newKey][isDark ? "dark" : "light"] = value.getHex();
-      }
-    }
-    const { fontStyles, fontFamily } = this.api.plugins.getPlugin(theme.FontPlugin).getInstance().getFonts();
-    const configCss = {
-      colorKeys: Object.keys(colors).join(", "),
-      fontStyles: Object.entries(fontStyles).map(
-        ([fontRole, fontStyle]) => Object.entries(fontStyle).map(
-          ([fontSize, fontStyle2]) => `${fontRole}-${fontSize} ${Object.entries(fontStyle2).map(([name, value]) => `${name}[${value}]`).join(" ")}`
-        ).join(", ")
-      ).join(", "),
-      responsiveBreakPoints: Object.entries(
-        this.options.responsiveBreakPoints ?? {}
-      ).map(([key, value]) => `${key} ${value}`).join(", ")
-    };
-    createOrUpdateFile(
-      udixioCssPath,
-      `
-@plugin "@udixio/tailwind" {
-  colorKeys: ${configCss.colorKeys};
-  fontStyles: ${configCss.fontStyles};
-  responsiveBreakPoints: ${configCss.responsiveBreakPoints};
-}
-@custom-variant dark (&:where(.dark, .dark *));
-@theme {
-  --color-*: initial;
-  ${Object.entries(colors).map(([key, value]) => `--color-${key}: ${value.light};`).join("\n  ")}
-}
-@layer theme {
-  .dark {
-  ${Object.entries(colors).map(([key, value]) => `--color-${key}: ${value.dark};`).join("\n  ")}
-  }
-}
-@theme {
-  ${Object.entries(fontFamily).map(
-        ([key, values]) => `--font-${key}: ${values.map((value) => `"${value}"`).join(", ")};`
-      ).join("\n  ")}
-}
-`
-    );
-  }
-}
-exports.TailwindPlugin = TailwindPlugin;
-exports.default = main;
-exports.font = font;
-exports.state = state;

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,eAAe,IAAI,CAAC"}