135 lines
4.9 KiB
JavaScript
Executable File
135 lines
4.9 KiB
JavaScript
Executable File
"use strict";
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
0 && (module.exports = {
|
|
default: null,
|
|
isEqualNode: null
|
|
});
|
|
function _export(target, all) {
|
|
for(var name in all)Object.defineProperty(target, name, {
|
|
enumerable: true,
|
|
get: all[name]
|
|
});
|
|
}
|
|
_export(exports, {
|
|
default: function() {
|
|
return initHeadManager;
|
|
},
|
|
isEqualNode: function() {
|
|
return isEqualNode;
|
|
}
|
|
});
|
|
const _setattributesfromprops = require("./set-attributes-from-props");
|
|
function reactElementToDOM(param) {
|
|
let { type, props } = param;
|
|
const el = document.createElement(type);
|
|
(0, _setattributesfromprops.setAttributesFromProps)(el, props);
|
|
const { children, dangerouslySetInnerHTML } = props;
|
|
if (dangerouslySetInnerHTML) {
|
|
el.innerHTML = dangerouslySetInnerHTML.__html || '';
|
|
} else if (children) {
|
|
el.textContent = typeof children === 'string' ? children : Array.isArray(children) ? children.join('') : '';
|
|
}
|
|
return el;
|
|
}
|
|
function isEqualNode(oldTag, newTag) {
|
|
if (oldTag instanceof HTMLElement && newTag instanceof HTMLElement) {
|
|
const nonce = newTag.getAttribute('nonce');
|
|
// Only strip the nonce if `oldTag` has had it stripped. An element's nonce attribute will not
|
|
// be stripped if there is no content security policy response header that includes a nonce.
|
|
if (nonce && !oldTag.getAttribute('nonce')) {
|
|
const cloneTag = newTag.cloneNode(true);
|
|
cloneTag.setAttribute('nonce', '');
|
|
cloneTag.nonce = nonce;
|
|
return nonce === oldTag.nonce && oldTag.isEqualNode(cloneTag);
|
|
}
|
|
}
|
|
return oldTag.isEqualNode(newTag);
|
|
}
|
|
function updateElements(type, components) {
|
|
const headEl = document.querySelector('head');
|
|
if (!headEl) return;
|
|
const oldTags = new Set(headEl.querySelectorAll("" + type + "[data-next-head]"));
|
|
if (type === 'meta') {
|
|
const metaCharset = headEl.querySelector('meta[charset]');
|
|
if (metaCharset !== null) {
|
|
oldTags.add(metaCharset);
|
|
}
|
|
}
|
|
const newTags = [];
|
|
for(let i = 0; i < components.length; i++){
|
|
const component = components[i];
|
|
const newTag = reactElementToDOM(component);
|
|
newTag.setAttribute('data-next-head', '');
|
|
let isNew = true;
|
|
for (const oldTag of oldTags){
|
|
if (isEqualNode(oldTag, newTag)) {
|
|
oldTags.delete(oldTag);
|
|
isNew = false;
|
|
break;
|
|
}
|
|
}
|
|
if (isNew) {
|
|
newTags.push(newTag);
|
|
}
|
|
}
|
|
for (const oldTag of oldTags){
|
|
var _oldTag_parentNode;
|
|
(_oldTag_parentNode = oldTag.parentNode) == null ? void 0 : _oldTag_parentNode.removeChild(oldTag);
|
|
}
|
|
for (const newTag of newTags){
|
|
// meta[charset] must be first element so special case
|
|
if (newTag.tagName.toLowerCase() === 'meta' && newTag.getAttribute('charset') !== null) {
|
|
headEl.prepend(newTag);
|
|
}
|
|
headEl.appendChild(newTag);
|
|
}
|
|
}
|
|
function initHeadManager() {
|
|
return {
|
|
mountedInstances: new Set(),
|
|
updateHead: (head)=>{
|
|
const tags = {};
|
|
head.forEach((h)=>{
|
|
if (// If the font tag is loaded only on client navigation
|
|
// it won't be inlined. In this case revert to the original behavior
|
|
h.type === 'link' && h.props['data-optimized-fonts']) {
|
|
if (document.querySelector('style[data-href="' + h.props['data-href'] + '"]')) {
|
|
return;
|
|
} else {
|
|
h.props.href = h.props['data-href'];
|
|
h.props['data-href'] = undefined;
|
|
}
|
|
}
|
|
const components = tags[h.type] || [];
|
|
components.push(h);
|
|
tags[h.type] = components;
|
|
});
|
|
const titleComponent = tags.title ? tags.title[0] : null;
|
|
let title = '';
|
|
if (titleComponent) {
|
|
const { children } = titleComponent.props;
|
|
title = typeof children === 'string' ? children : Array.isArray(children) ? children.join('') : '';
|
|
}
|
|
if (title !== document.title) document.title = title;
|
|
[
|
|
'meta',
|
|
'base',
|
|
'link',
|
|
'style',
|
|
'script'
|
|
].forEach((type)=>{
|
|
updateElements(type, tags[type] || []);
|
|
});
|
|
}
|
|
};
|
|
}
|
|
|
|
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
|
|
Object.defineProperty(exports.default, '__esModule', { value: true });
|
|
Object.assign(exports.default, exports);
|
|
module.exports = exports.default;
|
|
}
|
|
|
|
//# sourceMappingURL=head-manager.js.map
|