V1

node_modules/vuetify-loader/progressive-loader/index.js

@@ -0,0 +1,3 @@
+const loader = require('./loader')
+
+module.exports = loader

node_modules/vuetify-loader/progressive-loader/loader.js

@@ -0,0 +1,74 @@
+const loaderUtils = require('loader-utils')
+const { requirePeer } = require('../lib/util')
+
+module.exports = function loader(contentBuffer) {
+  this.cacheable && this.cacheable()
+  const callback = this.async()
+
+  let content = contentBuffer.toString('utf8')
+  // image file path
+  const path = this.resourcePath
+
+  // user options
+  const config = {
+    sharp: false,
+    graphicsMagick: false,
+    size: 9,
+    ...loaderUtils.getOptions(this)
+  }
+
+  /** @see https://github.com/zouhir/lqip-loader */
+  const contentIsUrlExport = /^module.exports = "data:(.*)base64,(.*)/.test(
+    content
+  )
+  const contentIsFileExport = /^module.exports = (.*)/.test(content)
+  let source = ''
+
+  if (contentIsUrlExport) {
+    source = content.match(/^module.exports = (.*)/)[1]
+  } else {
+    if (!contentIsFileExport) {
+      const fileLoader = require('file-loader')
+      content = fileLoader.call(this, contentBuffer)
+    }
+    source = content.match(/^module.exports = (.*);/)[1]
+  }
+
+  function createModule ({ data, info, type }) {
+    const result = {
+      lazySrc: `data:image/${type};base64,` + data.toString('base64'),
+      aspect: info.width / info.height,
+    }
+    callback(
+      null,
+      `module.exports = {src:${source},` + JSON.stringify(result).slice(1)
+    )
+  }
+
+  if (config.sharp) {
+    const sharpImg = requirePeer('sharp')(path)
+
+    sharpImg
+      .jpeg({ quality: 10 })
+      .resize(config.size)
+      .toBuffer({ resolveWithObject: true })
+      .then(({ data, info }) => createModule({ data, info, type: 'jpeg' }))
+      .catch(err => callback(err))
+  } else {
+    const gm = requirePeer('gm').subClass({ imageMagick: !config.graphicsMagick })
+    const extension = path.split('.').pop().toLowerCase()
+    if (!['gif', 'png', 'jpg', 'jpeg'].includes(extension)) {
+      return callback(new Error('vuetify-loader does not support this file type (' + extension + ')'))
+    }
+
+    gm(extension + ':' + path).size(function(err, info) {
+      if (err) callback(err)
+      else this.resize(config.size).toBuffer('gif', (err, data) => {
+        if (err) console.error(err)
+        else createModule({ data, info, type: 'gif' })
+      })
+    })
+  }
+}
+
+module.exports.raw = true

node_modules/vuetify-loader/progressive-loader/module.js

@@ -0,0 +1,36 @@
+const { hyphenate } = require('../lib/util')
+
+module.exports = {
+  postTransformNode: transform
+}
+
+// Modified from @vue/component-compiler-utils
+function transform(node) {
+  const tags = ['v-img', 'v-card-media', 'v-carousel-item']
+
+  if (tags.includes(hyphenate(node.tag)) && node.attrs) {
+    const attr = node.attrs.find(a => a.name === 'src')
+    if (!attr) return
+
+    const value = attr.value
+    // only transform static URLs
+    if (value.charAt(0) === '"' && value.charAt(value.length - 1) === '"') {
+      attr.value = urlToRequire(value.slice(1, -1))
+    }
+  }
+
+  return node
+}
+
+function urlToRequire(url) {
+  const firstChar = url.charAt(0)
+  if (firstChar === '.' || firstChar === '~' || firstChar === '@') {
+    if (firstChar === '~') {
+      const secondChar = url.charAt(1)
+      url = url.slice(secondChar === '/' ? 2 : 1)
+    }
+    return `require("${url}?vuetify-preload")`
+  } else {
+    return `"${url}"`
+  }
+}