@weapp-vite/web 1.2.4 → 1.3.1

package/dist/plugin.mjs

@@ -1,150 +1,41 @@
-// src/plugin.ts
-import process from "process";
-import { parse } from "@babel/parser";
-import _babelTraverse from "@babel/traverse";
-import * as t from "@babel/types";
-import fs from "fs-extra";
-import MagicString from "magic-string";
-import { dirname as dirname2, extname, join, normalize, posix, relative as relative2, resolve } from "pathe";
-import { bundleRequire } from "rolldown-require";
+// src/plugin/index.ts
+import process2 from "process";
+import { extname as extname4, resolve as resolve3 } from "pathe";
 
-// src/compiler/wxml.ts
+// src/compiler/wxml/compile.ts
 import { readFileSync } from "fs";
-import { parseDocument } from "htmlparser2";
-import { dirname, relative } from "pathe";
-
-// src/shared/wxml.ts
-var CONTROL_ATTRS = /* @__PURE__ */ new Set([
-  "wx:if",
-  "wx:elif",
-  "wx:else",
-  "wx:for",
-  "wx:for-item",
-  "wx:for-index",
-  "wx:key"
-]);
-var EVENT_PREFIX_RE = /^(?:bind|catch|mut-bind|capture-bind|capture-catch)([\w-]+)$/;
-var EVENT_KIND_ALIAS = {
-  tap: "click"
-};
-var SELF_CLOSING_TAGS = /* @__PURE__ */ new Set([
-  "area",
-  "base",
-  "br",
-  "col",
-  "embed",
-  "hr",
-  "img",
-  "image",
-  "input",
-  "link",
-  "meta",
-  "param",
-  "source",
-  "track",
-  "wbr"
-]);
-function normalizeTagName(name) {
-  switch (name) {
-    case "view":
-    case "cover-view":
-    case "navigator":
-    case "scroll-view":
-    case "swiper":
-    case "swiper-item":
-    case "movable-area":
-    case "movable-view":
-    case "cover-image":
-      return "div";
-    case "text":
-    case "icon":
-      return "span";
-    case "image":
-      return "img";
-    case "button":
-      return "weapp-button";
-    case "input":
-      return "input";
-    case "textarea":
-      return "textarea";
-    case "form":
-      return "form";
-    case "label":
-      return "label";
-    case "picker":
-    case "picker-view":
-      return "select";
-    case "block":
-      return "#fragment";
-    case "slot":
-      return "slot";
-    default:
-      return name || "div";
-  }
-}
-function normalizeAttributeName(name) {
-  if (name === "class" || name === "style" || name.startsWith("data-")) {
-    return name;
-  }
-  if (name === "hover-class") {
-    return "data-hover-class";
-  }
-  return name.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
-}
 
-// src/compiler/wxml.ts
-function shouldMarkWxsImport(pathname) {
-  const lower = pathname.toLowerCase();
-  if (lower.endsWith(".wxs") || lower.endsWith(".wxs.ts") || lower.endsWith(".wxs.js")) {
-    return false;
-  }
-  return lower.endsWith(".ts") || lower.endsWith(".js");
+// src/compiler/wxml/dependency.ts
+function createDependencyContext() {
+  return {
+    warnings: [],
+    dependencies: [],
+    dependencySet: /* @__PURE__ */ new Set(),
+    visited: /* @__PURE__ */ new Set(),
+    active: /* @__PURE__ */ new Set(),
+    circularWarnings: /* @__PURE__ */ new Set()
+  };
 }
-function isRenderableNode(node) {
-  if (node.type === "directive" || node.type === "comment") {
-    return false;
-  }
-  if (node.type === "text") {
-    const data = node.data ?? "";
-    return data.trim().length > 0;
+function addDependency(value, context, direct) {
+  if (!context.dependencySet.has(value)) {
+    context.dependencySet.add(value);
+    context.dependencies.push(value);
+    direct?.push(value);
   }
-  return true;
 }
-function hasChildren(node) {
-  return Array.isArray(node.children);
-}
-function toRenderNode(node, children) {
-  if (node.type === "text") {
-    const data = node.data ?? "";
-    return { type: "text", data };
-  }
-  if (node.type === "tag" || node.type === "script" || node.type === "style") {
-    const element = node;
-    return {
-      type: "element",
-      name: element.name,
-      attribs: element.attribs ?? {},
-      children
-    };
-  }
-  return void 0;
+function warnReadTemplate(context, target) {
+  context.warnings.push(`[web] \u65E0\u6CD5\u8BFB\u53D6\u6A21\u677F\u4F9D\u8D56: ${target}`);
 }
-function convertNode(node) {
-  if (!isRenderableNode(node)) {
-    return void 0;
+function warnCircularTemplate(context, from, target) {
+  const key = `${from}=>${target}`;
+  if (context.circularWarnings.has(key)) {
+    return;
   }
-  const children = hasChildren(node) && node.children.length > 0 ? node.children.map((child) => convertNode(child)).filter((child) => Boolean(child)) : void 0;
-  return toRenderNode(node, children);
-}
-function parseWxml(source) {
-  const document = parseDocument(source, {
-    xmlMode: true,
-    decodeEntities: true,
-    recognizeSelfClosing: true
-  });
-  const nodes = (document.children ?? []).filter(isRenderableNode);
-  return nodes.map((node) => convertNode(node)).filter((node) => Boolean(node));
+  context.circularWarnings.add(key);
+  context.warnings.push(`[web] WXML \u5FAA\u73AF\u5F15\u7528: ${from} -> ${target}`);
 }
+
+// src/compiler/wxml/navigation.ts
 var NAVIGATION_BAR_ATTRS = /* @__PURE__ */ new Set([
   "title",
   "background-color",
@@ -260,74 +151,203 @@ function buildNavigationBarAttrs(config, overrides) {
   }
   return attrs;
 }
-function parseInterpolations(value) {
-  const parts = [];
-  if (!value.includes("{{")) {
-    return [{ type: "text", value }];
+
+// src/compiler/wxml/parser.ts
+import { parseDocument } from "htmlparser2";
+function isRenderableNode(node) {
+  if (node.type === "directive" || node.type === "comment") {
+    return false;
   }
-  let cursor = 0;
-  while (cursor < value.length) {
-    const start = value.indexOf("{{", cursor);
-    if (start === -1) {
-      parts.push({ type: "text", value: value.slice(cursor) });
-      break;
-    }
-    if (start > cursor) {
-      parts.push({ type: "text", value: value.slice(cursor, start) });
-    }
-    const end = value.indexOf("}}", start + 2);
-    if (end === -1) {
-      parts.push({ type: "text", value: value.slice(start) });
-      break;
-    }
-    const expr = value.slice(start + 2, end).trim();
-    if (expr) {
-      parts.push({ type: "expr", value: expr });
-    }
-    cursor = end + 2;
+  if (node.type === "text") {
+    const data = node.data ?? "";
+    return data.trim().length > 0;
   }
-  return parts;
+  return true;
 }
-function buildExpression(parts, scopeVar, wxsVar) {
-  if (parts.length === 0) {
-    return '""';
+function hasChildren(node) {
+  return Array.isArray(node.children);
+}
+function toRenderNode(node, children) {
+  if (node.type === "text") {
+    const data = node.data ?? "";
+    return { type: "text", data };
   }
-  if (parts.length === 1 && parts[0]?.type === "text") {
-    return JSON.stringify(parts[0].value);
+  if (node.type === "tag" || node.type === "script" || node.type === "style") {
+    const element = node;
+    return {
+      type: "element",
+      name: element.name,
+      attribs: element.attribs ?? {},
+      children
+    };
   }
-  if (parts.length === 1 && parts[0]?.type === "expr") {
-    return `ctx.eval(${JSON.stringify(parts[0].value)}, ${scopeVar}, ${wxsVar})`;
+  return void 0;
+}
+function convertNode(node) {
+  if (!isRenderableNode(node)) {
+    return void 0;
   }
-  const segments = parts.map((part) => {
-    if (part.type === "text") {
-      return JSON.stringify(part.value);
-    }
-    return `ctx.eval(${JSON.stringify(part.value)}, ${scopeVar}, ${wxsVar})`;
+  const children = hasChildren(node) && node.children.length > 0 ? node.children.map((child) => convertNode(child)).filter((child) => Boolean(child)) : void 0;
+  return toRenderNode(node, children);
+}
+function parseWxml(source) {
+  const document = parseDocument(source, {
+    xmlMode: true,
+    decodeEntities: true,
+    recognizeSelfClosing: true
   });
-  return `(${segments.join(" + ")})`;
+  const nodes = (document.children ?? []).filter(isRenderableNode);
+  return nodes.map((node) => convertNode(node)).filter((node) => Boolean(node));
 }
-function hasTopLevelColon(expression) {
-  let depth = 0;
-  let inSingleQuote = false;
-  let inDoubleQuote = false;
-  let inTemplate = false;
-  let escaped = false;
-  let sawTopLevelQuestion = false;
-  for (let index = 0; index < expression.length; index += 1) {
-    const char = expression[index];
-    if (inSingleQuote) {
-      if (escaped) {
-        escaped = false;
-        continue;
-      }
-      if (char === "\\") {
-        escaped = true;
-        continue;
-      }
-      if (char === "'") {
-        inSingleQuote = false;
-      }
-      continue;
+
+// src/shared/wxml.ts
+var CONTROL_ATTRS = /* @__PURE__ */ new Set([
+  "wx:if",
+  "wx:elif",
+  "wx:else",
+  "wx:for",
+  "wx:for-item",
+  "wx:for-index",
+  "wx:key"
+]);
+var EVENT_PREFIX_RE = /^(?:bind|catch|mut-bind|capture-bind|capture-catch)([\w-]+)$/;
+var EVENT_KIND_ALIAS = {
+  tap: "click"
+};
+var SELF_CLOSING_TAGS = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "image",
+  "input",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+function normalizeTagName(name) {
+  switch (name) {
+    case "view":
+    case "cover-view":
+    case "navigator":
+    case "scroll-view":
+    case "swiper":
+    case "swiper-item":
+    case "movable-area":
+    case "movable-view":
+    case "cover-image":
+      return "div";
+    case "text":
+    case "icon":
+      return "span";
+    case "image":
+      return "img";
+    case "button":
+      return "weapp-button";
+    case "input":
+      return "input";
+    case "textarea":
+      return "textarea";
+    case "form":
+      return "form";
+    case "label":
+      return "label";
+    case "picker":
+    case "picker-view":
+      return "select";
+    case "block":
+      return "#fragment";
+    case "slot":
+      return "slot";
+    default:
+      return name || "div";
+  }
+}
+function normalizeAttributeName(name) {
+  if (name === "class" || name === "style" || name.startsWith("data-")) {
+    return name;
+  }
+  if (name === "hover-class") {
+    return "data-hover-class";
+  }
+  return name.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
+}
+
+// src/compiler/wxml/interpolation.ts
+function parseInterpolations(value) {
+  const parts = [];
+  if (!value.includes("{{")) {
+    return [{ type: "text", value }];
+  }
+  let cursor = 0;
+  while (cursor < value.length) {
+    const start = value.indexOf("{{", cursor);
+    if (start === -1) {
+      parts.push({ type: "text", value: value.slice(cursor) });
+      break;
+    }
+    if (start > cursor) {
+      parts.push({ type: "text", value: value.slice(cursor, start) });
+    }
+    const end = value.indexOf("}}", start + 2);
+    if (end === -1) {
+      parts.push({ type: "text", value: value.slice(start) });
+      break;
+    }
+    const expr = value.slice(start + 2, end).trim();
+    if (expr) {
+      parts.push({ type: "expr", value: expr });
+    }
+    cursor = end + 2;
+  }
+  return parts;
+}
+function buildExpression(parts, scopeVar, wxsVar) {
+  if (parts.length === 0) {
+    return '""';
+  }
+  if (parts.length === 1 && parts[0]?.type === "text") {
+    return JSON.stringify(parts[0].value);
+  }
+  if (parts.length === 1 && parts[0]?.type === "expr") {
+    return `ctx.eval(${JSON.stringify(parts[0].value)}, ${scopeVar}, ${wxsVar})`;
+  }
+  const segments = parts.map((part) => {
+    if (part.type === "text") {
+      return JSON.stringify(part.value);
+    }
+    return `ctx.eval(${JSON.stringify(part.value)}, ${scopeVar}, ${wxsVar})`;
+  });
+  return `(${segments.join(" + ")})`;
+}
+function hasTopLevelColon(expression) {
+  let depth = 0;
+  let inSingleQuote = false;
+  let inDoubleQuote = false;
+  let inTemplate = false;
+  let escaped = false;
+  let sawTopLevelQuestion = false;
+  for (let index = 0; index < expression.length; index += 1) {
+    const char = expression[index];
+    if (inSingleQuote) {
+      if (escaped) {
+        escaped = false;
+        continue;
+      }
+      if (char === "\\") {
+        escaped = true;
+        continue;
+      }
+      if (char === "'") {
+        inSingleQuote = false;
+      }
+      continue;
     }
     if (inDoubleQuote) {
       if (escaped) {
@@ -412,34 +432,8 @@ function buildTemplateDataExpression(raw, scopeVar, wxsVar) {
   }
   return buildExpression(parseInterpolations(raw), scopeVar, wxsVar);
 }
-function createDependencyContext() {
-  return {
-    warnings: [],
-    dependencies: [],
-    dependencySet: /* @__PURE__ */ new Set(),
-    visited: /* @__PURE__ */ new Set(),
-    active: /* @__PURE__ */ new Set(),
-    circularWarnings: /* @__PURE__ */ new Set()
-  };
-}
-function addDependency(value, context, direct) {
-  if (!context.dependencySet.has(value)) {
-    context.dependencySet.add(value);
-    context.dependencies.push(value);
-    direct?.push(value);
-  }
-}
-function warnReadTemplate(context, target) {
-  context.warnings.push(`[web] \u65E0\u6CD5\u8BFB\u53D6\u6A21\u677F\u4F9D\u8D56: ${target}`);
-}
-function warnCircularTemplate(context, from, target) {
-  const key = `${from}=>${target}`;
-  if (context.circularWarnings.has(key)) {
-    return;
-  }
-  context.circularWarnings.add(key);
-  context.warnings.push(`[web] WXML \u5FAA\u73AF\u5F15\u7528: ${from} -> ${target}`);
-}
+
+// src/compiler/wxml/attributes.ts
 function extractFor(attribs) {
   const expr = attribs["wx:for"];
   const itemName = attribs["wx:for-item"]?.trim() || "item";
@@ -528,6 +522,8 @@ function renderAttributes(attribs, scopeVar, wxsVar, options) {
   }
   return buffer;
 }
+
+// src/compiler/wxml/renderer.ts
 var Renderer = class {
   renderNodes(nodes, scopeVar, wxsVar, componentTags) {
     const parts = [];
@@ -605,13 +601,13 @@ var Renderer = class {
     }
     if (node.type === "element") {
       if (node.name === "template" && node.attribs?.is) {
-        return this.renderTemplateInvoke(node, scopeVar, wxsVar, componentTags);
+        return this.renderTemplateInvoke(node, scopeVar, wxsVar);
       }
       return this.renderElement(node, scopeVar, wxsVar, componentTags);
     }
     return '""';
   }
-  renderTemplateInvoke(node, scopeVar, wxsVar, _componentTags) {
+  renderTemplateInvoke(node, scopeVar, wxsVar) {
     const attribs = node.attribs ?? {};
     const isExpr = buildExpression(parseInterpolations(attribs.is ?? ""), scopeVar, wxsVar);
     const dataExpr = attribs.data ? buildTemplateDataExpression(attribs.data, scopeVar, wxsVar) : void 0;
@@ -657,6 +653,16 @@ var Renderer = class {
   }
 };
 var renderer = new Renderer();
+
+// src/compiler/wxml/specialNodes.ts
+import { dirname, relative } from "pathe";
+function shouldMarkWxsImport(pathname) {
+  const lower = pathname.toLowerCase();
+  if (lower.endsWith(".wxs") || lower.endsWith(".wxs.ts") || lower.endsWith(".wxs.js")) {
+    return false;
+  }
+  return lower.endsWith(".ts") || lower.endsWith(".js");
+}
 function collectSpecialNodes(nodes, context) {
   const renderable = [];
   for (const node of nodes) {
@@ -743,6 +749,8 @@ function toRelativeImport(from, target) {
 function normalizeTemplatePath(pathname) {
   return pathname.split("\\").join("/");
 }
+
+// src/compiler/wxml/compile.ts
 function compileWxml(options) {
   const dependencyContext = options.dependencyContext ?? createDependencyContext();
   const expandDependencies = options.expandDependencies ?? !options.dependencyContext;
@@ -1026,30 +1034,7 @@ function transformWxssToCss(source, options) {
   };
 }
 
-// src/shared/slugify.ts
-function slugify(id, prefix) {
-  const normalized = id.replace(/[^a-z0-9]+/gi, "-").replace(/^-+|-+$/g, "").toLowerCase();
-  return `${prefix}-${normalized || "index"}`;
-}
-
-// src/plugin.ts
-var traverseCandidate = (() => {
-  const mod = _babelTraverse;
-  if (typeof mod === "function") {
-    return mod;
-  }
-  if (mod?.default && typeof mod.default === "function") {
-    return mod.default;
-  }
-  if (mod?.traverse && typeof mod.traverse === "function") {
-    return mod.traverse;
-  }
-  return void 0;
-})();
-if (typeof traverseCandidate !== "function") {
-  throw new TypeError("[@weapp-vite/web] Failed to resolve @babel/traverse export.");
-}
-var traverse = traverseCandidate;
+// src/plugin/constants.ts
 var SCRIPT_EXTS = [".ts", ".tsx", ".js", ".jsx", ".mjs", ".cjs"];
 var STYLE_EXTS = [".wxss", ".scss", ".less", ".css"];
 var TRANSFORM_STYLE_EXTS = [".wxss"];
@@ -1057,593 +1042,53 @@ var TEMPLATE_EXTS = [".wxml", ".axml", ".swan", ".ttml", ".qml", ".ksml", ".xhsm
 var WXS_EXTS = [".wxs", ".wxs.ts", ".wxs.js"];
 var WXS_RESOLVE_EXTS = [".wxs", ".wxs.ts", ".wxs.js", ".ts", ".js"];
 var ENTRY_ID = "\0@weapp-vite/web/entry";
-function isTemplateFile(id) {
-  const lower = id.toLowerCase();
-  return TEMPLATE_EXTS.some((ext) => lower.endsWith(ext));
+
+// src/plugin/path.ts
+import fs from "fs-extra";
+import { dirname as dirname2, extname, normalize, posix, relative as relative2, resolve } from "pathe";
+function cleanUrl(url) {
+  const queryIndex = url.indexOf("?");
+  if (queryIndex >= 0) {
+    return url.slice(0, queryIndex);
+  }
+  return url;
 }
-function isWxsFile(id) {
-  const lower = id.toLowerCase();
-  return WXS_EXTS.some((ext) => lower.endsWith(ext));
+function normalizePath2(p) {
+  return posix.normalize(p.split("\\").join("/"));
 }
-function hasWxsQuery(id) {
-  return id.includes("?wxs") || id.includes("&wxs");
+function isInsideDir(filePath, dir) {
+  const rel = relative2(dir, filePath);
+  return rel === "" || !rel.startsWith("..") && !posix.isAbsolute(rel);
 }
-function weappWebPlugin(options = {}) {
-  let root = process.cwd();
-  let srcRoot = resolve(root, options.srcDir ?? "src");
-  let enableHmr = false;
-  const moduleMeta = /* @__PURE__ */ new Map();
-  const pageNavigationMap = /* @__PURE__ */ new Map();
-  const templateComponentMap = /* @__PURE__ */ new Map();
-  const templatePathSet = /* @__PURE__ */ new Set();
-  const componentTagMap = /* @__PURE__ */ new Map();
-  const componentIdMap = /* @__PURE__ */ new Map();
-  let appNavigationDefaults = {};
-  let appComponentTags = {};
-  let scanResult = {
-    app: void 0,
-    pages: [],
-    components: []
-  };
-  const wxssOptions = options.wxss;
-  const resolveTemplatePath = (raw, importer) => resolveTemplatePathSync(raw, importer, srcRoot);
-  const resolveWxsPath = (raw, importer) => resolveWxsPathSync(raw, importer, srcRoot);
-  return {
-    name: "@weapp-vite/web",
-    enforce: "pre",
-    async configResolved(config) {
-      root = config.root;
-      srcRoot = resolve(root, options.srcDir ?? "src");
-      enableHmr = config.command === "serve";
-      await scanProject(this.warn?.bind(this));
-    },
-    async buildStart() {
-      await scanProject(this.warn?.bind(this));
-    },
-    resolveId(id) {
-      if (id === "/@weapp-vite/web/entry" || id === "@weapp-vite/web/entry") {
-        return ENTRY_ID;
-      }
-      return null;
-    },
-    load(id) {
-      if (id === ENTRY_ID) {
-        return generateEntryModule(scanResult, root, wxssOptions, options);
-      }
-      return null;
-    },
-    async handleHotUpdate(ctx) {
-      const clean = cleanUrl(ctx.file);
-      if (clean.endsWith(".json") || isTemplateFile(clean) || isWxsFile(clean) || clean.endsWith(".wxss") || SCRIPT_EXTS.includes(extname(clean))) {
-        await scanProject(this.warn?.bind(this));
-      }
-    },
-    transform(code, id) {
-      const clean = cleanUrl(id);
-      if (isTemplateFile(clean)) {
-        if (isHtmlEntry(clean, root)) {
-          return null;
-        }
-        const normalizedId = normalizePath2(clean);
-        if (templatePathSet.size > 0) {
-          if (!isInsideDir(clean, srcRoot)) {
-            return null;
-          }
-          if (!templatePathSet.has(normalizedId)) {
-            return null;
-          }
-        }
-        const navigationConfig = pageNavigationMap.get(normalizedId);
-        const componentTags = templateComponentMap.get(normalizedId);
-        const { code: compiled, dependencies, warnings } = compileWxml({
-          id: clean,
-          source: code,
-          resolveTemplatePath,
-          resolveWxsPath,
-          navigationBar: navigationConfig ? { config: navigationConfig } : void 0,
-          componentTags
-        });
-        if (dependencies.length > 0 && "addWatchFile" in this) {
-          for (const dep of dependencies) {
-            this.addWatchFile(dep);
-          }
-        }
-        if (warnings?.length && "warn" in this) {
-          for (const warning of warnings) {
-            this.warn(warning);
-          }
-        }
-        return { code: compiled, map: null };
-      }
-      if (isWxsFile(clean) || hasWxsQuery(id)) {
-        const { code: compiled, dependencies, warnings } = transformWxsToEsm(code, clean, {
-          resolvePath: resolveWxsPath,
-          toImportPath: (resolved, importer) => normalizePath2(toRelativeImport2(importer, resolved))
-        });
-        if (dependencies.length > 0 && "addWatchFile" in this) {
-          for (const dep of dependencies) {
-            this.addWatchFile(dep);
-          }
-        }
-        if (warnings?.length && "warn" in this) {
-          for (const warning of warnings) {
-            this.warn(warning);
-          }
-        }
-        return { code: compiled, map: null };
-      }
-      if (TRANSFORM_STYLE_EXTS.some((ext) => clean.endsWith(ext))) {
-        const { css } = transformWxssToCss(code, wxssOptions);
-        const serialized = JSON.stringify(css);
-        return {
-          code: [
-            `const __weapp_injected_styles__ = new Map()`,
-            `function __weapp_createStyleId__(css) {`,
-            `  let hash = 2166136261`,
-            `  for (let i = 0; i < css.length; i++) {`,
-            `    hash ^= css.charCodeAt(i)`,
-            `    hash += (hash << 1) + (hash << 4) + (hash << 7) + (hash << 8) + (hash << 24)`,
-            `  }`,
-            `  return 'weapp-web-style-' + (hash >>> 0).toString(36)`,
-            `}`,
-            `function __weapp_removeStyle__(id) {`,
-            `  if (typeof document === 'undefined') {`,
-            `    return`,
-            `  }`,
-            `  const style = __weapp_injected_styles__.get(id)`,
-            `  if (style) {`,
-            `    style.remove()`,
-            `    __weapp_injected_styles__.delete(id)`,
-            `  }`,
-            `}`,
-            `function injectStyle(css, id) {`,
-            `  if (typeof document === 'undefined') {`,
-            `    return () => {}`,
-            `  }`,
-            `  const styleId = id ?? __weapp_createStyleId__(css)`,
-            `  const existing = __weapp_injected_styles__.get(styleId)`,
-            `  if (existing) {`,
-            `    if (existing.textContent !== css) {`,
-            `      existing.textContent = css`,
-            `    }`,
-            `    return () => __weapp_removeStyle__(styleId)`,
-            `  }`,
-            `  const style = document.createElement('style')`,
-            `  style.id = styleId`,
-            `  style.textContent = css`,
-            `  document.head.append(style)`,
-            `  __weapp_injected_styles__.set(styleId, style)`,
-            `  return () => __weapp_removeStyle__(styleId)`,
-            `}`,
-            `const css = ${serialized}`,
-            `export default css`,
-            `export function useStyle(id) {`,
-            `  return injectStyle(css, id)`,
-            `}`
-          ].join("\n"),
-          map: null
-        };
-      }
-      if (STYLE_EXTS.some((ext) => clean.endsWith(ext)) && !clean.endsWith(".wxss")) {
-        const { css } = transformWxssToCss(code, wxssOptions);
-        return { code: css, map: null };
-      }
-      if (!SCRIPT_EXTS.some((ext) => clean.endsWith(ext))) {
-        return null;
-      }
-      if (clean.includes("node_modules")) {
-        return null;
-      }
-      const meta = moduleMeta.get(normalizePath2(clean));
-      if (!meta) {
-        return null;
-      }
-      const registerName = getRegisterName(meta.kind);
-      if (!registerName) {
-        return null;
-      }
-      let ast;
-      try {
-        ast = parse(code, {
-          sourceType: "module",
-          plugins: ["typescript", "jsx"],
-          errorRecovery: true,
-          ranges: true
-        });
-      } catch {
-        return null;
-      }
-      const s = new MagicString(code);
-      let transformed = false;
-      const imports = [];
-      const templateIdent = meta.templatePath ? `__weapp_template__` : void 0;
-      const styleIdent = meta.stylePath ? `__weapp_style__` : void 0;
-      if (meta.templatePath && templateIdent) {
-        imports.push(`import ${templateIdent} from '${toRelativeImport2(clean, meta.templatePath)}'`);
-      }
-      if (meta.stylePath && styleIdent) {
-        imports.push(`import ${styleIdent} from '${appendInlineQuery(toRelativeImport2(clean, meta.stylePath))}'`);
-      }
-      const registerImports = /* @__PURE__ */ new Set();
-      traverse(ast, {
-        CallExpression(path) {
-          if (!t.isIdentifier(path.node.callee)) {
-            return;
-          }
-          const name = path.node.callee.name;
-          if (name === mapRegisterIdentifier(meta.kind)) {
-            registerImports.add(registerName);
-            overwriteCall(path, meta, registerName, templateIdent, styleIdent, s);
-            transformed = true;
-          }
-        }
-      });
-      if (!transformed) {
-        return null;
-      }
-      if (registerImports.size > 0) {
-        imports.unshift(`import { ${Array.from(registerImports).join(", ")} } from '@weapp-vite/web/runtime/polyfill'`);
-      }
-      const prefix = `${imports.join("\n")}
-`;
-      s.prepend(prefix);
-      if (enableHmr) {
-        s.append(`
-if (import.meta.hot) { import.meta.hot.accept() }
-`);
-      }
-      return {
-        code: s.toString(),
-        map: s.generateMap({
-          hires: true
-        })
-      };
-    }
-  };
-  async function scanProject(warn) {
-    moduleMeta.clear();
-    pageNavigationMap.clear();
-    templateComponentMap.clear();
-    templatePathSet.clear();
-    componentTagMap.clear();
-    componentIdMap.clear();
-    appNavigationDefaults = {};
-    appComponentTags = {};
-    const pages = /* @__PURE__ */ new Map();
-    const components = /* @__PURE__ */ new Map();
-    const reportWarning = (message) => {
-      if (warn) {
-        warn(message);
-        return;
-      }
-      if (typeof process !== "undefined" && typeof process.emitWarning === "function") {
-        process.emitWarning(message);
-      }
-    };
-    const appScript = await resolveScriptFile(join(srcRoot, "app"));
-    if (appScript) {
-      moduleMeta.set(
-        normalizePath2(appScript),
-        {
-          kind: "app",
-          id: "app",
-          scriptPath: appScript,
-          stylePath: await resolveStyleFile(appScript)
-        }
-      );
-    }
-    const appJsonBasePath = join(srcRoot, "app.json");
-    const appJsonPath = await resolveJsonPath(appJsonBasePath);
-    if (appJsonPath) {
-      const appJson = await readJsonFile(appJsonPath);
-      if (appJson) {
-        appComponentTags = await collectComponentTagsFromConfig(appJson, srcRoot, appJsonPath, reportWarning, (tags) => {
-          appComponentTags = tags;
-        });
-      }
-      if (appJson?.pages && Array.isArray(appJson.pages)) {
-        for (const page of appJson.pages) {
-          if (typeof page === "string") {
-            await collectPage(page);
-          }
-        }
-      }
-      if (appJson?.subPackages && Array.isArray(appJson.subPackages)) {
-        for (const pkg of appJson.subPackages) {
-          if (!pkg || typeof pkg !== "object") {
-            continue;
-          }
-          const root2 = typeof pkg.root === "string" ? pkg.root : "";
-          if (!Array.isArray(pkg.pages)) {
-            continue;
-          }
-          for (const page of pkg.pages) {
-            if (typeof page !== "string") {
-              continue;
-            }
-            const full = posix.join(root2, page);
-            await collectPage(full);
-          }
-        }
-      }
-      const windowConfig = isRecord(appJson?.window) ? appJson.window : void 0;
-      appNavigationDefaults = pickNavigationConfig(windowConfig);
-    }
-    scanResult = {
-      app: appScript,
-      pages: Array.from(pages.values()),
-      components: Array.from(components.values())
-    };
-    async function collectPage(pageId) {
-      const base = join(srcRoot, pageId);
-      const script = await resolveScriptFile(base);
-      if (!script) {
-        return;
-      }
-      const template = await resolveTemplateFile(base);
-      if (template) {
-        templatePathSet.add(normalizePath2(template));
-      }
-      const style = await resolveStyleFile(base);
-      const pageJsonBasePath = join(srcRoot, `${pageId}.json`);
-      const pageJsonPath = await resolveJsonPath(pageJsonBasePath);
-      const pageJson = pageJsonPath ? await readJsonFile(pageJsonPath) : void 0;
-      moduleMeta.set(
-        normalizePath2(script),
-        {
-          kind: "page",
-          id: toPosixId(pageId),
-          scriptPath: script,
-          templatePath: template,
-          stylePath: style
-        }
-      );
-      pages.set(script, {
-        script,
-        id: toPosixId(pageId)
-      });
-      const pageComponentTags = pageJson && pageJsonPath ? await collectComponentTagsFromConfig(pageJson, dirname2(script), pageJsonPath, reportWarning) : await collectComponentTagsFromJson(pageJsonBasePath, dirname2(script), reportWarning);
-      if (template) {
-        const mergedTags = mergeComponentTags(appComponentTags, pageComponentTags);
-        if (Object.keys(mergedTags).length > 0) {
-          templateComponentMap.set(normalizePath2(template), mergedTags);
-        } else {
-          templateComponentMap.delete(normalizePath2(template));
-        }
-      }
-      if (pageJson) {
-        if (template) {
-          const config = mergeNavigationConfig(appNavigationDefaults, pickNavigationConfig(pageJson));
-          pageNavigationMap.set(normalizePath2(template), config);
-        }
-      } else if (template) {
-        pageNavigationMap.set(normalizePath2(template), { ...appNavigationDefaults });
-      }
-    }
-    async function collectComponent(componentId, importerDir) {
-      const base = resolveComponentBase(componentId, importerDir);
-      const script = base ? await resolveScriptFile(base) : void 0;
-      if (!script) {
-        return;
-      }
-      if (components.has(script)) {
-        return;
-      }
-      const idRelative = relative2(srcRoot, script).replace(new RegExp(`${extname(script)}$`), "");
-      const componentIdPosix = toPosixId(idRelative);
-      const template = await resolveTemplateFile(script);
-      if (template) {
-        templatePathSet.add(normalizePath2(template));
-      }
-      const style = await resolveStyleFile(script);
-      moduleMeta.set(
-        normalizePath2(script),
-        {
-          kind: "component",
-          id: componentIdPosix,
-          scriptPath: script,
-          templatePath: template,
-          stylePath: style
-        }
-      );
-      components.set(script, {
-        script,
-        id: componentIdPosix
-      });
-      const componentJsonBasePath = `${script.replace(new RegExp(`${extname(script)}$`), "")}.json`;
-      const componentTags = await collectComponentTagsFromJson(componentJsonBasePath, dirname2(script), reportWarning);
-      if (template) {
-        const mergedTags = mergeComponentTags(appComponentTags, componentTags);
-        if (Object.keys(mergedTags).length > 0) {
-          templateComponentMap.set(normalizePath2(template), mergedTags);
-        } else {
-          templateComponentMap.delete(normalizePath2(template));
-        }
-      }
-    }
-    async function collectComponentTagsFromConfig(json, importerDir, jsonPath, warn2, onResolved) {
-      const usingComponents = json.usingComponents;
-      if (!usingComponents || typeof usingComponents !== "object") {
-        return {};
-      }
-      const tags = {};
-      const resolved = [];
-      for (const [rawKey, rawValue] of Object.entries(usingComponents)) {
-        if (typeof rawValue !== "string") {
-          continue;
-        }
-        const key = normalizeComponentKey(rawKey);
-        if (!key) {
-          continue;
-        }
-        const script = await resolveComponentScript(rawValue, importerDir);
-        if (!script) {
-          warn2(`[@weapp-vite/web] usingComponents entry "${rawKey}" not found: ${rawValue} (${jsonPath})`);
-          continue;
-        }
-        const tag = getComponentTag(script);
-        if (tag) {
-          tags[key] = tag;
-          resolved.push({ rawValue });
-        }
-      }
-      onResolved?.(tags);
-      for (const entry of resolved) {
-        await collectComponent(entry.rawValue, importerDir);
-      }
-      return tags;
-    }
-    async function collectComponentTagsFromJson(jsonBasePath, importerDir, warn2) {
-      const resolvedPath = await resolveJsonPath(jsonBasePath);
-      if (!resolvedPath) {
-        return {};
-      }
-      const json = await readJsonFile(resolvedPath);
-      if (!json) {
-        return {};
-      }
-      return collectComponentTagsFromConfig(json, importerDir, resolvedPath, warn2);
-    }
-    function mergeComponentTags(base, overrides) {
-      if (!Object.keys(base).length && !Object.keys(overrides).length) {
-        return {};
-      }
-      return {
-        ...base,
-        ...overrides
-      };
-    }
-    function normalizeComponentKey(raw) {
-      return raw.trim().toLowerCase();
-    }
-    function getComponentId(script) {
-      const cached = componentIdMap.get(script);
-      if (cached) {
-        return cached;
-      }
-      const idRelative = relative2(srcRoot, script).replace(new RegExp(`${extname(script)}$`), "");
-      const componentIdPosix = toPosixId(idRelative);
-      componentIdMap.set(script, componentIdPosix);
-      return componentIdPosix;
-    }
-    function getComponentTag(script) {
-      const cached = componentTagMap.get(script);
-      if (cached) {
-        return cached;
-      }
-      const id = getComponentId(script);
-      const tag = slugify(id, "wv-component");
-      componentTagMap.set(script, tag);
-      return tag;
-    }
-    async function resolveComponentScript(raw, importerDir) {
-      const base = resolveComponentBase(raw, importerDir);
-      if (!base) {
-        return void 0;
-      }
-      return resolveScriptFile(base);
-    }
-    function resolveComponentBase(raw, importerDir) {
-      if (!raw) {
-        return void 0;
-      }
-      if (raw.startsWith(".")) {
-        return resolve(importerDir, raw);
-      }
-      if (raw.startsWith("/")) {
-        return resolve(srcRoot, raw.slice(1));
-      }
-      return resolve(srcRoot, raw);
-    }
-  }
-}
-function cleanUrl(url) {
-  const queryIndex = url.indexOf("?");
-  if (queryIndex >= 0) {
-    return url.slice(0, queryIndex);
+function isHtmlEntry(filePath, root) {
+  if (!filePath.toLowerCase().endsWith(".html")) {
+    return false;
   }
-  return url;
+  return normalizePath2(filePath) === normalizePath2(resolve(root, "index.html"));
 }
-function isRecord(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
+function toPosixId(id) {
+  return normalize(id).split("\\").join("/");
 }
-async function readJsonFile(pathname) {
-  const candidates = [pathname];
-  if (pathname.endsWith(".json")) {
-    candidates.push(`${pathname}.ts`, `${pathname}.js`);
-  }
-  for (const candidate of candidates) {
-    if (!await fs.pathExists(candidate)) {
-      continue;
-    }
-    if (candidate.endsWith(".json")) {
-      const json = await fs.readJson(candidate).catch(() => void 0);
-      if (!isRecord(json)) {
-        return void 0;
-      }
-      return json;
-    }
-    const { mod } = await bundleRequire({
-      filepath: candidate,
-      preserveTemporaryFile: true
-    });
-    const resolved = typeof mod.default === "function" ? await mod.default() : mod.default;
-    if (!isRecord(resolved)) {
-      return void 0;
-    }
-    return resolved;
+function toRelativeImport2(from, target) {
+  const fromDir = dirname2(from);
+  const rel = relative2(fromDir, target);
+  if (!rel || rel.startsWith(".")) {
+    return normalizePath2(rel || `./${posix.basename(target)}`);
   }
-  return void 0;
+  return `./${normalizePath2(rel)}`;
 }
-async function resolveJsonPath(basePath) {
-  const candidates = [basePath];
-  if (basePath.endsWith(".json")) {
-    candidates.push(`${basePath}.ts`, `${basePath}.js`);
-  }
-  for (const candidate of candidates) {
-    if (await fs.pathExists(candidate)) {
-      return candidate;
+function appendInlineQuery(id) {
+  if (id.includes("?")) {
+    if (id.includes("?inline") || id.includes("&inline")) {
+      return id;
     }
+    return `${id}&inline`;
   }
-  return void 0;
-}
-function pickNavigationConfig(source) {
-  const config = {};
-  if (!source) {
-    return config;
-  }
-  if (typeof source.navigationBarTitleText === "string") {
-    config.title = source.navigationBarTitleText;
-  }
-  if (typeof source.navigationBarBackgroundColor === "string") {
-    config.backgroundColor = source.navigationBarBackgroundColor;
-  }
-  if (typeof source.navigationBarTextStyle === "string") {
-    config.textStyle = source.navigationBarTextStyle;
-  }
-  if (typeof source.navigationStyle === "string") {
-    config.navigationStyle = source.navigationStyle;
-  }
-  return config;
-}
-function mergeNavigationConfig(base, overrides) {
-  return {
-    ...base,
-    ...overrides
-  };
-}
-function normalizePath2(p) {
-  return posix.normalize(p.split("\\").join("/"));
-}
-function isInsideDir(filePath, dir) {
-  const rel = relative2(dir, filePath);
-  return rel === "" || !rel.startsWith("..") && !posix.isAbsolute(rel);
+  return `${id}?inline`;
 }
-function isHtmlEntry(filePath, root) {
-  if (!filePath.toLowerCase().endsWith(".html")) {
-    return false;
-  }
-  return normalizePath2(filePath) === normalizePath2(resolve(root, "index.html"));
+function relativeModuleId(root, absPath) {
+  const rel = relative2(root, absPath);
+  return `/${normalizePath2(rel)}`;
 }
 function resolveImportBase(raw, importer, srcRoot) {
   if (!raw) {
@@ -1690,130 +1135,797 @@ function resolveWxsPathSync(raw, importer, srcRoot) {
   }
   return resolveFileWithExtensionsSync(base, WXS_RESOLVE_EXTS);
 }
+
+// src/plugin/entry.ts
+function generateEntryModule(result, root, wxssOptions, pluginOptions) {
+  const importLines = [`import { initializePageRoutes } from '@weapp-vite/web/runtime/polyfill'`];
+  const bodyLines = [];
+  for (const page of result.pages) {
+    importLines.push(`import '${relativeModuleId(root, page.script)}'`);
+  }
+  for (const component of result.components) {
+    importLines.push(`import '${relativeModuleId(root, component.script)}'`);
+  }
+  if (result.app) {
+    importLines.push(`import '${relativeModuleId(root, result.app)}'`);
+  }
+  const pageOrder = result.pages.map((page) => page.id);
+  const rpxConfig = wxssOptions?.designWidth ? { designWidth: wxssOptions.designWidth, varName: wxssOptions.rpxVar } : void 0;
+  const initOptions = {};
+  if (rpxConfig) {
+    initOptions.rpx = rpxConfig;
+  }
+  if (pluginOptions?.form?.preventDefault !== void 0) {
+    initOptions.form = { preventDefault: pluginOptions.form.preventDefault };
+  }
+  const runtimeOptions = {};
+  if (pluginOptions?.runtime?.executionMode) {
+    runtimeOptions.executionMode = pluginOptions.runtime.executionMode;
+  }
+  if (pluginOptions?.runtime?.warnings) {
+    runtimeOptions.warnings = pluginOptions.runtime.warnings;
+  }
+  if (Object.keys(runtimeOptions).length > 0) {
+    initOptions.runtime = runtimeOptions;
+  }
+  const initOptionsCode = Object.keys(initOptions).length > 0 ? `, ${JSON.stringify(initOptions)}` : "";
+  bodyLines.push(`initializePageRoutes(${JSON.stringify(pageOrder)}${initOptionsCode})`);
+  return [...importLines, ...bodyLines].join("\n");
+}
+
+// src/plugin/register.ts
+import { parse } from "@babel/parser";
+import _babelTraverse from "@babel/traverse";
+import * as t from "@babel/types";
+import MagicString from "magic-string";
+var traverseCandidate = (() => {
+  const mod = _babelTraverse;
+  if (typeof mod === "function") {
+    return mod;
+  }
+  if (mod?.default && typeof mod.default === "function") {
+    return mod.default;
+  }
+  if (mod?.traverse && typeof mod.traverse === "function") {
+    return mod.traverse;
+  }
+  return void 0;
+})();
+if (typeof traverseCandidate !== "function") {
+  throw new TypeError("[@weapp-vite/web] Failed to resolve @babel/traverse export.");
+}
+var traverse = traverseCandidate;
+function mapRegisterIdentifier(kind) {
+  if (kind === "page") {
+    return "Page";
+  }
+  if (kind === "component") {
+    return "Component";
+  }
+  if (kind === "app") {
+    return "App";
+  }
+  return "";
+}
+function getRegisterName(kind) {
+  if (kind === "page") {
+    return "registerPage";
+  }
+  if (kind === "component") {
+    return "registerComponent";
+  }
+  if (kind === "app") {
+    return "registerApp";
+  }
+  return void 0;
+}
+function overwriteCall(path, meta, registerName, templateIdent, styleIdent, s) {
+  const node = path.node;
+  const callee = node.callee;
+  if (!t.isIdentifier(callee)) {
+    return;
+  }
+  const end = node.end;
+  const insertPosition = end - 1;
+  const metaParts = [`id: ${JSON.stringify(meta.id)}`];
+  if (templateIdent) {
+    metaParts.push(`template: ${templateIdent}`);
+  }
+  if (styleIdent) {
+    metaParts.push(`style: ${styleIdent}`);
+  }
+  const metaCode = `{ ${metaParts.join(", ")} }`;
+  s.overwrite(callee.start, callee.end, registerName);
+  s.appendLeft(insertPosition, `, ${metaCode}`);
+}
+function transformScriptModule({
+  code,
+  cleanId,
+  meta,
+  enableHmr
+}) {
+  const registerName = getRegisterName(meta.kind);
+  if (!registerName) {
+    return null;
+  }
+  let ast;
+  try {
+    ast = parse(code, {
+      sourceType: "module",
+      plugins: ["typescript", "jsx"],
+      errorRecovery: true,
+      ranges: true
+    });
+  } catch {
+    return null;
+  }
+  const s = new MagicString(code);
+  let transformed = false;
+  const imports = [];
+  const templateIdent = meta.templatePath ? "__weapp_template__" : void 0;
+  const styleIdent = meta.stylePath ? "__weapp_style__" : void 0;
+  if (meta.templatePath && templateIdent) {
+    imports.push(`import ${templateIdent} from '${toRelativeImport2(cleanId, meta.templatePath)}'`);
+  }
+  if (meta.stylePath && styleIdent) {
+    imports.push(`import ${styleIdent} from '${appendInlineQuery(toRelativeImport2(cleanId, meta.stylePath))}'`);
+  }
+  const registerImports = /* @__PURE__ */ new Set();
+  traverse(ast, {
+    CallExpression(path) {
+      if (!t.isIdentifier(path.node.callee)) {
+        return;
+      }
+      const name = path.node.callee.name;
+      if (name === mapRegisterIdentifier(meta.kind)) {
+        registerImports.add(registerName);
+        overwriteCall(path, meta, registerName, templateIdent, styleIdent, s);
+        transformed = true;
+      }
+    }
+  });
+  if (!transformed) {
+    return null;
+  }
+  if (registerImports.size > 0) {
+    imports.unshift(`import { ${Array.from(registerImports).join(", ")} } from '@weapp-vite/web/runtime/polyfill'`);
+  }
+  const prefix = `${imports.join("\n")}
+`;
+  s.prepend(prefix);
+  if (enableHmr) {
+    s.append(`
+if (import.meta.hot) { import.meta.hot.accept() }
+`);
+  }
+  return {
+    code: s.toString(),
+    map: s.generateMap({
+      hires: true
+    })
+  };
+}
+
+// src/plugin/scan.ts
+import process from "process";
+import { dirname as dirname3, extname as extname3, join, posix as posix2, relative as relative3, resolve as resolve2 } from "pathe";
+
+// src/shared/slugify.ts
+function slugify(id, prefix) {
+  const normalized = id.replace(/[^a-z0-9]+/gi, "-").replace(/^-+|-+$/g, "").toLowerCase();
+  return `${prefix}-${normalized || "index"}`;
+}
+
+// src/plugin/files.ts
+import fs2 from "fs-extra";
+import { extname as extname2 } from "pathe";
+import { bundleRequire } from "rolldown-require";
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+async function readJsonFile(pathname) {
+  const candidates = [pathname];
+  if (pathname.endsWith(".json")) {
+    candidates.push(`${pathname}.ts`, `${pathname}.js`);
+  }
+  for (const candidate of candidates) {
+    if (!await fs2.pathExists(candidate)) {
+      continue;
+    }
+    if (candidate.endsWith(".json")) {
+      const json = await fs2.readJson(candidate).catch(() => void 0);
+      if (!isRecord(json)) {
+        return void 0;
+      }
+      return json;
+    }
+    const { mod } = await bundleRequire({
+      filepath: candidate,
+      preserveTemporaryFile: true
+    });
+    const resolved = typeof mod.default === "function" ? await mod.default() : mod.default;
+    if (!isRecord(resolved)) {
+      return void 0;
+    }
+    return resolved;
+  }
+  return void 0;
+}
+async function resolveJsonPath(basePath) {
+  const candidates = [basePath];
+  if (basePath.endsWith(".json")) {
+    candidates.push(`${basePath}.ts`, `${basePath}.js`);
+  }
+  for (const candidate of candidates) {
+    if (await fs2.pathExists(candidate)) {
+      return candidate;
+    }
+  }
+  return void 0;
+}
 async function resolveScriptFile(basePath) {
-  const ext = extname(basePath);
-  if (ext && await fs.pathExists(basePath)) {
+  const ext = extname2(basePath);
+  if (ext && await fs2.pathExists(basePath)) {
     return basePath;
   }
   for (const candidateExt of SCRIPT_EXTS) {
     const candidate = `${basePath}${candidateExt}`;
-    if (await fs.pathExists(candidate)) {
+    if (await fs2.pathExists(candidate)) {
       return candidate;
     }
   }
   return void 0;
 }
 async function resolveStyleFile(scriptPath) {
-  const base = scriptPath.replace(new RegExp(`${extname(scriptPath)}$`), "");
+  const base = scriptPath.replace(new RegExp(`${extname2(scriptPath)}$`), "");
   for (const ext of STYLE_EXTS) {
     const candidate = `${base}${ext}`;
-    if (await fs.pathExists(candidate)) {
+    if (await fs2.pathExists(candidate)) {
       return candidate;
     }
   }
   return void 0;
 }
 async function resolveTemplateFile(scriptPath) {
-  const base = scriptPath.replace(new RegExp(`${extname(scriptPath)}$`), "");
+  const base = scriptPath.replace(new RegExp(`${extname2(scriptPath)}$`), "");
   for (const ext of TEMPLATE_EXTS) {
     const candidate = `${base}${ext}`;
-    if (await fs.pathExists(candidate)) {
+    if (await fs2.pathExists(candidate)) {
       return candidate;
     }
   }
   return void 0;
 }
-function toPosixId(id) {
-  return normalize(id).split("\\").join("/");
-}
-function toRelativeImport2(from, target) {
-  const fromDir = dirname2(from);
-  const rel = relative2(fromDir, target);
-  if (!rel || rel.startsWith(".")) {
-    return normalizePath2(rel || `./${posix.basename(target)}`);
+
+// src/plugin/navigation.ts
+function pickNavigationConfig(source) {
+  const config = {};
+  if (!source) {
+    return config;
   }
-  return `./${normalizePath2(rel)}`;
-}
-function appendInlineQuery(id) {
-  if (id.includes("?")) {
-    if (id.includes("?inline") || id.includes("&inline")) {
-      return id;
-    }
-    return `${id}&inline`;
+  if (typeof source.navigationBarTitleText === "string") {
+    config.title = source.navigationBarTitleText;
   }
-  return `${id}?inline`;
-}
-function mapRegisterIdentifier(kind) {
-  if (kind === "page") {
-    return "Page";
+  if (typeof source.navigationBarBackgroundColor === "string") {
+    config.backgroundColor = source.navigationBarBackgroundColor;
   }
-  if (kind === "component") {
-    return "Component";
+  if (typeof source.navigationBarTextStyle === "string") {
+    config.textStyle = source.navigationBarTextStyle;
   }
-  if (kind === "app") {
-    return "App";
+  if (typeof source.navigationStyle === "string") {
+    config.navigationStyle = source.navigationStyle;
   }
-  return "";
+  return config;
 }
-function getRegisterName(kind) {
-  if (kind === "page") {
-    return "registerPage";
-  }
-  if (kind === "component") {
-    return "registerComponent";
+function mergeNavigationConfig(base, overrides) {
+  return {
+    ...base,
+    ...overrides
+  };
+}
+
+// src/plugin/scanConfig.ts
+async function collectComponentTagsFromConfig({
+  json,
+  importerDir,
+  jsonPath,
+  warn,
+  resolveComponentScript,
+  getComponentTag,
+  collectComponent,
+  onResolved
+}) {
+  const usingComponents = json.usingComponents;
+  if (!usingComponents || typeof usingComponents !== "object") {
+    return {};
+  }
+  const tags = {};
+  const resolved = [];
+  for (const [rawKey, rawValue] of Object.entries(usingComponents)) {
+    if (typeof rawValue !== "string") {
+      continue;
+    }
+    const key = normalizeComponentKey(rawKey);
+    if (!key) {
+      continue;
+    }
+    const script = await resolveComponentScript(rawValue, importerDir);
+    if (!script) {
+      warn(`[@weapp-vite/web] usingComponents entry "${rawKey}" not found: ${rawValue} (${jsonPath})`);
+      continue;
+    }
+    const tag = getComponentTag(script);
+    tags[key] = tag;
+    resolved.push({ rawValue });
   }
-  if (kind === "app") {
-    return "registerApp";
+  onResolved?.(tags);
+  for (const entry of resolved) {
+    await collectComponent(entry.rawValue, importerDir);
   }
-  return void 0;
+  return tags;
 }
-function overwriteCall(path, meta, registerName, templateIdent, styleIdent, s) {
-  const node = path.node;
-  const callee = node.callee;
-  if (!t.isIdentifier(callee)) {
-    return;
+async function collectComponentTagsFromJson({
+  jsonBasePath,
+  importerDir,
+  warn,
+  collectFromConfig
+}) {
+  const resolvedPath = await resolveJsonPath(jsonBasePath);
+  if (!resolvedPath) {
+    return {};
   }
-  const end = node.end;
-  const insertPosition = end - 1;
-  const metaParts = [`id: ${JSON.stringify(meta.id)}`];
-  if (templateIdent) {
-    metaParts.push(`template: ${templateIdent}`);
+  const json = await readJsonFile(resolvedPath);
+  if (!json) {
+    return {};
   }
-  if (styleIdent) {
-    metaParts.push(`style: ${styleIdent}`);
+  return collectFromConfig(json, importerDir, resolvedPath, warn);
+}
+function mergeComponentTags(base, overrides) {
+  if (!Object.keys(base).length && !Object.keys(overrides).length) {
+    return {};
   }
-  const metaCode = `{ ${metaParts.join(", ")} }`;
-  s.overwrite(callee.start, callee.end, registerName);
-  s.appendLeft(insertPosition, `, ${metaCode}`);
+  return {
+    ...base,
+    ...overrides
+  };
 }
-function generateEntryModule(result, root, wxssOptions, pluginOptions) {
-  const importLines = [`import { initializePageRoutes } from '@weapp-vite/web/runtime/polyfill'`];
-  const bodyLines = [];
-  for (const page of result.pages) {
-    importLines.push(`import '${relativeModuleId(root, page.script)}'`);
+function normalizeComponentKey(raw) {
+  return raw.trim().toLowerCase();
+}
+
+// src/plugin/scan.ts
+async function scanProject({ srcRoot, warn, state }) {
+  state.moduleMeta.clear();
+  state.pageNavigationMap.clear();
+  state.templateComponentMap.clear();
+  state.templatePathSet.clear();
+  state.componentTagMap.clear();
+  state.componentIdMap.clear();
+  let appNavigationDefaults = {};
+  let appComponentTags = {};
+  const pages = /* @__PURE__ */ new Map();
+  const components = /* @__PURE__ */ new Map();
+  const reportWarning = (message) => {
+    if (warn) {
+      warn(message);
+      return;
+    }
+    if (typeof process !== "undefined" && typeof process.emitWarning === "function") {
+      process.emitWarning(message);
+    }
+  };
+  const appScript = await resolveScriptFile(join(srcRoot, "app"));
+  if (appScript) {
+    state.moduleMeta.set(normalizePath2(appScript), {
+      kind: "app",
+      id: "app",
+      scriptPath: appScript,
+      stylePath: await resolveStyleFile(appScript)
+    });
   }
-  for (const component of result.components) {
-    importLines.push(`import '${relativeModuleId(root, component.script)}'`);
+  const resolveComponentScript = async (raw, importerDir) => {
+    const base = resolveComponentBase(raw, importerDir, srcRoot);
+    if (!base) {
+      return void 0;
+    }
+    return resolveScriptFile(base);
+  };
+  const getComponentId = (script) => {
+    const cached = state.componentIdMap.get(script);
+    if (cached) {
+      return cached;
+    }
+    const idRelative = relative3(srcRoot, script).replace(new RegExp(`${extname3(script)}$`), "");
+    const componentIdPosix = toPosixId(idRelative);
+    state.componentIdMap.set(script, componentIdPosix);
+    return componentIdPosix;
+  };
+  const getComponentTag = (script) => {
+    const cached = state.componentTagMap.get(script);
+    if (cached) {
+      return cached;
+    }
+    const id = getComponentId(script);
+    const tag = slugify(id, "wv-component");
+    state.componentTagMap.set(script, tag);
+    return tag;
+  };
+  const collectComponent = async (componentId, importerDir) => {
+    const base = resolveComponentBase(componentId, importerDir, srcRoot);
+    const script = base ? await resolveScriptFile(base) : void 0;
+    if (!script || components.has(script)) {
+      return;
+    }
+    const idRelative = relative3(srcRoot, script).replace(new RegExp(`${extname3(script)}$`), "");
+    const componentIdPosix = toPosixId(idRelative);
+    const template = await resolveTemplateFile(script);
+    const style = await resolveStyleFile(script);
+    if (template) {
+      state.templatePathSet.add(normalizePath2(template));
+    }
+    state.moduleMeta.set(normalizePath2(script), {
+      kind: "component",
+      id: componentIdPosix,
+      scriptPath: script,
+      templatePath: template,
+      stylePath: style
+    });
+    components.set(script, { script, id: componentIdPosix });
+    const componentJsonBasePath = `${script.replace(new RegExp(`${extname3(script)}$`), "")}.json`;
+    const componentTags = await collectComponentTagsFromJson({
+      jsonBasePath: componentJsonBasePath,
+      importerDir: dirname3(script),
+      warn: reportWarning,
+      collectFromConfig: (json, nextImporterDir, jsonPath, nextWarn) => collectComponentTagsFromConfig({
+        json,
+        importerDir: nextImporterDir,
+        jsonPath,
+        warn: nextWarn,
+        resolveComponentScript,
+        getComponentTag,
+        collectComponent
+      })
+    });
+    if (!template) {
+      return;
+    }
+    const mergedTags = mergeComponentTags(appComponentTags, componentTags);
+    if (Object.keys(mergedTags).length > 0) {
+      state.templateComponentMap.set(normalizePath2(template), mergedTags);
+      return;
+    }
+    state.templateComponentMap.delete(normalizePath2(template));
+  };
+  const appJsonBasePath = join(srcRoot, "app.json");
+  const appJsonPath = await resolveJsonPath(appJsonBasePath);
+  if (appJsonPath) {
+    const appJson = await readJsonFile(appJsonPath);
+    if (appJson) {
+      appComponentTags = await collectComponentTagsFromConfig({
+        json: appJson,
+        importerDir: srcRoot,
+        jsonPath: appJsonPath,
+        warn: reportWarning,
+        resolveComponentScript,
+        getComponentTag,
+        collectComponent,
+        onResolved: (tags) => {
+          appComponentTags = tags;
+        }
+      });
+    }
+    if (appJson?.pages && Array.isArray(appJson.pages)) {
+      for (const page of appJson.pages) {
+        if (typeof page === "string") {
+          await collectPage(page);
+        }
+      }
+    }
+    if (appJson?.subPackages && Array.isArray(appJson.subPackages)) {
+      for (const pkg of appJson.subPackages) {
+        if (!pkg || typeof pkg !== "object" || !Array.isArray(pkg.pages)) {
+          continue;
+        }
+        const root = typeof pkg.root === "string" ? pkg.root : "";
+        for (const page of pkg.pages) {
+          if (typeof page !== "string") {
+            continue;
+          }
+          await collectPage(posix2.join(root, page));
+        }
+      }
+    }
+    const windowConfig = isRecord(appJson?.window) ? appJson.window : void 0;
+    appNavigationDefaults = pickNavigationConfig(windowConfig);
   }
-  if (result.app) {
-    importLines.push(`import '${relativeModuleId(root, result.app)}'`);
+  state.appNavigationDefaults = appNavigationDefaults;
+  state.appComponentTags = appComponentTags;
+  state.scanResult = {
+    app: appScript,
+    pages: Array.from(pages.values()),
+    components: Array.from(components.values())
+  };
+  async function collectPage(pageId) {
+    const base = join(srcRoot, pageId);
+    const script = await resolveScriptFile(base);
+    if (!script) {
+      return;
+    }
+    const template = await resolveTemplateFile(base);
+    if (template) {
+      state.templatePathSet.add(normalizePath2(template));
+    }
+    const style = await resolveStyleFile(base);
+    const pageJsonBasePath = join(srcRoot, `${pageId}.json`);
+    const pageJsonPath = await resolveJsonPath(pageJsonBasePath);
+    const pageJson = pageJsonPath ? await readJsonFile(pageJsonPath) : void 0;
+    state.moduleMeta.set(normalizePath2(script), {
+      kind: "page",
+      id: toPosixId(pageId),
+      scriptPath: script,
+      templatePath: template,
+      stylePath: style
+    });
+    pages.set(script, {
+      script,
+      id: toPosixId(pageId)
+    });
+    const pageComponentTags = pageJson && pageJsonPath ? await collectComponentTagsFromConfig({
+      json: pageJson,
+      importerDir: dirname3(script),
+      jsonPath: pageJsonPath,
+      warn: reportWarning,
+      resolveComponentScript,
+      getComponentTag,
+      collectComponent
+    }) : await collectComponentTagsFromJson({
+      jsonBasePath: pageJsonBasePath,
+      importerDir: dirname3(script),
+      warn: reportWarning,
+      collectFromConfig: (json, importerDir, jsonPath, nextWarn) => collectComponentTagsFromConfig({
+        json,
+        importerDir,
+        jsonPath,
+        warn: nextWarn,
+        resolveComponentScript,
+        getComponentTag,
+        collectComponent
+      })
+    });
+    if (template) {
+      const mergedTags = mergeComponentTags(appComponentTags, pageComponentTags);
+      if (Object.keys(mergedTags).length > 0) {
+        state.templateComponentMap.set(normalizePath2(template), mergedTags);
+      } else {
+        state.templateComponentMap.delete(normalizePath2(template));
+      }
+    }
+    if (!template) {
+      return;
+    }
+    if (pageJson) {
+      state.pageNavigationMap.set(
+        normalizePath2(template),
+        mergeNavigationConfig(appNavigationDefaults, pickNavigationConfig(pageJson))
+      );
+      return;
+    }
+    state.pageNavigationMap.set(normalizePath2(template), { ...appNavigationDefaults });
   }
-  const pageOrder = result.pages.map((page) => page.id);
-  const rpxConfig = wxssOptions?.designWidth ? { designWidth: wxssOptions.designWidth, varName: wxssOptions.rpxVar } : void 0;
-  const initOptions = {};
-  if (rpxConfig) {
-    initOptions.rpx = rpxConfig;
+}
+function resolveComponentBase(raw, importerDir, srcRoot) {
+  if (!raw) {
+    return void 0;
   }
-  if (pluginOptions?.form?.preventDefault !== void 0) {
-    initOptions.form = { preventDefault: pluginOptions.form.preventDefault };
+  if (raw.startsWith(".")) {
+    return resolve2(importerDir, raw);
   }
-  const initOptionsCode = Object.keys(initOptions).length > 0 ? `, ${JSON.stringify(initOptions)}` : "";
-  bodyLines.push(`initializePageRoutes(${JSON.stringify(pageOrder)}${initOptionsCode})`);
-  return [...importLines, ...bodyLines].join("\n");
+  if (raw.startsWith("/")) {
+    return resolve2(srcRoot, raw.slice(1));
+  }
+  return resolve2(srcRoot, raw);
 }
-function relativeModuleId(root, absPath) {
-  const rel = relative2(root, absPath);
-  return `/${normalizePath2(rel)}`;
+
+// src/plugin/state.ts
+function createEmptyScanState() {
+  return {
+    moduleMeta: /* @__PURE__ */ new Map(),
+    pageNavigationMap: /* @__PURE__ */ new Map(),
+    templateComponentMap: /* @__PURE__ */ new Map(),
+    templatePathSet: /* @__PURE__ */ new Set(),
+    componentTagMap: /* @__PURE__ */ new Map(),
+    componentIdMap: /* @__PURE__ */ new Map(),
+    appNavigationDefaults: {},
+    appComponentTags: {},
+    scanResult: {
+      app: void 0,
+      pages: [],
+      components: []
+    }
+  };
+}
+
+// src/plugin/index.ts
+function isTemplateFile(id) {
+  const lower = id.toLowerCase();
+  return TEMPLATE_EXTS.some((ext) => lower.endsWith(ext));
+}
+function isWxsFile(id) {
+  const lower = id.toLowerCase();
+  return WXS_EXTS.some((ext) => lower.endsWith(ext));
+}
+function hasWxsQuery(id) {
+  return id.includes("?wxs") || id.includes("&wxs");
+}
+function createInlineStyleModule(css) {
+  const serialized = JSON.stringify(css);
+  return [
+    `const __weapp_injected_styles__ = new Map()`,
+    `function __weapp_createStyleId__(css) {`,
+    `  let hash = 2166136261`,
+    `  for (let i = 0; i < css.length; i++) {`,
+    `    hash ^= css.charCodeAt(i)`,
+    `    hash += (hash << 1) + (hash << 4) + (hash << 7) + (hash << 8) + (hash << 24)`,
+    `  }`,
+    `  return 'weapp-web-style-' + (hash >>> 0).toString(36)`,
+    `}`,
+    `function __weapp_removeStyle__(id) {`,
+    `  if (typeof document === 'undefined') {`,
+    `    return`,
+    `  }`,
+    `  const style = __weapp_injected_styles__.get(id)`,
+    `  if (style) {`,
+    `    style.remove()`,
+    `    __weapp_injected_styles__.delete(id)`,
+    `  }`,
+    `}`,
+    `function injectStyle(css, id) {`,
+    `  if (typeof document === 'undefined') {`,
+    `    return () => {}`,
+    `  }`,
+    `  const styleId = id ?? __weapp_createStyleId__(css)`,
+    `  const existing = __weapp_injected_styles__.get(styleId)`,
+    `  if (existing) {`,
+    `    if (existing.textContent !== css) {`,
+    `      existing.textContent = css`,
+    `    }`,
+    `    return () => __weapp_removeStyle__(styleId)`,
+    `  }`,
+    `  const style = document.createElement('style')`,
+    `  style.id = styleId`,
+    `  style.textContent = css`,
+    `  document.head.append(style)`,
+    `  __weapp_injected_styles__.set(styleId, style)`,
+    `  return () => __weapp_removeStyle__(styleId)`,
+    `}`,
+    `const css = ${serialized}`,
+    `export default css`,
+    `export function useStyle(id) {`,
+    `  return injectStyle(css, id)`,
+    `}`
+  ].join("\n");
+}
+function weappWebPlugin(options = {}) {
+  let root = process2.cwd();
+  let srcRoot = resolve3(root, options.srcDir ?? "src");
+  let enableHmr = false;
+  const state = createEmptyScanState();
+  const wxssOptions = options.wxss;
+  const resolveTemplatePath = (raw, importer) => resolveTemplatePathSync(raw, importer, srcRoot);
+  const resolveWxsPath = (raw, importer) => resolveWxsPathSync(raw, importer, srcRoot);
+  return {
+    name: "@weapp-vite/web",
+    enforce: "pre",
+    async configResolved(config) {
+      root = config.root;
+      srcRoot = resolve3(root, options.srcDir ?? "src");
+      enableHmr = config.command === "serve";
+      await scanProject({ srcRoot, warn: this.warn?.bind(this), state });
+    },
+    async buildStart() {
+      await scanProject({ srcRoot, warn: this.warn?.bind(this), state });
+    },
+    resolveId(id) {
+      if (id === "/@weapp-vite/web/entry" || id === "@weapp-vite/web/entry") {
+        return ENTRY_ID;
+      }
+      return null;
+    },
+    load(id) {
+      if (id === ENTRY_ID) {
+        return generateEntryModule(state.scanResult, root, wxssOptions, options);
+      }
+      return null;
+    },
+    async handleHotUpdate(ctx) {
+      const clean = cleanUrl(ctx.file);
+      if (clean.endsWith(".json") || isTemplateFile(clean) || isWxsFile(clean) || clean.endsWith(".wxss") || SCRIPT_EXTS.includes(extname4(clean))) {
+        await scanProject({ srcRoot, warn: this.warn?.bind(this), state });
+      }
+    },
+    transform(code, id) {
+      const clean = cleanUrl(id);
+      if (isTemplateFile(clean)) {
+        if (isHtmlEntry(clean, root)) {
+          return null;
+        }
+        const normalizedId = normalizePath2(clean);
+        if (state.templatePathSet.size > 0) {
+          if (!isInsideDir(clean, srcRoot)) {
+            return null;
+          }
+          if (!state.templatePathSet.has(normalizedId)) {
+            return null;
+          }
+        }
+        const navigationConfig = state.pageNavigationMap.get(normalizedId);
+        const componentTags = state.templateComponentMap.get(normalizedId);
+        const { code: compiled, dependencies, warnings } = compileWxml({
+          id: clean,
+          source: code,
+          resolveTemplatePath,
+          resolveWxsPath,
+          navigationBar: navigationConfig ? { config: navigationConfig } : void 0,
+          componentTags
+        });
+        if (dependencies.length > 0 && "addWatchFile" in this) {
+          for (const dep of dependencies) {
+            this.addWatchFile(dep);
+          }
+        }
+        if (warnings?.length && "warn" in this) {
+          for (const warning of warnings) {
+            this.warn(warning);
+          }
+        }
+        return { code: compiled, map: null };
+      }
+      if (isWxsFile(clean) || hasWxsQuery(id)) {
+        const { code: compiled, dependencies, warnings } = transformWxsToEsm(code, clean, {
+          resolvePath: resolveWxsPath,
+          toImportPath: (resolved, importer) => normalizePath2(toRelativeImport2(importer, resolved))
+        });
+        if (dependencies.length > 0 && "addWatchFile" in this) {
+          for (const dep of dependencies) {
+            this.addWatchFile(dep);
+          }
+        }
+        if (warnings?.length && "warn" in this) {
+          for (const warning of warnings) {
+            this.warn(warning);
+          }
+        }
+        return { code: compiled, map: null };
+      }
+      if (TRANSFORM_STYLE_EXTS.some((ext) => clean.endsWith(ext))) {
+        const { css } = transformWxssToCss(code, wxssOptions);
+        return {
+          code: createInlineStyleModule(css),
+          map: null
+        };
+      }
+      if (STYLE_EXTS.some((ext) => clean.endsWith(ext)) && !clean.endsWith(".wxss")) {
+        const { css } = transformWxssToCss(code, wxssOptions);
+        return { code: css, map: null };
+      }
+      if (!SCRIPT_EXTS.some((ext) => clean.endsWith(ext))) {
+        return null;
+      }
+      if (clean.includes("node_modules")) {
+        return null;
+      }
+      const meta = state.moduleMeta.get(normalizePath2(clean));
+      if (!meta) {
+        return null;
+      }
+      return transformScriptModule({
+        code,
+        cleanId: clean,
+        meta,
+        enableHmr
+      });
+    }
+  };
 }
 export {
   weappWebPlugin