@hejiayue/x-markdown-test 0.0.1-beta.135 → 0.0.1-beta.136

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hejiayue/x-markdown-test",
-  "version": "0.0.1-beta.135",
+  "version": "0.0.1-beta.136",
   "description": "A markdown component library for Vue",
   "type": "module",
   "main": "./dist/x-markdown.cjs.js",
@@ -17,10 +17,12 @@
         "default": "./dist/x-markdown.cjs.js"
       }
     },
-    "./style": "./dist/style.css"
+    "./style": "./dist/style.css",
+    "./vite-plugin": "./src/vite-plugin.js"
   },
   "files": [
-    "dist"
+    "dist",
+    "src/vite-plugin.js"
   ],
   "sideEffects": [
     "*.css",

package/src/vite-plugin.js

@@ -0,0 +1,116 @@
+import { resolve } from 'node:path'
+import { existsSync } from 'node:fs'
+import { fileURLToPath } from 'node:url'
+
+/**
+ * x-markdown Vite 插件
+ *
+ * 自动处理可选依赖（shiki、shiki-stream、mermaid）的虚拟模块配置
+ * 当这些依赖未安装时，自动映射到虚拟模块避免构建失败
+ *
+ * @param {Object} options - 插件配置选项
+ * @param {string[]} options.optionalDeps - 可选依赖列表（默认：['mermaid', 'shiki', 'shiki-stream']）
+ * @param {string} options.virtualModulesDir - 虚拟模块目录（相对于项目根目录）
+ * @returns {import('vite').Plugin} Vite 插件
+ */
+export function createXMarkdownVitePlugin(options = {}) {
+  const {
+    optionalDeps = ['mermaid', 'shiki', 'shiki-stream'],
+    virtualModulesDir = './node_modules/@hejiayue/x-markdown-test/virtual-modules',
+  } = options
+
+  return {
+    name: '@hejiayue/x-markdown-test:vite-plugin',
+    enforce: 'pre', // 在其他插件之前执行
+    config(config) {
+      // 获取项目根目录
+      const projectRoot = process.cwd()
+
+      // 动态生成可选依赖的 alias 配置
+      const optionalAliases = []
+
+      for (const dep of optionalDeps) {
+        const depPath = resolve(projectRoot, 'node_modules', dep)
+
+        if (!existsSync(depPath)) {
+          // 依赖未安装，使用虚拟模块
+          // 尝试从多个可能的位置查找虚拟模块
+          const virtualModulePaths = [
+            resolve(projectRoot, virtualModulesDir, `${dep}.js`),
+            resolve(projectRoot, 'src/virtual-modules', `${dep}.js`),
+            // 最后尝试：从 x-markdown 包内部获取
+            resolve(__dirname, 'virtual-modules', `${dep}.js`),
+          ]
+
+          let virtualModulePath = null
+          for (const path of virtualModulePaths) {
+            if (existsSync(path)) {
+              virtualModulePath = path
+              break
+            }
+          }
+
+          if (virtualModulePath) {
+            optionalAliases.push({
+              find: dep,
+              replacement: virtualModulePath,
+            })
+
+            // 在开发环境显示提示信息
+            if (config.mode === 'development') {
+              console.log(
+                `\x1b[33m[@hejiayue/x-markdown-test]\x1b[0m ${dep} 未安装，使用虚拟模块`
+              )
+            }
+          }
+        }
+      }
+
+      // 如果有需要添加的 alias，更新配置
+      if (optionalAliases.length > 0) {
+        // 保留原有的 alias 配置
+        const existingAlias = config.resolve?.alias || []
+
+        // 合并 alias 配置
+        config.resolve = {
+          ...config.resolve,
+          alias: [
+            ...optionalAliases,
+            ...(Array.isArray(existingAlias) ? existingAlias : [existingAlias]),
+          ],
+        }
+      }
+
+      // 确保 optionalDeps 不被预构建
+      const optimizeDeps = config.optimizeDeps || {}
+      const excludeDeps = optimizeDeps.exclude || []
+      const includeDeps = optimizeDeps.include || []
+
+      // 移除未安装的依赖从 include
+      const filteredInclude = includeDeps.filter(dep => {
+        const depPath = resolve(projectRoot, 'node_modules', dep)
+        return existsSync(depPath)
+      })
+
+      // 添加未安装的依赖到 exclude
+      const newExclude = [...optionalDeps.filter(dep => {
+        const depPath = resolve(projectRoot, 'node_modules', dep)
+        return !existsSync(depPath)
+      }), ...excludeDeps]
+
+      config.optimizeDeps = {
+        ...optimizeDeps,
+        include: filteredInclude,
+        exclude: [...new Set(newExclude)],
+      }
+    },
+  }
+}
+
+// 默认导出，方便使用
+export default createXMarkdownVitePlugin
+
+/**
+ * 为了兼容性，也提供一个具名导出
+ */
+export { createXMarkdownVitePlugin as xMarkdownVitePlugin }