@dimina-kit/compiler 0.0.2-dev.20260718095333 → 0.0.2-dev.20260728063215

package/dist/pool.node-chunks/{view-compiler-2VZMJ65O.js → view-compiler-2D7HPYIN.js}

@@ -1,27 +1,34 @@
 import {
   checkTemplateCompatibility,
+  getTemplateDirectiveName,
   takeCompatibilityWarnings
-} from "./chunk-DQNLDQGT.js";
+} from "./chunk-LGB3AH5C.js";
 import {
+  concatSourcemap,
+  createLineSourcemap,
   isMainThread,
-  parentPort
-} from "./chunk-KLXXOLDF.js";
+  mergeSourcemap,
+  parentPort,
+  remapSourcemap
+} from "./chunk-VHWKAXDL.js";
 import {
   collectAssets,
   getAbsolutePath,
   getAppId,
   getComponent,
   getContentByPath,
+  getDependencyGraph,
   getTargetPath,
   getTemplateExts,
   getViewScriptExts,
   getViewScriptTags,
   getWorkPath,
   resetStoreInfo,
+  resolveAssetSourcePath,
   tagWhiteList,
   toMiniProgramModuleId,
   transformRpx
-} from "./chunk-7F3E2G42.js";
+} from "./chunk-CKQISGZS.js";
 
 // ../../dimina/fe/packages/compiler/src/core/view-compiler.js
 import fs from "node:fs";
@@ -281,10 +288,12 @@ function transformTextInterpolation(text) {
 var compileResCache = /* @__PURE__ */ new Map();
 var wxsModuleRegistry = /* @__PURE__ */ new Set();
 var wxsFilePathMap = /* @__PURE__ */ new Map();
+var enableSourcemap = false;
 if (!isMainThread) {
-  parentPort.on("message", async ({ pages, storeInfo }) => {
+  parentPort.on("message", async ({ pages, storeInfo, sourcemap }) => {
     try {
       resetStoreInfo(storeInfo);
+      enableSourcemap = !!sourcemap;
       const progress = {
         _completedTasks: 0,
         get completedTasks() {
@@ -304,7 +313,8 @@ if (!isMainThread) {
       wxsFilePathMap.clear();
       parentPort.postMessage({
         success: true,
-        compatibilityWarnings: takeCompatibilityWarnings()
+        compatibilityWarnings: takeCompatibilityWarnings(),
+        dependencyGraph: getDependencyGraph().toJSON()
       });
     } catch (error) {
       compileResCache.clear();
@@ -326,43 +336,50 @@ async function compileML(pages, root, progress) {
   initWxsFilePathMap(workPath);
   for (const page of pages) {
     const scriptRes = /* @__PURE__ */ new Map();
-    buildCompileView(page, false, scriptRes, /* @__PURE__ */ new Set(), /* @__PURE__ */ new Set());
-    let mergeRender = "";
-    for (const [key, value] of scriptRes.entries()) {
-      const amdFormat = `modDefine('${key}', function(require, module, exports) {
-		${value}
-		});`;
-      try {
-        const { code: minifiedCode } = await transform(amdFormat, {
-          minify: true,
-          target: ["es2020"],
-          platform: "browser"
-        });
-        mergeRender += minifiedCode;
-      } catch (error) {
-        const location = error.errors?.[0]?.location;
-        const sourceLines = amdFormat.split("\n");
-        const sourceHint = location?.line ? sourceLines.slice(Math.max(0, location.line - 3), location.line + 2).map((line, index) => `${Math.max(1, location.line - 2) + index}: ${line.trim()}`).join("\n") : "";
-        error.message = `\u89C6\u56FE\u6A21\u5757 ${key} \u8F6C\u6362\u5931\u8D25: ${error.message}${sourceHint ? `
-${sourceHint}` : ""}`;
-        throw error;
-      }
-    }
-    scriptRes.clear();
+    const sourceMapRes = /* @__PURE__ */ new Map();
+    buildCompileView(page, false, scriptRes, /* @__PURE__ */ new Set(), /* @__PURE__ */ new Set(), sourceMapRes);
     const filename = `${page.path.replace(/\//g, "_")}`;
-    if (root) {
-      const subDir = `${getTargetPath()}/${root}`;
-      if (!fs.existsSync(subDir)) {
-        fs.mkdirSync(subDir, { recursive: true });
-      }
-      fs.writeFileSync(`${subDir}/${filename}.js`, mergeRender);
+    const outputDir = root ? `${getTargetPath()}/${root}` : `${getTargetPath()}/main`;
+    if (!fs.existsSync(outputDir)) {
+      fs.mkdirSync(outputDir, { recursive: true });
+    }
+    if (enableSourcemap) {
+      const compileRes = [...scriptRes.entries()].map(([modulePath, code]) => ({
+        path: modulePath,
+        code,
+        map: sourceMapRes.get(modulePath)
+      }));
+      const sourcemapFileName = `${filename}.js.map`;
+      const { bundleCode, sourcemap } = mergeSourcemap(compileRes, `${filename}.js`);
+      fs.writeFileSync(`${outputDir}/${filename}.js`, `${bundleCode}//# sourceMappingURL=${sourcemapFileName}
+`);
+      fs.writeFileSync(`${outputDir}/${sourcemapFileName}`, sourcemap);
     } else {
-      const mainDir = `${getTargetPath()}/main`;
-      if (!fs.existsSync(mainDir)) {
-        fs.mkdirSync(mainDir, { recursive: true });
+      let mergeRender = "";
+      for (const [key, value] of scriptRes.entries()) {
+        const amdFormat = `modDefine('${key}', function(require, module, exports) {
+			${value}
+			});`;
+        try {
+          const { code: minifiedCode } = await transform(amdFormat, {
+            minify: true,
+            target: ["es2020"],
+            platform: "browser"
+          });
+          mergeRender += minifiedCode;
+        } catch (error) {
+          const location = error.errors?.[0]?.location;
+          const sourceLines = amdFormat.split("\n");
+          const sourceHint = location?.line ? sourceLines.slice(Math.max(0, location.line - 3), location.line + 2).map((line, index) => `${Math.max(1, location.line - 2) + index}: ${line.trim()}`).join("\n") : "";
+          error.message = `\u89C6\u56FE\u6A21\u5757 ${key} \u8F6C\u6362\u5931\u8D25: ${error.message}${sourceHint ? `
+${sourceHint}` : ""}`;
+          throw error;
+        }
       }
-      fs.writeFileSync(`${mainDir}/${filename}.js`, mergeRender);
+      fs.writeFileSync(`${outputDir}/${filename}.js`, mergeRender);
     }
+    scriptRes.clear();
+    sourceMapRes.clear();
     progress.completedTasks++;
   }
 }
@@ -412,7 +429,7 @@ function getTemplateCompilerOptions(scopeId) {
 function isRegisteredWxsModule(modulePath) {
   return wxsModuleRegistry.has(modulePath);
 }
-function buildCompileView(module, isComponent = false, scriptRes, activePaths = /* @__PURE__ */ new Set(), inheritedTemplatePaths = /* @__PURE__ */ new Set()) {
+function buildCompileView(module, isComponent = false, scriptRes, activePaths = /* @__PURE__ */ new Set(), inheritedTemplatePaths = /* @__PURE__ */ new Set(), sourceMapRes = /* @__PURE__ */ new Map()) {
   const currentPath = module.path;
   if (activePaths.has(currentPath)) {
     return;
@@ -420,7 +437,8 @@ function buildCompileView(module, isComponent = false, scriptRes, activePaths =
   activePaths.add(currentPath);
   const allScriptModules = [];
   const currentInstruction = compileModule(module, isComponent, scriptRes, {
-    skipTemplatePaths: isComponent ? inheritedTemplatePaths : /* @__PURE__ */ new Set()
+    skipTemplatePaths: isComponent ? inheritedTemplatePaths : /* @__PURE__ */ new Set(),
+    sourceMapRes
   });
   if (currentInstruction && currentInstruction.scriptModule) {
     allScriptModules.push(...currentInstruction.scriptModule);
@@ -430,7 +448,9 @@ function buildCompileView(module, isComponent = false, scriptRes, activePaths =
     childInheritedTemplatePaths.add(tm.path);
   }
   if (module.usingComponents) {
-    for (const componentInfo of Object.values(module.usingComponents)) {
+    const graphDependencies = getDependencyGraph().getDirectDependencies(module.path, "component");
+    const componentDependencies = graphDependencies.length > 0 ? graphDependencies : Object.values(module.usingComponents);
+    for (const componentInfo of componentDependencies) {
       const componentModule = getComponent(componentInfo);
       if (!componentModule) {
         continue;
@@ -438,7 +458,7 @@ function buildCompileView(module, isComponent = false, scriptRes, activePaths =
       if (componentModule.path === module.path) {
         continue;
       }
-      const componentInstruction = buildCompileView(componentModule, true, scriptRes, activePaths, childInheritedTemplatePaths);
+      const componentInstruction = buildCompileView(componentModule, true, scriptRes, activePaths, childInheritedTemplatePaths, sourceMapRes);
       if (componentInstruction && componentInstruction.scriptModule) {
         for (const sm of componentInstruction.scriptModule) {
           if (!allScriptModules.find((existing) => existing.path === sm.path)) {
@@ -454,14 +474,15 @@ function buildCompileView(module, isComponent = false, scriptRes, activePaths =
         scriptRes.set(sm.path, sm.code);
       }
     }
-    compileModuleWithAllWxs(module, scriptRes, allScriptModules);
+    compileModuleWithAllWxs(module, scriptRes, allScriptModules, sourceMapRes);
   }
   activePaths.delete(currentPath);
   return { scriptModule: allScriptModules, templateModule: currentInstruction?.templateModule || [] };
 }
 function compileModule(module, isComponent, scriptRes, options = {}) {
   const skipTemplatePaths = options.skipTemplatePaths || /* @__PURE__ */ new Set();
-  const { tpl, instruction } = toCompileTemplate(isComponent, module.path, module.usingComponents, module.componentPlaceholder);
+  const sourceMapRes = options.sourceMapRes || /* @__PURE__ */ new Map();
+  const { tpl, instruction, sourceInfo } = toCompileTemplate(isComponent, module.path, module.usingComponents, module.componentPlaceholder);
   if (!tpl) {
     return null;
   }
@@ -491,6 +512,10 @@ function compileModule(module, isComponent, scriptRes, options = {}) {
   }
   if (useCache && cachedCode) {
     scriptRes.set(module.path, cachedCode);
+    const cachedMap = compileResCache.get(module.path)?.map;
+    if (enableSourcemap && cachedMap) {
+      sourceMapRes.set(module.path, cachedMap);
+    }
     const allWxsModules2 = collectAllWxsModules(scriptRes, /* @__PURE__ */ new Set(), instruction.scriptModule || []);
     if (allWxsModules2.length > 0) {
       const existingModules = instruction.scriptModule || [];
@@ -514,33 +539,41 @@ function compileModule(module, isComponent, scriptRes, options = {}) {
     // 用于错误提示
     id: `data-v-${module.id}`,
     scoped: true,
+    inMap: enableSourcemap ? createLineSourcemap(processedTpl, sourceInfo.path, sourceInfo.content) : void 0,
     compilerOptions: getTemplateCompilerOptions(`data-v-${module.id}`)
   });
-  let tplComponents = "{";
+  const templateResults = [];
   for (const tm of compileInstruction.templateModule) {
-    let { code: code2 } = compileTemplate({
+    const compiledTemplate = compileTemplate({
       source: tm.tpl,
       filename: tm.path,
       id: `data-v-${module.id}`,
       scoped: true,
+      inMap: enableSourcemap && tm.sourceInfo ? createLineSourcemap(tm.tpl, tm.sourceInfo.path, tm.sourceInfo.content, tm.sourceInfo.startLine) : void 0,
       compilerOptions: getTemplateCompilerOptions(`data-v-${module.id}`)
     });
-    code2 = insertWxsToRenderCode(code2, compileInstruction.scriptModule, scriptRes, tm.path);
-    tplComponents += `'${tm.path}':${code2},`;
+    templateResults.push({
+      path: tm.path,
+      ...insertWxsToRenderResult(compiledTemplate.code, compileInstruction.scriptModule, scriptRes, tm.path, compiledTemplate.map)
+    });
   }
-  tplComponents += "}";
-  const transCode = insertWxsToRenderCode(tplCode.code, compileInstruction.scriptModule, scriptRes, module.path);
-  const code = `Module({
+  const renderResult = insertWxsToRenderResult(tplCode.code, compileInstruction.scriptModule, scriptRes, module.path, tplCode.map);
+  const moduleChunks = [`Module({
 		path: '${module.path}',
 		id: '${module.id}',
 		appStyleScopeId: ${JSON.stringify(module.appStyleScopeId || null)},
 		sharedStyleScopeIds: ${JSON.stringify(module.sharedStyleScopeIds || [])},
 		styleIsolation: ${JSON.stringify(module.styleIsolation || "isolated")},
-		render: ${transCode},
+		render: `, renderResult, `,
 		usingComponents: ${JSON.stringify(module.usingComponents)},
+		componentPlaceholder: ${JSON.stringify(module.componentPlaceholder || {})},
 		customTabBar: ${JSON.stringify(module.customTabBar || null)},
-		tplComponents: ${tplComponents},
-		});`;
+		tplComponents: {`];
+  for (const templateResult of templateResults) {
+    moduleChunks.push(`'${templateResult.path}':`, templateResult, ",");
+  }
+  moduleChunks.push("},\n		});");
+  const { code, sourcemap: moduleMap } = concatSourcemap(moduleChunks, module.path);
   const allWxsModules = collectAllWxsModules(scriptRes, /* @__PURE__ */ new Set(), compileInstruction.scriptModule || []);
   if (allWxsModules.length > 0) {
     const existingModules = compileInstruction.scriptModule || [];
@@ -554,18 +587,25 @@ function compileModule(module, isComponent, scriptRes, options = {}) {
   }
   const cacheData = {
     code,
-    instruction: compileInstruction
+    instruction: compileInstruction,
+    map: enableSourcemap ? moduleMap : null
   };
   if (canUseCache) {
     compileResCache.set(module.path, cacheData);
   }
   scriptRes.set(module.path, code);
+  if (enableSourcemap) {
+    sourceMapRes.set(module.path, moduleMap);
+  }
   return {
     ...compileInstruction,
     templateModule
   };
 }
-function processWxsContent(wxsContent, wxsFilePath, scriptModule, workPath, filePath) {
+function processWxsContent(wxsContent, wxsFilePath, scriptModule, workPath, filePath, graphOwnerPath = filePath) {
+  if (wxsFilePath && graphOwnerPath) {
+    getDependencyGraph().addFile(graphOwnerPath, wxsFilePath, "view");
+  }
   let wxsAst;
   try {
     wxsAst = parseJs(wxsContent, wxsFilePath || "inline.wxs", "script");
@@ -614,7 +654,7 @@ function processWxsContent(wxsContent, wxsFilePath, scriptModule, workPath, file
               resolvedWxsPath = path.resolve(currentWxsDir, requirePath);
               const relativePath = stripViewScriptExt(resolvedWxsPath.replace(workPath, ""));
               const moduleName = relativePath.replace(/[\/\\@\-]/g, "_").replace(/^_/, "");
-              processWxsDependency(resolvedWxsPath, moduleName, scriptModule, workPath, filePath);
+              processWxsDependency(resolvedWxsPath, moduleName, scriptModule, workPath, filePath, graphOwnerPath);
               replacements.push({
                 start: node.arguments[0].start,
                 end: node.arguments[0].end,
@@ -625,7 +665,7 @@ function processWxsContent(wxsContent, wxsFilePath, scriptModule, workPath, file
               resolvedWxsPath = path.resolve(currentWxsDir, requirePath);
               const relativePath = stripViewScriptExt(resolvedWxsPath.replace(workPath, ""));
               const depModuleName = relativePath.replace(/[\/\\@\-]/g, "_").replace(/^_/, "");
-              processWxsDependency(resolvedWxsPath, depModuleName, scriptModule, workPath, filePath);
+              processWxsDependency(resolvedWxsPath, depModuleName, scriptModule, workPath, filePath, graphOwnerPath);
               replacements.push({
                 start: node.arguments[0].start,
                 end: node.arguments[0].end,
@@ -658,7 +698,7 @@ function isWxsModuleByContent(moduleCode, modulePath = "") {
   }
   return false;
 }
-function processWxsDependency(wxsFilePath, moduleName, scriptModule, workPath, filePath) {
+function processWxsDependency(wxsFilePath, moduleName, scriptModule, workPath, filePath, graphOwnerPath = filePath) {
   if (!fs.existsSync(wxsFilePath)) {
     console.warn(`[view] wxs \u4F9D\u8D56\u6587\u4EF6\u4E0D\u5B58\u5728: ${wxsFilePath}`);
     return;
@@ -670,15 +710,15 @@ function processWxsDependency(wxsFilePath, moduleName, scriptModule, workPath, f
   if (!wxsContent) {
     return;
   }
-  const wxsCode = processWxsContent(wxsContent, wxsFilePath, scriptModule, workPath, filePath);
+  const wxsCode = processWxsContent(wxsContent, wxsFilePath, scriptModule, workPath, filePath, graphOwnerPath);
   registerWxsModule(moduleName);
   scriptModule.push({
     path: moduleName,
     code: wxsCode
   });
 }
-function compileModuleWithAllWxs(module, scriptRes, allScriptModules) {
-  const { tpl, instruction } = toCompileTemplate(false, module.path, module.usingComponents, module.componentPlaceholder);
+function compileModuleWithAllWxs(module, scriptRes, allScriptModules, sourceMapRes = /* @__PURE__ */ new Map()) {
+  const { tpl, instruction, sourceInfo } = toCompileTemplate(false, module.path, module.usingComponents, module.componentPlaceholder);
   if (!tpl) {
     return;
   }
@@ -692,46 +732,58 @@ function compileModuleWithAllWxs(module, scriptRes, allScriptModules) {
     filename: module.path,
     id: `data-v-${module.id}`,
     scoped: true,
+    inMap: enableSourcemap ? createLineSourcemap(processedTpl, sourceInfo.path, sourceInfo.content) : void 0,
     compilerOptions: getTemplateCompilerOptions(`data-v-${module.id}`)
   });
-  let tplComponents = "{";
+  const templateResults = [];
   for (const tm of mergedInstruction.templateModule) {
-    let { code: code2 } = compileTemplate({
+    const compiledTemplate = compileTemplate({
       source: tm.tpl,
       filename: tm.path,
       id: `data-v-${module.id}`,
       scoped: true,
+      inMap: enableSourcemap && tm.sourceInfo ? createLineSourcemap(tm.tpl, tm.sourceInfo.path, tm.sourceInfo.content, tm.sourceInfo.startLine) : void 0,
       compilerOptions: getTemplateCompilerOptions(`data-v-${module.id}`)
     });
-    code2 = insertWxsToRenderCode(code2, allScriptModules, scriptRes, tm.path);
-    tplComponents += `'${tm.path}':${code2},`;
+    templateResults.push({
+      path: tm.path,
+      ...insertWxsToRenderResult(compiledTemplate.code, allScriptModules, scriptRes, tm.path, compiledTemplate.map)
+    });
   }
-  tplComponents += "}";
-  const transCode = insertWxsToRenderCode(tplCode.code, allScriptModules, scriptRes, module.path);
-  const code = `Module({
+  const renderResult = insertWxsToRenderResult(tplCode.code, allScriptModules, scriptRes, module.path, tplCode.map);
+  const moduleChunks = [`Module({
 		path: '${module.path}',
 		id: '${module.id}',
 		appStyleScopeId: ${JSON.stringify(module.appStyleScopeId || null)},
 		sharedStyleScopeIds: ${JSON.stringify(module.sharedStyleScopeIds || [])},
 		styleIsolation: ${JSON.stringify(module.styleIsolation || "isolated")},
-		render: ${transCode},
+		render: `, renderResult, `,
 		usingComponents: ${JSON.stringify(module.usingComponents)},
+		componentPlaceholder: ${JSON.stringify(module.componentPlaceholder || {})},
 		customTabBar: ${JSON.stringify(module.customTabBar || null)},
-		tplComponents: ${tplComponents},
-		});`;
+		tplComponents: {`];
+  for (const templateResult of templateResults) {
+    moduleChunks.push(`'${templateResult.path}':`, templateResult, ",");
+  }
+  moduleChunks.push("},\n		});");
+  const { code, sourcemap: moduleMap } = concatSourcemap(moduleChunks, module.path);
   const cacheData = {
     code,
-    instruction: mergedInstruction
+    instruction: mergedInstruction,
+    map: enableSourcemap ? moduleMap : null
   };
   compileResCache.set(module.path, cacheData);
   scriptRes.set(module.path, code);
+  if (enableSourcemap) {
+    sourceMapRes.set(module.path, moduleMap);
+  }
 }
 function processIncludeConditionalAttrs($, elem, includeContent) {
   const allAttrs = $(elem).attr();
   const conditionAttrs = {};
   let hasCondition = false;
   for (const attrName in allAttrs) {
-    if (attrName.endsWith(":if") || attrName.endsWith(":elif") || attrName.endsWith(":else")) {
+    if (["if", "elif", "else"].includes(getTemplateDirectiveName(attrName))) {
       conditionAttrs[attrName] = allAttrs[attrName];
       hasCondition = true;
     }
@@ -795,10 +847,12 @@ function toCompileTemplate(isComponent, path2, components, componentPlaceholder,
   if (!fullPath) {
     return { tpl: void 0 };
   }
+  getDependencyGraph().addFile(path2, fullPath, "view");
   const sourcePath = toMiniProgramModuleId(fullPath, workPath).replace(buildExtStripRegex(getTemplateExts()), "");
   const diagnosticSource = fullPath.startsWith(workPath) ? fullPath.slice(workPath.length) : path2;
-  let content = getContentByPath(fullPath).trim();
-  if (!content) {
+  const originalContent = getContentByPath(fullPath);
+  let content = originalContent;
+  if (!content.trim()) {
     content = "<block></block>";
   } else {
     checkTemplateCompatibility(content, diagnosticSource, components);
@@ -823,36 +877,45 @@ function toCompileTemplate(isComponent, path2, components, componentPlaceholder,
     _useHtmlParser2: true,
     // 减少内存占用的配置
     lowerCaseTags: false,
-    lowerCaseAttributeNames: false
+    lowerCaseAttributeNames: false,
+    withStartIndices: true,
+    withEndIndices: true
   });
   const includeNodes = $("include");
   includeNodes.each((_, elem) => {
     const src = $(elem).attr("src");
     if (src) {
       const includeFullPath = resolveTemplateDependencyPath(workPath, sourcePath, src);
+      getDependencyGraph().addFile(path2, includeFullPath, "view");
       let includePath = includeFullPath.replace(workPath, "").replace(buildExtStripRegex(getTemplateExts()), "");
       const includeDiagnosticSource = includeFullPath.startsWith(workPath) ? includeFullPath.slice(workPath.length) : includePath;
       if (!includePath.startsWith("/")) {
         includePath = "/" + includePath;
       }
-      const includeContent = getContentByPath(includeFullPath).trim();
-      if (includeContent) {
+      const includeContent = getContentByPath(includeFullPath);
+      if (includeContent.trim()) {
         checkTemplateCompatibility(includeContent, includeDiagnosticSource, components);
         const $includeContent = cheerio.load(includeContent, {
           xmlMode: true,
-          decodeEntities: false
+          decodeEntities: false,
+          _useHtmlParser2: true,
+          withStartIndices: true,
+          withEndIndices: true
         });
         transTagTemplate(
           $includeContent,
           templateModule,
           includePath,
           components,
-          componentPlaceholder
+          componentPlaceholder,
+          { path: includeDiagnosticSource, content: includeContent },
+          path2
         );
         transTagWxs(
           $includeContent,
           scriptModule,
-          includePath
+          includePath,
+          path2
         );
         processIncludedFileWxsDependencies(includeContent, includePath, scriptModule, components, processedPaths);
         $includeContent("template").remove();
@@ -866,54 +929,73 @@ function toCompileTemplate(isComponent, path2, components, componentPlaceholder,
       $(elem).remove();
     }
   });
-  transTagTemplate($, templateModule, sourcePath, components, componentPlaceholder);
-  transTagWxs($, scriptModule, sourcePath);
+  transTagTemplate(
+    $,
+    templateModule,
+    sourcePath,
+    components,
+    componentPlaceholder,
+    { path: diagnosticSource, content: originalContent },
+    path2
+  );
+  transTagWxs($, scriptModule, sourcePath, path2);
   const importNodes = $("import");
   importNodes.each((_, elem) => {
     const src = $(elem).attr("src");
     if (src) {
       const importFullPath = resolveTemplateDependencyPath(workPath, sourcePath, src);
+      getDependencyGraph().addFile(path2, importFullPath, "view");
       let importPath = importFullPath.replace(workPath, "").replace(buildExtStripRegex(getTemplateExts()), "");
       const importDiagnosticSource = importFullPath.startsWith(workPath) ? importFullPath.slice(workPath.length) : importPath;
       if (!importPath.startsWith("/")) {
         importPath = "/" + importPath;
       }
-      const importContent = getContentByPath(importFullPath).trim();
-      if (importContent) {
+      const importContent = getContentByPath(importFullPath);
+      if (importContent.trim()) {
         checkTemplateCompatibility(importContent, importDiagnosticSource, components);
         const $$ = cheerio.load(importContent, {
           xmlMode: true,
-          decodeEntities: false
+          decodeEntities: false,
+          _useHtmlParser2: true,
+          withStartIndices: true,
+          withEndIndices: true
         });
         transTagTemplate(
           $$,
           templateModule,
           importPath,
           components,
-          componentPlaceholder
+          componentPlaceholder,
+          { path: importDiagnosticSource, content: importContent },
+          path2
         );
         transTagWxs(
           $$,
           scriptModule,
-          importPath
+          importPath,
+          path2
         );
         processIncludedFileWxsDependencies(importContent, importPath, scriptModule, components, processedPaths);
       }
     }
   });
   importNodes.remove();
-  transAsses($, $("image"), sourcePath);
+  transAsses($, $("image"), sourcePath, path2);
   const res = [];
   transHtmlTag($.html(), res, components, componentPlaceholder);
   return {
     tpl: res.join(""),
+    sourceInfo: {
+      path: diagnosticSource,
+      content: originalContent
+    },
     instruction: {
       templateModule,
       scriptModule
     }
   };
 }
-function transTagTemplate($, templateModule, path2, components, componentPlaceholder) {
+function transTagTemplate($, templateModule, path2, components, componentPlaceholder, sourceInfo, graphOwnerPath = path2) {
   const templateNodes = $("template[name]");
   templateNodes.each((_, elem) => {
     const name = $(elem).attr("name");
@@ -921,20 +1003,34 @@ function transTagTemplate($, templateModule, path2, components, componentPlaceho
     templateContent.find("import").remove();
     templateContent.find("include").remove();
     templateContent.find(getViewScriptTags().join(",")).remove();
-    transAsses($, templateContent.find("image"), path2);
+    transAsses($, templateContent.find("image"), path2, graphOwnerPath);
     const res = [];
     transHtmlTag(templateContent.html(), res, components, componentPlaceholder);
     templateModule.push({
       path: `tpl-${name}`,
-      tpl: res.join("")
+      tpl: res.join(""),
+      sourceInfo: sourceInfo ? {
+        ...sourceInfo,
+        startLine: getSourceLine(sourceInfo.content, elem.children?.[0]?.startIndex ?? elem.startIndex)
+      } : null
     });
   });
   templateNodes.remove();
 }
-function transAsses($, imageNodes, path2) {
+function getSourceLine(source, index = 0) {
+  return source.slice(0, Math.max(0, index)).split("\n").length;
+}
+function transAsses($, imageNodes, path2, graphOwnerPath = path2) {
   imageNodes.each((_, elem) => {
     const imgSrc = $(elem).attr("src").trim();
     if (!imgSrc.startsWith("{{")) {
+      if (!imgSrc.startsWith("http") && !imgSrc.startsWith("//") && /\.(?:png|jpe?g|gif|svg)(?:\?.*)?$/.test(imgSrc)) {
+        getDependencyGraph().addFile(
+          graphOwnerPath,
+          resolveAssetSourcePath(getWorkPath(), path2, imgSrc),
+          "view"
+        );
+      }
       $(elem).attr("src", collectAssets(getWorkPath(), path2, imgSrc, getTargetPath(), getAppId()));
     }
   });
@@ -942,7 +1038,8 @@ function transAsses($, imageNodes, path2) {
 var DIMINA_SLOT_GROUP_TAG = "dimina-slot-group";
 var DIMINA_FOR_SCOPE_TAG = "dimina-for-scope";
 function getDirectiveAttributeNames(attrs, suffixes) {
-  return Object.keys(attrs || {}).filter((name) => suffixes.some((suffix) => name.endsWith(suffix)));
+  const directiveNames = new Set(suffixes.map((suffix) => suffix.replace(/^:/, "")));
+  return Object.keys(attrs || {}).filter((name) => directiveNames.has(getTemplateDirectiveName(name)));
 }
 function hasForAndIf(attrs) {
   return getDirectiveAttributeNames(attrs, [":for", ":for-items"]).length > 0 && getDirectiveAttributeNames(attrs, [":if"]).length > 0;
@@ -1120,28 +1217,29 @@ function getProps(attrs, tag, components) {
     });
   }
   Object.entries(attrs).forEach(([name, value]) => {
-    if (name.endsWith(":if")) {
+    const templateDirective = getTemplateDirectiveName(name);
+    if (templateDirective === "if") {
       attrsList.push({
         name: "v-if",
         value: parseSafeBraceExp(value)
       });
-    } else if (name.endsWith(":elif")) {
+    } else if (templateDirective === "elif") {
       attrsList.push({
         name: "v-else-if",
         value: parseSafeBraceExp(value)
       });
-    } else if (name.endsWith(":else")) {
+    } else if (templateDirective === "else") {
       attrsList.push({
         name: "v-else",
         value: ""
       });
-    } else if (name.endsWith(":for") || name.endsWith(":for-items")) {
+    } else if (templateDirective === "for" || templateDirective === "for-items") {
       attrsList.push({
         name: "v-for",
         value: parseForExp(value, attrs)
       });
-    } else if (name.endsWith(":for-item") || name.endsWith(":for-index")) {
-    } else if (name.endsWith(":key")) {
+    } else if (templateDirective === "for-item" || templateDirective === "for-index") {
+    } else if (templateDirective === "key") {
       const tranValue = parseKeyExpression(value, getForItemName(attrs), getForIndexName(attrs));
       attrsList.push({
         name: ":key",
@@ -1401,7 +1499,7 @@ function parseClassRules(cssRule) {
 }
 function getForItemName(attrs) {
   for (const key in attrs) {
-    if (key.endsWith(":for-item")) {
+    if (getTemplateDirectiveName(key) === "for-item") {
       return attrs[key];
     }
   }
@@ -1409,7 +1507,7 @@ function getForItemName(attrs) {
 }
 function getForIndexName(attrs) {
   for (const key in attrs) {
-    if (key.endsWith(":for-index")) {
+    if (getTemplateDirectiveName(key) === "for-index") {
       return attrs[key];
     }
   }
@@ -1461,7 +1559,7 @@ function parseTemplateDataExp(exp) {
   }
   return `{${parseSafeBraceExp(exp)}}`;
 }
-function transTagWxs($, scriptModule, filePath) {
+function transTagWxs($, scriptModule, filePath, graphOwnerPath = filePath) {
   const wxsNodes = $(getViewScriptTags().join(","));
   wxsNodes.each((_, elem) => {
     const smName = $(elem).attr("module");
@@ -1481,6 +1579,7 @@ function transTagWxs($, scriptModule, filePath) {
           wxsFilePath = getAbsolutePath(workPath, filePath, src);
         }
         if (wxsFilePath) {
+          getDependencyGraph().addFile(graphOwnerPath, wxsFilePath, "view");
           const relativePath = stripViewScriptExt(wxsFilePath.replace(workPath, ""));
           uniqueModuleName = relativePath.replace(/[\/\\@\-]/g, "_").replace(/^_/, "");
           cacheKey = wxsFilePath;
@@ -1502,7 +1601,7 @@ function transTagWxs($, scriptModule, filePath) {
         if (!wxsContent) {
           return;
         }
-        wxsContent = processWxsContent(wxsContent, wxsFilePath, scriptModule, workPath, filePath);
+        wxsContent = processWxsContent(wxsContent, wxsFilePath, scriptModule, workPath, filePath, graphOwnerPath);
         compileResCache.set(cacheKey, wxsContent);
       }
       if (wxsContent) {
@@ -1586,7 +1685,7 @@ function extractWxsDependencies(moduleCode) {
   }
   return dependencies;
 }
-function insertWxsToRenderCode(code, scriptModule, scriptRes, filename = "render.js") {
+function insertWxsToRenderResult(code, scriptModule, scriptRes, filename = "render.js", inputMap = null) {
   const wxsBindings = [];
   const codeReplacements = [];
   const ast = parseJs(code, filename);
@@ -1640,11 +1739,35 @@ ${declarations.join("\n")}`
     }
   });
   if (codeReplacements.length === 0) {
-    return getProgramCode(code, ast);
+    return { code: getProgramCode(code, ast), map: inputMap };
   }
   const transformed = applyCodeReplacements(code, codeReplacements);
+  let map = inputMap;
+  if (enableSourcemap) {
+    const generatedMap = new MagicString(code);
+    const selected = [];
+    for (const replacement of [...codeReplacements].sort((a, b) => b.end - b.start - (a.end - a.start))) {
+      if (!selected.some((item) => replacement.start < item.end && item.start < replacement.end)) {
+        selected.push(replacement);
+      }
+    }
+    for (const replacement of selected.sort((a, b) => b.start - a.start)) {
+      if (replacement.type === "insert") {
+        generatedMap.appendLeft(replacement.start, replacement.value);
+      } else {
+        generatedMap.overwrite(replacement.start, replacement.end, replacement.value);
+      }
+    }
+    const wxsTransformMap = generatedMap.generateMap({
+      file: filename,
+      source: filename,
+      includeContent: true,
+      hires: true
+    }).toString();
+    map = inputMap ? remapSourcemap(wxsTransformMap, inputMap) : wxsTransformMap;
+  }
   const transformedAst = parseJs(transformed, filename);
-  return getProgramCode(transformed, transformedAst);
+  return { code: getProgramCode(transformed, transformedAst), map };
 }
 function __resetViewState() {
   compileResCache.clear();