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 OptimizingCompiler 13 imports 1 dependents 7 functions 1 classes

Entity Profile

Dependency Diagram

graph LR
  b4035da1_cf86_9027_2643_66e42fd3924f["runtime-helpers.ts"]
  a0033b88_b768_84c8_da01_e6315f54737c["util.ts"]
  b4035da1_cf86_9027_2643_66e42fd3924f --> a0033b88_b768_84c8_da01_e6315f54737c
  1e08374e_4b7f_6901_4657_b7f1d04e4395["escape"]
  b4035da1_cf86_9027_2643_66e42fd3924f --> 1e08374e_4b7f_6901_4657_b7f1d04e4395
  dc8dc7b8_5ebc_4fba_c935_e9310909f8a2["isSSRUnsafeAttr"]
  b4035da1_cf86_9027_2643_66e42fd3924f --> dc8dc7b8_5ebc_4fba_c935_e9310909f8a2
  abecdb7e_6551_469d_217a_85f9116b2ac7["isRenderableAttr"]
  b4035da1_cf86_9027_2643_66e42fd3924f --> abecdb7e_6551_469d_217a_85f9116b2ac7
  bc187cab_30a4_3c2e_1a8b_ee1317ae8c83["attrs.ts"]
  b4035da1_cf86_9027_2643_66e42fd3924f --> bc187cab_30a4_3c2e_1a8b_ee1317ae8c83
  96350562_77d9_8c7d_dea6_f361de4190a4["renderAttr"]
  b4035da1_cf86_9027_2643_66e42fd3924f --> 96350562_77d9_8c7d_dea6_f361de4190a4
  1bba1212_b24c_b9c5_98d6_faf10821140f["style.ts"]
  b4035da1_cf86_9027_2643_66e42fd3924f --> 1bba1212_b24c_b9c5_98d6_faf10821140f
  7b8fbb0d_6625_f705_64a4_334409494e27["genStyle"]
  b4035da1_cf86_9027_2643_66e42fd3924f --> 7b8fbb0d_6625_f705_64a4_334409494e27
  156bf2e1_8a13_f22d_5437_54f14bcef8fa["util"]
  b4035da1_cf86_9027_2643_66e42fd3924f --> 156bf2e1_8a13_f22d_5437_54f14bcef8fa
  2377395c_b9df_c32f_e943_293e83585132["class"]
  b4035da1_cf86_9027_2643_66e42fd3924f --> 2377395c_b9df_c32f_e943_293e83585132
  40b0afbe_a3c8_9769_c890_cf9c2266939c["style"]
  b4035da1_cf86_9027_2643_66e42fd3924f --> 40b0afbe_a3c8_9769_c890_cf9c2266939c
  59b7f477_cf10_ac02_8228_80efc469f4db["normalize-children"]
  b4035da1_cf86_9027_2643_66e42fd3924f --> 59b7f477_cf10_ac02_8228_80efc469f4db
  907f4994_ea28_43b1_7976_0db9f0e97637["component"]
  b4035da1_cf86_9027_2643_66e42fd3924f --> 907f4994_ea28_43b1_7976_0db9f0e97637
  affe67c1_b5f5_cf58_e5d3_d3d820ab290f["render.ts"]
  affe67c1_b5f5_cf58_e5d3_d3d820ab290f --> b4035da1_cf86_9027_2643_66e42fd3924f
  style b4035da1_cf86_9027_2643_66e42fd3924f 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, OptimizingCompiler 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: OptimizingCompiler, 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