@udixio/tailwind 1.2.1 → 1.4.0

package/dist/index.cjs

@@ -1,385 +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 path = require("path");
-const replaceInFile = require("replace-in-file");
-const console = require("node:console");
-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 path__namespace = /* @__PURE__ */ _interopNamespaceDefault(path);
-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 createOrUpdateFile = (filePath, content) => {
-  try {
-    if (!fs__namespace.existsSync(filePath)) {
-      const dirPath = path__namespace.dirname(filePath);
-      if (!fs__namespace.existsSync(dirPath)) {
-        fs__namespace.mkdirSync(dirPath, { recursive: true });
-      }
-      fs__namespace.writeFileSync(filePath, content);
-      console__namespace.log(`✅ File successfully created: ${filePath}`);
-    } else {
-      console__namespace.log(`⚠️ File already exists: ${filePath}`);
-      replaceFileContent(filePath, /[\s\S]*/, content);
-    }
-  } catch (error) {
-    console__namespace.error("❌ Error while creating the file:", error);
-  }
-};
-const getFileContent = (filePath, searchPattern) => {
-  try {
-    if (!fs__namespace.existsSync(filePath)) {
-      console__namespace.error(`❌ The specified file does not exist: ${filePath}`);
-      return null;
-    }
-    const fileContent = fs__namespace.readFileSync(filePath, "utf8");
-    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 results = replaceInFile.replaceInFileSync({
-      files: filePath,
-      from: searchPattern,
-      to: replacement
-    });
-    if (results.length > 0 && results[0].hasChanged) {
-      console__namespace.log(`✅ Content successfully replaced in the file: ${filePath}`);
-    } 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) => {
-  console__namespace.log("Recherche du fichier contenant le motif...", startDir);
-  const stack = [startDir];
-  while (stack.length > 0) {
-    const currentDir = stack.pop();
-    const files = fs__namespace.readdirSync(currentDir);
-    for (const file of files) {
-      const filePath = path__namespace.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") 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 = fs__namespace.readFileSync(filePath, "utf8");
-          if (content.match(searchPattern)) {
-            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 "${startDir}".`
-  );
-};
-function findProjectRoot(startPath) {
-  let currentPath = startPath;
-  while (!fs__namespace.existsSync(path__namespace.join(currentPath, "package.json"))) {
-    const parentPath = path__namespace.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"}

package/dist/tailwind.plugin.d.ts

@@ -1,16 +0,0 @@
-import { FontPlugin, PluginAbstract, PluginImplAbstract } from '@udixio/theme';
-interface TailwindPluginOptions {
-    responsiveBreakPoints?: Record<string, number>;
-    styleFilePath?: string;
-}
-export declare class TailwindPlugin extends PluginAbstract<TailwindImplPlugin, TailwindPluginOptions> {
-    dependencies: (typeof FontPlugin)[];
-    name: string;
-    pluginClass: typeof TailwindImplPlugin;
-}
-declare class TailwindImplPlugin extends PluginImplAbstract<TailwindPluginOptions> {
-    onInit(): void;
-    onLoad(): void;
-}
-export {};
-//# sourceMappingURL=tailwind.plugin.d.ts.map

package/dist/tailwind.plugin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tailwind.plugin.d.ts","sourceRoot":"","sources":["../src/tailwind.plugin.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAG/E,UAAU,qBAAqB;IAE7B,qBAAqB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;CAExB;AAED,qBAAa,cAAe,SAAQ,cAAc,CAChD,kBAAkB,EAClB,qBAAqB,CACtB;IACQ,YAAY,wBAAgB;IAC5B,IAAI,SAAc;IACzB,WAAW,4BAAsB;CAClC;AAED,cAAM,kBAAmB,SAAQ,kBAAkB,CAAC,qBAAqB,CAAC;IACxE,MAAM;IAMN,MAAM;CA+FP"}

package/src/file.ts

@@ -1,163 +0,0 @@
-import * as fs from 'fs';
-import * as path from 'path';
-import { replaceInFileSync } from 'replace-in-file';
-import * as console from 'node:console';
-
-export const createOrUpdateFile = (filePath: string, content: string): void => {
-  try {
-    if (!fs.existsSync(filePath)) {
-      // Create the folder if necessary.
-      const dirPath = path.dirname(filePath);
-      if (!fs.existsSync(dirPath)) {
-        fs.mkdirSync(dirPath, { recursive: true });
-      }
-
-      // Create the file with the provided content.
-      fs.writeFileSync(filePath, content);
-      console.log(`✅ File successfully created: ${filePath}`);
-    } else {
-      console.log(`⚠️ File already exists: ${filePath}`);
-      replaceFileContent(filePath, /[\s\S]*/, content);
-    }
-  } catch (error) {
-    console.error('❌ Error while creating the file:', error);
-  }
-};
-
-export const getFileContent = (
-  filePath: string,
-  searchPattern?: RegExp | string,
-): string | false | null => {
-  try {
-    // Vérifier si le fichier existe
-    if (!fs.existsSync(filePath)) {
-      console.error(`❌ The specified file does not exist: ${filePath}`);
-      return null;
-    }
-
-    // Lire le contenu du fichier entier
-    const fileContent = fs.readFileSync(filePath, 'utf8');
-
-    // Si un motif est fourni, chercher le texte correspondant
-    if (searchPattern) {
-      if (typeof searchPattern === 'string') {
-        const found = fileContent.includes(searchPattern)
-          ? searchPattern
-          : false;
-        console.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.log(`✅ Found match: "${match[0]}"`);
-          return match[0]; // Retourner le texte trouvé
-        } else {
-          console.log(
-            `⚠️ No match found for the pattern: "${searchPattern.toString()}"`,
-          );
-          return false; // Aucune correspondance trouvée
-        }
-      }
-    }
-
-    // Si aucun motif n'est fourni, retourner tout le contenu
-    console.log(`✅ File content successfully retrieved.`);
-    return fileContent;
-  } catch (error) {
-    console.error('❌ An error occurred while processing the file:', error);
-    return null;
-  }
-};
-
-export const replaceFileContent = (
-  filePath: string,
-  searchPattern: RegExp | string,
-  replacement: string,
-): void => {
-  try {
-    const results = replaceInFileSync({
-      files: filePath,
-      from: searchPattern,
-      to: replacement,
-    });
-
-    if (results.length > 0 && results[0].hasChanged) {
-      console.log(`✅ Content successfully replaced in the file: ${filePath}`);
-    } else {
-      console.log(
-        `⚠️ No replacement made. Here are some possible reasons:\n- The pattern ${searchPattern} was not found.\n- The file might already contain the expected content.`,
-      );
-    }
-  } catch (error) {
-    console.error('❌ Error while replacing the file content:', error);
-  }
-};
-export const findTailwindCssFile = (
-  startDir: string,
-  searchPattern: RegExp | string,
-): string | never => {
-  console.log('Recherche du fichier contenant le motif...', startDir);
-
-  const stack = [startDir]; // Pile pour éviter une récursion implicite.
-
-  while (stack.length > 0) {
-    const currentDir = stack.pop()!; // Récupérer un répertoire de la pile.
-    const files = fs.readdirSync(currentDir);
-
-    for (const file of files) {
-      const filePath = path.join(currentDir, file);
-
-      let stats: fs.Stats;
-      try {
-        stats = fs.statSync(filePath);
-      } catch (error) {
-        console.error(`Erreur lors de l'accès à ${filePath}:`, error);
-        continue; // Ignorer toute erreur d'accès.
-      }
-
-      // Ignorer le dossier `node_modules` et autres fichiers inutiles.
-      if (stats.isDirectory()) {
-        if (file !== 'node_modules') stack.push(filePath); // Empiler seulement les dossiers valides.
-      } else if (
-        stats.isFile() &&
-        (file.endsWith('.css') ||
-          file.endsWith('.scss') ||
-          file.endsWith('.sass'))
-      ) {
-        try {
-          console.log(`Analyse du fichier : ${filePath}`);
-          const content = fs.readFileSync(filePath, 'utf8');
-          if (content.match(searchPattern)) {
-            console.log('Fichier trouvé :', filePath);
-            return filePath; // Retour dès qu'un fichier valide est identifié.
-          }
-        } catch (readError) {
-          console.error(`Erreur lors de la lecture de ${filePath}:`, readError);
-        }
-      }
-    }
-  }
-
-  throw new Error(
-    `Impossible de trouver un fichier contenant "${searchPattern}" dans "${startDir}".`,
-  );
-};
-
-export function findProjectRoot(startPath) {
-  let currentPath = startPath;
-
-  // Boucle jusqu'à trouver un package.json ou jusqu'à arriver à la racine du système
-  while (!fs.existsSync(path.join(currentPath, 'package.json'))) {
-    const parentPath = path.dirname(currentPath);
-    if (currentPath === parentPath) {
-      throw new Error('Impossible de localiser la racine du projet.');
-    }
-    currentPath = parentPath;
-  }
-
-  return currentPath;
-}

package/src/index.test.ts

@@ -1,5 +0,0 @@
-import { it } from 'vitest';
-
-it.skip('this test is skipped', () => {
-  // Skipped test
-});