test.ts — vue Source File

Architecture documentation for test.ts, a typescript file in the vue codebase. 2 imports, 0 dependents.

File typescript VueCore VDom 2 imports 2 functions

Entity Profile

VueCore→ VDom→ test.ts — vue Source File

Dependency Diagram

graph LR
  7464a859_d50e_085a_d064_0a3bb2e35382["test.ts"]
  db9e7bef_009d_3918_6e7d_543a36a38d75["vue"]
  7464a859_d50e_085a_d064_0a3bb2e35382 --> db9e7bef_009d_3918_6e7d_543a36a38d75
  c84dbba3_d7de_baba_4cde_8d5f3f74afa9["."]
  7464a859_d50e_085a_d064_0a3bb2e35382 --> c84dbba3_d7de_baba_4cde_8d5f3f74afa9
  style 7464a859_d50e_085a_d064_0a3bb2e35382 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import Vue, { VNode } from 'vue'
import {
  compile,
  compileToFunctions,
  ssrCompile,
  ssrCompileToFunctions,
  parseComponent,
  generateCodeFrame
} from '.'

// check compile options
const compiled = compile('<div>hi</div>', {
  outputSourceRange: true,
  preserveWhitespace: false,
  whitespace: 'condense',
  modules: [
    {
      preTransformNode: el => el,
      transformNode: el => el,
      postTransformNode: el => {
        el.tag = 'p'
      },
      genData: el => el.tag,
      transformCode: (el, code) => code,
      staticKeys: ['test']
    }
  ],
  directives: {
    test: (node, directiveMeta) => {
      node.tag
      directiveMeta.value
    }
  }
})

// can be passed to function constructor
new Function(compiled.render)
compiled.staticRenderFns.map(fn => new Function(fn))

// with outputSourceRange: true
// errors should be objects with range
compiled.errors.forEach(e => {
  console.log(e.msg)
})

// without option or without outputSourceRange: true, should be strings
const { errors } = compile(`foo`)
errors.forEach(e => {
  console.log(e.length)
})

const { errors: errors2 } = compile(`foo`, {})
errors2.forEach(e => {
  console.log(e.length)
})

const { errors: errors3 } = compile(`foo`, {
  outputSourceRange: false
})
errors3.forEach(e => {
  console.log(e.length)
})

const compiledFns = compileToFunctions('<div>hi</div>')

// can be passed to component render / staticRenderFns options
const vm = new Vue({
  data() {
    return {
      test: 'Test'
    }
  },
  render: compiledFns.render,
  staticRenderFns: compiledFns.staticRenderFns
})

// can be called with component instance
const vnode: VNode = compiledFns.render.call(vm)

// check SFC parser
const desc = parseComponent('<template></template>', {
  pad: 'space',
  deindent: false
})

const templateContent: string = desc.template!.content
const scriptContent: string = desc.script!.content
const styleContent: string = desc.styles.map(s => s.content).join('\n')

const codeframe: string = generateCodeFrame(`foobar`, 0, 4)