neutronium 2.9.5 → 2.9.7

package/README.md

@@ -61,4 +61,9 @@ createApp(App).mount('body');
 ```
 
 ## Result:
-![Results](https://raw.githubusercontent.com/PFMCODES/neutronium/main/results.png)
+![Results](https://raw.githubusercontent.com/PFMCODES/neutronium/main/results.png)
+
+## Other helpful packages you might need
+### [@neuhq/alert](https://www.npmjs.com/package/@neuhq/alert)
+## ⚒️ In dev
+### [@neuhq/router](https://www.npmjs.com/package/@neuhq/router) 

package/compiler/compiler.js

@@ -61,18 +61,22 @@ async function compileProject(projectDir = process.cwd()) {
         ]]
       });
 
+      // Ensure _neutronium is imported
       if (!source.includes('_neutronium')) {
         code = `import * as _neutronium from '${neutroniumPath}';\n\n${code}`;
       }
 
+      // Replace imports to local neutronium
       code = code.replace(/from\s+['"]neutronium['"]/g, `from '${neutroniumPath}'`);
-      code = code.replace("_neutronium.createApp(App).mount('#app');")
 
       writeFile(outputPath, code);
     }
 
     log('🛠️ Generating index.html...');
-    const htmlContent = baseHtml(``, entry);
+    const htmlContent = baseHtml(`
+      <script defer type="module" src="./${entry}"></script>
+    `, entry);
+
     writeFile(path.join(distDir, 'index.html'), htmlContent);
 
     log('✅ Compilation complete!');
@@ -91,24 +95,31 @@ function compileProjectWatch(projectDir = process.cwd(), port = 3000) {
   chokidar.watch([
     path.join(projectDir, '**/*.js'),
     path.join(projectDir, '**/*.ts'),
-    path.join(projectDir, '**/*.tsx'),
-  ]).on('change', () => {
+    path.join(projectDir, '**/*.tsx')
+  ], {
+    ignoreInitial: true,
+  }).on('change', filePath => {
     clearTimeout(timeout);
     timeout = setTimeout(() => {
       console.clear();
-      log('🔁 File changed, rebuilding...');
+      log(`🔁 File changed: ${filePath}`);
+      log('🔨 Rebuilding project...');
+
       try {
         compileProject(projectDir);
-        if (server.broadcastReload) server.broadcastReload();
+
+        if (server?.broadcastReload) {
+          server.broadcastReload();
+          log('🔃 Reload broadcasted');
+        }
       } catch (err) {
-        console.error('❌ Rebuild failed:', err.message);
+        console.error('❌ Rebuild failed:', err.stack || err.message);
       }
-    }, 100);
+    }, 100); // Debounce multiple rapid file changes
   });
 }
 
 function serveProject(projectDir = process.cwd(), port = 3000) {
-
   const server = http.createServer((req, res) => {
     let reqPath = req.url;
     if (reqPath === '/' || reqPath === '/index.html') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "neutronium",
-  "version": "2.9.5",
+  "version": "2.9.7",
   "description": "A dense, efficient JavaScript framework for building modern web applications",
   "main": "src/index.js",
   "type": "commonjs",
@@ -35,7 +35,7 @@
     "inquirer": "^12.7.0",
     "jsdom": "^26.1.0",
     "mime": "^4.0.7",
-    "open": "^10.1.2",
+    "open": "^10.2.0",
     "ws": "^8.18.3"
   },
   "devDependencies": {

package/src/index.js

@@ -10,26 +10,22 @@ export function resetStateIndex() {
 
 // Custom useState implementation
 function useState(initialValue) {
-  const current = stateIndex;
+  const index = stateIndex;
 
-  if (globalState[current] === undefined) {
-    globalState[current] = initialValue;
+  if (globalState[index] === undefined) {
+    globalState[index] = initialValue;
   }
 
   function setState(newValue) {
-    globalState[current] = newValue;
-
-    // Re-render the entire app
-    if (window.__NEUTRONIUM_ROOT__ && typeof window.__NEUTRONIUM_RENDER_FN__ === 'function') {
-      window.__NEUTRONIUM_ROOT__.innerHTML = '';
-      resetStateIndex();
-      const newVNode = window.__NEUTRONIUM_RENDER_FN__();
-      window.__NEUTRONIUM_ROOT__.appendChild(newVNode);
+    globalState[index] = newValue;
+
+    if (typeof window.__NEUTRONIUM_RENDER_FN__ === 'function') {
+      window.__NEUTRONIUM_RENDER_FN__(); // triggers re-render
     }
   }
 
   stateIndex++;
-  return [globalState[current], setState];
+  return [globalState[index], setState];
 }
 
 function h(type, props = {}, ...children) {
@@ -69,19 +65,22 @@ function createApp(component) {
       const root = typeof selector === 'string' ? document.querySelector(selector) : selector;
       if (!root) {
         console.error(`❌ Root element '${selector}' not found`);
-        return null; // return something explicit
+        return null;
       }
-      // Save render function + root globally so useState can use them
+
       window.__NEUTRONIUM_ROOT__ = root;
-      window.__NEUTRONIUM_RENDER_FN__ = component;
 
-      // Reset before first render
-      resetStateIndex();
-      const vnode = component();
-      root.innerHTML = '';
-      root.appendChild(vnode);
+      function render() {
+        resetStateIndex(); // ✅ this is enough
+        const vnode = component();
+        root.innerHTML = '';
+        root.appendChild(vnode);
+      }
+
+      window.__NEUTRONIUM_RENDER_FN__ = render; // save render function
+      render(); // initial render
 
-      return vnode; // ✅ REQUIRED
+      return root;
     }
   };
 }