oklchtohex 0.5.0 → 0.5.2

package/README.md

@@ -65,6 +65,21 @@ export default {
 };
 ```
 
+If your config uses object-style plugins (common in some templates), use:
+
+```js
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+    "oklchtohex/postcss": { gamut: "clip" }
+  }
+};
+
+export default config;
+```
+
+If you previously saw `TypeError: require(...) is not a function`, it was caused by CommonJS loading of an ESM-only plugin path. Use `oklchtohex@0.5.2+` and the config above.
+
 For Next.js, keep your standard commands:
 
 ```json

package/package.json

@@ -1,13 +1,17 @@
 {
   "name": "oklchtohex",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "description": "Convert OKLCH colors to HEX as a JavaScript package.",
   "type": "module",
   "main": "./src/index.js",
   "exports": {
     ".": "./src/index.js",
     "./vite": "./src/vite-plugin.js",
-    "./postcss": "./src/postcss-plugin.js",
+    "./postcss": {
+      "import": "./src/postcss-plugin.js",
+      "require": "./src/postcss-plugin.cjs",
+      "default": "./src/postcss-plugin.js"
+    },
     "./converter": "./src/converter.js"
   },
   "files": [

package/src/postcss-plugin.cjs

@@ -0,0 +1,28 @@
+function oklchToHexPostcssPlugin(options) {
+  const pluginOptions = options || {};
+
+  return {
+    postcssPlugin: "oklchtohex-postcss-plugin",
+    async Once(root) {
+      const originalCss = root.toString();
+      if (!originalCss.toLowerCase().includes("oklch(")) {
+        return;
+      }
+
+      const mod = await import("./converter.js");
+      const convertedCss = mod.replaceOklchInText(originalCss, pluginOptions);
+
+      if (convertedCss !== originalCss) {
+        root.removeAll();
+        root.append(convertedCss);
+      }
+    }
+  };
+}
+
+oklchToHexPostcssPlugin.postcss = true;
+
+module.exports = oklchToHexPostcssPlugin;
+module.exports.default = oklchToHexPostcssPlugin;
+module.exports.oklchToHexPostcssPlugin = oklchToHexPostcssPlugin;
+

package/src/postcss-plugin.js

@@ -19,4 +19,4 @@ export function oklchToHexPostcssPlugin(options = {}) {
 }
 
 oklchToHexPostcssPlugin.postcss = true;
-
+export default oklchToHexPostcssPlugin;