what-compiler 0.1.0 → 0.1.2

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "what-compiler",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "JSX compiler for What Framework - transforms JSX to optimized DOM operations",
   "main": "src/index.js",
   "type": "module",
   "exports": {
     ".": "./src/index.js",
     "./babel": "./src/babel-plugin.js",
-    "./vite": "./src/vite-plugin.js"
+    "./vite": "./src/vite-plugin.js",
+    "./runtime": "./src/runtime.js"
   },
   "keywords": [
     "what",
@@ -20,7 +21,8 @@
   "author": "",
   "license": "MIT",
   "peerDependencies": {
-    "@babel/core": "^7.0.0"
+    "@babel/core": "^7.0.0",
+    "what-core": "^0.1.0"
   },
   "files": [
     "src"

package/src/babel-plugin.js

@@ -486,7 +486,7 @@ export default function whatBabelPlugin({ types: t }) {
 
             const importDecl = t.importDeclaration(
               helpers.map(h => t.importSpecifier(t.identifier(h), t.identifier(h))),
-              t.stringLiteral('what-framework/runtime')
+              t.stringLiteral('what-compiler/runtime')
             );
 
             path.unshiftContainer('body', importDecl);

package/src/runtime.js

@@ -3,7 +3,7 @@
  * Optimized DOM creation and updates with signal reactivity
  */
 
-import { effect, untrack, batch } from 'what-framework';
+import { effect, untrack, batch } from 'what-core';
 
 // Check if value is a signal (callable with .set)
 function isSignal(value) {
@@ -204,15 +204,69 @@ function appendChild(parent, child) {
     for (const c of child) {
       appendChild(parent, c);
     }
+  } else if (child && typeof child === 'object' && child.tag != null) {
+    // VNode from h() — interop with what-core's VNode system
+    parent.appendChild(renderVNode(child));
   }
 }
 
+// Convert a what-core VNode to a real DOM node (interop bridge)
+function renderVNode(vnode) {
+  if (vnode == null || vnode === false || vnode === true) return document.createComment('');
+  if (typeof vnode === 'string' || typeof vnode === 'number') return document.createTextNode(String(vnode));
+  if (vnode instanceof Node) return vnode;
+  if (Array.isArray(vnode)) {
+    const frag = document.createDocumentFragment();
+    for (const v of vnode) frag.appendChild(renderVNode(v));
+    return frag;
+  }
+
+  const { tag, props, children } = vnode;
+
+  // Component VNode
+  if (typeof tag === 'function') {
+    const result = tag({ ...props, children });
+    return renderVNode(result);
+  }
+
+  // Element VNode
+  const el = document.createElement(tag);
+  if (props) {
+    for (const [key, val] of Object.entries(props)) {
+      if (key === 'key' || key === 'ref' || key === 'children') continue;
+      if (key.startsWith('on') && typeof val === 'function') {
+        el.addEventListener(key.slice(2).toLowerCase(), val);
+      } else if (key === 'className' || key === 'class') {
+        el.className = val || '';
+      } else if (key === 'style' && typeof val === 'object') {
+        Object.assign(el.style, val);
+      } else if (val !== false && val != null) {
+        el.setAttribute(key, val === true ? '' : String(val));
+      }
+    }
+  }
+  if (children) {
+    for (const child of children) {
+      el.appendChild(renderVNode(child));
+    }
+  }
+  return el;
+}
+
 /**
  * Create a component instance
  */
 export function _createComponent(Component, props) {
-  // Components are just functions that return DOM nodes
-  return untrack(() => Component(props));
+  // Call the component function.
+  // Don't untrack — framework components like Router need signal tracking.
+  const result = Component(props);
+
+  // If the component returned a VNode (from h()), convert to DOM
+  if (result && typeof result === 'object' && !(result instanceof Node) && !Array.isArray(result) && result.tag != null) {
+    return renderVNode(result);
+  }
+
+  return result;
 }
 
 /**

package/src/vite-plugin.js

@@ -53,23 +53,6 @@ export default function whatVitePlugin(options = {}) {
       }
     },
 
-    // Resolve what-framework imports
-    resolveId(id) {
-      if (id === 'what-framework/runtime') {
-        return '\0what-runtime';
-      }
-      return null;
-    },
-
-    // Load virtual modules
-    load(id) {
-      if (id === '\0what-runtime') {
-        // Return the runtime module
-        return `export * from 'what-compiler/runtime';`;
-      }
-      return null;
-    },
-
     // Configure for development
     config(config, { mode }) {
       return {