typescript

Author: shreyas-jadhav

.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"
+    }
+}

.gitignore

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

.prettierrc

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

index.js

@@ -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}`]: {},
+        };
+      },
+    });
+  };
+});