typescript dev dep and dist dir

Author: shreyas-jadhav

.gitignore

@@ -1,5 +1,3 @@
 node_modules/
 
 .DS_Store
-
-dist/

dist/cjs/index.d.ts

@@ -0,0 +1 @@
+export {};

dist/cjs/index.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const plugin_1 = __importDefault(require("tailwindcss/plugin"));
+module.exports = plugin_1.default.withOptions(function (options = {}) {
+    return function ({ matchUtilities, theme, config }) {
+        const context = {
+            theme,
+            config,
+            ...(options !== null && options !== void 0 ? options : {}),
+        };
+        matchUtilities({
+            js: (value) => {
+                const escape = (str) => {
+                    console.log(`escaping \`${str}\``);
+                    return str.replace(/_/g, '\\_').replace(/ /g, '_');
+                };
+                const unescape = (str) => {
+                    console.log(`unescaping \`${str}\``);
+                    str = str.replace(/(?<!\\)_/g, ' ');
+                    str = str.replace(/\\_/g, '_');
+                    return str;
+                };
+                const parseString = (str) => {
+                    console.log(`parsing \`${str}\``);
+                    return str.split(/(#{.*?})/g).map((el, i) => (i % 2 === 1 ? el.slice(2, -1) : el));
+                };
+                const parts = parseString(escape(value));
+                const utility = parts
+                    .map((part, i) => {
+                    if (i % 2 === 0) {
+                        return part;
+                    }
+                    else {
+                        const args = Object.keys(context);
+                        const values = Object.values(context);
+                        const func = new Function(...args, `return ${unescape(part)};`);
+                        return escape(`${func(...values)}`);
+                    }
+                })
+                    .join('');
+                return {
+                    [`@apply ${utility}`]: {},
+                };
+            },
+        });
+    };
+});

dist/esm/index.d.ts

@@ -0,0 +1 @@
+export {};

dist/esm/index.js

@@ -0,0 +1,45 @@
+import plugin from 'tailwindcss/plugin';
+module.exports = plugin.withOptions(function (options = {}) {
+    return function ({ matchUtilities, theme, config }) {
+        const context = {
+            theme,
+            config,
+            ...(options !== null && options !== void 0 ? options : {}),
+        };
+        matchUtilities({
+            js: (value) => {
+                const escape = (str) => {
+                    console.log(`escaping \`${str}\``);
+                    return str.replace(/_/g, '\\_').replace(/ /g, '_');
+                };
+                const unescape = (str) => {
+                    console.log(`unescaping \`${str}\``);
+                    str = str.replace(/(?<!\\)_/g, ' ');
+                    str = str.replace(/\\_/g, '_');
+                    return str;
+                };
+                const parseString = (str) => {
+                    console.log(`parsing \`${str}\``);
+                    return str.split(/(#{.*?})/g).map((el, i) => (i % 2 === 1 ? el.slice(2, -1) : el));
+                };
+                const parts = parseString(escape(value));
+                const utility = parts
+                    .map((part, i) => {
+                    if (i % 2 === 0) {
+                        return part;
+                    }
+                    else {
+                        const args = Object.keys(context);
+                        const values = Object.values(context);
+                        const func = new Function(...args, `return ${unescape(part)};`);
+                        return escape(`${func(...values)}`);
+                    }
+                })
+                    .join('');
+                return {
+                    [`@apply ${utility}`]: {},
+                };
+            },
+        });
+    };
+});

dist/types/index.d.ts

@@ -0,0 +1 @@
+export {};

package-lock.json

@@ -51,6 +51,7 @@
     "eslint": "^8.41.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-prettier": "^5.0.0-alpha.1",
-    "npm-run-all": "^4.1.5"
+    "npm-run-all": "^4.1.5",
+    "typescript": "^5.1.6"
   }
 }