refactor(tailwind): migrate to esm

tsedio · Dec 27, 2024 · 6f938bc · 6f938bc
1 parent f1225f2
commit 6f938bc
Show file tree

Hide file tree

Showing 5 changed files with 168 additions and 333 deletions.
diff --git a/packages/tailwind/.eslintignore b/packages/tailwind/.eslintignore
diff --git a/packages/tailwind/.eslintrc.js b/packages/tailwind/.eslintrc.js
diff --git a/packages/tailwind/build-colors.js b/packages/tailwind/build-colors.js
@@ -1,12 +1,14 @@
-const {
-  theme: { colors }
-} = require("./tailwind.config.js");
-const fs = require("fs");
-
-try {
-  fs.mkdirSync("./dist", { recursive: true });
-} catch (er) {
-  console.error(er);
-}
-
-fs.writeFileSync("./dist/colors.json", JSON.stringify(colors, null, 2), { encoding: "utf8" });
+import fs from "node:fs/promises";
+
+import colors from "tailwindcss/colors.js";
+
+import tailwindConfig from "./tailwind.config.js";
+
+const mergedColors = {
+  ...colors,
+  ...tailwindConfig.theme.extend.colors
+};
+
+await fs.mkdir("./dist", { recursive: true }).catch(() => {});
+
+await fs.writeFile("./dist/colors.json", JSON.stringify(mergedColors, null, 2), { encoding: "utf8" });
diff --git a/packages/tailwind/package.json b/packages/tailwind/package.json
@@ -1,10 +1,18 @@
 {
   "name": "@tsed/tailwind",
   "version": "2.3.2",
+  "type": "module",
   "main": "./tailwind.config.js",
+  "module": "./tailwind.config.js",
   "description": "Tailwind configuration",
   "license": "MIT",
   "private": true,
+  "exports": {
+    ".": {
+      "source": "./tailwind.config.js",
+      "default": "./tailwind.config.js"
+    }
+  },
   "scripts": {
     "build": "node ./build-colors.js",
     "tailwind:build": "tailwindcss-cli build -o build/tailwind.css && yarn tailwind:build:viewer",
@@ -15,7 +23,7 @@
   "devDependencies": {
     "rimraf": "3.0.2",
     "tailwind-config-viewer": "^1.3.1",
-    "tailwindcss": "2.2.19",
+    "tailwindcss": "3.4.17",
     "tailwindcss-cli": "0.1.2",
     "tailwindcss-inset": "1.0.0",
     "tailwindcss-transforms": "2.2.0"