create-kyrix-app/setup/tailwindConfig.js

A CLI tool to create a Kyrix app.

import fs from "fs";
import path from "path";
import { configContent } from "./contents/TailwindContent/config.js";
import { postcssContent } from "./contents/TailwindContent/postcss.js";
import { tsconfigAppContent } from "./contents/TailwindContent/tsconfigApp.js";
import { globalcssContent } from "./contents/TailwindContent/globalcss.js";
import { formatWithPrettier } from "../utils/formatter.js";

export const setupTailwind = async (targetPath) => {
  const globalcssPath = path.join(targetPath, "src");

  // Format content before writing to files
  const formattedConfigContent = await formatWithPrettier(
    path.join(targetPath, "tailwind.config.ts"),
    configContent
  );
  const formattedPostcssContent = await formatWithPrettier(
    path.join(targetPath, "postcss.config.js"),
    postcssContent
  );
  const formattedtsConfigNodeContent = await formatWithPrettier(
    path.join(targetPath, "tsconfig.app.json"),
    tsconfigAppContent
  );

  const formattedGlobalcssContent = await formatWithPrettier(
    path.join(globalcssPath, "globals.css"),
    globalcssContent
  );

  // Write files
  fs.writeFileSync(
    path.join(targetPath, "tailwind.config.ts"),
    formattedConfigContent
  );
  fs.writeFileSync(
    path.join(targetPath, "postcss.config.js"),
    formattedPostcssContent
  );
  fs.writeFileSync(
    path.join(targetPath, "tsconfig.app.json"),
    formattedtsConfigNodeContent
  );
  fs.writeFileSync(
    path.join(globalcssPath, "globals.css"),
    formattedGlobalcssContent
  );
};