feat(deps): install tailwind

.prettierrc.toml

@@ -1 +1,2 @@
 tabWidth = 3
+plugins = ["prettier-plugin-tailwindcss"]

build.ts

@@ -7,6 +7,12 @@ import { z } from "zod";
 const TargetSchema = z.union([z.literal("chrome"), z.literal("firefox")]);
 type Target = z.infer<typeof TargetSchema>;
 const target = TargetSchema.parse(process.env.TARGET);
+const NodeEnvSchema = z.union([
+   z.literal("development"),
+   z.literal("production"),
+]);
+type NodeEnv = z.infer<typeof NodeEnvSchema>;
+const nodeEnv = NodeEnvSchema.parse(process.env.NODE_ENV);
 
 const cleanupPlugin = ({ target }: { target: Target }): esbuild.Plugin => ({
    name: "cleanup",
@@ -25,6 +31,25 @@ const copyAssetsPlugin = ({ target }: { target: Target }): esbuild.Plugin => ({
    },
 });
 
+type TailwindPluginProps = {
+   target: Target;
+   nodeEnv: NodeEnv;
+};
+const tailwindPlugin = ({
+   target,
+   nodeEnv,
+}: TailwindPluginProps): esbuild.Plugin => ({
+   name: "tailwind",
+   setup(build) {
+      build.onStart(() => {
+         const minify = nodeEnv === "production" ? "--minify" : "";
+         execSync(
+            `tailwindcss -i src/globals.css -o dist/${target}/output.css ${minify}`,
+         );
+      });
+   },
+});
+
 const zipPlugin = ({ target }: { target: Target }): esbuild.Plugin => ({
    name: "zip",
    setup(build) {
@@ -40,13 +65,14 @@ const baseOptions: esbuild.BuildOptions = {
    loader: {
       ".html": "copy",
    },
-   target: ["chrome58", "firefox57"],
-   outdir: `dist/${target}`,
    plugins: [
       cleanupPlugin({ target }),
       copyAssetsPlugin({ target }),
+      tailwindPlugin({ target, nodeEnv }),
       zipPlugin({ target }),
    ],
+   target: ["chrome58", "firefox57"],
+   outdir: `dist/${target}`,
 };
 
 async function build() {

package.json

@@ -56,6 +56,8 @@
       "husky": "8.0.3",
       "lint-staged": "15.0.1",
       "prettier": "3.0.3",
+      "prettier-plugin-tailwindcss": "0.5.6",
+      "tailwindcss": "3.3.3",
       "ts-node": "10.9.1",
       "typescript": "5.2.2",
       "web-ext": "7.8.0",