Rename to ts (#92)

Rename

Remove ts-nocheck, fix errors

Update state when graph cleared via UI (#88)

Convert to ts, fix imports

Co-authored-by: pythongosssss <125205205+pythongosssss@users.noreply.github.com>

src/scripts/ui/components/asyncDialog.ts

@@ -0,0 +1,64 @@
+import { ComfyDialog } from "../dialog";
+import { $el } from "../../ui";
+
+export class ComfyAsyncDialog extends ComfyDialog<HTMLDialogElement> {
+  #resolve: (value: any) => void;
+
+  constructor(actions?: Array<string | { value?: any; text: string }>) {
+    super(
+      "dialog.comfy-dialog.comfyui-dialog",
+      actions?.map((opt) => {
+        if (typeof opt === "string") {
+          opt = { text: opt };
+        }
+        return $el("button.comfyui-button", {
+          type: "button",
+          textContent: opt.text,
+          onclick: () => this.close(opt.value ?? opt.text),
+        });
+      })
+    );
+  }
+
+  show(html: string | HTMLElement | HTMLElement[]) {
+    this.element.addEventListener("close", () => {
+      this.close();
+    });
+
+    super.show(html);
+
+    return new Promise((resolve) => {
+      this.#resolve = resolve;
+    });
+  }
+
+  showModal(html: string | HTMLElement | HTMLElement[]) {
+    this.element.addEventListener("close", () => {
+      this.close();
+    });
+
+    super.show(html);
+    this.element.showModal();
+
+    return new Promise((resolve) => {
+      this.#resolve = resolve;
+    });
+  }
+
+  close(result = null) {
+    this.#resolve(result);
+    this.element.close();
+    super.close();
+  }
+
+  static async prompt({ title = null, message, actions }) {
+    const dialog = new ComfyAsyncDialog(actions);
+    const content = [$el("span", message)];
+    if (title) {
+      content.unshift($el("h3", title));
+    }
+    const res = await dialog.showModal(content);
+    dialog.element.remove();
+    return res;
+  }
+}