@shijiu/jsview-vue 0.0.1-beta.0

package/patch/node_modules/@vue/cli-service/lib/config/assets.js

@@ -0,0 +1,70 @@
+/** @type {import('@vue/cli-service').ServicePlugin} */
+module.exports = (api, options) => {
+  const getAssetPath = require('../util/getAssetPath')
+  const getVueMajor = require('../util/getVueMajor')
+
+  const inlineLimit = 4096
+
+  const vueMajor = getVueMajor(api.getCwd())
+  const supportsEsModuleAsset = (vueMajor !== 2)
+
+  const genAssetSubPath = dir => {
+    return getAssetPath(
+      options,
+      `${dir}/[name]${options.filenameHashing ? '.[hash:8]' : ''}.[ext]`
+    )
+  }
+
+  // TODO: use asset modules for webpack 5
+  // <https://webpack.js.org/guides/asset-modules/>
+
+  const genUrlLoaderOptions = dir => {
+    return {
+      limit: inlineLimit,
+      esModule: supportsEsModuleAsset,
+      // use explicit fallback to avoid regression in url-loader>=1.1.0
+      fallback: {
+        loader: require.resolve('file-loader'),
+        options: {
+          name: genAssetSubPath(dir),
+          esModule: supportsEsModuleAsset
+        }
+      }
+    }
+  }
+
+  api.chainWebpack(webpackConfig => {
+    webpackConfig.module
+      .rule('images')
+        .test(/\.(png|jpe?g|gif|webp|avif|bmp)(\?.*)?$/) // QCode Modified
+        .use('url-loader')
+          .loader(require.resolve('url-loader'))
+          .options(genUrlLoaderOptions('img'))
+
+    // do not base64-inline SVGs.
+    // https://github.com/facebookincubator/create-react-app/pull/1180
+    webpackConfig.module
+      .rule('svg')
+        .test(/\.(svg)(\?.*)?$/)
+        .use('file-loader')
+          .loader(require.resolve('file-loader'))
+          .options({
+            name: genAssetSubPath('img'),
+            esModule: supportsEsModuleAsset
+          })
+
+    webpackConfig.module
+      .rule('media')
+        .test(/\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/)
+        .use('url-loader')
+          .loader(require.resolve('url-loader'))
+          .options(genUrlLoaderOptions('media'))
+
+    webpackConfig.module
+      .rule('fonts')
+        .test(/\.(woff2?|eot|ttf|otf)(\?.*)?$/i)
+        .use('url-loader')
+          .loader(require.resolve('url-loader'))
+          .options(genUrlLoaderOptions('fonts'))
+  })
+}

package/patch/node_modules/@vue/cli-service/lib/config/base.js

@@ -0,0 +1,212 @@
+const path = require('path')
+const { semver } = require('@vue/cli-shared-utils')
+
+/** @type {import('@vue/cli-service').ServicePlugin} */
+module.exports = (api, options) => {
+  const cwd = api.getCwd()
+  const webpack = require('webpack')
+  const webpackMajor = semver.major(webpack.version)
+  const vueMajor = require('../util/getVueMajor')(cwd)
+
+  api.chainWebpack(webpackConfig => {
+    const isLegacyBundle = process.env.VUE_CLI_MODERN_MODE && !process.env.VUE_CLI_MODERN_BUILD
+    const resolveLocal = require('../util/resolveLocal')
+
+    // https://github.com/webpack/webpack/issues/11467#issuecomment-691873586
+    if (webpackMajor !== 4) {
+      webpackConfig.module
+        .rule('esm')
+          .test(/\.m?jsx?$/)
+          .resolve.set('fullySpecified', false)
+    }
+
+    webpackConfig
+      .mode('development')
+      .context(api.service.context)
+       // QCode Modified >>>>>
+      .entry('main.jsv')
+        .add('./jsview/load/jsview-main.js')
+       // QCode Modified <<<<<
+        .end()
+      .output
+        .path(api.resolve(options.outputDir))
+        .filename(isLegacyBundle ? '[name]-legacy.js' : '[name].js')
+        .publicPath(options.publicPath)
+
+    webpackConfig.resolve
+      .extensions
+        .merge(['.mjs', '.js', '.jsx', '.vue', '.json', '.wasm'])
+        .end()
+      .modules
+        .add('node_modules')
+        .add(api.resolve('node_modules'))
+        .add(resolveLocal('node_modules'))
+        .end()
+      .alias
+        .set('@', api.resolve('src'))
+        .set('jsview', api.resolve('jsview')) // QCode Added
+
+    webpackConfig.resolveLoader
+      .modules
+        .add('node_modules')
+        .add(api.resolve('node_modules'))
+        .add(resolveLocal('node_modules'))
+
+    webpackConfig.module
+      .noParse(/^(vue|vue-router|vuex|vuex-router-sync)$/)
+
+    // js is handled by cli-plugin-babel ---------------------------------------
+
+    // vue-loader --------------------------------------------------------------
+    if (vueMajor === 2) {
+      // for Vue 2 projects
+      const vueLoaderCacheConfig = api.genCacheConfig('vue-loader', {
+        'vue-loader': require('@vue/vue-loader-v15/package.json').version,
+        '@vue/component-compiler-utils': require('@vue/component-compiler-utils/package.json').version,
+        'vue-template-compiler': require('vue-template-compiler/package.json').version
+      })
+
+      webpackConfig.resolve
+        .alias
+          .set(
+            'vue$',
+            options.runtimeCompiler
+              ? 'vue/dist/vue.esm.js'
+              : 'vue/dist/vue.runtime.esm.js'
+          )
+
+      webpackConfig.module
+        .rule('vue')
+          .test(/\.vue$/)
+          .use('cache-loader')
+            .loader(require.resolve('cache-loader'))
+            .options(vueLoaderCacheConfig)
+            .end()
+          .use('vue-loader')
+            .loader(require.resolve('@vue/vue-loader-v15'))
+            .options(Object.assign({
+              compilerOptions: {
+                whitespace: 'condense'
+              }
+            }, vueLoaderCacheConfig))
+
+      webpackConfig
+        .plugin('vue-loader')
+          .use(require('@vue/vue-loader-v15').VueLoaderPlugin)
+
+      // some plugins may implicitly relies on the `vue-loader` dependency path name
+      // such as vue-cli-plugin-apollo
+      // <https://github.com/Akryum/vue-cli-plugin-apollo/blob/d9fe48c61cc19db88fef4e4aa5e49b31aa0c44b7/index.js#L88>
+      // so we need a hotfix for that
+      webpackConfig
+        .resolveLoader
+          .modules
+            .prepend(path.resolve(__dirname, './vue-loader-v15-resolve-compat'))
+    } else if (vueMajor === 3) {
+      // for Vue 3 projects
+      const vueLoaderCacheConfig = api.genCacheConfig('vue-loader', {
+        'vue-loader': require('vue-loader/package.json').version,
+        '@vue/compiler-sfc': require('@vue/compiler-sfc/package.json').version
+      })
+
+      webpackConfig.resolve
+        .alias
+          .set(
+            'vue$',
+            options.runtimeCompiler
+              ? 'vue/dist/vue.esm-bundler.js'
+              : 'vue/dist/vue.runtime.esm-bundler.js'
+          )
+
+      webpackConfig.module
+        .rule('vue')
+          .test(/\.vue$/)
+          .use('cache-loader')
+            .loader(require.resolve('cache-loader'))
+            .options(vueLoaderCacheConfig)
+            .end()
+          .use('vue-loader')
+            .loader(require.resolve('vue-loader'))
+            .options({
+              ...vueLoaderCacheConfig,
+              compilerOptions: { isCustomElement: tag => tag === 'fdiv' }, // QCode Added
+              babelParserPlugins: ['jsx', 'classProperties', 'decorators-legacy']
+            })
+            .end()
+          .end()
+
+      webpackConfig
+        .plugin('vue-loader')
+          .use(require('vue-loader').VueLoaderPlugin)
+
+      // feature flags <http://link.vuejs.org/feature-flags>
+      webpackConfig
+        .plugin('feature-flags')
+          .use(webpack.DefinePlugin, [{
+            __VUE_OPTIONS_API__: 'true',
+            __VUE_PROD_DEVTOOLS__: 'false'
+          }])
+    }
+
+    // https://github.com/vuejs/vue-loader/issues/1435#issuecomment-869074949
+    webpackConfig.module
+      .rule('vue-style')
+        .test(/\.vue$/)
+          .resourceQuery(/type=style/)
+            .sideEffects(true)
+
+    // Other common pre-processors ---------------------------------------------
+    const maybeResolve = name => {
+      try {
+        return require.resolve(name)
+      } catch (error) {
+        return name
+      }
+    }
+
+    webpackConfig.module
+      .rule('pug')
+        .test(/\.pug$/)
+          .oneOf('pug-vue')
+            .resourceQuery(/vue/)
+            .use('pug-plain-loader')
+              .loader(maybeResolve('pug-plain-loader'))
+              .end()
+            .end()
+          .oneOf('pug-template')
+            .use('raw')
+              .loader(maybeResolve('raw-loader'))
+              .end()
+            .use('pug-plain-loader')
+              .loader(maybeResolve('pug-plain-loader'))
+              .end()
+            .end()
+
+    const resolveClientEnv = require('../util/resolveClientEnv')
+    webpackConfig
+      .plugin('define')
+        .use(webpack.DefinePlugin, [
+          resolveClientEnv(options)
+        ])
+
+    webpackConfig
+      .plugin('case-sensitive-paths')
+        .use(require('case-sensitive-paths-webpack-plugin'))
+
+    // friendly error plugin displays very confusing errors when webpack
+    // fails to resolve a loader, so we provide custom handlers to improve it
+    const { transformer, formatter } = require('../util/resolveLoaderError')
+    webpackConfig
+      .plugin('friendly-errors')
+        .use(require('@soda/friendly-errors-webpack-plugin'), [{
+          additionalTransformers: [transformer],
+          additionalFormatters: [formatter]
+        }])
+
+    const TerserPlugin = require('terser-webpack-plugin')
+    const terserOptions = require('./terserOptions')
+    webpackConfig.optimization
+      .minimizer('terser')
+        .use(TerserPlugin, [terserOptions(options)])
+  })
+}