chore: code style

Author: znck

src/index.ts

@@ -4,7 +4,7 @@ import {
   parseVuePartRequest,
   resolveVuePart,
   isVuePartRequest,
-  transformRequireToImport,
+  transformRequireToImport
 } from './utils'
 import {
   createDefaultCompiler,
@@ -13,14 +13,17 @@ import {
   StyleOptions,
   TemplateOptions,
   StyleCompileResult,
-  DescriptorCompileResult,
+  DescriptorCompileResult
 } from '@vue/component-compiler'
 import MagicString from 'magic-string'
 import { Plugin, RawSourceMap } from 'rollup'
 import * as path from 'path'
 import { parse, SFCDescriptor, SFCBlock } from '@vue/component-compiler-utils'
 import debug from 'debug'
-import { VueTemplateCompiler, VueTemplateCompilerParseOptions } from '@vue/component-compiler-utils/dist/types'
+import {
+  VueTemplateCompiler,
+  VueTemplateCompilerParseOptions
+} from '@vue/component-compiler-utils/dist/types'
 
 const templateCompiler = require('vue-template-compiler')
 const hash = require('hash-sum')
@@ -164,20 +167,28 @@ export default function vue(opts: Partial<VuePluginOptions> = {}): Plugin {
   const isProduction =
     opts.template && typeof opts.template.isProduction === 'boolean'
       ? opts.template.isProduction
-      : process.env.NODE_ENV === 'production' || process.env.BUILD === 'production'
+      : process.env.NODE_ENV === 'production' ||
+        process.env.BUILD === 'production'
 
   d('Version ' + version)
   d(`Build environment: ${isProduction ? 'production' : 'development'}`)
   d(`Build target: ${process.env.VUE_ENV || 'browser'}`)
 
-  if (!opts.normalizer) opts.normalizer = '~' + 'vue-runtime-helpers/dist/normalize-component.mjs'
-  if (!opts.styleInjector) opts.styleInjector = '~' + 'vue-runtime-helpers/dist/inject-style/browser.mjs'
-  if (!opts.styleInjectorSSR) opts.styleInjectorSSR = '~' + 'vue-runtime-helpers/dist/inject-style/server.mjs'
-  if (!opts.styleInjectorSSR) opts.styleInjectorShadow = '~' + 'vue-runtime-helpers/dist/inject-style/shadow.mjs'
+  if (!opts.normalizer)
+    opts.normalizer = '~' + 'vue-runtime-helpers/dist/normalize-component.mjs'
+  if (!opts.styleInjector)
+    opts.styleInjector =
+      '~' + 'vue-runtime-helpers/dist/inject-style/browser.mjs'
+  if (!opts.styleInjectorSSR)
+    opts.styleInjectorSSR =
+      '~' + 'vue-runtime-helpers/dist/inject-style/server.mjs'
+  if (!opts.styleInjectorSSR)
+    opts.styleInjectorShadow =
+      '~' + 'vue-runtime-helpers/dist/inject-style/shadow.mjs'
 
   createVuePartRequest.defaultLang = {
     ...createVuePartRequest.defaultLang,
-    ...opts.defaultLang,
+    ...opts.defaultLang
   }
 
   const shouldExtractCss = opts.css === false
@@ -197,9 +208,12 @@ export default function vue(opts: Partial<VuePluginOptions> = {}): Plugin {
   }
   const isAllowed = createCustomBlockFilter(opts.customBlocks || customBlocks)
 
-  const beforeAssemble = opts.beforeAssemble || ((d: DescriptorCompileResult): DescriptorCompileResult => d)
+  const beforeAssemble =
+    opts.beforeAssemble ||
+    ((d: DescriptorCompileResult): DescriptorCompileResult => d)
 
-  const exposeFilename = typeof opts.exposeFilename === 'boolean' ? opts.exposeFilename : false
+  const exposeFilename =
+    typeof opts.exposeFilename === 'boolean' ? opts.exposeFilename : false
 
   const data: VuePluginOptionsData = (opts.data || {}) as any
 
@@ -219,9 +233,9 @@ export default function vue(opts: Partial<VuePluginOptions> = {}): Plugin {
       video: ['src', 'poster'],
       source: 'src',
       img: 'src',
-      image: 'xlink:href',
+      image: 'xlink:href'
     },
-    ...opts.template,
+    ...opts.template
   } as any
 
   if (opts.template && typeof opts.template.isProduction === 'undefined') {
@@ -233,11 +247,16 @@ export default function vue(opts: Partial<VuePluginOptions> = {}): Plugin {
 
   if (opts.css === false) d('Running in CSS extract mode')
 
-  function prependStyle(id: string, lang: string, code: string, map: any): { code: string } {
+  function prependStyle(
+    id: string,
+    lang: string,
+    code: string,
+    map: any
+  ): { code: string } {
     if (!(lang in data)) return { code }
     const ms = new MagicString(code, {
       filename: id,
-      indentExclusionRanges: [],
+      indentExclusionRanges: []
     })
 
     const value: string | (() => string) = (data as any)[lang]
@@ -270,7 +289,7 @@ export default function vue(opts: Partial<VuePluginOptions> = {}): Plugin {
             return path.resolve(path.dirname(ref.filename), src as string)
           } else {
             return require.resolve(src, {
-              paths: [path.dirname(ref.filename)],
+              paths: [path.dirname(ref.filename)]
             })
           }
         }
@@ -312,22 +331,35 @@ export default function vue(opts: Partial<VuePluginOptions> = {}): Plugin {
               compiler: opts.compiler || templateCompiler,
               compilerParseOptions: opts.compilerParseOptions,
               sourceRoot: opts.sourceRoot,
-              needMap: 'needMap' in opts ? (opts as any).needMap : true,
+              needMap: 'needMap' in opts ? (opts as any).needMap : true
             })
           )
         )
 
         descriptors.set(filename, descriptor)
 
-        const scopeId = 'data-v-' + (isProduction ? hash(path.basename(filename) + source) : hash(filename + source))
+        const scopeId =
+          'data-v-' +
+          (isProduction
+            ? hash(path.basename(filename) + source)
+            : hash(filename + source))
 
         const styles = await Promise.all(
           descriptor.styles.map(async style => {
             if (style.content) {
-              style.content = prependStyle(filename, style.lang || 'css', style.content, style.map).code
+              style.content = prependStyle(
+                filename,
+                style.lang || 'css',
+                style.content,
+                style.map
+              ).code
             }
 
-            const compiled = await compiler.compileStyleAsync(filename, scopeId, style)
+            const compiled = await compiler.compileStyleAsync(
+              filename,
+              scopeId,
+              style
+            )
             if (compiled.errors.length > 0) throw Error(compiled.errors[0])
             return compiled
           })
@@ -336,11 +368,14 @@ export default function vue(opts: Partial<VuePluginOptions> = {}): Plugin {
         const input: any = {
           scopeId,
           styles,
-          customBlocks: [],
+          customBlocks: []
         }
 
         if (descriptor.template) {
-          input.template = compiler.compileTemplate(filename, descriptor.template)
+          input.template = compiler.compileTemplate(
+            filename,
+            descriptor.template
+          )
 
           input.template.code = transformRequireToImport(input.template.code)
 
@@ -356,17 +391,29 @@ export default function vue(opts: Partial<VuePluginOptions> = {}): Plugin {
         input.script = descriptor.script
           ? {
               code: `
-            export * from '${createVuePartRequest(filename, descriptor.script.lang || 'js', 'script')}'
-            import script from '${createVuePartRequest(filename, descriptor.script.lang || 'js', 'script')}'
+            export * from '${createVuePartRequest(
+              filename,
+              descriptor.script.lang || 'js',
+              'script'
+            )}'
+            import script from '${createVuePartRequest(
+              filename,
+              descriptor.script.lang || 'js',
+              'script'
+            )}'
             export default script
             ${
               exposeFilename
                 ? `
             // For security concerns, we use only base name in production mode. See https://github.com/vuejs/rollup-plugin-vue/issues/258
-            script.__file = ${isProduction ? JSON.stringify(path.basename(filename)) : JSON.stringify(filename)}`
+            script.__file = ${
+              isProduction
+                ? JSON.stringify(path.basename(filename))
+                : JSON.stringify(filename)
+            }`
                 : ''
             }
-            `,
+            `
             }
           : { code: '' }
 
@@ -375,7 +422,14 @@ export default function vue(opts: Partial<VuePluginOptions> = {}): Plugin {
             .map((style: StyleCompileResult, index: number) => {
               ;(descriptor.styles[index] as any).code = style.code
 
-              input.script.code += '\n' + `import '${createVuePartRequest(filename, 'css', 'styles', index)}'`
+              input.script.code +=
+                '\n' +
+                `import '${createVuePartRequest(
+                  filename,
+                  'css',
+                  'styles',
+                  index
+                )}'`
 
               if (style.module || descriptor.styles[index].scoped) {
                 return { ...style, code: '', map: undefined }
@@ -402,22 +456,32 @@ export default function vue(opts: Partial<VuePluginOptions> = {}): Plugin {
             )}'`
         })
 
-        dT(`id: ${filename}\ncode:\n${result.code}\n\nmap:\n${JSON.stringify(result.map, null, 2)}\n`)
+        dT(
+          `id: ${filename}\ncode:\n${result.code}\n\nmap:\n${JSON.stringify(
+            result.map,
+            null,
+            2
+          )}\n`
+        )
 
         result.map = result.map || { mappings: '' }
 
         return result
       }
-    },
+    }
   }
 }
 
-function createCustomBlockFilter(customBlocks?: string[] | ((tag: string) => boolean)): (tag: string) => boolean {
+function createCustomBlockFilter(
+  customBlocks?: string[] | ((tag: string) => boolean)
+): (tag: string) => boolean {
   if (typeof customBlocks === 'function') return customBlocks
   if (!Array.isArray(customBlocks)) return () => false
 
   const allowed = new Set(customBlocks.filter(tag => !tag.startsWith('!')))
-  const notAllowed = new Set(customBlocks.filter(tag => tag.startsWith('!')).map(tag => tag.substr(1)))
+  const notAllowed = new Set(
+    customBlocks.filter(tag => tag.startsWith('!')).map(tag => tag.substr(1))
+  )
 
   return tag => {
     if (allowed.has(tag)) return true