rari 0.13.6

rari: Runtime Accelerated Rendering Infrastructure - A high-performance React Server Components framework powered by Rust
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120

if (!globalThis['~rsc'])
  globalThis['~rsc'] = {}
if (typeof globalThis['~rsc'].keyCounter === 'undefined')
  globalThis['~rsc'].keyCounter = 0

if (typeof React === 'undefined')
  throw new TypeError('React is not available in streaming context. This suggests the runtime was not properly initialized with React extensions.')

if (typeof globalThis['~rsc'].renderGeneration === 'undefined')
  globalThis['~rsc'].renderGeneration = 0
globalThis['~rsc'].renderGeneration++

if (!globalThis['~suspense'])
  globalThis['~suspense'] = {}

Object.assign(globalThis['~suspense'], {
  streaming: true,
  promises: {},
  boundaryProps: {},
  discoveredBoundaries: [],
  pendingPromises: [],
  currentBoundaryId: null,
  renderGeneration: globalThis['~rsc'].renderGeneration,
})

globalThis['~suspense'].safeSerializeElement = function (element) {
  if (element == null)
    return null

  try {
    if (Array.isArray(element)) {
      if (element[0] === '$')
        return element

      return element.map(child => globalThis['~suspense'].safeSerializeElement(child))
    }

    if (typeof element === 'string' || typeof element === 'number' || typeof element === 'boolean')
      return element

    if (element && typeof element === 'object') {
      const safeProps = {}

      if (element.props) {
        if (element.props.children !== undefined) {
          const children = element.props.children
          if (children === null || children === undefined) {
            safeProps.children = null
          }
          else if (Array.isArray(children)) {
            safeProps.children = children.map(child => globalThis['~suspense'].safeSerializeElement(child))
          }
          else if (typeof children === 'object') {
            safeProps.children = globalThis['~suspense'].safeSerializeElement(children)
          }
          else {
            safeProps.children = children
          }
        }
        else {
          safeProps.children = null
        }

        for (const key in element.props) {
          if (key === 'children' || key === 'key' || key === 'ref')
            continue

          const value = element.props[key]
          if (value === null || value === undefined)
            continue

          if (
            key === 'className'
            || key === 'style'
            || key === 'href'
            || key === 'src'
            || key === 'alt'
            || key === 'title'
            || key === 'id'
            || key === 'type'
            || key === 'placeholder'
            || key === 'value'
            || key === 'disabled'
            || key === 'checked'
            || key === 'selected'
            || key === 'readonly'
            || key === 'required'
            || key === 'htmlFor'
            || key === 'role'
            || key === 'name'
            || key === 'tabIndex'
            || key.startsWith('data-')
            || key.startsWith('aria-')
          ) {
            safeProps[key] = value
          }
        }
      }
      else {
        safeProps.children = null
      }

      return {
        type: typeof element.type === 'function'
          ? (element.type.name || 'div')
          : (element.type || 'div'),
        props: safeProps,
        key: null,
      }
    }

    return { type: 'div', props: { children: null }, key: null }
  }
  catch {
    return { type: 'div', props: { children: null }, key: null }
  }
}

// oxlint-disable no-unused-expressions
globalThis['~rsc'].renderGeneration