script.js

import { intro, outro, text, confirm, log, note } from "@clack/prompts";
import color from "picocolors";
import fs from "fs";
import path from "path";
import createHTMLBoilerplate from "./html_boilerplate.js";
import readmeContents from "./readme.js";
import { stylesContent, tailwindConfigContent } from "./css_bp.js";

async function main() {
  intro(color.inverse("Welcome!"));
  let projectName = await text({
    message: "Enter your project name",
    placeholder: "my-project",
    defaultValue: "my-project",
  });

  const rootPath = path.resolve();
  const folderPath = path.join(rootPath, `${projectName}`);

  const createDir = await confirm({
    message: `Do you want to create ${projectName} directory?`,
    initialValue: true,
  });
  if (!createDir) {
    outro("Well alright then! Bye👋");
    return;
  }

  if (!fs.existsSync(folderPath)) {
    fs.mkdirSync(folderPath);
    log.success(`Directory '${color.cyan(projectName)}' created successfully.`);
  } else {
    log.warn(`Directory '${color.cyan(projectName)}' already exists.`);
    log.info("Exiting...");
    // outro("Goodbye👋!");
    return;
  }

  [
    ["index.html", createHTMLBoilerplate(projectName)],
    ["style.css", ""],
    ["in.css", stylesContent],
    ["tailwind.config.js", tailwindConfigContent],
    ["script.js", ""],
    ["README.md", readmeContents(projectName)],
  ].forEach((file) => {
    writeFile(path.join(folderPath, file[0]), file[1]);
    log.success(`${color.green(file[0])} created successfully.`);
  });

  note(`Your project ${color.cyan(projectName)} is ready!`);

  outro("Happy Coding!🚀");
}

main();

function writeFile(filePath, contents) {
  fs.writeFile(filePath, contents, (err) => {
    if (err) {
      console.error("Error creating file:", err);
    } else {
    }
  });
}