vaderjs 2.1.9 → 2.2.1

package/main.js

@@ -207,7 +207,7 @@ async function generateApp() {
     globalThis.isBuilding = true;
     console.log(ansiColors.green('Building...')) 
     if (mode === 'development') {
-        fs.rmdirSync(process.cwd() + '/dist', { recursive: true })
+         
     } else {
         fs.mkdirSync(process.cwd() + '/dist', { recursive: true })
     }
@@ -271,11 +271,13 @@ async function generateApp() {
             if (!fs.existsSync(process.cwd() + '/dev/readme.md')) {
                 fs.writeFileSync(process.cwd() + '/dev/readme.md', `# Please do not edit the bundler.js file in the dev directory. This file is automatically generated by the bundler. \n\n`)
             }
-            fs.mkdirSync(process.cwd() + '/dist/src/vader', { recursive: true })
-            fs.writeFileSync(process.cwd() + '/dist/src/vader/index.js', await new Bun.Transpiler({
-                loader: 'ts',
-            }).transformSync(await Bun.file(require.resolve('vaderjs')).text()))
-            Bun.spawn({
+            if(!fs.existsSync(path.join(process.cwd(), '/dist/src/vader'))){ 
+                fs.mkdirSync(process.cwd() + '/dist/src/vader', { recursive: true })
+                fs.writeFileSync(process.cwd() + '/dist/src/vader/index.js', await new Bun.Transpiler({
+                    loader: 'ts',
+                }).transformSync(await Bun.file(require.resolve('vaderjs')).text()))
+            } 
+           await Bun.spawn({
                 cmd: [bunPath, 'run', './dev/bundler.js'] ,
                 cwd: process.cwd(),
                 stdout: 'inherit',
@@ -438,54 +440,57 @@ if (mode === 'development') {
     try {
         await generateApp()
         await handleFiles()
-        const watcher = fs.watch(path.join(process.cwd() + '/'), { recursive: true })
-        let isBuilding = false; // Flag to track build status
-    
-        // Initialize a variable to hold the timeout ID
-        let debounceTimeout;
-    
-        // Function to handle file changes with debounce
-        const handleFileChangeDebounced = async (change, file) => {
-            if (file.endsWith('.tsx') || file.endsWith('.jsx') || file.endsWith('.css') || file.endsWith('.ts')
-            && !file.includes('node_module')
-            ) {
-                // delete files cache
-                if (file.endsWith('vader.config.ts')){
-                    delete require.cache[require.resolve(process.cwd() + '/vader.config.ts')]
-    
-                    config = require(process.cwd() + '/vader.config.ts').default
-                    port = config.port;
-                    host_provider = config.host_provider
-                    host = config.host
-    
-                    globalThis.config = config
-                }
-                if (file.includes('dist')) return
-                clearTimeout(debounceTimeout);
-                debounceTimeout = setTimeout(async () => {
-                    if (!isBuilding) { // Check if not already building
-                        isBuilding = true; // Set build flag to true
-                        try {
-                            await generateApp();
-                            await handleFiles();
-                            let t = setTimeout(() => {
-                                clients.forEach(c => {
-                                    c.send('reload');
-                                });
-                                clearTimeout(t)
-                            }, 1000)
-                        } catch (error) {
-                            console.error(error);
-                        } finally {
-                            isBuilding = false; // Reset build flag
-                        }
-                    }
-                }, 500);
+      let watcher;
+let isBuilding = false;
+let debounceTimeout;
+
+const startWatcher = () => {
+    if (watcher) watcher.close(); // Close any existing watcher
+
+    watcher = fs.watch(path.join(process.cwd(), '/'), { recursive: true }, (eventType, file) => {
+        if (!file) return; // Ensure file name is valid
+        if (file.includes('node_modules')) return;
+        
+        if (
+            file.endsWith('.tsx') || file.endsWith('.jsx') || file.endsWith('.css') || file.endsWith('.ts')
+        ) {
+            // Reset config if needed
+            if (file.endsWith('vader.config.ts')) {
+                delete require.cache[require.resolve(process.cwd() + '/vader.config.ts')];
+                globalThis.config = require(process.cwd() + '/vader.config.ts').default;
             }
-        };
-    
-        // Event listeners with debounced handling
-        watcher.on('change', handleFileChangeDebounced);
+            
+            if (file.includes('dist')) return;
+
+            clearTimeout(debounceTimeout);
+            debounceTimeout = setTimeout(async () => {
+                if (!isBuilding) {
+                    isBuilding = true;
+                    try {
+                        await generateApp();
+                        await handleFiles();
+                        setTimeout(() => {
+                            clients.forEach(c => c.send('reload'));
+                        }, 1000);
+                    } catch (error) {
+                        console.error(error);
+                    } finally {
+                        isBuilding = false;
+                    }
+                }
+            }, 500);
+        }
+
+        // Restart watcher if a new directory is created
+        if (eventType === 'rename') {
+            setTimeout(startWatcher, 1000); // Slight delay to allow the OS to recognize new files
+        }
+    });
+};
+
+// Start the watcher and restart it periodically
+setInterval(startWatcher, 10000);
+startWatcher(); // Run initially
     } catch (error) {
         console.error(error)    
     }
@@ -611,4 +616,4 @@ if (mode == 'development' || mode == 'serve') {
 }
 
 
- 
+ 

package/package.json

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

package/plugins/tailwind.ts

@@ -32,19 +32,11 @@ export default {
     version: '0.0.2',
     onBuildStart: async (vader) => {
         if (!checkIfTailwindInstalled()) {
-            console.error('TailwindCSS is not installed. Please install it using `bun  install tailwindcss @tailwindcss/postcss postcss \n more info: https://tailwindcss.com/docs/installation/using-postcss`')
+            console.error('TailwindCSS is not installed. Please install it using `bun  install tailwindcss @tailwindcss/postcss postcss-cli`\n more info: https://tailwindcss.com/docs/installation/using-postcss`')
             process.exit(1)
         }else{
            initTailwind()
            console.log('Building TailwindCSS...')
-           
-           if(vader.isDev){
-            vader.onFileChange('tailwind.config.js', async () => {
-                console.log('Rebuilding TailwindCSS...')
-                await vader.runCommand(['bun', 'run', 'postcss',  './public/styles.css', '-o', 'dist/public/tailwind.css'])
-                vader.injectHTML(`<link rel="stylesheet" href="/public/tailwind.css">`)
-           }) 
-           }
            await vader.runCommand(['bun', 'run', 'postcss', './public/styles.css', '-o', 'dist/public/tailwind.css']) 
            vader.injectHTML(`<link rel="stylesheet" href="/public/tailwind.css">`)