@umijs/renderer-react 4.2.6-alpha.22 → 4.2.6-alpha.24
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/browser.js +31 -0
- package/dist/html.js +2 -1
- package/package.json +1 -1
package/dist/browser.js
CHANGED
|
@@ -261,6 +261,36 @@ var getBrowser = function getBrowser(opts, routesElement) {
|
|
|
261
261
|
};
|
|
262
262
|
return Browser;
|
|
263
263
|
};
|
|
264
|
+
function clearBrowserExtensionInjectionsBeforeHydration() {
|
|
265
|
+
document.querySelectorAll(['html > *:not(body, head)', 'script[src*="extension://"]', 'link[href*="extension://"]'].join(', ')).forEach(function (s) {
|
|
266
|
+
var _s$parentNode;
|
|
267
|
+
(_s$parentNode = s.parentNode) === null || _s$parentNode === void 0 || _s$parentNode.removeChild(s);
|
|
268
|
+
});
|
|
269
|
+
var $targets = {
|
|
270
|
+
html: {
|
|
271
|
+
$elm: document.querySelector('html'),
|
|
272
|
+
allowedAttributes: ['lang', 'dir', 'class']
|
|
273
|
+
},
|
|
274
|
+
head: {
|
|
275
|
+
$elm: document.querySelector('head'),
|
|
276
|
+
allowedAttributes: ['']
|
|
277
|
+
},
|
|
278
|
+
body: {
|
|
279
|
+
$elm: document.querySelector('body'),
|
|
280
|
+
allowedAttributes: ['class']
|
|
281
|
+
}
|
|
282
|
+
};
|
|
283
|
+
Object.entries($targets).forEach(function (_ref) {
|
|
284
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
|
285
|
+
_ = _ref2[0],
|
|
286
|
+
target = _ref2[1];
|
|
287
|
+
target.$elm.getAttributeNames().forEach(function (attr) {
|
|
288
|
+
if (!target.allowedAttributes.includes(attr)) {
|
|
289
|
+
target.$elm.removeAttribute(attr);
|
|
290
|
+
}
|
|
291
|
+
});
|
|
292
|
+
});
|
|
293
|
+
}
|
|
264
294
|
|
|
265
295
|
/**
|
|
266
296
|
* 执行 react dom 的 render 方法
|
|
@@ -281,6 +311,7 @@ export function renderClient(opts) {
|
|
|
281
311
|
mountElementId: opts.mountElementId
|
|
282
312
|
};
|
|
283
313
|
var _isTern = opts.__INTERNAL_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.pureApp || opts.__INTERNAL_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.pureHtml;
|
|
314
|
+
!_isTern && clearBrowserExtensionInjectionsBeforeHydration();
|
|
284
315
|
ReactDOM.hydrateRoot(_isTern ? rootElement : document, _isTern ? /*#__PURE__*/React.createElement(Browser, null) : /*#__PURE__*/React.createElement(Html, hydtateHtmloptions, /*#__PURE__*/React.createElement(Browser, null)));
|
|
285
316
|
return;
|
|
286
317
|
}
|
package/dist/html.js
CHANGED
|
@@ -21,10 +21,11 @@ var GlobalDataScript = function GlobalDataScript(props) {
|
|
|
21
21
|
var loaderData = props.loaderData,
|
|
22
22
|
htmlPageOpts = props.htmlPageOpts,
|
|
23
23
|
manifest = props.manifest;
|
|
24
|
+
var clientCssPath = (manifest === null || manifest === void 0 || (_manifest$assets = manifest.assets) === null || _manifest$assets === void 0 ? void 0 : _manifest$assets['umi.css']) || '';
|
|
24
25
|
return /*#__PURE__*/React.createElement("script", {
|
|
25
26
|
suppressHydrationWarning: true,
|
|
26
27
|
dangerouslySetInnerHTML: {
|
|
27
|
-
__html: "window.__UMI_LOADER_DATA__ = ".concat(JSON.stringify(loaderData || {}), "; window.__UMI_METADATA_LOADER_DATA__ = ").concat(JSON.stringify(htmlPageOpts || {}), "; window.__UMI_BUILD_ClIENT_CSS__ = '").concat(
|
|
28
|
+
__html: "window.__UMI_LOADER_DATA__ = ".concat(JSON.stringify(loaderData || {}), "; window.__UMI_METADATA_LOADER_DATA__ = ").concat(JSON.stringify(htmlPageOpts || {}), "; window.__UMI_BUILD_ClIENT_CSS__ = '").concat(clientCssPath, "'")
|
|
28
29
|
}
|
|
29
30
|
});
|
|
30
31
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umijs/renderer-react",
|
|
3
|
-
"version": "4.2.6-alpha.
|
|
3
|
+
"version": "4.2.6-alpha.24",
|
|
4
4
|
"description": "@umijs/renderer-react",
|
|
5
5
|
"homepage": "https://github.com/umijs/umi/tree/master/packages/renderer-react#readme",
|
|
6
6
|
"bugs": "https://github.com/umijs/umi/issues",
|