@mulanjs/mulanjs 1.0.1-dev.20260227173747 → 1.0.1-dev.20260227175607

package/dist/compiler/ast-parser.js

@@ -25,10 +25,21 @@ function parse(template, errors) {
         tag: 'fragment',
         props: {},
         children: [],
-        directives: {}
+        directives: {},
+        startLine: 1,
+        startColumn: 0,
+        endLine: 1,
+        endColumn: 0
     };
     const stack = [root];
     let cursor = 0;
+    const getPos = (idx) => {
+        const lines = template.slice(0, idx).split('\n');
+        return {
+            startLine: lines.length,
+            startColumn: lines[lines.length - 1].length
+        };
+    };
     while (cursor < template.length) {
         const char = template[cursor];
         // 1. Comments
@@ -69,7 +80,18 @@ function parse(template, errors) {
                 const tagContent = template.slice(cursor + 1, end);
                 const { tag, props, directives } = parseTag(tagContent);
                 const isSelfClosing = tagContent.endsWith('/') || ['img', 'br', 'input', 'hr', 'link', 'meta'].includes(tag.toLowerCase());
-                const element = { type: 'Element', tag, props, children: [], directives };
+                const startPos = getPos(cursor);
+                const endPos = getPos(end + 1);
+                const element = {
+                    type: 'Element',
+                    tag,
+                    props,
+                    children: [],
+                    directives,
+                    ...startPos,
+                    endLine: endPos.startLine,
+                    endColumn: endPos.startColumn
+                };
                 stack[stack.length - 1].children.push(element);
                 if (!isSelfClosing) {
                     stack.push(element);
@@ -85,7 +107,15 @@ function parse(template, errors) {
                 break;
             }
             const content = template.slice(cursor + 2, end).trim();
-            stack[stack.length - 1].children.push({ type: 'Interpolation', content });
+            const startPos = getPos(cursor);
+            const endPos = getPos(end + 2);
+            stack[stack.length - 1].children.push({
+                type: 'Interpolation',
+                content,
+                ...startPos,
+                endLine: endPos.startLine,
+                endColumn: endPos.startColumn
+            });
             cursor = end + 2;
         }
         // 4. Native Template Literals ${ } (Protection)
@@ -105,9 +135,20 @@ function parse(template, errors) {
             const lastChild = stack[stack.length - 1].children[stack[stack.length - 1].children.length - 1];
             if (lastChild && lastChild.type === 'Text') {
                 lastChild.content += content;
+                const endPos = getPos(innerCursor);
+                lastChild.endLine = endPos.startLine;
+                lastChild.endColumn = endPos.startColumn;
             }
             else {
-                stack[stack.length - 1].children.push({ type: 'Text', content });
+                const startPos = getPos(cursor);
+                const endPos = getPos(innerCursor);
+                stack[stack.length - 1].children.push({
+                    type: 'Text',
+                    content,
+                    ...startPos,
+                    endLine: endPos.startLine,
+                    endColumn: endPos.startColumn
+                });
             }
             cursor = innerCursor;
         }
@@ -136,9 +177,20 @@ function parse(template, errors) {
                 const lastChild = stack[stack.length - 1].children[stack[stack.length - 1].children.length - 1];
                 if (lastChild && lastChild.type === 'Text') {
                     lastChild.content += content;
+                    const endPos = getPos(end);
+                    lastChild.endLine = endPos.startLine;
+                    lastChild.endColumn = endPos.startColumn;
                 }
                 else {
-                    stack[stack.length - 1].children.push({ type: 'Text', content });
+                    const startPos = getPos(cursor);
+                    const endPos = getPos(end);
+                    stack[stack.length - 1].children.push({
+                        type: 'Text',
+                        content,
+                        ...startPos,
+                        endLine: endPos.startLine,
+                        endColumn: endPos.startColumn
+                    });
                 }
             }
             cursor = end;

package/dist/compiler/compiler.js

@@ -13,14 +13,21 @@ async function compileSFC(source, filename, options) {
     // 2. Script
     const scriptResult = await (0, script_compiler_1.compileScript)(descriptor, options);
     // Replace export default to capture the component
-    // If the script already has 'export default', we intercept it.
-    let scriptCode = scriptResult.code.replace('export default', 'const __component__ =');
-    if (!scriptCode.includes('const __component__ =')) {
-        scriptCode = scriptCode.replace(/export\s+default/, 'const __component__ =');
+    let scriptCode = scriptResult.code;
+    // Improved export capture
+    if (scriptCode.includes('export default')) {
+        scriptCode = scriptCode.replace('export default', 'const __component__ =');
     }
-    if (!scriptCode.includes('const __component__ =')) {
+    else if (scriptCode.includes('exports.default =')) {
         scriptCode = scriptCode.replace('exports.default =', 'const __component__ =');
     }
+    else if (scriptCode.includes('module.exports =')) {
+        scriptCode = scriptCode.replace('module.exports =', 'const __component__ =');
+    }
+    else {
+        // Fallback for simple assignment
+        scriptCode += '\nconst __component__ = exports.default || module.exports || {};';
+    }
     // 3. Style
     const styleResult = (0, style_compiler_1.compileStyle)(descriptor, filename, options);
     // 4. Template (Use the new unified No-VDOM compiler!)
@@ -167,7 +174,7 @@ module.exports = __component__;
         code: finalCode,
         css: styleResult.css,
         errors: [...scriptResult.errors, ...templateResult.errors],
-        map: mergedMap || scriptResult.map // Fallback to script map if merge fails
+        map: mergedMap || scriptResult.map || templateResult.map
     };
 }
 exports.compileSFC = compileSFC;

package/dist/compiler/dom-compiler.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.compileToDOM = void 0;
 const ast_parser_1 = require("./ast-parser");
+const source_map_1 = require("source-map");
 function compileToDOM(descriptor, scriptResult, scopedId) {
     console.log(`[MulanJS DOM Compiler v2.0] Compiling template for: ${descriptor.filename || 'anonymous'}`);
     const template = descriptor.template;
@@ -21,9 +22,12 @@ function compileToDOM(descriptor, scriptResult, scopedId) {
     // We generate a DocumentFragment at the root
     let codeChunks = [];
     codeChunks.push(`const _frag = this._recoveryMode ? null : document.createDocumentFragment();`);
+    const generator = descriptor.filename ? new source_map_1.SourceMapGenerator({
+        file: descriptor.filename + '.template.js'
+    }) : null;
     // Generate code for all top-level children and append them to the fragment
     ast.children.forEach(child => {
-        const rootId = generateDOMInstruction(child, codeChunks, getUid, getHoistId, hoists, uidRef, scriptResult.bindings || [], []);
+        const rootId = generateDOMInstruction(child, codeChunks, getUid, getHoistId, hoists, uidRef, scriptResult.bindings || [], [], generator, descriptor.filename);
         if (rootId) {
             codeChunks.push(`if (_frag) _frag.appendChild(${rootId});`);
         }
@@ -50,7 +54,8 @@ function compileToDOM(descriptor, scriptResult, scopedId) {
         }`;
     return {
         code: renderFn,
-        errors
+        errors,
+        map: generator ? generator.toString() : undefined
     };
 }
 exports.compileToDOM = compileToDOM;
@@ -88,7 +93,22 @@ function htmlEscape(str) {
         .replace(/"/g, '"')
         .replace(/'/g, ''');
 }
-function generateDOMInstruction(node, chunks, getUid, getHoistId, hoists, uidRef, bindings, localScope) {
+function generateDOMInstruction(node, chunks, getUid, getHoistId, hoists, uidRef, bindings, localScope, generator, filename) {
+    const addMapping = (generatedLine) => {
+        if (generator && filename) {
+            generator.addMapping({
+                generated: {
+                    line: generatedLine,
+                    column: 0
+                },
+                original: {
+                    line: node.startLine,
+                    column: node.startColumn
+                },
+                source: filename
+            });
+        }
+    };
     // --- STATIC NODE HOISTING (THE COMPILER INTELLIGENCE) ---
     // If the node and ALL its children contain ZERO reactivity, we hoist it.
     if (node.type === 'Element' && node.isStatic) {
@@ -116,11 +136,13 @@ function generateDOMInstruction(node, chunks, getUid, getHoistId, hoists, uidRef
         const numericId = uidRef.current - 1; // Not used for text nodes in SSR but kept for parity if needed
         // Native template literal interpolation
         if (text.content.includes('${')) {
+            addMapping(chunks.length + 1);
             chunks.push(`const ${id} = this._recoveryMode ? null : document.createTextNode("");`);
             // Wrap in effect for reactivity
             chunks.push(`this._bindEffect(() => { if (!${id}) return; ${id}.textContent = \`${text.content}\`; }, ${id});`);
         }
         else {
+            addMapping(chunks.length + 1);
             chunks.push(`const ${id} = this._recoveryMode ? null : document.createTextNode(${JSON.stringify(text.content)});`);
         }
         return id;
@@ -128,6 +150,7 @@ function generateDOMInstruction(node, chunks, getUid, getHoistId, hoists, uidRef
     if (node.type === 'Interpolation') {
         const interp = node;
         const id = getUid();
+        addMapping(chunks.length + 1);
         chunks.push(`const ${id} = document.createTextNode("");`);
         // Fine-grained reactivity!
         chunks.push(`this._bindEffect(() => { ${id}.textContent = _h(${interp.content}, false); }, ${id});`);
@@ -151,7 +174,7 @@ function generateDOMInstruction(node, chunks, getUid, getHoistId, hoists, uidRef
             let originalLength = blockChunks.length;
             // 2b. Generate the actual block
             const elementWithoutIf = { ...element, directives: { ...element.directives, vIf: undefined } };
-            const clonedChildId = generateDOMInstruction(elementWithoutIf, blockChunks, getUid, getHoistId, hoists, uidRef, bindings, localScope);
+            const clonedChildId = generateDOMInstruction(elementWithoutIf, blockChunks, getUid, getHoistId, hoists, uidRef, bindings, localScope, generator, filename);
             if (clonedChildId) {
                 blockChunks.push(`if (${blockId}_frag && ${clonedChildId} && !this._recoveryMode) ${blockId}_frag.appendChild(${clonedChildId});`);
             }
@@ -184,7 +207,7 @@ function generateDOMInstruction(node, chunks, getUid, getHoistId, hoists, uidRef
             // 2b. Generate the actual repeating element (the template root of the mu-for)
             // We strip the vFor directive so it doesn't recurse infinitely
             const elementWithoutFor = { ...element, directives: { ...element.directives, vFor: undefined } };
-            const clonedChildId = generateDOMInstruction(elementWithoutFor, rowChunks, getUid, getHoistId, hoists, uidRef, bindings, rowChildScope);
+            const clonedChildId = generateDOMInstruction(elementWithoutFor, rowChunks, getUid, getHoistId, hoists, uidRef, bindings, rowChildScope, generator, filename);
             if (clonedChildId) {
                 rowChunks.push(`if (${rowId}_frag && ${clonedChildId} && !this._recoveryMode) ${rowId}_frag.appendChild(${clonedChildId});`);
             }
@@ -205,6 +228,7 @@ function generateDOMInstruction(node, chunks, getUid, getHoistId, hoists, uidRef
         }
         const numericId = uidRef.current;
         const id = getUid();
+        addMapping(chunks.length + 1);
         chunks.push(`const ${id} = this._recoveryMode ? (this.container.getAttribute('data-mu-node-id') === "${numericId}" ? this.container : this.container.querySelector('[data-mu-node-id="${numericId}"]')) : document.createElement("${element.tag}");`);
         // Handle standard properties and classes
         for (const [key, value] of Object.entries(element.props)) {
@@ -252,7 +276,7 @@ function generateDOMInstruction(node, chunks, getUid, getHoistId, hoists, uidRef
         // Recursively generate children
         const childScope = [...localScope];
         element.children.forEach(child => {
-            const childId = generateDOMInstruction(child, chunks, getUid, getHoistId, hoists, uidRef, bindings, childScope);
+            const childId = generateDOMInstruction(child, chunks, getUid, getHoistId, hoists, uidRef, bindings, childScope, generator, filename);
             if (childId) {
                 chunks.push(`if (${id} && ${childId} && !this._recoveryMode) ${id}.appendChild(${childId});`);
             }

package/dist/compiler/script-compiler.js

@@ -29,8 +29,28 @@ const source_map_1 = require("source-map");
 const path = __importStar(require("path"));
 async function compileScript(descriptor, options) {
     const script = descriptor.script;
-    if (!script)
-        return { code: 'export default {}', errors: [] };
+    if (!script) {
+        let finalMap;
+        if (descriptor.filename) {
+            const generator = new source_map_1.SourceMapGenerator({
+                file: descriptor.filename
+            });
+            let relativePath = descriptor.filename.split(/[/\\]/).pop() || 'unknown.mujs';
+            const normalized = descriptor.filename.replace(/\\/g, '/');
+            const srcIdx = normalized.indexOf('/src/');
+            if (srcIdx !== -1) {
+                relativePath = 'webpack:///' + normalized.substring(srcIdx + 1);
+            }
+            generator.setSourceContent(relativePath, descriptor.source);
+            generator.addMapping({
+                generated: { line: 1, column: 0 },
+                original: { line: 1, column: 0 },
+                source: relativePath
+            });
+            finalMap = generator.toString();
+        }
+        return { code: 'export default {}', errors: [], map: finalMap };
+    }
     let content = script.content;
     let filename = descriptor.filename;
     let isExternal = false;

package/dist/compiler/sfc-parser.js

@@ -66,7 +66,7 @@ function parseMUJS(source, filename) {
         const content = source.slice(contentStart, contentEnd);
         const block = {
             type: tagName,
-            content: content.trim(), // Trim content for cleanliness
+            content: content,
             attrs,
             start: start,
             end: contentEnd + closeTag.length

package/dist/types/ast-parser.d.ts

@@ -3,6 +3,10 @@ export type Node = ElementNode | TextNode | InterpolationNode;
 export interface BaseNode {
     type: NodeType;
     isStatic?: boolean;
+    startLine: number;
+    startColumn: number;
+    endLine: number;
+    endColumn: number;
 }
 export interface ElementNode extends BaseNode {
     type: 'Element';

package/dist/types/compiler/ast-parser.d.ts

@@ -3,6 +3,10 @@ export type Node = ElementNode | TextNode | InterpolationNode;
 export interface BaseNode {
     type: NodeType;
     isStatic?: boolean;
+    startLine: number;
+    startColumn: number;
+    endLine: number;
+    endColumn: number;
 }
 export interface ElementNode extends BaseNode {
     type: 'Element';

package/dist/types/compiler/dom-compiler.d.ts

@@ -3,5 +3,6 @@ import { ScriptCompileResult } from './script-compiler';
 export interface DOMCompileResult {
     code: string;
     errors: string[];
+    map?: string;
 }
 export declare function compileToDOM(descriptor: SFCDescriptor, scriptResult: ScriptCompileResult, scopedId?: string): DOMCompileResult;

package/dist/types/dom-compiler.d.ts

@@ -3,5 +3,6 @@ import { ScriptCompileResult } from './script-compiler';
 export interface DOMCompileResult {
     code: string;
     errors: string[];
+    map?: string;
 }
 export declare function compileToDOM(descriptor: SFCDescriptor, scriptResult: ScriptCompileResult, scopedId?: string): DOMCompileResult;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mulanjs/mulanjs",
-    "version": "1.0.1-dev.20260227173747",
+    "version": "1.0.1-dev.20260227175607",
     "description": "A powerful, secure, and enterprise-grade JavaScript framework.",
     "main": "dist/mulan.js",
     "module": "dist/mulan.esm.js",

package/src/compiler/ast-parser.ts

@@ -8,6 +8,10 @@ export type Node = ElementNode | TextNode | InterpolationNode;
 export interface BaseNode {
     type: NodeType;
     isStatic?: boolean;
+    startLine: number;
+    startColumn: number;
+    endLine: number;
+    endColumn: number;
 }
 
 export interface ElementNode extends BaseNode {
@@ -54,12 +58,24 @@ export function parse(template: string, errors: string[]): ElementNode {
         tag: 'fragment',
         props: {},
         children: [],
-        directives: {}
+        directives: {},
+        startLine: 1,
+        startColumn: 0,
+        endLine: 1,
+        endColumn: 0
     };
 
     const stack: ElementNode[] = [root];
     let cursor = 0;
 
+    const getPos = (idx: number) => {
+        const lines = template.slice(0, idx).split('\n');
+        return {
+            startLine: lines.length,
+            startColumn: lines[lines.length - 1].length
+        };
+    };
+
     while (cursor < template.length) {
         const char = template[cursor];
 
@@ -101,7 +117,19 @@ export function parse(template: string, errors: string[]): ElementNode {
                 const { tag, props, directives } = parseTag(tagContent);
                 const isSelfClosing = tagContent.endsWith('/') || ['img', 'br', 'input', 'hr', 'link', 'meta'].includes(tag.toLowerCase());
 
-                const element: ElementNode = { type: 'Element', tag, props, children: [], directives };
+                const startPos = getPos(cursor);
+                const endPos = getPos(end + 1);
+
+                const element: ElementNode = {
+                    type: 'Element',
+                    tag,
+                    props,
+                    children: [],
+                    directives,
+                    ...startPos,
+                    endLine: endPos.startLine,
+                    endColumn: endPos.startColumn
+                };
                 stack[stack.length - 1].children.push(element);
 
                 if (!isSelfClosing) {
@@ -120,7 +148,15 @@ export function parse(template: string, errors: string[]): ElementNode {
             }
 
             const content = template.slice(cursor + 2, end).trim();
-            stack[stack.length - 1].children.push({ type: 'Interpolation', content });
+            const startPos = getPos(cursor);
+            const endPos = getPos(end + 2);
+            stack[stack.length - 1].children.push({
+                type: 'Interpolation',
+                content,
+                ...startPos,
+                endLine: endPos.startLine,
+                endColumn: endPos.startColumn
+            });
             cursor = end + 2;
         }
         // 4. Native Template Literals ${ } (Protection)
@@ -139,8 +175,19 @@ export function parse(template: string, errors: string[]): ElementNode {
             const lastChild = stack[stack.length - 1].children[stack[stack.length - 1].children.length - 1];
             if (lastChild && lastChild.type === 'Text') {
                 lastChild.content += content;
+                const endPos = getPos(innerCursor);
+                lastChild.endLine = endPos.startLine;
+                lastChild.endColumn = endPos.startColumn;
             } else {
-                stack[stack.length - 1].children.push({ type: 'Text', content });
+                const startPos = getPos(cursor);
+                const endPos = getPos(innerCursor);
+                stack[stack.length - 1].children.push({
+                    type: 'Text',
+                    content,
+                    ...startPos,
+                    endLine: endPos.startLine,
+                    endColumn: endPos.startColumn
+                });
             }
             cursor = innerCursor;
         }
@@ -171,8 +218,19 @@ export function parse(template: string, errors: string[]): ElementNode {
                 const lastChild = stack[stack.length - 1].children[stack[stack.length - 1].children.length - 1];
                 if (lastChild && lastChild.type === 'Text') {
                     lastChild.content += content;
+                    const endPos = getPos(end);
+                    lastChild.endLine = endPos.startLine;
+                    lastChild.endColumn = endPos.startColumn;
                 } else {
-                    stack[stack.length - 1].children.push({ type: 'Text', content });
+                    const startPos = getPos(cursor);
+                    const endPos = getPos(end);
+                    stack[stack.length - 1].children.push({
+                        type: 'Text',
+                        content,
+                        ...startPos,
+                        endLine: endPos.startLine,
+                        endColumn: endPos.startColumn
+                    });
                 }
             }
             cursor = end;

package/src/compiler/compiler.ts

@@ -22,13 +22,18 @@ export async function compileSFC(source: string, filename: string, options?: Com
     // 2. Script
     const scriptResult = await compileScript(descriptor, options);
     // Replace export default to capture the component
-    // If the script already has 'export default', we intercept it.
-    let scriptCode = scriptResult.code.replace('export default', 'const __component__ =');
-    if (!scriptCode.includes('const __component__ =')) {
-        scriptCode = scriptCode.replace(/export\s+default/, 'const __component__ =');
-    }
-    if (!scriptCode.includes('const __component__ =')) {
+    let scriptCode = scriptResult.code;
+
+    // Improved export capture
+    if (scriptCode.includes('export default')) {
+        scriptCode = scriptCode.replace('export default', 'const __component__ =');
+    } else if (scriptCode.includes('exports.default =')) {
         scriptCode = scriptCode.replace('exports.default =', 'const __component__ =');
+    } else if (scriptCode.includes('module.exports =')) {
+        scriptCode = scriptCode.replace('module.exports =', 'const __component__ =');
+    } else {
+        // Fallback for simple assignment
+        scriptCode += '\nconst __component__ = exports.default || module.exports || {};';
     }
 
     // 3. Style
@@ -188,7 +193,7 @@ module.exports = __component__;
         code: finalCode,
         css: styleResult.css,
         errors: [...scriptResult.errors, ...templateResult.errors],
-        map: mergedMap || scriptResult.map // Fallback to script map if merge fails
+        map: mergedMap || scriptResult.map || (templateResult as any).map
     };
 }
 

package/src/compiler/dom-compiler.ts

@@ -1,12 +1,13 @@
-
 import { SFCDescriptor } from './sfc-parser';
 import { ScriptCompileResult } from './script-compiler';
 import { parse, Node, ElementNode, TextNode, InterpolationNode } from './ast-parser';
+import { SourceMapGenerator } from 'source-map';
 
 // --- DOM Compiler Result ---
 export interface DOMCompileResult {
     code: string;
     errors: string[];
+    map?: string;
 }
 
 export function compileToDOM(descriptor: SFCDescriptor, scriptResult: ScriptCompileResult, scopedId?: string): DOMCompileResult {
@@ -34,9 +35,13 @@ export function compileToDOM(descriptor: SFCDescriptor, scriptResult: ScriptComp
     let codeChunks: string[] = [];
     codeChunks.push(`const _frag = this._recoveryMode ? null : document.createDocumentFragment();`);
 
+    const generator = descriptor.filename ? new SourceMapGenerator({
+        file: descriptor.filename + '.template.js'
+    }) : null;
+
     // Generate code for all top-level children and append them to the fragment
     ast.children.forEach(child => {
-        const rootId = generateDOMInstruction(child, codeChunks, getUid, getHoistId, hoists, uidRef, scriptResult.bindings || [], []);
+        const rootId = generateDOMInstruction(child, codeChunks, getUid, getHoistId, hoists, uidRef, scriptResult.bindings || [], [], generator, descriptor.filename);
         if (rootId) {
             codeChunks.push(`if (_frag) _frag.appendChild(${rootId});`);
         }
@@ -66,7 +71,8 @@ export function compileToDOM(descriptor: SFCDescriptor, scriptResult: ScriptComp
 
     return {
         code: renderFn,
-        errors
+        errors,
+        map: generator ? generator.toString() : undefined
     };
 }
 
@@ -108,7 +114,23 @@ function htmlEscape(str: string): string {
         .replace(/'/g, ''');
 }
 
-function generateDOMInstruction(node: Node, chunks: string[], getUid: () => string, getHoistId: () => string, hoists: string[], uidRef: { current: number }, bindings: string[], localScope: string[]): string | null {
+function generateDOMInstruction(node: Node, chunks: string[], getUid: () => string, getHoistId: () => string, hoists: string[], uidRef: { current: number }, bindings: string[], localScope: string[], generator: SourceMapGenerator | null, filename: string): string | null {
+
+    const addMapping = (generatedLine: number) => {
+        if (generator && filename) {
+            generator.addMapping({
+                generated: {
+                    line: generatedLine,
+                    column: 0
+                },
+                original: {
+                    line: node.startLine,
+                    column: node.startColumn
+                },
+                source: filename
+            });
+        }
+    };
 
     // --- STATIC NODE HOISTING (THE COMPILER INTELLIGENCE) ---
     // If the node and ALL its children contain ZERO reactivity, we hoist it.
@@ -141,10 +163,12 @@ function generateDOMInstruction(node: Node, chunks: string[], getUid: () => stri
 
         // Native template literal interpolation
         if (text.content.includes('${')) {
+            addMapping(chunks.length + 1);
             chunks.push(`const ${id} = this._recoveryMode ? null : document.createTextNode("");`);
             // Wrap in effect for reactivity
             chunks.push(`this._bindEffect(() => { if (!${id}) return; ${id}.textContent = \`${text.content}\`; }, ${id});`);
         } else {
+            addMapping(chunks.length + 1);
             chunks.push(`const ${id} = this._recoveryMode ? null : document.createTextNode(${JSON.stringify(text.content)});`);
         }
         return id;
@@ -153,6 +177,7 @@ function generateDOMInstruction(node: Node, chunks: string[], getUid: () => stri
     if (node.type === 'Interpolation') {
         const interp = node as InterpolationNode;
         const id = getUid();
+        addMapping(chunks.length + 1);
         chunks.push(`const ${id} = document.createTextNode("");`);
         // Fine-grained reactivity!
         chunks.push(`this._bindEffect(() => { ${id}.textContent = _h(${interp.content}, false); }, ${id});`);
@@ -182,7 +207,7 @@ function generateDOMInstruction(node: Node, chunks: string[], getUid: () => stri
 
             // 2b. Generate the actual block
             const elementWithoutIf = { ...element, directives: { ...element.directives, vIf: undefined } };
-            const clonedChildId = generateDOMInstruction(elementWithoutIf as ElementNode, blockChunks, getUid, getHoistId, hoists, uidRef, bindings, localScope);
+            const clonedChildId = generateDOMInstruction(elementWithoutIf as ElementNode, blockChunks, getUid, getHoistId, hoists, uidRef, bindings, localScope, generator, filename);
 
             if (clonedChildId) {
                 blockChunks.push(`if (${blockId}_frag && ${clonedChildId} && !this._recoveryMode) ${blockId}_frag.appendChild(${clonedChildId});`);
@@ -227,7 +252,7 @@ function generateDOMInstruction(node: Node, chunks: string[], getUid: () => stri
             // 2b. Generate the actual repeating element (the template root of the mu-for)
             // We strip the vFor directive so it doesn't recurse infinitely
             const elementWithoutFor = { ...element, directives: { ...element.directives, vFor: undefined } };
-            const clonedChildId = generateDOMInstruction(elementWithoutFor as ElementNode, rowChunks, getUid, getHoistId, hoists, uidRef, bindings, rowChildScope);
+            const clonedChildId = generateDOMInstruction(elementWithoutFor as ElementNode, rowChunks, getUid, getHoistId, hoists, uidRef, bindings, rowChildScope, generator, filename);
 
             if (clonedChildId) {
                 rowChunks.push(`if (${rowId}_frag && ${clonedChildId} && !this._recoveryMode) ${rowId}_frag.appendChild(${clonedChildId});`);
@@ -256,6 +281,7 @@ function generateDOMInstruction(node: Node, chunks: string[], getUid: () => stri
 
         const numericId = uidRef.current;
         const id = getUid();
+        addMapping(chunks.length + 1);
         chunks.push(`const ${id} = this._recoveryMode ? (this.container.getAttribute('data-mu-node-id') === "${numericId}" ? this.container : this.container.querySelector('[data-mu-node-id="${numericId}"]')) : document.createElement("${element.tag}");`);
 
 
@@ -302,7 +328,7 @@ function generateDOMInstruction(node: Node, chunks: string[], getUid: () => stri
         // Recursively generate children
         const childScope = [...localScope];
         element.children.forEach(child => {
-            const childId = generateDOMInstruction(child, chunks, getUid, getHoistId, hoists, uidRef, bindings, childScope);
+            const childId = generateDOMInstruction(child, chunks, getUid, getHoistId, hoists, uidRef, bindings, childScope, generator, filename);
             if (childId) {
                 chunks.push(`if (${id} && ${childId} && !this._recoveryMode) ${id}.appendChild(${childId});`);
             }

package/src/compiler/script-compiler.ts

@@ -17,7 +17,28 @@ export interface CompilerOptions {
 
 export async function compileScript(descriptor: SFCDescriptor, options?: CompilerOptions): Promise<ScriptCompileResult> {
     const script = descriptor.script;
-    if (!script) return { code: 'export default {}', errors: [] };
+    if (!script) {
+        let finalMap: string | undefined;
+        if (descriptor.filename) {
+            const generator = new SourceMapGenerator({
+                file: descriptor.filename
+            });
+            let relativePath = descriptor.filename.split(/[/\\]/).pop() || 'unknown.mujs';
+            const normalized = descriptor.filename.replace(/\\/g, '/');
+            const srcIdx = normalized.indexOf('/src/');
+            if (srcIdx !== -1) {
+                relativePath = 'webpack:///' + normalized.substring(srcIdx + 1);
+            }
+            generator.setSourceContent(relativePath, descriptor.source);
+            generator.addMapping({
+                generated: { line: 1, column: 0 },
+                original: { line: 1, column: 0 },
+                source: relativePath
+            });
+            finalMap = generator.toString();
+        }
+        return { code: 'export default {}', errors: [], map: finalMap };
+    }
 
     let content = script.content;
     let filename = descriptor.filename;

package/src/compiler/sfc-parser.ts

@@ -91,7 +91,7 @@ export function parseMUJS(source: string, filename: string): SFCDescriptor {
         const content = source.slice(contentStart, contentEnd);
         const block: SFCBlock = {
             type: tagName as any,
-            content: content.trim(), // Trim content for cleanliness
+            content: content,
             attrs,
             start: start,
             end: contentEnd + closeTag.length