tailwind-react-setup 1.0.1 → 1.1.1

package/bin/index.js

@@ -1,40 +1,25 @@
-#!/usr/bin/env node
+#!/usr/bin/env node
 
-import { execSync } from "child_process";
-import fs from "fs";
-import ora from "ora";
 import chalk from "chalk";
-
-const spinner = ora("Installing Tailwind CSS...").start();
-
-try {
-  execSync("npm install -D tailwindcss postcss autoprefixer", {
-    stdio: "inherit",
-  });
-
-  execSync("npx tailwindcss init -p", {
-    stdio: "inherit",
-  });
-
-  spinner.succeed("Tailwind Installed!");
-
-  // Add Tailwind import in index.css
-  const cssPath = "./src/index.css";
-
-  if (fs.existsSync(cssPath)) {
-    fs.appendFileSync(
-      cssPath,
-      `
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-`
-    );
-    console.log(chalk.green("Tailwind CSS imported successfully!"));
-  } else {
-    console.log(chalk.red("index.css not found!"));
+import ora from "ora";
+import { installPackages } from "../src/install.js";
+import { modifyViteConfig } from "../src/modifyVite.js";
+import { modifyCSS } from "../src/modifyCSS.js";
+
+async function run() {
+  const spinner = ora("Starting Tailwind setup...").start();
+
+  try {
+    await installPackages();
+    await modifyViteConfig();
+    await modifyCSS();
+
+    spinner.succeed(chalk.green("Tailwind setup completed successfully 🚀"));
+  } catch (err) {
+    spinner.fail(chalk.red("Setup failed"));
+    console.error(err.message);
+    process.exit(1);
   }
+}
 
-} catch (err) {
-  spinner.fail("Error installing Tailwind");
-}
+run();

package/package.json

@@ -1,21 +1,44 @@
 {
   "name": "tailwind-react-setup",
-  "version": "1.0.1",
-  "description": "",
-  "main": "index.js",
+  "version": "1.1.1",
+  "description": "Production-grade Tailwind auto setup for Vite React projects",
   "type": "module",
+  "bin": {
+    "tailwind-react-setup": "./bin/index.js"
+  },
+  "files": [
+    "bin",
+    "src"
+  ],
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "start": "node bin/index.js"
+  },
+  "keywords": [
+    "react",
+    "vite",
+    "tailwind",
+    "cli",
+    "automation",
+    "setup"
+  ],
+  "author": "Aashish Prasad",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/YOUR_GITHUB_USERNAME/tailwind-react-setup.git"
+  },
+  "bugs": {
+    "url": "https://github.com/YOUR_GITHUB_USERNAME/tailwind-react-setup/issues"
+  },
+  "homepage": "https://github.com/YOUR_GITHUB_USERNAME/tailwind-react-setup#readme",
+  "engines": {
+    "node": ">=18"
   },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
   "dependencies": {
+    "@babel/parser": "^7.29.0",
     "chalk": "^5.6.2",
-    "commander": "^14.0.3",
-    "ora": "^9.3.0"
-  },
-  "bin": {
-    "tailwind-react-setup": "./bin/index.js"
+    "execa": "^9.6.1",
+    "ora": "^9.3.0",
+    "recast": "^0.23.11"
   }
 }

package/src/install.js

@@ -0,0 +1,7 @@
+import { execa } from "execa";
+
+export async function installPackages() {
+  await execa("npm", ["install", "tailwindcss", "@tailwindcss/vite"], {
+    stdio: "inherit",
+  });
+}

package/src/modifyCSS.js

@@ -0,0 +1,16 @@
+import fs from "fs";
+import path from "path";
+
+export async function modifyCSS() {
+  const cssPath = path.join(process.cwd(), "src", "App.css");
+
+  if (!fs.existsSync(cssPath)) {
+    throw new Error("App.css not found");
+  }
+
+  const content = fs.readFileSync(cssPath, "utf-8");
+
+  if (!content.includes('@import "tailwindcss"')) {
+    fs.writeFileSync(cssPath, `@import "tailwindcss";\n${content}`);
+  }
+}

package/src/modifyVite.js

@@ -0,0 +1,59 @@
+import fs from "fs";
+import path from "path";
+import recast from "recast";
+import parser from "@babel/parser";
+
+export async function modifyViteConfig() {
+  const vitePath = path.join(process.cwd(), "vite.config.js");
+
+  if (!fs.existsSync(vitePath)) {
+    throw new Error("vite.config.js not found");
+  }
+
+  const code = fs.readFileSync(vitePath, "utf-8");
+
+  const ast = recast.parse(code, {
+    parser: {
+      parse(source) {
+        return parser.parse(source, {
+          sourceType: "module",
+          plugins: ["jsx"],
+        });
+      },
+    },
+  });
+
+  const b = recast.types.builders;
+
+  let hasImport = false;
+
+  recast.types.visit(ast, {
+    visitImportDeclaration(path) {
+      if (path.node.source.value === "@tailwindcss/vite") {
+        hasImport = true;
+      }
+      this.traverse(path);
+    },
+  });
+
+  if (!hasImport) {
+    ast.program.body.unshift(
+      b.importDeclaration(
+        [b.importDefaultSpecifier(b.identifier("tailwindcss"))],
+        b.literal("@tailwindcss/vite")
+      )
+    );
+  }
+
+  recast.types.visit(ast, {
+    visitArrayExpression(path) {
+      if (path.parent.node.key?.name === "plugins") {
+        path.node.elements.unshift(b.callExpression(b.identifier("tailwindcss"), []));
+      }
+      this.traverse(path);
+    },
+  });
+
+  const output = recast.print(ast).code;
+  fs.writeFileSync(vitePath, output);
+}