Relands BetaUI (#77)

* PR1

* PR2

* pr3

* Fix

* Revert 3909

* Ignore/fix type errors

* Fix import

src/scripts/utils.ts

@@ -1,3 +1,4 @@
+import { api } from "./api";
 import type { ComfyApp } from "./app";
 import { $el } from "./ui";
 
@@ -26,6 +27,18 @@ function formatDate(text: string, date: Date) {
 	});
 }
 
+export function clone(obj) {
+	try {
+		if (typeof structuredClone !== "undefined") {
+			return structuredClone(obj);
+		}
+	} catch (error) {
+		// structuredClone is stricter than using JSON.parse/stringify so fallback to that
+	}
+
+	return JSON.parse(JSON.stringify(obj));
+}
+
 export function applyTextReplacements(app: ComfyApp, value: string): string {
 	return value.replace(/%([^%]+)%/g, function (match, text) {
 		const split = text.split(".");
@@ -89,3 +102,58 @@ export async function addStylesheet(urlOrFile: string, relativeTo?: string): Pro
 		});
 	});
 }
+
+
+/**
+ * @param { string } filename
+ * @param { Blob } blob
+ */
+export function downloadBlob(filename, blob) {
+	const url = URL.createObjectURL(blob);
+	const a = $el("a", {
+		href: url,
+		download: filename,
+		style: { display: "none" },
+		parent: document.body,
+	});
+	a.click();
+	setTimeout(function () {
+		a.remove();
+		window.URL.revokeObjectURL(url);
+	}, 0);
+}
+
+/**
+ * @template T
+ * @param {string} name
+ * @param {T} [defaultValue]
+ * @param {(currentValue: any, previousValue: any)=>void} [onChanged]
+ * @returns {T}
+ */
+export function prop(target, name, defaultValue, onChanged) {
+	let currentValue;
+	Object.defineProperty(target, name, {
+		get() {
+			return currentValue;
+		},
+		set(newValue) {
+			const prevValue = currentValue;
+			currentValue = newValue;
+			onChanged?.(currentValue, prevValue, target, name);
+		},
+	});
+	return defaultValue;
+}
+
+export function getStorageValue(id) {
+	const clientId = api.clientId ?? api.initialClientId;
+	return (clientId && sessionStorage.getItem(`${id}:${clientId}`)) ?? localStorage.getItem(id);
+}
+
+export function setStorageValue(id, value) {
+	const clientId = api.clientId ?? api.initialClientId;
+	if (clientId) {
+		sessionStorage.setItem(`${id}:${clientId}`, value);
+	}
+	localStorage.setItem(id, value);
+}