agtic/keycloak_theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Prevent multiple loading of the same script

Browse Source
This commit is contained in:
Joseph Garrone 2024-05-10 21:32:16 +02:00
parent 652643f189
commit d5f3c789df
1 changed files with 23 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/tools/useInsertScriptTags.ts
View File

@ -43,8 +43,8 @@ export function createUseInsertScriptTags() {
.join("---");
if (getFingerprint(scriptTags) !== getFingerprint(currentScriptTagsRef.current)) {
// NOTE: We can't unload script, in storybook if we switch from one page to another
// and the scripts have changed we must reload.
// NOTE: This is for when the scripts imported in the Template have changed switching
// from one page to another in storybook.
window.location.reload();
return;
@ -56,6 +56,27 @@ export function createUseInsertScriptTags() {
}
scriptTags.forEach(scriptTag => {
// NOTE: Avoid loading same script twice. (Like jQuery for example)
{
const scripts = document.getElementsByTagName("script");
for (let i = 0; i < scripts.length; i++) {
const script = scripts[i];
if ("textContent" in scriptTag) {
if (script.textContent === scriptTag.textContent) {
return;
}
continue;
}
if ("src" in scriptTag) {
if (script.getAttribute("src") === scriptTag.src) {
return;
}
continue;
}
assert(false);
}
}
const htmlElement = document.createElement("script");
htmlElement.type = scriptTag.type;