73 lines
2.2 KiB
JavaScript
73 lines
2.2 KiB
JavaScript
|
import { markHTMLString } from "../escape.js";
|
||
|
|
import { renderCspContent } from "./csp.js";
|
||
|
|
import { createRenderInstruction } from "./instruction.js";
|
||
|
|
import { renderElement } from "./util.js";
|
||
|
|
function stablePropsKey(props) {
|
||
|
|
const keys = Object.keys(props).sort();
|
||
|
|
let result = "{";
|
||
|
|
for (let i = 0; i < keys.length; i++) {
|
||
|
|
if (i > 0) result += ",";
|
||
|
|
result += JSON.stringify(keys[i]) + ":" + JSON.stringify(props[keys[i]]);
|
||
|
|
}
|
||
|
|
result += "}";
|
||
|
|
return result;
|
||
|
|
}
|
||
|
|
function deduplicateElements(elements) {
|
||
|
|
if (elements.length <= 1) return elements;
|
||
|
|
const seen = /* @__PURE__ */ new Set();
|
||
|
|
return elements.filter((item) => {
|
||
|
|
const key = stablePropsKey(item.props) + item.children;
|
||
|
|
if (seen.has(key)) return false;
|
||
|
|
seen.add(key);
|
||
|
|
return true;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
function renderAllHeadContent(result) {
|
||
|
|
result._metadata.hasRenderedHead = true;
|
||
|
|
let content = "";
|
||
|
|
if (result.shouldInjectCspMetaTags && result.cspDestination === "meta") {
|
||
|
|
content += renderElement(
|
||
|
|
"meta",
|
||
|
|
{
|
||
|
|
props: {
|
||
|
|
"http-equiv": "content-security-policy",
|
||
|
|
content: renderCspContent(result)
|
||
|
|
},
|
||
|
|
children: ""
|
||
|
|
},
|
||
|
|
false
|
||
|
|
);
|
||
|
|
}
|
||
|
|
const styles = deduplicateElements(Array.from(result.styles)).map(
|
||
|
|
(style) => style.props.rel === "stylesheet" ? renderElement("link", style) : renderElement("style", style)
|
||
|
|
);
|
||
|
|
result.styles.clear();
|
||
|
|
const scripts = deduplicateElements(Array.from(result.scripts)).map((script) => {
|
||
|
|
if (result.userAssetsBase) {
|
||
|
|
script.props.src = (result.base === "/" ? "" : result.base) + result.userAssetsBase + script.props.src;
|
||
|
|
}
|
||
|
|
return renderElement("script", script, false);
|
||
|
|
});
|
||
|
|
const links = deduplicateElements(Array.from(result.links)).map(
|
||
|
|
(link) => renderElement("link", link, false)
|
||
|
|
);
|
||
|
|
content += styles.join("\n") + links.join("\n") + scripts.join("\n");
|
||
|
|
if (result._metadata.extraHead.length > 0) {
|
||
|
|
for (const part of result._metadata.extraHead) {
|
||
|
|
content += part;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return markHTMLString(content);
|
||
|
|
}
|
||
|
|
function renderHead() {
|
||
|
|
return createRenderInstruction({ type: "head" });
|
||
|
|
}
|
||
|
|
function maybeRenderHead() {
|
||
|
|
return createRenderInstruction({ type: "maybe-head" });
|
||
|
|
}
|
||
|
|
export {
|
||
|
|
maybeRenderHead,
|
||
|
|
renderAllHeadContent,
|
||
|
|
renderHead
|
||
|
|
};
|