@modern-js/runtime 2.32.1 → 2.32.2-alpha.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.
Files changed (51) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/document/cli/index.js +9 -4
  3. package/dist/cjs/ssr/serverRender/renderToString/buildHtml.js +47 -0
  4. package/dist/cjs/ssr/serverRender/renderToString/entry.js +14 -28
  5. package/dist/cjs/ssr/serverRender/renderToString/loadable.js +57 -40
  6. package/dist/cjs/ssr/serverRender/renderToString/render.js +35 -0
  7. package/dist/cjs/ssr/serverRender/renderToString/styledComponent.js +20 -9
  8. package/dist/esm/document/cli/index.js +10 -5
  9. package/dist/esm/ssr/serverRender/renderToString/buildHtml.js +29 -0
  10. package/dist/esm/ssr/serverRender/renderToString/entry.js +15 -47
  11. package/dist/esm/ssr/serverRender/renderToString/loadable.js +86 -56
  12. package/dist/esm/ssr/serverRender/renderToString/render.js +39 -0
  13. package/dist/esm/ssr/serverRender/renderToString/styledComponent.js +31 -7
  14. package/dist/esm-node/document/cli/index.js +9 -4
  15. package/dist/esm-node/ssr/serverRender/renderToString/buildHtml.js +19 -0
  16. package/dist/esm-node/ssr/serverRender/renderToString/entry.js +14 -27
  17. package/dist/esm-node/ssr/serverRender/renderToString/loadable.js +55 -38
  18. package/dist/esm-node/ssr/serverRender/renderToString/render.js +24 -0
  19. package/dist/esm-node/ssr/serverRender/renderToString/styledComponent.js +18 -7
  20. package/dist/types/ssr/serverRender/renderToStream/template.d.ts +4 -1
  21. package/dist/types/ssr/serverRender/renderToString/buildHtml.d.ts +6 -0
  22. package/dist/types/ssr/serverRender/renderToString/entry.d.ts +0 -1
  23. package/dist/types/ssr/serverRender/renderToString/loadable.d.ts +21 -2
  24. package/dist/types/ssr/serverRender/renderToString/render.d.ts +14 -0
  25. package/dist/types/ssr/serverRender/renderToString/styledComponent.d.ts +15 -2
  26. package/dist/types/ssr/serverRender/renderToString/type.d.ts +0 -12
  27. package/package.json +7 -7
  28. package/dist/cjs/ssr/serverRender/constants.js +0 -16
  29. package/dist/cjs/ssr/serverRender/renderToStream/loadable.js +0 -30
  30. package/dist/cjs/ssr/serverRender/renderToStream/styledComponent.js +0 -19
  31. package/dist/cjs/ssr/serverRender/renderToStream/type.js +0 -4
  32. package/dist/cjs/ssr/serverRender/renderToString/reduce.js +0 -17
  33. package/dist/cjs/ssr/serverRender/renderToString/template.js +0 -79
  34. package/dist/esm/ssr/serverRender/constants.js +0 -6
  35. package/dist/esm/ssr/serverRender/renderToStream/loadable.js +0 -21
  36. package/dist/esm/ssr/serverRender/renderToStream/styledComponent.js +0 -10
  37. package/dist/esm/ssr/serverRender/renderToStream/type.js +0 -1
  38. package/dist/esm/ssr/serverRender/renderToString/reduce.js +0 -9
  39. package/dist/esm/ssr/serverRender/renderToString/template.js +0 -81
  40. package/dist/esm-node/ssr/serverRender/constants.js +0 -6
  41. package/dist/esm-node/ssr/serverRender/renderToStream/loadable.js +0 -20
  42. package/dist/esm-node/ssr/serverRender/renderToStream/styledComponent.js +0 -9
  43. package/dist/esm-node/ssr/serverRender/renderToStream/type.js +0 -1
  44. package/dist/esm-node/ssr/serverRender/renderToString/reduce.js +0 -5
  45. package/dist/esm-node/ssr/serverRender/renderToString/template.js +0 -60
  46. package/dist/types/ssr/serverRender/constants.d.ts +0 -5
  47. package/dist/types/ssr/serverRender/renderToStream/loadable.d.ts +0 -16
  48. package/dist/types/ssr/serverRender/renderToStream/styledComponent.d.ts +0 -12
  49. package/dist/types/ssr/serverRender/renderToStream/type.d.ts +0 -4
  50. package/dist/types/ssr/serverRender/renderToString/reduce.d.ts +0 -3
  51. package/dist/types/ssr/serverRender/renderToString/template.d.ts +0 -14
package/package.json CHANGED
@@ -15,7 +15,7 @@
15
15
  "modern",
16
16
  "modern.js"
17
17
  ],
18
- "version": "2.32.1",
18
+ "version": "2.32.2-alpha.1",
19
19
  "engines": {
20
20
  "node": ">=14.17.6"
21
21
  },
@@ -173,9 +173,9 @@
173
173
  "redux-logger": "^3.0.6",
174
174
  "styled-components": "^5.3.1",
175
175
  "@swc/helpers": "0.5.1",
176
- "@modern-js/plugin": "2.32.1",
177
- "@modern-js/types": "2.32.1",
178
- "@modern-js/utils": "2.32.1"
176
+ "@modern-js/plugin": "2.32.2-alpha.1",
177
+ "@modern-js/types": "2.32.2-alpha.1",
178
+ "@modern-js/utils": "2.32.2-alpha.1"
179
179
  },
180
180
  "peerDependencies": {
181
181
  "react": ">=17",
@@ -196,9 +196,9 @@
196
196
  "ts-jest": "^29.1.0",
197
197
  "typescript": "^5",
198
198
  "webpack": "^5.88.1",
199
- "@modern-js/app-tools": "2.32.1",
200
- "@modern-js/core": "2.32.1",
201
- "@modern-js/server-core": "2.32.1",
199
+ "@modern-js/app-tools": "2.32.2-alpha.1",
200
+ "@modern-js/core": "2.32.2-alpha.1",
201
+ "@modern-js/server-core": "2.32.2-alpha.1",
202
202
  "@scripts/build": "2.32.1",
203
203
  "@scripts/jest-config": "2.32.1"
204
204
  },
@@ -1,16 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "ServerTimingNames", {
6
- enumerable: true,
7
- get: function() {
8
- return ServerTimingNames;
9
- }
10
- });
11
- var ServerTimingNames;
12
- (function(ServerTimingNames2) {
13
- ServerTimingNames2["SSR_RENDER_TOTAL"] = "ssr-render-total";
14
- ServerTimingNames2["SSR_PREFETCH"] = "ssr-prefetch";
15
- ServerTimingNames2["SSR_RENDER_HTML"] = "ssr-render-html";
16
- })(ServerTimingNames || (ServerTimingNames = {}));
@@ -1,30 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "getLoadableChunks", {
6
- enumerable: true,
7
- get: function() {
8
- return getLoadableChunks;
9
- }
10
- });
11
- const _server = require("@loadable/server");
12
- function getLoadableChunks({ context, jsx }) {
13
- const { loadableStats, entryName } = context.ssrContext;
14
- if (!loadableStats) {
15
- return {
16
- jsx
17
- };
18
- }
19
- const extractor = new _server.ChunkExtractor({
20
- stats: loadableStats,
21
- entrypoints: [
22
- entryName
23
- ]
24
- });
25
- const collectedJsx = extractor.collectChunks(jsx);
26
- return {
27
- jsx: collectedJsx,
28
- chunkExtractor: extractor
29
- };
30
- }
@@ -1,19 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "getStyledComponentCss", {
6
- enumerable: true,
7
- get: function() {
8
- return getStyledComponentCss;
9
- }
10
- });
11
- const _styledcomponents = require("styled-components");
12
- function getStyledComponentCss({ jsx }) {
13
- const sheet = new _styledcomponents.ServerStyleSheet();
14
- const collectedJsx = sheet.collectStyles(jsx);
15
- return {
16
- styleSheet: sheet,
17
- jsx: collectedJsx
18
- };
19
- }
@@ -1,4 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
@@ -1,17 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "reduce", {
6
- enumerable: true,
7
- get: function() {
8
- return reduce;
9
- }
10
- });
11
- const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
12
- const _react = /* @__PURE__ */ _interop_require_default._(require("react"));
13
- function reduce(jsx, renderer, middleware) {
14
- let index = 0;
15
- const createNext = () => (App) => middleware[index++](App, renderer, createNext());
16
- return createNext()(jsx);
17
- }
@@ -1,79 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- function _export(target, all) {
6
- for (var name in all)
7
- Object.defineProperty(target, name, {
8
- enumerable: true,
9
- get: all[name]
10
- });
11
- }
12
- _export(exports, {
13
- Fragment: function() {
14
- return Fragment;
15
- },
16
- toFragments: function() {
17
- return toFragments;
18
- }
19
- });
20
- const _define_property = require("@swc/helpers/_/_define_property");
21
- const VARIABLE_REG_EXP = /<!--<\?([-=+])\s*(.*?)\s*\?>-->/;
22
- const VARIABLE_SPLITTER = /(<!--<\?.*?\?>-->)/;
23
- const ENCODE_HTML_RULES = {
24
- "&": "&amp;",
25
- "<": "&lt;",
26
- ">": "&gt;",
27
- '"': "&#34;",
28
- "'": "&#39;"
29
- };
30
- const MATCH_HTML = /[&<>'"]/g;
31
- function encodeChar(c) {
32
- return ENCODE_HTML_RULES[c] || c;
33
- }
34
- function escape(str) {
35
- return str.replace(MATCH_HTML, encodeChar);
36
- }
37
- class Fragment {
38
- getValue(data) {
39
- if (this.isVariable) {
40
- const value = this.path.reduce((p, n) => p != null ? p[n] : p, data);
41
- return this.filters.reduce((p, n) => n(p), value != null ? value : "");
42
- }
43
- return this.content;
44
- }
45
- constructor(template) {
46
- _define_property._(this, "isVariable", void 0);
47
- _define_property._(this, "content", void 0);
48
- _define_property._(this, "filters", void 0);
49
- _define_property._(this, "path", void 0);
50
- const match = VARIABLE_REG_EXP.exec(template);
51
- if (match) {
52
- const [, filterFlag, content] = match;
53
- this.isVariable = true;
54
- this.content = content;
55
- this.filters = [
56
- Fragment.filterMap[filterFlag]
57
- ];
58
- this.path = content.replace(/\[['"](.*?)['"]\]/g, ".$1").split(".");
59
- } else {
60
- this.isVariable = false;
61
- this.content = template;
62
- this.filters = [];
63
- this.path = [];
64
- }
65
- }
66
- }
67
- _define_property._(Fragment, "filterMap", {
68
- "=": escape,
69
- "-": (v) => v
70
- });
71
- const fragmentListMap = {};
72
- function toFragments(template, entryName) {
73
- if (fragmentListMap[entryName]) {
74
- return fragmentListMap[entryName];
75
- }
76
- const fragmentList = template.split(VARIABLE_SPLITTER).filter((v) => Boolean(v)).map((v) => new Fragment(v));
77
- fragmentListMap[entryName] = fragmentList;
78
- return fragmentList;
79
- }
@@ -1,6 +0,0 @@
1
- export var ServerTimingNames;
2
- (function(ServerTimingNames2) {
3
- ServerTimingNames2["SSR_RENDER_TOTAL"] = "ssr-render-total";
4
- ServerTimingNames2["SSR_PREFETCH"] = "ssr-prefetch";
5
- ServerTimingNames2["SSR_RENDER_HTML"] = "ssr-render-html";
6
- })(ServerTimingNames || (ServerTimingNames = {}));
@@ -1,21 +0,0 @@
1
- import { ChunkExtractor } from "@loadable/server";
2
- export function getLoadableChunks(param) {
3
- var context = param.context, jsx = param.jsx;
4
- var _context_ssrContext = context.ssrContext, loadableStats = _context_ssrContext.loadableStats, entryName = _context_ssrContext.entryName;
5
- if (!loadableStats) {
6
- return {
7
- jsx: jsx
8
- };
9
- }
10
- var extractor = new ChunkExtractor({
11
- stats: loadableStats,
12
- entrypoints: [
13
- entryName
14
- ]
15
- });
16
- var collectedJsx = extractor.collectChunks(jsx);
17
- return {
18
- jsx: collectedJsx,
19
- chunkExtractor: extractor
20
- };
21
- }
@@ -1,10 +0,0 @@
1
- import { ServerStyleSheet } from "styled-components";
2
- export function getStyledComponentCss(param) {
3
- var jsx = param.jsx;
4
- var sheet = new ServerStyleSheet();
5
- var collectedJsx = sheet.collectStyles(jsx);
6
- return {
7
- styleSheet: sheet,
8
- jsx: collectedJsx
9
- };
10
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,9 +0,0 @@
1
- export function reduce(jsx, renderer, middleware) {
2
- var index = 0;
3
- var createNext = function() {
4
- return function(App) {
5
- return middleware[index++](App, renderer, createNext());
6
- };
7
- };
8
- return createNext()(jsx);
9
- }
@@ -1,81 +0,0 @@
1
- import { _ as _class_call_check } from "@swc/helpers/_/_class_call_check";
2
- import { _ as _create_class } from "@swc/helpers/_/_create_class";
3
- import { _ as _define_property } from "@swc/helpers/_/_define_property";
4
- import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
5
- var VARIABLE_REG_EXP = /<!--<\?([-=+])\s*(.*?)\s*\?>-->/;
6
- var VARIABLE_SPLITTER = /(<!--<\?.*?\?>-->)/;
7
- var ENCODE_HTML_RULES = {
8
- "&": "&amp;",
9
- "<": "&lt;",
10
- ">": "&gt;",
11
- '"': "&#34;",
12
- "'": "&#39;"
13
- };
14
- var MATCH_HTML = /[&<>'"]/g;
15
- function encodeChar(c) {
16
- return ENCODE_HTML_RULES[c] || c;
17
- }
18
- function escape(str) {
19
- return str.replace(MATCH_HTML, encodeChar);
20
- }
21
- export var Fragment = /* @__PURE__ */ function() {
22
- "use strict";
23
- function Fragment2(template) {
24
- _class_call_check(this, Fragment2);
25
- _define_property(this, "isVariable", void 0);
26
- _define_property(this, "content", void 0);
27
- _define_property(this, "filters", void 0);
28
- _define_property(this, "path", void 0);
29
- var match = VARIABLE_REG_EXP.exec(template);
30
- if (match) {
31
- var _match = _sliced_to_array(match, 3), filterFlag = _match[1], content = _match[2];
32
- this.isVariable = true;
33
- this.content = content;
34
- this.filters = [
35
- Fragment2.filterMap[filterFlag]
36
- ];
37
- this.path = content.replace(/\[['"](.*?)['"]\]/g, ".$1").split(".");
38
- } else {
39
- this.isVariable = false;
40
- this.content = template;
41
- this.filters = [];
42
- this.path = [];
43
- }
44
- }
45
- _create_class(Fragment2, [
46
- {
47
- key: "getValue",
48
- value: function getValue(data) {
49
- if (this.isVariable) {
50
- var value = this.path.reduce(function(p, n) {
51
- return p != null ? p[n] : p;
52
- }, data);
53
- return this.filters.reduce(function(p, n) {
54
- return n(p);
55
- }, value != null ? value : "");
56
- }
57
- return this.content;
58
- }
59
- }
60
- ]);
61
- return Fragment2;
62
- }();
63
- _define_property(Fragment, "filterMap", {
64
- "=": escape,
65
- "-": function(v) {
66
- return v;
67
- }
68
- });
69
- var fragmentListMap = {};
70
- export function toFragments(template, entryName) {
71
- if (fragmentListMap[entryName]) {
72
- return fragmentListMap[entryName];
73
- }
74
- var fragmentList = template.split(VARIABLE_SPLITTER).filter(function(v) {
75
- return Boolean(v);
76
- }).map(function(v) {
77
- return new Fragment(v);
78
- });
79
- fragmentListMap[entryName] = fragmentList;
80
- return fragmentList;
81
- }
@@ -1,6 +0,0 @@
1
- export var ServerTimingNames;
2
- (function(ServerTimingNames2) {
3
- ServerTimingNames2["SSR_RENDER_TOTAL"] = "ssr-render-total";
4
- ServerTimingNames2["SSR_PREFETCH"] = "ssr-prefetch";
5
- ServerTimingNames2["SSR_RENDER_HTML"] = "ssr-render-html";
6
- })(ServerTimingNames || (ServerTimingNames = {}));
@@ -1,20 +0,0 @@
1
- import { ChunkExtractor } from "@loadable/server";
2
- export function getLoadableChunks({ context, jsx }) {
3
- const { loadableStats, entryName } = context.ssrContext;
4
- if (!loadableStats) {
5
- return {
6
- jsx
7
- };
8
- }
9
- const extractor = new ChunkExtractor({
10
- stats: loadableStats,
11
- entrypoints: [
12
- entryName
13
- ]
14
- });
15
- const collectedJsx = extractor.collectChunks(jsx);
16
- return {
17
- jsx: collectedJsx,
18
- chunkExtractor: extractor
19
- };
20
- }
@@ -1,9 +0,0 @@
1
- import { ServerStyleSheet } from "styled-components";
2
- export function getStyledComponentCss({ jsx }) {
3
- const sheet = new ServerStyleSheet();
4
- const collectedJsx = sheet.collectStyles(jsx);
5
- return {
6
- styleSheet: sheet,
7
- jsx: collectedJsx
8
- };
9
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,5 +0,0 @@
1
- export function reduce(jsx, renderer, middleware) {
2
- let index = 0;
3
- const createNext = () => (App) => middleware[index++](App, renderer, createNext());
4
- return createNext()(jsx);
5
- }
@@ -1,60 +0,0 @@
1
- import { _ as _define_property } from "@swc/helpers/_/_define_property";
2
- const VARIABLE_REG_EXP = /<!--<\?([-=+])\s*(.*?)\s*\?>-->/;
3
- const VARIABLE_SPLITTER = /(<!--<\?.*?\?>-->)/;
4
- const ENCODE_HTML_RULES = {
5
- "&": "&amp;",
6
- "<": "&lt;",
7
- ">": "&gt;",
8
- '"': "&#34;",
9
- "'": "&#39;"
10
- };
11
- const MATCH_HTML = /[&<>'"]/g;
12
- function encodeChar(c) {
13
- return ENCODE_HTML_RULES[c] || c;
14
- }
15
- function escape(str) {
16
- return str.replace(MATCH_HTML, encodeChar);
17
- }
18
- export class Fragment {
19
- getValue(data) {
20
- if (this.isVariable) {
21
- const value = this.path.reduce((p, n) => p != null ? p[n] : p, data);
22
- return this.filters.reduce((p, n) => n(p), value != null ? value : "");
23
- }
24
- return this.content;
25
- }
26
- constructor(template) {
27
- _define_property(this, "isVariable", void 0);
28
- _define_property(this, "content", void 0);
29
- _define_property(this, "filters", void 0);
30
- _define_property(this, "path", void 0);
31
- const match = VARIABLE_REG_EXP.exec(template);
32
- if (match) {
33
- const [, filterFlag, content] = match;
34
- this.isVariable = true;
35
- this.content = content;
36
- this.filters = [
37
- Fragment.filterMap[filterFlag]
38
- ];
39
- this.path = content.replace(/\[['"](.*?)['"]\]/g, ".$1").split(".");
40
- } else {
41
- this.isVariable = false;
42
- this.content = template;
43
- this.filters = [];
44
- this.path = [];
45
- }
46
- }
47
- }
48
- _define_property(Fragment, "filterMap", {
49
- "=": escape,
50
- "-": (v) => v
51
- });
52
- const fragmentListMap = {};
53
- export function toFragments(template, entryName) {
54
- if (fragmentListMap[entryName]) {
55
- return fragmentListMap[entryName];
56
- }
57
- const fragmentList = template.split(VARIABLE_SPLITTER).filter((v) => Boolean(v)).map((v) => new Fragment(v));
58
- fragmentListMap[entryName] = fragmentList;
59
- return fragmentList;
60
- }
@@ -1,5 +0,0 @@
1
- export declare enum ServerTimingNames {
2
- SSR_RENDER_TOTAL = "ssr-render-total",
3
- SSR_PREFETCH = "ssr-prefetch",
4
- SSR_RENDER_HTML = "ssr-render-html",
5
- }
@@ -1,16 +0,0 @@
1
- /// <reference types="react" />
2
- import { ChunkExtractor } from '@loadable/server';
3
- import { RuntimeContext } from '../types';
4
- export declare function getLoadableChunks({
5
- context,
6
- jsx
7
- }: {
8
- context: RuntimeContext;
9
- jsx: React.ReactElement;
10
- }): {
11
- jsx: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
12
- chunkExtractor?: undefined;
13
- } | {
14
- jsx: ReactElement<any, any>;
15
- chunkExtractor: ChunkExtractor;
16
- };
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- import { ServerStyleSheet } from 'styled-components';
3
- export declare function getStyledComponentCss({
4
- jsx
5
- }: {
6
- jsx: React.ReactElement;
7
- }): {
8
- styleSheet: ServerStyleSheet;
9
- jsx: import("react").ReactElement<{
10
- sheet: ServerStyleSheet;
11
- }, string | import("react").JSXElementConstructor<any>>;
12
- };
@@ -1,4 +0,0 @@
1
- export type InjectTemplate = {
2
- shellBefore: string;
3
- shellAfter: string;
4
- };
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { RenderHandler, RenderEntry } from './type';
3
- export declare function reduce(jsx: React.ReactElement, renderer: RenderEntry, middleware: RenderHandler[]): string;
@@ -1,14 +0,0 @@
1
- type Filter = (str: string) => string;
2
- export declare class Fragment {
3
- static filterMap: {
4
- [key: string]: Filter;
5
- };
6
- isVariable: boolean;
7
- content: string;
8
- filters: Filter[];
9
- path: string[];
10
- constructor(template: string);
11
- getValue(data: any): any;
12
- }
13
- export declare function toFragments(template: string, entryName: string): Fragment[];
14
- export {};