vaderjs 2.3.0 → 2.3.2

package/cli.ts

@@ -36,7 +36,7 @@ async function run(cmd: string, args: string[] = []) {
   }
 }
 
- export async function init() {
+export async function init() {
   console.log("🚀 Welcome to Vader.js project initializer!");
 
   const cwd = process.cwd();
@@ -134,11 +134,11 @@ export default function Counter() {
     console.log(`Created package.json`);
   }
 
-  // Install dependencies: vaderjs + optionally tailwindcss, postcss plugins
+  // Install dependencies: vaderjs + optionally tailwindcss, postcss plugins, autoprefixer
   console.log("Installing dependencies with Bun...");
-  const deps = ["vaderjs"];
+  const deps = ["vaderjs", "autoprefixer"];
   if (wantsTailwind) {
-    deps.push("tailwindcss", "@tailwindcss/postcss", "postcss-cli");
+    deps.push("tailwindcss@4", "@tailwindcss/postcss", "postcss-cli");
   }
   await run("bun", ["install", ...deps]);
   console.log("✅ Dependencies installed.");
@@ -155,23 +155,35 @@ export default function Counter() {
     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 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"
-    }
+      jsxFragmentFactory: "Fragment",
+    },
   };
   await fs.writeFile(path.join(projectDir, "jsconfig.json"), JSON.stringify(jsConfig, null, 2));
   console.log("Created jsconfig.json");
@@ -181,6 +193,3 @@ export default function Counter() {
   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.");
@@ -204,7 +204,6 @@ async function copyPublicAssets() {
   }
 }
 
- 
  async function buildAppEntrypoints(isDev = false) {
   if (!fsSync.existsSync(APP_DIR)) {
     logger.warn("No '/app' directory found, skipping app entrypoint build.");
@@ -216,7 +215,7 @@ async function copyPublicAssets() {
     await fs.mkdir(DIST_DIR, { recursive: true });
   }
 
-  const devClientScript = isDev ? `
+  const devClientScript = isDev ? ` 
   <script>
     new WebSocket("ws://" + location.host + "/__hmr").onmessage = (msg) => {
       if (msg.data === "reload") location.reload();
@@ -231,13 +230,13 @@ async function copyPublicAssets() {
     }));
 
   for (const { name, path: entryPath } of entries) {
-    // Ensure correct path handling for subdirectories
+    // Check for the specific case where 'name' could be 'index.js' and prevent duplication
     const outDir = path.join(DIST_DIR, name === 'index' ? '' : name);
-    const outJsPath = path.join(outDir, `index.js`);  // Output JavaScript file path
-    
+    const outJsPath = path.join(outDir, 'index.js');  // Output JavaScript file path
+
     // Ensure the output directory exists
     await fs.mkdir(outDir, { recursive: true });
-    
+
     // **FIXED CSS HANDLING**: Find, copy, and correctly link CSS files
     const cssLinks = [];
     const cssContent = await fs.readFile(entryPath, "utf8");
@@ -273,8 +272,9 @@ async function copyPublicAssets() {
 <body>
   <div id="app"></div>
   <script type="module">
-    import App from '/${name}/index.js'; 
+    import App from '${name !== 'index' ? name : ''}/index.js'; 
     import * as Vader from '/src/vader/index.js';
+    window.Vader = Vader
     Vader.render(Vader.createElement(App, null), document.getElementById("app"));
   </script>
   ${devClientScript}

package/package.json

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