@bleedingdev/modern-js-render 3.9.3-ultramodern.9 → 3.11.3-ultramodern.1
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/dist/esm/client.mjs +136 -1
- package/dist/esm/h~0.mjs +10 -0
- package/dist/esm/rsc.edge.mjs +1 -1
- package/dist/esm/rsc.mjs +1 -1
- package/dist/esm/ssr.mjs +1 -1
- package/dist/types/client/index.d.ts +2 -8
- package/dist/types/client/serverElements.d.ts +9 -0
- package/package.json +5 -6
- package/dist/esm/m~0.mjs +0 -143
package/dist/esm/client.mjs
CHANGED
|
@@ -1 +1,136 @@
|
|
|
1
|
-
|
|
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
|
+
export { ElementsContext, RSCServerSlot, ServerElementsProvider } from "./h~0.mjs";
|
|
136
|
+
export { ResetRootContext, RscClientRoot, callServer, createFromFetch, createFromReadableStream, createServerReference, rscStream, setServerCallback };
|
package/dist/esm/h~0.mjs
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import react, { createContext } from "react";
|
|
2
|
+
const ElementsContext = /*#__PURE__*/ createContext(null);
|
|
3
|
+
const ServerElementsProvider = ({ elements, children })=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(ElementsContext.Provider, {
|
|
4
|
+
value: elements
|
|
5
|
+
}, children));
|
|
6
|
+
const RSCServerSlot = ()=>{
|
|
7
|
+
const elements = react.use(ElementsContext);
|
|
8
|
+
return elements;
|
|
9
|
+
};
|
|
10
|
+
export { ElementsContext, RSCServerSlot, ServerElementsProvider };
|
package/dist/esm/rsc.edge.mjs
CHANGED
|
@@ -143,7 +143,7 @@ function injectCSS(cssFiles, { injectClosingTags = true } = {}) {
|
|
|
143
143
|
});
|
|
144
144
|
}
|
|
145
145
|
const createRenderCSRWithRSC = (renderRsc)=>async (options)=>{
|
|
146
|
-
const entryCssFiles =
|
|
146
|
+
const entryCssFiles = __rspack_rsc_manifest__?.entryCssFiles;
|
|
147
147
|
const cssFiles = entryCssFiles ? Object.values(entryCssFiles).flat() : [];
|
|
148
148
|
const rscPayloadStream = renderRsc({
|
|
149
149
|
element: options.rscRoot
|
package/dist/esm/rsc.mjs
CHANGED
|
@@ -143,7 +143,7 @@ function injectCSS(cssFiles, { injectClosingTags = true } = {}) {
|
|
|
143
143
|
});
|
|
144
144
|
}
|
|
145
145
|
const createRenderCSRWithRSC = (renderRsc)=>async (options)=>{
|
|
146
|
-
const entryCssFiles =
|
|
146
|
+
const entryCssFiles = __rspack_rsc_manifest__?.entryCssFiles;
|
|
147
147
|
const cssFiles = entryCssFiles ? Object.values(entryCssFiles).flat() : [];
|
|
148
148
|
const rscPayloadStream = renderRsc({
|
|
149
149
|
element: options.rscRoot
|
package/dist/esm/ssr.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { SSR_HYDRATION_ID_PREFIX } from "@modern-js/utils/universal/constants";
|
|
2
2
|
import react from "react";
|
|
3
3
|
import { renderToReadableStream } from "react-dom/server.edge";
|
|
4
|
-
import { ServerElementsProvider } from "./
|
|
4
|
+
import { ServerElementsProvider } from "./h~0.mjs";
|
|
5
5
|
function CSSLinks({ cssFiles }) {
|
|
6
6
|
if (0 === cssFiles.length) return null;
|
|
7
7
|
return /*#__PURE__*/ react.createElement(react.Fragment, null, cssFiles.map((css)=>/*#__PURE__*/ react.createElement("link", {
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { createFromFetch, createFromReadableStream, createServerReference, setServerCallback } from 'react-server-dom-rspack/client.browser';
|
|
3
3
|
export { rscStream } from '../rsc-html-stream/client.js';
|
|
4
4
|
export { callServer } from './callServer.js';
|
|
5
|
+
export { ElementsContext, RSCServerSlot, ServerElementsProvider, } from './serverElements.js';
|
|
5
6
|
export { createFromFetch, createFromReadableStream, createServerReference };
|
|
6
7
|
declare global {
|
|
7
8
|
interface Window {
|
|
@@ -15,10 +16,3 @@ export { setServerCallback };
|
|
|
15
16
|
export declare function RscClientRoot({ rscPayload, }: {
|
|
16
17
|
rscPayload: Promise<React.ReactNode>;
|
|
17
18
|
}): 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,9 @@
|
|
|
1
|
+
import React, { type ReactNode } from 'react';
|
|
2
|
+
type Elements = Promise<ReactNode[]>;
|
|
3
|
+
export declare const ElementsContext: React.Context<Elements | null>;
|
|
4
|
+
export declare const ServerElementsProvider: ({ elements, children, }: {
|
|
5
|
+
elements: Elements;
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
}) => React.JSX.Element;
|
|
8
|
+
export declare const RSCServerSlot: () => Elements | null;
|
|
9
|
+
export {};
|
package/package.json
CHANGED
|
@@ -17,21 +17,20 @@
|
|
|
17
17
|
"modern",
|
|
18
18
|
"modern.js"
|
|
19
19
|
],
|
|
20
|
-
"version": "3.
|
|
20
|
+
"version": "3.11.3-ultramodern.1",
|
|
21
21
|
"files": [
|
|
22
22
|
"dist",
|
|
23
23
|
"hook.d.ts"
|
|
24
24
|
],
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@modern-js/types": "npm:@bleedingdev/modern-js-types@3.
|
|
27
|
-
"@modern-js/utils": "npm:@bleedingdev/modern-js-utils@3.
|
|
26
|
+
"@modern-js/types": "npm:@bleedingdev/modern-js-types@3.11.3-ultramodern.1",
|
|
27
|
+
"@modern-js/utils": "npm:@bleedingdev/modern-js-utils@3.11.3-ultramodern.1",
|
|
28
28
|
"@swc/helpers": "^0.5.23"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
|
-
"@modern-js/server-core": "npm:@bleedingdev/modern-js-server-core@3.
|
|
31
|
+
"@modern-js/server-core": "npm:@bleedingdev/modern-js-server-core@3.11.3-ultramodern.1",
|
|
32
32
|
"@rslib/core": "1.0.3",
|
|
33
|
-
"@scripts/
|
|
34
|
-
"@scripts/rstest-config": "2.66.0",
|
|
33
|
+
"@scripts/rstest-config": "2.66.7",
|
|
35
34
|
"@types/node": "^26.6.5",
|
|
36
35
|
"@types/react": "^19.3.0",
|
|
37
36
|
"@types/react-dom": "^19.3.0",
|
package/dist/esm/m~0.mjs
DELETED
|
@@ -1,143 +0,0 @@
|
|
|
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 };
|