revine 0.1.0 → 0.3.1

package/dist/commands/createProject.js

@@ -0,0 +1,49 @@
+import path from "path";
+import { fileURLToPath } from "url";
+import { updatePackageJson } from "../config/package.js";
+import { updateReadme } from "../config/readme.js";
+import { installDependencies } from "../installers/dependencies.js";
+import { askForTailwindSetup } from "../prompts/tailwind.js";
+import { setupTailwind } from "../setup/tailwind.js";
+import { copyTemplate } from "../utils/file.js";
+import { logError, logInfo } from "../utils/logger.js";
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+export async function createProject(projectName, options) {
+    // Calculate directories. This uses "../../template" for your template folder.
+    const templateDir = path.join(__dirname, "../../template");
+    const projectDir = path.resolve(projectName);
+    const isCurrentDir = [".", "./"].includes(projectName);
+    try {
+        logInfo(`Creating project in ${projectDir}...`);
+        // This copies everything, including hidden directories like .revine
+        await copyTemplate(templateDir, projectDir, options.force);
+        // Derive final project name
+        const finalProjectName = isCurrentDir
+            ? path.basename(projectDir)
+            : projectName;
+        // Update package.json (e.g., set name, set "type": "module", add Tailwind deps if chosen)
+        const packageJsonPath = path.join(projectDir, "package.json");
+        const useTailwind = await askForTailwindSetup();
+        await updatePackageJson(packageJsonPath, finalProjectName, { useTailwind });
+        // Update README with the project name
+        const readmePath = path.join(projectDir, "README.md");
+        await updateReadme(readmePath, finalProjectName);
+        // Install dependencies
+        logInfo("\nInstalling dependencies...");
+        await installDependencies(projectDir);
+        // If Tailwind is selected, set it up
+        if (useTailwind) {
+            await setupTailwind(projectDir);
+        }
+        logInfo(`\nSuccess! Created project at ${projectDir}`);
+        logInfo("\nStart developing with:");
+        if (!isCurrentDir)
+            console.log(`  cd ${projectName}`);
+        console.log("  npm run dev\n");
+    }
+    catch (error) {
+        logError("Error during project creation:", error);
+        process.exit(1);
+    }
+}

package/dist/config/package.js

@@ -0,0 +1,14 @@
+import fs from "fs-extra";
+export async function updatePackageJson(filePath, projectName, options = {}) {
+    const packageJson = await fs.readJson(filePath);
+    packageJson.name = projectName;
+    packageJson.type = "module";
+    if (options.useTailwind) {
+        packageJson.devDependencies = {
+            ...packageJson.devDependencies,
+            tailwindcss: "^4.0.0",
+            "@tailwindcss/vite": "^4.0.0",
+        };
+    }
+    await fs.writeJson(filePath, packageJson, { spaces: 2 });
+}

package/dist/config/readme.js

@@ -0,0 +1,6 @@
+import fs from "fs-extra";
+export async function updateReadme(filePath, projectName) {
+    let readmeContent = await fs.readFile(filePath, "utf-8");
+    readmeContent = readmeContent.replace(/%PROJECT_NAME%/g, projectName);
+    await fs.writeFile(filePath, readmeContent);
+}

package/dist/config/vite.js

@@ -0,0 +1,9 @@
+import fs from "fs-extra";
+export async function updateViteConfig(filePath) {
+    let viteConfigContent = await fs.readFile(filePath, "utf-8");
+    // Insert Tailwind import after the React plugin import.
+    viteConfigContent = viteConfigContent.replace("import react from '@vitejs/plugin-react';", "import react from '@vitejs/plugin-react';\nimport tailwindcss from '@tailwindcss/vite';");
+    // Insert Tailwind plugin into the plugins array.
+    viteConfigContent = viteConfigContent.replace("plugins: [react()]", "plugins: [\n    react(),\n    tailwindcss()\n  ]");
+    await fs.writeFile(filePath, viteConfigContent);
+}

package/dist/index.js

@@ -1,101 +1,12 @@
 #!/usr/bin/env node
-import chalk from "chalk";
-import { spawnSync } from "child_process";
 import { Command } from "commander";
-import fs from "fs-extra";
-import inquirer from "inquirer";
-import path from "path";
-import { fileURLToPath } from "url";
-// Get directory paths in ESM
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
+import { createProject } from "./commands/createProject.js";
 const program = new Command();
 program
     .version("0.1.0")
     .argument("<project-name>")
     .option("-f, --force", "Force creation in non-empty directory")
     .action(async (projectName, options) => {
-    const templateDir = path.join(__dirname, "../template");
-    const projectDir = path.resolve(projectName);
-    const isCurrentDir = [".", "./"].includes(projectName);
-    // ... [keep existing directory checks the same] ...
-    try {
-        console.log(chalk.cyan(`Creating project in ${projectDir}...`));
-        fs.copySync(templateDir, projectDir, { overwrite: options.force });
-        // Update package.json with ESM configuration
-        const packageJsonPath = path.join(projectDir, "package.json");
-        const packageJson = await fs.readJson(packageJsonPath);
-        const finalProjectName = isCurrentDir
-            ? path.basename(projectDir)
-            : projectName;
-        packageJson.name = finalProjectName;
-        packageJson.type = "module"; // Add ESM type declaration
-        const npmCmd = process.platform === "win32" ? "npm.cmd" : "npm";
-        // Add Tailwind prompt
-        const { useTailwind } = await inquirer.prompt([
-            {
-                type: "confirm",
-                name: "useTailwind",
-                message: "Would you like to set up Tailwind CSS?",
-                default: true,
-            },
-        ]);
-        // Add Tailwind v4 dependencies if selected
-        if (useTailwind) {
-            packageJson.devDependencies = {
-                ...packageJson.devDependencies,
-                tailwindcss: "^4.0.0",
-                "@tailwindcss/vite": "^4.0.0",
-            };
-        }
-        await fs.writeJson(packageJsonPath, packageJson, { spaces: 2 });
-        // Update README
-        const readmePath = path.join(projectDir, "README.md");
-        let readmeContent = fs.readFileSync(readmePath, "utf-8");
-        readmeContent = readmeContent.replace(/%PROJECT_NAME%/g, finalProjectName);
-        fs.writeFileSync(readmePath, readmeContent);
-        // Install dependencies with error handling
-        console.log(chalk.cyan("\nInstalling dependencies..."));
-        const installResult = spawnSync(npmCmd, ["install"], {
-            stdio: "inherit",
-            cwd: projectDir,
-            shell: true,
-        });
-        if (installResult.error || installResult.status !== 0) {
-            console.log(chalk.red("\nError installing dependencies!", installResult.error));
-            console.log(chalk.yellow("Try running manually: npm install"));
-            process.exit(1);
-        }
-        // Setup Tailwind after dependencies are installed
-        if (useTailwind) {
-            console.log(chalk.cyan("\nSetting up Tailwind CSS v4..."));
-            // Update Vite config to add Tailwind plugin
-            const viteConfigPath = path.join(projectDir, "vite.config.ts");
-            let viteConfigContent = fs.readFileSync(viteConfigPath, "utf-8");
-            // Add Tailwind import
-            viteConfigContent = viteConfigContent.replace("import react from '@vitejs/plugin-react';", "import react from '@vitejs/plugin-react';\nimport tailwindcss from '@tailwindcss/vite';");
-            // Add Tailwind plugin to existing config
-            viteConfigContent = viteConfigContent.replace("plugins: [react()]", "plugins: [\n    react(),\n    tailwindcss()\n  ]");
-            fs.writeFileSync(viteConfigPath, viteConfigContent);
-            fs.writeFileSync(viteConfigPath, viteConfigContent);
-            // Create CSS file with import
-            const cssDir = path.join(projectDir, "src", "styles");
-            fs.ensureDirSync(cssDir);
-            fs.writeFileSync(path.join(cssDir, "global.css"), "@import 'tailwindcss';\n");
-            // Add CSS import to main.tsx
-            const mainTsxPath = path.join(projectDir, "src", "main.tsx");
-            const mainContent = `import './styles/global.css';\n${fs.readFileSync(mainTsxPath, "utf-8")}`;
-            fs.writeFileSync(mainTsxPath, mainContent);
-        }
-        console.log(chalk.green("\nSuccess! Created project at"), chalk.yellow(projectDir));
-        console.log(chalk.cyan("\nStart developing with:"));
-        if (!isCurrentDir)
-            console.log(`  cd ${projectName}`);
-        console.log("  npm run dev\n");
-    }
-    catch (error) {
-        console.log(chalk.red("Error:"), error);
-        process.exit(1);
-    }
+    await createProject(projectName, options);
 });
 program.parse(process.argv);

package/dist/installers/dependencies.js

@@ -0,0 +1,15 @@
+import { spawnSync } from "child_process";
+import { logError, logInfo } from "../utils/logger.js";
+export async function installDependencies(projectDir) {
+    const npmCmd = process.platform === "win32" ? "npm.cmd" : "npm";
+    const installResult = spawnSync(npmCmd, ["install"], {
+        stdio: "inherit",
+        cwd: projectDir,
+        shell: true,
+    });
+    if (installResult.error || installResult.status !== 0) {
+        logError("Error installing dependencies:", installResult.error);
+        logInfo("Try running manually: npm install");
+        process.exit(1);
+    }
+}

package/dist/prompts/tailwind.js

@@ -0,0 +1,12 @@
+import inquirer from "inquirer";
+export async function askForTailwindSetup() {
+    const { useTailwind } = await inquirer.prompt([
+        {
+            type: "confirm",
+            name: "useTailwind",
+            message: "Would you like to set up Tailwind CSS?",
+            default: true,
+        },
+    ]);
+    return useTailwind;
+}

package/dist/setup/tailwind.js

@@ -0,0 +1,20 @@
+import path from "path";
+import fs from "fs-extra";
+import { updateViteConfig } from "../config/vite.js";
+import { logInfo } from "../utils/logger.js";
+export async function setupTailwind(projectDir) {
+    logInfo("\nSetting up Tailwind CSS v4...");
+    // Point to the hidden Vite config
+    const viteConfigPath = path.join(projectDir, ".revine", "bundler", "vite.config.ts");
+    // Now use existing updateViteConfig logic on this new path
+    await updateViteConfig(viteConfigPath);
+    // Creating the CSS directory and file that imports Tailwind
+    const cssDir = path.join(projectDir, "src", "styles");
+    await fs.ensureDir(cssDir);
+    await fs.writeFile(path.join(cssDir, "global.css"), "@import 'tailwindcss';\n");
+    // Prepend the CSS import to src/main.tsx
+    const rootTsxPath = path.join(projectDir, "src", "root.tsx");
+    const mainContent = `import './styles/global.css';\n` +
+        (await fs.readFile(rootTsxPath, "utf-8"));
+    await fs.writeFile(rootTsxPath, mainContent);
+}

package/dist/utils/file.js

@@ -0,0 +1,4 @@
+import fs from "fs-extra";
+export async function copyTemplate(templateDir, destinationDir, force) {
+    await fs.copy(templateDir, destinationDir, { overwrite: force });
+}

package/dist/utils/logger.js

@@ -0,0 +1,7 @@
+import chalk from "chalk";
+export function logInfo(message) {
+    console.log(chalk.cyan(message));
+}
+export function logError(message, error) {
+    console.error(chalk.red(message), error || "");
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "revine",
-  "version": "0.1.0",
+  "version": "0.3.1",
   "description": "A react framework, but better.",
   "license": "ISC",
   "author": "Rachit Bharadwaj",

package/src/commands/createProject.ts

@@ -0,0 +1,59 @@
+import path from "path";
+import { fileURLToPath } from "url";
+import { updatePackageJson } from "../config/package.js";
+import { updateReadme } from "../config/readme.js";
+import { installDependencies } from "../installers/dependencies.js";
+import { askForTailwindSetup } from "../prompts/tailwind.js";
+import { setupTailwind } from "../setup/tailwind.js";
+import { copyTemplate } from "../utils/file.js";
+import { logError, logInfo } from "../utils/logger.js";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export async function createProject(
+  projectName: string,
+  options: { force?: boolean }
+) {
+  // Calculate directories. This uses "../../template" for your template folder.
+  const templateDir = path.join(__dirname, "../../template");
+  const projectDir = path.resolve(projectName);
+  const isCurrentDir = [".", "./"].includes(projectName);
+
+  try {
+    logInfo(`Creating project in ${projectDir}...`);
+    // This copies everything, including hidden directories like .revine
+    await copyTemplate(templateDir, projectDir, options.force);
+
+    // Derive final project name
+    const finalProjectName = isCurrentDir
+      ? path.basename(projectDir)
+      : projectName;
+
+    // Update package.json (e.g., set name, set "type": "module", add Tailwind deps if chosen)
+    const packageJsonPath = path.join(projectDir, "package.json");
+    const useTailwind = await askForTailwindSetup();
+    await updatePackageJson(packageJsonPath, finalProjectName, { useTailwind });
+
+    // Update README with the project name
+    const readmePath = path.join(projectDir, "README.md");
+    await updateReadme(readmePath, finalProjectName);
+
+    // Install dependencies
+    logInfo("\nInstalling dependencies...");
+    await installDependencies(projectDir);
+
+    // If Tailwind is selected, set it up
+    if (useTailwind) {
+      await setupTailwind(projectDir);
+    }
+
+    logInfo(`\nSuccess! Created project at ${projectDir}`);
+    logInfo("\nStart developing with:");
+    if (!isCurrentDir) console.log(`  cd ${projectName}`);
+    console.log("  npm run dev\n");
+  } catch (error) {
+    logError("Error during project creation:", error);
+    process.exit(1);
+  }
+}

package/src/config/package.ts

@@ -0,0 +1,23 @@
+import fs from "fs-extra";
+
+interface UpdatePackageOptions {
+  useTailwind?: boolean;
+}
+
+export async function updatePackageJson(
+  filePath: string,
+  projectName: string,
+  options: UpdatePackageOptions = {}
+) {
+  const packageJson = await fs.readJson(filePath);
+  packageJson.name = projectName;
+  packageJson.type = "module";
+  if (options.useTailwind) {
+    packageJson.devDependencies = {
+      ...packageJson.devDependencies,
+      tailwindcss: "^4.0.0",
+      "@tailwindcss/vite": "^4.0.0",
+    };
+  }
+  await fs.writeJson(filePath, packageJson, { spaces: 2 });
+}

package/src/config/readme.ts

@@ -0,0 +1,7 @@
+import fs from "fs-extra";
+
+export async function updateReadme(filePath: string, projectName: string) {
+  let readmeContent = await fs.readFile(filePath, "utf-8");
+  readmeContent = readmeContent.replace(/%PROJECT_NAME%/g, projectName);
+  await fs.writeFile(filePath, readmeContent);
+}

package/src/config/vite.ts

@@ -0,0 +1,19 @@
+import fs from "fs-extra";
+
+export async function updateViteConfig(filePath: string) {
+  let viteConfigContent = await fs.readFile(filePath, "utf-8");
+
+  // Insert Tailwind import after the React plugin import.
+  viteConfigContent = viteConfigContent.replace(
+    "import react from '@vitejs/plugin-react';",
+    "import react from '@vitejs/plugin-react';\nimport tailwindcss from '@tailwindcss/vite';"
+  );
+
+  // Insert Tailwind plugin into the plugins array.
+  viteConfigContent = viteConfigContent.replace(
+    "plugins: [react()]",
+    "plugins: [\n    react(),\n    tailwindcss()\n  ]"
+  );
+
+  await fs.writeFile(filePath, viteConfigContent);
+}

package/src/index.ts

@@ -1,16 +1,6 @@
 #!/usr/bin/env node
-
-import chalk from "chalk";
-import { spawnSync } from "child_process";
 import { Command } from "commander";
-import fs from "fs-extra";
-import inquirer from "inquirer";
-import path from "path";
-import { fileURLToPath } from "url";
-
-// Get directory paths in ESM
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
+import { createProject } from "./commands/createProject.js";
 
 const program = new Command();
 
@@ -19,125 +9,7 @@ program
   .argument("<project-name>")
   .option("-f, --force", "Force creation in non-empty directory")
   .action(async (projectName: string, options: { force?: boolean }) => {
-    const templateDir = path.join(__dirname, "../template");
-    const projectDir = path.resolve(projectName);
-    const isCurrentDir = [".", "./"].includes(projectName);
-
-    // ... [keep existing directory checks the same] ...
-
-    try {
-      console.log(chalk.cyan(`Creating project in ${projectDir}...`));
-      fs.copySync(templateDir, projectDir, { overwrite: options.force });
-
-      // Update package.json with ESM configuration
-      const packageJsonPath = path.join(projectDir, "package.json");
-      const packageJson = await fs.readJson(packageJsonPath);
-      const finalProjectName = isCurrentDir
-        ? path.basename(projectDir)
-        : projectName;
-
-      packageJson.name = finalProjectName;
-      packageJson.type = "module"; // Add ESM type declaration
-
-      const npmCmd = process.platform === "win32" ? "npm.cmd" : "npm";
-
-      // Add Tailwind prompt
-      const { useTailwind } = await inquirer.prompt([
-        {
-          type: "confirm",
-          name: "useTailwind",
-          message: "Would you like to set up Tailwind CSS?",
-          default: true,
-        },
-      ]);
-
-      // Add Tailwind v4 dependencies if selected
-      if (useTailwind) {
-        packageJson.devDependencies = {
-          ...packageJson.devDependencies,
-          tailwindcss: "^4.0.0",
-          "@tailwindcss/vite": "^4.0.0",
-        };
-      }
-
-      await fs.writeJson(packageJsonPath, packageJson, { spaces: 2 });
-
-      // Update README
-      const readmePath = path.join(projectDir, "README.md");
-      let readmeContent = fs.readFileSync(readmePath, "utf-8");
-      readmeContent = readmeContent.replace(
-        /%PROJECT_NAME%/g,
-        finalProjectName
-      );
-      fs.writeFileSync(readmePath, readmeContent);
-
-      // Install dependencies with error handling
-      console.log(chalk.cyan("\nInstalling dependencies..."));
-      const installResult = spawnSync(npmCmd, ["install"], {
-        stdio: "inherit",
-        cwd: projectDir,
-        shell: true,
-      });
-
-      if (installResult.error || installResult.status !== 0) {
-        console.log(
-          chalk.red("\nError installing dependencies!", installResult.error)
-        );
-        console.log(chalk.yellow("Try running manually: npm install"));
-        process.exit(1);
-      }
-
-      // Setup Tailwind after dependencies are installed
-      if (useTailwind) {
-        console.log(chalk.cyan("\nSetting up Tailwind CSS v4..."));
-
-        // Update Vite config to add Tailwind plugin
-        const viteConfigPath = path.join(projectDir, "vite.config.ts");
-        let viteConfigContent = fs.readFileSync(viteConfigPath, "utf-8");
-
-        // Add Tailwind import
-        viteConfigContent = viteConfigContent.replace(
-          "import react from '@vitejs/plugin-react';",
-          "import react from '@vitejs/plugin-react';\nimport tailwindcss from '@tailwindcss/vite';"
-        );
-
-        // Add Tailwind plugin to existing config
-        viteConfigContent = viteConfigContent.replace(
-          "plugins: [react()]",
-          "plugins: [\n    react(),\n    tailwindcss()\n  ]"
-        );
-
-        fs.writeFileSync(viteConfigPath, viteConfigContent);
-        fs.writeFileSync(viteConfigPath, viteConfigContent);
-
-        // Create CSS file with import
-        const cssDir = path.join(projectDir, "src", "styles");
-        fs.ensureDirSync(cssDir);
-        fs.writeFileSync(
-          path.join(cssDir, "global.css"),
-          "@import 'tailwindcss';\n"
-        );
-
-        // Add CSS import to main.tsx
-        const mainTsxPath = path.join(projectDir, "src", "main.tsx");
-        const mainContent = `import './styles/global.css';\n${fs.readFileSync(
-          mainTsxPath,
-          "utf-8"
-        )}`;
-        fs.writeFileSync(mainTsxPath, mainContent);
-      }
-
-      console.log(
-        chalk.green("\nSuccess! Created project at"),
-        chalk.yellow(projectDir)
-      );
-      console.log(chalk.cyan("\nStart developing with:"));
-      if (!isCurrentDir) console.log(`  cd ${projectName}`);
-      console.log("  npm run dev\n");
-    } catch (error) {
-      console.log(chalk.red("Error:"), error);
-      process.exit(1);
-    }
+    await createProject(projectName, options);
   });
 
 program.parse(process.argv);

package/src/installers/dependencies.ts

@@ -0,0 +1,16 @@
+import { spawnSync } from "child_process";
+import { logError, logInfo } from "../utils/logger.js";
+
+export async function installDependencies(projectDir: string): Promise<void> {
+  const npmCmd = process.platform === "win32" ? "npm.cmd" : "npm";
+  const installResult = spawnSync(npmCmd, ["install"], {
+    stdio: "inherit",
+    cwd: projectDir,
+    shell: true,
+  });
+  if (installResult.error || installResult.status !== 0) {
+    logError("Error installing dependencies:", installResult.error);
+    logInfo("Try running manually: npm install");
+    process.exit(1);
+  }
+}

package/src/prompts/tailwind.ts

@@ -0,0 +1,13 @@
+import inquirer from "inquirer";
+
+export async function askForTailwindSetup(): Promise<boolean> {
+  const { useTailwind } = await inquirer.prompt([
+    {
+      type: "confirm",
+      name: "useTailwind",
+      message: "Would you like to set up Tailwind CSS?",
+      default: true,
+    },
+  ]);
+  return useTailwind;
+}

package/src/setup/tailwind.ts

@@ -0,0 +1,34 @@
+import path from "path";
+import fs from "fs-extra";
+import { updateViteConfig } from "../config/vite.js";
+import { logInfo } from "../utils/logger.js";
+
+export async function setupTailwind(projectDir: string) {
+  logInfo("\nSetting up Tailwind CSS v4...");
+
+  // Point to the hidden Vite config
+  const viteConfigPath = path.join(
+    projectDir,
+    ".revine",
+    "bundler",
+    "vite.config.ts"
+  );
+
+  // Now use existing updateViteConfig logic on this new path
+  await updateViteConfig(viteConfigPath);
+
+  // Creating the CSS directory and file that imports Tailwind
+  const cssDir = path.join(projectDir, "src", "styles");
+  await fs.ensureDir(cssDir);
+  await fs.writeFile(
+    path.join(cssDir, "global.css"),
+    "@import 'tailwindcss';\n"
+  );
+
+  // Prepend the CSS import to src/main.tsx
+  const rootTsxPath = path.join(projectDir, "src", "root.tsx");
+  const mainContent =
+    `import './styles/global.css';\n` +
+    (await fs.readFile(rootTsxPath, "utf-8"));
+  await fs.writeFile(rootTsxPath, mainContent);
+}

package/src/utils/file.ts

@@ -0,0 +1,9 @@
+import fs from "fs-extra";
+
+export async function copyTemplate(
+  templateDir: string,
+  destinationDir: string,
+  force?: boolean
+): Promise<void> {
+  await fs.copy(templateDir, destinationDir, { overwrite: force });
+}

package/src/utils/logger.ts

@@ -0,0 +1,9 @@
+import chalk from "chalk";
+
+export function logInfo(message: string) {
+  console.log(chalk.cyan(message));
+}
+
+export function logError(message: string, error?: any) {
+  console.error(chalk.red(message), error || "");
+}

package/template/.revine/bundler/defaults/vite.ts

@@ -0,0 +1,14 @@
+import react from "@vitejs/plugin-react";
+
+export const defaultViteConfig = {
+  plugins: [react()],
+  server: {
+    open: true,
+    port: 3000,
+    host: true,
+  },
+  build: {
+    outDir: "build",
+    emptyOutDir: true,
+  },
+};

package/template/.revine/bundler/generateConfig.ts

@@ -0,0 +1,18 @@
+// .revine/bundler/generateConfig.ts
+import { merge } from 'lodash-es';
+import { defaultViteConfig } from './defaults/vite.js';
+import { loadUserConfig } from './utils/loadUserConfig.js';
+import tailwindcss from '@tailwindcss/vite';   // For direct plugin usage
+
+export async function generateRevineViteConfig() {
+  // Load the user's revine.config.ts
+  const userConfig = await loadUserConfig();
+
+  // Merge user "vite" overrides with your default config
+  const finalConfig = merge({}, defaultViteConfig, userConfig.vite || {});
+
+  // Insert the Tailwind plugin, if desired, automatically or conditionally:
+  // finalConfig.plugins.push(tailwindcss());
+
+  return finalConfig;
+}

package/template/.revine/bundler/utils/loadUserConfig.ts

@@ -0,0 +1,13 @@
+export async function loadUserConfig() {
+  try {
+    // relative path to the user's revine.config.ts
+    const configModule = await import("../../../revine.config.ts");
+    return configModule.default || {};
+  } catch (error) {
+    console.error(
+      "[Revine] Could not load revine.config.ts, using defaults.",
+      error
+    );
+    return {};
+  }
+}

package/template/.revine/bundler/vite.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from "vite";
+import { generateRevineViteConfig } from "./generateConfig.js";
+
+// Vite supports async config. We can do:
+export default defineConfig(async () => {
+  // Merge defaults + user overrides
+  return await generateRevineViteConfig();
+});

package/template/index.html

@@ -11,7 +11,7 @@
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <script type="module" src="/src/root.tsx"></script>
     <noscript>
       <h1>This application requires JavaScript to run.</h1>
     </noscript>

package/template/package.json

@@ -1,21 +1,23 @@
 {
-    "name": "{{project-name}}",
-    "version": "0.1.0",
-    "scripts": {
-      "dev": "vite",
-      "build": "vite build",
-      "preview": "vite preview"
-    },
-    "dependencies": {
-      "react": "^18.2.0",
-      "react-dom": "^18.2.0",
-      "react-router-dom": "^6.22.3"
-    },
-    "devDependencies": {
-      "@types/react": "^18.2.45",
-      "@types/react-dom": "^18.2.18",
-      "typescript": "^5.3.3",
-      "vite": "^5.0.12",
-      "@vitejs/plugin-react": "^4.2.1"
-    }
-  }
+  "name": "{{project-name}}",
+  "version": "0.1.0",
+  "scripts": {
+    "dev": "vite --config .revine/bundler/vite.config.ts",
+    "build": "vite build --config .revine/bundler/vite.config.ts",
+    "preview": "vite preview --config .revine/bundler/vite.config.ts"
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.22.3"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.45",
+    "@types/react-dom": "^18.2.18",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.12",
+    "@vitejs/plugin-react": "^4.2.1",
+    "lodash-es": "^4.17.21",
+    "@tailwindcss/vite": "^4.0.0"
+  }
+}

package/template/revine.config.ts

@@ -0,0 +1,13 @@
+export default {
+  vite: {
+    server: {
+      open: true,
+      port: 3000,
+      host: true,
+    },
+    build: {
+      outDir: "build",
+      emptyOutDir: true,
+    },
+  },
+};

package/template/tsconfig.json

@@ -16,5 +16,5 @@
     "noFallthroughCasesInSwitch": true,
     "types": ["vite/client"]
   },
-  "include": ["src"]
+  "include": ["src", ".revine/bundler/types/**/*"]
 }

package/template/vite.config.ts

@@ -1,15 +0,0 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-
-export default defineConfig({
-  plugins: [react()],
-  server: {
-    open: true,
-    port: 3000,
-    host: true
-  },
-  build: {
-    outDir: 'dist',
-    emptyOutDir: true,
-  }
-});