@sprlab/wccompiler 0.0.1 → 0.0.3

package/README.md

@@ -5,7 +5,7 @@ Zero-runtime compiler that transforms `.html` files with Vue-like syntax into 10
 ## Install
 
 ```bash
-npm install -D wccompiler
+npm install -D @sprlab/wccompiler
 ```
 
 ## Usage

package/lib/compiler.js

@@ -28,10 +28,23 @@ export function compile(filePath, config) {
   // 2. Parse the HTML into the IR
   const parseResult = parse(html, fileName);
 
-  // 3. Create a jsdom DOM from the template and walk it
+  // 3. Validate: no text nodes with bindings at template root level
   const dom = new JSDOM(`<div id="__root">${parseResult.template}</div>`);
   const rootEl = dom.window.document.getElementById('__root');
 
+  for (const child of rootEl.childNodes) {
+    if (child.nodeType === 3 && /\{\{\w+\}\}/.test(child.textContent)) {
+      const match = child.textContent.match(/\{\{(\w+)\}\}/);
+      const error = new Error(
+        `Error en '${fileName}': el binding {{${match[1]}}} está como texto suelto en el root del template. Debe estar dentro de un elemento (ej: <span>{{${match[1]}}}</span>)`
+      );
+      error.code = 'ROOT_TEXT_BINDING';
+      throw error;
+    }
+  }
+
+  // 4. Walk the template DOM
+
   const propsSet = new Set(parseResult.props);
   const computedNames = new Set(parseResult.computeds.map(c => c.name));
   const rootVarNames = new Set(parseResult.reactiveVars.map(v => v.name));

package/lib/parser.js

@@ -105,8 +105,8 @@ function extractRootVars(script) {
     // Only extract at root level (depth === 0)
     if (depth !== 0) continue;
 
-    // Skip computed and watch assignments
-    if (/computed\s*\(/.test(line) || /watch\s*\(/.test(line)) continue;
+    // Skip computed, watch, and defineProps assignments
+    if (/computed\s*\(/.test(line) || /watch\s*\(/.test(line) || /defineProps\s*\(/.test(line)) continue;
 
     const m = line.match(/^\s*(?:const|let|var)\s+(\w+)\s*=\s*(.+?);?\s*$/);
     if (m) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sprlab/wccompiler",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "Zero-runtime compiler that transforms .html files with Vue-like syntax into 100% native web components",
   "type": "module",
   "bin": {