mirror of
https://github.com/Azornes/Comfyui-LayerForge.git
synced 2026-03-21 20:52:12 -03:00
Moved inline CSS from CanvasView.js to a dedicated canvas_view.css file and added dynamic stylesheet loading. Extracted tooltip and shortcut HTML into separate template files and implemented a ResourceManager utility for loading stylesheets and templates. Updated CanvasInteractions.js and CanvasView.js to use the new resource management and template loading approach, improving maintainability and modularity.
31 lines
796 B
JavaScript
31 lines
796 B
JavaScript
import {$el} from "../../../scripts/ui.js";
|
|
|
|
export function addStylesheet(url) {
|
|
if (url.endsWith(".js")) {
|
|
url = url.substr(0, url.length - 2) + "css";
|
|
}
|
|
$el("link", {
|
|
parent: document.head,
|
|
rel: "stylesheet",
|
|
type: "text/css",
|
|
href: url.startsWith("http") ? url : getUrl(url),
|
|
});
|
|
}
|
|
|
|
export function getUrl(path, baseUrl) {
|
|
if (baseUrl) {
|
|
return new URL(path, baseUrl).toString();
|
|
} else {
|
|
return new URL("../" + path, import.meta.url).toString();
|
|
}
|
|
}
|
|
|
|
export async function loadTemplate(path, baseUrl) {
|
|
const url = getUrl(path, baseUrl);
|
|
const response = await fetch(url);
|
|
if (!response.ok) {
|
|
throw new Error(`Failed to load template: ${url}`);
|
|
}
|
|
return await response.text();
|
|
}
|