create-yeow 0.2.43 → 0.2.45

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "create-yeow",
-    "version": "0.2.43",
+    "version": "0.2.45",
     "description": "Scaffold a Yeow plugin project",
     "type": "module",
     "bin": {

package/templates/default/.yeow/dev-server.js

@@ -48,7 +48,7 @@ function startWebSocket() {
                 if (msg.type === 'js-error') {
                     await printFormattedError(msg);
                 }
-            } catch (e) { /* ignore parse errors */ }
+            } catch (e) { warn('Error processing message: ' + (e?.message || e)); }
         });
         ws.on('close', () => info('Java runtime disconnected'));
     });
@@ -157,6 +157,7 @@ function startHotReload() {
                         codeFile: compiled.replace(/\\/g, '/'),
                         assetsDir: existsSync(assetsDir) ? assetsDir.replace(/\\/g, '/') : null,
                     });
+                    _consumer = null; // invalidate stale source-map cache
                     ok('Hot reload sent via WebSocket');
                 }
             } catch (e) {
@@ -197,42 +198,52 @@ async function getSourceMapConsumer() {
 }
 
 async function printFormattedError(err) {
-    const c = { r: '\x1b[0m', R: '\x1b[31m', Y: '\x1b[33m', C: '\x1b[36m', B: '\x1b[1m', D: '\x1b[2m' };
+    const c = { r: '\x1b[0m', R: '\x1b[31m', Y: '\x1b[33m', C: '\x1b[36m', B: '\x1b[1m', D: '\x1b[2m', g: '\x1b[32m' };
     let out = `\n${c.R}${c.B}  JS Error [${err.plugin}]${c.r}\n`;
     if (err.context) out += `  ${c.D}context: ${err.context}${c.r}\n`;
     out += `  ${c.Y}${err.message}${c.r}\n`;
 
-    const consumer = (err.fileName === 'main.js' || err.stack) ? await getSourceMapConsumer() : null;
-    if (!consumer) {
-        if (err.stack) err.stack.split('\n').slice(0, 5).forEach(l => { out += `  ${c.D}  ${l.trim()}${c.r}\n`; });
-        console.log(out);
-        return;
+    // Check if stack contains any main.js frames — if so, load source-map consumer
+    const hasMainJs = err.stack?.match(/main\.js:\d+:\d+/) || err.fileName === 'main.js';
+    let consumer = null;
+    if (hasMainJs) {
+        consumer = await getSourceMapConsumer();
+    }
+    if (hasMainJs && !consumer) {
+        const mapFile = resolve(ROOT, 'dist', '.yeow', 'main.js.map');
+        out += `  ${c.D}(source-map not found: ${existsSync(mapFile) ? 'exists but failed to parse' : 'missing at ' + mapFile})${c.r}\n`;
     }
 
     // Resolve all stack frames
     const frames = [];
     if (err.stack) {
-        for (const line of err.stack.split('\n')) {
-            const m = line.match(/at\s+(?:\S+\s+)?\(?(?:\/main\.js|[^:]+):(\d+):(\d+)\)?/);
-            if (m) {
+        for (const rawLine of err.stack.split('\n')) {
+            const m = rawLine.match(/at\s+(?:\S+\s+)?\(?main\.js:(\d+):(\d+)\)?/);
+            if (m && consumer) {
                 const orig = consumer.originalPositionFor({ line: parseInt(m[1]), column: parseInt(m[2]) });
-                frames.push({ orig, raw: line });
+                if (!orig?.source) {
+                    // Try adjusted column
+                    const orig2 = consumer.originalPositionFor({ line: parseInt(m[1]), column: parseInt(m[2]) - 1 });
+                    if (orig2?.source) { orig.source = orig2.source; orig.line = orig2.line; orig.column = orig2.column; }
+                }
+                frames.push({ orig, raw: rawLine });
             } else {
-                frames.push({ raw: line });
+                frames.push({ raw: rawLine });
             }
         }
     }
 
     // Find first frame from user's src/ directory (not node_modules)
     let ctxFrame = frames.find(f => f.orig?.source?.match(/[\\/]src[\\/]/) && !f.orig.source.includes('node_modules'))?.orig || null;
-    if (!ctxFrame && err.lineNumber > 0) {
-        ctxFrame = consumer.originalPositionFor({ line: err.lineNumber, column: err.columnNumber || 0 });
-    }
 
     // Show context for the chosen frame
-    if (ctxFrame?.source && ctxFrame.line) {
+    if (ctxFrame?.source && ctxFrame.line && consumer) {
         const srcPath = ctxFrame.source.replace(/^\.\.\/\.\.\//, '');
-        out += `  ${c.C}at ${srcPath}:${ctxFrame.line}:${ctxFrame.column}${c.r}\n`;
+        // Preserve function name
+        const ctxRaw = frames.find(f => f.orig === ctxFrame)?.raw || '';
+        const fnM = ctxRaw.match(/at\s+(\S+)\s+\(/);
+        const fnS = fnM ? fnM[1] + ' ' : '';
+        out += `  ${c.C}at ${fnS}(${srcPath}:${ctxFrame.line}:${ctxFrame.column})${c.r}\n`;
         const content = consumer.sourceContentFor(ctxFrame.source);
         if (content) {
             const lines = content.split('\n');
@@ -257,9 +268,14 @@ async function printFormattedError(err) {
         for (const f of frames) {
             if (f.orig?.source) {
                 const srcPath = f.orig.source.replace(/^\.\.\/\.\.\//, '');
-                out += `  ${c.D}    at ${srcPath}:${f.orig.line}:${f.orig.column}${c.r}\n`;
+                const fnMatch = f.raw.match(/at\s+(\S+)\s+\(/);
+                const fn = fnMatch ? fnMatch[1] + ' ' : '';
+                const isUser = srcPath.startsWith('src/');
+                const style = isUser ? c.B + c.g : c.D;
+                out += `  ${style}    at ${fn}(${srcPath}:${f.orig.line}:${f.orig.column})${c.r}\n`;
             } else {
-                out += `  ${c.D}  ${f.raw}${c.r}\n`;
+                const internal = f.raw.includes('init.js') || f.raw.includes('unknown.js') ? ' (internal)' : '';
+                out += `  ${c.D}  ${f.raw}${internal}${c.r}\n`;
             }
         }
     }

package/templates/default/package.json

@@ -7,7 +7,7 @@
         "dev": "node .yeow/dev-server.js"
     },
     "dependencies": {
-        "yeow-api": "^0.2.29",
+        "yeow-api": "^0.2.30",
         "yeow-utils": "^0.1.2"
     },
     "devDependencies": {