vaderjs 2.1.0 → 2.1.2

package/bundler/index.js

@@ -13,6 +13,7 @@ import ansiColors from "ansi-colors";
 import path from "path";
 let path2 = require("path");
 globalThis.Fragment = Fragment;
+
 globalThis.window = {
   location: {
     hash: "",
@@ -31,7 +32,20 @@ globalThis.genKey = () => {
 globalThis.document = {
   createElement: (tag) => { },
   getElementById: (id) => { },
-  querySelector: (query) => { },
+  querySelector: (query) => {
+    return Object.create({
+      addEventListener: (event, cb) => { },
+      removeEventListener: (event, cb) => { },
+      innerHTML: "",
+      appendChild: (child) => { },
+      removeChild: (child) => { },
+      src: "",
+      style: {},
+    });
+   },
+  querySelectorAll: (query) => { 
+    return []
+  },
 };
 globalThis.window = {
   addEventListener: (event, cb) => { },
@@ -58,6 +72,7 @@ try {
     format: "esm",
     ...(process.env.DEV ? { sourcemap: "inline" } : {}),
     packages: "bundle",
+    env: "inline",
     external: ["vaderjs"]
   });
 } catch (error) {
@@ -149,6 +164,19 @@ const handleReplacements = (code) => {
 }
 builtCode = handleReplacements(builtCode)
 
+builtCode += `
+var process = {
+  env: {
+    ${Object.keys(process.env)
+      .filter((key) => 
+        !['bindes', 'ENTRYPOINT', 'ROOT', 'OUT', 'file', 'DEV', 
+          'size', 'filePath', 'isAppFile', 'isJsx', 'INPUT'].includes(key)
+      )
+      .map((key) => `${key}: "${process.env[key]}"`)
+      .join(',\n')}
+  }
+}
+`;
 fs.writeFileSync(path.join(process.cwd(), 'dist', process.env.filePath), builtCode)
 
 let isClass = function (element) {

package/main.js

@@ -4,9 +4,19 @@ import ansiColors from 'ansi-colors'
 import { Glob } from 'bun'
 const args = Bun.argv.slice(2)
 globalThis.isBuilding = false;
-import fs from 'fs'
+import fs from 'fs'   
+import { platform } from 'os'
 import path from 'path'
 
+let bunPath = 'bun'; // Default for Linux/Mac
+if (platform() === 'win32') {
+    bunPath ='bun'; // Bun path for Windows
+} else {
+    bunPath = path.resolve(process.env.HOME || process.env.USERPROFILE, '.bun', 'bin', 'bun');
+}
+ 
+ 
+
 
 if (!fs.existsSync(process.cwd() + '/app') && !args.includes('init')) {
     console.error(`App directory not found in ${process.cwd()}/app`)
@@ -167,8 +177,9 @@ const handleReplacements = (code) => {
             line = b4
         }
         if (!hasImport && line.includes('useRef')) {
+            line = line.replace(' ', '')
             let b4 = line
-            let key = line.split(' ')[1].split('=')[0]
+            let key = line.split('=')[0].split(' ').filter(Boolean)[1] 
             b4 = line.replace('useRef(', `this.useRef('${key}',`)
             line = b4
         }
@@ -186,8 +197,7 @@ if (!fs.existsSync(process.cwd() + '/dev/bundler.js')) {
 let start = Date.now()
 async function generateApp() {
     globalThis.isBuilding = true;
-    console.log(ansiColors.green('Building...'))
-    console.log(`Starting build at ${new Date().toLocaleTimeString()}`)
+    console.log(ansiColors.green('Building...')) 
     let plugins = config.plugins || []
     for (let plugin of plugins) {
         if (plugin.onBuildStart) {
@@ -257,14 +267,14 @@ async function generateApp() {
                 loader: 'ts',
             }).transformSync(await Bun.file(require.resolve('vaderjs')).text()))
             Bun.spawn({
-                cmd: ['bun', 'run', './dev/bundler.js'],
+                cmd: [bunPath, 'run', './dev/bundler.js'] ,
                 cwd: process.cwd(),
                 stdout: 'inherit',
                 env: {
-                    ENTRYPOINT: path.join(process.cwd() + '/dist/' + path.dirname(r) + '/' + path.basename(r)),
-                    ROOT: process.cwd() + '/app/',
+                    ENTRYPOINT: path.join(process.cwd(), 'dist', path.dirname(r), path.basename(r)),
+                    ROOT: path.join(process.cwd(), 'app/'),
                     OUT: path.dirname(r),
-                    file: process.cwd() + '/dist/' + path.dirname(r) + '/' + path.basename(r),
+                    file: path.join(process.cwd(), 'dist', path.dirname(r), path.basename(r)),
                     DEV: mode === 'development',
                     size,
                     bindes: bindes.join('\n'),
@@ -275,15 +285,13 @@ async function generateApp() {
                 },
                 onExit({ exitCode: code }) {
                     if (code === 0) {
-                        bindes = []
-                        console.log(`Built ${r} in ${Date.now() - start}ms`)
-                        resolve()
+                        bindes = [];
+                        resolve();
                     } else {
-                        reject()
+                        reject();
                     }
-                }
-            })
-
+                },
+            });
         })
 
         switch (host_provider) {
@@ -354,7 +362,7 @@ function handleFiles() {
                     file = file.replace('.jsx', '.js').replace('.tsx', '.js')
                     fs.writeFileSync(path.join(process.cwd() + '/dist', file.replace('.jsx', '.js').replace('.tsx', '.js')), code)
                     await Bun.spawn({
-                        cmd: ['bun', 'run', './dev/bundler.js'],
+                        cmd: [bunPath, 'run', './dev/bundler.js'],
                         cwd: process.cwd(),
                         stdout: 'inherit',
                         env: {
@@ -383,7 +391,7 @@ function handleFiles() {
                     file = file.replace('.ts', '.js')
                     fs.writeFileSync(path.join(process.cwd() + '/dist', file.replace('.ts', '.js')), code)
                     await Bun.spawn({
-                        cmd: ['bun', 'run', './dev/bundler.js'],
+                        cmd: [bunPath, 'run', './dev/bundler.js'],
                         cwd: process.cwd(),
                         stdout: 'inherit',
                         env: {

package/package.json

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