vaderjs 2.3.1 → 2.3.3

package/cli.ts

@@ -2,77 +2,77 @@
 
 import fs from "fs/promises";
 import fsSync from "fs";
-import path from "path"; 
+import path from "path";
 import readline from "readline";
 
 function ask(question) {
-  const rl = readline.createInterface({
-    input: process.stdin,
-    output: process.stdout,
-  });
-  return new Promise((resolve) =>
-    rl.question(question + " ", (answer) => {
-      rl.close();
-      resolve(answer.trim());
-    })
-  );
+    const rl = readline.createInterface({
+        input: process.stdin,
+        output: process.stdout,
+    });
+    return new Promise((resolve) =>
+        rl.question(question + " ", (answer) => {
+            rl.close();
+            resolve(answer.trim());
+        })
+    );
 }
 
 async function run(cmd: string, args: string[] = []) {
-  try {
-    const proc = Bun.spawn([cmd, ...args], {
-      stdout: "inherit",
-      stderr: "inherit",
-    });
-    
-    const status = await proc.exited;
-    if (status !== 0) {
-      console.error(`Command failed: ${cmd} ${args.join(" ")}`);
-      process.exit(1);
+    try {
+        const proc = Bun.spawn([cmd, ...args], {
+            stdout: "inherit",
+            stderr: "inherit",
+        });
+
+        const status = await proc.exited;
+        if (status !== 0) {
+            console.error(`Command failed: ${cmd} ${args.join(" ")}`);
+            process.exit(1);
+        }
+    } catch (error) {
+        console.error(`Error executing command: ${error}`);
+        process.exit(1);
     }
-  } catch (error) {
-    console.error(`Error executing command: ${error}`);
-    process.exit(1);
-  }
 }
 
- export async function init() {
-  console.log("🚀 Welcome to Vader.js project initializer!");
-
-  const cwd = process.cwd();
-  let projectDir = await ask(
-    `Enter the directory to initialize the project (default: current dir):`
-  );
-  if (!projectDir) projectDir = ".";
-
-  projectDir = path.resolve(cwd, projectDir);
-  if (!fsSync.existsSync(projectDir)) {
-    await fs.mkdir(projectDir, { recursive: true });
-    console.log(`Created directory: ${projectDir}`);
-  }
+export async function init() {
+    console.log("🚀 Welcome to Vader.js project initializer!");
 
-  // Confirm Tailwind usage
-  let useTailwind = await ask("Include TailwindCSS v4 support? (y/n):");
-  while (!["y", "n", "yes", "no"].includes(useTailwind)) {
-    useTailwind = await ask("Please answer 'y' or 'n':");
-  }
-  const wantsTailwind = useTailwind === "y" || useTailwind === "yes";
+    const cwd = process.cwd();
+    let projectDir = await ask(
+        `Enter the directory to initialize the project (default: current dir):`
+    );
+    if (!projectDir) projectDir = ".";
 
-  // Create folders: app, src, public
-  const appDir = path.join(projectDir, "app");
-  const srcDir = path.join(projectDir, "src");
-  const publicDir = path.join(projectDir, "public");
+    projectDir = path.resolve(cwd, projectDir);
+    if (!fsSync.existsSync(projectDir)) {
+        await fs.mkdir(projectDir, { recursive: true });
+        console.log(`Created directory: ${projectDir}`);
+    }
 
-  for (const dir of [appDir, srcDir, publicDir]) {
-    if (!fsSync.existsSync(dir)) {
-      await fs.mkdir(dir, { recursive: true });
-      console.log(`Created folder: ${dir}`);
+    // Confirm Tailwind usage
+    let useTailwind = await ask("Include TailwindCSS v4 support? (y/n):");
+    while (!["y", "n", "yes", "no"].includes(useTailwind)) {
+        useTailwind = await ask("Please answer 'y' or 'n':");
+    }
+    const wantsTailwind = useTailwind === "y" || useTailwind === "yes";
+
+    // Create folders: app, src, public
+    const appDir = path.join(projectDir, "app");
+    const srcDir = path.join(projectDir, "src");
+    const publicDir = path.join(projectDir, "public");
+
+    for (const dir of [appDir, srcDir, publicDir]) {
+        if (!fsSync.existsSync(dir)) {
+            await fs.mkdir(dir, { recursive: true });
+            console.log(`Created folder: ${dir}`);
+        }
     }
-  }
 
-  // Create example app/index.jsx with counter
-  const counterCode = wantsTailwind
-    ? `import { useState } from "vaderjs";
+    // Create example app/index.jsx with counter
+    const counterCode = wantsTailwind
+        ? `import { useState } from "vaderjs";
 
 export default function Counter() {
   let [count, setCount] = useState(0);
@@ -90,7 +90,7 @@ export default function Counter() {
   );
 }
 `
-    : `import { useState } from "vaderjs";
+        : `import { useState } from "vaderjs";
 
 export default function Counter() {
   let [count, setCount] = useState(0);
@@ -104,83 +104,125 @@ export default function Counter() {
 }
 `;
 
-  await fs.writeFile(path.join(appDir, "index.jsx"), counterCode);
-  console.log(`Created example route: ${path.join("app", "index.jsx")}`);
+    await fs.writeFile(path.join(appDir, "index.jsx"), counterCode);
+    console.log(`Created example route: ${path.join("app", "index.jsx")}`);
 
-  // Create public/styles.css
-  if (wantsTailwind) {
-    await fs.writeFile(path.join(publicDir, "styles.css"), `@import 'tailwindcss';\n`);
-  } else {
-    await fs.writeFile(path.join(publicDir, "styles.css"), `/* Add your styles here */\n`);
-  }
-  console.log(`Created public/styles.css`);
-
-  // Create minimal package.json if not exist
-  const pkgJsonPath = path.join(projectDir, "package.json");
-  if (!fsSync.existsSync(pkgJsonPath)) {
-    const pkg = {
-      name: path.basename(projectDir),
-      version: "1.0.0",
-      scripts: {
-        start: "bun run vaderjs build && bun run vaderjs serve",
-        build: "bun run vaderjs build",
-        dev: "bun run vaderjs dev",
-      },
-      dependencies: {
-        vaderjs: "latest",
-      },
-    };
-    await fs.writeFile(pkgJsonPath, JSON.stringify(pkg, null, 2));
-    console.log(`Created package.json`);
-  }
+    // Create public/styles.css
+    if (wantsTailwind) {
+        await fs.writeFile(path.join(publicDir, "styles.css"), `@import 'tailwindcss';\n`);
+    } else {
+        await fs.writeFile(path.join(publicDir, "styles.css"), `/* Add your styles here */\n`);
+    }
+    console.log(`Created public/styles.css`);
+
+    // Create minimal package.json if not exist
 
-  // Install dependencies: vaderjs + optionally tailwindcss, postcss plugins
-  console.log("Installing dependencies with Bun...");
-  const deps = ["vaderjs"];
-  if (wantsTailwind) {
-    deps.push("tailwindcss", "@tailwindcss/postcss", "postcss-cli");
-  }
-  await run("bun", ["install", ...deps]);
-  console.log("✅ Dependencies installed.");
 
-  // If Tailwind requested, create minimal tailwind.config.cjs and postcss.config.cjs
-  if (wantsTailwind) {
-    const tailwindConfig = `module.exports = {
+    // Install dependencies: vaderjs + optionally tailwindcss, postcss plugins, autoprefixer
+    console.log("Installing dependencies with Bun...");
+    const deps = ["vaderjs", "autoprefixer"];
+    if (wantsTailwind) {
+        deps.push("tailwindcss@4", "@tailwindcss/postcss", "postcss-cli");
+    }
+    await run("bun", ["install", ...deps]);
+    console.log("✅ Dependencies installed.");
+
+    // If Tailwind requested, create minimal tailwind.config.cjs and postcss.config.cjs
+    if (wantsTailwind) {
+        const tailwindConfig = `module.exports = {
   content: ["./app/**/*.{js,jsx,ts,tsx}"],
   theme: {
     extend: {},
   },
   plugins: [],
 };`;
-    await fs.writeFile(path.join(projectDir, "tailwind.config.cjs"), tailwindConfig);
-    console.log("Created tailwind.config.cjs");
+        await fs.writeFile(path.join(projectDir, "tailwind.config.cjs"), tailwindConfig);
+        console.log("Created tailwind.config.cjs");
 
-    const postcssConfig = `module.exports = {
+        const postcssConfig = `export default {
   plugins: {
-    tailwindcss: {},
+    "@tailwindcss/postcss": {},
     autoprefixer: {},
-  },
-};`;
-    await fs.writeFile(path.join(projectDir, "postcss.config.cjs"), postcssConfig);
-    console.log("Created postcss.config.cjs");
   }
-
-  // Create jsconfig.json for VSCode/IDE support
-  const jsConfig = {
-    compilerOptions: {
-      jsx: "react",
-      jsxFactory: "Vader.createElement",
-      jsxFragmentFactory: "Fragment"
+};`;
+        await fs.writeFile(path.join(projectDir, "postcss.config.cjs"), postcssConfig);
+        console.log("Created postcss.config.cjs");
     }
-  };
-  await fs.writeFile(path.join(projectDir, "jsconfig.json"), JSON.stringify(jsConfig, null, 2));
-  console.log("Created jsconfig.json");
-
-  // Final instructions
-  console.log(`\n🎉 Vader.js project initialized at:\n${projectDir}`);
-  console.log(`Run cd ${projectDir} to navigate into the project folder`);
-  console.log("Run `bun run dev` or your build script to get started.");
-}
 
+    // Create vaderjs.config.ts regardless, add Tailwind plugin if needed
+    const vaderConfig = `import defineConfig from "vaderjs/config";
+${wantsTailwind ? 'import tailwind from "vaderjs/plugins/tailwind";' : ''}
+  
+export default defineConfig({
+  port: 3000,
+  plugins: [${wantsTailwind ? "tailwind" : ""}],
+});`;
+
+    await fs.writeFile(path.join(projectDir, "vaderjs.config.ts"), vaderConfig);
+    console.log("Created vaderjs.config.ts");
+
+    // Create jsconfig.json for VSCode/IDE support
+    const jsConfig = {
+        compilerOptions: {
+            jsx: "react",
+            jsxFactory: "Vader.createElement",
+            jsxFragmentFactory: "Fragment",
+        },
+    };
+    await fs.writeFile(path.join(projectDir, "jsconfig.json"), JSON.stringify(jsConfig, null, 2));
+    console.log("Created jsconfig.json");
+
+    // Final instructions
+    const pkgJsonPath = path.join(projectDir, "package.json");
+
+    if (!fsSync.existsSync(pkgJsonPath)) {
+        // If package.json doesn't exist, create it with basic content
+        const pkg = {
+            name: path.basename(projectDir),
+            version: "1.0.0",
+            scripts: {
+                start: "bun run vaderjs build && bun run vaderjs serve",
+                build: "bun run vaderjs build",
+                dev: "bun run vaderjs dev",
+            },
+            dependencies: {
+                vaderjs: "latest",
+            },
+        };
+
+        // If Tailwind is requested, add it to the dependencies
+        if (wantsTailwind) {
+            pkg.dependencies.tailwindcss = "latest";
+            pkg.dependencies["@tailwindcss/postcss"] = "latest";
+            pkg.dependencies.postcss = "latest";
+            pkg.dependencies.autoprefixer = "latest";
+        }
+
+        await fs.writeFile(pkgJsonPath, JSON.stringify(pkg, null, 2));
+        console.log(`Created package.json`);
+    } else {
+        // If package.json exists, update it by adding Tailwind if it's not there
+        const pkgJson = JSON.parse(await fs.readFile(pkgJsonPath, "utf8"));
+
+        // Only update the dependencies and scripts if Tailwind is enabled
+        if (wantsTailwind && !pkgJson.dependencies.tailwindcss) {
+            pkgJson.dependencies.tailwindcss = "latest";
+            pkgJson.dependencies["@tailwindcss/postcss"] = "latest";
+            pkgJson.dependencies.postcss = "latest";
+            pkgJson.dependencies.autoprefixer = "latest";
+        }
+
+        // Ensure the scripts are in place (if they're not there already)
+        if (!pkgJson.scripts) pkgJson.scripts = {};
+        pkgJson.scripts.start = pkgJson.scripts.start || "bun run vaderjs build && bun run vaderjs serve";
+        pkgJson.scripts.build = pkgJson.scripts.build || "bun run vaderjs build";
+        pkgJson.scripts.dev = pkgJson.scripts.dev || "bun run vaderjs dev";
+
+        await fs.writeFile(pkgJsonPath, JSON.stringify(pkgJson, null, 2));
+        console.log(`Updated package.json`);
+    }
 
- 
+    console.log(`\n🎉 Vader.js project initialized at:\n${projectDir}`);
+    console.log(`Run cd ${projectDir} to navigate into the project folder`);
+    console.log("Run `bun run dev` or your build script to get started.");
+}

package/main.js

@@ -82,7 +82,7 @@ const vaderAPI = {
 
 async function loadConfig() {
   try {
-    const configModule = await import(path.join(PROJECT_ROOT, "vader.config.js"));
+    const configModule = await import(path.join(PROJECT_ROOT, "vaderjs.config.js"));
     return configModule.default || configModule;
   } catch {
     logger.warn("No 'vader.config.js' found, using defaults.");

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vaderjs",
-    "version": "2.3.1",
+    "version": "2.3.3",
     "description": "A simple and powerful JavaScript library for building modern web applications.", 
     "bin": {
         "vaderjs": "./main.js"