Add TypeScript support

.eslintrc.json

@@ -0,0 +1,27 @@
+{
+    "env": {
+        "browser": true,
+        "es2021": true,
+        "node": true
+    },
+    "extends": [
+        "eslint:recommended",
+        "plugin:@typescript-eslint/recommended",
+        "prettier"
+    ],
+    "overrides": [
+    ],
+    "parser": "@typescript-eslint/parser",
+    "parserOptions": {
+        "ecmaVersion": "latest",
+        "sourceType": "module"
+    },
+    "plugins": [
+        "@typescript-eslint",
+        "prettier"
+    ],
+    "rules": {
+        "prettier/prettier": 1,
+        "@typescript-eslint/no-explicit-any": "off"
+    }
+}

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "arrowParens": "always",
+  "bracketSameLine": false,
+  "printWidth": 120,
+  "tabWidth": 2,
+  "semi": true
+}

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 {};

index.ts

@@ -0,0 +1,52 @@
+import plugin from 'tailwindcss/plugin';
+
+type Options = Record<string, any>;
+
+module.exports = plugin.withOptions(function (options: Options = {}) {
+  return function ({ matchUtilities, theme, config }) {
+    const context = {
+      theme,
+      config,
+      ...(options ?? {}),
+    };
+    matchUtilities({
+      js: (value) => {
+        const escape = (str: string) => {
+          console.log(`escaping \`${str}\``);
+          return str.replace(/_/g, '\\_').replace(/ /g, '_');
+        };
+
+        const unescape = (str: string) => {
+          console.log(`unescaping \`${str}\``);
+          str = str.replace(/(?<!\\)_/g, ' ');
+          str = str.replace(/\\_/g, '_');
+          return str;
+        };
+
+        const parseString = (str: string) => {
+          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}`]: {},
+        };
+      },
+    });
+  };
+});