@weapp-vite/volar 2.0.4 → 2.0.5

package/dist/index.cjs

@@ -58,6 +58,9 @@ var JSON_LANG = "json";
 var JSON5_LANG = "json5";
 var PLUGIN_VERSION = 2.2;
 var TS_LANG = "ts";
+var BACKSLASH_RE = /\\/g;
+var NON_SPACE_RE = /\S/;
+var WXS_MODULE_RE = /<wxs[\s\S]*?module\s*=\s*(?:"([^"]+)"|'([^']+)')[\s\S]*?\/?>/gi;
 var FULL_CAPABILITIES = {
   verification: true,
   completion: true,
@@ -84,11 +87,73 @@ try {
 } catch {
   hasSchematicsTypes = false;
 }
+function parseVueSfc(content, filename = "component.vue") {
+  try {
+    const compilerSfc = require2("@vue/compiler-sfc");
+    return compilerSfc.parse(content, { filename });
+  } catch {
+    return void 0;
+  }
+}
+function collectWxsModuleNames(templateContent) {
+  if (!templateContent) {
+    return [];
+  }
+  const names = /* @__PURE__ */ new Set();
+  for (const match of templateContent.matchAll(WXS_MODULE_RE)) {
+    const name2 = match[1] ?? match[2];
+    if (name2) {
+      names.add(name2);
+    }
+  }
+  return [...names];
+}
+function createWxsModuleDeclarations(moduleNames) {
+  if (!moduleNames.length) {
+    return "";
+  }
+  return moduleNames.map((name2) => `const ${name2} = {} as Record<string, (...args: any[]) => any>`).join("\n");
+}
+function appendWxsDeclarations(code, moduleNames) {
+  const declarations = createWxsModuleDeclarations(moduleNames);
+  if (!declarations) {
+    return code;
+  }
+  return code ? `${code}
+
+${declarations}
+` : `${declarations}
+`;
+}
+function createSyntheticScriptSetup(moduleNames) {
+  const content = createWxsModuleDeclarations(moduleNames);
+  if (!content) {
+    return void 0;
+  }
+  return {
+    type: "script",
+    content,
+    loc: {
+      source: `<script setup lang="ts">
+${content}
+</script>`,
+      start: { column: 1, line: 1, offset: 0 },
+      end: { column: 1, line: 1, offset: 0 }
+    },
+    attrs: {
+      setup: true,
+      lang: "ts"
+    },
+    lang: "ts",
+    setup: true,
+    name: "scriptSetup"
+  };
+}
 function normalizeFilename(filename) {
   if (!filename) {
     return "";
   }
-  return filename.replace(/\\/g, "/");
+  return filename.replace(BACKSLASH_RE, "/");
 }
 function inferConfigType(filename) {
   const normalized = normalizeFilename(filename);
@@ -156,7 +221,7 @@ function injectSchemaIntoJsonObject(content, schemaId) {
     return content;
   }
   const afterLeft = content.slice(leftBraceIndex + 1);
-  const firstNonSpace = afterLeft.match(/\S/);
+  const firstNonSpace = afterLeft.match(NON_SPACE_RE);
   const nextCharIndex = firstNonSpace ? leftBraceIndex + 1 + firstNonSpace.index : -1;
   const isEmptyObject = nextCharIndex >= 0 && content[nextCharIndex] === "}";
   const schemaLine = `  "$schema": "${schemaId}"`;
@@ -183,6 +248,27 @@ var plugin = (ctx) => {
   return {
     name,
     version: PLUGIN_VERSION,
+    order: -1,
+    parseSFC2(fileName, languageId, content) {
+      if (languageId !== "vue") {
+        return;
+      }
+      const parsed = parseVueSfc(content, fileName);
+      if (!parsed) {
+        return;
+      }
+      const descriptor = parsed.descriptor;
+      const wxsModuleNames = collectWxsModuleNames(descriptor.template?.content);
+      if (!wxsModuleNames.length) {
+        return parsed;
+      }
+      if (descriptor.scriptSetup) {
+        descriptor.scriptSetup.content = appendWxsDeclarations(descriptor.scriptSetup.content, wxsModuleNames);
+      } else {
+        descriptor.scriptSetup = createSyntheticScriptSetup(wxsModuleNames);
+      }
+      return parsed;
+    },
     getEmbeddedCodes(_, sfc) {
       const names = [];
       for (let i = 0; i < sfc.customBlocks.length; i++) {

package/dist/index.mjs

@@ -24,6 +24,9 @@ var JSON_LANG = "json";
 var JSON5_LANG = "json5";
 var PLUGIN_VERSION = 2.2;
 var TS_LANG = "ts";
+var BACKSLASH_RE = /\\/g;
+var NON_SPACE_RE = /\S/;
+var WXS_MODULE_RE = /<wxs[\s\S]*?module\s*=\s*(?:"([^"]+)"|'([^']+)')[\s\S]*?\/?>/gi;
 var FULL_CAPABILITIES = {
   verification: true,
   completion: true,
@@ -50,11 +53,73 @@ try {
 } catch {
   hasSchematicsTypes = false;
 }
+function parseVueSfc(content, filename = "component.vue") {
+  try {
+    const compilerSfc = require2("@vue/compiler-sfc");
+    return compilerSfc.parse(content, { filename });
+  } catch {
+    return void 0;
+  }
+}
+function collectWxsModuleNames(templateContent) {
+  if (!templateContent) {
+    return [];
+  }
+  const names = /* @__PURE__ */ new Set();
+  for (const match of templateContent.matchAll(WXS_MODULE_RE)) {
+    const name2 = match[1] ?? match[2];
+    if (name2) {
+      names.add(name2);
+    }
+  }
+  return [...names];
+}
+function createWxsModuleDeclarations(moduleNames) {
+  if (!moduleNames.length) {
+    return "";
+  }
+  return moduleNames.map((name2) => `const ${name2} = {} as Record<string, (...args: any[]) => any>`).join("\n");
+}
+function appendWxsDeclarations(code, moduleNames) {
+  const declarations = createWxsModuleDeclarations(moduleNames);
+  if (!declarations) {
+    return code;
+  }
+  return code ? `${code}
+
+${declarations}
+` : `${declarations}
+`;
+}
+function createSyntheticScriptSetup(moduleNames) {
+  const content = createWxsModuleDeclarations(moduleNames);
+  if (!content) {
+    return void 0;
+  }
+  return {
+    type: "script",
+    content,
+    loc: {
+      source: `<script setup lang="ts">
+${content}
+</script>`,
+      start: { column: 1, line: 1, offset: 0 },
+      end: { column: 1, line: 1, offset: 0 }
+    },
+    attrs: {
+      setup: true,
+      lang: "ts"
+    },
+    lang: "ts",
+    setup: true,
+    name: "scriptSetup"
+  };
+}
 function normalizeFilename(filename) {
   if (!filename) {
     return "";
   }
-  return filename.replace(/\\/g, "/");
+  return filename.replace(BACKSLASH_RE, "/");
 }
 function inferConfigType(filename) {
   const normalized = normalizeFilename(filename);
@@ -122,7 +187,7 @@ function injectSchemaIntoJsonObject(content, schemaId) {
     return content;
   }
   const afterLeft = content.slice(leftBraceIndex + 1);
-  const firstNonSpace = afterLeft.match(/\S/);
+  const firstNonSpace = afterLeft.match(NON_SPACE_RE);
   const nextCharIndex = firstNonSpace ? leftBraceIndex + 1 + firstNonSpace.index : -1;
   const isEmptyObject = nextCharIndex >= 0 && content[nextCharIndex] === "}";
   const schemaLine = `  "$schema": "${schemaId}"`;
@@ -149,6 +214,27 @@ var plugin = (ctx) => {
   return {
     name,
     version: PLUGIN_VERSION,
+    order: -1,
+    parseSFC2(fileName, languageId, content) {
+      if (languageId !== "vue") {
+        return;
+      }
+      const parsed = parseVueSfc(content, fileName);
+      if (!parsed) {
+        return;
+      }
+      const descriptor = parsed.descriptor;
+      const wxsModuleNames = collectWxsModuleNames(descriptor.template?.content);
+      if (!wxsModuleNames.length) {
+        return parsed;
+      }
+      if (descriptor.scriptSetup) {
+        descriptor.scriptSetup.content = appendWxsDeclarations(descriptor.scriptSetup.content, wxsModuleNames);
+      } else {
+        descriptor.scriptSetup = createSyntheticScriptSetup(wxsModuleNames);
+      }
+      return parsed;
+    },
     getEmbeddedCodes(_, sfc) {
       const names = [];
       for (let i = 0; i < sfc.customBlocks.length; i++) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weapp-vite/volar",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "Volar plugin for weapp-vite - Provides IntelliSense and type checking for WeChat mini-program config blocks",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
@@ -47,6 +47,7 @@
     "build": "tsup",
     "test": "vitest run",
     "test:dev": "vitest",
+    "typecheck": "tsc --noEmit",
     "release": "pnpm publish",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix"