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

/* eslint-disable unused-imports/no-unused-vars, no-undef, style/object-curly-spacing */
// oxlint-disable vars-on-top, no-var, block-scoped-var, no-redeclare
// @ts-nocheck
const startPage = performance.now()
const PageComponent = globalThis['{page_component_id}']
if (!PageComponent || typeof PageComponent !== 'function')
  throw new Error('Page component {page_component_id} not found')

let pageElement
const LoadingComponent = globalThis['{loading_id}']
if (!LoadingComponent || typeof LoadingComponent !== 'function') {
  const pageProps = {page_props_json}
  pageElement = React.createElement(PageComponent, pageProps)
  timings.isAsync = PageComponent.constructor.name === 'AsyncFunction'
}
else {
  const pageProps = {page_props_json}
  const useSuspense = {use_suspense}

  const isAsync = PageComponent.constructor.name === 'AsyncFunction'

  if (isAsync && useSuspense) {
    const streamingEnabled = globalThis['~rari']?.streaming?.enabled === true

    if (streamingEnabled) {
      if (!globalThis['~rari'].lazy)
        globalThis['~rari'].lazy = { pending: new Map(), resolved: new Map(), counter: 0 }

      globalThis['~rari'].lazy.counter++

      const promiseId = `{page_component_id}_promise_${globalThis['~rari'].lazy.counter}`

      globalThis['~rari'].lazy.pending.set(promiseId, {
        component: PageComponent,
        props: pageProps,
        isDeferred: true,
      })

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

      globalThis['~suspense'].pendingPromises.push({
        id: promiseId,
        boundaryId: promiseId,
        componentPath: '{route_file_path}#default',
        componentType: PageComponent,
        componentProps: pageProps,
      })

      const lazyMarker = {
        '~rari_lazy': true,
        '~rari_promise_id': promiseId,
        '~rari_component_id': '{route_file_path}#default',
        '~rari_loading_id': '{loading_file_path}#default',
      }

      const loadingFallback = React.createElement(LoadingComponent)

      pageElement = React.createElement(
        React.Suspense,
        { 'fallback': loadingFallback, '~boundaryId': promiseId },
        lazyMarker,
      )
    }
    else {
      const pageResult = (async () => await PageComponent(pageProps))()

      const loadingFallback = React.createElement(LoadingComponent)
      pageElement = React.createElement(
        React.Suspense,
        { fallback: loadingFallback },
        pageResult,
      )
    }
  }
  else {
    pageElement = React.createElement(PageComponent, pageProps)
  }

  timings.isAsync = isAsync
}
timings.pageRender = performance.now() - startPage