seia.js/dist/renderer.js

Lightweight SSR framework for React Server Components

/* eslint-disable @typescript-eslint/no-unsafe-return, @typescript-eslint/return-await */ // well, it seems that eslint can't read custom type declarations from global.d.ts
import { join } from 'node:path';
import { fileURLToPath } from 'node:url';
import { Worker } from 'node:worker_threads';
import { createFromReadableStream } from 'react-server-dom-webpack/client.edge';
import './webpack-global.js';
const workerUrl = join(fileURLToPath(new URL('.', import.meta.url)), 'worker.js');
const execWorker = async (componentAnchorId, config)=>new Promise((resolve, reject)=>{
        const worker = new Worker(workerUrl, {
            workerData: {
                anchorId: componentAnchorId,
                config
            },
            execArgv: [
                '-C',
                'react-server'
            ]
        });
        worker.on('error', async (error)=>{
            await worker.terminate();
            reject(error);
        });
        worker.on('message', (rs)=>{
            resolve([
                worker,
                rs
            ]);
        });
    });
export const renderRscPayloadStream = async (componentAnchorId, config)=>execWorker(componentAnchorId, config);
export const renderRscPayloadStreamToDom = async (stream, { root, paths: { dist, ssr } })=>await createFromReadableStream(stream, {
        ssrManifest: {
            moduleMap: new Proxy({}, {
                get: (_, file)=>new Proxy({}, {
                        get (_, name) {
                            const id = `${file.toString()}#${name.toString()}`;
                            if (!__webpack_module_loading__.has(id)) {
                                __webpack_module_loading__.set(id, import(join(root, dist, ssr, file.toString())).then((m)=>__webpack_module_cache__.set(id, m)));
                            }
                            return {
                                id,
                                name,
                                chunks: [
                                    id
                                ]
                            };
                        }
                    })
            }),
            moduleLoading: null
        }
    });
export const renderRscDom = async (componentAnchorId, config)=>{
    const [worker, rs] = await execWorker(componentAnchorId, config);
    const dom = await renderRscPayloadStreamToDom(rs, config);
    return [
        worker,
        dom
    ];
};