vue Architecture Docs
Home / File/ runtime-helpers.ts — vue Source File

runtime-helpers.ts — vue Source File

Architecture documentation for runtime-helpers.ts, a typescript file in the vue codebase. 13 imports, 1 dependents.

File typescript ServerRenderer BundleRenderer 13 imports 1 dependents 7 functions 1 classes

Entity Profile

Dependency Diagram

graph LR
  b5390896_1fe7_f1d9_81bd_c577287dddd4["runtime-helpers.ts"]
  89eacf5c_deee_e42e_d519_69cb05e48e63["util.ts"]
  b5390896_1fe7_f1d9_81bd_c577287dddd4 --> 89eacf5c_deee_e42e_d519_69cb05e48e63
  4e8211dc_aa7e_481a_3002_b46e9e8afd4e["escape"]
  b5390896_1fe7_f1d9_81bd_c577287dddd4 --> 4e8211dc_aa7e_481a_3002_b46e9e8afd4e
  47f8c312_7314_9cbf_cfdb_5b24401f4a11["isSSRUnsafeAttr"]
  b5390896_1fe7_f1d9_81bd_c577287dddd4 --> 47f8c312_7314_9cbf_cfdb_5b24401f4a11
  953457f9_439e_4bfb_da0b_a8f1356764a0["isRenderableAttr"]
  b5390896_1fe7_f1d9_81bd_c577287dddd4 --> 953457f9_439e_4bfb_da0b_a8f1356764a0
  f549c274_b375_8785_e025_a5d238ba23a1["attrs.ts"]
  b5390896_1fe7_f1d9_81bd_c577287dddd4 --> f549c274_b375_8785_e025_a5d238ba23a1
  d3df2209_4d64_4591_abc3_5711006984d0["renderAttr"]
  b5390896_1fe7_f1d9_81bd_c577287dddd4 --> d3df2209_4d64_4591_abc3_5711006984d0
  9ebd262e_02c0_2bf3_c67d_fa9e59f467c5["style.ts"]
  b5390896_1fe7_f1d9_81bd_c577287dddd4 --> 9ebd262e_02c0_2bf3_c67d_fa9e59f467c5
  cecba13f_5a10_116b_812c_1e81cf0003da["genStyle"]
  b5390896_1fe7_f1d9_81bd_c577287dddd4 --> cecba13f_5a10_116b_812c_1e81cf0003da
  09aa5370_2caa_6b33_3f44_6ac5211bd11b["util"]
  b5390896_1fe7_f1d9_81bd_c577287dddd4 --> 09aa5370_2caa_6b33_3f44_6ac5211bd11b
  7993021d_7ade_cf44_9b71_e10ff7db6f86["class"]
  b5390896_1fe7_f1d9_81bd_c577287dddd4 --> 7993021d_7ade_cf44_9b71_e10ff7db6f86
  472b16b5_ed73_6ace_4ab4_82bfb52955ec["style"]
  b5390896_1fe7_f1d9_81bd_c577287dddd4 --> 472b16b5_ed73_6ace_4ab4_82bfb52955ec
  2bf5d0af_391f_8698_e51c_bcaf1f02eb56["normalize-children"]
  b5390896_1fe7_f1d9_81bd_c577287dddd4 --> 2bf5d0af_391f_8698_e51c_bcaf1f02eb56
  64c87498_c46a_6944_ab9d_8e45519852a8["component"]
  b5390896_1fe7_f1d9_81bd_c577287dddd4 --> 64c87498_c46a_6944_ab9d_8e45519852a8
  439dcf36_0570_3186_196e_91c09d6d3ea6["render.ts"]
  439dcf36_0570_3186_196e_91c09d6d3ea6 --> b5390896_1fe7_f1d9_81bd_c577287dddd4
  style b5390896_1fe7_f1d9_81bd_c577287dddd4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import {
  escape,
  isSSRUnsafeAttr,
  propsToAttrMap,
  isRenderableAttr
} from '../util'
import { isObject, extend } from 'shared/util'
import { renderAttr } from '../modules/attrs'
import { renderClass } from 'web/util/class'
import { genStyle } from '../modules/style'
import { normalizeStyleBinding } from 'web/util/style'

import {
  normalizeChildren,
  simpleNormalizeChildren
} from 'core/vdom/helpers/normalize-children'

import type { Component } from 'types/component'

const ssrHelpers = {
  _ssrEscape: escape,
  _ssrNode: renderStringNode,
  _ssrList: renderStringList,
  _ssrAttr: renderAttr,
  _ssrAttrs: renderAttrs,
  _ssrDOMProps: renderDOMProps,
  _ssrClass: renderSSRClass,
  _ssrStyle: renderSSRStyle
}

export function installSSRHelpers(vm: Component) {
  if (vm._ssrNode) {
    return
  }
  let Vue = vm.constructor
  // @ts-expect-error
  while (Vue.super) {
    // @ts-expect-error
    Vue = Vue.super
  }
  extend(Vue.prototype, ssrHelpers)
  // @ts-expect-error
  if (Vue.FunctionalRenderContext) {
    // @ts-expect-error
    extend(Vue.FunctionalRenderContext.prototype, ssrHelpers)
  }
}

class StringNode {
  isString: boolean
  open: string
  close: string | undefined
  children: Array<any> | undefined

  constructor(
    open: string,
    close?: string,
    children?: Array<any>,
    normalizationType?: number
  ) {
// ... (89 more lines)

Domain

Subdomains

Functions

Classes

Dependencies

Imported By

Source

Frequently Asked Questions

What does runtime-helpers.ts do?
runtime-helpers.ts is a source file in the vue codebase, written in typescript. It belongs to the ServerRenderer domain, BundleRenderer subdomain.
What functions are defined in runtime-helpers.ts?
runtime-helpers.ts defines 7 function(s): installSSRHelpers, renderAttrs, renderDOMProps, renderSSRClass, renderSSRStyle, renderStringList, renderStringNode.
What does runtime-helpers.ts depend on?
runtime-helpers.ts imports 13 module(s): attrs.ts, class, component, escape, genStyle, isRenderableAttr, isSSRUnsafeAttr, normalize-children, and 5 more.
What files import runtime-helpers.ts?
runtime-helpers.ts is imported by 1 file(s): render.ts.
Where is runtime-helpers.ts in the architecture?
runtime-helpers.ts is located at packages/server-renderer/src/optimizing-compiler/runtime-helpers.ts (domain: ServerRenderer, subdomain: BundleRenderer, directory: packages/server-renderer/src/optimizing-compiler).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free