Export Static Site with div elements to be ignored by Next

[Wicusiu]

Goals

1. Generate static page to be used in a Azure B2C Policy
2. Azure B2C insert in HTML form in a <div id="api" />
3. This div is removed, after the "render" by Azure B2C, by the Next framework

Background

Allowing to ignore some div by the Next framework in order to use the export facility in order to generate Azure B2C views with our Design System

Proposal

Allow to specify HTML element to be ignore by Next Framework.
In Next 14.0.4, we have to modify manually the file fd9d1056-3ab72051547edebc.js (I don't know if its name is the same whatever the app) :

o[eN] ||
"HEAD" === f ||
"BODY" === f ||
"SCRIPT" === f ||
"STYLE" === f ||
("LINK" === f && "stylesheet" === o.rel.toLowerCase()) ||
("DIV" === f && (o.getAttribute("id") == "api" || o.getAttribute("id") == "error")) ||
l.removeChild(o),
(o = c);

and

for (t && 10 === t.nodeType && (t = t.nextSibling); t; ) {
var n = t;
if(n.nodeName == "DIV" && (n.getAttribute("id") == "api" || n.getAttribute("id") == "error")) {
t = t.nextSibling
continue;
}
switch (((t = t.nextSibling), n.nodeName)) {
case "HTML":
case "HEAD":
case "BODY":
s0(n), e_(n);
continue;
case "SCRIPT":
case "STYLE":
continue;
case "LINK":
if ("stylesheet" === n.rel.toLowerCase()) continue;
}
e.removeChild(n);
}