mm_statics 1.6.6 → 1.6.7

package/index.js

@@ -1,10 +1,11 @@
 let send = require('koa-send');
 const { EsToAmdConvert } = require('mm_es6_to_amd');
-const { parse } = require('@vue/compiler-sfc');
-const { compile } = require('@vue/compiler-dom');
+const VueSFCCompiler = require('./vue_compiler.js');
 const prettier = require('prettier');
 const { marked } = require('marked');
 
+var vueCompiler = new VueSFCCompiler();
+
 /**
  * 静态文件处理类
  */
@@ -45,11 +46,11 @@ class Static {
     // 需要转换的静态文件扩展名
     files: ['.js', '.vue', '.html'],
     // 是否转换ES6模块为AMD模块
-    convert_amd: true,
+    convert_amd: false,  // 修改为 false，避免 Vue 文件被错误转换为 AMD 格式
     // 是否开启文件监听
     watch: false,
     // 监听的文件扩展名
-    watch_files: ['.js', '.css', '.html', '.vue', '.json', '.md', '.txt', '.xml']
+    watch_files: ['.js', '.css', '.html', '.vue', '.json', '.md']
   };
 
   /**
@@ -256,136 +257,27 @@ Static.prototype._toAmd = async function (file_type, text) {
   return result;
 };
 
-/**
- * 处理Vue模板部分
- * @param {object} desc Vue组件描述符
- * @returns {string} 编译后的render函数
- */
-Static.prototype._processTemplate = function (desc) {
-  if (!desc.template) return '';
-
-  const template_result = compile(desc.template.content, {
-    mode: 'module'
-  });
-
-  // 提取render函数代码，去除import语句和export语句
-  let render_function = template_result.code
-    .replace(/^import[^;]+;\s*/gm, '')
-    .replace(/^export[^;]+;\s*/gm, '')
-    .trim();
-
-  // 如果render函数包含函数定义，提取函数体
-  let render_match = render_function.match(/function\s+render\s*\([^)]*\)\s*{([\s\S]*?)}\s*$/);
-  if (render_match) {
-    render_function = `function render(_ctx, _cache) {${render_match[1]}}`;
-  }
-
-  return render_function;
-};
-
-/**
- * 处理Vue脚本部分
- * @param {object} desc Vue组件描述符
- * @param {string} render_function render函数
- * @returns {string} 处理后的脚本代码
- */
-Static.prototype._processScript = function (desc, render_function) {
-  if (!desc.script) {
-    return this._createDefaultComp(render_function);
-  }
-
-  let script_content = desc.script.content;
-
-  // 提取import语句
-  let imports = '';
-  let import_match = script_content.match(/import[^;]+;/g);
-  if (import_match) {
-    imports = import_match.join('\n') + '\n';
-  }
-
-  // 提取export default部分，保留完整的组件定义
-  let export_match = script_content.match(/export\s+default\s*({[\s\S]*?})\s*$/s);
-  if (export_match) {
-    return this._buildCompWithExport(export_match[1], imports, render_function);
-  } else {
-    return this._buildDefaultComp(imports, render_function);
-  }
-};
 
-/**
- * 创建默认组件结构
- * @param {string} render_function render函数
- * @returns {string} 默认组件代码
- */
-Static.prototype._createDefaultComp = function (render_function) {
-  return `
-export default {
-  name: 'VueComponent',
-  data() {
-    return {}
-  }${render_function ? `,\n  render: ${render_function}` : ''}\n};
-`;
-};
 
 /**
- * 构建带有export的组件
- * @param {string} code_lib 组件代码
- * @param {string} imports import语句
- * @param {string} render_function render函数
- * @returns {string} 完整的组件代码
- */
-Static.prototype._buildCompWithExport = function (code_lib, imports, render_function) {
-  let proc_code = code_lib;
-
-  // 确保组件字符串是完整的对象结构
-  if (!proc_code.trim().endsWith('}')) {
-    proc_code = proc_code + '\n}';
-  }
-
-  // 如果render函数存在，将其添加到组件选项中
-  if (render_function) {
-    // 在最后一个属性之前插入render函数
-    if (proc_code.trim().endsWith('}')) {
-      proc_code = proc_code.replace(/}\s*$/, '');
-      // 确保最后一个属性后有逗号
-      if (!proc_code.trim().endsWith(',')) {
-        proc_code += ',';
-      }
-      proc_code += `\n  render: ${render_function}\n}`;
+   * 编译Vue组件
+   * @param {string} code Vue组件代码
+   * @param {string} filePath 文件路径
+   * @returns {Promise<string>} 可直接调用的JavaScript组件代码
+   */
+  Static.prototype._compileVue = async function (code, filePath = '') {
+    try {
+      // 使用修复后的 Vue 编译器
+      const { code: compiledCode } = await vueCompiler.toJS(code, filePath);
+      
+      // Vue 编译后的代码是 JavaScript，应该使用 babel 解析器格式化
+      const result = await this._formatCode(compiledCode, 'babel');
+      return result;
+    } catch (error) {
+      console.error('Vue编译失败:', error);
+      return `console.error('Vue编译失败: ${error.message}');\nexport default { name: 'ErrorComponent' };`;
     }
-  }
-
-  return `${imports}
-export default ${proc_code};
-`;
-};
-
-/**
- * 构建默认组件
- * @param {string} imports import语句
- * @param {string} render_function render函数
- * @returns {string} 默认组件代码
- */
-Static.prototype._buildDefaultComp = function (imports, render_function) {
-  return `${imports}
-export default {
-  name: 'VueComponent',
-  data() {
-    return {}
-  }${render_function ? `,\n  render: ${render_function}` : ''}\n};
-`;
-};
-
-/**
- * 编译Vue组件
- * @param {string} code Vue组件代码
- * @returns {Promise<string>} 可直接调用的JavaScript组件代码
- */
-Static.prototype._compileVue = async function (code) {
-  let desc = parse(code).descriptor;
-  let render_function = this._processTemplate(desc);
-  return await this._processScript(desc, render_function);
-};
+  };
 
 /**
  * 发送文件
@@ -433,7 +325,7 @@ Static.prototype._runVue = async function (path) {
   let file = `.${path}`.fullname(this.config.root);
   let text = file.loadText();
   if (text) {
-    code = await this._compileVue(text);
+    code = await this._compileVue(text, file);
   }
   return code;
 };
@@ -451,11 +343,11 @@ Static.prototype._extractMarkdownTitle = function (text) {
   // 匹配一级标题格式：# 标题
   var title_regex = /^#\s+(.+)$/m;
   var match = text.match(title_regex);
-  
+
   if (match && match[1]) {
     return match[1].trim();
   }
-  
+
   return null;
 };
 
@@ -473,7 +365,7 @@ Static.prototype._runMarkdown = async function (path) {
     try {
       // 使用marked将markdown转换为HTML
       let markdown_html = marked.parse(text);
-      
+
       // 优先从Markdown内容中提取一级标题，后备使用文件名
       var title_from_content = this._extractMarkdownTitle(text);
       var title_from_file = path.split('/').pop().replace('.md', '');
@@ -621,6 +513,10 @@ Static.prototype._getHeaders = function (file_type) {
       else if (this.config.compile_vue) {
         headers['content-type'] = 'application/javascript; charset=utf-8';
       }
+      else {
+        // 当不编译 Vue 文件时，设置为 JavaScript MIME 类型
+        headers['content-type'] = 'application/javascript; charset=utf-8';
+      }
       break;
     case 'html':
       headers['content-type'] = 'text/html; charset=utf-8';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mm_statics",
-    "version": "1.6.6",
+    "version": "1.6.7",
     "description": "这是超级美眉statics函数模块，用于web服务端statics缓存",
     "main": "index.js",
     "scripts": {