Add files

web/assets/index-DjWyclij.css

@@ -0,0 +1,149 @@
+.comfy-group-manage {
+	background: var(--bg-color);
+	color: var(--fg-color);
+	padding: 0;
+	font-family: Arial, Helvetica, sans-serif;
+	border-color: black;
+	margin: 20vh auto;
+	max-height: 60vh;
+}
+.comfy-group-manage-outer {
+	max-height: 60vh;
+	min-width: 500px;
+	display: flex;
+	flex-direction: column;
+}
+.comfy-group-manage-outer > header {
+	display: flex;
+	align-items: center;
+	gap: 10px;
+	justify-content: space-between;
+	background: var(--comfy-menu-bg);
+	padding: 15px 20px;
+}
+.comfy-group-manage-outer > header select {
+	background: var(--comfy-input-bg);
+	border: 1px solid var(--border-color);
+	color: var(--input-text);
+	padding: 5px 10px;
+	border-radius: 5px;
+}
+.comfy-group-manage h2 {
+	margin: 0;
+	font-weight: normal;
+}
+.comfy-group-manage main {
+	display: flex;
+	overflow: hidden;
+}
+.comfy-group-manage .drag-handle {
+	font-weight: bold;
+}
+.comfy-group-manage-list {
+	border-right: 1px solid var(--comfy-menu-bg);
+}
+.comfy-group-manage-list ul {
+	margin: 40px 0 0;
+	padding: 0;
+	list-style: none;
+}
+.comfy-group-manage-list-items {
+	max-height: calc(100% - 40px);
+	overflow-y: scroll;
+	overflow-x: hidden;
+}
+.comfy-group-manage-list li {
+	display: flex;
+	padding: 10px 20px 10px 10px;
+	cursor: pointer;
+	align-items: center;
+	gap: 5px;
+}
+.comfy-group-manage-list div {
+	display: flex;
+	flex-direction: column;
+}
+.comfy-group-manage-list li:not(.selected):hover div {
+	text-decoration: underline;
+}
+.comfy-group-manage-list li.selected {
+	background: var(--border-color);
+}
+.comfy-group-manage-list li span {
+	opacity: 0.7;
+	font-size: smaller;
+}
+.comfy-group-manage-node {
+	flex: auto;
+	background: var(--border-color);
+	display: flex;
+	flex-direction: column;
+}
+.comfy-group-manage-node > div {
+	overflow: auto;
+}
+.comfy-group-manage-node header {
+	display: flex;
+	background: var(--bg-color);
+	height: 40px;
+}
+.comfy-group-manage-node header a {
+	text-align: center;
+	flex: auto;
+	border-right: 1px solid var(--comfy-menu-bg);
+	border-bottom: 1px solid var(--comfy-menu-bg);
+	padding: 10px;
+	cursor: pointer;
+	font-size: 15px;
+}
+.comfy-group-manage-node header a:last-child {
+    border-right: none;
+}
+.comfy-group-manage-node header a:not(.active):hover {
+	text-decoration: underline;
+}
+.comfy-group-manage-node header a.active {
+	background: var(--border-color);
+	border-bottom: none;
+}
+.comfy-group-manage-node-page {
+	display: none;
+	overflow: auto;
+}
+.comfy-group-manage-node-page.active {
+	display: block;
+}
+.comfy-group-manage-node-page div {
+	padding: 10px;
+	display: flex;
+	align-items: center;
+	gap: 10px;
+}
+.comfy-group-manage-node-page input {
+	border: none;
+	color: var(--input-text);
+	background: var(--comfy-input-bg);
+	padding: 5px 10px;
+}
+.comfy-group-manage-node-page input[type="text"] {
+	flex: auto;
+}
+.comfy-group-manage-node-page label {
+	display: flex;
+	gap: 5px;
+	align-items: center;
+}
+.comfy-group-manage footer {
+	border-top: 1px solid var(--comfy-menu-bg);
+	padding: 10px;
+	display: flex;
+	gap: 10px;
+}
+.comfy-group-manage footer button {
+	font-size: 14px;
+	padding: 5px 10px;
+	border-radius: 0;
+}
+.comfy-group-manage footer button:first-child {
+	margin-right: auto;
+}

web/assets/userSelection-BGzn1LuN.css

@@ -0,0 +1,136 @@
+.comfy-user-selection {
+    width: 100vw;
+    height: 100vh;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-family: sans-serif;
+    background: linear-gradient(var(--tr-even-bg-color), var(--tr-odd-bg-color));
+}
+
+.comfy-user-selection-inner {
+    background: var(--comfy-menu-bg);
+    margin-top: -30vh;
+    padding: 20px 40px;
+    border-radius: 10px;
+    min-width: 365px;
+    position: relative;
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
+}
+
+.comfy-user-selection-inner form {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.comfy-user-selection-inner h1 {
+    margin: 10px 0 30px 0;
+    font-weight: normal;
+}
+
+.comfy-user-selection-inner label {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+}
+
+.comfy-user-selection input,
+.comfy-user-selection select {
+    background-color: var(--comfy-input-bg);
+    color: var(--input-text);
+    border: 0;
+    border-radius: 5px;
+    padding: 5px;
+    margin-top: 10px;
+}
+
+.comfy-user-selection input::-moz-placeholder {
+    color: var(--descrip-text);
+    opacity: 1;
+}
+
+.comfy-user-selection input::placeholder {
+    color: var(--descrip-text);
+    opacity: 1;
+}
+
+.comfy-user-existing {
+    width: 100%;
+}
+
+.no-users .comfy-user-existing {
+    display: none;
+}
+
+.comfy-user-selection-inner .or-separator {
+    margin: 10px 0;
+    padding: 10px;
+    display: block;
+    width: 100%;
+    color: var(--descrip-text);
+    overflow: hidden;
+    text-align: center;
+    margin-left: -10px;
+}
+
+.comfy-user-selection-inner .or-separator::before,
+.comfy-user-selection-inner .or-separator::after {
+    content: "";
+    background-color: var(--border-color);
+    position: relative;
+    height: 1px;
+    vertical-align: middle;
+    display: inline-block;
+    width: calc(50% - 20px);
+    top: -1px;
+}
+
+.comfy-user-selection-inner .or-separator::before {
+    right: 10px;
+    margin-left: -50%;
+}
+
+.comfy-user-selection-inner .or-separator::after {
+    left: 10px;
+    margin-right: -50%;
+}
+
+.comfy-user-selection-inner section {
+    width: 100%;
+    padding: 10px;
+    margin: -10px;
+    transition: background-color 0.2s;
+}
+
+.comfy-user-selection-inner section.selected {
+    background: var(--border-color);
+    border-radius: 5px;
+}
+
+.comfy-user-selection-inner footer {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-top: 20px;
+}
+
+.comfy-user-selection-inner .comfy-user-error {
+    color: var(--error-text);
+    margin-bottom: 10px;
+}
+
+.comfy-user-button-next {
+    font-size: 16px;
+    padding: 6px 10px;
+    width: 100px;
+    display: flex;
+    gap: 5px;
+    align-items: center;
+    justify-content: center;
+}

web/assets/userSelection-CyXKCVy3.js

@@ -0,0 +1,120 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { j as createSpinner, h as api, $ as $el } from "./index-CI3N807S.js";
+class UserSelectionScreen {
+  static {
+    __name(this, "UserSelectionScreen");
+  }
+  async show(users, user) {
+    const userSelection = document.getElementById("comfy-user-selection");
+    userSelection.style.display = "";
+    return new Promise((resolve) => {
+      const input = userSelection.getElementsByTagName("input")[0];
+      const select = userSelection.getElementsByTagName("select")[0];
+      const inputSection = input.closest("section");
+      const selectSection = select.closest("section");
+      const form = userSelection.getElementsByTagName("form")[0];
+      const error = userSelection.getElementsByClassName("comfy-user-error")[0];
+      const button = userSelection.getElementsByClassName(
+        "comfy-user-button-next"
+      )[0];
+      let inputActive = null;
+      input.addEventListener("focus", () => {
+        inputSection.classList.add("selected");
+        selectSection.classList.remove("selected");
+        inputActive = true;
+      });
+      select.addEventListener("focus", () => {
+        inputSection.classList.remove("selected");
+        selectSection.classList.add("selected");
+        inputActive = false;
+        select.style.color = "";
+      });
+      select.addEventListener("blur", () => {
+        if (!select.value) {
+          select.style.color = "var(--descrip-text)";
+        }
+      });
+      form.addEventListener("submit", async (e) => {
+        e.preventDefault();
+        if (inputActive == null) {
+          error.textContent = "Please enter a username or select an existing user.";
+        } else if (inputActive) {
+          const username = input.value.trim();
+          if (!username) {
+            error.textContent = "Please enter a username.";
+            return;
+          }
+          input.disabled = select.disabled = // @ts-expect-error
+          input.readonly = // @ts-expect-error
+          select.readonly = true;
+          const spinner = createSpinner();
+          button.prepend(spinner);
+          try {
+            const resp = await api.createUser(username);
+            if (resp.status >= 300) {
+              let message = "Error creating user: " + resp.status + " " + resp.statusText;
+              try {
+                const res = await resp.json();
+                if (res.error) {
+                  message = res.error;
+                }
+              } catch (error2) {
+              }
+              throw new Error(message);
+            }
+            resolve({ username, userId: await resp.json(), created: true });
+          } catch (err) {
+            spinner.remove();
+            error.textContent = err.message ?? err.statusText ?? err ?? "An unknown error occurred.";
+            input.disabled = select.disabled = // @ts-expect-error
+            input.readonly = // @ts-expect-error
+            select.readonly = false;
+            return;
+          }
+        } else if (!select.value) {
+          error.textContent = "Please select an existing user.";
+          return;
+        } else {
+          resolve({
+            username: users[select.value],
+            userId: select.value,
+            created: false
+          });
+        }
+      });
+      if (user) {
+        const name = localStorage["Comfy.userName"];
+        if (name) {
+          input.value = name;
+        }
+      }
+      if (input.value) {
+        input.focus();
+      }
+      const userIds = Object.keys(users ?? {});
+      if (userIds.length) {
+        for (const u of userIds) {
+          $el("option", { textContent: users[u], value: u, parent: select });
+        }
+        select.style.color = "var(--descrip-text)";
+        if (select.value) {
+          select.focus();
+        }
+      } else {
+        userSelection.classList.add("no-users");
+        input.focus();
+      }
+    }).then((r) => {
+      userSelection.remove();
+      return r;
+    });
+  }
+}
+window.comfyAPI = window.comfyAPI || {};
+window.comfyAPI.userSelection = window.comfyAPI.userSelection || {};
+window.comfyAPI.userSelection.UserSelectionScreen = UserSelectionScreen;
+export {
+  UserSelectionScreen
+};
+//# sourceMappingURL=userSelection-CyXKCVy3.js.map

web/extensions/core/clipspace.js

@@ -0,0 +1,2 @@
+// Shim for extensions\core\clipspace.ts
+export const ClipspaceDialog = window.comfyAPI.clipspace.ClipspaceDialog;

web/extensions/core/groupNode.js

@@ -0,0 +1,3 @@
+// Shim for extensions\core\groupNode.ts
+export const GroupNodeConfig = window.comfyAPI.groupNode.GroupNodeConfig;
+export const GroupNodeHandler = window.comfyAPI.groupNode.GroupNodeHandler;

web/extensions/core/groupNodeManage.js

@@ -0,0 +1,2 @@
+// Shim for extensions\core\groupNodeManage.ts
+export const ManageGroupDialog = window.comfyAPI.groupNodeManage.ManageGroupDialog;

web/extensions/core/widgetInputs.js

@@ -0,0 +1,4 @@
+// Shim for extensions\core\widgetInputs.ts
+export const getWidgetConfig = window.comfyAPI.widgetInputs.getWidgetConfig;
+export const setWidgetConfig = window.comfyAPI.widgetInputs.setWidgetConfig;
+export const mergeIfValid = window.comfyAPI.widgetInputs.mergeIfValid;

web/index.html

@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<title>ComfyUI</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<!-- Browser Test Fonts -->
+		<!-- <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
+		<link href="https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
+		<style>
+			* {
+				font-family: 'Roboto Mono', 'Noto Color Emoji';
+			}
+		</style> -->
+		<link rel="stylesheet" type="text/css" href="user.css" />
+		<link rel="stylesheet" type="text/css" href="materialdesignicons.min.css" />
+		<script type="module" crossorigin src="./assets/index-CI3N807S.js"></script>
+		<link rel="stylesheet" crossorigin href="./assets/index-_5czGnTA.css">
+	</head>
+	<body class="litegraph">
+		<div id="vue-app"></div>
+		<div id="comfy-user-selection" class="comfy-user-selection" style="display: none;">
+			<main class="comfy-user-selection-inner">
+				<h1>ComfyUI</h1>
+				<form>
+					<section>
+						<label>New user:
+							<input placeholder="Enter a username" />
+						</label>
+					</section>
+					<div class="comfy-user-existing">
+						<span class="or-separator">OR</span>
+						<section>
+							<label>
+								Existing user:
+								<select>
+									<option hidden disabled selected value> Select a user </option>
+								</select>
+							</label>
+						</section>
+					</div>
+					<footer>
+						<span class="comfy-user-error">&nbsp;</span>
+						<button class="comfy-btn comfy-user-button-next">Next</button>
+					</footer>
+				</form>
+			</main>
+		</div>
+	</body>
+</html>

web/scripts/api.js

@@ -0,0 +1,2 @@
+// Shim for scripts\api.ts
+export const api = window.comfyAPI.api.api;

web/scripts/app.js

@@ -0,0 +1,4 @@
+// Shim for scripts\app.ts
+export const ANIM_PREVIEW_WIDGET = window.comfyAPI.app.ANIM_PREVIEW_WIDGET;
+export const ComfyApp = window.comfyAPI.app.ComfyApp;
+export const app = window.comfyAPI.app.app;

web/scripts/changeTracker.js

@@ -0,0 +1,2 @@
+// Shim for scripts\changeTracker.ts
+export const ChangeTracker = window.comfyAPI.changeTracker.ChangeTracker;

web/scripts/defaultGraph.js

@@ -0,0 +1,2 @@
+// Shim for scripts\defaultGraph.ts
+export const defaultGraph = window.comfyAPI.defaultGraph.defaultGraph;

web/scripts/domWidget.js

@@ -0,0 +1,2 @@
+// Shim for scripts\domWidget.ts
+export const addDomClippingSetting = window.comfyAPI.domWidget.addDomClippingSetting;

web/scripts/logging.js

@@ -0,0 +1,2 @@
+// Shim for scripts\logging.ts
+export const ComfyLogging = window.comfyAPI.logging.ComfyLogging;

web/scripts/metadata/flac.js

@@ -0,0 +1,3 @@
+// Shim for scripts\metadata\flac.ts
+export const getFromFlacBuffer = window.comfyAPI.flac.getFromFlacBuffer;
+export const getFromFlacFile = window.comfyAPI.flac.getFromFlacFile;

web/scripts/metadata/png.js

@@ -0,0 +1,3 @@
+// Shim for scripts\metadata\png.ts
+export const getFromPngBuffer = window.comfyAPI.png.getFromPngBuffer;
+export const getFromPngFile = window.comfyAPI.png.getFromPngFile;

web/scripts/pnginfo.js

@@ -0,0 +1,6 @@
+// Shim for scripts\pnginfo.ts
+export const getPngMetadata = window.comfyAPI.pnginfo.getPngMetadata;
+export const getFlacMetadata = window.comfyAPI.pnginfo.getFlacMetadata;
+export const getWebpMetadata = window.comfyAPI.pnginfo.getWebpMetadata;
+export const getLatentMetadata = window.comfyAPI.pnginfo.getLatentMetadata;
+export const importA1111 = window.comfyAPI.pnginfo.importA1111;

web/scripts/ui.js

@@ -0,0 +1,4 @@
+// Shim for scripts\ui.ts
+export const ComfyDialog = window.comfyAPI.ui.ComfyDialog;
+export const $el = window.comfyAPI.ui.$el;
+export const ComfyUI = window.comfyAPI.ui.ComfyUI;

web/scripts/ui/components/asyncDialog.js

@@ -0,0 +1,2 @@
+// Shim for scripts\ui\components\asyncDialog.ts
+export const ComfyAsyncDialog = window.comfyAPI.asyncDialog.ComfyAsyncDialog;

web/scripts/ui/components/button.js

@@ -0,0 +1,2 @@
+// Shim for scripts\ui\components\button.ts
+export const ComfyButton = window.comfyAPI.button.ComfyButton;

web/scripts/ui/components/buttonGroup.js

@@ -0,0 +1,2 @@
+// Shim for scripts\ui\components\buttonGroup.ts
+export const ComfyButtonGroup = window.comfyAPI.buttonGroup.ComfyButtonGroup;

web/scripts/ui/components/popup.js

@@ -0,0 +1,2 @@
+// Shim for scripts\ui\components\popup.ts
+export const ComfyPopup = window.comfyAPI.popup.ComfyPopup;

web/scripts/ui/components/splitButton.js

@@ -0,0 +1,2 @@
+// Shim for scripts\ui\components\splitButton.ts
+export const ComfySplitButton = window.comfyAPI.splitButton.ComfySplitButton;

web/scripts/ui/dialog.js

@@ -0,0 +1,2 @@
+// Shim for scripts\ui\dialog.ts
+export const ComfyDialog = window.comfyAPI.dialog.ComfyDialog;

web/scripts/ui/draggableList.js

@@ -0,0 +1,2 @@
+// Shim for scripts\ui\draggableList.ts
+export const DraggableList = window.comfyAPI.draggableList.DraggableList;

web/scripts/ui/imagePreview.js

@@ -0,0 +1,3 @@
+// Shim for scripts\ui\imagePreview.ts
+export const calculateImageGrid = window.comfyAPI.imagePreview.calculateImageGrid;
+export const createImageHost = window.comfyAPI.imagePreview.createImageHost;

web/scripts/ui/menu/index.js

@@ -0,0 +1,2 @@
+// Shim for scripts\ui\menu\index.ts
+export const ComfyAppMenu = window.comfyAPI.index.ComfyAppMenu;

web/scripts/ui/menu/interruptButton.js

@@ -0,0 +1,2 @@
+// Shim for scripts\ui\menu\interruptButton.ts
+export const getInterruptButton = window.comfyAPI.interruptButton.getInterruptButton;

web/scripts/ui/menu/queueButton.js

@@ -0,0 +1,2 @@
+// Shim for scripts\ui\menu\queueButton.ts
+export const ComfyQueueButton = window.comfyAPI.queueButton.ComfyQueueButton;

web/scripts/ui/menu/queueOptions.js

@@ -0,0 +1,2 @@
+// Shim for scripts\ui\menu\queueOptions.ts
+export const ComfyQueueOptions = window.comfyAPI.queueOptions.ComfyQueueOptions;

web/scripts/ui/menu/workflows.js

@@ -0,0 +1,3 @@
+// Shim for scripts\ui\menu\workflows.ts
+export const ComfyWorkflowsMenu = window.comfyAPI.workflows.ComfyWorkflowsMenu;
+export const ComfyWorkflowsContent = window.comfyAPI.workflows.ComfyWorkflowsContent;

web/scripts/ui/settings.js

@@ -0,0 +1,2 @@
+// Shim for scripts\ui\settings.ts
+export const ComfySettingsDialog = window.comfyAPI.settings.ComfySettingsDialog;

web/scripts/ui/spinner.js

@@ -0,0 +1,2 @@
+// Shim for scripts\ui\spinner.ts
+export const createSpinner = window.comfyAPI.spinner.createSpinner;

web/scripts/ui/toggleSwitch.js

@@ -0,0 +1,2 @@
+// Shim for scripts\ui\toggleSwitch.ts
+export const toggleSwitch = window.comfyAPI.toggleSwitch.toggleSwitch;

web/scripts/ui/userSelection.js

@@ -0,0 +1,2 @@
+// Shim for scripts\ui\userSelection.ts
+export const UserSelectionScreen = window.comfyAPI.userSelection.UserSelectionScreen;

web/scripts/ui/utils.js

@@ -0,0 +1,3 @@
+// Shim for scripts\ui\utils.ts
+export const applyClasses = window.comfyAPI.utils.applyClasses;
+export const toggleElement = window.comfyAPI.utils.toggleElement;

web/scripts/utils.js

@@ -0,0 +1,8 @@
+// Shim for scripts\utils.ts
+export const clone = window.comfyAPI.utils.clone;
+export const applyTextReplacements = window.comfyAPI.utils.applyTextReplacements;
+export const addStylesheet = window.comfyAPI.utils.addStylesheet;
+export const downloadBlob = window.comfyAPI.utils.downloadBlob;
+export const prop = window.comfyAPI.utils.prop;
+export const getStorageValue = window.comfyAPI.utils.getStorageValue;
+export const setStorageValue = window.comfyAPI.utils.setStorageValue;

web/scripts/widgets.js

@@ -0,0 +1,6 @@
+// Shim for scripts\widgets.ts
+export const updateControlWidgetLabel = window.comfyAPI.widgets.updateControlWidgetLabel;
+export const addValueControlWidget = window.comfyAPI.widgets.addValueControlWidget;
+export const addValueControlWidgets = window.comfyAPI.widgets.addValueControlWidgets;
+export const initWidgets = window.comfyAPI.widgets.initWidgets;
+export const ComfyWidgets = window.comfyAPI.widgets.ComfyWidgets;

web/scripts/workflows.js

@@ -0,0 +1,4 @@
+// Shim for scripts\workflows.ts
+export const trimJsonExt = window.comfyAPI.workflows.trimJsonExt;
+export const ComfyWorkflowManager = window.comfyAPI.workflows.ComfyWorkflowManager;
+export const ComfyWorkflow = window.comfyAPI.workflows.ComfyWorkflow;

web/user.css

@@ -0,0 +1 @@
+/* Put custom styles here */