@next-core/react-runtime 1.1.18 → 1.1.20
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.
|
@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var _runtime = require("@next-core/runtime");
|
|
10
10
|
// Note: always synchronize code in LegacyUseBrick:
|
|
11
11
|
// `bricks/v2-adapter/src/data-providers/legacy-brick-kit/getLegacyUseBrick.ts`
|
|
12
|
-
let ReactUseBrick = function ReactUseBrick({
|
|
12
|
+
let ReactUseBrick = exports.ReactUseBrick = function ReactUseBrick({
|
|
13
13
|
useBrick,
|
|
14
14
|
data
|
|
15
15
|
}) {
|
|
@@ -65,7 +65,6 @@ let ReactUseBrick = function ReactUseBrick({
|
|
|
65
65
|
ref: refCallback
|
|
66
66
|
});
|
|
67
67
|
};
|
|
68
|
-
exports.ReactUseBrick = ReactUseBrick;
|
|
69
68
|
function getUniqueId(ref) {
|
|
70
69
|
return ++ref.current;
|
|
71
70
|
}
|
|
@@ -74,7 +73,7 @@ function isTheSameRender(initialRenderId) {
|
|
|
74
73
|
const newRenderId = (_secret_internals$ge2 = _runtime.__secret_internals.getRenderId) === null || _secret_internals$ge2 === void 0 ? void 0 : _secret_internals$ge2.call(_runtime.__secret_internals);
|
|
75
74
|
return !initialRenderId || !newRenderId || initialRenderId === newRenderId;
|
|
76
75
|
}
|
|
77
|
-
let ReactUseMultipleBricks = function ReactUseMultipleBricks({
|
|
76
|
+
let ReactUseMultipleBricks = exports.ReactUseMultipleBricks = function ReactUseMultipleBricks({
|
|
78
77
|
useBrick,
|
|
79
78
|
data
|
|
80
79
|
}) {
|
|
@@ -93,7 +92,6 @@ let ReactUseMultipleBricks = function ReactUseMultipleBricks({
|
|
|
93
92
|
|
|
94
93
|
// Make v3 bricks compatible with Brick Next v2.
|
|
95
94
|
// istanbul ignore next
|
|
96
|
-
exports.ReactUseMultipleBricks = ReactUseMultipleBricks;
|
|
97
95
|
const v2Kit = (0, _runtime.getV2RuntimeFromDll)();
|
|
98
96
|
// istanbul ignore next
|
|
99
97
|
if (v2Kit) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReactUseBrick.js","names":["_react","_interopRequireWildcard","require","_runtime","ReactUseBrick","useBrick","data","renderResult","setRenderResult","useState","mountResult","useRef","renderKey","setRenderKey","IdCounterRef","initialRenderId","useMemo","_secret_internals$ge","__secret_internals","getRenderId","call","useEffect","init","renderUseBrick","getUniqueId","error","isTheSameRender","console","handleHttpError","refCallback","useCallback","element","current","mountUseBrick","unmountUseBrick","undefined","tagName","WebComponent","default","createElement","key","ref","
|
|
1
|
+
{"version":3,"file":"ReactUseBrick.js","names":["_react","_interopRequireWildcard","require","_runtime","ReactUseBrick","exports","useBrick","data","renderResult","setRenderResult","useState","mountResult","useRef","renderKey","setRenderKey","IdCounterRef","initialRenderId","useMemo","_secret_internals$ge","__secret_internals","getRenderId","call","useEffect","init","renderUseBrick","getUniqueId","error","isTheSameRender","console","handleHttpError","refCallback","useCallback","element","current","mountUseBrick","unmountUseBrick","undefined","tagName","WebComponent","default","createElement","key","ref","_secret_internals$ge2","newRenderId","ReactUseMultipleBricks","Array","isArray","Fragment","map","item","index","v2Kit","getV2RuntimeFromDll","SingleBrickAsComponentFactory","BrickAsComponentFactory","React"],"sources":["../../src/ReactUseBrick.tsx"],"sourcesContent":["import React, {\n MutableRefObject,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport type { UseSingleBrickConf } from \"@next-core/types\";\nimport {\n __secret_internals,\n handleHttpError,\n getV2RuntimeFromDll,\n} from \"@next-core/runtime\";\n\nexport interface ReactUseBrickProps {\n useBrick: UseSingleBrickConf;\n data?: unknown;\n}\n\n// Note: always synchronize code in LegacyUseBrick:\n// `bricks/v2-adapter/src/data-providers/legacy-brick-kit/getLegacyUseBrick.ts`\nlet ReactUseBrick = function ReactUseBrick({\n useBrick,\n data,\n}: ReactUseBrickProps): React.ReactElement | null {\n const [renderResult, setRenderResult] =\n useState<__secret_internals.RenderUseBrickResult | null>(null);\n const mountResult = useRef<__secret_internals.MountUseBrickResult>();\n const [renderKey, setRenderKey] = useState<number>();\n const IdCounterRef = useRef(0);\n const initialRenderId = useMemo(() => __secret_internals.getRenderId?.(), []);\n\n useEffect(() => {\n async function init() {\n try {\n setRenderResult(\n await __secret_internals.renderUseBrick(useBrick, data)\n );\n setRenderKey(getUniqueId(IdCounterRef));\n } catch (error) {\n if (isTheSameRender(initialRenderId)) {\n // eslint-disable-next-line no-console\n console.error(\n \"Render useBrick failed:\",\n useBrick,\n \"with data:\",\n data\n );\n handleHttpError(error);\n }\n }\n }\n init();\n }, [data, useBrick, initialRenderId]);\n\n const refCallback = useCallback(\n (element: HTMLElement | null) => {\n if (element) {\n mountResult.current = __secret_internals.mountUseBrick(\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n renderResult!,\n element\n );\n } else {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n __secret_internals.unmountUseBrick(renderResult!, mountResult.current!);\n mountResult.current = undefined;\n }\n },\n [renderResult]\n );\n\n if (!renderResult) {\n // Fallback when loading/\n return null;\n // return <span>🌀 Loading...</span>;\n }\n\n const { tagName } = renderResult;\n if (tagName === null) {\n return null;\n }\n\n const WebComponent = tagName as any;\n return <WebComponent key={renderKey} ref={refCallback} />;\n};\n\nfunction getUniqueId(ref: MutableRefObject<number>): number {\n return ++ref.current;\n}\n\nfunction isTheSameRender(initialRenderId: string | undefined): boolean {\n const newRenderId = __secret_internals.getRenderId?.();\n return !initialRenderId || !newRenderId || initialRenderId === newRenderId;\n}\n\nexport interface ReactUseMultipleBricksProps {\n useBrick: UseSingleBrickConf | UseSingleBrickConf[];\n data?: unknown;\n}\n\nlet ReactUseMultipleBricks = function ReactUseMultipleBricks({\n useBrick,\n data,\n}: ReactUseMultipleBricksProps): React.ReactElement | null {\n if (Array.isArray(useBrick)) {\n return (\n <>\n {useBrick.map((item, index) => (\n <ReactUseBrick key={index} useBrick={item} data={data} />\n ))}\n </>\n );\n }\n return <ReactUseBrick useBrick={useBrick} data={data} />;\n};\n\n// Make v3 bricks compatible with Brick Next v2.\n// istanbul ignore next\nconst v2Kit = getV2RuntimeFromDll();\n// istanbul ignore next\nif (v2Kit) {\n const { SingleBrickAsComponentFactory, BrickAsComponentFactory } = v2Kit;\n if (SingleBrickAsComponentFactory && BrickAsComponentFactory) {\n ReactUseBrick = SingleBrickAsComponentFactory(React);\n ReactUseMultipleBricks = BrickAsComponentFactory(React);\n }\n}\n\nexport { ReactUseBrick, ReactUseMultipleBricks };\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@next-core/react-runtime",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.20",
|
|
4
4
|
"homepage": "https://github.com/easyops-cn/next-core/tree/v3/packages/react-runtime",
|
|
5
5
|
"license": "GPL-3.0",
|
|
6
6
|
"repository": {
|
|
@@ -37,14 +37,14 @@
|
|
|
37
37
|
"test:ci": "cross-env NODE_ENV='test' CI=true test-next"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@next-core/runtime": "^1.
|
|
41
|
-
"@next-core/types": "^1.
|
|
40
|
+
"@next-core/runtime": "^1.24.0",
|
|
41
|
+
"@next-core/types": "^1.7.1",
|
|
42
42
|
"react": "0.0.0-experimental-ee8509801-20230117",
|
|
43
43
|
"react-dom": "0.0.0-experimental-ee8509801-20230117"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@next-core/build-next-libs": "^1.0.
|
|
47
|
-
"@next-core/test-next": "^1.0.
|
|
46
|
+
"@next-core/build-next-libs": "^1.0.8",
|
|
47
|
+
"@next-core/test-next": "^1.0.11"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "0cf0083bfde5b06e3aa4a8ef6af809de6eb9450a"
|
|
50
50
|
}
|