sx-cli-tool/dist/tailwind/react.js

Laravel va Vue frameworklaridagi monolith arxitektura loyihalarni boshqarish uchun mo'ljallangan CLI tool

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.tailwindReactSetup = tailwindReactSetup;
const fs_1 = __importDefault(require("fs"));
const path_1 = __importDefault(require("path"));
const child_process_1 = require("child_process");
function tailwindReactSetup(projectPath, packageManager) {
    // Package manager yordamida Tailwind CSSni o'rnatish
    const installTemplate = packageManager === "yarn"
        ? "yarn add -D tailwindcss postcss autoprefixer"
        : packageManager === "pnpm"
            ? "pnpm add --save-dev tailwindcss postcss autoprefixer"
            : "npm install --save-dev tailwindcss postcss autoprefixer";
    // terminalda install commandni yurgizish
    (0, child_process_1.execSync)(installTemplate, { stdio: "inherit" });
    const executionTemplate = packageManager === "yarn"
        ? "npx tailwindcss init -p"
        : packageManager === "pnpm"
            ? "npx tailwindcss init -p"
            : "npx tailwindcss init -p";
    // Tailwind konfiguratsiya faylini yaratish
    (0, child_process_1.execSync)(executionTemplate, { stdio: "inherit" });
    const vueConfig = `/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}`;
    fs_1.default.writeFileSync(path_1.default.join(projectPath, "tailwind.config.js"), vueConfig, "utf8");
    // Tailwind fayllarini qo'shish
    const content = `
         @tailwind base;
         @tailwind components;
         @tailwind utilities;
         `;
    //  tailwind.css faylini yaratish
    const pathUrl = path_1.default.join(projectPath, "src", "assets", "css");
    fs_1.default.mkdirSync(pathUrl, { recursive: true });
    fs_1.default.writeFileSync(path_1.default.join(pathUrl, "tailwind.css"), content, "utf8");
    const tailwindCssUrl = path_1.default.join(pathUrl, "tailwind.css");
    // consoleda yashil rangda success logni yozish
    console.log(`\x1b[32mTailwind CSS muvaffaqiyatli setup qilindi!\x1b[0m`);
    // log with blue color
    console.info(`\x1b[34mTailwind CSS bilan ishlashni boshlash uchun ${tailwindCssUrl} faylini asosiy css faylga import qiling va local serveringizni qaytadan ishga tushiring\x1b[0m`);
}