aboutsummaryrefslogtreecommitdiff
path: root/node_modules/@vue/component-compiler-utils/lib/compileTemplate.ts
diff options
context:
space:
mode:
authorruki <waruqi@gmail.com>2018-11-08 00:38:48 +0800
committerruki <waruqi@gmail.com>2018-11-07 21:53:09 +0800
commit26105034da4fcce7ac883c899d781f016559310d (patch)
treec459a5dc4e3aa0972d9919033ece511ce76dd129 /node_modules/@vue/component-compiler-utils/lib/compileTemplate.ts
parent2c77f00f1a7ecb6c8192f9c16d3b2001b254a107 (diff)
downloadxmake-docs-26105034da4fcce7ac883c899d781f016559310d.tar.gz
xmake-docs-26105034da4fcce7ac883c899d781f016559310d.zip
switch to vuepress
Diffstat (limited to 'node_modules/@vue/component-compiler-utils/lib/compileTemplate.ts')
-rw-r--r--node_modules/@vue/component-compiler-utils/lib/compileTemplate.ts176
1 files changed, 176 insertions, 0 deletions
diff --git a/node_modules/@vue/component-compiler-utils/lib/compileTemplate.ts b/node_modules/@vue/component-compiler-utils/lib/compileTemplate.ts
new file mode 100644
index 00000000..13bb3c80
--- /dev/null
+++ b/node_modules/@vue/component-compiler-utils/lib/compileTemplate.ts
@@ -0,0 +1,176 @@
+import { VueTemplateCompiler, VueTemplateCompilerOptions } from './types'
+
+import assetUrlsModule, {
+ AssetURLOptions
+} from './templateCompilerModules/assetUrl'
+import srcsetModule from './templateCompilerModules/srcset'
+
+const prettier = require('prettier')
+const consolidate = require('consolidate')
+const transpile = require('vue-template-es2015-compiler')
+
+export interface TemplateCompileOptions {
+ source: string
+ filename: string
+ compiler: VueTemplateCompiler
+ compilerOptions?: VueTemplateCompilerOptions
+ transformAssetUrls?: AssetURLOptions | boolean
+ preprocessLang?: string
+ preprocessOptions?: any
+ transpileOptions?: any
+ isProduction?: boolean
+ isFunctional?: boolean
+ optimizeSSR?: boolean
+}
+
+export interface TemplateCompileResult {
+ code: string
+ source: string
+ tips: string[]
+ errors: string[]
+}
+
+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)
+ })
+ )
+ } else if (preprocessLang) {
+ return {
+ 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.`
+ ]
+ }
+ } else {
+ return actuallyCompile(options)
+ }
+}
+
+function preprocess(
+ options: TemplateCompileOptions,
+ preprocessor: any
+): string {
+ const { source, filename, preprocessOptions } = options
+
+ 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
+ // expose a synchronous API so that it is usable in Jest transforms (which
+ // have to be sync because they are applied via Node.js require hooks)
+ let res: any, err
+ preprocessor.render(
+ source,
+ finalPreprocessOptions,
+ (_err: Error | null, _res: string) => {
+ if (_err) err = _err
+ res = _res
+ }
+ )
+
+ if (err) throw err
+ return res
+}
+
+function actuallyCompile(
+ options: TemplateCompileOptions
+): TemplateCompileResult {
+ const {
+ source,
+ compiler,
+ compilerOptions = {},
+ transpileOptions = {},
+ transformAssetUrls,
+ isProduction = process.env.NODE_ENV === 'production',
+ isFunctional = false,
+ optimizeSSR = false
+ } = options
+
+ const compile =
+ optimizeSSR && compiler.ssrCompile ? compiler.ssrCompile : compiler.compile
+
+ let finalCompilerOptions = compilerOptions
+ if (transformAssetUrls) {
+ const builtInModules = [
+ transformAssetUrls === true
+ ? assetUrlsModule()
+ : assetUrlsModule(transformAssetUrls),
+ srcsetModule()
+ ]
+ finalCompilerOptions = Object.assign({}, compilerOptions, {
+ modules: [...builtInModules, ...(compilerOptions.modules || [])]
+ })
+ }
+
+ const { render, staticRenderFns, tips, errors } = compile(
+ source,
+ finalCompilerOptions
+ )
+
+ if (errors && errors.length) {
+ return {
+ code: `var render = function () {}\n` + `var staticRenderFns = []\n`,
+ source,
+ tips,
+ errors
+ }
+ } else {
+ const finalTranspileOptions = Object.assign({}, transpileOptions, {
+ transforms: Object.assign({}, transpileOptions.transforms, {
+ stripWithFunctional: isFunctional
+ })
+ })
+
+ const toFunction = (code: string): string => {
+ return `function (${isFunctional ? `_h,_vm` : ``}) {${code}}`
+ }
+
+ // 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`
+
+ // #23 we use __render__ to avoid `render` not being prefixed by the
+ // transpiler when stripping with, but revert it back to `render` to
+ // maintain backwards compat
+ code = code.replace(/\s__(render|staticRenderFns)__\s/g, ' $1 ')
+
+ if (!isProduction) {
+ // mark with stripped (this enables Vue to use correct runtime proxy
+ // detection)
+ code += `render._withStripped = true`
+ code = prettier.format(code, { semi: false, parser: 'babylon' })
+ }
+
+ return {
+ code,
+ source,
+ tips,
+ errors
+ }
+ }
+}