update for Tailwind CSS 3

Author: dtinth

empty.js

@@ -0,0 +1 @@
+module.exports = {};

fake-jiti/index.js

@@ -0,0 +1,10 @@
+module.exports = {
+  sync: (patterns) => [].concat(patterns),
+  generateTasks: (patterns) => [
+    {
+      positive: [].concat(patterns),
+      negative: [],
+    },
+  ],
+  escapePath: (path) => path,
+};

fast-glob.js

@@ -1 +1,27 @@
-module.exports = {}
+const { fsStore } = require("./fsStore");
+
+module.exports = {
+  readFileSync: (path) => {
+    if (fsStore.has(path)) {
+      return fsStore.get(path).content;
+    }
+    throw new Error(`ENOENT: no such file or directory, open '${path}'`);
+  },
+  statSync: (path) => {
+    if (fsStore.has(path)) {
+      return fsStore.get(path).stat;
+    }
+    throw new Error(`ENOENT: no such file or directory, stat '${path}'`);
+  },
+  lstatSync: (path) => {
+    if (fsStore.has(path)) {
+      return fsStore.get(path).stat;
+    }
+    throw new Error(`ENOENT: no such file or directory, stat '${path}'`);
+  },
+  promises: {
+    readFile: async (path) => {
+      return module.exports.readFileSync(path);
+    },
+  },
+};

fs.js

@@ -0,0 +1,18 @@
+import preflight from "!!raw-loader!tailwindcss/lib/css/preflight.css";
+
+export class Stat {
+  constructor(props) {
+    Object.assign(this, props);
+  }
+  isSymbolicLink() {
+    return false;
+  }
+}
+
+const fsStore = new Map();
+fsStore.set("/css/preflight.css", {
+  content: preflight,
+  stat: new Stat({ mtimeMs: 1 }),
+});
+
+export { fsStore };

fsStore.js

@@ -1 +1,22 @@
-module.exports = require('tailwindcss')
+// @ts-check
+import autoprefixer from "autoprefixer";
+import postcss from "postcss";
+import tailwindcss from "tailwindcss";
+import { Stat, fsStore } from "./fsStore";
+
+let mtimeMs = 1;
+
+export async function compile({ config, htmlInput, cssInput }) {
+  fsStore.set("/html.html", {
+    content: htmlInput,
+    stat: new Stat({ mtimeMs: mtimeMs++ }),
+  });
+  const css = (
+    await postcss([tailwindcss(config), autoprefixer()]).process(cssInput, {
+      from: "/html.html",
+    })
+  ).css;
+  return { css };
+}
+
+export { fsStore };

index.js

@@ -2,18 +2,33 @@
   "name": "tailwindcss-standalone",
   "version": "0.0.0",
   "main": "dist/index.js",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "author": "EGOIST <[email protected]>",
   "license": "MIT",
   "scripts": {
     "test": "yarn build",
-    "build": "rm -rf dist && yarn webpack --mode production"
+    "build": "rm -rf dist && yarn webpack --mode development"
   },
   "devDependencies": {
-    "postcss": "^7.0.27",
+    "assert": "^2.1.0",
+    "autoprefixer": "^10.4.19",
+    "buffer": "^6.0.3",
+    "crypto-browserify": "^3.12.0",
+    "os-browserify": "^0.3.0",
+    "path-browserify": "^1.0.1",
+    "postcss": "^8.4.24",
+    "process": "^0.11.10",
+    "raw-loader": "^4.0.2",
     "size-plugin": "^2.0.1",
-    "tailwindcss": "^1.2.0",
-    "webpack": "^4.42.0",
-    "webpack-cli": "^3.3.11"
+    "stream-browserify": "^3.0.0",
+    "tailwindcss": "^3.4.3",
+    "tty-browserify": "^0.0.1",
+    "url": "^0.11.3",
+    "util": "^0.12.5",
+    "vm-browserify": "^1.1.2",
+    "webpack": "^5.91.0",
+    "webpack-cli": "^5.1.4"
   }
 }