@mpxjs/webpack-plugin 2.9.70-alpha.0 → 2.9.71

package/lib/tenon/processJSON.js

@@ -1,352 +0,0 @@
-const async = require('async')
-const path = require('path')
-const JSON5 = require('json5')
-const loaderUtils = require('loader-utils')
-const parseRequest = require('../utils/parse-request')
-// const toPosix = require('../utils/to-posix')
-const addQuery = require('../utils/add-query')
-const parseComponent = require('../parser')
-const getJSONContent = require('../utils/get-json-content')
-const isUrlRequest = require('../utils/is-url-request')
-
-module.exports = function (jsonContent, options, rawCallback) {
-  const mode = options.mode
-  const env = options.env
-  const defs = options.defs
-  const loaderContext = options.loaderContext
-  const resolveMode = options.resolveMode
-  // const pagesMap = options.pagesMap
-  const componentsMap = options.componentsMap
-  const projectRoot = options.projectRoot
-  const pathHash = options.pathHash
-  const localPagesMap = {}
-  const localComponentsMap = {}
-  const buildInfo = loaderContext._module.buildInfo
-
-  const output = '/* json */\n'
-  let jsonObj = {}
-  let tabBarMap
-  let tabBarStr
-  const context = loaderContext.context
-
-  // const emitWarning = (msg) => {
-  //   loaderContext.emitWarning(
-  //     new Error('[json processor][' + loaderContext.resource + ']: ' + msg)
-  //   )
-  // }
-
-  // const emitError = (msg) => {
-  //   this.emitError(
-  //     new Error('[json compiler][' + this.resource + ']: ' + msg)
-  //   )
-  // }
-
-  // const stringifyRequest = r => loaderUtils.stringifyRequest(loaderContext, r)
-
-  const callback = (err) => {
-    return rawCallback(err, {
-      output,
-      jsonObj,
-      localPagesMap,
-      localComponentsMap,
-      tabBarMap,
-      tabBarStr
-    })
-  }
-
-  if (!jsonContent) {
-    return callback()
-  }
-  // 由于json需要提前读取在template处理中使用，src的场景已经在loader中处理了，此处无需考虑json.src的场景
-  try {
-    jsonObj = JSON5.parse(jsonContent)
-  } catch (e) {
-    return callback(e)
-  }
-
-  const fs = loaderContext._compiler.inputFileSystem
-
-  const resolve = (context, request, callback) => {
-    // const { queryObj } = parseRequest(request)
-    // todo delete. parseRequest 不会返回 context 属性
-    // context = queryObj.context || context
-    return loaderContext.resolve(context, request, callback)
-  }
-
-  // const defaultTabbar = {
-  //   borderStyle: 'black',
-  //   position: 'bottom',
-  //   custom: false,
-  //   isShow: true
-  // }
-
-  // const processTabBar = (tabBar, callback) => {
-  //   if (tabBar) {
-  //     tabBar = Object.assign({}, defaultTabbar, tabBar)
-  //     tabBarMap = {}
-  //     jsonObj.tabBar.list.forEach(({ pagePath }) => {
-  //       tabBarMap[pagePath] = true
-  //     })
-  //     tabBarStr = JSON.stringify(tabBar)
-  //     tabBarStr = tabBarStr.replace(/"(iconPath|selectedIconPath)":"([^"]+)"/g, function (matched, $1, $2) {
-  //       if (isUrlRequest($2, projectRoot)) {
-  //         return `"${$1}":require(${stringifyRequest(loaderUtils.urlToRequest($2, projectRoot))})`
-  //       }
-  //       return matched
-  //     })
-  //   }
-  //   callback()
-  // }
-
-  const processPackages = (packages, context, callback) => {
-    if (packages) {
-      async.forEach(packages, (packagePath, callback) => {
-        const parsed = parseRequest(packagePath)
-        const queryObj = parsed.queryObj
-        // readFile无法处理query
-        packagePath = parsed.resourcePath
-        async.waterfall([
-          (callback) => {
-            resolve(context, packagePath, (err, result) => {
-              callback(err, result)
-            })
-          },
-          (result, callback) => {
-            loaderContext.addDependency(result)
-            fs.readFile(result, (err, content) => {
-              if (err) return callback(err)
-              callback(err, result, content.toString('utf-8'))
-            })
-          },
-          (result, content, callback) => {
-            const filePath = result
-            const extName = path.extname(filePath)
-            if (extName === '.mpx' || extName === '.vue') {
-              const parts = parseComponent(content, {
-                filePath,
-                needMap: loaderContext.sourceMap,
-                mode,
-                defs,
-                env
-              })
-              getJSONContent(parts.json || {}, result, loaderContext, (err, content) => {
-                callback(err, result, content)
-              })
-            } else {
-              callback(null, result, content)
-            }
-          },
-          (result, content, callback) => {
-            try {
-              content = JSON5.parse(content)
-            } catch (err) {
-              return callback(err)
-            }
-
-            const processSelfQueue = []
-            const context = path.dirname(result)
-
-            if (content.pages) {
-              const tarRoot = queryObj.root
-              if (tarRoot) {
-                delete queryObj.root
-                const subPackage = {
-                  tarRoot,
-                  pages: content.pages,
-                  ...queryObj
-                }
-                processSelfQueue.push((callback) => {
-                  processSubPackage(subPackage, context, callback)
-                })
-              } else {
-                processSelfQueue.push((callback) => {
-                  processPages(content.pages, '', '', context, callback)
-                })
-              }
-            }
-            if (content.packages) {
-              processSelfQueue.push((callback) => {
-                processPackages(content.packages, context, callback)
-              })
-            }
-            if (processSelfQueue.length) {
-              async.parallel(processSelfQueue, callback)
-            } else {
-              callback()
-            }
-          }
-        ], callback)
-      }, callback)
-    } else {
-      callback()
-    }
-  }
-
-  // const getPageName = (resourcePath, ext) => {
-  //   const baseName = path.basename(resourcePath, ext)
-  //   return path.join('pages', baseName + pathHash(resourcePath), baseName)
-  // }
-
-  const processPages = (pages, srcRoot = '', tarRoot = '', context, callback) => {
-    if (pages) {
-      context = path.join(context, srcRoot)
-      async.forEach(pages, (page, callback) => {
-        let pagePath = page
-        if (typeof page !== 'string') {
-          pagePath = page.src
-        }
-        // if (!isUrlRequest(page, projectRoot)) return callback()
-        // if (resolveMode === 'native') {
-        //   page = loaderUtils.urlToRequest(page, projectRoot)
-        // }
-        // resolve(context, page, (err, resource) => {
-        //   if (err) return callback(err)
-        //   const { resourcePath, queryObj } = parseRequest(resource)
-        //   const ext = path.extname(resourcePath)
-        //   // 获取pageName
-        //   let pageName
-        //   if (aliasPath) {
-        //     pageName = toPosix(path.join(tarRoot, aliasPath))
-        //     // 判断 key 存在重复情况直接报错
-        //     for (let key in pagesMap) {
-        //       if (pagesMap[key] === pageName && key !== resourcePath) {
-        //         emitError(`Current page [${resourcePath}] registers a conflict page path [${pageName}] with existed page [${key}], which is not allowed, please rename it!`)
-        //         return callback()
-        //       }
-        //     }
-        //   } else {
-        //     const relative = path.relative(context, resourcePath)
-        //     if (/^\./.test(relative)) {
-        //       // 如果当前page不存在于context中，对其进行重命名
-        //       pageName = toPosix(path.join(tarRoot, getPageName(resourcePath, ext)))
-        //       emitWarning(`Current page [${resourcePath}] is not in current pages directory [${context}], the page path will be replaced with [${pageName}], use ?resolve to get the page path and navigate to it!`)
-        //     } else {
-        //       pageName = toPosix(path.join(tarRoot, /^(.*?)(\.[^.]*)?$/.exec(relative)[1]))
-        //       // 如果当前page与已有page存在命名冲突，也进行重命名
-        //       for (let key in pagesMap) {
-        //         // 此处引入pagesMap确保相同entry下路由路径重复注册才报错，不同entry下的路由路径重复则无影响
-        //         if (pagesMap[key] === pageName && key !== resourcePath && pagesMap[key] === loaderContext.resourcePath) {
-        //           const pageNameRaw = pageName
-        //           pageName = toPosix(path.join(tarRoot, getPageName(resourcePath, ext)))
-        //           emitWarning(`Current page [${resourcePath}] is registered with a conflict page path [${pageNameRaw}] which is already existed in system, the page path will be replaced with [${pageName}], use ?resolve to get the page path and navigate to it!`)
-        //           break
-        //         }
-        //       }
-        //     }
-        //   }
-        //   if (pagesMap[resourcePath]) {
-        //     emitWarning(`Current page [${resourcePath}] which is imported from [${loaderContext.resourcePath}] has been registered in pagesMap already, it will be ignored, please check it and remove the redundant page declaration!`)
-        //     return callback()
-        //   }
-        // buildInfo.pagesMap = buildInfo.pagesMap || {}
-        // buildInfo.pagesMap[resourcePath] = pagesMap[resourcePath] = pageName
-        // pagesMap[resourcePath] = loaderContext.resourcePath
-        localPagesMap[pagePath] = page
-        //   callback()
-        // })
-        callback()
-      }, callback)
-    } else {
-      callback()
-    }
-  }
-
-  const processSubPackage = (subPackage, context, callback) => {
-    if (subPackage) {
-      const tarRoot = subPackage.tarRoot || subPackage.root || ''
-      const srcRoot = subPackage.srcRoot || subPackage.root || ''
-      if (!tarRoot) return callback()
-      processPages(subPackage.pages, srcRoot, tarRoot, context, callback)
-    } else {
-      callback()
-    }
-  }
-
-  const processSubPackages = (subPackages, context, callback) => {
-    if (subPackages) {
-      async.forEach(subPackages, (subPackage, callback) => {
-        processSubPackage(subPackage, context, callback)
-      }, callback)
-    } else {
-      callback()
-    }
-  }
-
-  const processComponents = (components, context, callback) => {
-    if (components) {
-      async.forEachOf(components, (component, name, callback) => {
-        processComponent(component, name, context, callback)
-      }, callback)
-    } else {
-      callback()
-    }
-  }
-
-  const processComponent = (component, name, context, callback) => {
-    if (!isUrlRequest(component, projectRoot)) return callback()
-
-    if (resolveMode === 'native') {
-      component = loaderUtils.urlToRequest(component, projectRoot)
-    }
-
-    resolve(context, component, (err, resource) => {
-      if (err) return callback(err)
-      const { resourcePath, queryObj } = parseRequest(resource)
-      const parsed = path.parse(resourcePath)
-      const componentId = parsed.name + pathHash(resourcePath)
-
-      buildInfo.packageName = 'main'
-      buildInfo.componentsMap = buildInfo.componentsMap || {}
-      buildInfo.componentsMap[resourcePath] = componentsMap[resourcePath] = componentId
-
-      localComponentsMap[name] = {
-        resource: addQuery(resource, { isComponent: true, componentId }),
-        async: queryObj.async
-      }
-      callback()
-    })
-  }
-
-  // const processGenerics = (generics, context, callback) => {
-  //   if (generics) {
-  //     async.forEachOf(generics, (generic, name, callback) => {
-  //       if (generic.default) {
-  //         processComponent(generic.default, `${name}default`, context, callback)
-  //       } else {
-  //         callback()
-  //       }
-  //     }, callback)
-  //   } else {
-  //     callback()
-  //   }
-  // }
-
-  async.parallel([
-    (callback) => {
-      if (jsonObj.pages && jsonObj.pages[0]) {
-        // 标记首页
-        if (typeof jsonObj.pages[0] !== 'string') {
-          jsonObj.pages[0].src = addQuery(jsonObj.pages[0].src, { isFirst: true })
-        } else {
-          jsonObj.pages[0] = addQuery(jsonObj.pages[0], { isFirst: true })
-        }
-      }
-      processPages(jsonObj.pages, '', '', context, callback)
-    },
-    (callback) => {
-      processComponents(jsonObj.usingComponents, context, callback)
-    },
-    (callback) => {
-      processPackages(jsonObj.packages, context, callback)
-    },
-    (callback) => {
-      processSubPackages(jsonObj.subPackages || jsonObj.subpackages, context, callback)
-    }
-    // (callback) => {
-    //   processGenerics(jsonObj.componentGenerics, context, callback)
-    // },
-    // (callback) => {
-    //   processTabBar(jsonObj.tabBar, callback)
-    // }
-  ], callback)
-}

package/lib/tenon/processScript.js

@@ -1,203 +0,0 @@
-const genComponentTag = require('../utils/gen-component-tag')
-const loaderUtils = require('loader-utils')
-const normalize = require('../utils/normalize')
-const shallowStringify = require('../utils/shallow-stringify')
-const optionProcessorPath = normalize.lib('runtime/optionProcessor')
-const async = require('async')
-const createJSONHelper = require('../json-compiler/helper')
-const addQuery = require('../utils/add-query')
-
-
-
-const {
-  buildComponentsMap,
-  getRequireScript,
-  buildGlobalParams,
-  stringifyRequest
-} = require('./script-helper')
-
-module.exports = function (script, {
-  loaderContext,
-  ctorType,
-  srcMode,
-  moduleId,
-  isProduction,
-  componentGenerics,
-  jsonConfig,
-  outputPath,
-  builtInComponentsMap,
-  genericsInfo,
-  wxsModuleMap,
-  localComponentsMap,
-  localPagesMap
-}, callback) {
-  const { projectRoot, appInfo, webConfig } = loaderContext.getMpx()
-
-
-  // add entry
-  // const checkEntryDeps = (callback) => {
-  //   callback = callback || cacheCallback
-  //   if (callback && entryDeps.size === 0) {
-  //     callback()
-  //   } else {
-  //     cacheCallback = callback
-  //   }
-  // }
-
-  // const addEntryDep = (context, resource, name) => {
-  //   // 如果loader已经回调，就不再添加entry
-  //   if (callbacked) return
-  //   const dep = SingleEntryPlugin.createDependency(resource, name)
-  //   entryDeps.add(dep)
-  //   const virtualModule = new AddEntryDependency({
-  //     context: context._compiler.context,
-  //     dep,
-  //     name
-  //   })
-  //   /* eslint-disable camelcase */
-  //   context._module.__has_tenon_entry = true
-  //   context._module.addDependency(virtualModule)
-  //   entryDeps.delete(dep)
-  //   checkEntryDeps()
-  // }
-
-  const emitWarning = (msg) => {
-    loaderContext.emitWarning(
-      new Error('[tenon script processor][' + loaderContext.resource + ']: ' + msg)
-    )
-  }
-
-  const emitError = (msg) => {
-    loaderContext.emitError(
-      new Error('[tenon script processor][' + loaderContext.resource + ']: ' + msg)
-    )
-  }
-
-  const {
-    processPage,
-    processDynamicEntry
-  } = createJSONHelper({
-    loaderContext,
-    emitWarning,
-    emitError
-  })
-
-  // const { getRequire } = createHelpers(loaderContext)
-
-  // const stringifyRequest = r => loaderUtils.stringifyRequest(loaderContext, r)
-  // let tabBarPagesMap = {}
-  // if (tabBar && tabBarMap) {
-  //   // 挂载tabBar组件
-  //   const tabBarRequest = stringifyRequest(addQuery(tabBar.custom ? './custom-tab-bar/index' : tabBarPath, { component: true }))
-  //   tabBarPagesMap['mpx-tab-bar'] = `getComponent(require(${tabBarRequest}))`
-  //   // 挂载tabBar页面
-  //   Object.keys(tabBarMap).forEach((pagePath) => {
-  //     const pageCfg = localPagesMap[pagePath]
-  //     if (pageCfg) {
-  //       const pageRequest = stringifyRequest(pageCfg.resource)
-  //       if (pageCfg.async) {
-  //         tabBarPagesMap[pagePath] = `()=>import(${pageRequest}).then(res => getComponent(res, { __mpxPageRoute: ${JSON.stringify(pagePath)} }))`
-  //       } else {
-  //         tabBarPagesMap[pagePath] = `getComponent(require(${pageRequest}), { __mpxPageRoute: ${JSON.stringify(pagePath)} })`
-  //       }
-  //     } else {
-  //       emitWarning(`TabBar page path ${pagePath} is not exist in local page map, please check!`)
-  //     }
-  //   })
-  // }
-
-  let output = '/* script */\n'
-
-  let scriptSrcMode = srcMode
-  if (script) {
-    scriptSrcMode = script.mode || scriptSrcMode
-  } else {
-    script = {
-      tag: 'script',
-      content: ''
-    }
-    switch (ctorType) {
-      case 'app':
-        script.content = 'import {createApp} from "@mpxjs/core"\n' +
-          'createApp({})\n'
-        break
-      case 'page':
-        script.content = 'import {createPage} from "@mpxjs/core"\n' +
-          'createPage({})\n'
-        break
-      case 'component':
-        script.content = 'import {createComponent} from "@mpxjs/core"\n' +
-          'createComponent({})\n'
-    }
-  }
-  output += genComponentTag(script, {
-    attrs (script) {
-      const attrs = Object.assign({}, script.attrs)
-      // src改为内联require，删除
-      delete attrs.src
-      // script setup通过mpx处理，删除该属性避免vue报错
-      delete attrs.setup
-      return attrs
-    },
-    content (script) {
-      let content = `\n  import { processComponentOption, getComponent, getWxsMixin } from ${stringifyRequest(loaderContext, optionProcessorPath)}\n`
-      let hasApp = true
-      if (!appInfo.name) {
-        hasApp = false
-      }
-
-
-      // 获取组件集合
-      const componentsMap = buildComponentsMap({ localComponentsMap, builtInComponentsMap, loaderContext, jsonConfig })
-
-      // 获取pageConfig
-      const pageConfig = {}
-      if (ctorType === 'page') {
-        Object.assign(pageConfig, jsonConfig)
-        delete pageConfig.usingComponents
-        // content += `import * as Tenon from '@hummer/tenon-vue'\n`
-        // content += `var page = require(${stringifyRequest(loaderContext, addQuery(loaderContext.resource, { page: true }))}).default\n`
-      }
-
-      content += buildGlobalParams({ moduleId, scriptSrcMode, loaderContext, isProduction, webConfig, hasApp })
-      content += getRequireScript({ ctorType, script, loaderContext })
-      content += `
-  export default processComponentOption({
-    option: global.__mpxOptionsMap[${JSON.stringify(moduleId)}],
-    ctorType: ${JSON.stringify(ctorType)},
-    outputPath: ${JSON.stringify(outputPath)},
-    pageConfig: ${JSON.stringify(pageConfig)},
-    // @ts-ignore
-    componentsMap: ${shallowStringify(componentsMap)},
-    componentGenerics: ${JSON.stringify(componentGenerics)},
-    genericsInfo: ${JSON.stringify(genericsInfo)},
-    wxsMixin: null,
-    hasApp: ${hasApp}
-  })\n`
-
-  content += '\n__dynamic_page_slot__\n'
-
-      return content
-    }
-  })
-
-  output += '\n'
-  // 处理pages
-  const pageSet = new Set()
-  let dynamicPageStr = ''
-  async.each(localPagesMap, (pageCfg, callback) => {
-    if (typeof pageCfg !== 'string') pageCfg.src = addQuery(pageCfg.src, { tenon: true })
-    processPage(pageCfg, loaderContext.context, '', (err, entry, { key } = {}) => {
-      if (err) return callback()
-      if (pageSet.has(key)) return callback()
-      pageSet.add(key)
-      dynamicPageStr += `\n"${entry}"`
-      callback()
-    })
-  }, () => {
-    output = output.replace('__dynamic_page_slot__', processDynamicEntry(dynamicPageStr) || '')
-    callback(null, {
-      output
-    })
-  })
-}

package/lib/tenon/processStyles.js

@@ -1,21 +0,0 @@
-const genComponentTag = require('../utils/gen-component-tag')
-
-module.exports = function (styles, options, callback) {
-  let output = '/* styles */\n'
-  if (styles.length) {
-    styles.forEach((style) => {
-      output += genComponentTag(style, {
-        attrs (style) {
-          const attrs = Object.assign({}, style.attrs)
-          if (options.autoScope) attrs.scoped = true
-          return attrs
-        }
-      })
-      output += '\n'
-    })
-    output += '\n'
-  }
-  callback(null, {
-    output
-  })
-}

package/lib/tenon/processTemplate.js

@@ -1,126 +0,0 @@
-const templateCompiler = require('../template-compiler/compiler')
-const genComponentTag = require('../utils/gen-component-tag')
-const addQuery = require('../utils/add-query')
-const path = require('path')
-const parseRequest = require('../utils/parse-request')
-
-
-module.exports = function (template, {
-  loaderContext,
-  hasScoped,
-  hasComment,
-  isNative,
-  srcMode,
-  moduleId,
-  ctorType,
-  usingComponentsInfo,
-  componentGenerics
-}, callback) {
-  const mpx = loaderContext.getMpx()
-  const {
-    mode,
-    env,
-    defs,
-    wxsContentMap,
-    decodeHTMLText,
-    externalClasses,
-    checkUsingComponents,
-    webConfig,
-    autoVirtualHostRules
-  } = mpx
-  const { resourcePath } = parseRequest(loaderContext.resource)
-  const builtInComponentsMap = {}
-  let wxsModuleMap, genericsInfo
-  let output = '/* template */\n'
-
-  if (ctorType === 'app') {
-    template = {
-      tag: 'template',
-      content: '<div class="app">this is app</div>'
-    }
-  }
-
-  if (template) {
-    // 由于远端src template资源引用的相对路径可能发生变化，暂时不支持。
-    if (template.src) {
-      return callback(new Error('[mpx loader][' + loaderContext.resource + ']: ' + 'template content must be inline in .mpx files!'))
-    }
-    if (template.lang) {
-      return callback(new Error('[mpx loader][' + loaderContext.resource + ']: ' + 'template lang is not supported in trans web mode temporarily, we will support it in the future!'))
-    }
-
-    output += genComponentTag(template, (template) => {
-      if (ctorType === 'app') {
-        return template.content
-      }
-      if (template.content) {
-        const templateSrcMode = template.mode || srcMode
-        const parsed = templateCompiler.parse(template.content, {
-          warn: (msg) => {
-            loaderContext.emitWarning(
-              new Error('[template compiler][' + loaderContext.resource + ']: ' + msg)
-            )
-          },
-          error: (msg) => {
-            loaderContext.emitError(
-              new Error('[template compiler][' + loaderContext.resource + ']: ' + msg)
-            )
-          },
-          usingComponentsInfo,
-          hasComment,
-          isNative,
-          basename: path.basename(resourcePath),
-          isComponent: ctorType === 'component',
-          mode,
-          srcMode: templateSrcMode,
-          defs,
-          decodeHTMLText,
-          // externalClasses: options.externalClasses,
-          hasScoped: false,
-          moduleId,
-          filePath: loaderContext.resourcePath,
-          i18n: null,
-          checkUsingComponents,
-          // web模式下全局组件不会被合入usingComponents中，故globalComponents可以传空
-          globalComponents: [],
-          // web模式下实现抽象组件
-          componentGenerics,
-        })
-        // if (parsed.meta.wxsModuleMap) {
-        //   wxsModuleMap = parsed.meta.wxsModuleMap
-        // }
-        // if (parsed.meta.wxsContentMap) {
-        //   for (let module in parsed.meta.wxsContentMap) {
-        //     wxsContentMap[`${resourcePath}~${module}`] = parsed.meta.wxsContentMap[module]
-        //   }
-        // }
-        if (parsed.meta.builtInComponentsMap) {
-          Object.keys(parsed.meta.builtInComponentsMap).forEach((name) => {
-            builtInComponentsMap[name] = {
-              resource: addQuery(parsed.meta.builtInComponentsMap[name], { component: true })
-            }
-          })
-        }
-        // if (parsed.meta.genericsInfo) {
-        //   genericsInfo = parsed.meta.genericsInfo
-        // }
-        // 输出H5有多个root element时, 使用div标签包裹
-        // if (parsed.root.tag === 'temp-node') {
-        //   const childLen = calculateRootEleChild(parsed.root.children)
-        //   if (childLen >= 2) {
-        //     parsed.root.tag = 'div'
-        //   }
-        // }
-        return templateCompiler.serialize(parsed.root)
-      }
-    })
-    output += '\n\n'
-  }
-
-  callback(null, {
-    output,
-    builtInComponentsMap,
-    genericsInfo,
-    wxsModuleMap
-  })
-}