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/menu/queueOptions.ts

@@ -0,0 +1,82 @@
+import type { ComfyApp } from "scripts/app";
+import { $el } from "../../ui";
+import { prop } from "../../utils";
+
+export class ComfyQueueOptions extends EventTarget {
+  element = $el("div.comfyui-queue-options");
+  app: ComfyApp;
+  batchCountInput: HTMLInputElement;
+  batchCount: number;
+  batchCountRange: HTMLInputElement;
+  autoQueueMode: string;
+  autoQueueEl: HTMLElement;
+
+  constructor(app: ComfyApp) {
+    super();
+    this.app = app;
+
+    this.batchCountInput = $el("input", {
+      className: "comfyui-queue-batch-value",
+      type: "number",
+      min: "1",
+      value: "1",
+      oninput: () => (this.batchCount = +this.batchCountInput.value),
+    });
+
+    this.batchCountRange = $el("input", {
+      type: "range",
+      min: "1",
+      max: "100",
+      value: "1",
+      oninput: () => (this.batchCount = +this.batchCountRange.value),
+    });
+
+    this.element.append(
+      $el("div.comfyui-queue-batch", [
+        $el(
+          "label",
+          {
+            textContent: "Batch count: ",
+          },
+          this.batchCountInput
+        ),
+        this.batchCountRange,
+      ])
+    );
+
+    const createOption = (text, value, checked = false) =>
+      $el(
+        "label",
+        { textContent: text },
+        $el("input", {
+          type: "radio",
+          name: "AutoQueueMode",
+          checked,
+          value,
+          oninput: (e) => (this.autoQueueMode = e.target["value"]),
+        })
+      );
+
+    this.autoQueueEl = $el("div.comfyui-queue-mode", [
+      $el("span", "Auto Queue:"),
+      createOption("Disabled", "", true),
+      createOption("Instant", "instant"),
+      createOption("On Change", "change"),
+    ]);
+
+    this.element.append(this.autoQueueEl);
+
+    this.batchCount = prop(this, "batchCount", 1, () => {
+      this.batchCountInput.value = this.batchCount + "";
+      this.batchCountRange.value = this.batchCount + "";
+    });
+
+    this.autoQueueMode = prop(this, "autoQueueMode", "Disabled", () => {
+      this.dispatchEvent(
+        new CustomEvent("autoQueueMode", {
+          detail: this.autoQueueMode,
+        })
+      );
+    });
+  }
+}