tailwind-react-setup 1.0.1 → 1.0.2

package/bin/index.js

@@ -2,39 +2,44 @@
 
 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,
-      `
+console.log("Installing Tailwind...");
+
+// Step 1: Install
+execSync("npm install -D tailwindcss postcss autoprefixer", {
+  stdio: "inherit",
+});
+
+// Step 2: Init
+execSync("npx tailwindcss init -p", {
+  stdio: "inherit",
+});
+
+// Step 3: Modify tailwind.config.js
+const configContent = `
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+`;
+
+fs.writeFileSync("tailwind.config.js", configContent);
+
+// Step 4: Update CSS
+fs.appendFileSync(
+  "./src/index.css",
+  `
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 `
-    );
-    console.log(chalk.green("Tailwind CSS imported successfully!"));
-  } else {
-    console.log(chalk.red("index.css not found!"));
-  }
-
-} catch (err) {
-  spinner.fail("Error installing Tailwind");
-}
+);
+
+console.log("Tailwind setup completed 🚀");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwind-react-setup",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "",
   "main": "index.js",
   "type": "module",