@bleedingdev/modern-js-render 3.2.0-ultramodern.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +26 -0
- package/dist/esm/130.mjs +95 -0
- package/dist/esm/647.mjs +143 -0
- package/dist/esm/940.mjs +107 -0
- package/dist/esm/client.mjs +1 -0
- package/dist/esm/rsc.mjs +1 -0
- package/dist/esm/rslib-runtime.mjs +23 -0
- package/dist/esm/ssr.mjs +58 -0
- package/dist/types/client/callServer.d.ts +4 -0
- package/dist/types/client/index.d.ts +24 -0
- package/dist/types/client.d.ts +1 -0
- package/dist/types/rsc-html-stream/client.d.ts +5 -0
- package/dist/types/rsc-html-stream/server.d.ts +9 -0
- package/dist/types/rsc.d.ts +1 -0
- package/dist/types/server/rsc/csr.d.ts +5 -0
- package/dist/types/server/rsc/index.d.ts +2 -0
- package/dist/types/server/rsc/rsc.d.ts +8 -0
- package/dist/types/server/ssr/index.d.ts +1 -0
- package/dist/types/server/ssr/ssr.d.ts +9 -0
- package/dist/types/ssr.d.ts +1 -0
- package/package.json +84 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2021-present Modern.js
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
<p align="center">
|
|
2
|
+
<a href="https://modernjs.dev" target="blank"><img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ylaelkeh7nuhfnuhf/modernjs-cover.png" width="300" alt="Modern.js Logo" /></a>
|
|
3
|
+
</p>
|
|
4
|
+
|
|
5
|
+
<h1 align="center">Modern.js</h1>
|
|
6
|
+
|
|
7
|
+
<p align="center">
|
|
8
|
+
A Progressive React Framework for modern web development.
|
|
9
|
+
</p>
|
|
10
|
+
|
|
11
|
+
## Getting Started
|
|
12
|
+
|
|
13
|
+
Please follow [Quick Start](https://modernjs.dev/en/guides/get-started/quick-start) to get started with Modern.js.
|
|
14
|
+
|
|
15
|
+
## Documentation
|
|
16
|
+
|
|
17
|
+
- [English Documentation](https://modernjs.dev/en/)
|
|
18
|
+
- [中文文档](https://modernjs.dev)
|
|
19
|
+
|
|
20
|
+
## Contributing
|
|
21
|
+
|
|
22
|
+
Please read the [Contributing Guide](https://github.com/web-infra-dev/modern.js/blob/main/CONTRIBUTING.md).
|
|
23
|
+
|
|
24
|
+
## License
|
|
25
|
+
|
|
26
|
+
Modern.js is [MIT licensed](https://github.com/web-infra-dev/modern.js/blob/main/LICENSE).
|
package/dist/esm/130.mjs
ADDED
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { decodeReply, loadServerAction, registerClientReference, registerServerReference, renderToReadableStream } from "react-server-dom-rspack/server.node";
|
|
2
|
+
import { __webpack_require__ } from "./rslib-runtime.mjs";
|
|
3
|
+
import { createFromReadableStream as createFromReadableStream_0 } from "react-server-dom-rspack/client.node";
|
|
4
|
+
import { injectCSS, injectRSCPayload } from "./940.mjs";
|
|
5
|
+
var rsc_namespaceObject = {};
|
|
6
|
+
__webpack_require__.r(rsc_namespaceObject);
|
|
7
|
+
__webpack_require__.d(rsc_namespaceObject, {
|
|
8
|
+
createFromReadableStream: ()=>createFromReadableStream_0,
|
|
9
|
+
handleAction: ()=>handleAction,
|
|
10
|
+
registerClientReference: ()=>registerClientReference,
|
|
11
|
+
registerServerReference: ()=>registerServerReference,
|
|
12
|
+
renderCSRWithRSC: ()=>renderCSRWithRSC,
|
|
13
|
+
renderRsc: ()=>renderRsc,
|
|
14
|
+
renderToReadableStream: ()=>renderToReadableStream
|
|
15
|
+
});
|
|
16
|
+
const renderRsc = (options)=>{
|
|
17
|
+
const readable = renderToReadableStream(options.element);
|
|
18
|
+
return readable;
|
|
19
|
+
};
|
|
20
|
+
const handleAction = async (req)=>{
|
|
21
|
+
try {
|
|
22
|
+
const serverReference = req.headers.get('x-rsc-action');
|
|
23
|
+
if (!serverReference) return new Response('Cannot find server reference', {
|
|
24
|
+
status: 404
|
|
25
|
+
});
|
|
26
|
+
const action = loadServerAction(serverReference);
|
|
27
|
+
if ('function' != typeof action) {
|
|
28
|
+
console.error('[RSC] Invalid action: server reference is not a function, serverReference:', serverReference);
|
|
29
|
+
return new Response('Invalid action', {
|
|
30
|
+
status: 400
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
const contentType = req.headers.get('content-type');
|
|
34
|
+
let args;
|
|
35
|
+
try {
|
|
36
|
+
if (contentType?.includes('multipart/form-data')) {
|
|
37
|
+
const formData = await req.formData();
|
|
38
|
+
args = await decodeReply(formData);
|
|
39
|
+
} else {
|
|
40
|
+
const text = await req.text();
|
|
41
|
+
args = await decodeReply(text);
|
|
42
|
+
}
|
|
43
|
+
} catch (error) {
|
|
44
|
+
console.error('[RSC] Failed to decode request arguments, error:', error instanceof Error ? error.message : String(error), 'contentType:', contentType || 'unknown');
|
|
45
|
+
return new Response('Failed to decode request arguments', {
|
|
46
|
+
status: 400
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
const result = await Promise.resolve(action.apply(null, args));
|
|
50
|
+
const stream = renderRsc({
|
|
51
|
+
element: result
|
|
52
|
+
});
|
|
53
|
+
const response = new Response(stream, {
|
|
54
|
+
status: 200,
|
|
55
|
+
headers: {
|
|
56
|
+
'Content-Type': 'text/html'
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
return response;
|
|
60
|
+
} catch (error) {
|
|
61
|
+
const errorMessage = error instanceof Error ? error.message : String(error);
|
|
62
|
+
const errorStack = error instanceof Error ? error.stack : void 0;
|
|
63
|
+
console.error('[RSC] Error handling server action, error:', errorMessage, errorStack ? `\n${errorStack}` : '');
|
|
64
|
+
return new Response('Internal server error', {
|
|
65
|
+
status: 500
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
};
|
|
69
|
+
async function renderCSRWithRSC(options) {
|
|
70
|
+
const entryCssFiles = __webpack_require__.rscM?.entryCssFiles;
|
|
71
|
+
const cssFiles = entryCssFiles ? Object.values(entryCssFiles).flat() : [];
|
|
72
|
+
const rscPayloadStream = renderRsc({
|
|
73
|
+
element: options.rscRoot
|
|
74
|
+
});
|
|
75
|
+
const htmlStream = new ReadableStream({
|
|
76
|
+
start (controller) {
|
|
77
|
+
const encoder = new TextEncoder();
|
|
78
|
+
controller.enqueue(encoder.encode(options.html));
|
|
79
|
+
controller.close();
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
const stream = htmlStream.pipeThrough(injectCSS(cssFiles, {
|
|
83
|
+
injectClosingTags: false
|
|
84
|
+
})).pipeThrough(injectRSCPayload(rscPayloadStream, {
|
|
85
|
+
injectClosingTags: true
|
|
86
|
+
}));
|
|
87
|
+
return new Response(stream, {
|
|
88
|
+
status: 200,
|
|
89
|
+
headers: new Headers({
|
|
90
|
+
'content-type': 'text/html; charset=UTF-8'
|
|
91
|
+
})
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
export { createFromReadableStream } from "react-server-dom-rspack/client.node";
|
|
95
|
+
export { handleAction, registerClientReference, registerServerReference, renderCSRWithRSC, renderRsc, renderToReadableStream, rsc_namespaceObject };
|
package/dist/esm/647.mjs
ADDED
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
import react, { createContext, useState } from "react";
|
|
2
|
+
import { createFromFetch, createFromReadableStream, createServerReference, encodeReply, setServerCallback } from "react-server-dom-rspack/client.browser";
|
|
3
|
+
const encoder = new TextEncoder();
|
|
4
|
+
let streamController;
|
|
5
|
+
const rscStream = new ReadableStream({
|
|
6
|
+
start (controller) {
|
|
7
|
+
if ("u" < typeof window) return;
|
|
8
|
+
const handleChunk = (chunk)=>{
|
|
9
|
+
if ('string' == typeof chunk) controller.enqueue(encoder.encode(chunk));
|
|
10
|
+
else controller.enqueue(chunk);
|
|
11
|
+
};
|
|
12
|
+
window.__FLIGHT_DATA = window.__FLIGHT_DATA || [];
|
|
13
|
+
window.__FLIGHT_DATA.forEach(handleChunk);
|
|
14
|
+
window.__FLIGHT_DATA.push = (chunk)=>{
|
|
15
|
+
handleChunk(chunk);
|
|
16
|
+
};
|
|
17
|
+
streamController = controller;
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
if ("u" > typeof document && 'loading' === document.readyState) document.addEventListener('DOMContentLoaded', ()=>{
|
|
21
|
+
streamController?.close();
|
|
22
|
+
});
|
|
23
|
+
else streamController?.close();
|
|
24
|
+
function _check_private_redeclaration(obj, privateCollection) {
|
|
25
|
+
if (privateCollection.has(obj)) throw new TypeError("Cannot initialize the same private elements twice on an object");
|
|
26
|
+
}
|
|
27
|
+
function _class_apply_descriptor_get(receiver, descriptor) {
|
|
28
|
+
if (descriptor.get) return descriptor.get.call(receiver);
|
|
29
|
+
return descriptor.value;
|
|
30
|
+
}
|
|
31
|
+
function _class_apply_descriptor_set(receiver, descriptor, value) {
|
|
32
|
+
if (descriptor.set) descriptor.set.call(receiver, value);
|
|
33
|
+
else {
|
|
34
|
+
if (!descriptor.writable) throw new TypeError("attempted to set read only private field");
|
|
35
|
+
descriptor.value = value;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
function _class_extract_field_descriptor(receiver, privateMap, action) {
|
|
39
|
+
if (!privateMap.has(receiver)) throw new TypeError("attempted to " + action + " private field on non-instance");
|
|
40
|
+
return privateMap.get(receiver);
|
|
41
|
+
}
|
|
42
|
+
function _class_private_field_get(receiver, privateMap) {
|
|
43
|
+
var descriptor = _class_extract_field_descriptor(receiver, privateMap, "get");
|
|
44
|
+
return _class_apply_descriptor_get(receiver, descriptor);
|
|
45
|
+
}
|
|
46
|
+
function _class_private_field_init(obj, privateMap, value) {
|
|
47
|
+
_check_private_redeclaration(obj, privateMap);
|
|
48
|
+
privateMap.set(obj, value);
|
|
49
|
+
}
|
|
50
|
+
function _class_private_field_set(receiver, privateMap, value) {
|
|
51
|
+
var descriptor = _class_extract_field_descriptor(receiver, privateMap, "set");
|
|
52
|
+
_class_apply_descriptor_set(receiver, descriptor, value);
|
|
53
|
+
return value;
|
|
54
|
+
}
|
|
55
|
+
var _statusCode = /*#__PURE__*/ new WeakMap(), _url = /*#__PURE__*/ new WeakMap(), _details = /*#__PURE__*/ new WeakMap();
|
|
56
|
+
class CallServerError extends Error {
|
|
57
|
+
get statusCode() {
|
|
58
|
+
return _class_private_field_get(this, _statusCode);
|
|
59
|
+
}
|
|
60
|
+
get url() {
|
|
61
|
+
return _class_private_field_get(this, _url);
|
|
62
|
+
}
|
|
63
|
+
get details() {
|
|
64
|
+
return {
|
|
65
|
+
..._class_private_field_get(this, _details)
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
toJSON() {
|
|
69
|
+
return {
|
|
70
|
+
name: this.name,
|
|
71
|
+
message: this.message,
|
|
72
|
+
statusCode: _class_private_field_get(this, _statusCode),
|
|
73
|
+
url: _class_private_field_get(this, _url),
|
|
74
|
+
details: _class_private_field_get(this, _details)
|
|
75
|
+
};
|
|
76
|
+
}
|
|
77
|
+
constructor(message, statusCode, url = '', details = {}){
|
|
78
|
+
const formattedMessage = `Call Server Action failed (${statusCode}): ${message}\nURL: ${url}`;
|
|
79
|
+
super(formattedMessage), _class_private_field_init(this, _statusCode, {
|
|
80
|
+
writable: true,
|
|
81
|
+
value: void 0
|
|
82
|
+
}), _class_private_field_init(this, _url, {
|
|
83
|
+
writable: true,
|
|
84
|
+
value: void 0
|
|
85
|
+
}), _class_private_field_init(this, _details, {
|
|
86
|
+
writable: true,
|
|
87
|
+
value: void 0
|
|
88
|
+
});
|
|
89
|
+
this.name = 'CallServerError';
|
|
90
|
+
_class_private_field_set(this, _statusCode, statusCode);
|
|
91
|
+
_class_private_field_set(this, _url, url);
|
|
92
|
+
_class_private_field_set(this, _details, details);
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
async function requestCallServer(id, args) {
|
|
96
|
+
const entryName = window.__MODERN_JS_ENTRY_NAME;
|
|
97
|
+
const url = 'main' === entryName || 'index' === entryName ? '/' : `/${entryName}`;
|
|
98
|
+
try {
|
|
99
|
+
const response = await fetch(url, {
|
|
100
|
+
method: 'POST',
|
|
101
|
+
headers: {
|
|
102
|
+
Accept: 'text/x-component',
|
|
103
|
+
'x-rsc-action': id
|
|
104
|
+
},
|
|
105
|
+
body: await encodeReply(args)
|
|
106
|
+
});
|
|
107
|
+
if (!response.ok) throw new CallServerError(response.statusText, response.status, url, {
|
|
108
|
+
id,
|
|
109
|
+
args
|
|
110
|
+
});
|
|
111
|
+
return response;
|
|
112
|
+
} catch (error) {
|
|
113
|
+
if (error instanceof CallServerError) throw error;
|
|
114
|
+
throw new CallServerError(error instanceof Error ? error.message : 'Unknown error', 1, url, {
|
|
115
|
+
id,
|
|
116
|
+
args
|
|
117
|
+
});
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
async function callServer(id, args) {
|
|
121
|
+
const response = requestCallServer(id, args);
|
|
122
|
+
const res = createFromFetch(response);
|
|
123
|
+
return res;
|
|
124
|
+
}
|
|
125
|
+
const ResetRootContext = /*#__PURE__*/ createContext(void 0);
|
|
126
|
+
function RscClientRoot({ rscPayload }) {
|
|
127
|
+
const elements = react.use(rscPayload);
|
|
128
|
+
const [root, setRoot] = useState(elements);
|
|
129
|
+
return /*#__PURE__*/ react.createElement(ResetRootContext.Provider, {
|
|
130
|
+
value: {
|
|
131
|
+
setRoot
|
|
132
|
+
}
|
|
133
|
+
}, root);
|
|
134
|
+
}
|
|
135
|
+
const ElementsContext = /*#__PURE__*/ createContext(null);
|
|
136
|
+
const ServerElementsProvider = ({ elements, children })=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(ElementsContext.Provider, {
|
|
137
|
+
value: elements
|
|
138
|
+
}, children));
|
|
139
|
+
const RSCServerSlot = ()=>{
|
|
140
|
+
const elements = react.use(ElementsContext);
|
|
141
|
+
return elements;
|
|
142
|
+
};
|
|
143
|
+
export { ElementsContext, RSCServerSlot, ResetRootContext, RscClientRoot, ServerElementsProvider, callServer, createFromFetch, createFromReadableStream, createServerReference, rscStream, setServerCallback };
|
package/dist/esm/940.mjs
ADDED
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
const encoder = new TextEncoder();
|
|
2
|
+
const closingTagsPattern = /<\/body>\s*<\/html>\s*$/i;
|
|
3
|
+
function injectRSCPayload(rscStream, { injectClosingTags = true }) {
|
|
4
|
+
const decoder = new TextDecoder();
|
|
5
|
+
let resolveFlightDataPromise;
|
|
6
|
+
const flightDataPromise = new Promise((resolve)=>resolveFlightDataPromise = resolve);
|
|
7
|
+
let startedRSC = false;
|
|
8
|
+
const buffered = [];
|
|
9
|
+
let timeout = null;
|
|
10
|
+
function flushBufferedChunks(controller) {
|
|
11
|
+
for (const chunk of buffered){
|
|
12
|
+
let buf = decoder.decode(chunk);
|
|
13
|
+
if (closingTagsPattern.test(buf)) buf = buf.replace(closingTagsPattern, '');
|
|
14
|
+
controller.enqueue(encoder.encode(buf));
|
|
15
|
+
}
|
|
16
|
+
buffered.length = 0;
|
|
17
|
+
timeout = null;
|
|
18
|
+
}
|
|
19
|
+
return new TransformStream({
|
|
20
|
+
transform (chunk, controller) {
|
|
21
|
+
buffered.push(chunk);
|
|
22
|
+
if (timeout) return;
|
|
23
|
+
timeout = setTimeout(async ()=>{
|
|
24
|
+
flushBufferedChunks(controller);
|
|
25
|
+
if (!startedRSC) {
|
|
26
|
+
startedRSC = true;
|
|
27
|
+
writeRSCStream(rscStream, controller).catch((err)=>controller.error(err)).then(()=>resolveFlightDataPromise());
|
|
28
|
+
}
|
|
29
|
+
}, 0);
|
|
30
|
+
},
|
|
31
|
+
async flush (controller) {
|
|
32
|
+
await flightDataPromise;
|
|
33
|
+
if (timeout) {
|
|
34
|
+
clearTimeout(timeout);
|
|
35
|
+
flushBufferedChunks(controller);
|
|
36
|
+
}
|
|
37
|
+
if (injectClosingTags) controller.enqueue(encoder.encode('</body></html>'));
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
async function writeRSCStream(rscStream, controller) {
|
|
42
|
+
const decoder = new TextDecoder('utf-8', {
|
|
43
|
+
fatal: true
|
|
44
|
+
});
|
|
45
|
+
for await (const chunk of rscStream)try {
|
|
46
|
+
writeChunk(JSON.stringify(decoder.decode(chunk, {
|
|
47
|
+
stream: true
|
|
48
|
+
})), controller);
|
|
49
|
+
} catch (err) {
|
|
50
|
+
const base64 = JSON.stringify(btoa(String.fromCodePoint(...chunk)));
|
|
51
|
+
writeChunk(`Uint8Array.from(atob(${base64}), m => m.codePointAt(0))`, controller);
|
|
52
|
+
}
|
|
53
|
+
const remaining = decoder.decode();
|
|
54
|
+
if (remaining.length) writeChunk(JSON.stringify(remaining), controller);
|
|
55
|
+
}
|
|
56
|
+
function writeChunk(chunk, controller) {
|
|
57
|
+
controller.enqueue(encoder.encode(`<script>${escapeScript(`(self.__FLIGHT_DATA||=[]).push(${chunk})`)}</script>`));
|
|
58
|
+
}
|
|
59
|
+
function escapeScript(script) {
|
|
60
|
+
return script.replace(/<!--/g, '<\\!--').replace(/<\/(script)/gi, '</\\$1');
|
|
61
|
+
}
|
|
62
|
+
function injectCSS(cssFiles, { injectClosingTags = true } = {}) {
|
|
63
|
+
if (0 === cssFiles.length) return new TransformStream({
|
|
64
|
+
transform (chunk, controller) {
|
|
65
|
+
controller.enqueue(chunk);
|
|
66
|
+
},
|
|
67
|
+
flush (controller) {
|
|
68
|
+
if (injectClosingTags) controller.enqueue(encoder.encode('</body></html>'));
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
const decoder = new TextDecoder();
|
|
72
|
+
const headTrailer = '</head>';
|
|
73
|
+
const buffered = [];
|
|
74
|
+
let timeout = null;
|
|
75
|
+
let cssInjected = false;
|
|
76
|
+
const cssLinks = cssFiles.map((css)=>`<link href="${css}" rel="stylesheet" />`).join('');
|
|
77
|
+
function flushBufferedChunks(controller) {
|
|
78
|
+
for (const chunk of buffered){
|
|
79
|
+
let buf = decoder.decode(chunk);
|
|
80
|
+
if (!cssInjected && buf.includes(headTrailer)) {
|
|
81
|
+
buf = buf.replace(headTrailer, `${cssLinks}${headTrailer}`);
|
|
82
|
+
cssInjected = true;
|
|
83
|
+
}
|
|
84
|
+
controller.enqueue(encoder.encode(buf));
|
|
85
|
+
}
|
|
86
|
+
buffered.length = 0;
|
|
87
|
+
timeout = null;
|
|
88
|
+
}
|
|
89
|
+
return new TransformStream({
|
|
90
|
+
transform (chunk, controller) {
|
|
91
|
+
buffered.push(chunk);
|
|
92
|
+
if (timeout) return;
|
|
93
|
+
timeout = setTimeout(()=>{
|
|
94
|
+
flushBufferedChunks(controller);
|
|
95
|
+
}, 0);
|
|
96
|
+
},
|
|
97
|
+
async flush (controller) {
|
|
98
|
+
if (timeout) {
|
|
99
|
+
clearTimeout(timeout);
|
|
100
|
+
flushBufferedChunks(controller);
|
|
101
|
+
}
|
|
102
|
+
if (!cssInjected) controller.enqueue(encoder.encode(cssLinks));
|
|
103
|
+
if (injectClosingTags) controller.enqueue(encoder.encode('</body></html>'));
|
|
104
|
+
}
|
|
105
|
+
});
|
|
106
|
+
}
|
|
107
|
+
export { injectCSS, injectRSCPayload };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ElementsContext, RSCServerSlot, ResetRootContext, RscClientRoot, ServerElementsProvider, callServer, createFromFetch, createFromReadableStream, createServerReference, rscStream, setServerCallback } from "./647.mjs";
|
package/dist/esm/rsc.mjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { createFromReadableStream, handleAction, registerClientReference, registerServerReference, renderCSRWithRSC, renderRsc, renderToReadableStream } from "./130.mjs";
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
var __webpack_require__ = {};
|
|
2
|
+
(()=>{
|
|
3
|
+
__webpack_require__.d = (exports, definition)=>{
|
|
4
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) Object.defineProperty(exports, key, {
|
|
5
|
+
enumerable: true,
|
|
6
|
+
get: definition[key]
|
|
7
|
+
});
|
|
8
|
+
};
|
|
9
|
+
})();
|
|
10
|
+
(()=>{
|
|
11
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
12
|
+
})();
|
|
13
|
+
(()=>{
|
|
14
|
+
__webpack_require__.r = (exports)=>{
|
|
15
|
+
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports, Symbol.toStringTag, {
|
|
16
|
+
value: 'Module'
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, '__esModule', {
|
|
19
|
+
value: true
|
|
20
|
+
});
|
|
21
|
+
};
|
|
22
|
+
})();
|
|
23
|
+
export { __webpack_require__ };
|
package/dist/esm/ssr.mjs
ADDED
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { SSR_HYDRATION_ID_PREFIX } from "@modern-js/utils/universal/constants";
|
|
2
|
+
import { renderToReadableStream } from "react-dom/server.edge";
|
|
3
|
+
import { __webpack_require__ } from "./rslib-runtime.mjs";
|
|
4
|
+
import { ServerElementsProvider } from "./647.mjs";
|
|
5
|
+
function CSSLinks({ cssFiles }) {
|
|
6
|
+
if (0 === cssFiles.length) return null;
|
|
7
|
+
return /*#__PURE__*/ React.createElement(React.Fragment, null, cssFiles.map((css)=>/*#__PURE__*/ React.createElement("link", {
|
|
8
|
+
key: css,
|
|
9
|
+
href: css,
|
|
10
|
+
rel: "stylesheet"
|
|
11
|
+
})));
|
|
12
|
+
}
|
|
13
|
+
function wrapStream(stream, originalStream) {
|
|
14
|
+
const wrappedStream = Object.create(stream);
|
|
15
|
+
for (const prop of Object.keys(originalStream))if (!(prop in wrappedStream)) wrappedStream[prop] = originalStream[prop];
|
|
16
|
+
return wrappedStream;
|
|
17
|
+
}
|
|
18
|
+
const renderSSRStream = async (children, options)=>{
|
|
19
|
+
const { rscRoot, routes } = options;
|
|
20
|
+
const clientManifest = __webpack_require__.rscM?.clientManifest;
|
|
21
|
+
const serverConsumerModuleMap = __webpack_require__.rscM?.serverConsumerModuleMap;
|
|
22
|
+
const entryCssFiles = __webpack_require__.rscM?.entryCssFiles;
|
|
23
|
+
const hasRoutes = Boolean(routes && routes.length > 0);
|
|
24
|
+
if (!clientManifest || !serverConsumerModuleMap) return renderToReadableStream(children, {
|
|
25
|
+
...options,
|
|
26
|
+
identifierPrefix: SSR_HYDRATION_ID_PREFIX
|
|
27
|
+
});
|
|
28
|
+
try {
|
|
29
|
+
const [{ renderRsc }, { createFromReadableStream }, { injectRSCPayload }] = await Promise.all([
|
|
30
|
+
import("./130.mjs").then((m)=>m.rsc_namespaceObject),
|
|
31
|
+
import("react-server-dom-rspack/client.edge"),
|
|
32
|
+
import("./940.mjs")
|
|
33
|
+
]);
|
|
34
|
+
const rscStream = await renderRsc({
|
|
35
|
+
element: rscRoot || children
|
|
36
|
+
});
|
|
37
|
+
const [rscElementStream, rscPayloadStream] = rscStream.tee();
|
|
38
|
+
const elements = createFromReadableStream(rscElementStream);
|
|
39
|
+
let cssFiles = [];
|
|
40
|
+
if (!hasRoutes && entryCssFiles) cssFiles = Object.values(entryCssFiles).flat();
|
|
41
|
+
const htmlStream = await renderToReadableStream(/*#__PURE__*/ React.createElement(ServerElementsProvider, {
|
|
42
|
+
elements: elements
|
|
43
|
+
}, /*#__PURE__*/ React.createElement(CSSLinks, {
|
|
44
|
+
cssFiles: cssFiles
|
|
45
|
+
}), children), {
|
|
46
|
+
...options,
|
|
47
|
+
identifierPrefix: SSR_HYDRATION_ID_PREFIX
|
|
48
|
+
});
|
|
49
|
+
const stream = htmlStream.pipeThrough(injectRSCPayload(rscPayloadStream, {
|
|
50
|
+
injectClosingTags: true
|
|
51
|
+
}));
|
|
52
|
+
return wrapStream(stream, htmlStream);
|
|
53
|
+
} catch (error) {
|
|
54
|
+
console.error(error);
|
|
55
|
+
throw error;
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
export { renderSSRStream };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React, { type ReactNode } from 'react';
|
|
2
|
+
import { createFromFetch, createFromReadableStream, createServerReference, setServerCallback } from 'react-server-dom-rspack/client.browser';
|
|
3
|
+
export { rscStream } from '../rsc-html-stream/client';
|
|
4
|
+
export { callServer } from './callServer';
|
|
5
|
+
export { createFromFetch, createFromReadableStream, createServerReference };
|
|
6
|
+
declare global {
|
|
7
|
+
interface Window {
|
|
8
|
+
__MODERN_JS_ENTRY_NAME?: string;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
export declare const ResetRootContext: React.Context<{
|
|
12
|
+
setRoot: (root: React.ReactNode) => void;
|
|
13
|
+
} | undefined>;
|
|
14
|
+
export { setServerCallback };
|
|
15
|
+
export declare function RscClientRoot({ rscPayload, }: {
|
|
16
|
+
rscPayload: Promise<React.ReactNode>;
|
|
17
|
+
}): React.JSX.Element;
|
|
18
|
+
type Elements = Promise<ReactNode[]>;
|
|
19
|
+
export declare const ElementsContext: React.Context<Elements | null>;
|
|
20
|
+
export declare const ServerElementsProvider: ({ elements, children, }: {
|
|
21
|
+
elements: Elements;
|
|
22
|
+
children: ReactNode;
|
|
23
|
+
}) => React.JSX.Element;
|
|
24
|
+
export declare const RSCServerSlot: () => Elements | null;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './client/index';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare function injectRSCPayload(rscStream: ReadableStream, { injectClosingTags, }: {
|
|
2
|
+
injectClosingTags?: boolean;
|
|
3
|
+
}): TransformStream;
|
|
4
|
+
/**
|
|
5
|
+
* Inject CSS link tags into HTML stream before closing head tag
|
|
6
|
+
*/
|
|
7
|
+
export declare function injectCSS(cssFiles: string[], { injectClosingTags, }?: {
|
|
8
|
+
injectClosingTags?: boolean;
|
|
9
|
+
}): TransformStream;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './server/rsc';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { renderToReadableStream } from 'react-server-dom-rspack/server.node';
|
|
2
|
+
export { createFromReadableStream } from 'react-server-dom-rspack/client.node';
|
|
3
|
+
export { registerClientReference, registerServerReference, } from 'react-server-dom-rspack/server.node';
|
|
4
|
+
type RenderRscOptions = {
|
|
5
|
+
element: React.ReactElement;
|
|
6
|
+
};
|
|
7
|
+
export declare const renderRsc: (options: RenderRscOptions) => ReadableStream<Uint8Array<ArrayBufferLike>>;
|
|
8
|
+
export declare const handleAction: (req: Request) => Promise<Response>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ssr';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { renderToReadableStream } from 'react-dom/server.edge';
|
|
2
|
+
type Options = {
|
|
3
|
+
request: Request;
|
|
4
|
+
routes?: unknown[];
|
|
5
|
+
} & Parameters<typeof renderToReadableStream>[1];
|
|
6
|
+
export declare const renderSSRStream: (children: React.ReactNode, options: Options & {
|
|
7
|
+
rscRoot: React.ReactElement;
|
|
8
|
+
}) => Promise<ReturnType<typeof renderToReadableStream>>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './server/ssr';
|
package/package.json
ADDED
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@bleedingdev/modern-js-render",
|
|
3
|
+
"description": "A Progressive React Framework for modern web development.",
|
|
4
|
+
"homepage": "https://github.com/BleedingDev/ultramodern.js#readme",
|
|
5
|
+
"bugs": {
|
|
6
|
+
"url": "https://github.com/BleedingDev/ultramodern.js/issues"
|
|
7
|
+
},
|
|
8
|
+
"repository": {
|
|
9
|
+
"type": "git",
|
|
10
|
+
"url": "git+https://github.com/BleedingDev/ultramodern.js.git",
|
|
11
|
+
"directory": "packages/runtime/render"
|
|
12
|
+
},
|
|
13
|
+
"license": "MIT",
|
|
14
|
+
"keywords": [
|
|
15
|
+
"react",
|
|
16
|
+
"framework",
|
|
17
|
+
"modern",
|
|
18
|
+
"modern.js"
|
|
19
|
+
],
|
|
20
|
+
"version": "3.2.0-ultramodern.0",
|
|
21
|
+
"files": [
|
|
22
|
+
"dist",
|
|
23
|
+
"hook.d.ts"
|
|
24
|
+
],
|
|
25
|
+
"dependencies": {
|
|
26
|
+
"@swc/helpers": "^0.5.21",
|
|
27
|
+
"@modern-js/types": "npm:@bleedingdev/modern-js-types@3.2.0-ultramodern.0",
|
|
28
|
+
"@modern-js/utils": "npm:@bleedingdev/modern-js-utils@3.2.0-ultramodern.0"
|
|
29
|
+
},
|
|
30
|
+
"devDependencies": {
|
|
31
|
+
"@rslib/core": "0.21.5",
|
|
32
|
+
"@types/react": "^19.2.14",
|
|
33
|
+
"@types/react-dom": "^19.2.3",
|
|
34
|
+
"@typescript/native-preview": "7.0.0-dev.20260516.1",
|
|
35
|
+
"react": "^19.2.6",
|
|
36
|
+
"react-dom": "^19.2.6",
|
|
37
|
+
"react-server-dom-rspack": "0.0.2",
|
|
38
|
+
"@modern-js/server-core": "npm:@bleedingdev/modern-js-server-core@3.2.0-ultramodern.0",
|
|
39
|
+
"@scripts/rstest-config": "2.66.0"
|
|
40
|
+
},
|
|
41
|
+
"peerDependencies": {
|
|
42
|
+
"react": "^19.2.6",
|
|
43
|
+
"react-dom": "^19.2.6",
|
|
44
|
+
"react-server-dom-rspack": "0.0.2"
|
|
45
|
+
},
|
|
46
|
+
"exports": {
|
|
47
|
+
"./ssr": {
|
|
48
|
+
"types": "./dist/types/server/ssr/index.d.ts",
|
|
49
|
+
"default": "./dist/esm/ssr.mjs"
|
|
50
|
+
},
|
|
51
|
+
"./rsc": {
|
|
52
|
+
"types": "./dist/types/server/rsc/index.d.ts",
|
|
53
|
+
"default": "./dist/esm/rsc.mjs"
|
|
54
|
+
},
|
|
55
|
+
"./client": {
|
|
56
|
+
"types": "./dist/types/client/index.d.ts",
|
|
57
|
+
"default": "./dist/esm/client.mjs"
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
"typesVersions": {
|
|
61
|
+
"*": {
|
|
62
|
+
"ssr": [
|
|
63
|
+
"./dist/types/server/ssr/index.d.ts"
|
|
64
|
+
],
|
|
65
|
+
"rsc": [
|
|
66
|
+
"./dist/types/server/rsc/index.d.ts"
|
|
67
|
+
],
|
|
68
|
+
"client": [
|
|
69
|
+
"./dist/types/client/index.d.ts"
|
|
70
|
+
]
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
"sideEffects": false,
|
|
74
|
+
"publishConfig": {
|
|
75
|
+
"registry": "https://registry.npmjs.org/",
|
|
76
|
+
"access": "public"
|
|
77
|
+
},
|
|
78
|
+
"scripts": {
|
|
79
|
+
"dev": "rslib build --watch",
|
|
80
|
+
"build": "rslib build && pnpm -w tsgo:dts \"$PWD\"",
|
|
81
|
+
"test": "rstest --passWithNoTests"
|
|
82
|
+
},
|
|
83
|
+
"types": "./dist/types/browser.d.ts"
|
|
84
|
+
}
|