workflow: setup prettier

Author: yyx990803

Diff for: .prettierrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  semi: false,
+  singleQuote: true
+}

Diff for: lib/compileStyle.ts

@@ -2,7 +2,11 @@ const postcss = require('postcss')
 import { ProcessOptions, LazyResult } from 'postcss'
 import trimPlugin from './stylePlugins/trim'
 import scopedPlugin from './stylePlugins/scoped'
-import { processors, StylePreprocessor, StylePreprocessorResults } from './styleProcessors'
+import {
+  processors,
+  StylePreprocessor,
+  StylePreprocessorResults
+} from './styleProcessors'
 
 export interface StyleCompileOptions {
   source: string
@@ -28,19 +32,19 @@ export interface StyleCompileResults {
   errors: string[]
 }
 
-export function compileStyle (
+export function compileStyle(
   options: StyleCompileOptions
-): StyleCompileResults { 
+): StyleCompileResults {
   return doCompileStyle({ ...options, isAsync: false })
 }
 
-export function compileStyleAsync (
+export function compileStyleAsync(
   options: StyleCompileOptions
 ): Promise<StyleCompileResults> {
   return Promise.resolve(doCompileStyle({ ...options, isAsync: true }))
 }
 
-export function doCompileStyle (
+export function doCompileStyle(
   options: AsyncStyleCompileOptions
 ): StyleCompileResults {
   const {
@@ -89,18 +93,22 @@ export function doCompileStyle (
     // In async mode, return a promise.
     if (options.isAsync) {
       return result
-        .then((result: LazyResult): StyleCompileResults => ({
-          code: result.css || '',
-          map: result.map && result.map.toJSON(),
-          errors,
-          rawResult: result
-        }))
-        .catch((error: Error): StyleCompileResults => ({
-          code: '',
-          map: undefined,
-          errors: [...errors, error.message],
-          rawResult: undefined
-        }))
+        .then(
+          (result: LazyResult): StyleCompileResults => ({
+            code: result.css || '',
+            map: result.map && result.map.toJSON(),
+            errors,
+            rawResult: result
+          })
+        )
+        .catch(
+          (error: Error): StyleCompileResults => ({
+            code: '',
+            map: undefined,
+            errors: [...errors, error.message],
+            rawResult: undefined
+          })
+        )
     }
 
     // force synchronous transform (we know we only have sync plugins)
@@ -122,7 +130,14 @@ function preprocess(
   options: StyleCompileOptions,
   preprocessor: StylePreprocessor
 ): StylePreprocessorResults {
-  return preprocessor.render(options.source, options.map, Object.assign({
-    filename: options.filename
-  }, options.preprocessOptions))
+  return preprocessor.render(
+    options.source,
+    options.map,
+    Object.assign(
+      {
+        filename: options.filename
+      },
+      options.preprocessOptions
+    )
+  )
 }

Diff for: lib/compileTemplate.ts

@@ -1,9 +1,8 @@
-import {
-  VueTemplateCompiler,
-  VueTemplateCompilerOptions
-} from './types'
+import { VueTemplateCompiler, VueTemplateCompilerOptions } from './types'
 
-import assetUrlsModule, { AssetURLOptions } from './templateCompilerModules/assetUrl'
+import assetUrlsModule, {
+  AssetURLOptions
+} from './templateCompilerModules/assetUrl'
 import srcsetModule from './templateCompilerModules/srcset'
 
 const prettier = require('prettier')
@@ -31,43 +30,49 @@ export interface TemplateCompileResult {
   errors: string[]
 }
 
-export function compileTemplate (
+export function compileTemplate(
   options: TemplateCompileOptions
 ): TemplateCompileResult {
   const { preprocessLang } = options
   const preprocessor = preprocessLang && consolidate[preprocessLang]
   if (preprocessor) {
-    return actuallyCompile(Object.assign({}, options, {
-      source: preprocess(options, preprocessor)
-    }))
+    return actuallyCompile(
+      Object.assign({}, options, {
+        source: preprocess(options, preprocessor)
+      })
+    )
   } else if (preprocessLang) {
     return {
-      code: (
-        `var render = function () {}\n` +
-        `var staticRenderFns = []\n`
-      ),
+      code: `var render = function () {}\n` + `var staticRenderFns = []\n`,
       source: options.source,
-      tips: [`Component ${options.filename} uses lang ${preprocessLang} for template. Please install the language preprocessor.`],
-      errors: [`Component ${options.filename} uses lang ${preprocessLang} for template, however it is not installed.`]
-    };
+      tips: [
+        `Component ${
+          options.filename
+        } uses lang ${preprocessLang} for template. Please install the language preprocessor.`
+      ],
+      errors: [
+        `Component ${
+          options.filename
+        } uses lang ${preprocessLang} for template, however it is not installed.`
+      ]
+    }
   } else {
     return actuallyCompile(options)
   }
 }
 
-function preprocess (
+function preprocess(
   options: TemplateCompileOptions,
   preprocessor: any
 ): string {
-  const {
-    source,
-    filename,
-    preprocessOptions
-  } = options
+  const { source, filename, preprocessOptions } = options
 
-  const finalPreprocessOptions = Object.assign({
-    filename
-  }, preprocessOptions)
+  const finalPreprocessOptions = Object.assign(
+    {
+      filename
+    },
+    preprocessOptions
+  )
 
   // Consolidate exposes a callback based API, but the callback is in fact
   // called synchronously for most templating engines. In our case, we have to
@@ -87,7 +92,7 @@ function preprocess (
   return res
 }
 
-function actuallyCompile (
+function actuallyCompile(
   options: TemplateCompileOptions
 ): TemplateCompileResult {
   const {
@@ -101,9 +106,8 @@ function actuallyCompile (
     optimizeSSR = false
   } = options
 
-  const compile = optimizeSSR && compiler.ssrCompile
-    ? compiler.ssrCompile
-    : compiler.compile
+  const compile =
+    optimizeSSR && compiler.ssrCompile ? compiler.ssrCompile : compiler.compile
 
   let finalCompilerOptions = compilerOptions
   if (transformAssetUrls) {
@@ -114,23 +118,18 @@ function actuallyCompile (
       srcsetModule()
     ]
     finalCompilerOptions = Object.assign({}, compilerOptions, {
-      modules: [...builtInModules, ...compilerOptions.modules || []]
+      modules: [...builtInModules, ...(compilerOptions.modules || [])]
     })
   }
 
-  const {
-    render,
-    staticRenderFns,
-    tips,
-    errors
-  } = compile(source, finalCompilerOptions)
+  const { render, staticRenderFns, tips, errors } = compile(
+    source,
+    finalCompilerOptions
+  )
 
   if (errors && errors.length) {
     return {
-      code: (
-        `var render = function () {}\n` +
-        `var staticRenderFns = []\n`
-      ),
+      code: `var render = function () {}\n` + `var staticRenderFns = []\n`,
       source,
       tips,
       errors
@@ -148,11 +147,12 @@ function actuallyCompile (
 
     // transpile code with vue-template-es2015-compiler, which is a forked
     // version of Buble that applies ES2015 transforms + stripping `with` usage
-    let code = transpile(
-      `var __render__ = ${toFunction(render)}\n` +
-      `var __staticRenderFns__ = [${staticRenderFns.map(toFunction)}]`,
-      finalTranspileOptions
-    ) + `\n`
+    let code =
+      transpile(
+        `var __render__ = ${toFunction(render)}\n` +
+          `var __staticRenderFns__ = [${staticRenderFns.map(toFunction)}]`,
+        finalTranspileOptions
+      ) + `\n`
 
     // #23 we use __render__ to avoid `render` not being prefixed by the
     // transpiler when stripping with, but revert it back to `render` to

Diff for: lib/index.ts

@@ -1,9 +1,4 @@
-import {
-  parse,
-  SFCBlock,
-  SFCCustomBlock,
-  SFCDescriptor
-} from './parse'
+import { parse, SFCBlock, SFCCustomBlock, SFCDescriptor } from './parse'
 
 import {
   compileTemplate,
@@ -19,12 +14,7 @@ import {
 } from './compileStyle'
 
 // API
-export {
-  parse,
-  compileTemplate,
-  compileStyle,
-  compileStyleAsync
-}
+export { parse, compileTemplate, compileStyle, compileStyleAsync }
 
 // types
 export {

Diff for: lib/stylePlugins/scoped.ts

@@ -7,7 +7,7 @@ export default postcss.plugin('add-id', (options: any) => (root: Root) => {
   const id: string = options
   const keyframes = Object.create(null)
 
-  root.each(function rewriteSelector (node: any) {
+  root.each(function rewriteSelector(node: any) {
     if (!node.selector) {
       // handle media queries
       if (node.type === 'atrule') {
@@ -43,9 +43,12 @@ export default postcss.plugin('add-id', (options: any) => (root: Root) => {
             node = n
           }
         })
-        selector.insertAfter(node, selectorParser.attribute({
-          attribute: id
-        }))
+        selector.insertAfter(
+          node,
+          selectorParser.attribute({
+            attribute: id
+          })
+        )
       })
     }).processSync(node.selector)
   })
@@ -58,13 +61,15 @@ export default postcss.plugin('add-id', (options: any) => (root: Root) => {
     root.walkDecls(decl => {
       // individual animation-name declaration
       if (/^(-\w+-)?animation-name$/.test(decl.prop)) {
-        decl.value = decl.value.split(',')
+        decl.value = decl.value
+          .split(',')
           .map(v => keyframes[v.trim()] || v.trim())
           .join(',')
       }
       // shorthand
       if (/^(-\w+-)?animation$/.test(decl.prop)) {
-        decl.value = decl.value.split(',')
+        decl.value = decl.value
+          .split(',')
           .map(v => {
             const vals = v.trim().split(/\s+/)
             const i = vals.findIndex(val => keyframes[val])

Diff for: lib/templateCompilerModules/assetUrl.ts

@@ -25,7 +25,7 @@ export default (userOptions?: AssetURLOptions) => {
   }
 }
 
-function transform (node: ASTNode, options: AssetURLOptions) {
+function transform(node: ASTNode, options: AssetURLOptions) {
   for (const tag in options) {
     if ((tag === '*' || node.tag === tag) && node.attrs) {
       const attributes = options[tag]
@@ -38,7 +38,7 @@ function transform (node: ASTNode, options: AssetURLOptions) {
   }
 }
 
-function rewrite (attr: Attr, name: string) {
+function rewrite(attr: Attr, name: string) {
   if (attr.name === name) {
     const value = attr.value
     // only transform static URLs

Diff for: lib/templateCompilerModules/srcset.ts

@@ -24,20 +24,22 @@ function transform(node: ASTNode) {
       if (attr.name === 'srcset') {
         // same logic as in transform-require.js
         const value = attr.value
-        const isStatic = value.charAt(0) === '"' && value.charAt(value.length - 1) === '"'
+        const isStatic =
+          value.charAt(0) === '"' && value.charAt(value.length - 1) === '"'
         if (!isStatic) {
           return
         }
 
-
-
         const imageCandidates: ImageCandidate[] = value
           .substr(1, value.length - 2)
           .split(',')
           .map(s => {
             // The attribute value arrives here with all whitespace, except
             // normal spaces, represented by escape sequences
-            const [url, descriptor] = s.replace(escapedSpaceCharacters, ' ').trim().split(' ', 2)
+            const [url, descriptor] = s
+              .replace(escapedSpaceCharacters, ' ')
+              .trim()
+              .split(' ', 2)
             return { require: urlToRequire(url), descriptor }
           })
 
@@ -47,9 +49,15 @@ function transform(node: ASTNode) {
         // "require(url1), require(url2) 2x"
         // "require(url1) 1x, require(url2)"
         // "require(url1) 1x, require(url2) 2x"
-        const code = imageCandidates.map(
-          ({ require, descriptor }) => `${require} + "${descriptor ? ' ' + descriptor : ''}, " + `
-        ).join('').slice(0, -6).concat('"').replace(/ \+ ""$/, '')
+        const code = imageCandidates
+          .map(
+            ({ require, descriptor }) =>
+              `${require} + "${descriptor ? ' ' + descriptor : ''}, " + `
+          )
+          .join('')
+          .slice(0, -6)
+          .concat('"')
+          .replace(/ \+ ""$/, '')
 
         attr.value = code
       }

Diff for: lib/templateCompilerModules/utils.ts

@@ -8,7 +8,7 @@ export interface ASTNode {
   attrs: Attr[]
 }
 
-export function urlToRequire (url: string): string {
+export function urlToRequire(url: string): string {
   // same logic as in transform-require.js
   const firstChar = url.charAt(0)
   if (firstChar === '.' || firstChar === '~' || firstChar === '@') {