chore: auto-fix linting and formatting issues

This commit is contained in:
dr-forget 2024-12-18 02:06:47 +00:00 committed by github-actions[bot]
parent 8da598bede
commit 0f6787e081

View File

@ -1,99 +1,99 @@
export const InjectContext = (content: string) => {
const tempDiv = document.createElement("div");
tempDiv.innerHTML = content;
const tempDiv = document.createElement("div")
tempDiv.innerHTML = content
const INJECTION_MARK = "data-injected"; // 自定义属性标识
const INJECTION_MARK = "data-injected" // 自定义属性标识
// 清理已有的注入资源
const cleanInjectedResources = () => {
document.querySelectorAll(`[${INJECTION_MARK}]`).forEach((node) => node.remove());
};
document.querySelectorAll(`[${INJECTION_MARK}]`).forEach((node) => node.remove())
}
const loadExternalScript = (scriptElement: HTMLScriptElement): Promise<void> => {
return new Promise((resolve, reject) => {
const script = document.createElement("script");
script.src = scriptElement.src;
script.async = false; // 保持顺序执行
script.setAttribute(INJECTION_MARK, "true"); // 添加标识
script.onload = () => resolve();
script.onerror = () => reject(new Error(`Failed to load script: ${scriptElement.src}`));
document.head.appendChild(script);
});
};
const script = document.createElement("script")
script.src = scriptElement.src
script.async = false // 保持顺序执行
script.setAttribute(INJECTION_MARK, "true") // 添加标识
script.onload = () => resolve()
script.onerror = () => reject(new Error(`Failed to load script: ${scriptElement.src}`))
document.head.appendChild(script)
})
}
const executeInlineScript = (scriptContent: string): Promise<void> => {
return new Promise((resolve) => {
const script = document.createElement("script");
script.textContent = scriptContent;
script.setAttribute(INJECTION_MARK, "true"); // 添加标识
document.body.appendChild(script);
resolve();
});
};
const script = document.createElement("script")
script.textContent = scriptContent
script.setAttribute(INJECTION_MARK, "true") // 添加标识
document.body.appendChild(script)
resolve()
})
}
const loadStyle = (styleElement: HTMLStyleElement): Promise<void> => {
return new Promise((resolve, reject) => {
if ((styleElement as any).href) {
// 处理 <link>
const link = document.createElement("link");
link.rel = "stylesheet";
link.href = (styleElement as any).href;
link.setAttribute(INJECTION_MARK, "true"); // 添加标识
link.onload = () => resolve();
link.onerror = () => reject(new Error(`Failed to load stylesheet: ${link.href}`));
document.head.appendChild(link);
const link = document.createElement("link")
link.rel = "stylesheet"
link.href = (styleElement as any).href
link.setAttribute(INJECTION_MARK, "true") // 添加标识
link.onload = () => resolve()
link.onerror = () => reject(new Error(`Failed to load stylesheet: ${link.href}`))
document.head.appendChild(link)
} else {
const style = document.createElement("style");
style.textContent = styleElement.textContent;
style.setAttribute(INJECTION_MARK, "true"); // 添加标识
document.head.appendChild(style);
resolve();
const style = document.createElement("style")
style.textContent = styleElement.textContent
style.setAttribute(INJECTION_MARK, "true") // 添加标识
document.head.appendChild(style)
resolve()
}
})
}
});
};
const handlers: { [key: string]: (element: HTMLElement) => Promise<void> } = {
SCRIPT: (element) => {
const scriptElement = element as HTMLScriptElement;
const scriptElement = element as HTMLScriptElement
if (scriptElement.src) {
// 加载外部脚本
return loadExternalScript(scriptElement);
return loadExternalScript(scriptElement)
} else {
// 执行内联脚本
return executeInlineScript(scriptElement.textContent || "");
return executeInlineScript(scriptElement.textContent || "")
}
},
STYLE: (element) => loadStyle(element as HTMLStyleElement),
META: (element) => {
const meta = element.cloneNode(true) as HTMLElement;
meta.setAttribute(INJECTION_MARK, "true"); // 添加标识
document.head.appendChild(meta); // 将 meta 标签插入到 <head>
return Promise.resolve();
const meta = element.cloneNode(true) as HTMLElement
meta.setAttribute(INJECTION_MARK, "true") // 添加标识
document.head.appendChild(meta) // 将 meta 标签插入到 <head>
return Promise.resolve()
},
DEFAULT: (element) => {
element.setAttribute(INJECTION_MARK, "true"); // 添加标识
document.body.appendChild(element);
return Promise.resolve();
element.setAttribute(INJECTION_MARK, "true") // 添加标识
document.body.appendChild(element)
return Promise.resolve()
},
};
}
// 开始注入前清理已有资源
cleanInjectedResources();
cleanInjectedResources()
const executeSequentially = async () => {
for (const node of Array.from(tempDiv.childNodes)) {
if (node.nodeType === Node.ELEMENT_NODE) {
const element = node as HTMLElement;
const handler = handlers[element.tagName] || handlers.DEFAULT;
await handler(element); // 按顺序等待当前脚本或资源完成处理
const element = node as HTMLElement
const handler = handlers[element.tagName] || handlers.DEFAULT
await handler(element) // 按顺序等待当前脚本或资源完成处理
} else if (node.nodeType === Node.TEXT_NODE) {
document.body.appendChild(document.createTextNode(node.textContent || ""));
document.body.appendChild(document.createTextNode(node.textContent || ""))
}
}
console.log("All resources have been injected and executed in sequence.");
};
console.log("All resources have been injected and executed in sequence.")
}
return executeSequentially().catch((error) => {
console.error("Error during resource injection:", error);
});
};
console.error("Error during resource injection:", error)
})
}