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

/* eslint-disable no-undef, react/error-boundaries, react/purity  */
(function () {
  if (typeof React === 'undefined') {
    try {
      if (typeof globalThis['~rsc']?.modules !== 'undefined') {
        const reactModule = globalThis['~rsc'].modules.react
          || globalThis['~rsc'].modules.React
          || Object.values(globalThis['~rsc'].modules).find(m => m && m.createElement)
        if (reactModule)
          globalThis.React = reactModule
      }

      if (typeof React !== 'undefined' && React.Suspense) {
        React['~originalSuspense'] = React.Suspense

        React.Suspense = function SuspenseOverride(props) {
          if (!props)
            return null
          if (!globalThis['~suspense'])
            globalThis['~suspense'] = {}
          const previousBoundaryId = globalThis['~suspense'].currentBoundaryId
          const boundaryId = `boundary_${Date.now()}_${Math.random().toString(36).substring(2, 11)}`
          globalThis['~suspense'].currentBoundaryId = boundaryId
          try {
            const safeFallback = props?.fallback || null
            const serializableFallback = globalThis['~suspense'].safeSerializeElement(safeFallback)
            if (!globalThis['~suspense'].discoveredBoundaries)
              globalThis['~suspense'].discoveredBoundaries = []
            globalThis['~suspense'].discoveredBoundaries.push({ id: boundaryId, fallback: serializableFallback, parentId: previousBoundaryId })
            if (!props.children)
              return safeFallback

            return props.children
          }
          catch (error) {
            if (error && error.$$typeof === Symbol.for('react.suspense.pending') && error.promise) {
              const promiseId = `suspense_${Date.now()}_${Math.random().toString(36).substring(2, 11)}`
              if (!globalThis['~suspense'].promises)
                globalThis['~suspense'].promises = {}
              globalThis['~suspense'].promises[promiseId] = error.promise
              if (!globalThis['~suspense'].pendingPromises)
                globalThis['~suspense'].pendingPromises = []
              globalThis['~suspense'].pendingPromises.push({ id: promiseId, boundaryId, componentPath: (error.componentName || 'unknown') })
              return props.fallback || null
            }

            console.error('[rari] Suspense error in streaming render', error)
            return props?.fallback || React.createElement('div', null, 'Suspense Error')
          }
          finally {
            globalThis['~suspense'].currentBoundaryId = previousBoundaryId
          }
        }
      }
    }
    catch (e) {
      console.error('Failed to load React in streaming context:', e)
      throw new Error(`Cannot initialize streaming without React: ${e.message}`)
    }
  }

  return {
    available: typeof React !== 'undefined',
    reactType: typeof React,
    createElementType: typeof React.createElement,
    suspenseType: typeof React.Suspense,
  }
})()