use TypeScript

Author: RobinMalfait

.gitignore

@@ -1,3 +1,4 @@
 node_modules
+dist
 yarn.lock
-package-lock.json
+package-lock.json

.swcrc

@@ -0,0 +1,18 @@
+{
+  "$schema": "http://json.schemastore.org/swcrc",
+  "module": {
+    "type": "commonjs",
+
+    // These are defaults.
+    "strict": false,
+    "strictMode": true,
+    "lazy": false,
+    "noInterop": false
+  },
+  "jsc": {
+    "parser": {
+      "syntax": "typescript",
+      "tsx": false
+    }
+  }
+}

package.json

@@ -8,7 +8,10 @@
     "access": "public"
   },
   "scripts": {
-    "test": "jest"
+    "test": "jest",
+    "swcify": "swc ./src/index.ts --out-dir ./dist",
+    "build": "npm run swcify",
+    "dev": "npm run swcify -- --watch"
   },
   "prettier": {
     "printWidth": 100,
@@ -21,20 +24,20 @@
       "<rootDir>/jest/custom-matchers.js"
     ],
     "transform": {
-      "\\.js$": "@swc/jest"
+      "^.+\\.(t|j)sx?$": "@swc/jest"
     },
     "moduleNameMapper": {
       "^~/(.*)": "<rootDir>/$1"
     }
   },
   "files": [
-    "./src/index.d.ts",
-    "./src/index.js"
+    "./dist"
   ],
   "peerDependencies": {
     "tailwindcss": ">=3.2.0"
   },
   "devDependencies": {
+    "@swc/cli": "^0.1.57",
     "@swc/core": "^1.3.7",
     "@swc/jest": "^0.2.23",
     "jest": "^29.1.2",

src/index.d.ts

@@ -1,7 +1,7 @@
-const plugin = require('tailwindcss/plugin')
-const { normalize } = require('tailwindcss/lib/util/dataTypes')
+import plugin from 'tailwindcss/plugin'
+import { normalize } from 'tailwindcss/lib/util/dataTypes'
 
-const containerQueries = plugin(function ({ matchVariant, theme }) {
+export default plugin(function containerQueries({ matchVariant, theme }) {
   let values = theme('containers')
 
   /**
@@ -100,5 +100,3 @@ const containerQueries = plugin(function ({ matchVariant, theme }) {
     }
   )
 })
-
-module.exports = containerQueries