neutronium 1.9.3 → 1.9.5

package/compiler/compiler.js

@@ -23,8 +23,12 @@ function compileProject(projectDir = process.cwd()) {
     log('⚙️ Compiling JSX with Babel...');
     let { code: transpiled } = babel.transformSync(sourceCode, {
       filename: 'App.js',
-      presets: [['@babel/preset-env', { targets: { esmodules: true } }]],
-      plugins: [['@babel/plugin-transform-react-jsx', { pragma: '_neutronium.h' }]],
+      presets: [],
+      plugins: [
+        ['@babel/plugin-transform-react-jsx', { pragma: '_neutronium.h' }]
+      ],
+      babelrc: false,
+      configFile: false,
     });
 
     // Remove CommonJS require if present
@@ -32,6 +36,7 @@ function compileProject(projectDir = process.cwd()) {
       /(const|var|let)\s+_neutronium\s*=\s*require\(["']neutronium["']\);?/g,
       ''
     );
+    transpiled = transpiled.replace("import { createApp } from 'neutronium';", "import { createApp } from '../node_modules/neutronium/src/index.js';")
 
     const finalJsCode = `
 import * as _neutronium from '${neutroniumPath}';
@@ -57,6 +62,23 @@ _neutronium.createApp(App).mount('#app');
   }
 }
 
+function compileProjectWatch(projectDir = process.cwd(), port = 3000) {
+  const appJsPath = path.join(projectDir, 'App.js');
+
+  const server = serveProject(projectDir, port);
+  compileProject(projectDir);
+
+  log('👀 Watching App.js for changes...');
+  chokidar.watch(appJsPath).on('change', () => {
+    console.clear();
+    log('🔁 Detected change in App.js...');
+    compileProject(projectDir);
+    if (server.broadcastReload) {
+      server.broadcastReload();
+    }
+  });
+}
+
 function serveProject(projectDir = process.cwd(), port = 3000) {
   const distDir = path.join(projectDir, 'dist');
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "neutronium",
-  "version": "1.9.3",
+  "version": "1.9.5",
   "description": "A dense, efficient JavaScript framework for building modern web applications",
   "main": "src/index.js",
   "type": "commonjs",

package/src/index.js

@@ -4,7 +4,10 @@ function h(type, props = {}, ...children) {
   const el = document.createElement(type);
 
   for (const [key, value] of Object.entries(props || {})) {
-    if (key.startsWith('on') && typeof value === 'function') {
+    if (key === 'ref' && typeof value === 'function') {
+      // Delay to ensure element is mounted
+      setTimeout(() => value(el), 0);
+    } else if (key.startsWith('on') && typeof value === 'function') {
       el.addEventListener(key.slice(2).toLowerCase(), value);
     } else {
       el.setAttribute(key, value);
@@ -38,5 +41,4 @@ function createApp(component) {
   };
 }
 
-
-export { h, createApp };
+export { h, createApp };