diff --git a/litegraph b/litegraph index a1bf4cb..8ca6cca 160000 --- a/litegraph +++ b/litegraph @@ -1 +1 @@ -Subproject commit a1bf4cb511c46831b371d79d1495b76052beecce +Subproject commit 8ca6cca77709af3644bb9474b28654f0459ec507 diff --git a/notebooks/ComfyBox_Colab.ipynb b/notebooks/ComfyBox_Colab.ipynb new file mode 100644 index 0000000..8f0b06e --- /dev/null +++ b/notebooks/ComfyBox_Colab.ipynb @@ -0,0 +1,5588 @@ +{ + "cells": [ + { + "cell_type": "markdown", + "metadata": { + "id": "aaaaaaaaaa" + }, + "source": [ + "Git clone the repo and install the requirements. (ignore the pip errors about protobuf)" + ] + }, + { + "cell_type": "code", + "execution_count": null, + "metadata": { + "colab": { + "base_uri": "https://localhost:8080/" + }, + "id": "bbbbbbbbbb", + "outputId": "f0037407-e57c-4526-b3b3-11ef719d208d" + }, + "outputs": [ + { + "output_type": "stream", + "name": "stdout", + "text": [ + "\u001b[1;30;43mStreaming output truncated to the last 5000 lines.\u001b[0m\n", + "647: margin-top: unset;\n", + "648: vertical-align: unset;\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:652:0 Unused CSS selector \".litegraph .graphdialog input\"\u001b[39m\n", + "650: padding-right: 8px;\n", + "651: }\n", + "652: .litegraph .graphdialog input, .litegraph .graphdialog textarea, .litegraph .graphdialog select {\n", + " ^\n", + "653: background-color: var(--litegraph-comfy-input-bg);\n", + "654: border: 2px solid;\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:652:31 Unused CSS selector \".litegraph .graphdialog textarea\"\u001b[39m\n", + "650: padding-right: 8px;\n", + "651: }\n", + "652: .litegraph .graphdialog input, .litegraph .graphdialog textarea, .litegraph .graphdialog select {\n", + " ^\n", + "653: background-color: var(--litegraph-comfy-input-bg);\n", + "654: border: 2px solid;\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:652:65 Unused CSS selector \".litegraph .graphdialog select\"\u001b[39m\n", + "650: padding-right: 8px;\n", + "651: }\n", + "652: .litegraph .graphdialog input, .litegraph .graphdialog textarea, .litegraph .graphdialog select {\n", + " ^\n", + "653: background-color: var(--litegraph-comfy-input-bg);\n", + "654: border: 2px solid;\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:659:0 Unused CSS selector \".litegraph .litemenu-entry.has_submenu\"\u001b[39m\n", + "657: border-radius: 12px 0 0 12px;\n", + "658: }\n", + "659: .litegraph .litemenu-entry.has_submenu {\n", + " ^\n", + "660: position: relative;\n", + "661: padding-right: 20px;\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:663:0 Unused CSS selector \".litegraph.litecontextmenu .litemenu-entry:hover:not(.disabled):not(.separator)\"\u001b[39m\n", + "661: padding-right: 20px;\n", + "662: }\n", + "663: .litegraph.litecontextmenu .litemenu-entry:hover:not(.disabled):not(.separator) {\n", + " ^\n", + "664: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "665: filter: brightness(155%);\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:668:0 Unused CSS selector \".litegraph.litecontextmenu input\"\u001b[39m\n", + "666: color: var(--litegraph-input-text);\n", + "667: }\n", + "668: .litegraph.litecontextmenu input {\n", + " ^\n", + "669: background-color: var(--litegraph-comfy-input-bg) !important;\n", + "670: color: var(--litegraph-input-text) !important;\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:672:0 Unused CSS selector \".litegraph.litesearchbox\"\u001b[39m\n", + "670: color: var(--litegraph-input-text) !important;\n", + "671: }\n", + "672: .litegraph.litesearchbox {\n", + " ^\n", + "673: z-index: 9999 !important;\n", + "674: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:677:0 Unused CSS selector \".litegraph.lite-search-item\"\u001b[39m\n", + "675: overflow: hidden;\n", + "676: }\n", + "677: .litegraph.lite-search-item {\n", + " ^\n", + "678: color: var(--litegraph-input-text);\n", + "679: background-color: var(--litegraph-comfy-input-bg);\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:683:0 Unused CSS selector \".litegraph.lite-search-item.generic_type\"\u001b[39m\n", + "681: padding-left: 0.2em;\n", + "682: }\n", + "683: .litegraph.lite-search-item.generic_type {\n", + " ^\n", + "684: color: var(--litegraph-input-text);\n", + "685: filter: brightness(50%);\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:688:0 Unused CSS selector \".litemenu-entry.has_submenu::after\"\u001b[39m\n", + "686: }\n", + "687: \n", + "688: .litemenu-entry.has_submenu::after {\n", + " ^\n", + "689: content: \">\";\n", + "690: position: absolute;\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:695:0 Unused CSS selector \".litegraph.litecontextmenu\"\u001b[39m\n", + "693: }\n", + "694: \n", + "695: .litegraph.litecontextmenu,\n", + " ^\n", + "696: .litegraph.litecontextmenu.dark {\n", + "697: z-index: 9999 !important;\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:696:0 Unused CSS selector \".litegraph.litecontextmenu.dark\"\u001b[39m\n", + "694: \n", + "695: .litegraph.litecontextmenu,\n", + "696: .litegraph.litecontextmenu.dark {\n", + " ^\n", + "697: z-index: 9999 !important;\n", + "698: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:702:0 Unused CSS selector \".litegraph.litecontextmenu .litemenu-entry.submenu\"\u001b[39m\n", + "700: }\n", + "701: \n", + "702: .litegraph.litecontextmenu .litemenu-entry.submenu,\n", + " ^\n", + "703: .litegraph.litecontextmenu.dark .litemenu-entry.submenu {\n", + "704: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:703:0 Unused CSS selector \".litegraph.litecontextmenu.dark .litemenu-entry.submenu\"\u001b[39m\n", + "701: \n", + "702: .litegraph.litecontextmenu .litemenu-entry.submenu,\n", + "703: .litegraph.litecontextmenu.dark .litemenu-entry.submenu {\n", + " ^\n", + "704: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "705: color: var(--litegraph-input-text);\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:708:0 Unused CSS selector \".litegraph.litesearchbox input\"\u001b[39m\n", + "706: }\n", + "707: \n", + "708: .litegraph.litesearchbox input,\n", + " ^\n", + "709: .litegraph.litesearchbox select {\n", + "710: background-color: var(--litegraph-comfy-input-bg) !important;\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:709:0 Unused CSS selector \".litegraph.litesearchbox select\"\u001b[39m\n", + "707: \n", + "708: .litegraph.litesearchbox input,\n", + "709: .litegraph.litesearchbox select {\n", + " ^\n", + "710: background-color: var(--litegraph-comfy-input-bg) !important;\n", + "711: color: var(--litegraph-input-text);\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:714:0 Unused CSS selector \"body\"\u001b[39m\n", + "712: }\n", + "713: \n", + "714: body {\n", + " ^\n", + "715: overflow: hidden;\n", + "716: overscroll-behavior-y: contain;\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:754:0 Unused CSS selector \".dark\"\u001b[39m\n", + "752: }\n", + "753: \n", + "754: .dark {\n", + " ^\n", + "755: color-scheme: dark;\n", + "756: --input-border-color-focus: var(--neutral-500);\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:784:0 Unused CSS selector \".mobile\"\u001b[39m\n", + "782: }\n", + "783: \n", + "784: .mobile {\n", + " ^\n", + "785: --comfy-progress-bar-background: lightgrey;\n", + "786: --comfy-progress-bar-foreground: #B3D8A9 ;\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:789:0 Unused CSS selector \"hr\"\u001b[39m\n", + "787: }\n", + "788: \n", + "789: hr {\n", + " ^\n", + "790: color: var(--panel-border-color);\n", + "791: }\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:793:0 Unused CSS selector \"input\"\u001b[39m\n", + "791: }\n", + "792: \n", + "793: input {\n", + " ^\n", + "794: color: var(--body-text-color);\n", + "795: background: var(--input-background-fill);\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:799:0 Unused CSS selector \"input:not(input[type=radio])\"\u001b[39m\n", + "797: }\n", + "798: \n", + "799: input:not(input[type=radio]), textarea {\n", + " ^\n", + "800: border-radius: 0 !important;\n", + "801: }\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:799:30 Unused CSS selector \"textarea\"\u001b[39m\n", + "797: }\n", + "798: \n", + "799: input:not(input[type=radio]), textarea {\n", + " ^\n", + "800: border-radius: 0 !important;\n", + "801: }\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:803:0 Unused CSS selector \":not(.litegraph) select\"\u001b[39m\n", + "801: }\n", + "802: \n", + "803: :not(.litegraph) select {\n", + " ^\n", + "804: color: var(--body-text-color);\n", + "805: background: var(--input-background-fill);\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:809:0 Unused CSS selector \".container\"\u001b[39m\n", + "807: }\n", + "808: \n", + "809: .container {\n", + " ^\n", + "810: background: var(--body-background-fill) !important;\n", + "811: }\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:812:0 Unused CSS selector \".container.selected\"\u001b[39m\n", + "810: background: var(--body-background-fill) !important;\n", + "811: }\n", + "812: .container.selected {\n", + " ^\n", + "813: background: var(--ae-primary-color) !important;\n", + "814: }\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:815:0 Unused CSS selector \".container.selected > .block.padded\"\u001b[39m\n", + "813: background: var(--ae-primary-color) !important;\n", + "814: }\n", + "815: .container.selected > .block.padded {\n", + " ^\n", + "816: background: var(--ae-primary-color) !important;\n", + "817: }\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:818:0 Unused CSS selector \".container > .block\"\u001b[39m\n", + "816: background: var(--ae-primary-color) !important;\n", + "817: }\n", + "818: .container > .block {\n", + " ^\n", + "819: background: var(--body-background-fill) !important;\n", + "820: }\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:821:0 Unused CSS selector \".container.z-index0 > .block\"\u001b[39m\n", + "819: background: var(--body-background-fill) !important;\n", + "820: }\n", + "821: .container.z-index0 > .block {\n", + " ^\n", + "822: background: var(--panel-background-fill) !important;\n", + "823: }\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:825:0 Unused CSS selector \"button.primary:active\"\u001b[39m\n", + "823: }\n", + "824: \n", + "825: button.primary:active {\n", + " ^\n", + "826: border-color: var(--button-primary-border-color-active) !important;\n", + "827: background: var(--button-primary-background-fill-active) !important;\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:830:0 Unused CSS selector \"button.secondary:active\"\u001b[39m\n", + "828: color: var(--button-primary-text-color-active) !important;\n", + "829: }\n", + "830: button.secondary:active {\n", + " ^\n", + "831: border-color: var(--button-secondary-border-color-active) !important;\n", + "832: background: var(--button-secondary-background-fill-active) !important;\n", + "\u001b[33m6:20:09 AM [vite-plugin-svelte] /src/lib/components/PromptDisplay.svelte:836:0 Unused CSS selector \".widget .block\"\u001b[39m\n", + "834: }\n", + "835: \n", + "836: .widget .block {\n", + " ^\n", + "837: background: var(--block-background-fill) !important;\n", + "838: }\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:259:0 Unused CSS selector \".dark\"\u001b[39m\n", + "257: }\n", + "258: \n", + "259: .dark {\n", + " ^\n", + "260: --body-background-fill: var(--background-fill-primary);\n", + "261: --body-text-color: var(--neutral-100);\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:491:0 Unused CSS selector \".litegraph\"\u001b[39m\n", + "489: }\n", + "490: \n", + "491: .litegraph {\n", + " ^\n", + "492: /* Input popup */\n", + "493: /* Context Menu */\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:495:0 Unused CSS selector \".litegraph.graphdialog\"\u001b[39m\n", + "493: /* Context Menu */\n", + "494: }\n", + "495: .litegraph.graphdialog {\n", + " ^\n", + "496: min-height: 1em;\n", + "497: background-color: var(--litegraph-comfy-menu-bg);\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:499:0 Unused CSS selector \".litegraph.graphdialog .name\"\u001b[39m\n", + "497: background-color: var(--litegraph-comfy-menu-bg);\n", + "498: }\n", + "499: .litegraph.graphdialog .name {\n", + " ^\n", + "500: font-size: 14px;\n", + "501: font-family: sans-serif;\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:504:0 Unused CSS selector \".litegraph.graphdialog button\"\u001b[39m\n", + "502: color: var(--litegraph-descrip-text);\n", + "503: }\n", + "504: .litegraph.graphdialog button {\n", + " ^\n", + "505: margin-top: unset;\n", + "506: vertical-align: unset;\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:510:0 Unused CSS selector \".litegraph .graphdialog input\"\u001b[39m\n", + "508: padding-right: 8px;\n", + "509: }\n", + "510: .litegraph .graphdialog input, .litegraph .graphdialog textarea, .litegraph .graphdialog select {\n", + " ^\n", + "511: background-color: var(--litegraph-comfy-input-bg);\n", + "512: border: 2px solid;\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:510:31 Unused CSS selector \".litegraph .graphdialog textarea\"\u001b[39m\n", + "508: padding-right: 8px;\n", + "509: }\n", + "510: .litegraph .graphdialog input, .litegraph .graphdialog textarea, .litegraph .graphdialog select {\n", + " ^\n", + "511: background-color: var(--litegraph-comfy-input-bg);\n", + "512: border: 2px solid;\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:510:65 Unused CSS selector \".litegraph .graphdialog select\"\u001b[39m\n", + "508: padding-right: 8px;\n", + "509: }\n", + "510: .litegraph .graphdialog input, .litegraph .graphdialog textarea, .litegraph .graphdialog select {\n", + " ^\n", + "511: background-color: var(--litegraph-comfy-input-bg);\n", + "512: border: 2px solid;\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:517:0 Unused CSS selector \".litegraph .litemenu-entry.has_submenu\"\u001b[39m\n", + "515: border-radius: 12px 0 0 12px;\n", + "516: }\n", + "517: .litegraph .litemenu-entry.has_submenu {\n", + " ^\n", + "518: position: relative;\n", + "519: padding-right: 20px;\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:521:0 Unused CSS selector \".litegraph.litecontextmenu .litemenu-entry:hover:not(.disabled):not(.separator)\"\u001b[39m\n", + "519: padding-right: 20px;\n", + "520: }\n", + "521: .litegraph.litecontextmenu .litemenu-entry:hover:not(.disabled):not(.separator) {\n", + " ^\n", + "522: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "523: filter: brightness(155%);\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:526:0 Unused CSS selector \".litegraph.litecontextmenu input\"\u001b[39m\n", + "524: color: var(--litegraph-input-text);\n", + "525: }\n", + "526: .litegraph.litecontextmenu input {\n", + " ^\n", + "527: background-color: var(--litegraph-comfy-input-bg) !important;\n", + "528: color: var(--litegraph-input-text) !important;\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:530:0 Unused CSS selector \".litegraph.litesearchbox\"\u001b[39m\n", + "528: color: var(--litegraph-input-text) !important;\n", + "529: }\n", + "530: .litegraph.litesearchbox {\n", + " ^\n", + "531: z-index: 9999 !important;\n", + "532: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:535:0 Unused CSS selector \".litegraph.lite-search-item\"\u001b[39m\n", + "533: overflow: hidden;\n", + "534: }\n", + "535: .litegraph.lite-search-item {\n", + " ^\n", + "536: color: var(--litegraph-input-text);\n", + "537: background-color: var(--litegraph-comfy-input-bg);\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:541:0 Unused CSS selector \".litegraph.lite-search-item.generic_type\"\u001b[39m\n", + "539: padding-left: 0.2em;\n", + "540: }\n", + "541: .litegraph.lite-search-item.generic_type {\n", + " ^\n", + "542: color: var(--litegraph-input-text);\n", + "543: filter: brightness(50%);\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:546:0 Unused CSS selector \".litemenu-entry.has_submenu::after\"\u001b[39m\n", + "544: }\n", + "545: \n", + "546: .litemenu-entry.has_submenu::after {\n", + " ^\n", + "547: content: \">\";\n", + "548: position: absolute;\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:553:0 Unused CSS selector \".litegraph.litecontextmenu\"\u001b[39m\n", + "551: }\n", + "552: \n", + "553: .litegraph.litecontextmenu,\n", + " ^\n", + "554: .litegraph.litecontextmenu.dark {\n", + "555: z-index: 9999 !important;\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:554:0 Unused CSS selector \".litegraph.litecontextmenu.dark\"\u001b[39m\n", + "552: \n", + "553: .litegraph.litecontextmenu,\n", + "554: .litegraph.litecontextmenu.dark {\n", + " ^\n", + "555: z-index: 9999 !important;\n", + "556: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:560:0 Unused CSS selector \".litegraph.litecontextmenu .litemenu-entry.submenu\"\u001b[39m\n", + "558: }\n", + "559: \n", + "560: .litegraph.litecontextmenu .litemenu-entry.submenu,\n", + " ^\n", + "561: .litegraph.litecontextmenu.dark .litemenu-entry.submenu {\n", + "562: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:561:0 Unused CSS selector \".litegraph.litecontextmenu.dark .litemenu-entry.submenu\"\u001b[39m\n", + "559: \n", + "560: .litegraph.litecontextmenu .litemenu-entry.submenu,\n", + "561: .litegraph.litecontextmenu.dark .litemenu-entry.submenu {\n", + " ^\n", + "562: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "563: color: var(--litegraph-input-text);\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:566:0 Unused CSS selector \".litegraph.litesearchbox input\"\u001b[39m\n", + "564: }\n", + "565: \n", + "566: .litegraph.litesearchbox input,\n", + " ^\n", + "567: .litegraph.litesearchbox select {\n", + "568: background-color: var(--litegraph-comfy-input-bg) !important;\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:567:0 Unused CSS selector \".litegraph.litesearchbox select\"\u001b[39m\n", + "565: \n", + "566: .litegraph.litesearchbox input,\n", + "567: .litegraph.litesearchbox select {\n", + " ^\n", + "568: background-color: var(--litegraph-comfy-input-bg) !important;\n", + "569: color: var(--litegraph-input-text);\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:572:0 Unused CSS selector \"body\"\u001b[39m\n", + "570: }\n", + "571: \n", + "572: body {\n", + " ^\n", + "573: overflow: hidden;\n", + "574: overscroll-behavior-y: contain;\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:612:0 Unused CSS selector \".dark\"\u001b[39m\n", + "610: }\n", + "611: \n", + "612: .dark {\n", + " ^\n", + "613: color-scheme: dark;\n", + "614: --input-border-color-focus: var(--neutral-500);\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:642:0 Unused CSS selector \".mobile\"\u001b[39m\n", + "640: }\n", + "641: \n", + "642: .mobile {\n", + " ^\n", + "643: --comfy-progress-bar-background: lightgrey;\n", + "644: --comfy-progress-bar-foreground: #B3D8A9 ;\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:647:0 Unused CSS selector \"hr\"\u001b[39m\n", + "645: }\n", + "646: \n", + "647: hr {\n", + " ^\n", + "648: color: var(--panel-border-color);\n", + "649: }\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:651:0 Unused CSS selector \"input\"\u001b[39m\n", + "649: }\n", + "650: \n", + "651: input {\n", + " ^\n", + "652: color: var(--body-text-color);\n", + "653: background: var(--input-background-fill);\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:657:0 Unused CSS selector \"input:not(input[type=radio])\"\u001b[39m\n", + "655: }\n", + "656: \n", + "657: input:not(input[type=radio]), textarea {\n", + " ^\n", + "658: border-radius: 0 !important;\n", + "659: }\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:657:30 Unused CSS selector \"textarea\"\u001b[39m\n", + "655: }\n", + "656: \n", + "657: input:not(input[type=radio]), textarea {\n", + " ^\n", + "658: border-radius: 0 !important;\n", + "659: }\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:661:0 Unused CSS selector \":not(.litegraph) select\"\u001b[39m\n", + "659: }\n", + "660: \n", + "661: :not(.litegraph) select {\n", + " ^\n", + "662: color: var(--body-text-color);\n", + "663: background: var(--input-background-fill);\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:667:0 Unused CSS selector \".container\"\u001b[39m\n", + "665: }\n", + "666: \n", + "667: .container {\n", + " ^\n", + "668: background: var(--body-background-fill) !important;\n", + "669: }\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:670:0 Unused CSS selector \".container.selected\"\u001b[39m\n", + "668: background: var(--body-background-fill) !important;\n", + "669: }\n", + "670: .container.selected {\n", + " ^\n", + "671: background: var(--ae-primary-color) !important;\n", + "672: }\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:673:0 Unused CSS selector \".container.selected > .block.padded\"\u001b[39m\n", + "671: background: var(--ae-primary-color) !important;\n", + "672: }\n", + "673: .container.selected > .block.padded {\n", + " ^\n", + "674: background: var(--ae-primary-color) !important;\n", + "675: }\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:676:0 Unused CSS selector \".container > .block\"\u001b[39m\n", + "674: background: var(--ae-primary-color) !important;\n", + "675: }\n", + "676: .container > .block {\n", + " ^\n", + "677: background: var(--body-background-fill) !important;\n", + "678: }\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:679:0 Unused CSS selector \".container.z-index0 > .block\"\u001b[39m\n", + "677: background: var(--body-background-fill) !important;\n", + "678: }\n", + "679: .container.z-index0 > .block {\n", + " ^\n", + "680: background: var(--panel-background-fill) !important;\n", + "681: }\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:683:0 Unused CSS selector \"button.primary:active\"\u001b[39m\n", + "681: }\n", + "682: \n", + "683: button.primary:active {\n", + " ^\n", + "684: border-color: var(--button-primary-border-color-active) !important;\n", + "685: background: var(--button-primary-background-fill-active) !important;\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:688:0 Unused CSS selector \"button.secondary:active\"\u001b[39m\n", + "686: color: var(--button-primary-text-color-active) !important;\n", + "687: }\n", + "688: button.secondary:active {\n", + " ^\n", + "689: border-color: var(--button-secondary-border-color-active) !important;\n", + "690: background: var(--button-secondary-background-fill-active) !important;\n", + "\u001b[33m6:20:10 AM [vite-plugin-svelte] /src/lib/components/DropZone.svelte:694:0 Unused CSS selector \".widget .block\"\u001b[39m\n", + "692: }\n", + "693: \n", + "694: .widget .block {\n", + " ^\n", + "695: background: var(--block-background-fill) !important;\n", + "696: }\n", + "\u001b[2K\u001b[1G\u001b[33m6:20:11 AM [vite-plugin-svelte] /src/lib/components/ComfyQueueListDisplay.svelte:28:12 A11y: visible, non-interactive elements with an on:click event must be accompanied by an on:keydown, on:keyup, or on:keypress event.\u001b[39m\n", + "26:
\n", + "27: {#each entries as entry}\n", + "28:
showPrompt(entry, e)}>\n", + " ^\n", + "29: \n", + "8: \n", + "\u001b[2K\u001b[1G\u001b[33m6:20:15 AM [vite-plugin-svelte] /gradio/js/form/src/Dropdown.svelte:280:1 Unused CSS selector \".single-select\"\u001b[39m\n", + "278: }\n", + "279: \n", + "280: .single-select {\n", + " ^\n", + "281: margin: var(--spacing-sm);\n", + "282: color: var(--body-text-color);\n", + "\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:251:0 Unused CSS selector \".dark\"\u001b[39m\n", + "249: }\n", + "250: \n", + "251: .dark {\n", + " ^\n", + "252: --body-background-fill: var(--background-fill-primary);\n", + "253: --body-text-color: var(--neutral-100);\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:483:0 Unused CSS selector \".litegraph\"\u001b[39m\n", + "481: }\n", + "482: \n", + "483: .litegraph {\n", + " ^\n", + "484: /* Input popup */\n", + "485: /* Context Menu */\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:487:0 Unused CSS selector \".litegraph.graphdialog\"\u001b[39m\n", + "485: /* Context Menu */\n", + "486: }\n", + "487: .litegraph.graphdialog {\n", + " ^\n", + "488: min-height: 1em;\n", + "489: background-color: var(--litegraph-comfy-menu-bg);\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:491:0 Unused CSS selector \".litegraph.graphdialog .name\"\u001b[39m\n", + "489: background-color: var(--litegraph-comfy-menu-bg);\n", + "490: }\n", + "491: .litegraph.graphdialog .name {\n", + " ^\n", + "492: font-size: 14px;\n", + "493: font-family: sans-serif;\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:496:0 Unused CSS selector \".litegraph.graphdialog button\"\u001b[39m\n", + "494: color: var(--litegraph-descrip-text);\n", + "495: }\n", + "496: .litegraph.graphdialog button {\n", + " ^\n", + "497: margin-top: unset;\n", + "498: vertical-align: unset;\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:502:0 Unused CSS selector \".litegraph .graphdialog input\"\u001b[39m\n", + "500: padding-right: 8px;\n", + "501: }\n", + "502: .litegraph .graphdialog input, .litegraph .graphdialog textarea, .litegraph .graphdialog select {\n", + " ^\n", + "503: background-color: var(--litegraph-comfy-input-bg);\n", + "504: border: 2px solid;\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:502:31 Unused CSS selector \".litegraph .graphdialog textarea\"\u001b[39m\n", + "500: padding-right: 8px;\n", + "501: }\n", + "502: .litegraph .graphdialog input, .litegraph .graphdialog textarea, .litegraph .graphdialog select {\n", + " ^\n", + "503: background-color: var(--litegraph-comfy-input-bg);\n", + "504: border: 2px solid;\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:502:65 Unused CSS selector \".litegraph .graphdialog select\"\u001b[39m\n", + "500: padding-right: 8px;\n", + "501: }\n", + "502: .litegraph .graphdialog input, .litegraph .graphdialog textarea, .litegraph .graphdialog select {\n", + " ^\n", + "503: background-color: var(--litegraph-comfy-input-bg);\n", + "504: border: 2px solid;\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:509:0 Unused CSS selector \".litegraph .litemenu-entry.has_submenu\"\u001b[39m\n", + "507: border-radius: 12px 0 0 12px;\n", + "508: }\n", + "509: .litegraph .litemenu-entry.has_submenu {\n", + " ^\n", + "510: position: relative;\n", + "511: padding-right: 20px;\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:513:0 Unused CSS selector \".litegraph.litecontextmenu .litemenu-entry:hover:not(.disabled):not(.separator)\"\u001b[39m\n", + "511: padding-right: 20px;\n", + "512: }\n", + "513: .litegraph.litecontextmenu .litemenu-entry:hover:not(.disabled):not(.separator) {\n", + " ^\n", + "514: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "515: filter: brightness(155%);\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:518:0 Unused CSS selector \".litegraph.litecontextmenu input\"\u001b[39m\n", + "516: color: var(--litegraph-input-text);\n", + "517: }\n", + "518: .litegraph.litecontextmenu input {\n", + " ^\n", + "519: background-color: var(--litegraph-comfy-input-bg) !important;\n", + "520: color: var(--litegraph-input-text) !important;\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:522:0 Unused CSS selector \".litegraph.litesearchbox\"\u001b[39m\n", + "520: color: var(--litegraph-input-text) !important;\n", + "521: }\n", + "522: .litegraph.litesearchbox {\n", + " ^\n", + "523: z-index: 9999 !important;\n", + "524: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:527:0 Unused CSS selector \".litegraph.lite-search-item\"\u001b[39m\n", + "525: overflow: hidden;\n", + "526: }\n", + "527: .litegraph.lite-search-item {\n", + " ^\n", + "528: color: var(--litegraph-input-text);\n", + "529: background-color: var(--litegraph-comfy-input-bg);\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:533:0 Unused CSS selector \".litegraph.lite-search-item.generic_type\"\u001b[39m\n", + "531: padding-left: 0.2em;\n", + "532: }\n", + "533: .litegraph.lite-search-item.generic_type {\n", + " ^\n", + "534: color: var(--litegraph-input-text);\n", + "535: filter: brightness(50%);\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:538:0 Unused CSS selector \".litemenu-entry.has_submenu::after\"\u001b[39m\n", + "536: }\n", + "537: \n", + "538: .litemenu-entry.has_submenu::after {\n", + " ^\n", + "539: content: \">\";\n", + "540: position: absolute;\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:545:0 Unused CSS selector \".litegraph.litecontextmenu\"\u001b[39m\n", + "543: }\n", + "544: \n", + "545: .litegraph.litecontextmenu,\n", + " ^\n", + "546: .litegraph.litecontextmenu.dark {\n", + "547: z-index: 9999 !important;\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:546:0 Unused CSS selector \".litegraph.litecontextmenu.dark\"\u001b[39m\n", + "544: \n", + "545: .litegraph.litecontextmenu,\n", + "546: .litegraph.litecontextmenu.dark {\n", + " ^\n", + "547: z-index: 9999 !important;\n", + "548: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:552:0 Unused CSS selector \".litegraph.litecontextmenu .litemenu-entry.submenu\"\u001b[39m\n", + "550: }\n", + "551: \n", + "552: .litegraph.litecontextmenu .litemenu-entry.submenu,\n", + " ^\n", + "553: .litegraph.litecontextmenu.dark .litemenu-entry.submenu {\n", + "554: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:553:0 Unused CSS selector \".litegraph.litecontextmenu.dark .litemenu-entry.submenu\"\u001b[39m\n", + "551: \n", + "552: .litegraph.litecontextmenu .litemenu-entry.submenu,\n", + "553: .litegraph.litecontextmenu.dark .litemenu-entry.submenu {\n", + " ^\n", + "554: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "555: color: var(--litegraph-input-text);\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:558:0 Unused CSS selector \".litegraph.litesearchbox input\"\u001b[39m\n", + "556: }\n", + "557: \n", + "558: .litegraph.litesearchbox input,\n", + " ^\n", + "559: .litegraph.litesearchbox select {\n", + "560: background-color: var(--litegraph-comfy-input-bg) !important;\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:559:0 Unused CSS selector \".litegraph.litesearchbox select\"\u001b[39m\n", + "557: \n", + "558: .litegraph.litesearchbox input,\n", + "559: .litegraph.litesearchbox select {\n", + " ^\n", + "560: background-color: var(--litegraph-comfy-input-bg) !important;\n", + "561: color: var(--litegraph-input-text);\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:564:0 Unused CSS selector \"body\"\u001b[39m\n", + "562: }\n", + "563: \n", + "564: body {\n", + " ^\n", + "565: overflow: hidden;\n", + "566: overscroll-behavior-y: contain;\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:604:0 Unused CSS selector \".dark\"\u001b[39m\n", + "602: }\n", + "603: \n", + "604: .dark {\n", + " ^\n", + "605: color-scheme: dark;\n", + "606: --input-border-color-focus: var(--neutral-500);\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:634:0 Unused CSS selector \".mobile\"\u001b[39m\n", + "632: }\n", + "633: \n", + "634: .mobile {\n", + " ^\n", + "635: --comfy-progress-bar-background: lightgrey;\n", + "636: --comfy-progress-bar-foreground: #B3D8A9 ;\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:639:0 Unused CSS selector \"hr\"\u001b[39m\n", + "637: }\n", + "638: \n", + "639: hr {\n", + " ^\n", + "640: color: var(--panel-border-color);\n", + "641: }\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:643:0 Unused CSS selector \"input\"\u001b[39m\n", + "641: }\n", + "642: \n", + "643: input {\n", + " ^\n", + "644: color: var(--body-text-color);\n", + "645: background: var(--input-background-fill);\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:649:0 Unused CSS selector \"input:not(input[type=radio])\"\u001b[39m\n", + "647: }\n", + "648: \n", + "649: input:not(input[type=radio]), textarea {\n", + " ^\n", + "650: border-radius: 0 !important;\n", + "651: }\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:649:30 Unused CSS selector \"textarea\"\u001b[39m\n", + "647: }\n", + "648: \n", + "649: input:not(input[type=radio]), textarea {\n", + " ^\n", + "650: border-radius: 0 !important;\n", + "651: }\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:653:0 Unused CSS selector \":not(.litegraph) select\"\u001b[39m\n", + "651: }\n", + "652: \n", + "653: :not(.litegraph) select {\n", + " ^\n", + "654: color: var(--body-text-color);\n", + "655: background: var(--input-background-fill);\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:659:0 Unused CSS selector \".container\"\u001b[39m\n", + "657: }\n", + "658: \n", + "659: .container {\n", + " ^\n", + "660: background: var(--body-background-fill) !important;\n", + "661: }\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:662:0 Unused CSS selector \".container.selected\"\u001b[39m\n", + "660: background: var(--body-background-fill) !important;\n", + "661: }\n", + "662: .container.selected {\n", + " ^\n", + "663: background: var(--ae-primary-color) !important;\n", + "664: }\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:665:0 Unused CSS selector \".container.selected > .block.padded\"\u001b[39m\n", + "663: background: var(--ae-primary-color) !important;\n", + "664: }\n", + "665: .container.selected > .block.padded {\n", + " ^\n", + "666: background: var(--ae-primary-color) !important;\n", + "667: }\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:668:0 Unused CSS selector \".container > .block\"\u001b[39m\n", + "666: background: var(--ae-primary-color) !important;\n", + "667: }\n", + "668: .container > .block {\n", + " ^\n", + "669: background: var(--body-background-fill) !important;\n", + "670: }\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:671:0 Unused CSS selector \".container.z-index0 > .block\"\u001b[39m\n", + "669: background: var(--body-background-fill) !important;\n", + "670: }\n", + "671: .container.z-index0 > .block {\n", + " ^\n", + "672: background: var(--panel-background-fill) !important;\n", + "673: }\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:675:0 Unused CSS selector \"button.primary:active\"\u001b[39m\n", + "673: }\n", + "674: \n", + "675: button.primary:active {\n", + " ^\n", + "676: border-color: var(--button-primary-border-color-active) !important;\n", + "677: background: var(--button-primary-background-fill-active) !important;\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:680:0 Unused CSS selector \"button.secondary:active\"\u001b[39m\n", + "678: color: var(--button-primary-text-color-active) !important;\n", + "679: }\n", + "680: button.secondary:active {\n", + " ^\n", + "681: border-color: var(--button-secondary-border-color-active) !important;\n", + "682: background: var(--button-secondary-background-fill-active) !important;\n", + "\u001b[33m6:20:17 AM [vite-plugin-svelte] /src/lib/components/modal/ReceiveOutputTargets.svelte:686:0 Unused CSS selector \".widget .block\"\u001b[39m\n", + "684: }\n", + "685: \n", + "686: .widget .block {\n", + " ^\n", + "687: background: var(--block-background-fill) !important;\n", + "688: }\n", + "\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[33m6:20:18 AM [vite-plugin-svelte] /src/lib/components/gradio/gallery/Gallery.svelte:153:3 A11y: visible, non-interactive elements with an on:click event must be accompanied by an on:keydown, on:keyup, or on:keypress event.\u001b[39m\n", + "151: (selected_image = null)} />\n", + "152: \n", + "153: \n", + "20: \n", + "21:
\";\n", + "524: position: absolute;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyNumberProperty.svelte:529:0 Unused CSS selector \".litegraph.litecontextmenu\"\u001b[39m\n", + "527: }\n", + "528: \n", + "529: .litegraph.litecontextmenu,\n", + " ^\n", + "530: .litegraph.litecontextmenu.dark {\n", + "531: z-index: 9999 !important;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyNumberProperty.svelte:530:0 Unused CSS selector \".litegraph.litecontextmenu.dark\"\u001b[39m\n", + "528: \n", + "529: .litegraph.litecontextmenu,\n", + "530: .litegraph.litecontextmenu.dark {\n", + " ^\n", + "531: z-index: 9999 !important;\n", + "532: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyNumberProperty.svelte:536:0 Unused CSS selector \".litegraph.litecontextmenu .litemenu-entry.submenu\"\u001b[39m\n", + "534: }\n", + "535: \n", + "536: .litegraph.litecontextmenu .litemenu-entry.submenu,\n", + " ^\n", + "537: .litegraph.litecontextmenu.dark .litemenu-entry.submenu {\n", + "538: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyNumberProperty.svelte:537:0 Unused CSS selector \".litegraph.litecontextmenu.dark .litemenu-entry.submenu\"\u001b[39m\n", + "535: \n", + "536: .litegraph.litecontextmenu .litemenu-entry.submenu,\n", + "537: .litegraph.litecontextmenu.dark .litemenu-entry.submenu {\n", + " ^\n", + "538: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "539: color: var(--litegraph-input-text);\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyNumberProperty.svelte:542:0 Unused CSS selector \".litegraph.litesearchbox input\"\u001b[39m\n", + "540: }\n", + "541: \n", + "542: .litegraph.litesearchbox input,\n", + " ^\n", + "543: .litegraph.litesearchbox select {\n", + "544: background-color: var(--litegraph-comfy-input-bg) !important;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyNumberProperty.svelte:543:0 Unused CSS selector \".litegraph.litesearchbox select\"\u001b[39m\n", + "541: \n", + "542: .litegraph.litesearchbox input,\n", + "543: .litegraph.litesearchbox select {\n", + " ^\n", + "544: background-color: var(--litegraph-comfy-input-bg) !important;\n", + "545: color: var(--litegraph-input-text);\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyNumberProperty.svelte:548:0 Unused CSS selector \"body\"\u001b[39m\n", + "546: }\n", + "547: \n", + "548: body {\n", + " ^\n", + "549: overflow: hidden;\n", + "550: overscroll-behavior-y: contain;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyNumberProperty.svelte:588:0 Unused CSS selector \".dark\"\u001b[39m\n", + "586: }\n", + "587: \n", + "588: .dark {\n", + " ^\n", + "589: color-scheme: dark;\n", + "590: --input-border-color-focus: var(--neutral-500);\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyNumberProperty.svelte:618:0 Unused CSS selector \".mobile\"\u001b[39m\n", + "616: }\n", + "617: \n", + "618: .mobile {\n", + " ^\n", + "619: --comfy-progress-bar-background: lightgrey;\n", + "620: --comfy-progress-bar-foreground: #B3D8A9 ;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyNumberProperty.svelte:623:0 Unused CSS selector \"hr\"\u001b[39m\n", + "621: }\n", + "622: \n", + "623: hr {\n", + " ^\n", + "624: color: var(--panel-border-color);\n", + "625: }\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyNumberProperty.svelte:633:30 Unused CSS selector \"textarea\"\u001b[39m\n", + "631: }\n", + "632: \n", + "633: input:not(input[type=radio]), textarea {\n", + " ^\n", + "634: border-radius: 0 !important;\n", + "635: }\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyNumberProperty.svelte:637:0 Unused CSS selector \":not(.litegraph) select\"\u001b[39m\n", + "635: }\n", + "636: \n", + "637: :not(.litegraph) select {\n", + " ^\n", + "638: color: var(--body-text-color);\n", + "639: background: var(--input-background-fill);\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyNumberProperty.svelte:643:0 Unused CSS selector \".container\"\u001b[39m\n", + "641: }\n", + "642: \n", + "643: .container {\n", + " ^\n", + "644: background: var(--body-background-fill) !important;\n", + "645: }\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyNumberProperty.svelte:646:0 Unused CSS selector \".container.selected\"\u001b[39m\n", + "644: background: var(--body-background-fill) !important;\n", + "645: }\n", + "646: .container.selected {\n", + " ^\n", + "647: background: var(--ae-primary-color) !important;\n", + "648: }\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyNumberProperty.svelte:649:0 Unused CSS selector \".container.selected > .block.padded\"\u001b[39m\n", + "647: background: var(--ae-primary-color) !important;\n", + "648: }\n", + "649: .container.selected > .block.padded {\n", + " ^\n", + "650: background: var(--ae-primary-color) !important;\n", + "651: }\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyNumberProperty.svelte:652:0 Unused CSS selector \".container > .block\"\u001b[39m\n", + "650: background: var(--ae-primary-color) !important;\n", + "651: }\n", + "652: .container > .block {\n", + " ^\n", + "653: background: var(--body-background-fill) !important;\n", + "654: }\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyNumberProperty.svelte:655:0 Unused CSS selector \".container.z-index0 > .block\"\u001b[39m\n", + "653: background: var(--body-background-fill) !important;\n", + "654: }\n", + "655: .container.z-index0 > .block {\n", + " ^\n", + "656: background: var(--panel-background-fill) !important;\n", + "657: }\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyNumberProperty.svelte:659:0 Unused CSS selector \"button.primary:active\"\u001b[39m\n", + "657: }\n", + "658: \n", + "659: button.primary:active {\n", + " ^\n", + "660: border-color: var(--button-primary-border-color-active) !important;\n", + "661: background: var(--button-primary-background-fill-active) !important;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyNumberProperty.svelte:664:0 Unused CSS selector \"button.secondary:active\"\u001b[39m\n", + "662: color: var(--button-primary-text-color-active) !important;\n", + "663: }\n", + "664: button.secondary:active {\n", + " ^\n", + "665: border-color: var(--button-secondary-border-color-active) !important;\n", + "666: background: var(--button-secondary-background-fill-active) !important;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyNumberProperty.svelte:670:0 Unused CSS selector \".widget .block\"\u001b[39m\n", + "668: }\n", + "669: \n", + "670: .widget .block {\n", + " ^\n", + "671: background: var(--block-background-fill) !important;\n", + "672: }\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:240:0 Unused CSS selector \".dark\"\u001b[39m\n", + "238: }\n", + "239: \n", + "240: .dark {\n", + " ^\n", + "241: --body-background-fill: var(--background-fill-primary);\n", + "242: --body-text-color: var(--neutral-100);\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:472:0 Unused CSS selector \".litegraph\"\u001b[39m\n", + "470: }\n", + "471: \n", + "472: .litegraph {\n", + " ^\n", + "473: /* Input popup */\n", + "474: /* Context Menu */\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:476:0 Unused CSS selector \".litegraph.graphdialog\"\u001b[39m\n", + "474: /* Context Menu */\n", + "475: }\n", + "476: .litegraph.graphdialog {\n", + " ^\n", + "477: min-height: 1em;\n", + "478: background-color: var(--litegraph-comfy-menu-bg);\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:480:0 Unused CSS selector \".litegraph.graphdialog .name\"\u001b[39m\n", + "478: background-color: var(--litegraph-comfy-menu-bg);\n", + "479: }\n", + "480: .litegraph.graphdialog .name {\n", + " ^\n", + "481: font-size: 14px;\n", + "482: font-family: sans-serif;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:485:0 Unused CSS selector \".litegraph.graphdialog button\"\u001b[39m\n", + "483: color: var(--litegraph-descrip-text);\n", + "484: }\n", + "485: .litegraph.graphdialog button {\n", + " ^\n", + "486: margin-top: unset;\n", + "487: vertical-align: unset;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:491:0 Unused CSS selector \".litegraph .graphdialog input\"\u001b[39m\n", + "489: padding-right: 8px;\n", + "490: }\n", + "491: .litegraph .graphdialog input, .litegraph .graphdialog textarea, .litegraph .graphdialog select {\n", + " ^\n", + "492: background-color: var(--litegraph-comfy-input-bg);\n", + "493: border: 2px solid;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:491:31 Unused CSS selector \".litegraph .graphdialog textarea\"\u001b[39m\n", + "489: padding-right: 8px;\n", + "490: }\n", + "491: .litegraph .graphdialog input, .litegraph .graphdialog textarea, .litegraph .graphdialog select {\n", + " ^\n", + "492: background-color: var(--litegraph-comfy-input-bg);\n", + "493: border: 2px solid;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:491:65 Unused CSS selector \".litegraph .graphdialog select\"\u001b[39m\n", + "489: padding-right: 8px;\n", + "490: }\n", + "491: .litegraph .graphdialog input, .litegraph .graphdialog textarea, .litegraph .graphdialog select {\n", + " ^\n", + "492: background-color: var(--litegraph-comfy-input-bg);\n", + "493: border: 2px solid;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:498:0 Unused CSS selector \".litegraph .litemenu-entry.has_submenu\"\u001b[39m\n", + "496: border-radius: 12px 0 0 12px;\n", + "497: }\n", + "498: .litegraph .litemenu-entry.has_submenu {\n", + " ^\n", + "499: position: relative;\n", + "500: padding-right: 20px;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:502:0 Unused CSS selector \".litegraph.litecontextmenu .litemenu-entry:hover:not(.disabled):not(.separator)\"\u001b[39m\n", + "500: padding-right: 20px;\n", + "501: }\n", + "502: .litegraph.litecontextmenu .litemenu-entry:hover:not(.disabled):not(.separator) {\n", + " ^\n", + "503: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "504: filter: brightness(155%);\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:507:0 Unused CSS selector \".litegraph.litecontextmenu input\"\u001b[39m\n", + "505: color: var(--litegraph-input-text);\n", + "506: }\n", + "507: .litegraph.litecontextmenu input {\n", + " ^\n", + "508: background-color: var(--litegraph-comfy-input-bg) !important;\n", + "509: color: var(--litegraph-input-text) !important;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:511:0 Unused CSS selector \".litegraph.litesearchbox\"\u001b[39m\n", + "509: color: var(--litegraph-input-text) !important;\n", + "510: }\n", + "511: .litegraph.litesearchbox {\n", + " ^\n", + "512: z-index: 9999 !important;\n", + "513: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:516:0 Unused CSS selector \".litegraph.lite-search-item\"\u001b[39m\n", + "514: overflow: hidden;\n", + "515: }\n", + "516: .litegraph.lite-search-item {\n", + " ^\n", + "517: color: var(--litegraph-input-text);\n", + "518: background-color: var(--litegraph-comfy-input-bg);\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:522:0 Unused CSS selector \".litegraph.lite-search-item.generic_type\"\u001b[39m\n", + "520: padding-left: 0.2em;\n", + "521: }\n", + "522: .litegraph.lite-search-item.generic_type {\n", + " ^\n", + "523: color: var(--litegraph-input-text);\n", + "524: filter: brightness(50%);\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:527:0 Unused CSS selector \".litemenu-entry.has_submenu::after\"\u001b[39m\n", + "525: }\n", + "526: \n", + "527: .litemenu-entry.has_submenu::after {\n", + " ^\n", + "528: content: \">\";\n", + "529: position: absolute;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:534:0 Unused CSS selector \".litegraph.litecontextmenu\"\u001b[39m\n", + "532: }\n", + "533: \n", + "534: .litegraph.litecontextmenu,\n", + " ^\n", + "535: .litegraph.litecontextmenu.dark {\n", + "536: z-index: 9999 !important;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:535:0 Unused CSS selector \".litegraph.litecontextmenu.dark\"\u001b[39m\n", + "533: \n", + "534: .litegraph.litecontextmenu,\n", + "535: .litegraph.litecontextmenu.dark {\n", + " ^\n", + "536: z-index: 9999 !important;\n", + "537: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:541:0 Unused CSS selector \".litegraph.litecontextmenu .litemenu-entry.submenu\"\u001b[39m\n", + "539: }\n", + "540: \n", + "541: .litegraph.litecontextmenu .litemenu-entry.submenu,\n", + " ^\n", + "542: .litegraph.litecontextmenu.dark .litemenu-entry.submenu {\n", + "543: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:542:0 Unused CSS selector \".litegraph.litecontextmenu.dark .litemenu-entry.submenu\"\u001b[39m\n", + "540: \n", + "541: .litegraph.litecontextmenu .litemenu-entry.submenu,\n", + "542: .litegraph.litecontextmenu.dark .litemenu-entry.submenu {\n", + " ^\n", + "543: background-color: var(--litegraph-comfy-menu-bg) !important;\n", + "544: color: var(--litegraph-input-text);\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:547:0 Unused CSS selector \".litegraph.litesearchbox input\"\u001b[39m\n", + "545: }\n", + "546: \n", + "547: .litegraph.litesearchbox input,\n", + " ^\n", + "548: .litegraph.litesearchbox select {\n", + "549: background-color: var(--litegraph-comfy-input-bg) !important;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:548:0 Unused CSS selector \".litegraph.litesearchbox select\"\u001b[39m\n", + "546: \n", + "547: .litegraph.litesearchbox input,\n", + "548: .litegraph.litesearchbox select {\n", + " ^\n", + "549: background-color: var(--litegraph-comfy-input-bg) !important;\n", + "550: color: var(--litegraph-input-text);\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:553:0 Unused CSS selector \"body\"\u001b[39m\n", + "551: }\n", + "552: \n", + "553: body {\n", + " ^\n", + "554: overflow: hidden;\n", + "555: overscroll-behavior-y: contain;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:593:0 Unused CSS selector \".dark\"\u001b[39m\n", + "591: }\n", + "592: \n", + "593: .dark {\n", + " ^\n", + "594: color-scheme: dark;\n", + "595: --input-border-color-focus: var(--neutral-500);\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:623:0 Unused CSS selector \".mobile\"\u001b[39m\n", + "621: }\n", + "622: \n", + "623: .mobile {\n", + " ^\n", + "624: --comfy-progress-bar-background: lightgrey;\n", + "625: --comfy-progress-bar-foreground: #B3D8A9 ;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:628:0 Unused CSS selector \"hr\"\u001b[39m\n", + "626: }\n", + "627: \n", + "628: hr {\n", + " ^\n", + "629: color: var(--panel-border-color);\n", + "630: }\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:632:0 Unused CSS selector \"input\"\u001b[39m\n", + "630: }\n", + "631: \n", + "632: input {\n", + " ^\n", + "633: color: var(--body-text-color);\n", + "634: background: var(--input-background-fill);\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:638:0 Unused CSS selector \"input:not(input[type=radio])\"\u001b[39m\n", + "636: }\n", + "637: \n", + "638: input:not(input[type=radio]), textarea {\n", + " ^\n", + "639: border-radius: 0 !important;\n", + "640: }\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:638:30 Unused CSS selector \"textarea\"\u001b[39m\n", + "636: }\n", + "637: \n", + "638: input:not(input[type=radio]), textarea {\n", + " ^\n", + "639: border-radius: 0 !important;\n", + "640: }\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:648:0 Unused CSS selector \".container\"\u001b[39m\n", + "646: }\n", + "647: \n", + "648: .container {\n", + " ^\n", + "649: background: var(--body-background-fill) !important;\n", + "650: }\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:651:0 Unused CSS selector \".container.selected\"\u001b[39m\n", + "649: background: var(--body-background-fill) !important;\n", + "650: }\n", + "651: .container.selected {\n", + " ^\n", + "652: background: var(--ae-primary-color) !important;\n", + "653: }\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:654:0 Unused CSS selector \".container.selected > .block.padded\"\u001b[39m\n", + "652: background: var(--ae-primary-color) !important;\n", + "653: }\n", + "654: .container.selected > .block.padded {\n", + " ^\n", + "655: background: var(--ae-primary-color) !important;\n", + "656: }\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:657:0 Unused CSS selector \".container > .block\"\u001b[39m\n", + "655: background: var(--ae-primary-color) !important;\n", + "656: }\n", + "657: .container > .block {\n", + " ^\n", + "658: background: var(--body-background-fill) !important;\n", + "659: }\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:660:0 Unused CSS selector \".container.z-index0 > .block\"\u001b[39m\n", + "658: background: var(--body-background-fill) !important;\n", + "659: }\n", + "660: .container.z-index0 > .block {\n", + " ^\n", + "661: background: var(--panel-background-fill) !important;\n", + "662: }\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:664:0 Unused CSS selector \"button.primary:active\"\u001b[39m\n", + "662: }\n", + "663: \n", + "664: button.primary:active {\n", + " ^\n", + "665: border-color: var(--button-primary-border-color-active) !important;\n", + "666: background: var(--button-primary-background-fill-active) !important;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:669:0 Unused CSS selector \"button.secondary:active\"\u001b[39m\n", + "667: color: var(--button-primary-text-color-active) !important;\n", + "668: }\n", + "669: button.secondary:active {\n", + " ^\n", + "670: border-color: var(--button-secondary-border-color-active) !important;\n", + "671: background: var(--button-secondary-background-fill-active) !important;\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:675:0 Unused CSS selector \".widget .block\"\u001b[39m\n", + "673: }\n", + "674: \n", + "675: .widget .block {\n", + " ^\n", + "676: background: var(--block-background-fill) !important;\n", + "677: }\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:693:0 Unused CSS selector \".select-title\"\u001b[39m\n", + "691: }\n", + "692: \n", + "693: .select-title {\n", + " ^\n", + "694: padding: 0.2rem;\n", + "695: }\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/ComfyComboProperty.svelte:697:0 Unused CSS selector \"input:disabled\"\u001b[39m\n", + "695: }\n", + "696: \n", + "697: input:disabled {\n", + " ^\n", + "698: cursor: not-allowed;\n", + "699: }\n", + "\u001b[33m6:20:19 AM [vite-plugin-svelte] /src/lib/components/gradio/app/UploadText.svelte:1:29 UploadText has unused export property 'type'. If it is for external reference only, please consider using `export const type`\u001b[39m\n", + "1: \n", + "78: \n", + "79: :690:4:\n", + " 690 │ .noselect {\n", + " ╵ ^\n", + "\n", + "\u001b[39m\n", + "\u001b[2K\u001b[1GSourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1GSourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "\u001b[2K\u001b[1GSourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "\u001b[2K\u001b[1GSourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "\u001b[2K\u001b[1GSourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "Sourcemap is likely to be incorrect: a plugin (svelte-remove-console) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n", + "\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2K\u001b[1G\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mbrush-chemy-d6be1ba6.svg \u001b[39m\u001b[1m\u001b[2m 0.13 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.13 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32minverted-border-8978cbee.svg \u001b[39m\u001b[1m\u001b[2m 0.15 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.14 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mupload-872ef3de.svg \u001b[39m\u001b[1m\u001b[2m 0.16 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.16 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mcaret-down-7b768122.svg \u001b[39m\u001b[1m\u001b[2m 0.17 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.14 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32madd-layer-aa1f83a9.svg \u001b[39m\u001b[1m\u001b[2m 0.18 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.16 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32medit-grid-44df4bb1.svg \u001b[39m\u001b[1m\u001b[2m 0.20 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.17 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mangle-b1605e46.svg \u001b[39m\u001b[1m\u001b[2m 0.20 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.16 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mui-collapse-b713d906.svg \u001b[39m\u001b[1m\u001b[2m 0.21 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.19 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mbrush-eraser-83d6835b.svg \u001b[39m\u001b[1m\u001b[2m 0.22 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.19 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mtab-settings-e479ad73.svg \u001b[39m\u001b[1m\u001b[2m 0.22 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.16 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mcancel-77c4e420.svg \u001b[39m\u001b[1m\u001b[2m 0.23 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.18 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mexport-1a1df880.svg \u001b[39m\u001b[1m\u001b[2m 0.23 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.18 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mcopy-d6fc4d6a.svg \u001b[39m\u001b[1m\u001b[2m 0.23 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.20 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mnew-image-ce4bb6cd.svg \u001b[39m\u001b[1m\u001b[2m 0.24 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.20 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mtab-layers-ac19273c.svg \u001b[39m\u001b[1m\u001b[2m 0.25 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.18 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mmerge-layers-59e6244c.svg \u001b[39m\u001b[1m\u001b[2m 0.27 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.20 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32medit-vanish-point-51330ede.svg \u001b[39m\u001b[1m\u001b[2m 0.27 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.21 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mui-swap-lr-6175716b.svg \u001b[39m\u001b[1m\u001b[2m 0.28 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.22 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mok-c6b7ef9d.svg \u001b[39m\u001b[1m\u001b[2m 0.28 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.22 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32medit-flip-5c1801f4.svg \u001b[39m\u001b[1m\u001b[2m 0.29 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.22 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32medit-resize-9e2d13eb.svg \u001b[39m\u001b[1m\u001b[2m 0.30 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.23 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mduplicate-layer-031043ac.svg \u001b[39m\u001b[1m\u001b[2m 0.31 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.23 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mbrush-pixel-0c5efe48.svg \u001b[39m\u001b[1m\u001b[2m 0.33 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.22 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mbrush-smudge-1dfe4b38.svg \u001b[39m\u001b[1m\u001b[2m 0.33 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.24 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mcheck-95c69944.svg \u001b[39m\u001b[1m\u001b[2m 0.34 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.25 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32merror-9ff26873.svg \u001b[39m\u001b[1m\u001b[2m 0.35 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.21 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32medit-rotate-ad403fa6.svg \u001b[39m\u001b[1m\u001b[2m 0.35 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.24 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mimport-d562db8a.svg \u001b[39m\u001b[1m\u001b[2m 0.36 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.26 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mtool-text-4be6be9f.svg \u001b[39m\u001b[1m\u001b[2m 0.36 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.26 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mupload-large-ae8829f7.svg \u001b[39m\u001b[1m\u001b[2m 0.37 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.26 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32medit-pattern-03074719.svg \u001b[39m\u001b[1m\u001b[2m 0.38 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.20 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32medit-crop-2e7944ff.svg \u001b[39m\u001b[1m\u001b[2m 0.39 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.26 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mtool-fill-683cbb53.svg \u001b[39m\u001b[1m\u001b[2m 0.40 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.27 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mtool-gradient-db01efc9.svg \u001b[39m\u001b[1m\u001b[2m 0.41 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.25 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mtool-shape-d1666eb6.svg \u001b[39m\u001b[1m\u001b[2m 0.45 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.28 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mtool-zoom-out-3c295001.svg \u001b[39m\u001b[1m\u001b[2m 0.45 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.25 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32medit-perspective-016631e1.svg \u001b[39m\u001b[1m\u001b[2m 0.45 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.32 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mrename-layer-848e6bd6.svg \u001b[39m\u001b[1m\u001b[2m 0.47 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.29 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mconstrain-9dffdc8b.svg \u001b[39m\u001b[1m\u001b[2m 0.47 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.29 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mtool-undo-c821de93.svg \u001b[39m\u001b[1m\u001b[2m 0.48 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.31 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mbrush-pressure-9cddc9e0.svg \u001b[39m\u001b[1m\u001b[2m 0.49 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.35 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32medit-curves-871d3016.svg \u001b[39m\u001b[1m\u001b[2m 0.52 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.28 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32medit-noise-04862a98.svg \u001b[39m\u001b[1m\u001b[2m 0.55 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.29 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mtool-picker-70effd50.svg \u001b[39m\u001b[1m\u001b[2m 0.56 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.33 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mtool-zoom-in-1ee7404f.svg \u001b[39m\u001b[1m\u001b[2m 0.59 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.29 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mbrush-pen-3ee8651b.svg \u001b[39m\u001b[1m\u001b[2m 0.60 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.37 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mtool-hand-87d762e1.svg \u001b[39m\u001b[1m\u001b[2m 0.60 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.36 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mshare-114504ab.svg \u001b[39m\u001b[1m\u001b[2m 0.61 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.26 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32medit-brightness-contrast-84cd37d1.svg \u001b[39m\u001b[1m\u001b[2m 0.67 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.32 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mremove-layer-ce05170a.svg \u001b[39m\u001b[1m\u001b[2m 0.69 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.28 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mbrush-blend-77cb541d.svg \u001b[39m\u001b[1m\u001b[2m 0.69 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.46 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mtypo-bold-12279569.svg \u001b[39m\u001b[1m\u001b[2m 0.72 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.44 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mhelp-0201d40c.svg \u001b[39m\u001b[1m\u001b[2m 0.73 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.39 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mtool-paint-08e48ef1.svg \u001b[39m\u001b[1m\u001b[2m 0.74 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.47 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32malign-left-39af4bc5.svg \u001b[39m\u001b[1m\u001b[2m 0.77 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.34 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32malign-center-a32b3719.svg \u001b[39m\u001b[1m\u001b[2m 0.77 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.35 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32malign-right-1aa53bce.svg \u001b[39m\u001b[1m\u001b[2m 0.77 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.35 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[32mmobile/index.html \u001b[39m\u001b[1m\u001b[2m 0.80 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.42 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mwarning-6b49ed42.svg \u001b[39m\u001b[1m\u001b[2m 0.81 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.42 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32medit-distort-c16bd9c6.svg \u001b[39m\u001b[1m\u001b[2m 0.89 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.51 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mtypo-italic-07eab9cc.svg \u001b[39m\u001b[1m\u001b[2m 0.92 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.49 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32medit-transform-bbd13de9.svg \u001b[39m\u001b[1m\u001b[2m 0.95 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.42 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32medit-to-alpha-3c2644a1.svg \u001b[39m\u001b[1m\u001b[2m 1.09 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.43 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[32mindex.html \u001b[39m\u001b[1m\u001b[2m 1.22 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.55 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32medit-hue-saturation-209ab2cd.svg \u001b[39m\u001b[1m\u001b[2m 1.58 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.55 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[32mbitbof-logo-60cc8838.svg \u001b[39m\u001b[1m\u001b[2m 2.63 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.77 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[35mindex-aa576df9.css \u001b[39m\u001b[1m\u001b[2m 281.04 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 15.71 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[35mglobal-aad4dfb7.css \u001b[39m\u001b[1m\u001b[2m 422.35 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 31.46 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[35mindex-7855a62b.css \u001b[39m\u001b[1m\u001b[2m 562.79 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 79.56 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[36mlicenses-7698b34f.js \u001b[39m\u001b[1m\u001b[2m 6.19 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 1.21 kB\u001b[22m\u001b[2m │ map: 0.21 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[36mzh-CN-e19ae99a.js \u001b[39m\u001b[1m\u001b[2m 9.13 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 4.65 kB\u001b[22m\u001b[2m │ map: 0.10 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[36mzh-TW-92a82705.js \u001b[39m\u001b[1m\u001b[2m 9.20 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 4.71 kB\u001b[22m\u001b[2m │ map: 0.10 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[36mja-4e4a9cf7.js \u001b[39m\u001b[1m\u001b[2m 10.05 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 5.06 kB\u001b[22m\u001b[2m │ map: 0.10 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[36mde-ecec13be.js \u001b[39m\u001b[1m\u001b[2m 12.88 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 4.70 kB\u001b[22m\u001b[2m │ map: 0.10 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[36mfr-422800d7.js \u001b[39m\u001b[1m\u001b[2m 13.11 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 4.85 kB\u001b[22m\u001b[2m │ map: 0.10 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[36mmain-8f83746c.js \u001b[39m\u001b[1m\u001b[2m 156.09 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 44.49 kB\u001b[22m\u001b[2m │ map: 9.84 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[36mindex-1d7d7ec1.js \u001b[39m\u001b[1m\u001b[2m 185.94 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 59.99 kB\u001b[22m\u001b[2m │ map: 315.43 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[36mmobile-d2fcfa68.js \u001b[39m\u001b[1m\u001b[33m 922.22 kB\u001b[39m\u001b[22m\u001b[2m │ gzip: 240.18 kB\u001b[22m\u001b[2m │ map: 0.30 kB\u001b[22m\n", + "\u001b[2mdist/\u001b[22m\u001b[2massets/\u001b[22m\u001b[36mglobal-9896eb17.js \u001b[39m\u001b[1m\u001b[33m1,633.26 kB\u001b[39m\u001b[22m\u001b[2m │ gzip: 482.58 kB\u001b[22m\u001b[2m │ map: 228.76 kB\u001b[22m\n", + "\u001b[33m\n", + "(!) Some chunks are larger than 500 kBs after minification. Consider:\n", + "- Using dynamic import() to code-split the application\n", + "- Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/configuration-options/#output-manualchunks\n", + "- Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.\u001b[39m\n", + "\u001b[36m[vite-plugin-static-copy]\u001b[39m \u001b[32mCopied 3 items.\u001b[39m\n", + "\u001b[32m✓ built in 2m 20s\u001b[39m\n", + "/content/ComfyUI\n", + "-= Install dependencies =-\n", + "Looking in indexes: https://pypi.org/simple, https://us-python.pkg.dev/colab-wheels/public/simple/, https://download.pytorch.org/whl/cu118, https://download.pytorch.org/whl/cu117\n", + "Requirement already satisfied: xformers!=0.0.18 in /usr/local/lib/python3.10/dist-packages (0.0.20)\n", + "Requirement already satisfied: torch in /usr/local/lib/python3.10/dist-packages (from -r requirements.txt (line 1)) (2.0.1+cu118)\n", + "Requirement already satisfied: torchdiffeq in /usr/local/lib/python3.10/dist-packages (from -r requirements.txt (line 2)) (0.2.3)\n", + "Requirement already satisfied: torchsde in /usr/local/lib/python3.10/dist-packages (from -r requirements.txt (line 3)) (0.2.5)\n", + "Requirement already satisfied: einops in /usr/local/lib/python3.10/dist-packages (from -r requirements.txt (line 4)) (0.6.1)\n", + "Requirement already satisfied: open-clip-torch in /usr/local/lib/python3.10/dist-packages (from -r requirements.txt (line 5)) (2.20.0)\n", + "Requirement already satisfied: transformers>=4.25.1 in /usr/local/lib/python3.10/dist-packages (from -r requirements.txt (line 6)) (4.29.2)\n", + "Requirement already satisfied: safetensors>=0.3.0 in /usr/local/lib/python3.10/dist-packages (from -r requirements.txt (line 7)) (0.3.1)\n", + "Requirement already satisfied: pytorch_lightning in /usr/local/lib/python3.10/dist-packages (from -r requirements.txt (line 8)) (2.0.2)\n", + "Requirement already satisfied: aiohttp in /usr/local/lib/python3.10/dist-packages (from -r requirements.txt (line 9)) (3.8.4)\n", + "Requirement already satisfied: accelerate in /usr/local/lib/python3.10/dist-packages (from -r requirements.txt (line 10)) (0.19.0)\n", + "Requirement already satisfied: pyyaml in /usr/local/lib/python3.10/dist-packages (from -r requirements.txt (line 11)) (6.0)\n", + "Requirement already satisfied: numpy in /usr/local/lib/python3.10/dist-packages (from xformers!=0.0.18) (1.22.4)\n", + "Requirement already satisfied: pyre-extensions==0.0.29 in /usr/local/lib/python3.10/dist-packages (from xformers!=0.0.18) (0.0.29)\n", + "Requirement already satisfied: filelock in /usr/local/lib/python3.10/dist-packages (from torch->-r requirements.txt (line 1)) (3.12.0)\n", + "Requirement already satisfied: typing-extensions in /usr/local/lib/python3.10/dist-packages (from torch->-r requirements.txt (line 1)) (4.5.0)\n", + "Requirement already satisfied: sympy in /usr/local/lib/python3.10/dist-packages (from torch->-r requirements.txt (line 1)) (1.11.1)\n", + "Requirement already satisfied: networkx in /usr/local/lib/python3.10/dist-packages (from torch->-r requirements.txt (line 1)) (3.1)\n", + "Requirement already satisfied: jinja2 in /usr/local/lib/python3.10/dist-packages (from torch->-r requirements.txt (line 1)) (3.1.2)\n", + "Requirement already satisfied: triton==2.0.0 in /usr/local/lib/python3.10/dist-packages (from torch->-r requirements.txt (line 1)) (2.0.0)\n", + "Requirement already satisfied: typing-inspect in /usr/local/lib/python3.10/dist-packages (from pyre-extensions==0.0.29->xformers!=0.0.18) (0.9.0)\n", + "Requirement already satisfied: cmake in /usr/local/lib/python3.10/dist-packages (from triton==2.0.0->torch->-r requirements.txt (line 1)) (3.25.2)\n", + "Requirement already satisfied: lit in /usr/local/lib/python3.10/dist-packages (from triton==2.0.0->torch->-r requirements.txt (line 1)) (16.0.5)\n", + "Requirement already satisfied: scipy>=1.4.0 in /usr/local/lib/python3.10/dist-packages (from torchdiffeq->-r requirements.txt (line 2)) (1.10.1)\n", + "Requirement already satisfied: boltons>=20.2.1 in /usr/local/lib/python3.10/dist-packages (from torchsde->-r requirements.txt (line 3)) (23.0.0)\n", + "Requirement already satisfied: trampoline>=0.1.2 in /usr/local/lib/python3.10/dist-packages (from torchsde->-r requirements.txt (line 3)) (0.1.2)\n", + "Requirement already satisfied: torchvision in /usr/local/lib/python3.10/dist-packages (from open-clip-torch->-r requirements.txt (line 5)) (0.15.2+cu118)\n", + "Requirement already satisfied: regex in /usr/local/lib/python3.10/dist-packages (from open-clip-torch->-r requirements.txt (line 5)) (2022.10.31)\n", + "Requirement already satisfied: ftfy in /usr/local/lib/python3.10/dist-packages (from open-clip-torch->-r requirements.txt (line 5)) (6.1.1)\n", + "Requirement already satisfied: tqdm in /usr/local/lib/python3.10/dist-packages (from open-clip-torch->-r requirements.txt (line 5)) (4.65.0)\n", + "Requirement already satisfied: huggingface-hub in /usr/local/lib/python3.10/dist-packages (from open-clip-torch->-r requirements.txt (line 5)) (0.14.1)\n", + "Requirement already satisfied: sentencepiece in /usr/local/lib/python3.10/dist-packages (from open-clip-torch->-r requirements.txt (line 5)) (0.1.99)\n", + "Requirement already satisfied: protobuf<4 in /usr/local/lib/python3.10/dist-packages (from open-clip-torch->-r requirements.txt (line 5)) (3.20.3)\n", + "Requirement already satisfied: timm in /usr/local/lib/python3.10/dist-packages (from open-clip-torch->-r requirements.txt (line 5)) (0.9.2)\n", + "Requirement already satisfied: packaging>=20.0 in /usr/local/lib/python3.10/dist-packages (from transformers>=4.25.1->-r requirements.txt (line 6)) (23.1)\n", + "Requirement already satisfied: requests in /usr/local/lib/python3.10/dist-packages (from transformers>=4.25.1->-r requirements.txt (line 6)) (2.27.1)\n", + "Requirement already satisfied: tokenizers!=0.11.3,<0.14,>=0.11.1 in /usr/local/lib/python3.10/dist-packages (from transformers>=4.25.1->-r requirements.txt (line 6)) (0.13.3)\n", + "Requirement already satisfied: fsspec[http]>2021.06.0 in /usr/local/lib/python3.10/dist-packages (from pytorch_lightning->-r requirements.txt (line 8)) (2023.4.0)\n", + "Requirement already satisfied: torchmetrics>=0.7.0 in /usr/local/lib/python3.10/dist-packages (from pytorch_lightning->-r requirements.txt (line 8)) (0.11.4)\n", + "Requirement already satisfied: lightning-utilities>=0.7.0 in /usr/local/lib/python3.10/dist-packages (from pytorch_lightning->-r requirements.txt (line 8)) (0.8.0)\n", + "Requirement already satisfied: attrs>=17.3.0 in /usr/local/lib/python3.10/dist-packages (from aiohttp->-r requirements.txt (line 9)) (23.1.0)\n", + "Requirement already satisfied: charset-normalizer<4.0,>=2.0 in /usr/local/lib/python3.10/dist-packages (from aiohttp->-r requirements.txt (line 9)) (2.0.12)\n", + "Requirement already satisfied: multidict<7.0,>=4.5 in /usr/local/lib/python3.10/dist-packages (from aiohttp->-r requirements.txt (line 9)) (6.0.4)\n", + "Requirement already satisfied: async-timeout<5.0,>=4.0.0a3 in /usr/local/lib/python3.10/dist-packages (from aiohttp->-r requirements.txt (line 9)) (4.0.2)\n", + "Requirement already satisfied: yarl<2.0,>=1.0 in /usr/local/lib/python3.10/dist-packages (from aiohttp->-r requirements.txt (line 9)) (1.9.2)\n", + "Requirement already satisfied: frozenlist>=1.1.1 in /usr/local/lib/python3.10/dist-packages (from aiohttp->-r requirements.txt (line 9)) (1.3.3)\n", + "Requirement already satisfied: aiosignal>=1.1.2 in /usr/local/lib/python3.10/dist-packages (from aiohttp->-r requirements.txt (line 9)) (1.3.1)\n", + "Requirement already satisfied: psutil in /usr/local/lib/python3.10/dist-packages (from accelerate->-r requirements.txt (line 10)) (5.9.5)\n", + "Requirement already satisfied: idna>=2.0 in /usr/local/lib/python3.10/dist-packages (from yarl<2.0,>=1.0->aiohttp->-r requirements.txt (line 9)) (3.4)\n", + "Requirement already satisfied: wcwidth>=0.2.5 in /usr/local/lib/python3.10/dist-packages (from ftfy->open-clip-torch->-r requirements.txt (line 5)) (0.2.6)\n", + "Requirement already satisfied: MarkupSafe>=2.0 in /usr/local/lib/python3.10/dist-packages (from jinja2->torch->-r requirements.txt (line 1)) (2.1.2)\n", + "Requirement already satisfied: urllib3<1.27,>=1.21.1 in /usr/local/lib/python3.10/dist-packages (from requests->transformers>=4.25.1->-r requirements.txt (line 6)) (1.26.15)\n", + "Requirement already satisfied: certifi>=2017.4.17 in /usr/local/lib/python3.10/dist-packages (from requests->transformers>=4.25.1->-r requirements.txt (line 6)) (2022.12.7)\n", + "Requirement already satisfied: mpmath>=0.19 in /usr/local/lib/python3.10/dist-packages (from sympy->torch->-r requirements.txt (line 1)) (1.3.0)\n", + "Requirement already satisfied: pillow!=8.3.*,>=5.3.0 in /usr/local/lib/python3.10/dist-packages (from torchvision->open-clip-torch->-r requirements.txt (line 5)) (8.4.0)\n", + "Requirement already satisfied: mypy-extensions>=0.3.0 in /usr/local/lib/python3.10/dist-packages (from typing-inspect->pyre-extensions==0.0.29->xformers!=0.0.18) (1.0.0)\n" + ] + } + ], + "source": [ + "!dpkg --configure -a\n", + "!apt-get update\n", + "!curl -sL https://deb.nodesource.com/setup_18.x | sudo -E bash -\n", + "!apt-get install -y nodejs\n", + "!npm install -g pnpm\n", + "\n", + "#@title Environment Setup\n", + "\n", + "from pathlib import Path\n", + "\n", + "OPTIONS = {}\n", + "\n", + "USE_GOOGLE_DRIVE = False #@param {type:\"boolean\"}\n", + "UPDATE_COMFY_UI = True #@param {type:\"boolean\"}\n", + "WORKSPACE = '/content/ComfyUI'\n", + "OPTIONS['USE_GOOGLE_DRIVE'] = USE_GOOGLE_DRIVE\n", + "OPTIONS['UPDATE_COMFY_UI'] = UPDATE_COMFY_UI\n", + "\n", + "if OPTIONS['USE_GOOGLE_DRIVE']:\n", + " !echo \"Mounting Google Drive...\"\n", + " %cd /\n", + " \n", + " from google.colab import drive\n", + " drive.mount('/content/drive')\n", + "\n", + " WORKSPACE = \"/content/drive/MyDrive/ComfyUI\"\n", + " %cd /content/drive/MyDrive\n", + "\n", + "![ ! -d $WORKSPACE ] && echo -= Initial setup ComfyUI =- && git clone https://github.com/comfyanonymous/ComfyUI\n", + "%cd $WORKSPACE\n", + "![ ! -d \"ComfyBox\" ] && echo -= Initial setup ComfyBox =- && git clone --recursive https://github.com/space-nuko/ComfyBox -b subgraph-templates3 && cd ComfyBox && pnpm install && pnpm prebuild && pnpm build && cd ..\n", + "\n", + "if OPTIONS['UPDATE_COMFY_UI']:\n", + " !echo -= Updating ComfyUI =-\n", + " !git pull\n", + " !echo -= Updating ComfyBox =-\n", + " %cd ComfyBox\n", + " !git pull\n", + " !pnpm install\n", + " !pnpm prebuild\n", + " !pnpm build\n", + " %cd ..\n", + "\n", + "!echo -= Install dependencies =-\n", + "!pip install xformers!=0.0.18 -r requirements.txt --extra-index-url https://download.pytorch.org/whl/cu118 --extra-index-url https://download.pytorch.org/whl/cu117" + ] + }, + { + "cell_type": "markdown", + "metadata": { + "id": "cccccccccc" + }, + "source": [ + "Download some models/checkpoints/vae or custom comfyui nodes (uncomment the commands for the ones you want)" + ] + }, + { + "cell_type": "code", + "execution_count": null, + "metadata": { + "colab": { + "base_uri": "https://localhost:8080/" + }, + "id": "dddddddddd", + "outputId": "7ec320ed-4033-4a13-99d8-5b059e80d16c" + }, + "outputs": [ + { + "output_type": "stream", + "name": "stdout", + "text": [ + "--2023-05-25 06:11:45-- https://huggingface.co/runwayml/stable-diffusion-v1-5/resolve/main/v1-5-pruned-emaonly.ckpt\n", + "Resolving huggingface.co (huggingface.co)... 18.67.0.67, 18.67.0.55, 18.67.0.90, ...\n", + "Connecting to huggingface.co (huggingface.co)|18.67.0.67|:443... connected.\n", + "HTTP request sent, awaiting response... 302 Found\n", + "Location: https://cdn-lfs.huggingface.co/repos/6b/20/6b201da5f0f5c60524535ebb7deac2eef68605655d3bbacfee9cce0087f3b3f5/cc6cb27103417325ff94f52b7a5d2dde45a7515b25c255d8e396c90014281516?response-content-disposition=attachment%3B+filename*%3DUTF-8%27%27v1-5-pruned-emaonly.ckpt%3B+filename%3D%22v1-5-pruned-emaonly.ckpt%22%3B&Expires=1685253631&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9jZG4tbGZzLmh1Z2dpbmdmYWNlLmNvL3JlcG9zLzZiLzIwLzZiMjAxZGE1ZjBmNWM2MDUyNDUzNWViYjdkZWFjMmVlZjY4NjA1NjU1ZDNiYmFjZmVlOWNjZTAwODdmM2IzZjUvY2M2Y2IyNzEwMzQxNzMyNWZmOTRmNTJiN2E1ZDJkZGU0NWE3NTE1YjI1YzI1NWQ4ZTM5NmM5MDAxNDI4MTUxNj9yZXNwb25zZS1jb250ZW50LWRpc3Bvc2l0aW9uPSoiLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjE2ODUyNTM2MzF9fX1dfQ__&Signature=hVRMTaHCiHBb1M6fAwdLwZIicC7pDU-IAtXG43B1OH7WSlznl9xvpbCh68sNOdhgqj1iE-ZTkgfyRx8FClFfZGjLjGsmQ0moqcBVFl6crvmnC%7EUZ-W1VWKarFMuyNcbagZlLFERcrpBNL1RYeGESKDm6qBroPbT9-hptfmoVCcSBYH6B5QhBECn1425a8XiaBFyOjlhnOjmEmVtx1EBiRCSQc0noiMwPaTElpNfYJzvUCALqnlMtB84mFgKLUyWWoBFrnFrNdMpsbupqs3ap6Jtx3ZA1p2VR%7EQ0TS2CxLn4iNn9QWuhjhyLx4FFH-VHuhnXUGDkXu2uaTY4z6V-O%7EQ__&Key-Pair-Id=KVTP0A1DKRTAX [following]\n", + "--2023-05-25 06:11:45-- https://cdn-lfs.huggingface.co/repos/6b/20/6b201da5f0f5c60524535ebb7deac2eef68605655d3bbacfee9cce0087f3b3f5/cc6cb27103417325ff94f52b7a5d2dde45a7515b25c255d8e396c90014281516?response-content-disposition=attachment%3B+filename*%3DUTF-8%27%27v1-5-pruned-emaonly.ckpt%3B+filename%3D%22v1-5-pruned-emaonly.ckpt%22%3B&Expires=1685253631&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9jZG4tbGZzLmh1Z2dpbmdmYWNlLmNvL3JlcG9zLzZiLzIwLzZiMjAxZGE1ZjBmNWM2MDUyNDUzNWViYjdkZWFjMmVlZjY4NjA1NjU1ZDNiYmFjZmVlOWNjZTAwODdmM2IzZjUvY2M2Y2IyNzEwMzQxNzMyNWZmOTRmNTJiN2E1ZDJkZGU0NWE3NTE1YjI1YzI1NWQ4ZTM5NmM5MDAxNDI4MTUxNj9yZXNwb25zZS1jb250ZW50LWRpc3Bvc2l0aW9uPSoiLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjE2ODUyNTM2MzF9fX1dfQ__&Signature=hVRMTaHCiHBb1M6fAwdLwZIicC7pDU-IAtXG43B1OH7WSlznl9xvpbCh68sNOdhgqj1iE-ZTkgfyRx8FClFfZGjLjGsmQ0moqcBVFl6crvmnC%7EUZ-W1VWKarFMuyNcbagZlLFERcrpBNL1RYeGESKDm6qBroPbT9-hptfmoVCcSBYH6B5QhBECn1425a8XiaBFyOjlhnOjmEmVtx1EBiRCSQc0noiMwPaTElpNfYJzvUCALqnlMtB84mFgKLUyWWoBFrnFrNdMpsbupqs3ap6Jtx3ZA1p2VR%7EQ0TS2CxLn4iNn9QWuhjhyLx4FFH-VHuhnXUGDkXu2uaTY4z6V-O%7EQ__&Key-Pair-Id=KVTP0A1DKRTAX\n", + "Resolving cdn-lfs.huggingface.co (cdn-lfs.huggingface.co)... 18.64.174.106, 18.64.174.110, 18.64.174.43, ...\n", + "Connecting to cdn-lfs.huggingface.co (cdn-lfs.huggingface.co)|18.64.174.106|:443... connected.\n", + "HTTP request sent, awaiting response... 200 OK\n", + "Length: 4265380512 (4.0G) [binary/octet-stream]\n", + "Saving to: ‘./models/checkpoints/v1-5-pruned-emaonly.ckpt’\n", + "\n", + "v1-5-pruned-emaonly 100%[===================>] 3.97G 149MB/s in 36s \n", + "\n", + "2023-05-25 06:12:22 (112 MB/s) - ‘./models/checkpoints/v1-5-pruned-emaonly.ckpt’ saved [4265380512/4265380512]\n", + "\n", + "--2023-05-25 06:12:22-- https://huggingface.co/stabilityai/sd-vae-ft-mse-original/resolve/main/vae-ft-mse-840000-ema-pruned.safetensors\n", + "Resolving huggingface.co (huggingface.co)... 18.67.0.90, 18.67.0.67, 18.67.0.55, ...\n", + "Connecting to huggingface.co (huggingface.co)|18.67.0.90|:443... connected.\n", + "HTTP request sent, awaiting response... 302 Found\n", + "Location: https://cdn-lfs.huggingface.co/repos/ec/ee/eceee26c5834d8a75cf04eeb17dfc06d1d5fe1d80c2f19520b148c11e2e98c45/735e4c3a447a3255760d7f86845f09f937809baa529c17370d83e4c3758f3c75?response-content-disposition=attachment%3B+filename*%3DUTF-8%27%27vae-ft-mse-840000-ema-pruned.safetensors%3B+filename%3D%22vae-ft-mse-840000-ema-pruned.safetensors%22%3B&Expires=1685253633&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9jZG4tbGZzLmh1Z2dpbmdmYWNlLmNvL3JlcG9zL2VjL2VlL2VjZWVlMjZjNTgzNGQ4YTc1Y2YwNGVlYjE3ZGZjMDZkMWQ1ZmUxZDgwYzJmMTk1MjBiMTQ4YzExZTJlOThjNDUvNzM1ZTRjM2E0NDdhMzI1NTc2MGQ3Zjg2ODQ1ZjA5ZjkzNzgwOWJhYTUyOWMxNzM3MGQ4M2U0YzM3NThmM2M3NT9yZXNwb25zZS1jb250ZW50LWRpc3Bvc2l0aW9uPSoiLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjE2ODUyNTM2MzN9fX1dfQ__&Signature=a2ODsl3PB7P6KKeogKbKZRgC3e8Z3ZqDxyh4FIGEX%7EtQPkdxtSI5wgwOw%7ESaNZ1mLdqoGX5Qjg0Zl3SVtyjjYGrs8ysDNMsaoZpDHlkiAL7FJVrGEamzbV%7ESjd5u2aXSk86sa6q%7Ewe7Iu5vo8T7SuHMUrUXgZo5LvrFJBp4ojxXgbBNWCCxMO3NPKQhNFBSe1Wd3s0gidEtVzVSS0NUTtR2fosYPTqJA46vtoLxnWjZhgnpmULB3jD23DRCwrgA1EUfYwjebPHiM9o4WVHr3%7ExsZJnvtYPKlDxFeIkGnNt2DuflxACtyR7ztul6XZtjKrBfuaiSt9HiDIP9HxPpD8g__&Key-Pair-Id=KVTP0A1DKRTAX [following]\n", + "--2023-05-25 06:12:23-- https://cdn-lfs.huggingface.co/repos/ec/ee/eceee26c5834d8a75cf04eeb17dfc06d1d5fe1d80c2f19520b148c11e2e98c45/735e4c3a447a3255760d7f86845f09f937809baa529c17370d83e4c3758f3c75?response-content-disposition=attachment%3B+filename*%3DUTF-8%27%27vae-ft-mse-840000-ema-pruned.safetensors%3B+filename%3D%22vae-ft-mse-840000-ema-pruned.safetensors%22%3B&Expires=1685253633&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9jZG4tbGZzLmh1Z2dpbmdmYWNlLmNvL3JlcG9zL2VjL2VlL2VjZWVlMjZjNTgzNGQ4YTc1Y2YwNGVlYjE3ZGZjMDZkMWQ1ZmUxZDgwYzJmMTk1MjBiMTQ4YzExZTJlOThjNDUvNzM1ZTRjM2E0NDdhMzI1NTc2MGQ3Zjg2ODQ1ZjA5ZjkzNzgwOWJhYTUyOWMxNzM3MGQ4M2U0YzM3NThmM2M3NT9yZXNwb25zZS1jb250ZW50LWRpc3Bvc2l0aW9uPSoiLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjE2ODUyNTM2MzN9fX1dfQ__&Signature=a2ODsl3PB7P6KKeogKbKZRgC3e8Z3ZqDxyh4FIGEX%7EtQPkdxtSI5wgwOw%7ESaNZ1mLdqoGX5Qjg0Zl3SVtyjjYGrs8ysDNMsaoZpDHlkiAL7FJVrGEamzbV%7ESjd5u2aXSk86sa6q%7Ewe7Iu5vo8T7SuHMUrUXgZo5LvrFJBp4ojxXgbBNWCCxMO3NPKQhNFBSe1Wd3s0gidEtVzVSS0NUTtR2fosYPTqJA46vtoLxnWjZhgnpmULB3jD23DRCwrgA1EUfYwjebPHiM9o4WVHr3%7ExsZJnvtYPKlDxFeIkGnNt2DuflxACtyR7ztul6XZtjKrBfuaiSt9HiDIP9HxPpD8g__&Key-Pair-Id=KVTP0A1DKRTAX\n", + "Resolving cdn-lfs.huggingface.co (cdn-lfs.huggingface.co)... 18.64.174.110, 18.64.174.43, 18.64.174.106, ...\n", + "Connecting to cdn-lfs.huggingface.co (cdn-lfs.huggingface.co)|18.64.174.110|:443... connected.\n", + "HTTP request sent, awaiting response... 200 OK\n", + "Length: 334641190 (319M) [binary/octet-stream]\n", + "Saving to: ‘./models/vae/vae-ft-mse-840000-ema-pruned.safetensors’\n", + "\n", + "vae-ft-mse-840000-e 100%[===================>] 319.14M 142MB/s in 2.2s \n", + "\n", + "2023-05-25 06:12:25 (142 MB/s) - ‘./models/vae/vae-ft-mse-840000-ema-pruned.safetensors’ saved [334641190/334641190]\n", + "\n" + ] + } + ], + "source": [ + "# Checkpoints\n", + "\n", + "# SD1.5\n", + "!wget -c https://huggingface.co/runwayml/stable-diffusion-v1-5/resolve/main/v1-5-pruned-emaonly.ckpt -P ./models/checkpoints/\n", + "\n", + "# SD2\n", + "#!wget -c https://huggingface.co/stabilityai/stable-diffusion-2-1-base/resolve/main/v2-1_512-ema-pruned.safetensors -P ./models/checkpoints/\n", + "#!wget -c https://huggingface.co/stabilityai/stable-diffusion-2-1/resolve/main/v2-1_768-ema-pruned.safetensors -P ./models/checkpoints/\n", + "\n", + "# Some SD1.5 anime style\n", + "#!wget -c https://huggingface.co/WarriorMama777/OrangeMixs/resolve/main/Models/AbyssOrangeMix2/AbyssOrangeMix2_hard.safetensors -P ./models/checkpoints/\n", + "#!wget -c https://huggingface.co/WarriorMama777/OrangeMixs/resolve/main/Models/AbyssOrangeMix3/AOM3A1_orangemixs.safetensors -P ./models/checkpoints/\n", + "#!wget -c https://huggingface.co/WarriorMama777/OrangeMixs/resolve/main/Models/AbyssOrangeMix3/AOM3A3_orangemixs.safetensors -P ./models/checkpoints/\n", + "#!wget -c https://huggingface.co/Linaqruf/anything-v3.0/resolve/main/anything-v3-fp16-pruned.safetensors -P ./models/checkpoints/\n", + "\n", + "# Waifu Diffusion 1.5 (anime style SD2.x 768-v)\n", + "#!wget -c https://huggingface.co/waifu-diffusion/wd-1-5-beta2/resolve/main/checkpoints/wd-1-5-beta2-fp16.safetensors -P ./models/checkpoints/\n", + "\n", + "\n", + "# unCLIP models\n", + "#!wget -c https://huggingface.co/comfyanonymous/illuminatiDiffusionV1_v11_unCLIP/resolve/main/illuminatiDiffusionV1_v11-unclip-h-fp16.safetensors -P ./models/checkpoints/\n", + "#!wget -c https://huggingface.co/comfyanonymous/wd-1.5-beta2_unCLIP/resolve/main/wd-1-5-beta2-aesthetic-unclip-h-fp16.safetensors -P ./models/checkpoints/\n", + "\n", + "\n", + "# VAE\n", + "!wget -c https://huggingface.co/stabilityai/sd-vae-ft-mse-original/resolve/main/vae-ft-mse-840000-ema-pruned.safetensors -P ./models/vae/\n", + "#!wget -c https://huggingface.co/WarriorMama777/OrangeMixs/resolve/main/VAEs/orangemix.vae.pt -P ./models/vae/\n", + "#!wget -c https://huggingface.co/hakurei/waifu-diffusion-v1-4/resolve/main/vae/kl-f8-anime2.ckpt -P ./models/vae/\n", + "\n", + "\n", + "# Loras\n", + "#!wget -c https://civitai.com/api/download/models/10350 -O ./models/loras/theovercomer8sContrastFix_sd21768.safetensors #theovercomer8sContrastFix SD2.x 768-v\n", + "#!wget -c https://civitai.com/api/download/models/10638 -O ./models/loras/theovercomer8sContrastFix_sd15.safetensors #theovercomer8sContrastFix SD1.x\n", + "\n", + "\n", + "# T2I-Adapter\n", + "#!wget -c https://huggingface.co/TencentARC/T2I-Adapter/resolve/main/models/t2iadapter_depth_sd14v1.pth -P ./models/controlnet/\n", + "#!wget -c https://huggingface.co/TencentARC/T2I-Adapter/resolve/main/models/t2iadapter_seg_sd14v1.pth -P ./models/controlnet/\n", + "#!wget -c https://huggingface.co/TencentARC/T2I-Adapter/resolve/main/models/t2iadapter_sketch_sd14v1.pth -P ./models/controlnet/\n", + "#!wget -c https://huggingface.co/TencentARC/T2I-Adapter/resolve/main/models/t2iadapter_keypose_sd14v1.pth -P ./models/controlnet/\n", + "#!wget -c https://huggingface.co/TencentARC/T2I-Adapter/resolve/main/models/t2iadapter_openpose_sd14v1.pth -P ./models/controlnet/\n", + "#!wget -c https://huggingface.co/TencentARC/T2I-Adapter/resolve/main/models/t2iadapter_color_sd14v1.pth -P ./models/controlnet/\n", + "#!wget -c https://huggingface.co/TencentARC/T2I-Adapter/resolve/main/models/t2iadapter_canny_sd14v1.pth -P ./models/controlnet/\n", + "\n", + "# T2I Styles Model\n", + "#!wget -c https://huggingface.co/TencentARC/T2I-Adapter/resolve/main/models/t2iadapter_style_sd14v1.pth -P ./models/style_models/\n", + "\n", + "# CLIPVision model (needed for styles model)\n", + "#!wget -c https://huggingface.co/openai/clip-vit-large-patch14/resolve/main/pytorch_model.bin -O ./models/clip_vision/clip_vit14.bin\n", + "\n", + "\n", + "# ControlNet\n", + "#!wget -c https://huggingface.co/comfyanonymous/ControlNet-v1-1_fp16_safetensors/resolve/main/control_v11e_sd15_ip2p_fp16.safetensors -P ./models/controlnet/\n", + "#!wget -c https://huggingface.co/comfyanonymous/ControlNet-v1-1_fp16_safetensors/resolve/main/control_v11e_sd15_shuffle_fp16.safetensors -P ./models/controlnet/\n", + "#!wget -c https://huggingface.co/comfyanonymous/ControlNet-v1-1_fp16_safetensors/resolve/main/control_v11p_sd15_canny_fp16.safetensors -P ./models/controlnet/\n", + "#!wget -c https://huggingface.co/comfyanonymous/ControlNet-v1-1_fp16_safetensors/resolve/main/control_v11f1p_sd15_depth_fp16.safetensors -P ./models/controlnet/\n", + "#!wget -c https://huggingface.co/comfyanonymous/ControlNet-v1-1_fp16_safetensors/resolve/main/control_v11p_sd15_inpaint_fp16.safetensors -P ./models/controlnet/\n", + "#!wget -c https://huggingface.co/comfyanonymous/ControlNet-v1-1_fp16_safetensors/resolve/main/control_v11p_sd15_lineart_fp16.safetensors -P ./models/controlnet/\n", + "#!wget -c https://huggingface.co/comfyanonymous/ControlNet-v1-1_fp16_safetensors/resolve/main/control_v11p_sd15_mlsd_fp16.safetensors -P ./models/controlnet/\n", + "#!wget -c https://huggingface.co/comfyanonymous/ControlNet-v1-1_fp16_safetensors/resolve/main/control_v11p_sd15_normalbae_fp16.safetensors -P ./models/controlnet/\n", + "#!wget -c https://huggingface.co/comfyanonymous/ControlNet-v1-1_fp16_safetensors/resolve/main/control_v11p_sd15_openpose_fp16.safetensors -P ./models/controlnet/\n", + "#!wget -c https://huggingface.co/comfyanonymous/ControlNet-v1-1_fp16_safetensors/resolve/main/control_v11p_sd15_scribble_fp16.safetensors -P ./models/controlnet/\n", + "#!wget -c https://huggingface.co/comfyanonymous/ControlNet-v1-1_fp16_safetensors/resolve/main/control_v11p_sd15_seg_fp16.safetensors -P ./models/controlnet/\n", + "#!wget -c https://huggingface.co/comfyanonymous/ControlNet-v1-1_fp16_safetensors/resolve/main/control_v11p_sd15_softedge_fp16.safetensors -P ./models/controlnet/\n", + "#!wget -c https://huggingface.co/comfyanonymous/ControlNet-v1-1_fp16_safetensors/resolve/main/control_v11p_sd15s2_lineart_anime_fp16.safetensors -P ./models/controlnet/\n", + "#!wget -c https://huggingface.co/comfyanonymous/ControlNet-v1-1_fp16_safetensors/resolve/main/control_v11u_sd15_tile_fp16.safetensors -P ./models/controlnet/\n", + "\n", + "\n", + "# Controlnet Preprocessor nodes by Fannovel16\n", + "#!cd custom_nodes && git clone https://github.com/Fannovel16/comfy_controlnet_preprocessors; cd comfy_controlnet_preprocessors && python install.py\n", + "\n", + "\n", + "# GLIGEN\n", + "#!wget -c https://huggingface.co/comfyanonymous/GLIGEN_pruned_safetensors/resolve/main/gligen_sd14_textbox_pruned_fp16.safetensors -P ./models/gligen/\n", + "\n", + "\n", + "# ESRGAN upscale model\n", + "#!wget -c https://huggingface.co/sberbank-ai/Real-ESRGAN/resolve/main/RealESRGAN_x2.pth -P ./models/upscale_models/\n", + "#!wget -c https://huggingface.co/sberbank-ai/Real-ESRGAN/resolve/main/RealESRGAN_x4.pth -P ./models/upscale_models/\n", + "\n", + "\n" + ] + }, + { + "cell_type": "markdown", + "metadata": { + "id": "kkkkkkkkkkkkkk" + }, + "source": [ + "### Run ComfyUI with localtunnel\n", + "\n", + "#### **Instructions for this part**:\n", + "\n", + "Run this cell and wait until you see the two localtunnel URLs\n", + "\n", + "Copy the one that has **[ComfyUI]** before it **without the https:// or trailing slash**\n", + "\n", + "Then paste it in the cell below this one that says **Set ComfyUI Backend URL** and run it (may have to wait until the other cell finishes first)\n", + "\n", + "Afterwards visit **both** localtunnel URLs and submit the same IP printed in the output for each one\n", + "\n", + "If you get \"Failed to fetch\" errors **make sure you've set the correct backend URL in the other cell first** and **clear your cache** before trying again\n", + "\n" + ] + }, + { + "cell_type": "code", + "execution_count": null, + "metadata": { + "colab": { + "base_uri": "https://localhost:8080/" + }, + "id": "jjjjjjjjjjjjj", + "outputId": "4f53bb3a-a06f-4a21-a985-1023da159450" + }, + "outputs": [ + { + "output_type": "stream", + "name": "stdout", + "text": [ + "/content/ComfyUI\n", + "Reading package lists... Done\n", + "Building dependency tree \n", + "Reading state information... Done\n", + "net-tools is already the newest version (1.60+git20180626.aebd88e-1ubuntu1).\n", + "0 upgraded, 0 newly installed, 0 to remove and 38 not upgraded.\n", + "kill: failed to parse argument: '-'\n", + "kill: (5235): No such process\n", + "kill: failed to parse argument: '-'\n", + "kill: (5235): No such process\n", + "kill: (5235): No such process\n", + "kill: failed to parse argument: '-'\n", + "kill: (5235): No such process\n", + "kill: (5235): No such process\n", + "kill: failed to parse argument: '-'\n", + "kill: failed to parse argument: '-'\n", + "kill: (5235): No such process\n", + "kill: (5235): No such process\n", + "kill: (5235): No such process\n", + "kill: (5235): No such process\n", + "kill: failed to parse argument: '-'\n", + "kill: failed to parse argument: '-'\n", + "kill: (5235): No such process\n", + "kill: failed to parse argument: '-'\n", + "kill: failed to parse argument: '-'\n", + "kill: failed to parse argument: '-'\n", + "kill: failed to parse argument: '-'\n", + "kill: failed to parse argument: '-'\n", + "kill: failed to parse argument: '-'\n", + "kill: failed to parse argument: '-'\n", + "kill: failed to parse argument: '-'\n", + "\u001b[K\u001b[?25h\n", + "changed 40 packages in 3s\n", + "\n", + "11 packages are looking for funding\n", + " run `npm fund` for details\n", + "\u001b[K\u001b[?25h\n", + "changed 22 packages in 2s\n", + "\n", + "3 packages are looking for funding\n", + " run `npm fund` for details\n", + "/content/ComfyUI/ComfyBox/dist\n", + "rm: cannot remove 'nohup.out': No such file or directory\n", + "nohup: appending output to 'nohup.out'\n", + "/content/ComfyUI\n", + "nohup: appending output to 'nohup.out'\n", + "\n", + "ComfyUI finished loading, trying to launch localtunnel (if it gets stuck here localtunnel is having issues)\n", + "\n", + "\n", + "\n", + " \n", + " \n", + " \n", + " \n", + " \n", + " \n", + " \n", + " \n", + " \n", + " \n", + " \n", + " \n", + " \n", + "
\n", + " \n", + " \n", + "\n", + "The password/enpoint ip for localtunnel is: 34.73.12.157\n", + "Default File Extension: none\n", + "\n", + "Available on:\n", + " http://127.0.0.1:8000\n", + " http://172.28.0.12:8000\n", + "Hit CTRL-C to stop the server\n", + "\n", + "[2023-05-25T06:24:53.189Z] \"GET /\" \"curl/7.68.0\"\n", + "(node:11567) [DEP0066] DeprecationWarning: OutgoingMessage.prototype._headers is deprecated\n", + "(Use `node --trace-deprecation ...` to show where the warning was created)\n", + "[ComfyUI] your url is: https://stupid-rockets-fry.loca.lt\n", + "\n", + "[ComfyBox] your url is: https://sixty-bags-roll.loca.lt\n", + "\n", + "[ComfyBox] Thu May 25 2023 06:25:05 GMT+0000 (Coordinated Universal Time) GET /\n", + "\n", + "[ComfyBox] Thu May 25 2023 06:25:05 GMT+0000 (Coordinated Universal Time) GET /assets/main-8f83746c.js\n", + "\n", + "[ComfyBox] Thu May 25 2023 06:25:05 GMT+0000 (Coordinated Universal Time) GET /assets/global-aad4dfb7.css\n", + "\n", + "[2023-05-25T06:25:05.293Z] \"GET /\" \"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36\"\n", + "[2023-05-25T06:25:05.528Z] \"GET /assets/main-8f83746c.js\" \"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36\"\n", + "[2023-05-25T06:25:05.538Z] \"GET /assets/global-aad4dfb7.css\" \"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36\"\n", + "[2023-05-25T06:25:05.539Z] \"GET /assets/global-9896eb17.js\" \"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36\"\n", + "[2023-05-25T06:25:05.540Z] \"GET /assets/index-aa576df9.css\" \"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36\"\n" + ] + } + ], + "source": [ + "%cd '/content/ComfyUI'\n", + "!apt-get install net-tools\n", + "#!sudo netstat -tanlp | grep 8000\n", + "!sudo netstat -tanlp | grep 8000 | tr -s ' ' | cut -d$' ' -f 7 | cut -d$'/' -f 1 | xargs -I'{{}}' -- kill {{}}\n", + "!npm install http-server -g\n", + "\n", + "#!fuser -k 8000/tcp\n", + "#!fuser -k 8188/tcp\n", + "!npm install -g localtunnel\n", + "\n", + "import subprocess\n", + "import threading\n", + "import time\n", + "import socket\n", + "import urllib.request\n", + "import select\n", + "from contextlib import closing\n", + " \n", + "def check_socket(host, port):\n", + " with closing(socket.socket(socket.AF_INET, socket.SOCK_STREAM)) as sock:\n", + " return sock.connect_ex((host, port)) == 0\n", + "\n", + "def iframe_thread(port,cbPort):\n", + " while True:\n", + " time.sleep(0.5)\n", + " if check_socket(\"127.0.0.1\", port) and check_socket(\"127.0.0.1\", cbPort):\n", + " break\n", + " print(\"\\nComfyUI finished loading, trying to launch localtunnel (if it gets stuck here localtunnel is having issues)\\n\")\n", + " print(\"The password/enpoint ip for localtunnel is:\", urllib.request.urlopen('https://ipv4.icanhazip.com').read().decode('utf8').strip(\"\\n\"))\n", + " p = subprocess.Popen([\"lt\", \"--port\", \"{}\".format(port)], stdout=subprocess.PIPE)\n", + " p2 = subprocess.Popen([\"lt\", \"--print-requests\", \"--port\", \"{}\".format(cbPort)], stdout=subprocess.PIPE)\n", + " while True:\n", + " ready_to_read, _, _ = select.select([p.stdout, p2.stdout], [], [])\n", + " for stdout in ready_to_read:\n", + " line = stdout.readline().decode()\n", + " pre = \"[ComfyUI]\"\n", + " if stdout == p2.stdout:\n", + " pre = \"[ComfyBox]\"\n", + " if line != \"\":\n", + " print(pre + \" \" + line)\n", + "\n", + "threading.Thread(target=iframe_thread, daemon=True, args=(8188,8000,)).start()\n", + "\n", + "#!nohup python main.py --dont-print-server --enable-cors-header & \n", + "#!timeout 20 tail -f nohup.out\n", + "%cd /content/ComfyUI/ComfyBox/dist\n", + "!rm nohup.out\n", + "!nohup http-server -p 8000 &\n", + "%cd /content/ComfyUI\n", + "!rm nohup.out\n", + "!nohup python main.py --dont-print-server --enable-cors-header &\n", + "!curl http://localhost:8000\n", + "!timeout 20 tail -f ./ComfyBox/dist/nohup.out\n", + "\n", + "#iframe_thread(8188, 8000)" + ] + }, + { + "cell_type": "markdown", + "metadata": { + "id": "8vw8BXPUK58Y" + }, + "source": [ + "### Set ComfyUI Backend URL\n", + "\n", + "\n" + ] + }, + { + "cell_type": "code", + "source": [ + "COMFY_UI_LOCALTUNNEL_URL = \"stupid-rockets-fry.loca.lt\" #@param {type:\"string\"}\n", + "\n", + "%cd \"/content/ComfyUI\"\n", + "!apt-get install jq\n", + "!cat ./ComfyBox/dist/config.json | jq '.comfyUIHostname = $v' --arg v {COMFY_UI_LOCALTUNNEL_URL} | jq '.comfyUIPort = $v' --arg v 443 | sponge ./ComfyBox/dist/config.json\n", + "!echo \"Configured ComfyUI backend as '{COMFY_UI_LOCALTUNNEL_URL}'\"\n", + "!cat ./ComfyBox/dist/config.json" + ], + "metadata": { + "colab": { + "base_uri": "https://localhost:8080/" + }, + "id": "Mb9eL6UgLe-Y", + "outputId": "c27d662c-fd9f-414e-f6c6-c51ae48895d6" + }, + "execution_count": null, + "outputs": [ + { + "output_type": "stream", + "name": "stdout", + "text": [ + "/content/ComfyUI\n", + "Reading package lists... Done\n", + "Building dependency tree \n", + "Reading state information... Done\n", + "jq is already the newest version (1.6-1ubuntu0.20.04.1).\n", + "0 upgraded, 0 newly installed, 0 to remove and 38 not upgraded.\n", + "Configured ComfyUI backend as 'stupid-rockets-fry.loca.lt'\n", + "{\n", + " \"comfyUIHostname\": \"stupid-rockets-fry.loca.lt\",\n", + " \"comfyUIPort\": \"443\",\n", + " \"alwaysStripUserState\": false,\n", + " \"promptForWorkflowName\": false,\n", + " \"confirmWhenUnloadingUnsavedChanges\": true\n", + "}\n" + ] + } + ] + }, + { + "cell_type": "code", + "source": [ + "import threading\n", + "import time\n", + "import socket\n", + "from google.colab import output\n", + "\n", + "port = 8000\n", + "\n", + "output.serve_kernel_port_as_iframe(port, height=1024)\n", + "print(\"to open it in a window you can open this link here:\")\n", + "output.serve_kernel_port_as_window(port)" + ], + "metadata": { + "colab": { + "base_uri": "https://localhost:8080/", + "height": 1000 + }, + "id": "iJOWHPQQgkWW", + "outputId": "00790864-0d74-48a6-8b73-98eb9b3671a7" + }, + "execution_count": null, + "outputs": [ + { + "output_type": "display_data", + "data": { + "text/plain": [ + "" + ], + "application/javascript": [ + "(async (port, path, width, height, cache, element) => {\n", + " if (!google.colab.kernel.accessAllowed && !cache) {\n", + " return;\n", + " }\n", + " element.appendChild(document.createTextNode(''));\n", + " const url = await google.colab.kernel.proxyPort(port, {cache});\n", + " const iframe = document.createElement('iframe');\n", + " iframe.src = new URL(path, url).toString();\n", + " iframe.height = height;\n", + " iframe.width = width;\n", + " iframe.style.border = 0;\n", + " iframe.allow = [\n", + " 'accelerometer',\n", + " 'autoplay',\n", + " 'camera',\n", + " 'clipboard-read',\n", + " 'clipboard-write',\n", + " 'gyroscope',\n", + " 'magnetometer',\n", + " 'microphone',\n", + " 'serial',\n", + " 'usb',\n", + " 'xr-spatial-tracking',\n", + " ].join('; ');\n", + " element.appendChild(iframe);\n", + " })(8000, \"/\", \"100%\", 1024, false, window.element)" + ] + }, + "metadata": {} + }, + { + "output_type": "stream", + "name": "stdout", + "text": [ + "to open it in a window you can open this link here:\n" + ] + }, + { + "output_type": "display_data", + "data": { + "text/plain": [ + "" + ], + "application/javascript": [ + "(async (port, path, text, element) => {\n", + " if (!google.colab.kernel.accessAllowed) {\n", + " return;\n", + " }\n", + " element.appendChild(document.createTextNode(''));\n", + " const url = await google.colab.kernel.proxyPort(port);\n", + " const anchor = document.createElement('a');\n", + " anchor.href = new URL(path, url).toString();\n", + " anchor.target = '_blank';\n", + " anchor.setAttribute('data-href', url + path);\n", + " anchor.textContent = text;\n", + " element.appendChild(anchor);\n", + " })(8000, \"/\", \"https://localhost:8000/\", window.element)" + ] + }, + "metadata": {} + } + ] + } + ], + "metadata": { + "accelerator": "GPU", + "colab": { + "provenance": [] + }, + "gpuClass": "standard", + "kernelspec": { + "display_name": "Python 3", + "name": "python3" + }, + "language_info": { + "name": "python" + } + }, + "nbformat": 4, + "nbformat_minor": 0 +} \ No newline at end of file diff --git a/package.json b/package.json index a666beb..aa66494 100644 --- a/package.json +++ b/package.json @@ -72,6 +72,7 @@ "@litegraph-ts/tsconfig": "workspace:*", "@sveltejs/vite-plugin-svelte": "^2.1.1", "@tsconfig/svelte": "^4.0.1", + "@types/dompurify": "^3.0.2", "@zerodevx/svelte-json-view": "^1.0.5", "canvas-to-svg": "^1.0.3", "cm6-theme-basic-dark": "^0.2.0", @@ -79,6 +80,7 @@ "codemirror": "^6.0.1", "csv": "^6.3.0", "csv-parse": "^5.3.10", + "dompurify": "^3.0.3", "events": "^3.3.0", "framework7": "^8.0.3", "framework7-svelte": "^8.0.3", @@ -88,8 +90,8 @@ "radix-icons-svelte": "^1.2.1", "style-mod": "^4.0.3", "svelte-bootstrap-icons": "^2.3.1", - "svelte-codemirror-editor": "^1.1.0", "svelte-feather-icons": "^4.0.0", + "svelte-floating-ui": "^1.5.2", "svelte-preprocess": "^5.0.3", "svelte-select": "^5.5.3", "svelte-splitpanes": "^0.7.13", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 77eda1e..8314f4f 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -94,6 +94,9 @@ importers: '@tsconfig/svelte': specifier: ^4.0.1 version: 4.0.1 + '@types/dompurify': + specifier: ^3.0.2 + version: 3.0.2 '@zerodevx/svelte-json-view': specifier: ^1.0.5 version: 1.0.5(svelte@3.58.0) @@ -115,6 +118,9 @@ importers: csv-parse: specifier: ^5.3.10 version: 5.3.10 + dompurify: + specifier: ^3.0.3 + version: 3.0.3 events: specifier: ^3.3.0 version: 3.3.0 @@ -142,12 +148,12 @@ importers: svelte-bootstrap-icons: specifier: ^2.3.1 version: 2.3.1 - svelte-codemirror-editor: - specifier: ^1.1.0 - version: 1.1.0(codemirror@6.0.1) svelte-feather-icons: specifier: ^4.0.0 version: 4.0.0 + svelte-floating-ui: + specifier: ^1.5.2 + version: 1.5.2 svelte-preprocess: specifier: ^5.0.3 version: 5.0.3(sass@1.61.0)(svelte@3.58.0)(typescript@5.0.3) @@ -3235,6 +3241,12 @@ packages: resolution: {integrity: sha512-sZLCdHvBUcNby1cB6Fd3ZBrABbjz3v1Vm90nysCQ6Vt7vd6e/h9Lt7SiJUoEX0l4Dzc7P5llKyhqSi1ycSf1Hg==} dev: true + /@types/dompurify@3.0.2: + resolution: {integrity: sha512-YBL4ziFebbbfQfH5mlC+QTJsvh0oJUrWbmxKMyEdL7emlHJqGR2Qb34TEFKj+VCayBvjKy3xczMFNhugThUsfQ==} + dependencies: + '@types/trusted-types': 2.0.3 + dev: false + /@types/estree@1.0.1: resolution: {integrity: sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==} @@ -3318,6 +3330,10 @@ packages: resolution: {integrity: sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==} dev: true + /@types/trusted-types@2.0.3: + resolution: {integrity: sha512-NfQ4gyz38SL8sDNrSixxU2Os1a5xcdFxipAFxYEuLUlvU2uDwS4NUpsImcf1//SlWItCVMMLiylsxbmNMToV/g==} + dev: false + /@types/uuid@9.0.1: resolution: {integrity: sha512-rFT3ak0/2trgvp4yYZo5iKFEPsET7vKydKF+VRCxlQ9bpheehyAJH89dAkaLEq/j/RZXJIqcgsmPJKUP1Z28HA==} dev: false @@ -4562,6 +4578,10 @@ packages: domelementtype: 2.3.0 dev: false + /dompurify@3.0.3: + resolution: {integrity: sha512-axQ9zieHLnAnHh0sfAamKYiqXMJAVwu+LM/alQ7WDagoWessyWvMSFyW65CqF3owufNu8HBcE4cM2Vflu7YWcQ==} + dev: false + /domutils@2.8.0: resolution: {integrity: sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==} dependencies: @@ -8097,14 +8117,6 @@ packages: - sugarss dev: true - /svelte-codemirror-editor@1.1.0(codemirror@6.0.1): - resolution: {integrity: sha512-wFdMIsZds5qzn3x2NbFUxDVU6Cn3rwFdq0035ypaFVgzTjJ90bnPm6IbrFA4OJz1ngIyfbIuPAPDjm7rJIr0gg==} - peerDependencies: - codemirror: ^6.0.0 - dependencies: - codemirror: 6.0.1 - dev: false - /svelte-dnd-action@0.9.22(svelte@3.58.0): resolution: {integrity: sha512-lOQJsNLM1QWv5mdxIkCVtk6k4lHCtLgfE59y8rs7iOM6erchbLC9hMEFYSveZz7biJV0mpg7yDSs4bj/RT/YkA==} peerDependencies: @@ -8126,6 +8138,13 @@ packages: '@floating-ui/dom': 1.2.8 dev: false + /svelte-floating-ui@1.5.2: + resolution: {integrity: sha512-nV50eno74CEsFfFJ6iyN/oNYDEOck1TZjGV3lmJksVRbiiUAVF6bHspyAhR7GZ7c/4qbRWp9UyX24J+UXdEpag==} + dependencies: + '@floating-ui/core': 1.2.6 + '@floating-ui/dom': 1.2.8 + dev: false + /svelte-hmr@0.15.1(svelte@3.58.0): resolution: {integrity: sha512-BiKB4RZ8YSwRKCNVdNxK/GfY+r4Kjgp9jCLEy0DuqAKfmQtpL38cQK3afdpjw4sqSs4PLi3jIPJIFp259NkZtA==} engines: {node: ^12.20 || ^14.13.1 || >= 16} diff --git a/public/config.json b/public/config.json new file mode 100644 index 0000000..dfe2fce --- /dev/null +++ b/public/config.json @@ -0,0 +1,7 @@ +{ + "comfyUIHostname": "localhost", + "comfyUIPort": 8188, + "alwaysStripUserState": false, + "promptForWorkflowName": false, + "confirmWhenUnloadingUnsavedChanges": true +} diff --git a/public/image/graph-bg.png b/public/image/graph-bg.png new file mode 100644 index 0000000..2feb956 Binary files /dev/null and b/public/image/graph-bg.png differ diff --git a/public/workflows/conditioningRegions.json b/public/workflows/conditioningRegions.json index d278fda..9ae0136 100644 --- a/public/workflows/conditioningRegions.json +++ b/public/workflows/conditioningRegions.json @@ -2,7 +2,7 @@ "comfyBoxWorkflow": true, "createdBy": "ComfyBox", "version": 1, - "commitHash": "test", + "commitHash": "574d3170a4e829df366dc12c3aaa049121052d8f\n", "workflow": { "last_node_id": 0, "last_link_id": 0, @@ -59,7 +59,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -115,7 +115,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -190,18 +190,18 @@ "title": "UI.Number", "properties": { "tags": [], - "defaultValue": 8, + "defaultValue": 11.5, "min": 0, "max": 40, "step": 0.5, "precision": 0 }, "widgets_values": [ - "8.000" + "11.500" ], "color": "#223", "bgColor": "#335", - "comfyValue": 8, + "comfyValue": 11.5, "shownOutputProperties": { "min": { "type": "number", @@ -342,7 +342,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -400,7 +400,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -611,7 +611,7 @@ "title": "UI.Number", "properties": { "tags": [], - "defaultValue": 1, + "defaultValue": 0.56, "min": 0, "max": 1, "step": 0.01, @@ -713,18 +713,18 @@ "title": "UI.Number", "properties": { "tags": [], - "defaultValue": 20, + "defaultValue": 26, "min": 1, "max": 1000, "step": 1, "precision": 0 }, "widgets_values": [ - "20.000" + "26.000" ], "color": "#223", "bgColor": "#335", - "comfyValue": 20, + "comfyValue": 26, "shownOutputProperties": { "min": { "type": "number", @@ -814,18 +814,18 @@ "title": "UI.Number", "properties": { "tags": [], - "defaultValue": 0, + "defaultValue": 16, "min": 1, "max": 200, "step": 1, "precision": 1 }, "widgets_values": [ - "20.000" + "16.000" ], "color": "#223", "bgColor": "#335", - "comfyValue": 20, + "comfyValue": 16, "shownOutputProperties": { "min": { "type": "number", @@ -1263,7 +1263,32 @@ "title": "UI.MultiRegion", "properties": { "tags": [], - "defaultValue": false, + "defaultValue": [ + [ + 0, + 0, + 0.7472222222222226, + 1 + ], + [ + 0.3758101807700262, + 0, + 0.6241898192299737, + 1 + ], + [ + 0.69, + 0, + 0.31, + 1 + ], + [ + 0.71, + 0, + 0.29, + 1 + ] + ], "regionCount": 4, "canvasWidth": 1152, "canvasHeight": 768, @@ -1271,7 +1296,7 @@ "inputType": "size" }, "widgets_values": [ - "[[0.000,0.000,0.350,1.000],[0.183,0.000,0.350,1.000],[0.449,0.000,0.350,1.000],[0.650,0.000,0.350,1.000]]", + "[[0.000,0.000,0.747,1.000],[0.376,0.000,0.624,1.000],[0.690,0.000,0.310,1.000],[0.710,0.000,0.290,1.000]]", "size", 4 ], @@ -1281,25 +1306,25 @@ [ 0, 0, - 0.35, + 0.7472222222222226, 1 ], [ - 0.18263888888888896, + 0.3758101807700262, 0, - 0.35, + 0.6241898192299737, 1 ], [ - 0.448611111111111, + 0.69, 0, - 0.35, + 0.31, 1 ], [ - 0.65, + 0.71, 0, - 0.35, + 0.29, 1 ] ], @@ -2789,18 +2814,18 @@ "title": "UI.Number", "properties": { "tags": [], - "defaultValue": 1, + "defaultValue": 0, "min": 0, "max": 10, "step": 0.01, "precision": 0 }, "widgets_values": [ - "1.000" + "0.000" ], "color": "#223", "bgColor": "#335", - "comfyValue": 1, + "comfyValue": 0, "shownOutputProperties": { "min": { "type": "number", @@ -2891,18 +2916,18 @@ "title": "UI.Number", "properties": { "tags": [], - "defaultValue": 1, + "defaultValue": 0, "min": 0, "max": 10, "step": 0.01, "precision": 0 }, "widgets_values": [ - "1.000" + "0.000" ], "color": "#223", "bgColor": "#335", - "comfyValue": 1, + "comfyValue": 0, "shownOutputProperties": { "min": { "type": "number", @@ -3306,17 +3331,17 @@ "title": "UI.Text", "properties": { "tags": [], - "defaultValue": "", + "defaultValue": "masterpiece, 1girl, (yuri:1.2), city street, cityscape, open shirt, breasts, large breasts, nipples, shiny skin, full body, happy, red hair, red eyes, looking at another, eye contact, red skirt", "multiline": true, "lines": 5, "maxLines": 5 }, "widgets_values": [ - "masterpiece, 1girl, city street, cityscape, full body, happy, red hair, red eyes, looking at another, eye contact, red skirt" + "masterpiece, 1girl, (yuri:1.2), city street, cityscape, open shirt, breasts, large breasts, nipples, shiny skin, full body, happy, red hair, red eyes, looking at another, eye contact, red skirt" ], "color": "#223", "bgColor": "#335", - "comfyValue": "masterpiece, 1girl, city street, cityscape, full body, happy, red hair, red eyes, looking at another, eye contact, red skirt", + "comfyValue": "masterpiece, 1girl, (yuri:1.2), city street, cityscape, open shirt, breasts, large breasts, nipples, shiny skin, full body, happy, red hair, red eyes, looking at another, eye contact, red skirt", "shownOutputProperties": {}, "saveUserState": true }, @@ -3371,17 +3396,17 @@ "title": "UI.Text", "properties": { "tags": [], - "defaultValue": "", + "defaultValue": "masterpiece, 1girl, (yuri:1.2), open shirt, breasts, medium breasts, nipples, city street, cityscape, full body, happy, blue hair, blue eyes, looking at another, eye contact, blue skirt", "multiline": true, "lines": 5, "maxLines": 5 }, "widgets_values": [ - "masterpiece, 1girl, city street, cityscape, full body, happy, blue hair, blue eyes, looking at another, eye contact, blue skirt" + "masterpiece, 1girl, (yuri:1.2), open shirt, breasts, medium breasts, nipples, city street, cityscape, full body, happy, blue hair, blue eyes, looking at another, eye contact, blue skirt" ], "color": "#223", "bgColor": "#335", - "comfyValue": "masterpiece, 1girl, city street, cityscape, full body, happy, blue hair, blue eyes, looking at another, eye contact, blue skirt", + "comfyValue": "masterpiece, 1girl, (yuri:1.2), open shirt, breasts, medium breasts, nipples, city street, cityscape, full body, happy, blue hair, blue eyes, looking at another, eye contact, blue skirt", "shownOutputProperties": {}, "saveUserState": true }, @@ -3436,17 +3461,17 @@ "title": "UI.Text", "properties": { "tags": [], - "defaultValue": "", + "defaultValue": "masterpiece, 2girls, (yuri:1.2), open shirt, small breasts, nipples, city street, cityscape, full body, happy, yellow hair, yellow eyes, looking at another, eye contact, yellow skirt", "multiline": true, "lines": 5, "maxLines": 5 }, "widgets_values": [ - "masterpiece, 1girl, city street, cityscape, full body, happy, yellow hair, yellow eyes, looking at another, eye contact, yellow skirt" + "masterpiece, 2girls, (yuri:1.2), open shirt, small breasts, nipples, city street, cityscape, full body, happy, yellow hair, yellow eyes, looking at another, eye contact, yellow skirt" ], "color": "#223", "bgColor": "#335", - "comfyValue": "masterpiece, 1girl, city street, cityscape, full body, happy, yellow hair, yellow eyes, looking at another, eye contact, yellow skirt", + "comfyValue": "masterpiece, 2girls, (yuri:1.2), open shirt, small breasts, nipples, city street, cityscape, full body, happy, yellow hair, yellow eyes, looking at another, eye contact, yellow skirt", "shownOutputProperties": {}, "saveUserState": true }, @@ -3501,17 +3526,17 @@ "title": "UI.Text", "properties": { "tags": [], - "defaultValue": "", + "defaultValue": "masterpiece, 2girls, (yuri:1.2), open shirt, flat chest, nipples, city street, cityscape, full body, happy, green hair, green eyes, looking at another, eye contact, green skirt", "multiline": true, "lines": 5, "maxLines": 5 }, "widgets_values": [ - "masterpiece, 1girl, city street, cityscape, full body, happy, green hair, green eyes, looking at another, eye contact, green skirt" + "masterpiece, 2girls, (yuri:1.2), open shirt, flat chest, nipples, city street, cityscape, full body, happy, green hair, green eyes, looking at another, eye contact, green skirt" ], "color": "#223", "bgColor": "#335", - "comfyValue": "masterpiece, 1girl, city street, cityscape, full body, happy, green hair, green eyes, looking at another, eye contact, green skirt", + "comfyValue": "masterpiece, 2girls, (yuri:1.2), open shirt, flat chest, nipples, city street, cityscape, full body, happy, green hair, green eyes, looking at another, eye contact, green skirt", "shownOutputProperties": {}, "saveUserState": true }, @@ -4681,17 +4706,17 @@ "title": "UI.Text", "properties": { "tags": [], - "defaultValue": "", + "defaultValue": "nsfw, masterpiece, 4girls, multiple girls, city street, cityscape, landscape, jeans, shoes, shirt, kanpai, happy, red hair, yellow hair, blue hair, green hair, looking at another, eye contact", "multiline": true, "lines": 5, "maxLines": 5 }, "widgets_values": [ - "masterpiece, 4girls, multiple girls, city street, cityscape, landscape, jeans, shoes, shirt, kanpai, happy, red hair, yellow hair, blue hair, green hair, looking at another, eye contact" + "nsfw, masterpiece, 4girls, multiple girls, city street, cityscape, landscape, jeans, shoes, shirt, kanpai, happy, red hair, yellow hair, blue hair, green hair, looking at another, eye contact" ], "color": "#223", "bgColor": "#335", - "comfyValue": "masterpiece, 4girls, multiple girls, city street, cityscape, landscape, jeans, shoes, shirt, kanpai, happy, red hair, yellow hair, blue hair, green hair, looking at another, eye contact", + "comfyValue": "nsfw, masterpiece, 4girls, multiple girls, city street, cityscape, landscape, jeans, shoes, shirt, kanpai, happy, red hair, yellow hair, blue hair, green hair, looking at another, eye contact", "shownOutputProperties": {}, "saveUserState": true }, @@ -4799,17 +4824,17 @@ "title": "UI.Text", "properties": { "tags": [], - "defaultValue": "", + "defaultValue": "looking at viewer, lowres, bad anatomy, bad hands, text, error, missing fingers, extra digit, fewer digits, worst quality, low quality, normal quality, wide shot, jpeg artifacts, signature, watermark, username, blurry, deformed, disfigured, poorly drawn face, mutation, mutated, extra limb, poorly drawn hands, missing limb, floating limbs, disconnected limbs, malformed hands, out of focus, long neck, long body, fuzzy, abstract", "multiline": true, "lines": 5, "maxLines": 5 }, "widgets_values": [ - "nsfw, looking at viewer, lowres, bad anatomy, bad hands, text, error, missing fingers, extra digit, fewer digits, worst quality, low quality, normal quality, wide shot, jpeg artifacts, signature, watermark, username, blurry, deformed, disfigured, poorly drawn face, mutation, mutated, extra limb, poorly drawn hands, missing limb, floating limbs, disconnected limbs, malformed hands, out of focus, long neck, long body, fuzzy, abstract" + "looking at viewer, lowres, bad anatomy, bad hands, text, error, missing fingers, extra digit, fewer digits, worst quality, low quality, normal quality, wide shot, jpeg artifacts, signature, watermark, username, blurry, deformed, disfigured, poorly drawn face, mutation, mutated, extra limb, poorly drawn hands, missing limb, floating limbs, disconnected limbs, malformed hands, out of focus, long neck, long body, fuzzy, abstract" ], "color": "#223", "bgColor": "#335", - "comfyValue": "nsfw, looking at viewer, lowres, bad anatomy, bad hands, text, error, missing fingers, extra digit, fewer digits, worst quality, low quality, normal quality, wide shot, jpeg artifacts, signature, watermark, username, blurry, deformed, disfigured, poorly drawn face, mutation, mutated, extra limb, poorly drawn hands, missing limb, floating limbs, disconnected limbs, malformed hands, out of focus, long neck, long body, fuzzy, abstract", + "comfyValue": "looking at viewer, lowres, bad anatomy, bad hands, text, error, missing fingers, extra digit, fewer digits, worst quality, low quality, normal quality, wide shot, jpeg artifacts, signature, watermark, username, blurry, deformed, disfigured, poorly drawn face, mutation, mutated, extra limb, poorly drawn hands, missing limb, floating limbs, disconnected limbs, malformed hands, out of focus, long neck, long body, fuzzy, abstract", "shownOutputProperties": {}, "saveUserState": true }, @@ -5362,7 +5387,7 @@ "title": "Comfy.ValueControl", "properties": { "tags": [], - "value": 265785165591479, + "value": 1116696127994821, "action": "randomize", "min": 0, "max": 18446744073709552000, @@ -5423,7 +5448,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -5587,18 +5612,18 @@ "title": "UI.Number", "properties": { "tags": [], - "defaultValue": 0, + "defaultValue": 1116696127994821, "min": 0, "max": 18446744073709552000, "step": 1, "precision": 0 }, "widgets_values": [ - "265785165591479.000" + "1116696127994821.000" ], "color": "#223", "bgColor": "#335", - "comfyValue": 265785165591479, + "comfyValue": 1116696127994821, "shownOutputProperties": { "min": { "type": "number", @@ -5769,7 +5794,7 @@ "title": "Operation", "properties": { "A": 1234, - "B": 265785165591479, + "B": 1116696127994821, "OP": "+", "tags": [] } @@ -5808,73 +5833,6 @@ "tags": [] } }, - { - "id": "65d58159-d87b-4fb9-a078-f503885336eb", - "type": "ui/gallery", - "pos": [ - 2171.1057169999985, - 238.43802200000007 - ], - "size": [ - 210, - 126 - ], - "flags": {}, - "order": 32, - "mode": 0, - "inputs": [ - { - "name": "images", - "type": "OUTPUT", - "link": null, - "properties": {} - }, - { - "name": "store", - "type": -1, - "link": "4e35cf03-cda3-4d75-8fc7-10790b3a3342", - "properties": {}, - "color_off": "rebeccapurple", - "color_on": "rebeccapurple", - "shape": 1, - "slot_index": 1 - } - ], - "outputs": [ - { - "name": "images", - "type": "COMFYBOX_IMAGES", - "links": [ - "30e795a0-6790-450d-815c-bb5f20bf53ed" - ], - "properties": {}, - "slot_index": 0 - }, - { - "name": "selected_index", - "type": "number", - "links": [ - "96493a1f-6de1-4130-8ea2-041a04e5b3e8" - ], - "properties": {}, - "slot_index": 1 - } - ], - "title": "UI.Gallery", - "properties": { - "tags": [], - "defaultValue": null, - "index": 9, - "updateMode": "append", - "autoSelectOnUpdate": true - }, - "widgets_values": [], - "color": "#223", - "bgColor": "#335", - "comfyValue": [], - "shownOutputProperties": {}, - "saveUserState": false - }, { "id": "c144a016-4a67-45dd-ba14-67086c12f93f", "type": "image/pick_image", @@ -6018,127 +5976,6 @@ }, "saveUserState": true }, - { - "id": "15ae90b1-faac-4447-bfef-8e3a5f5ac200", - "type": "events/wrap_as_event", - "pos": [ - 1963.1057169999983, - 332.43802199999993 - ], - "size": [ - 140, - 46 - ], - "flags": { - "collapsed": false - }, - "order": 21, - "mode": 0, - "inputs": [ - { - "name": "trigger", - "type": -1, - "link": "9ef372d0-fde4-43c8-8b96-53905bbc5b97", - "properties": {}, - "shape": 1 - }, - { - "name": "param", - "type": "", - "link": "307047a2-f35d-4a63-b5d5-ccf299e55f56", - "properties": {}, - "slot_index": 1 - } - ], - "outputs": [ - { - "name": "event", - "type": -2, - "links": [ - "6e0a7214-01d1-4a1b-a21e-ecf8b5883673" - ], - "properties": {}, - "shape": 1, - "slot_index": 0 - } - ], - "title": "Wrap As Event", - "properties": { - "tags": [] - } - }, - { - "id": "b5bae397-2c92-4241-9658-6ce61d43b9bd", - "type": "events/sequence", - "pos": [ - 2039.105716999998, - 277.43802199999993 - ], - "size": [ - 140, - 86 - ], - "flags": { - "collapsed": true - }, - "order": 39, - "mode": 0, - "inputs": [ - { - "name": "", - "type": -1, - "link": "54d7994c-777a-4b5d-a5e7-46ad8f78caac", - "properties": {}, - "shape": 1 - }, - { - "name": "", - "type": -1, - "link": "ec928820-0d7a-4d9e-9c0d-aee1ef9b44d7", - "properties": {}, - "shape": 1, - "slot_index": 1 - }, - { - "name": "", - "type": -1, - "link": "6e0a7214-01d1-4a1b-a21e-ecf8b5883673", - "properties": {}, - "shape": 1, - "slot_index": 2 - }, - { - "name": "", - "type": -1, - "link": null, - "properties": {}, - "shape": 1 - } - ], - "outputs": [ - { - "name": "", - "type": -2, - "links": [ - "4e35cf03-cda3-4d75-8fc7-10790b3a3342" - ], - "properties": {}, - "shape": 1, - "slot_index": 0 - }, - { - "name": "", - "type": -2, - "links": [], - "properties": {}, - "shape": 1 - } - ], - "title": "Sequence", - "properties": { - "tags": [] - } - }, { "id": "0a53404e-479c-4b2f-92ca-32297caf3435", "type": "SaveImage", @@ -6376,7 +6213,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -6749,7 +6586,7 @@ "title": "UI.Text", "properties": { "tags": [], - "defaultValue": "", + "defaultValue": "1728", "multiline": false, "lines": 5, "maxLines": 5 @@ -6812,7 +6649,7 @@ "title": "UI.Text", "properties": { "tags": [], - "defaultValue": "", + "defaultValue": "1152", "multiline": false, "lines": 5, "maxLines": 5 @@ -6897,7 +6734,7 @@ "title": "UI.Number", "properties": { "tags": [], - "defaultValue": 0, + "defaultValue": 1.5, "min": 1, "max": 4, "step": 0.01, @@ -7014,7 +6851,7 @@ "inputs": [ { "name": "", - "type": "", + "type": "number", "link": "18e4f924-d725-4db8-ae92-0c7eefd59105", "properties": {} } @@ -7045,7 +6882,7 @@ "inputs": [ { "name": "", - "type": "", + "type": "number", "link": "9a4f27f6-40ba-4b30-81f0-f0e013d01e99", "properties": {} } @@ -7217,7 +7054,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -7294,7 +7131,7 @@ "title": "UI.Number", "properties": { "tags": [], - "defaultValue": 512, + "defaultValue": 768, "min": 64, "max": 2048, "step": 64, @@ -7400,7 +7237,7 @@ "title": "UI.Number", "properties": { "tags": [], - "defaultValue": 512, + "defaultValue": 1152, "min": 64, "max": 2048, "step": 64, @@ -7664,6 +7501,328 @@ "color": "#432", "bgColor": "#653", "saveUserState": true + }, + { + "id": "65d58159-d87b-4fb9-a078-f503885336eb", + "type": "ui/gallery", + "pos": [ + 2171.1057169999985, + 238.43802200000007 + ], + "size": [ + 210, + 126 + ], + "flags": {}, + "order": 32, + "mode": 0, + "inputs": [ + { + "name": "images", + "type": "OUTPUT", + "link": null, + "properties": {} + }, + { + "name": "store", + "type": -1, + "link": "f00abe60-5c13-41f8-badd-aa51752e0466", + "properties": {}, + "color_off": "rebeccapurple", + "color_on": "rebeccapurple", + "shape": 1, + "slot_index": 1 + } + ], + "outputs": [ + { + "name": "images", + "type": "COMFYBOX_IMAGES", + "links": [ + "30e795a0-6790-450d-815c-bb5f20bf53ed" + ], + "properties": {}, + "slot_index": 0 + }, + { + "name": "selected_index", + "type": "number", + "links": [ + "96493a1f-6de1-4130-8ea2-041a04e5b3e8" + ], + "properties": {}, + "slot_index": 1 + } + ], + "title": "UI.Gallery", + "properties": { + "tags": [], + "defaultValue": [ + { + "isComfyBoxImageMetadata": true, + "comfyUIFile": { + "filename": "ComfyUI_06079_.png", + "subfolder": "", + "type": "output" + }, + "name": "File", + "tags": [] + }, + { + "isComfyBoxImageMetadata": true, + "comfyUIFile": { + "filename": "ComfyUI_06079_.png", + "subfolder": "", + "type": "output" + }, + "name": "File", + "tags": [], + "width": 1152, + "height": 768 + }, + { + "isComfyBoxImageMetadata": true, + "comfyUIFile": { + "filename": "ComfyUI_06080_.png", + "subfolder": "", + "type": "output" + }, + "name": "File", + "tags": [], + "width": 1728, + "height": 1152 + }, + { + "isComfyBoxImageMetadata": true, + "comfyUIFile": { + "filename": "ComfyUI_06081_.png", + "subfolder": "", + "type": "output" + }, + "name": "File", + "tags": [] + }, + { + "isComfyBoxImageMetadata": true, + "comfyUIFile": { + "filename": "ComfyUI_06081_.png", + "subfolder": "", + "type": "output" + }, + "name": "File", + "tags": [], + "width": 1152, + "height": 768 + }, + { + "isComfyBoxImageMetadata": true, + "comfyUIFile": { + "filename": "ComfyUI_06082_.png", + "subfolder": "", + "type": "output" + }, + "name": "File", + "tags": [] + } + ], + "index": 4, + "updateMode": "append", + "autoSelectOnUpdate": true + }, + "widgets_values": [], + "color": "#223", + "bgColor": "#335", + "comfyValue": [ + { + "isComfyBoxImageMetadata": true, + "comfyUIFile": { + "filename": "ComfyUI_06079_.png", + "subfolder": "", + "type": "output" + }, + "name": "File", + "tags": [] + }, + { + "isComfyBoxImageMetadata": true, + "comfyUIFile": { + "filename": "ComfyUI_06079_.png", + "subfolder": "", + "type": "output" + }, + "name": "File", + "tags": [], + "width": 1152, + "height": 768 + }, + { + "isComfyBoxImageMetadata": true, + "comfyUIFile": { + "filename": "ComfyUI_06080_.png", + "subfolder": "", + "type": "output" + }, + "name": "File", + "tags": [], + "width": 1728, + "height": 1152 + }, + { + "isComfyBoxImageMetadata": true, + "comfyUIFile": { + "filename": "ComfyUI_06081_.png", + "subfolder": "", + "type": "output" + }, + "name": "File", + "tags": [] + }, + { + "isComfyBoxImageMetadata": true, + "comfyUIFile": { + "filename": "ComfyUI_06081_.png", + "subfolder": "", + "type": "output" + }, + "name": "File", + "tags": [], + "width": 1152, + "height": 768 + }, + { + "isComfyBoxImageMetadata": true, + "comfyUIFile": { + "filename": "ComfyUI_06082_.png", + "subfolder": "", + "type": "output" + }, + "name": "File", + "tags": [] + } + ], + "shownOutputProperties": {}, + "saveUserState": false + }, + { + "id": "15ae90b1-faac-4447-bfef-8e3a5f5ac200", + "type": "events/wrap_as_event", + "pos": [ + 1963, + 332 + ], + "size": [ + 140, + 46 + ], + "flags": { + "collapsed": false + }, + "order": 21, + "mode": 0, + "inputs": [ + { + "name": "trigger", + "type": -1, + "link": "9ef372d0-fde4-43c8-8b96-53905bbc5b97", + "properties": {}, + "shape": 1 + }, + { + "name": "param", + "type": "", + "link": "307047a2-f35d-4a63-b5d5-ccf299e55f56", + "properties": {}, + "slot_index": 1 + } + ], + "outputs": [ + { + "name": "event", + "type": -2, + "links": [ + "6e0a7214-01d1-4a1b-a21e-ecf8b5883673" + ], + "properties": {}, + "shape": 1, + "slot_index": 0 + } + ], + "title": "Wrap As Event", + "properties": { + "tags": [] + } + }, + { + "id": "b5bae397-2c92-4241-9658-6ce61d43b9bd", + "type": "events/sequence", + "pos": [ + 2004, + 277 + ], + "size": [ + 140, + 86 + ], + "flags": { + "collapsed": true + }, + "order": 39, + "mode": 0, + "inputs": [ + { + "name": "", + "type": -1, + "link": "54d7994c-777a-4b5d-a5e7-46ad8f78caac", + "properties": {}, + "shape": 1 + }, + { + "name": "", + "type": -1, + "link": "ec928820-0d7a-4d9e-9c0d-aee1ef9b44d7", + "properties": {}, + "shape": 1, + "slot_index": 1 + }, + { + "name": "", + "type": -1, + "link": "6e0a7214-01d1-4a1b-a21e-ecf8b5883673", + "properties": {}, + "shape": 1, + "slot_index": 2 + }, + { + "name": "", + "type": -1, + "link": null, + "properties": {}, + "shape": 1 + } + ], + "outputs": [ + { + "name": "", + "type": -2, + "links": [ + "f00abe60-5c13-41f8-badd-aa51752e0466" + ], + "properties": {}, + "shape": 1, + "slot_index": 0 + }, + { + "name": "", + "type": -2, + "links": [], + "properties": {}, + "shape": 1 + } + ], + "title": "Sequence", + "properties": { + "tags": [] + } } ], "links": [ @@ -7971,14 +8130,6 @@ 0, -1 ], - [ - "4e35cf03-cda3-4d75-8fc7-10790b3a3342", - "b5bae397-2c92-4241-9658-6ce61d43b9bd", - 0, - "65d58159-d87b-4fb9-a078-f503885336eb", - 1, - -1 - ], [ "fc2d2bf6-ff19-4ac6-a97e-f3898a2172f8", "c69d01b8-90c7-456c-80b4-db4db5cc5585", @@ -8234,6 +8385,14 @@ "0bb0fc82-c36d-4d2f-aaef-47d03351fc7f", 2, -1 + ], + [ + "f00abe60-5c13-41f8-badd-aa51752e0466", + "b5bae397-2c92-4241-9658-6ce61d43b9bd", + 0, + "65d58159-d87b-4fb9-a078-f503885336eb", + 1, + -1 ] ], "groups": [], @@ -8266,7 +8425,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -8291,7 +8451,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -8321,7 +8482,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -8347,7 +8509,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -8370,7 +8533,8 @@ "openOnStartup": true, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -8396,7 +8560,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -8420,7 +8585,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -8444,7 +8610,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -8468,7 +8635,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -8491,7 +8659,8 @@ "openOnStartup": true, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -8517,7 +8686,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -8544,7 +8714,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -8570,7 +8741,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -8593,7 +8765,8 @@ "openOnStartup": true, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -8623,7 +8796,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -8647,7 +8821,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -8671,7 +8846,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -8694,7 +8870,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -8720,7 +8897,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -8747,7 +8925,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -8771,7 +8950,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -8795,7 +8975,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -8819,7 +9000,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -8843,7 +9025,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -8867,7 +9050,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -8890,7 +9074,8 @@ "openOnStartup": true, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -8919,7 +9104,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -8942,7 +9128,8 @@ "openOnStartup": true, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -8969,7 +9156,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -8993,7 +9181,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -9016,7 +9205,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -9043,7 +9233,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -9066,7 +9257,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -9091,7 +9283,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -9116,7 +9309,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -9143,7 +9337,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -9166,7 +9361,8 @@ "openOnStartup": true, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -9194,7 +9390,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -9217,7 +9414,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -9244,7 +9442,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -9267,7 +9466,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": true } }, "children": [ @@ -9293,7 +9493,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -9317,7 +9518,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -9341,7 +9543,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -9365,7 +9568,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -9388,7 +9592,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -9414,7 +9619,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -9441,7 +9647,8 @@ "openOnStartup": false, "buttonVariant": "secondary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -9464,7 +9671,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -9491,7 +9699,8 @@ "openOnStartup": false, "buttonVariant": "secondary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -9514,7 +9723,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -9540,7 +9750,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -9564,7 +9775,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -9588,7 +9800,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -9612,7 +9825,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -9636,7 +9850,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -9659,7 +9874,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -9685,7 +9901,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -9711,7 +9928,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -9736,7 +9954,8 @@ "openOnStartup": true, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -9764,7 +9983,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -9784,14 +10004,15 @@ "disabled": false, "direction": "vertical", "classes": "", - "style": "flex-grow: 1; min-width: 0;", + "style": "flex-grow: 10; min-width: 0;", "nodeDisabledState": "hidden", "variant": "gallery", "containerVariant": "hidden", "openOnStartup": false, "buttonVariant": "secondary", "buttonSize": "small", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -9801,9 +10022,9 @@ }, "canvas": { "offset": [ - -607.2128109237503, - 314.37823956 + 0, + 0 ], - "scale": 0.5644739300537776 + "scale": 1 } } \ No newline at end of file diff --git a/public/workflows/defaultWorkflow.json b/public/workflows/defaultWorkflow.json index db0fd84..bd275a2 100644 --- a/public/workflows/defaultWorkflow.json +++ b/public/workflows/defaultWorkflow.json @@ -2,7 +2,7 @@ "comfyBoxWorkflow": true, "createdBy": "ComfyBox", "version": 1, - "commitHash": "test", + "commitHash": "574d3170a4e829df366dc12c3aaa049121052d8f\n", "workflow": { "last_node_id": 0, "last_link_id": 0, @@ -97,8 +97,8 @@ "title": "UI.Gallery", "properties": { "tags": [], - "defaultValue": null, - "index": 8, + "defaultValue": [], + "index": 0, "updateMode": "append", "autoSelectOnUpdate": true }, @@ -321,7 +321,7 @@ "title": "UI.Number", "properties": { "tags": [], - "defaultValue": 1, + "defaultValue": 4, "min": 1, "max": 16, "step": 1, @@ -827,7 +827,7 @@ "title": "UI.Checkbox", "properties": { "tags": [], - "defaultValue": false + "defaultValue": true }, "widgets_values": [ "true" @@ -1311,11 +1311,11 @@ "precision": 0 }, "widgets_values": [ - "7.000" + "8.000" ], "color": "#223", "bgColor": "#335", - "comfyValue": 7, + "comfyValue": 8, "shownOutputProperties": { "min": { "type": "number", @@ -1390,7 +1390,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -1448,7 +1448,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -2124,7 +2124,7 @@ "tags": [ "lora" ], - "defaultValue": false + "defaultValue": true }, "widgets_values": [ "true" @@ -2300,7 +2300,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -2482,7 +2482,7 @@ "title": "UI.Number", "properties": { "tags": [], - "defaultValue": 1, + "defaultValue": 0, "min": -2, "max": 2, "step": 0.05, @@ -2586,7 +2586,7 @@ "title": "UI.Number", "properties": { "tags": [], - "defaultValue": 1, + "defaultValue": 0, "min": -2, "max": 2, "step": 0.05, @@ -3636,7 +3636,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -3756,7 +3756,7 @@ "title": "UI.Number", "properties": { "tags": [], - "defaultValue": 1, + "defaultValue": 0, "min": -2, "max": 2, "step": 0.05, @@ -3860,7 +3860,7 @@ "title": "UI.Number", "properties": { "tags": [], - "defaultValue": 1, + "defaultValue": 0, "min": -2, "max": 2, "step": 0.05, @@ -4876,7 +4876,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -5124,7 +5124,7 @@ "title": "UI.Number", "properties": { "tags": [], - "defaultValue": 1, + "defaultValue": 0, "min": -2, "max": 2, "step": 0.05, @@ -5228,7 +5228,7 @@ "title": "UI.Number", "properties": { "tags": [], - "defaultValue": 1, + "defaultValue": 0, "min": -2, "max": 2, "step": 0.05, @@ -6071,7 +6071,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -6285,7 +6285,7 @@ "title": "UI.Number", "properties": { "tags": [], - "defaultValue": 1, + "defaultValue": 0, "min": -2, "max": 2, "step": 0.05, @@ -6452,7 +6452,7 @@ "title": "UI.Number", "properties": { "tags": [], - "defaultValue": 1, + "defaultValue": 0, "min": -2, "max": 2, "step": 0.05, @@ -7352,7 +7352,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -7599,7 +7599,7 @@ "title": "UI.Number", "properties": { "tags": [], - "defaultValue": 1, + "defaultValue": 0, "min": -2, "max": 2, "step": 0.05, @@ -7703,7 +7703,7 @@ "title": "UI.Number", "properties": { "tags": [], - "defaultValue": 1, + "defaultValue": 0, "min": -2, "max": 2, "step": 0.05, @@ -8936,7 +8936,7 @@ "title": "UI.Text", "properties": { "tags": [], - "defaultValue": "", + "defaultValue": "masterpiece, hyper detailed background, 1girl, cowboy shot, solo, a fluffy corgi girl wearing sunglasses, dark theme, baggy nylon jacket, gyaru, cyberpunk, airy, futuristic city, animal ear fluff, animal ears, smile, v, trees, leaves, nature, forest, overgrowth", "multiline": true, "lines": 5, "maxLines": 5 @@ -9038,7 +9038,7 @@ "title": "UI.Text", "properties": { "tags": [], - "defaultValue": "", + "defaultValue": "lowres, bad anatomy, bad hands, text, error, missing fingers, extra digit, fewer digits, worst quality, low quality, normal quality, wide shot, jpeg artifacts, signature, watermark, username, blurry, deformed, disfigured, poorly drawn face, mutation, mutated, extra limb, poorly drawn hands, missing limb, floating limbs, disconnected limbs, malformed hands, out of focus, long neck, long body, fuzzy, abstract", "multiline": true, "lines": 5, "maxLines": 5 @@ -9721,7 +9721,7 @@ "title": "Comfy.ValueControl", "properties": { "tags": [], - "value": 288679537931148, + "value": 582554067195160, "action": "randomize", "min": 0, "max": 18446744073709552000, @@ -9892,7 +9892,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -10258,11 +10258,11 @@ "precision": 0 }, "widgets_values": [ - "26.000" + "20.000" ], "color": "#223", "bgColor": "#335", - "comfyValue": 26, + "comfyValue": 20, "shownOutputProperties": { "min": { "type": "number", @@ -10337,7 +10337,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -10395,7 +10395,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -10960,7 +10960,7 @@ "txt2img", "img2img" ], - "defaultValue": "Choice A" + "defaultValue": "txt2img" }, "widgets_values": [ "txt2img", @@ -11771,14 +11771,14 @@ "tags": [ "img2img" ], - "defaultValue": false + "defaultValue": true }, "widgets_values": [ - "false" + "true" ], "color": "#223", "bgColor": "#335", - "comfyValue": false, + "comfyValue": true, "shownOutputProperties": {}, "saveUserState": true }, @@ -12290,11 +12290,11 @@ "precision": 0 }, "widgets_values": [ - "832.000" + "512.000" ], "color": "#223", "bgColor": "#335", - "comfyValue": 832, + "comfyValue": 512, "shownOutputProperties": { "min": { "type": "number", @@ -12572,7 +12572,7 @@ "title": "Operation", "properties": { "A": 0, - "B": 1.25, + "B": 2, "OP": "*", "tags": [] } @@ -12621,7 +12621,7 @@ "title": "Operation", "properties": { "A": 0, - "B": 1.25, + "B": 2, "OP": "*", "tags": [] } @@ -12880,18 +12880,18 @@ "img2img", "img2imgScaleSize" ], - "defaultValue": 0, + "defaultValue": 2, "min": 1, "max": 4, "step": 0.05, "precision": 1 }, "widgets_values": [ - "1.250" + "2.000" ], "color": "#223", "bgColor": "#335", - "comfyValue": 1.25, + "comfyValue": 2, "shownOutputProperties": { "min": { "type": "number", @@ -13044,7 +13044,7 @@ "title": "UI.Text", "properties": { "tags": [], - "defaultValue": "", + "defaultValue": "0", "multiline": false, "lines": 5, "maxLines": 5 @@ -13107,7 +13107,7 @@ "title": "UI.Text", "properties": { "tags": [], - "defaultValue": "", + "defaultValue": "0", "multiline": false, "lines": 5, "maxLines": 5 @@ -13978,7 +13978,7 @@ "tags": [ "img2img" ], - "defaultValue": 1, + "defaultValue": 0.65, "min": 0, "max": 1, "step": 0.01, @@ -14767,7 +14767,7 @@ ], "title": "UI.ImageUpload", "properties": { - "defaultValue": null, + "defaultValue": [], "tags": [ "img2img" ] @@ -15866,7 +15866,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -15948,11 +15948,11 @@ "precision": 0 }, "widgets_values": [ - "0.550" + "1.000" ], "color": "#223", "bgColor": "#335", - "comfyValue": 0.55, + "comfyValue": 1, "shownOutputProperties": { "min": { "type": "number", @@ -16051,11 +16051,11 @@ "precision": 0 }, "widgets_values": [ - "0.000" + "1.000" ], "color": "#223", "bgColor": "#335", - "comfyValue": 0, + "comfyValue": 1, "shownOutputProperties": { "min": { "type": "number", @@ -16513,7 +16513,7 @@ ], "title": "UI.ImageUpload", "properties": { - "defaultValue": null, + "defaultValue": [], "tags": [ "controlnet" ] @@ -17323,7 +17323,7 @@ "outputJSON": true, "tags": [] }, - "boxcolor": "#AEA" + "boxcolor": "red" }, { "id": "88ce296c-c21e-4929-90fe-b00310072880", @@ -17663,11 +17663,11 @@ "precision": 0 }, "widgets_values": [ - "30.000" + "20.000" ], "color": "#223", "bgColor": "#335", - "comfyValue": 30, + "comfyValue": 20, "shownOutputProperties": { "min": { "type": "number", @@ -17937,7 +17937,7 @@ "title": "UI.Number", "properties": { "tags": [], - "defaultValue": 1, + "defaultValue": 0.65, "min": 0, "max": 1, "step": 0.01, @@ -18301,7 +18301,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -18357,7 +18357,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -18376,7 +18376,7 @@ "collapsed": true }, "order": 14, - "mode": 2, + "mode": 0, "inputs": [], "outputs": [ { @@ -18552,7 +18552,7 @@ "collapsed": true }, "order": 3, - "mode": 2, + "mode": 0, "inputs": [ { "name": "store", @@ -18658,7 +18658,7 @@ "collapsed": true }, "order": 5, - "mode": 2, + "mode": 0, "inputs": [ { "name": "store", @@ -18764,7 +18764,7 @@ "collapsed": true }, "order": 0, - "mode": 2, + "mode": 0, "inputs": [], "outputs": [ { @@ -19099,11 +19099,11 @@ "defaultValue": false }, "widgets_values": [ - "true" + "false" ], "color": "#223", "bgColor": "#335", - "comfyValue": true, + "comfyValue": false, "shownOutputProperties": {}, "saveUserState": true }, @@ -19237,7 +19237,7 @@ ], "title": "GenericCompare", "properties": { - "A": "ComfyUI_05881_.png [output]", + "A": null, "B": "", "OP": "==", "enabled": true, @@ -20412,7 +20412,7 @@ "collapsed": true }, "order": 29, - "mode": 0, + "mode": 2, "inputs": [ { "name": "height", @@ -20539,8 +20539,8 @@ ], "title": "Operation", "properties": { - "A": 512, - "B": 2, + "A": 0, + "B": 1, "OP": "*", "tags": [] } @@ -20588,8 +20588,8 @@ ], "title": "Operation", "properties": { - "A": 512, - "B": 2, + "A": 0, + "B": 1, "OP": "*", "tags": [] } @@ -20789,7 +20789,7 @@ "collapsed": true }, "order": 2, - "mode": 0, + "mode": 2, "inputs": [ { "name": "store", @@ -20848,18 +20848,18 @@ "hr", "hrScaleSize" ], - "defaultValue": 0, + "defaultValue": 1, "min": 1, "max": 4, "step": 0.05, "precision": 1 }, "widgets_values": [ - "2.000" + "1.000" ], "color": "#223", "bgColor": "#335", - "comfyValue": 2, + "comfyValue": 1, "shownOutputProperties": { "min": { "type": "number", @@ -20977,7 +20977,7 @@ "collapsed": true }, "order": 12, - "mode": 0, + "mode": 2, "inputs": [ { "name": "value", @@ -21015,17 +21015,17 @@ "hr", "hrScaleSize" ], - "defaultValue": "", + "defaultValue": "0", "multiline": false, "lines": 5, "maxLines": 5 }, "widgets_values": [ - "1024" + "0" ], "color": "#223", "bgColor": "#335", - "comfyValue": "1024", + "comfyValue": "0", "shownOutputProperties": {}, "saveUserState": true }, @@ -21044,7 +21044,7 @@ "collapsed": true }, "order": 11, - "mode": 0, + "mode": 2, "inputs": [ { "name": "value", @@ -21081,17 +21081,17 @@ "hr", "hrScaleSize" ], - "defaultValue": "", + "defaultValue": "0", "multiline": false, "lines": 5, "maxLines": 5 }, "widgets_values": [ - "1024" + "0" ], "color": "#223", "bgColor": "#335", - "comfyValue": "1024", + "comfyValue": "0", "shownOutputProperties": {}, "saveUserState": true } @@ -21803,8 +21803,8 @@ "title": "UI.Gallery", "properties": { "tags": [], - "defaultValue": null, - "index": 2, + "defaultValue": [], + "index": 0, "updateMode": "append", "autoSelectOnUpdate": true }, @@ -21879,6 +21879,78 @@ }, "saveUserState": true }, + { + "id": "b089ede0-c788-4276-93df-3321a7ca3671", + "type": "actions/send_output", + "pos": [ + 3100, + 189 + ], + "size": [ + 184.79999999999998, + 46 + ], + "flags": {}, + "order": 63, + "mode": 0, + "inputs": [ + { + "name": "value", + "type": "*", + "link": "800aab7b-ac43-48e3-9047-446c827a5eea", + "properties": {} + }, + { + "name": "trigger", + "type": -1, + "link": "78d35af4-2984-41ce-ab37-48c0e4dc0d91", + "properties": {}, + "shape": 1 + } + ], + "outputs": [], + "title": "Comfy.SendOutputAction", + "properties": { + "tags": [] + }, + "saveUserState": true + }, + { + "id": "7999653f-9085-4387-b86f-49d3f0a5ac8b", + "type": "actions/send_output", + "pos": [ + 3091, + 85 + ], + "size": [ + 184.79999999999998, + 46 + ], + "flags": {}, + "order": 55, + "mode": 0, + "inputs": [ + { + "name": "value", + "type": "*", + "link": "83af87c9-1177-4a6d-8412-f3ab9b3c3105", + "properties": {} + }, + { + "name": "trigger", + "type": -1, + "link": "8b9f4d46-6a55-4f1e-86bc-7c1dbd415e62", + "properties": {}, + "shape": 1 + } + ], + "outputs": [], + "title": "Comfy.SendOutputAction", + "properties": { + "tags": [] + }, + "saveUserState": true + }, { "id": "438b9e76-5a39-4e3c-a1e0-0cd338d34518", "type": "graph/subgraph", @@ -21989,7 +22061,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -22140,7 +22212,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -22547,78 +22619,6 @@ "extra": {}, "version": 10 } - }, - { - "id": "b089ede0-c788-4276-93df-3321a7ca3671", - "type": "actions/send_output", - "pos": [ - 3100, - 189 - ], - "size": [ - 184.79999999999998, - 46 - ], - "flags": {}, - "order": 63, - "mode": 0, - "inputs": [ - { - "name": "value", - "type": "*", - "link": "800aab7b-ac43-48e3-9047-446c827a5eea", - "properties": {} - }, - { - "name": "trigger", - "type": -1, - "link": "78d35af4-2984-41ce-ab37-48c0e4dc0d91", - "properties": {}, - "shape": 1 - } - ], - "outputs": [], - "title": "Comfy.SendOutputAction", - "properties": { - "tags": [] - }, - "saveUserState": true - }, - { - "id": "7999653f-9085-4387-b86f-49d3f0a5ac8b", - "type": "actions/send_output", - "pos": [ - 3091, - 85 - ], - "size": [ - 184.79999999999998, - 46 - ], - "flags": {}, - "order": 55, - "mode": 0, - "inputs": [ - { - "name": "value", - "type": "*", - "link": "83af87c9-1177-4a6d-8412-f3ab9b3c3105", - "properties": {} - }, - { - "name": "trigger", - "type": -1, - "link": "8b9f4d46-6a55-4f1e-86bc-7c1dbd415e62", - "properties": {}, - "shape": 1 - } - ], - "outputs": [], - "title": "Comfy.SendOutputAction", - "properties": { - "tags": [] - }, - "saveUserState": true } ], "links": [ @@ -23362,7 +23362,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -23387,7 +23388,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -23418,7 +23420,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -23444,7 +23447,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -23467,7 +23471,8 @@ "openOnStartup": true, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -23494,7 +23499,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -23518,7 +23524,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -23542,7 +23549,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -23566,7 +23574,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -23590,7 +23599,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -23614,7 +23624,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -23638,7 +23649,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -23661,7 +23673,8 @@ "openOnStartup": true, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -23684,12 +23697,13 @@ "classes": "", "style": "", "nodeDisabledState": "hidden", - "variant": "gallery", + "variant": "code", "containerVariant": "hidden", "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -23712,7 +23726,8 @@ "openOnStartup": true, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -23734,12 +23749,13 @@ "classes": "", "style": "", "nodeDisabledState": "hidden", - "variant": "gallery", + "variant": "code", "containerVariant": "hidden", "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -23763,7 +23779,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -23787,7 +23804,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -23810,7 +23828,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -23838,7 +23857,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -23862,7 +23882,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -23886,7 +23907,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -23910,7 +23932,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -23934,7 +23957,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -23958,7 +23982,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -23981,7 +24006,8 @@ "openOnStartup": true, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -24011,7 +24037,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -24031,14 +24058,15 @@ "disabled": false, "direction": "vertical", "classes": "", - "style": "flex-grow: 1; min-width: 0", + "style": "flex-grow: 15; min-width: 0", "nodeDisabledState": "hidden", "variant": "gallery", "containerVariant": "hidden", "openOnStartup": false, "buttonVariant": "secondary", "buttonSize": "small", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24063,7 +24091,8 @@ "buttonSize": "large", "tags": [ "img2img" - ] + ], + "destroyChildOnCLose": false } }, "children": [ @@ -24093,7 +24122,8 @@ "buttonSize": "large", "tags": [ "img2img" - ] + ], + "destroyChildOnCLose": false } }, "children": [ @@ -24119,7 +24149,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -24139,14 +24170,15 @@ "disabled": false, "direction": "vertical", "classes": "", - "style": "flex-grow: 1; min-width: 0", + "style": "flex-grow: 15; min-width: 0", "nodeDisabledState": "hidden", "variant": "gallery", "containerVariant": "hidden", "openOnStartup": false, "buttonVariant": "secondary", "buttonSize": "small", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24170,7 +24202,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24194,7 +24227,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24219,7 +24253,8 @@ "buttonSize": "large", "tags": [ "txt2img" - ] + ], + "destroyChildOnCLose": false } }, "children": [ @@ -24246,7 +24281,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -24272,7 +24308,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -24299,7 +24336,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24324,7 +24362,8 @@ "buttonSize": "large", "tags": [ "img2img" - ] + ], + "destroyChildOnCLose": false } }, "children": [ @@ -24351,7 +24390,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24375,7 +24415,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24398,7 +24439,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -24425,7 +24467,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24449,7 +24492,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24473,7 +24517,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24499,7 +24544,8 @@ "tags": [ "img2img", "img2imgScaleSize" - ] + ], + "destroyChildOnCLose": false } }, "children": [ @@ -24526,7 +24572,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24543,14 +24590,15 @@ "disabled": false, "direction": "vertical", "classes": "", - "style": "flex-grow: 1; min-width: 0;", + "style": "flex-grow: 15; min-width: 0;", "nodeDisabledState": "hidden", "variant": "gallery", "containerVariant": "hidden", "openOnStartup": false, "buttonVariant": "secondary", "buttonSize": "small", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24567,14 +24615,15 @@ "disabled": false, "direction": "vertical", "classes": "", - "style": "flex-grow: 10; min-width: 0;", + "style": "flex-grow: 80; min-width: 0;", "nodeDisabledState": "hidden", "variant": "gallery", "containerVariant": "hidden", "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24597,7 +24646,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -24623,7 +24673,8 @@ "openOnStartup": true, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -24653,7 +24704,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24677,7 +24729,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24701,7 +24754,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24724,7 +24778,8 @@ "openOnStartup": true, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -24754,7 +24809,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24778,7 +24834,8 @@ "openOnStartup": false, "buttonVariant": "secondary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24801,7 +24858,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -24827,7 +24885,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -24847,14 +24906,15 @@ "disabled": false, "direction": "vertical", "classes": "", - "style": "flex-grow: 1; min-width: 0", + "style": "flex-grow: 15; min-width: 0", "nodeDisabledState": "hidden", "variant": "gallery", "containerVariant": "hidden", "openOnStartup": false, "buttonVariant": "secondary", "buttonSize": "small", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24878,7 +24938,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24902,7 +24963,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24926,7 +24988,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24950,7 +25013,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24974,7 +25038,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -24998,7 +25063,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25010,7 +25076,7 @@ "id": "158a0aab-dcc9-4da2-b9eb-fea21755f603", "attrs": { "title": "", - "hidden": false, + "hidden": true, "disabled": false, "direction": "horizontal", "classes": "", @@ -25024,7 +25090,8 @@ "tags": [ "hr", "hrScaleSize" - ] + ], + "destroyChildOnCLose": false } }, "children": [ @@ -25050,7 +25117,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -25078,7 +25146,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -25104,7 +25173,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25127,7 +25197,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -25154,7 +25225,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25178,7 +25250,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25202,7 +25275,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25226,7 +25300,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25249,7 +25324,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -25273,14 +25349,15 @@ "disabled": false, "direction": "vertical", "classes": "", - "style": "flex-grow: 1; min-width: 0;", + "style": "flex-grow: 15; min-width: 0;", "nodeDisabledState": "hidden", "variant": "gallery", "containerVariant": "hidden", "openOnStartup": false, "buttonVariant": "secondary", "buttonSize": "small", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25303,7 +25380,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -25332,7 +25410,8 @@ "buttonSize": "large", "tags": [ "lora" - ] + ], + "destroyChildOnCLose": false } }, "children": [ @@ -25358,7 +25437,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -25377,14 +25457,15 @@ "disabled": false, "direction": "vertical", "classes": "", - "style": "flex-grow: 1; min-width: 0;", + "style": "flex-grow: 15; min-width: 0;", "nodeDisabledState": "hidden", "variant": "gallery", "containerVariant": "hidden", "openOnStartup": false, "buttonVariant": "secondary", "buttonSize": "small", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25408,7 +25489,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25432,7 +25514,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25456,7 +25539,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25473,14 +25557,15 @@ "disabled": false, "direction": "vertical", "classes": "", - "style": "flex-grow: 1; min-width: 0;", + "style": "flex-grow: 15; min-width: 0;", "nodeDisabledState": "hidden", "variant": "gallery", "containerVariant": "hidden", "openOnStartup": false, "buttonVariant": "secondary", "buttonSize": "small", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25504,7 +25589,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25528,7 +25614,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25552,7 +25639,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25569,14 +25657,15 @@ "disabled": false, "direction": "vertical", "classes": "", - "style": "flex-grow: 1; min-width: 0;", + "style": "flex-grow: 15; min-width: 0;", "nodeDisabledState": "hidden", "variant": "gallery", "containerVariant": "hidden", "openOnStartup": false, "buttonVariant": "secondary", "buttonSize": "small", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25600,7 +25689,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25624,7 +25714,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25648,7 +25739,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25665,14 +25757,15 @@ "disabled": false, "direction": "vertical", "classes": "", - "style": "flex-grow: 1; min-width: 0;", + "style": "flex-grow: 15; min-width: 0;", "nodeDisabledState": "hidden", "variant": "gallery", "containerVariant": "hidden", "openOnStartup": false, "buttonVariant": "secondary", "buttonSize": "small", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25696,7 +25789,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25720,7 +25814,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25744,7 +25839,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25768,7 +25864,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -25791,7 +25888,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -25818,7 +25916,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -25845,7 +25944,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -25872,7 +25972,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -25899,7 +26000,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -25924,7 +26026,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -25949,7 +26052,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -25974,7 +26078,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -26001,7 +26106,8 @@ "buttonSize": "large", "tags": [ "lora" - ] + ], + "destroyChildOnCLose": false } }, "children": [ @@ -26029,7 +26135,8 @@ "buttonSize": "large", "tags": [ "lora" - ] + ], + "destroyChildOnCLose": false } }, "children": [ @@ -26057,7 +26164,8 @@ "buttonSize": "large", "tags": [ "lora" - ] + ], + "destroyChildOnCLose": false } }, "children": [ @@ -26085,7 +26193,8 @@ "buttonSize": "large", "tags": [ "lora" - ] + ], + "destroyChildOnCLose": false } }, "children": [ @@ -26111,7 +26220,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -26138,7 +26248,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -26162,7 +26273,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -26187,7 +26299,8 @@ "buttonSize": "large", "tags": [ "controlnet" - ] + ], + "destroyChildOnCLose": false } }, "children": [ @@ -26213,7 +26326,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -26237,7 +26351,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -26261,7 +26376,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -26285,7 +26401,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -26308,7 +26425,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -26336,7 +26454,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -26363,7 +26482,8 @@ "buttonSize": "large", "tags": [ "controlnet" - ] + ], + "destroyChildOnCLose": false } }, "children": [ @@ -26390,7 +26510,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -26414,7 +26535,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -26437,7 +26559,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ diff --git a/public/workflows/upscale.json b/public/workflows/upscaleByModel.json similarity index 90% rename from public/workflows/upscale.json rename to public/workflows/upscaleByModel.json index e38e9aa..7a839a1 100644 --- a/public/workflows/upscale.json +++ b/public/workflows/upscaleByModel.json @@ -2,7 +2,7 @@ "comfyBoxWorkflow": true, "createdBy": "ComfyBox", "version": 1, - "commitHash": "test", + "commitHash": "574d3170a4e829df366dc12c3aaa049121052d8f\n", "workflow": { "last_node_id": 0, "last_link_id": 0, @@ -176,7 +176,7 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": "A", + "comfyValue": null, "shownOutputProperties": {}, "saveUserState": false }, @@ -391,7 +391,20 @@ "title": "UI.Gallery", "properties": { "tags": [], - "defaultValue": null, + "defaultValue": [ + { + "isComfyBoxImageMetadata": true, + "comfyUIFile": { + "filename": "ComfyUI_04712_.png", + "subfolder": "", + "type": "output" + }, + "name": "File", + "tags": [], + "width": 6656, + "height": 4096 + } + ], "index": 0, "updateMode": "replace", "autoSelectOnUpdate": true @@ -399,7 +412,20 @@ "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": [], + "comfyValue": [ + { + "isComfyBoxImageMetadata": true, + "comfyUIFile": { + "filename": "ComfyUI_04712_.png", + "subfolder": "", + "type": "output" + }, + "name": "File", + "tags": [], + "width": 6656, + "height": 4096 + } + ], "shownOutputProperties": {}, "saveUserState": false }, @@ -502,13 +528,39 @@ ], "title": "UI.ImageUpload", "properties": { - "defaultValue": null, + "defaultValue": [ + { + "isComfyBoxImageMetadata": true, + "comfyUIFile": { + "filename": "ComfyUI_05835_.png", + "type": "output", + "subfolder": "" + }, + "name": "File", + "tags": [], + "width": 640, + "height": 768 + } + ], "tags": [] }, "widgets_values": [], "color": "#223", "bgColor": "#335", - "comfyValue": [], + "comfyValue": [ + { + "isComfyBoxImageMetadata": true, + "comfyUIFile": { + "filename": "ComfyUI_05835_.png", + "type": "output", + "subfolder": "" + }, + "name": "File", + "tags": [], + "width": 640, + "height": 768 + } + ], "shownOutputProperties": {}, "saveUserState": false }, @@ -654,7 +706,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -679,7 +732,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -705,7 +759,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -732,7 +787,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -744,7 +800,7 @@ "id": "2f0371e8-559e-4a58-a5d1-0a50117675fc", "nodeId": "578edfae-2767-4b23-9a3b-6edd8ccad1dd", "attrs": { - "title": "model_name", + "title": "Modal Name", "hidden": false, "disabled": false, "direction": "vertical", @@ -756,7 +812,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -779,7 +836,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -793,7 +851,7 @@ "id": "db12215f-fd9c-463f-9fbd-26b79e994e0e", "nodeId": "59feacdf-de02-4b1e-b8ba-e219ba5126b7", "attrs": { - "title": "filename_prefix", + "title": "Filename Prefix", "hidden": false, "disabled": false, "direction": "vertical", @@ -805,7 +863,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], @@ -828,7 +887,8 @@ "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [ @@ -849,12 +909,13 @@ "classes": "", "style": "", "nodeDisabledState": "hidden", - "variant": "gallery", + "variant": "image", "containerVariant": "hidden", "openOnStartup": false, "buttonVariant": "primary", "buttonSize": "large", - "tags": [] + "tags": [], + "destroyChildOnCLose": false } }, "children": [], diff --git a/src/global.d.ts b/src/global.d.ts new file mode 100644 index 0000000..a72ab10 --- /dev/null +++ b/src/global.d.ts @@ -0,0 +1,8 @@ +declare type Item = import('svelte-dnd-action').Item; +declare type DndEvent = import('svelte-dnd-action').DndEvent; +declare namespace svelte.JSX { + interface HTMLAttributes { + onconsider?: (event: CustomEvent> & { target: EventTarget & T }) => void; + onfinalize?: (event: CustomEvent> & { target: EventTarget & T }) => void; + } +} diff --git a/src/lib/ComfyBoxTemplate.ts b/src/lib/ComfyBoxTemplate.ts index 9b6e2fd..d3ec966 100644 --- a/src/lib/ComfyBoxTemplate.ts +++ b/src/lib/ComfyBoxTemplate.ts @@ -1,9 +1,11 @@ -import { Subgraph, type LGraphNode, type LLink, type SerializedLGraphNode, type SerializedLLink, LGraph } from "@litegraph-ts/core" +import { Subgraph, type LGraphNode, type LLink, type SerializedLGraphNode, type SerializedLLink, LGraph, type NodeID, type UUID, type Vector2 } from "@litegraph-ts/core" import layoutStates, { isComfyWidgetNode, type ContainerLayout, type SerializedDragEntry, type WidgetLayout, type DragItemID, type WritableLayoutStateStore, type DragItemEntry, type SerializedLayoutState } from "./stores/layoutStates" import type { ComfyWidgetNode } from "./nodes/widgets" import type ComfyGraphCanvas from "./ComfyGraphCanvas" import C2S from "canvas-to-svg"; -import { download } from "./utils"; +import { calcNodesBoundingBox, download } from "./utils"; +import { v4 as uuidv4 } from "uuid"; +import uiState from "./stores/uiState"; /* * In ComfyBox a template contains a subset of nodes in the graph and the set of @@ -11,17 +13,40 @@ import { download } from "./utils"; */ export type ComfyBoxTemplate = { version: 1, + id: UUID, + metadata: ComfyBoxTemplateMetadata, nodes: LGraphNode[], links: LLink[], container?: DragItemEntry } +export type SerializedTemplateLink = [NodeID, number, NodeID, number]; + +export type ComfyBoxTemplateMetadata = { + title: string, + author: string, + description: string, + tags: string[], + category: string, + createdAt: number + + // TODO required/optional python extensions +} + /* * In ComfyBox a template contains a subset of nodes in the graph and the set of * components they represent in the UI. */ export type SerializedComfyBoxTemplate = { + isComfyBoxTemplate: true, version: 1, + id: UUID, + commitHash: string, + + /* + * Serialized metadata + */ + metadata: ComfyBoxTemplateMetadata, /* * Serialized nodes @@ -31,16 +56,29 @@ export type SerializedComfyBoxTemplate = { /* * Serialized inner links */ - links: SerializedLLink[], + links: SerializedTemplateLink[], /* * Serialized container type drag item */ layout?: SerializedLayoutState + + /* + * SVG of the graph ndoes + */ + svg?: string } -export type SerializedComfyBoxTemplateData = { - comfyBoxTemplate: SerializedComfyBoxTemplate +function isSerializedComfyBoxTemplate(param: any): param is SerializedComfyBoxTemplate { + return param && param.isComfyBoxTemplate; +} + +const DEFAULT_TEMPLATE_METADATA = { + title: "New Template", + author: "Anonymous", + description: "A brand-new ComfyBox template", + tags: [], + category: "general" } export type ComfyBoxTemplateError = { @@ -117,7 +155,7 @@ function unescapeXml(safe) { const TEMPLATE_SVG_PADDING: number = 50; -function renderSvg(canvas: ComfyGraphCanvas, graph: LGraph, extraData: any, padding: number): string { +function renderSvg(canvas: ComfyGraphCanvas, graph: LGraph, padding: number, extraData?: SerializedComfyBoxTemplate | null): string { // Calculate the min max bounds for the nodes on the graph const bounds = graph._nodes.reduce( (p, n) => { @@ -146,6 +184,7 @@ function renderSvg(canvas: ComfyGraphCanvas, graph: LGraph, extraData: any, padd const offset = canvas.ds.offset; const show_info = canvas.show_info; const background_image = canvas.background_image; + const clear_background = canvas.clear_background; const render_canvas_border = canvas.render_canvas_border; const render_subgraph_panels = canvas.render_subgraph_panels const render_subgraph_stack_header = canvas.render_subgraph_stack_header @@ -153,6 +192,7 @@ function renderSvg(canvas: ComfyGraphCanvas, graph: LGraph, extraData: any, padd canvas.openSubgraph(graph) canvas.show_info = false; canvas.background_image = null; + canvas.clear_background = false; canvas.render_canvas_border = false; canvas.render_subgraph_panels = false; canvas.render_subgraph_stack_header = false; @@ -197,12 +237,10 @@ function renderSvg(canvas: ComfyGraphCanvas, graph: LGraph, extraData: any, padd canvas.ds.offset = [-bounds[0], -bounds[1]]; canvas.ctx = svgCtx; - let saving = false; - // Trigger saving - saving = true; + canvas.isExportingSVG = true; canvas.draw(true, true); - saving = false; + canvas.isExportingSVG = false; // Restore original settings canvas.closeSubgraph(); @@ -212,6 +250,7 @@ function renderSvg(canvas: ComfyGraphCanvas, graph: LGraph, extraData: any, padd canvas.ds.offset = offset; canvas.ctx = ctx; canvas.show_info = show_info; + canvas.clear_background = clear_background; canvas.background_image = background_image; canvas.render_canvas_border = render_canvas_border; canvas.render_subgraph_panels = render_subgraph_panels; @@ -219,15 +258,33 @@ function renderSvg(canvas: ComfyGraphCanvas, graph: LGraph, extraData: any, padd canvas.draw(true, true); - // Convert to SVG, embed graph and save - // const json = JSON.stringify(app.graph.serialize()); - const json = JSON.stringify(extraData); - const svg = svgCtx.getSerializedSvg(true).replace("", `${escapeXml(json)}`); - + let svg = svgCtx.getSerializedSvg(true) return svg } -function pruneDetachedLinks(nodes: SerializedLGraphNode[], links: SerializedLLink[]): [SerializedLGraphNode[], SerializedLLink[]] { +export function embedTemplateInSvg(template: SerializedComfyBoxTemplate): string { + let oldSvg = template.svg; + template.svg = undefined; + const json = JSON.stringify(template); + const svg = oldSvg.replace("", `${escapeXml(json)}`); + template.svg = oldSvg; + return svg +} + +/* + * Moves nodes so their origin is at (0, 0) + */ +function relocateNodes(nodes: SerializedLGraphNode[]): SerializedLGraphNode[] { + let [min_x, min_y, max_x, max_y] = calcNodesBoundingBox(nodes); + + for (const node of nodes) { + node.pos = [node.pos[0] - min_x, node.pos[1] - min_y]; + } + + return nodes; +} + +function pruneDetachedLinks(nodes: SerializedLGraphNode[], links: SerializedTemplateLink[]): [SerializedLGraphNode[], SerializedTemplateLink[]] { const nodeIds = new Set(nodes.map(n => n.id)); for (const node of nodes) { @@ -247,12 +304,16 @@ function pruneDetachedLinks(nodes: SerializedLGraphNode[], links: SerializedLLin } links = links.filter(l => { - return nodeIds.has(l[1]) && nodeIds.has(l[3]); + return nodeIds.has(l[0]) && nodeIds.has(l[2]); }) return [nodes, links] } +function convLinkForTemplate(link: LLink): SerializedTemplateLink { + return [link.origin_id, link.origin_slot, link.target_id, link.target_slot]; +} + export function serializeTemplate(canvas: ComfyGraphCanvas, template: ComfyBoxTemplate): SerializedComfyBoxTemplate { let graph: LGraph if (template.nodes.length === 1 && template.nodes[0].is(Subgraph)) { @@ -266,27 +327,62 @@ export function serializeTemplate(canvas: ComfyGraphCanvas, template: ComfyBoxTe if (layoutState == null) throw "Couldn't find layout for template being serialized!" + uiState.update(s => { s.forceSaveUserState = false; return s; }); + + const metadata = template.metadata; let nodes = template.nodes.map(n => n.serialize()); - let links = template.links.map(l => l.serialize()); + let links = template.links.map(convLinkForTemplate); const layout = layoutState.serializeAtRoot(template.container.dragItem.id); + uiState.update(s => { s.forceSaveUserState = null; return s; }); + + nodes = relocateNodes(nodes); [nodes, links] = pruneDetachedLinks(nodes, links); - let comfyBoxTemplate: SerializedComfyBoxTemplate = { + const svg = renderSvg(canvas, graph, TEMPLATE_SVG_PADDING); + + const serTemplate: SerializedComfyBoxTemplate = { + isComfyBoxTemplate: true, version: 1, - nodes: nodes, - links: links, - layout: layout + commitHash: __GIT_COMMIT_HASH__, + id: template.id, + metadata, + nodes, + links, + layout, + svg } - let templateData: SerializedComfyBoxTemplateData = { - comfyBoxTemplate - } + return serTemplate; +} - const svg = renderSvg(canvas, graph, templateData, TEMPLATE_SVG_PADDING) - download("workflow.svg", svg, "image/svg+xml"); +export function deserializeTemplateFromSVG(file: File): Promise { + return new Promise((resolve, reject) => { + const reader = new FileReader(); + reader.onload = async () => { + const svg = reader.result as string; + let template = null; - return comfyBoxTemplate + // Extract embedded workflow from desc tags + const descEnd = svg.lastIndexOf(""); + if (descEnd !== -1) { + const descStart = svg.lastIndexOf("", descEnd); + if (descStart !== -1) { + const json = svg.substring(descStart + 6, descEnd); + template = JSON.parse(unescapeXml(json)); + } + } + + if (!isSerializedComfyBoxTemplate(template)) { + reject("Invalid template format!") + } + else { + template.svg = svg; + resolve(template) + } + }; + reader.readAsText(file); + }); } @@ -303,10 +399,15 @@ export function createTemplate(nodes: LGraphNode[]): ComfyBoxTemplateResult { const layout = layoutStates.getLayoutByNode(nodes[0]) if (layout == null) { return { - error: "Subgraph not contained in a layout!" + error: "Node(s) not contained in a layout!" } } + let title = "New Template"; + if (nodes.length === 1) { + title = nodes[0].title || title; + } + if (widgetNodes.length > 0) { // Find the highest-level container that contains all these nodes and // contains no other widgets @@ -325,6 +426,8 @@ export function createTemplate(nodes: LGraphNode[]): ComfyBoxTemplateResult { return { version: 1, + id: uuidv4(), + metadata: { ...DEFAULT_TEMPLATE_METADATA, title, createdAt: Date.now() }, nodes: nodes, links: links, container: container @@ -334,6 +437,8 @@ export function createTemplate(nodes: LGraphNode[]): ComfyBoxTemplateResult { // No UI to serialize. return { version: 1, + id: uuidv4(), + metadata: { ...DEFAULT_TEMPLATE_METADATA, title, createdAt: Date.now() }, nodes: nodes, links: links, } diff --git a/src/lib/ComfyGraph.ts b/src/lib/ComfyGraph.ts index 61d4392..49f03ff 100644 --- a/src/lib/ComfyGraph.ts +++ b/src/lib/ComfyGraph.ts @@ -1,4 +1,4 @@ -import { LConnectionKind, LGraph, LGraphNode, type INodeSlot, type SlotIndex, LiteGraph, getStaticProperty, type LGraphAddNodeOptions, LGraphCanvas, type LGraphRemoveNodeOptions, Subgraph, type LGraphAddNodeMode } from "@litegraph-ts/core"; +import { LConnectionKind, LGraph, LGraphNode, type INodeSlot, type SlotIndex, LiteGraph, getStaticProperty, type LGraphAddNodeOptions, LGraphCanvas, type LGraphRemoveNodeOptions, Subgraph, type LGraphAddNodeMode, type SerializedLGraphNode, type Vector2, type NodeID, reassignGraphIDs, type GraphIDMapping, type SerializedLGraph } from "@litegraph-ts/core"; import GraphSync from "./GraphSync"; import EventEmitter from "events"; import type TypedEmitter from "typed-emitter"; @@ -11,8 +11,10 @@ import type { ComfyComboNode, ComfyWidgetNode } from "./nodes/widgets"; import selectionState from "./stores/selectionState"; import type { WritableLayoutStateStore } from "./stores/layoutStates"; import layoutStates from "./stores/layoutStates"; -import type { ComfyWorkflow, WorkflowInstID } from "./stores/workflowState"; +import type { ComfyBoxWorkflow, WorkflowInstID } from "./stores/workflowState"; import workflowState from "./stores/workflowState"; +import type { SerializedComfyBoxTemplate } from "./ComfyBoxTemplate"; +import { v4 as uuidv4 } from "uuid" type ComfyGraphEvents = { configured: (graph: LGraph) => void @@ -30,13 +32,17 @@ export default class ComfyGraph extends LGraph { workflowID: WorkflowInstID | null = null; - get workflow(): ComfyWorkflow | null { + get workflow(): ComfyBoxWorkflow | null { const workflowID = (this.getRootGraph() as ComfyGraph)?.workflowID; if (workflowID == null) return null; return workflowState.getWorkflow(workflowID) } + get layout(): WritableLayoutStateStore | null { + return this.workflow?.layout; + } + constructor(workflowID?: WorkflowInstID) { super(); this.workflowID = workflowID; @@ -217,4 +223,63 @@ export default class ComfyGraph extends LGraph { // console.debug("ConnectionChange", node); this.eventBus.emit("nodeConnectionChanged", kind, node, slot, targetNode, targetSlot); } + + /* + * Inserts a template. + * Layout deserialization must be handled afterwards. + * NOTE: Modifies the template in-place, be sure you cloned it beforehand! + */ + insertTemplate(template: SerializedComfyBoxTemplate, pos: Vector2): Record { + const minPos = [0, 0] + + const templateNodeIDToNewNode: Record = {} + + var nodes = []; + for (var i = 0; i < template.nodes.length; ++i) { + var node_data = template.nodes[i]; + var node = LiteGraph.createNode(node_data.type); + + let mapping: GraphIDMapping = null; + if (node_data.type === "graph/subgraph") { + mapping = reassignGraphIDs((node_data as any).subgraph as SerializedLGraph); + } + + if (node) { + const prevNodeId = node_data.id; + node_data.id = uuidv4(); + templateNodeIDToNewNode[prevNodeId] = node + + node.configure(node_data); + + if (mapping) { + for (const subnode of (node as Subgraph).subgraph.iterateNodesInOrderRecursive()) { + const oldNodeID = mapping.nodeIDs[subnode.id]; + templateNodeIDToNewNode[oldNodeID] = subnode; + } + } + + node.pos[0] += pos[0] - minPos[0]; //+= 5; + node.pos[1] += pos[1] - minPos[1]; //+= 5; + + this.add(node, { doProcessChange: false, addedBy: "template" as any }); + + nodes.push(node); + } + } + + //create links + for (var i = 0; i < template.links.length; ++i) { + var link_info = template.links[i]; + var origin_node = templateNodeIDToNewNode[link_info[0]]; + var target_node = templateNodeIDToNewNode[link_info[2]]; + if (origin_node && target_node) + origin_node.connect(link_info[1], target_node, link_info[3]); + else + console.error("[ComfyGraphCanvas] nodes missing on template insertion!", link_info); + } + + this.afterChange(); + + return templateNodeIDToNewNode; + } } diff --git a/src/lib/ComfyGraphCanvas.ts b/src/lib/ComfyGraphCanvas.ts index f70ecc0..8dd4b11 100644 --- a/src/lib/ComfyGraphCanvas.ts +++ b/src/lib/ComfyGraphCanvas.ts @@ -1,13 +1,15 @@ -import { BuiltInSlotShape, LGraphCanvas, LGraphNode, LLink, LiteGraph, NodeMode, Subgraph, TitleMode, type ContextMenuItem, type IContextMenuItem, type NodeID, type Vector2, type Vector4, type MouseEventExt, ContextMenu } from "@litegraph-ts/core"; +import { BuiltInSlotShape, LGraphCanvas, LGraphNode, LLink, LiteGraph, NodeMode, Subgraph, TitleMode, type ContextMenuItem, type IContextMenuItem, type NodeID, type Vector2, type Vector4, type MouseEventExt, ContextMenu, type SerializedLGraphNode } from "@litegraph-ts/core"; import { get, type Unsubscriber } from "svelte/store"; import type ComfyGraph from "./ComfyGraph"; import type ComfyApp from "./components/ComfyApp"; import { ComfyReroute } from "./nodes"; -import layoutStates from "./stores/layoutStates"; +import layoutStates, { type ContainerLayout } from "./stores/layoutStates"; import queueState from "./stores/queueState"; import selectionState from "./stores/selectionState"; -import { createTemplate, type ComfyBoxTemplate, serializeTemplate } from "./ComfyBoxTemplate"; +import templateState from "./stores/templateState"; +import { createTemplate, type ComfyBoxTemplate, serializeTemplate, type SerializedComfyBoxTemplate } from "./ComfyBoxTemplate"; import notify from "./notify"; +import { calcNodesBoundingBox } from "./utils"; export type SerializedGraphCanvasState = { offset: Vector2, @@ -17,6 +19,7 @@ export type SerializedGraphCanvasState = { export default class ComfyGraphCanvas extends LGraphCanvas { app: ComfyApp | null; private _unsubscribe: Unsubscriber; + isExportingSVG: boolean = false; get comfyGraph(): ComfyGraph | null { return this.graph as ComfyGraph; @@ -439,19 +442,35 @@ export default class ComfyGraphCanvas extends LGraphCanvas { this.graph.add(subgraph) } - override getCanvasMenuOptions(): ContextMenuItem[] { - const options = super.getCanvasMenuOptions(); + /* + * Inserts a ComfyBox template. Logic is similar to pasting from the + * clipboard in vanilla litegraph. + */ + insertTemplate(template: SerializedComfyBoxTemplate, pos: Vector2, container: ContainerLayout, containerIndex: number): [LGraphNode[], IDragItem] { + const comfyGraph = this.graph as ComfyGraph; - options.push( - { - content: "Convert to Subgraph", - has_submenu: false, - disabled: Object.keys(this.selected_nodes).length === 0, - callback: this.convertToSubgraph.bind(this) - }, - ) + let [min_x, min_y, max_x, max_y] = calcNodesBoundingBox(template.nodes); - return options + const width = max_x - min_x + const height = max_y - min_y + + pos[0] -= width / 2 + pos[1] -= height / 2 + + const layout = comfyGraph.layout; + if (layout == null) { + console.error("[ComfyGraphCanvas] graph has no layout!", comfyGraph) + return; + } + + // The following operations modify the template in-place, so be sure it's been cloned first + const cloned = LiteGraph.cloneObject(template) + const nodeMapping = comfyGraph.insertTemplate(cloned, pos); + const templateLayoutRoot = layout.insertTemplate(cloned, comfyGraph, nodeMapping, container, containerIndex); + + this.selectNodes(Object.values(nodeMapping).filter(n => n.graph === this.graph)); + + return [Object.values(nodeMapping), templateLayoutRoot] } saveAsTemplate(_value: IContextMenuItem, _options, mouseEvent, prevMenu, node?: LGraphNode) { @@ -467,9 +486,35 @@ export default class ComfyGraphCanvas extends LGraphCanvas { const template = result as ComfyBoxTemplate; - console.warn("TEMPLATEFOUND", template) - const serialized = serializeTemplate(this, template); + + try { + if (templateState.add(serialized)) { + notify("Template saved!", { type: "success" }) + } + else { + notify("Failed to save template: already exists in LocalStorage", { type: "error" }) + } + } + catch (error) { + // Quota exceeded? + notify(`Failed to save template: ${error}`, { type: "error", timeout: 10000 }) + } + } + + override getCanvasMenuOptions(): ContextMenuItem[] { + const options = super.getCanvasMenuOptions(); + + options.push( + { + content: "Convert to Subgraph", + has_submenu: false, + disabled: Object.keys(this.selected_nodes).length === 0, + callback: this.convertToSubgraph.bind(this) + }, + ) + + return options } override getNodeMenuOptions(node: LGraphNode): ContextMenuItem[] { @@ -510,4 +555,17 @@ export default class ComfyGraphCanvas extends LGraphCanvas { return options } + + override onRenderBackground(canvas: HTMLCanvasElement, ctx: CanvasRenderingContext2D): boolean { + if (this.isExportingSVG) { + ctx.clearRect( + this.visible_area[0], + this.visible_area[1], + this.visible_area[2], + this.visible_area[3] + ); + return true; + } + return false; + } } diff --git a/src/lib/DanbooruTags.ts b/src/lib/DanbooruTags.ts index 8ae5cc5..27ddcc7 100644 --- a/src/lib/DanbooruTags.ts +++ b/src/lib/DanbooruTags.ts @@ -1,8 +1,8 @@ import { parse } from 'csv-parse/browser/esm/sync'; import { timeExecutionMs } from './utils'; -import { insertCompletionText, type Completion, type CompletionContext, type CompletionResult, type CompletionSource, type CompletionConfig, autocompletion } from '@codemirror/autocomplete'; +import { insertCompletionText, type Completion, type CompletionContext, type CompletionResult, type CompletionSource, autocompletion } from '@codemirror/autocomplete'; import { syntaxTree } from '@codemirror/language'; -import type { Extension, TransactionSpec } from '@codemirror/state'; +import type { Extension } from '@codemirror/state'; import type { EditorView } from '@codemirror/view'; import type { StyleSpec } from "style-mod" @@ -43,7 +43,7 @@ export const TAG_CATEGORY_COLORS: StyleSpec = Object.values(TAG_CATEGORY_DATA) [`.cm-autocompletion-${d.name}`, { color: d.color + " !important" }], ] }) - .reduce((dict, el) => (dict[el[0]] = el[1], dict), {}) + .reduce((dict: StyleSpec, el: [string, any]) => (dict[el[0]] = el[1], dict), {}) export type DanbooruTag = { text: string, @@ -116,7 +116,6 @@ export default class DanbooruTags { }) console.log(`Parsed ${this.tags.length} tags in ${time / 1000}ms.`) - console.error(this.tags[0]) } autocomplete(context: CompletionContext): CompletionResult { diff --git a/src/lib/components/AccordionContainer.svelte b/src/lib/components/AccordionContainer.svelte index cde9290..b9ed311 100644 --- a/src/lib/components/AccordionContainer.svelte +++ b/src/lib/components/AccordionContainer.svelte @@ -15,6 +15,7 @@ import { startDrag, stopDrag } from "$lib/utils" import { writable, type Writable } from "svelte/store"; import { isHidden } from "$lib/widgets/utils"; + import { handleContainerConsider, handleContainerFinalize } from "./utils"; export let layoutState: WritableLayoutStateStore; export let container: ContainerLayout | null = null; @@ -46,14 +47,12 @@ isOpen = container.isOpen } - function handleConsider(evt: any) { - children = layoutState.updateChildren(container, evt.detail.items) - // console.log(dragItems); + function handleConsider(evt: CustomEvent>) { + children = handleContainerConsider(layoutState, container, evt) }; - function handleFinalize(evt: any) { - children = layoutState.updateChildren(container, evt.detail.items) - // Ensure dragging is stopped on drag finish + function handleFinalize(evt: CustomEvent>) { + children = handleContainerFinalize(layoutState, container, evt) }; function handleClick(e: CustomEvent) { @@ -85,6 +84,7 @@ class:empty={children.length === 0} class:edit={edit} use:dndzone="{{ + type: "layout", items: children, flipDurationMs, centreDraggedOnCursor: true, @@ -219,8 +219,7 @@ .animation-wrapper { position: relative; - flex-grow: 100; - flex-basis: 0; + flex: 1 1 0%; } .handle-widget:hover { diff --git a/src/lib/components/BlockContainer.svelte b/src/lib/components/BlockContainer.svelte index 5d230b5..913c274 100644 --- a/src/lib/components/BlockContainer.svelte +++ b/src/lib/components/BlockContainer.svelte @@ -7,13 +7,13 @@ import { dndzone, SHADOW_ITEM_MARKER_PROPERTY_NAME, SHADOW_PLACEHOLDER_ITEM_ID } from 'svelte-dnd-action'; import {fade} from 'svelte/transition'; - // notice - fade in works fine but don't add svelte's fade-out (known issue) import {cubicIn} from 'svelte/easing'; import { flip } from 'svelte/animate'; import { type ContainerLayout, type WidgetLayout, type IDragItem, type WritableLayoutStateStore } from "$lib/stores/layoutStates"; import { startDrag, stopDrag } from "$lib/utils" import type { Writable } from "svelte/store"; import { isHidden } from "$lib/widgets/utils"; + import { handleContainerConsider, handleContainerFinalize } from "./utils"; export let layoutState: WritableLayoutStateStore; export let container: ContainerLayout | null = null; @@ -45,14 +45,12 @@ attrsChanged = null } - function handleConsider(evt: any) { - children = layoutState.updateChildren(container, evt.detail.items) - // console.log(dragItems); + function handleConsider(evt: CustomEvent>) { + children = handleContainerConsider(layoutState, container, evt); }; - function handleFinalize(evt: any) { - children = layoutState.updateChildren(container, evt.detail.items) - // Ensure dragging is stopped on drag finish + function handleFinalize(evt: CustomEvent>) { + children = handleContainerFinalize(layoutState, container, evt); }; function _startDrag(e: MouseEvent | TouchEvent) { @@ -83,6 +81,7 @@ class:empty={children.length === 0} class:edit use:dndzone="{{ + type: "layout", items: children, flipDurationMs, centreDraggedOnCursor: true, @@ -261,7 +260,9 @@ .animation-wrapper { position: relative; + flex-basis: 0%; flex-grow: 100; + flex-shrink: 100; } .handle-hidden { diff --git a/src/lib/components/ComfyApp.svelte b/src/lib/components/ComfyApp.svelte index 869da0e..1b4390c 100644 --- a/src/lib/components/ComfyApp.svelte +++ b/src/lib/components/ComfyApp.svelte @@ -10,7 +10,7 @@ import Sidebar from "./Sidebar.svelte"; import SidebarItem from "./SidebarItem.svelte"; import notify from "$lib/notify"; - import ComfyWorkflowsView from "./ComfyWorkflowsView.svelte"; + import ComfyBoxWorkflowsView from "./ComfyBoxWorkflowsView.svelte"; import GlobalModal from "./GlobalModal.svelte"; export let app: ComfyApp = undefined; @@ -60,7 +60,7 @@
- + diff --git a/src/lib/components/ComfyApp.ts b/src/lib/components/ComfyApp.ts index e1d9f01..b08c4a5 100644 --- a/src/lib/components/ComfyApp.ts +++ b/src/lib/components/ComfyApp.ts @@ -5,6 +5,7 @@ import A1111PromptModal from "./modal/A1111PromptModal.svelte"; import ConfirmConvertWithMissingNodeTypesModal from "./modal/ConfirmConvertWithMissingNodeTypesModal.svelte"; import MissingNodeTypesModal from "./modal/MissingNodeTypesModal.svelte"; import WorkflowLoadErrorModal from "./modal/WorkflowLoadErrorModal.svelte"; +import EditTemplateModal from "./modal/EditTemplateModal.svelte"; import * as nodes from "$lib/nodes/index"; @@ -21,13 +22,13 @@ import type ComfyGraphNode from "$lib/nodes/ComfyGraphNode"; import { ComfyComboNode } from "$lib/nodes/widgets"; import notify from "$lib/notify"; import parseA1111, { type A1111ParsedInfotext } from "$lib/parseA1111"; -import configState from "$lib/stores/configState"; -import layoutStates, { defaultWorkflowAttributes, type SerializedLayoutState } from "$lib/stores/layoutStates"; +import configState, { type ConfigState } from "$lib/stores/configState"; +import layoutStates, { defaultWorkflowAttributes, isComfyWidgetNode, type SerializedLayoutState } from "$lib/stores/layoutStates"; import modalState from "$lib/stores/modalState"; import queueState from "$lib/stores/queueState"; import selectionState from "$lib/stores/selectionState"; import uiState from "$lib/stores/uiState"; -import workflowState, { ComfyWorkflow, type WorkflowAttributes, type WorkflowInstID } from "$lib/stores/workflowState"; +import workflowState, { ComfyBoxWorkflow, type WorkflowAttributes, type WorkflowInstID } from "$lib/stores/workflowState"; import type { SerializedPromptOutput } from "$lib/utils"; import { basename, capitalize, download, graphToGraphVis, jsonToJsObject, promptToGraphVis, range } from "$lib/utils"; import { tick } from "svelte"; @@ -35,6 +36,8 @@ import { type SvelteComponentDev } from "svelte/internal"; import { get, writable, type Writable } from "svelte/store"; import ComfyPromptSerializer, { isActiveBackendNode, UpstreamNodeLocator } from "./ComfyPromptSerializer"; import DanbooruTags from "$lib/DanbooruTags"; +import { deserializeTemplateFromSVG } from "$lib/ComfyBoxTemplate"; +import templateState from "$lib/stores/templateState"; export const COMFYBOX_SERIAL_VERSION = 1; @@ -55,7 +58,7 @@ export type OpenWorkflowOptions = { type PromptQueueItem = { num: number, batchCount: number - workflow: ComfyWorkflow + workflow: ComfyBoxWorkflow } export type A1111PromptAndInfo = { @@ -189,6 +192,11 @@ export default class ComfyApp { return; } + await this.loadConfig(); + + this.api.hostname = get(configState).comfyUIHostname + this.api.port = get(configState).comfyUIPort + this.setupColorScheme() this.rootEl = document.getElementById("app-root") as HTMLDivElement; @@ -220,7 +228,7 @@ export default class ComfyApp { setActive: false } await this.initDefaultWorkflow("defaultWorkflow", options); - await this.initDefaultWorkflow("upscale", options); + await this.initDefaultWorkflow("upscaleByModel", options); await this.initDefaultWorkflow("conditioningRegions", options); } @@ -232,6 +240,7 @@ export default class ComfyApp { this.addKeyboardHandler(); await this.updateHistoryAndQueue(); + templateState.load(); await this.initFrontendFeatures(); @@ -248,7 +257,24 @@ export default class ComfyApp { return Promise.resolve(); } + /* + * TODO + */ + async loadConfig() { + try { + const config = await fetch(`/config.json`); + const state = await config.json() as ConfigState; + configState.set(state); + } + catch (error) { + console.error(`Failed to load config`, error) + } + } + resizeCanvas() { + if (!this.canvasEl) + return; + this.canvasEl.width = this.canvasEl.parentElement.offsetWidth; this.canvasEl.height = this.canvasEl.parentElement.offsetHeight; this.canvasEl.style.width = "" @@ -256,7 +282,7 @@ export default class ComfyApp { this.lCanvas.draw(true, true); } - serialize(workflow: ComfyWorkflow, canvas?: SerializedGraphCanvasState): SerializedAppState { + serialize(workflow: ComfyBoxWorkflow, canvas?: SerializedGraphCanvasState): SerializedAppState { const layoutState = layoutStates.getLayout(workflow.id); if (layoutState == null) throw new Error("Workflow has no layout!") @@ -278,7 +304,7 @@ export default class ComfyApp { saveStateToLocalStorage() { try { - uiState.update(s => { s.isSavingToLocalStorage = true; return s; }) + uiState.update(s => { s.forceSaveUserState = true; return s; }) const state = get(workflowState) const workflows = state.openedWorkflows const savedWorkflows = workflows.map(w => this.serialize(w)); @@ -294,7 +320,7 @@ export default class ComfyApp { notify(`Failed saving to local storage:\n${err}`, { type: "error" }) } finally { - uiState.update(s => { s.isSavingToLocalStorage = false; return s; }) + uiState.update(s => { s.forceSaveUserState = null; return s; }) } } @@ -459,12 +485,16 @@ export default class ComfyApp { } catch (error) { } } - if (workflow && typeof workflow.createdBy === "string") { - this.openWorkflow(workflow); - } - else { - // TODO handle vanilla workflows - throw new Error("Workflow was not in ComfyBox format!") + if (workflow == null) + return; + + if (typeof workflow === "object") { + if (typeof workflow.createdBy === "string") + this.openWorkflow(workflow); + else { + // TODO handle vanilla workflows + throw new Error("Workflow was not in ComfyBox format!") + } } }); } @@ -631,7 +661,7 @@ export default class ComfyApp { refreshCombos: true, warnMissingNodeTypes: true } - ): Promise { + ): Promise { if (data.version !== COMFYBOX_SERIAL_VERSION) { const mes = `Invalid ComfyBox saved data format: ${data.version} ` notify(mes, { type: "error" }) @@ -640,7 +670,7 @@ export default class ComfyApp { this.clean(); - let workflow: ComfyWorkflow; + let workflow: ComfyBoxWorkflow; try { workflow = workflowState.openWorkflow(this.lCanvas, data, options.setActive); } @@ -761,6 +791,30 @@ export default class ComfyApp { await this.openWorkflow(state, options) } + saveWorkflowStateAsDefault(workflow: ComfyBoxWorkflow | null) { + workflow ||= workflowState.getActiveWorkflow(); + if (workflow == null) + return; + + for (const node of workflow.graph.iterateNodesInOrderRecursive()) { + if (isComfyWidgetNode(node)) { + node.properties.defaultValue = node.getValue(); + } + } + } + + resetCurrentWorkflow() { + const workflow = workflowState.getActiveWorkflow(); + if (workflow == null) + return; + + for (const node of workflow.graph.iterateNodesInOrderRecursive()) { + if (isComfyWidgetNode(node)) { + node.setValue(node.properties.defaultValue); + } + } + } + clear() { this.clean(); @@ -798,6 +852,8 @@ export default class ComfyApp { return; } + this.saveWorkflowStateAsDefault(workflow); + const promptFilename = get(configState).promptForWorkflowName; const title = workflow.attrs.title.trim() || "workflow" @@ -831,7 +887,7 @@ export default class ComfyApp { * Converts the current graph workflow for sending to the API * @returns The workflow and node links */ - graphToPrompt(workflow: ComfyWorkflow, tag: string | null = null): SerializedPrompt { + graphToPrompt(workflow: ComfyBoxWorkflow, tag: string | null = null): SerializedPrompt { return this.promptSerializer.serialize(workflow.graph, tag) } @@ -853,7 +909,7 @@ export default class ComfyApp { tag = null; this.processingQueue = true; - let workflow: ComfyWorkflow; + let workflow: ComfyBoxWorkflow; try { while (this.queueItems.length) { @@ -1001,6 +1057,45 @@ export default class ComfyApp { } }; reader.readAsText(file); + } else if (file.type === "image/svg+xml" || file.name.endsWith(".svg")) { + const templateAndSvg = await deserializeTemplateFromSVG(file); + + const importTemplate = () => { + try { + if (templateState.add(templateAndSvg)) { + notify("Template imported successfully!", { type: "success" }) + } + else { + notify("Template already exists in saved list.", { type: "warning" }) + } + } + catch (error) { + notify(`Error importing template: ${error}`, { type: "error", timeout: 10000 }) + } + } + + modalState.pushModal({ + title: "ComfyBox Template Preview", + svelteComponent: EditTemplateModal, + closeOnClick: false, + showCloseButton: false, + svelteProps: { + templateAndSvg, + editable: false + }, + buttons: [ + { + name: "Import", + variant: "primary", + onClick: importTemplate + }, + { + name: "Close", + variant: "secondary", + onClick: () => { } + }, + ] + }) } } @@ -1017,7 +1112,7 @@ export default class ComfyApp { /** * Refresh combo list on whole nodes */ - async refreshComboInNodes(workflow?: ComfyWorkflow, defs?: Record, flashUI: boolean = false) { + async refreshComboInNodes(workflow?: ComfyBoxWorkflow, defs?: Record, flashUI: boolean = false) { workflow ||= workflowState.getActiveWorkflow(); if (workflow == null) { notify("No active workflow!", { type: "error" }) diff --git a/src/lib/components/ComfyWorkflowView.svelte b/src/lib/components/ComfyBoxWorkflowView.svelte similarity index 61% rename from src/lib/components/ComfyWorkflowView.svelte rename to src/lib/components/ComfyBoxWorkflowView.svelte index 2338857..d0846dc 100644 --- a/src/lib/components/ComfyWorkflowView.svelte +++ b/src/lib/components/ComfyBoxWorkflowView.svelte @@ -8,10 +8,10 @@ import Menu from './menu/Menu.svelte'; import MenuOption from './menu/MenuOption.svelte'; import MenuDivider from './menu/MenuDivider.svelte'; - import type { ComfyWorkflow } from "$lib/stores/workflowState"; + import type { ComfyBoxWorkflow } from "$lib/stores/workflowState"; export let app: ComfyApp; - export let workflow: ComfyWorkflow; + export let workflow: ComfyBoxWorkflow | null = null; let layoutState: WritableLayoutStateStore | null; @@ -111,9 +111,9 @@ let menuPos = { x: 0, y: 0 }; let showMenu = false; - $: $layoutState.isMenuOpen = showMenu; + $: if (layoutState) $layoutState.isMenuOpen = showMenu; - $: if ($layoutState.root) { + $: if (layoutState && $layoutState.root) { root = $layoutState.root } else { root = null; @@ -138,51 +138,70 @@ } -{#if layoutState != null} -
- +{#if workflow != null} + {#if layoutState != null} +
+ +
+ {/if} + + {#if showMenu} + + moveUp()} + text="Move Up" /> + moveDown()} + text="Move Down" /> + sendToTop()} + text="Send to Top" /> + sendToBottom()} + text="Send to Bottom" /> + + groupWidgets(false)} + text="Group" /> + groupWidgets(true)} + text="Group Horizontally" /> + + + {/if} +{:else} +
+ No workflow loaded
{/if} -{#if showMenu} - - moveUp()} - text="Move Up" /> - moveDown()} - text="Move Down" /> - sendToTop()} - text="Send to Top" /> - sendToBottom()} - text="Send to Bottom" /> - - groupWidgets(false)} - text="Group" /> - groupWidgets(true)} - text="Group Horizontally" /> - - -{/if} - diff --git a/src/lib/components/ComfyWorkflowsView.svelte b/src/lib/components/ComfyBoxWorkflowsView.svelte similarity index 76% rename from src/lib/components/ComfyWorkflowsView.svelte rename to src/lib/components/ComfyBoxWorkflowsView.svelte index 5e696d2..8cc5aa1 100644 --- a/src/lib/components/ComfyWorkflowsView.svelte +++ b/src/lib/components/ComfyBoxWorkflowsView.svelte @@ -1,556 +1,542 @@ - - -
- - -
- -
- - - - - {#if $workflowState.activeWorkflow != null} - - {:else} - No workflow loaded - {/if} - - - - - - - -
- -
- - -
-
- {#each openedWorkflows.filter(item => item.id !== SHADOW_PLACEHOLDER_ITEM_ID) as item(item.id)} - {@const workflow = workflowState.getWorkflow(item.id)} - - {#if workflow[SHADOW_ITEM_MARKER_PROPERTY_NAME]} -
- {/if} - - {/each} -
- -
-
-
-
- {#if workflow != null && workflow.attrs.queuePromptButtonName != ""} - - {/if} - - - - - - - - - - - - - - UI Edit mode - - - - Theme - - -
-
- -
-
-
-
- - -{#if appSetupPromise} - {#await appSetupPromise} -
- Loading... -
- {:catch error} -
-
- Error loading app -
-
{error}
- {#if error != null && error.stack} - {@const lines = error.stack.split("\n")} - {#each lines as line} -
{line}
- {/each} - {/if} -
- {/await} -{/if} - - + + +
+ + + + + + + + + + + + + + + + + + +
+
+ {#each openedWorkflows.filter(item => item.id !== SHADOW_PLACEHOLDER_ITEM_ID) as item(item.id)} + {@const workflow = workflowState.getWorkflow(item.id)} + + {#if workflow[SHADOW_ITEM_MARKER_PROPERTY_NAME]} +
+ {/if} + + {/each} +
+ +
+
+
+
+ {#if workflow != null && workflow.attrs.queuePromptButtonName != ""} + + {/if} + + + + + + + + + + + + + + + +
+
+ +
+
+
+
+ + +{#if appSetupPromise} + {#await appSetupPromise} +
+ Loading... +
+ {:catch error} +
+
+ Error loading app +
+
{error}
+ {#if error != null && error.stack} + {@const lines = error.stack.split("\n")} + {#each lines as line} +
{line}
+ {/each} + {/if} +
+ {/await} +{/if} + + diff --git a/src/lib/components/ComfyGraphView.svelte b/src/lib/components/ComfyGraphView.svelte index a71e497..44b35ac 100644 --- a/src/lib/components/ComfyGraphView.svelte +++ b/src/lib/components/ComfyGraphView.svelte @@ -1,10 +1,10 @@ + + + +
+
+ {#if mode === "activeWorkflow"} + + {:else if mode === "graph"} + + {:else if mode === "properties"} + + {:else if mode === "templates"} + + {:else if mode === "queue"} + + {:else} +
(Blank)
+ {/if} +
+ {#if showSwitcher} +
+ {#each MODES as [theMode, icon]} + + + {/each} +
+ {/if} +
+ + + diff --git a/src/lib/components/ComfyProperties.svelte b/src/lib/components/ComfyProperties.svelte index 384684e..18067df 100644 --- a/src/lib/components/ComfyProperties.svelte +++ b/src/lib/components/ComfyProperties.svelte @@ -11,9 +11,9 @@ import ComfyNumberProperty from "./ComfyNumberProperty.svelte"; import ComfyComboProperty from "./ComfyComboProperty.svelte"; import type { ComfyWidgetNode } from "$lib/nodes/widgets"; - import type { ComfyWorkflow } from "$lib/stores/workflowState"; + import type { ComfyBoxWorkflow } from "$lib/stores/workflowState"; - export let workflow: ComfyWorkflow | null; + export let workflow: ComfyBoxWorkflow | null; let layoutState: WritableLayoutStateStore | null = null diff --git a/src/lib/components/ComfyQueue.svelte b/src/lib/components/ComfyQueue.svelte index 0208c74..2cb91c0 100644 --- a/src/lib/components/ComfyQueue.svelte +++ b/src/lib/components/ComfyQueue.svelte @@ -211,7 +211,7 @@ await tick(); // Wait for list size to be recalculated queueList.scroll({ top: queueList.scrollHeight }) } - console.warn("[ComfyQueue] BUILDQUEUE", _entries, $queuePending, $queueRunning) + console.warn("[ComfyQueue] BUILDQUEUE", _entries.length, $queuePending.length, $queueRunning.length) } async function updateFromHistory() { @@ -219,7 +219,7 @@ if (queueList) { queueList.scrollTo(0, 0); } - console.warn("[ComfyQueue] BUILDHISTORY", _entries, $queueCompleted) + console.warn("[ComfyQueue] BUILDHISTORY", _entries.length, $queueCompleted.length) } async function interrupt() { @@ -354,10 +354,11 @@ diff --git a/src/lib/components/GlobalModal.svelte b/src/lib/components/GlobalModal.svelte index 01bbe5e..047c31d 100644 --- a/src/lib/components/GlobalModal.svelte +++ b/src/lib/components/GlobalModal.svelte @@ -13,7 +13,8 @@ } function onButtonClicked(modal: ModalData, button: ModalButton, closeDialog: Function) { - button.onClick(modal); + if (button.onClick(modal) === false) + return if (button.closeOnClick !== false) { closeDialog() @@ -29,9 +30,11 @@ {/if}
- {#if modal != null && modal.svelteComponent != null} - - {/if} +
+ {#if modal != null && modal.svelteComponent != null} + + {/if} +
{#if modal != null && modal.buttons?.length > 0} @@ -52,6 +55,12 @@ diff --git a/src/lib/components/ImageUpload.svelte b/src/lib/components/ImageUpload.svelte index b423d9a..3ee9dc3 100644 --- a/src/lib/components/ImageUpload.svelte +++ b/src/lib/components/ImageUpload.svelte @@ -2,6 +2,7 @@ import UploadText from "$lib/components/gradio/app/UploadText.svelte"; import type { ComfyImageLocation } from "$lib/nodes/ComfyWidgetNodes"; import notify from "$lib/notify"; + import configState from "$lib/stores/configState"; import { convertComfyOutputEntryToGradio, convertComfyOutputToComfyURL, type ComfyUploadImageAPIResponse } from "$lib/utils"; import { Block, BlockLabel } from "@gradio/atoms"; import { File as FileIcon } from "@gradio/icons"; @@ -68,7 +69,7 @@ dispatch("uploading") - const url = `http://${location.hostname}:8188` // TODO make configurable + const url = configState.getBackendURL(); const requests = files.map(async (file) => { const formData = new FormData(); @@ -174,8 +175,6 @@ uploaded = true; } - $: console.warn(imgWidth, imgHeight, "IMGSIZE!!") - function handle_clear(_e: CustomEvent) { _value = null; value = []; diff --git a/src/lib/components/Modal.svelte b/src/lib/components/Modal.svelte index fe6a6b9..63f82a5 100644 --- a/src/lib/components/Modal.svelte +++ b/src/lib/components/Modal.svelte @@ -94,9 +94,6 @@ display: flex; flex-direction: row; padding-top: 0.5em; - } - - .button-row, .buttons { - gap: var(--spacing-sm); + gap: var(--spacing-md); } diff --git a/src/lib/components/PromptDisplay.svelte b/src/lib/components/PromptDisplay.svelte index dec22d9..b96e2c7 100644 --- a/src/lib/components/PromptDisplay.svelte +++ b/src/lib/components/PromptDisplay.svelte @@ -10,7 +10,7 @@ import type { Styles } from "@gradio/utils"; import { comfyFileToComfyBoxMetadata, comfyURLToComfyFile, countNewLines } from "$lib/utils"; import ReceiveOutputTargets from "./modal/ReceiveOutputTargets.svelte"; - import workflowState, { type ComfyWorkflow, type WorkflowReceiveOutputTargets } from "$lib/stores/workflowState"; + import workflowState, { type ComfyBoxWorkflow, type WorkflowReceiveOutputTargets } from "$lib/stores/workflowState"; import type { ComfyReceiveOutputNode } from "$lib/nodes/actions"; import type ComfyApp from "./ComfyApp"; @@ -100,7 +100,7 @@ // ImageViewer.instance.showLightbox(e.detail) } - function sendOutput(workflow: ComfyWorkflow, targetNode: ComfyReceiveOutputNode) { + function sendOutput(workflow: ComfyBoxWorkflow, targetNode: ComfyReceiveOutputNode) { if (workflow == null || targetNode == null) return diff --git a/src/lib/components/TabsContainer.svelte b/src/lib/components/TabsContainer.svelte index 74d4a7d..162ed46 100644 --- a/src/lib/components/TabsContainer.svelte +++ b/src/lib/components/TabsContainer.svelte @@ -15,6 +15,7 @@ import { startDrag, stopDrag } from "$lib/utils" import type { Writable } from "svelte/store"; import { isHidden } from "$lib/widgets/utils"; + import { handleContainerConsider, handleContainerFinalize } from "./utils"; export let layoutState: WritableLayoutStateStore; export let container: ContainerLayout | null = null; @@ -38,14 +39,12 @@ // attrsChanged = writable(0) } - function handleConsider(evt: any) { - children = layoutState.updateChildren(container, evt.detail.items) - // console.log(dragItems); + function handleConsider(evt: CustomEvent>) { + children = handleContainerConsider(layoutState, container, evt) }; - function handleFinalize(evt: any) { - children = layoutState.updateChildren(container, evt.detail.items) - // Ensure dragging is stopped on drag finish + function handleFinalize(evt: CustomEvent>) { + children = handleContainerFinalize(layoutState, container, evt) }; function getTabName(container: ContainerLayout, i: number): string { @@ -89,6 +88,7 @@ class:empty={children.length === 0} class:edit={edit} use:dndzone="{{ + type: "layout", items: children, flipDurationMs, centreDraggedOnCursor: true, @@ -222,8 +222,7 @@ .animation-wrapper { position: relative; - flex-grow: 100; - flex-basis: 0; + flex: 1 100 0%; } .handle-widget:hover { diff --git a/src/lib/components/menu/Menu.svelte b/src/lib/components/menu/Menu.svelte index 6322a94..34deacf 100644 --- a/src/lib/components/menu/Menu.svelte +++ b/src/lib/components/menu/Menu.svelte @@ -1,35 +1,73 @@ - -
+
diff --git a/src/lib/components/modal/EditTemplateModal.svelte b/src/lib/components/modal/EditTemplateModal.svelte new file mode 100644 index 0000000..bb78c90 --- /dev/null +++ b/src/lib/components/modal/EditTemplateModal.svelte @@ -0,0 +1,129 @@ + + +
+ + +
+ + Metadata +
+ + + +
+ +
+ + {#if root} + +
+ + Layout + + +
+ + {/if} + +
+ + + +
+ {@html saneSvg} +
+ + + +
+
+ + diff --git a/src/lib/components/modal/ReceiveOutputTargets.svelte b/src/lib/components/modal/ReceiveOutputTargets.svelte index 818892f..3da5bd0 100644 --- a/src/lib/components/modal/ReceiveOutputTargets.svelte +++ b/src/lib/components/modal/ReceiveOutputTargets.svelte @@ -1,17 +1,17 @@ @@ -11,7 +11,7 @@ import type { SlotType } from "@litegraph-ts/core"; import type { Writable } from "svelte/store"; import { StaticImage } from "$lib/components/gradio/image"; - import type { ComfyWorkflow, WorkflowReceiveOutputTargets } from "$lib/stores/workflowState"; + import type { ComfyBoxWorkflow, WorkflowReceiveOutputTargets } from "$lib/stores/workflowState"; import { comfyBoxImageToComfyURL } from "$lib/utils"; import { Button } from "@gradio/button"; import type { ComfyReceiveOutputNode } from "$lib/nodes/actions"; @@ -29,7 +29,7 @@ images = [comfyBoxImageToComfyURL(value)]; } - function sendOutput(workflow: ComfyWorkflow, targetNode: ComfyReceiveOutputNode) { + function sendOutput(workflow: ComfyBoxWorkflow, targetNode: ComfyReceiveOutputNode) { const result: SendOutputModalResult = { workflow, targetNode diff --git a/src/lib/components/modal/SerializedLayoutPreviewNode.svelte b/src/lib/components/modal/SerializedLayoutPreviewNode.svelte new file mode 100644 index 0000000..eebd2f9 --- /dev/null +++ b/src/lib/components/modal/SerializedLayoutPreviewNode.svelte @@ -0,0 +1,48 @@ + + +{#if entry} + {#if entry.dragItem.type === "container"} +
+ + + {#each entry.children as childID} + {@const child = layout.allItems[childID]} + + {/each} + + +
+{:else} +
+ + {entry.dragItem.attrs.title} + +
+ {/if} +{:else} + + Missing drag entry! {entryID} + +{/if} + + diff --git a/src/lib/components/utils.ts b/src/lib/components/utils.ts new file mode 100644 index 0000000..3a3c8dd --- /dev/null +++ b/src/lib/components/utils.ts @@ -0,0 +1,47 @@ +import type ComfyGraphCanvas from "$lib/ComfyGraphCanvas"; +import { type ContainerLayout, type IDragItem, type TemplateLayout, type WritableLayoutStateStore } from "$lib/stores/layoutStates" +import type { LGraphCanvas, Vector2 } from "@litegraph-ts/core"; +import { get } from "svelte/store"; + +export function handleContainerConsider(layoutState: WritableLayoutStateStore, container: ContainerLayout, evt: CustomEvent>): IDragItem[] { + return layoutState.updateChildren(container, evt.detail.items) +}; + +export function handleContainerFinalize(layoutState: WritableLayoutStateStore, container: ContainerLayout, evt: CustomEvent>): IDragItem[] { + const dnd = evt.detail + const info = dnd.info; + const droppedItem = dnd.items.find(i => i.id === info.id); + const isDroppingTemplate = droppedItem?.type === "template" + + if (isDroppingTemplate) { + return doInsertTemplate(layoutState, droppedItem as TemplateLayout, container, dnd.items) + } + else { + return layoutState.updateChildren(container, dnd.items) + } +}; + +function isComfyGraphCanvas(canvas: LGraphCanvas): canvas is ComfyGraphCanvas { + return "insertTemplate" in canvas; +} + +function doInsertTemplate(layoutState: WritableLayoutStateStore, droppedTemplate: TemplateLayout, container: ContainerLayout, items: IDragItem[]): IDragItem[] { + const workflow = layoutState.workflow; + const templateItemIndex = items.findIndex(i => i.id === droppedTemplate.id) + + const newChildren = items.filter(i => i.id !== droppedTemplate.id); + + const canvas = workflow.canvases["app"]?.canvas + if (canvas == null || !isComfyGraphCanvas(canvas) || canvas.graph !== workflow.graph) { + console.error("Couldn't get main graph canvas!") + return newChildren; + } + + layoutState.updateChildren(container, newChildren); + + const newPos: Vector2 = [canvas.visible_area[0] + canvas.visible_area[2] / 2, canvas.visible_area[1] + canvas.visible_area[3] / 2] + + canvas.insertTemplate(droppedTemplate.template, newPos, container, templateItemIndex); + + return get(layoutState).allItems[container.id].children; +} diff --git a/src/lib/convertVanillaWorkflow.ts b/src/lib/convertVanillaWorkflow.ts index fe0553d..8d97517 100644 --- a/src/lib/convertVanillaWorkflow.ts +++ b/src/lib/convertVanillaWorkflow.ts @@ -1,7 +1,7 @@ import { LGraph, type INodeInputSlot, type SerializedLGraph, type LinkID, type UUID, type NodeID, LiteGraph, BuiltInSlotType, type SerializedLGraphNode, type Vector2, BuiltInSlotShape, type INodeOutputSlot, type SlotType } from "@litegraph-ts/core"; import type { SerializedAppState } from "./components/ComfyApp"; import layoutStates, { defaultWorkflowAttributes, type ContainerLayout, type DragItemID, type SerializedDragEntry, type SerializedLayoutState, type WritableLayoutStateStore } from "./stores/layoutStates"; -import { ComfyWorkflow, type WorkflowAttributes } from "./stores/workflowState"; +import { ComfyBoxWorkflow, type WorkflowAttributes } from "./stores/workflowState"; import type { SerializedGraphCanvasState } from "./ComfyGraphCanvas"; import ComfyApp from "./components/ComfyApp"; import { iterateNodeDefInputs, type ComfyNodeDefInputType, type ComfyNodeDefInputOptions } from "./ComfyNodeDef"; @@ -346,8 +346,8 @@ function removeSerializedNode(vanillaWorkflow: SerializedLGraph, node: Serialize * Converts a workflow saved with vanilla ComfyUI into a ComfyBox workflow, * adding UI nodes for each widget. */ -export default function convertVanillaWorkflow(vanillaWorkflow: ComfyVanillaWorkflow, attrs: WorkflowAttributes): [ComfyWorkflow, WritableLayoutStateStore] { - const [comfyBoxWorkflow, layoutState] = ComfyWorkflow.create(); +export default function convertVanillaWorkflow(vanillaWorkflow: ComfyVanillaWorkflow, attrs: WorkflowAttributes): [ComfyBoxWorkflow, WritableLayoutStateStore] { + const [comfyBoxWorkflow, layoutState] = ComfyBoxWorkflow.create(); const { root, left, right } = layoutState.initDefaultLayout(); // TODO will need to convert IDs to UUIDs diff --git a/src/lib/nodes/ComfyGraphNode.ts b/src/lib/nodes/ComfyGraphNode.ts index f75a55b..5911b9c 100644 --- a/src/lib/nodes/ComfyGraphNode.ts +++ b/src/lib/nodes/ComfyGraphNode.ts @@ -10,7 +10,7 @@ import { get } from "svelte/store"; import configState from "$lib/stores/configState"; import type { WidgetLayout, WritableLayoutStateStore } from "$lib/stores/layoutStates"; import layoutStates from "$lib/stores/layoutStates"; -import workflowStateStore, { ComfyWorkflow } from "$lib/stores/workflowState"; +import workflowStateStore, { ComfyBoxWorkflow } from "$lib/stores/workflowState"; export type DefaultWidgetSpec = { defaultWidgetNode: new (name?: string) => ComfyWidgetNode, @@ -111,7 +111,7 @@ export default class ComfyGraphNode extends LGraphNode { return layoutStates.getDragItemByNode(this); } - get workflow(): ComfyWorkflow | null { + get workflow(): ComfyBoxWorkflow | null { return workflowStateStore.getWorkflowByNode(this); } @@ -312,7 +312,13 @@ export default class ComfyGraphNode extends LGraphNode { } (o as any).saveUserState = this.saveUserState - if (!this.saveUserState && (!get(uiState).isSavingToLocalStorage || get(configState).alwaysStripUserState)) { + + let saveUserState = this.saveUserState || get(configState).alwaysStripUserState; + const forceSaveUserState = get(uiState).forceSaveUserState; + if (forceSaveUserState !== null) + saveUserState = forceSaveUserState; + + if (!saveUserState) { this.stripUserState(o) console.debug("[ComfyGraphNode] stripUserState", this, o) } diff --git a/src/lib/nodes/widgets/ComfyComboNode.ts b/src/lib/nodes/widgets/ComfyComboNode.ts index de6fedd..5373298 100644 --- a/src/lib/nodes/widgets/ComfyComboNode.ts +++ b/src/lib/nodes/widgets/ComfyComboNode.ts @@ -162,6 +162,8 @@ export default class ComfyComboNode extends ComfyWidgetNode { override stripUserState(o: SerializedLGraphNode) { super.stripUserState(o); o.properties.values = [] + o.properties.defaultValue = null; + (o as any).comfyValue = null } } diff --git a/src/lib/nodes/widgets/ComfyWidgetNode.ts b/src/lib/nodes/widgets/ComfyWidgetNode.ts index 33ef5d6..9c8ca01 100644 --- a/src/lib/nodes/widgets/ComfyWidgetNode.ts +++ b/src/lib/nodes/widgets/ComfyWidgetNode.ts @@ -297,6 +297,9 @@ export default abstract class ComfyWidgetNode extends ComfyGraphNode { } notifyPropsChanged() { + if (!this.layoutState) + return; + const layoutEntry = this.layoutState.findLayoutEntryForNode(this.id as ComfyNodeID) if (layoutEntry && layoutEntry.parent) { layoutEntry.parent.attrsChanged.set(get(layoutEntry.parent.attrsChanged) + 1) @@ -352,7 +355,6 @@ export default abstract class ComfyWidgetNode extends ComfyGraphNode { override stripUserState(o: SerializedLGraphNode) { super.stripUserState(o); - (o as any).comfyValue = this.defaultValue; - o.properties.defaultValue = null; + (o as any).comfyValue = this.properties.defaultValue; } } diff --git a/src/lib/stores/configState.ts b/src/lib/stores/configState.ts index ce9e3d5..22c3e32 100644 --- a/src/lib/stores/configState.ts +++ b/src/lib/stores/configState.ts @@ -3,6 +3,12 @@ import { get, writable } from 'svelte/store'; import type { Writable } from 'svelte/store'; export type ConfigState = { + /** Backend domain for ComfyUI */ + comfyUIHostname: string, + + /** Backend port for ComfyUI */ + comfyUIPort: number, + /** Strip user state even if saving to local storage */ alwaysStripUserState: boolean, @@ -14,18 +20,27 @@ export type ConfigState = { } type ConfigStateOps = { + getBackendURL: () => string } export type WritableConfigStateStore = Writable & ConfigStateOps; const store: Writable = writable( { + comfyUIHostname: "localhost", + comfyUIPort: 8188, alwaysStripUserState: false, promptForWorkflowName: false, confirmWhenUnloadingUnsavedChanges: true }) +function getBackendURL(): string { + const state = get(store); + return `${window.location.protocol}//${state.comfyUIHostname}:${state.comfyUIPort}` +} + const configStateStore: WritableConfigStateStore = { - ...store + ...store, + getBackendURL } export default configStateStore; diff --git a/src/lib/stores/interfaceState.ts b/src/lib/stores/interfaceState.ts index f2fb569..88b1d9c 100644 --- a/src/lib/stores/interfaceState.ts +++ b/src/lib/stores/interfaceState.ts @@ -9,6 +9,8 @@ export type InterfaceState = { pointerNearLeft: boolean, showIndicator: boolean, indicatorValue: any, + + graphTransitioning: boolean } type InterfaceStateOps = { @@ -22,6 +24,8 @@ const store: Writable = writable( pointerNearLeft: false, showIndicator: false, indicatorValue: null, + + graphTransitioning: false }) const debounceDrag = debounce(() => { store.update(s => { s.showIndicator = false; return s }) }, 1000) diff --git a/src/lib/stores/layoutStates.ts b/src/lib/stores/layoutStates.ts index bf9c3e9..3f9fd54 100644 --- a/src/lib/stores/layoutStates.ts +++ b/src/lib/stores/layoutStates.ts @@ -7,8 +7,9 @@ import type { ComfyNodeID } from '$lib/api'; import { v4 as uuidv4 } from "uuid"; import type { ComfyWidgetNode } from '$lib/nodes/widgets'; import type ComfyGraph from '$lib/ComfyGraph'; -import type { ComfyWorkflow, WorkflowAttributes, WorkflowInstID } from './workflowState'; +import type { ComfyBoxWorkflow, WorkflowAttributes, WorkflowInstID } from './workflowState'; import workflowState from './workflowState'; +import type { SerializedComfyBoxTemplate } from '$lib/ComfyBoxTemplate'; export function isComfyWidgetNode(node: LGraphNode): node is ComfyWidgetNode { return "svelteComponentType" in node @@ -524,7 +525,37 @@ const ALL_ATTRIBUTES: AttributesSpecList = [ canShow: (di: IDragItem) => di.type === "container" }, + // Combo + { + name: "defaultValue", + type: "string", + location: "nodeProps", + editable: true, + defaultValue: "A", + validNodeTypes: ["ui/combo"], + }, + + // Checkbox + { + name: "defaultValue", + type: "boolean", + location: "nodeProps", + editable: true, + defaultValue: true, + validNodeTypes: ["ui/checkbox"], + }, + // Range + { + name: "defaultValue", + type: "number", + location: "nodeProps", + editable: true, + defaultValue: 0, + min: -2 ^ 16, + max: 2 ^ 16, + validNodeTypes: ["ui/number"], + }, { name: "min", type: "number", @@ -586,6 +617,14 @@ const ALL_ATTRIBUTES: AttributesSpecList = [ }, // Radio + { + name: "defaultValue", + type: "string", + location: "nodeProps", + editable: true, + defaultValue: "Choice A", + validNodeTypes: ["ui/radio"], + }, { name: "choices", type: "string", @@ -597,6 +636,16 @@ const ALL_ATTRIBUTES: AttributesSpecList = [ deserialize: deserializeStringArray, }, + // Text + { + name: "defaultValue", + type: "string", + location: "nodeProps", + editable: true, + defaultValue: "", + validNodeTypes: ["ui/text"], + }, + // Workflow { name: "title", @@ -635,7 +684,7 @@ for (const cat of Object.values(ALL_ATTRIBUTES)) { export { ALL_ATTRIBUTES }; // TODO Should be nested by category for name uniqueness? -const defaultWidgetAttributes: Attributes = {} as any +export const defaultWidgetAttributes: Attributes = {} as any export const defaultWorkflowAttributes: WorkflowAttributes = {} as any for (const cat of Object.values(ALL_ATTRIBUTES)) { for (const spec of Object.values(cat.specs)) { @@ -657,7 +706,7 @@ export interface IDragItem { /* * Type of the item. */ - type: "container" | "widget", + type: "container" | "widget" | "template", /* * Unique ID of the item. @@ -707,6 +756,21 @@ export interface WidgetLayout extends IDragItem { node: ComfyWidgetNode } +/* + * A template being dragged into the workflow UI. + * + * These will never be saved, instead they will be expanded inside + * updateChildren() and then removed. + */ +export interface TemplateLayout extends IDragItem { + type: "template", + + /* + * Template to expand + */ + template: SerializedComfyBoxTemplate +} + export type DefaultLayout = { root: ContainerLayout, left: ContainerLayout, @@ -716,7 +780,7 @@ export type DefaultLayout = { export type DragItemID = UUID; type LayoutStateOps = { - workflow: ComfyWorkflow | null, + workflow: ComfyBoxWorkflow | null, addContainer: (parent: ContainerLayout | null, attrs?: Partial, index?: number) => ContainerLayout, addWidget: (parent: ContainerLayout, node: ComfyWidgetNode, attrs?: Partial, index?: number) => WidgetLayout, @@ -724,6 +788,7 @@ type LayoutStateOps = { updateChildren: (parent: IDragItem, children: IDragItem[]) => IDragItem[], nodeAdded: (node: LGraphNode, options: LGraphAddNodeOptions) => void, nodeRemoved: (node: LGraphNode, options: LGraphRemoveNodeOptions) => void, + insertTemplate: (template: SerializedComfyBoxTemplate, graph: LGraph, templateNodeIDToNode: Record, container: ContainerLayout, childIndex: number) => IDragItem, moveItem: (target: IDragItem, to: ContainerLayout, index?: number) => void, groupItems: (dragItemIDs: DragItemID[], attrs?: Partial) => ContainerLayout, ungroup: (container: ContainerLayout) => void, @@ -752,13 +817,13 @@ export type SerializedDragEntry = { export type SerializedDragItem = { type: string, id: DragItemID, - nodeId: UUID | null, + nodeId: NodeID | null, attrs: Attributes } export type WritableLayoutStateStore = Writable & LayoutStateOps; -function createRaw(workflow: ComfyWorkflow | null = null): WritableLayoutStateStore { +function createRaw(workflow: ComfyBoxWorkflow | null = null): WritableLayoutStateStore { const store: Writable = writable({ root: null, allItems: {}, @@ -874,7 +939,7 @@ function createRaw(workflow: ComfyWorkflow | null = null): WritableLayoutStateSt if (newChildren) state.allItems[parent.id].children = newChildren; for (const child of state.allItems[parent.id].children) { - if (child.id === SHADOW_PLACEHOLDER_ITEM_ID) + if (child.id === SHADOW_PLACEHOLDER_ITEM_ID || child.type === "template") continue; state.allItems[child.id].parent = parent; } @@ -912,7 +977,11 @@ function createRaw(workflow: ComfyWorkflow | null = null): WritableLayoutStateSt let attrs: Partial = {} - if (options.addedBy === "moveIntoSubgraph" || options.addedBy === "moveOutOfSubgraph") { + if ((options.addedBy as any) === "template") { + // Template layout will be deserialized shortly + return; + } + else if (options.addedBy === "moveIntoSubgraph" || options.addedBy === "moveOutOfSubgraph") { // All we need to do is update the nodeID linked to this node. const item = state.allItemsByNode[options.prevNodeID] delete state.allItemsByNode[options.prevNodeID] @@ -984,6 +1053,56 @@ function createRaw(workflow: ComfyWorkflow | null = null): WritableLayoutStateSt store.set(state) } + /* + * NOTE: Modifies the template in-place, be sure you cloned it beforehand! + */ + function insertTemplate(template: SerializedComfyBoxTemplate, graph: LGraph, templateNodeIDToNode: Record, container: ContainerLayout, childIndex: number): IDragItem { + const idMapping: Record = {}; + + const getDragItemID = (id: DragItemID): DragItemID => { + idMapping[id] ||= uuidv4(); + return idMapping[id]; + } + + // Ensure all IDs are unique, and rewrite node IDs in widgets to point + // to newly created nodes + for (const [id, entry] of Object.entries(template.layout.allItems)) { + const newId = getDragItemID(id); + template.layout.allItems[newId] = entry; + entry.dragItem.id = newId; + + if (entry.parent) + entry.parent = getDragItemID(entry.parent) + entry.children = entry.children.map(getDragItemID); + + if (entry.dragItem.type === "widget") { + entry.dragItem.nodeId = templateNodeIDToNode[entry.dragItem.nodeId].id; + } + } + + if (template.layout.root) { + template.layout.root = getDragItemID(template.layout.root) + + // make sure the new root doesn't have a parent since that parent + // was detached from the serialized layout and won't be found in + // template.layout.allItems + template.layout.allItems[template.layout.root].parent = null; + } + + const raw = deserializeRaw(template.layout, graph); + + // merge the template's detached layout tree into this layout + store.update(s => { + s.allItems = { ...s.allItems, ...raw.allItems } + s.allItemsByNode = { ...s.allItemsByNode, ...raw.allItemsByNode } + return s; + }) + + moveItem(raw.root, container, childIndex); + + return raw.root + } + function moveItem(target: IDragItem, to: ContainerLayout, index?: number) { const state = get(store) const entry = state.allItems[target.id] @@ -1148,6 +1267,13 @@ function createRaw(workflow: ComfyWorkflow | null = null): WritableLayoutStateSt const queue = [state.allItems[rootID]] while (queue.length > 0) { const entry = queue.shift(); + + if (entry.dragItem.type === "template") { + // If this happens then there's a bug somewhere + console.error("[layoutState] Found template drag item in current layout, skipping!") + continue; + } + allItems[entry.dragItem.id] = { dragItem: { type: entry.dragItem.type, @@ -1177,6 +1303,13 @@ function createRaw(workflow: ComfyWorkflow | null = null): WritableLayoutStateSt const allItems: Record = {} for (const pair of Object.entries(state.allItems)) { const [id, entry] = pair; + + if (entry.dragItem.type === "template") { + // If this happens then there's a bug somewhere + console.error("[layoutState] Found template drag item in current layout, skipping!") + continue; + } + allItems[id] = { dragItem: { type: entry.dragItem.type, @@ -1195,12 +1328,19 @@ function createRaw(workflow: ComfyWorkflow | null = null): WritableLayoutStateSt } } - function deserialize(data: SerializedLayoutState, graph: LGraph) { + function deserializeRaw(data: SerializedLayoutState, graph: LGraph): LayoutState { const allItems: Record = {} const allItemsByNode: Record = {} + for (const pair of Object.entries(data.allItems)) { const [id, entry] = pair; + if (entry.dragItem.type === "template") { + // If this happens then there's a bug somewhere + console.error("[layoutState] Found template drag item in serialized layout, skipping!") + continue; + } + const dragItem: IDragItem = { type: entry.dragItem.type, id: entry.dragItem.id, @@ -1249,6 +1389,12 @@ function createRaw(workflow: ComfyWorkflow | null = null): WritableLayoutStateSt isConfiguring: false, } + return state + } + + function deserialize(data: SerializedLayoutState, graph: LGraph) { + const state = deserializeRaw(data, graph); + console.debug("[layoutState] deserialize", data, state, defaultWorkflowAttributes) store.set(state) @@ -1282,6 +1428,7 @@ function createRaw(workflow: ComfyWorkflow | null = null): WritableLayoutStateSt updateChildren, nodeAdded, nodeRemoved, + insertTemplate, moveItem, groupItems, findLayoutEntryForNode, @@ -1299,7 +1446,7 @@ function createRaw(workflow: ComfyWorkflow | null = null): WritableLayoutStateSt return layoutStateStore } -function create(workflow: ComfyWorkflow): WritableLayoutStateStore { +function create(workflow: ComfyBoxWorkflow): WritableLayoutStateStore { if (get(layoutStates).all[workflow.id] != null) { throw new Error(`Layout state already created! ${id}`) } @@ -1369,8 +1516,8 @@ export type LayoutStateStores = { } export type LayoutStateStoresOps = { - create: (workflow: ComfyWorkflow) => WritableLayoutStateStore, - createRaw: (workflow?: ComfyWorkflow | null) => WritableLayoutStateStore, + create: (workflow: ComfyBoxWorkflow) => WritableLayoutStateStore, + createRaw: (workflow?: ComfyBoxWorkflow | null) => WritableLayoutStateStore, remove: (workflowID: WorkflowInstID) => void, getLayout: (workflowID: WorkflowInstID) => WritableLayoutStateStore | null, getLayoutByGraph: (graph: LGraph) => WritableLayoutStateStore | null, diff --git a/src/lib/stores/modalState.ts b/src/lib/stores/modalState.ts index 6da90c0..6cb89d8 100644 --- a/src/lib/stores/modalState.ts +++ b/src/lib/stores/modalState.ts @@ -7,7 +7,7 @@ export type ModalState = Record; export type ModalButton = { name: string, variant: "primary" | "secondary", - onClick: (state: ModalData) => void, + onClick: (state: ModalData) => boolean | void, closeOnClick?: boolean } export interface ModalData { diff --git a/src/lib/stores/templateState.ts b/src/lib/stores/templateState.ts new file mode 100644 index 0000000..d2633de --- /dev/null +++ b/src/lib/stores/templateState.ts @@ -0,0 +1,128 @@ +import type { SerializedComfyBoxTemplate } from '$lib/ComfyBoxTemplate'; +import type { UUID } from '@litegraph-ts/core'; +import { get, writable } from 'svelte/store'; +import type { Readable, Writable } from 'svelte/store'; +import { v4 as uuidv4 } from "uuid"; + +export type TemplateState = { + templates: SerializedComfyBoxTemplate[] + templatesByID: Record +} + +type TemplateStateOps = { + save: () => void, + load: () => void, + add: (template: SerializedComfyBoxTemplate) => boolean, + update: (template: SerializedComfyBoxTemplate) => boolean, + remove: (templateID: UUID) => boolean, +} + +export type WritableTemplateStateStore = Writable & TemplateStateOps; +const store: Writable = writable( + { + templates: [], + templatesByID: {} + }) + +function add(template: SerializedComfyBoxTemplate): boolean { + const state = get(store); + if (state.templatesByID[template.id]) { + return false; + } + + store.update(s => { + s.templates.push(template); + s.templatesByID[template.id] = template; + return s; + }) + + save(); + + return true; +} + +function remove(templateID: UUID): boolean { + const state = get(store); + if (!state.templatesByID[templateID]) { + return false; + } + + store.update(s => { + const index = s.templates.findIndex(t => t.id === templateID) + s.templates.splice(index, 1); + delete s.templatesByID[templateID]; + return s; + }) + + save(); + + return true; +} + +function update(template: SerializedComfyBoxTemplate): boolean { + const state = get(store); + if (!state.templatesByID[template.id]) { + return false; + } + + store.update(s => { + const oldId = template.id + const index = s.templates.findIndex(t => t.id === oldId) + s.templates.splice(index, 1); + delete s.templatesByID[oldId]; + + template.id = uuidv4(); + + s.templates.push(template); + s.templatesByID[template.id] = template; + return s; + }) + + save(); + + return true; +} + +function save() { + const json = JSON.stringify(get(store).templates) + localStorage.setItem("templates", json) + store.set(get(store)) +} + +function load() { + const json = localStorage.getItem("templates") + if (!json) { + console.info("No templates in local storage, creating store") + save(); + return; + } + + const data = JSON.parse(json) as SerializedComfyBoxTemplate[]; + if (Array.isArray(data)) { + const templatesByID: Record = + data.map(d => [d.id, d]) + .reduce((dict, el: [UUID, SerializedComfyBoxTemplate]) => (dict[el[0]] = el[1], dict), {}) + + store.set({ + templates: data, + templatesByID + }) + } + else { + store.set({ + templates: [], + templatesByID: {} + }) + } +} + +const templateStateStore: WritableTemplateStateStore = +{ + ...store, + add, + remove, + update, + save, + load, +} +export default templateStateStore; diff --git a/src/lib/stores/uiState.ts b/src/lib/stores/uiState.ts index c827741..39076ed 100644 --- a/src/lib/stores/uiState.ts +++ b/src/lib/stores/uiState.ts @@ -11,7 +11,7 @@ export type UIState = { uiEditMode: UIEditMode, reconnecting: boolean, - isSavingToLocalStorage: boolean + forceSaveUserState: boolean | null } type UIStateOps = { @@ -29,7 +29,7 @@ const store: Writable = writable( uiEditMode: "widgets", reconnecting: false, - isSavingToLocalStorage: false + forceSaveUserState: null, }) function reconnecting() { diff --git a/src/lib/stores/workflowState.ts b/src/lib/stores/workflowState.ts index 050a3a1..b6f5f37 100644 --- a/src/lib/stores/workflowState.ts +++ b/src/lib/stores/workflowState.ts @@ -56,7 +56,7 @@ export type WorkflowAttributes = { queuePromptButtonRunWorkflow: boolean, } -export class ComfyWorkflow { +export class ComfyBoxWorkflow { /* * Used for uniquely identifying the instance of the opened workflow in the frontend. */ @@ -176,8 +176,8 @@ export class ComfyWorkflow { * will not. If you change your mind later be sure to call * layoutStates.remove(workflow.id)! */ - static create(title: string = "New Workflow"): [ComfyWorkflow, WritableLayoutStateStore] { - const workflow = new ComfyWorkflow(title); + static create(title: string = "New Workflow"): [ComfyBoxWorkflow, WritableLayoutStateStore] { + const workflow = new ComfyBoxWorkflow(title); const layoutState = layoutStates.create(workflow); return [workflow, layoutState] } @@ -227,29 +227,29 @@ export class ComfyWorkflow { } export type WorkflowState = { - openedWorkflows: ComfyWorkflow[], - openedWorkflowsByID: Record, + openedWorkflows: ComfyBoxWorkflow[], + openedWorkflowsByID: Record, activeWorkflowID: WorkflowInstID | null, - activeWorkflow: ComfyWorkflow | null, + activeWorkflow: ComfyBoxWorkflow | null, } export type WorkflowReceiveOutputTargets = { - workflow: ComfyWorkflow, + workflow: ComfyBoxWorkflow, targetNodes: ComfyReceiveOutputNode[] } type WorkflowStateOps = { - getWorkflow: (id: WorkflowInstID) => ComfyWorkflow | null - getWorkflowByGraph: (graph: LGraph) => ComfyWorkflow | null - getWorkflowByNode: (node: LGraphNode) => ComfyWorkflow | null - getWorkflowByNodeID: (id: NodeID) => ComfyWorkflow | null - getActiveWorkflow: () => ComfyWorkflow | null - createNewWorkflow: (canvas: ComfyGraphCanvas, title?: string, setActive?: boolean) => ComfyWorkflow, - openWorkflow: (canvas: ComfyGraphCanvas, data: SerializedAppState, setActive?: boolean) => ComfyWorkflow, - addWorkflow: (canvas: ComfyGraphCanvas, data: ComfyWorkflow, setActive?: boolean) => void, + getWorkflow: (id: WorkflowInstID) => ComfyBoxWorkflow | null + getWorkflowByGraph: (graph: LGraph) => ComfyBoxWorkflow | null + getWorkflowByNode: (node: LGraphNode) => ComfyBoxWorkflow | null + getWorkflowByNodeID: (id: NodeID) => ComfyBoxWorkflow | null + getActiveWorkflow: () => ComfyBoxWorkflow | null + createNewWorkflow: (canvas: ComfyGraphCanvas, title?: string, setActive?: boolean) => ComfyBoxWorkflow, + openWorkflow: (canvas: ComfyGraphCanvas, data: SerializedAppState, setActive?: boolean) => ComfyBoxWorkflow, + addWorkflow: (canvas: ComfyGraphCanvas, data: ComfyBoxWorkflow, setActive?: boolean) => void, closeWorkflow: (canvas: ComfyGraphCanvas, index: number) => void, closeAllWorkflows: (canvas: ComfyGraphCanvas) => void, - setActiveWorkflow: (canvas: ComfyGraphCanvas, index: number | WorkflowInstID) => ComfyWorkflow | null, + setActiveWorkflow: (canvas: ComfyGraphCanvas, index: number | WorkflowInstID) => ComfyBoxWorkflow | null, findReceiveOutputTargets: (type: SlotType | SlotType[]) => WorkflowReceiveOutputTargets[] } @@ -262,36 +262,36 @@ const store: Writable = writable( activeWorkflow: null }) -function getWorkflow(id: WorkflowInstID): ComfyWorkflow | null { +function getWorkflow(id: WorkflowInstID): ComfyBoxWorkflow | null { return get(store).openedWorkflowsByID[id]; } -function getWorkflowByGraph(graph: LGraph): ComfyWorkflow | null { +function getWorkflowByGraph(graph: LGraph): ComfyBoxWorkflow | null { const workflowID = (graph.getRootGraph() as ComfyGraph)?.workflowID; if (workflowID == null) return null; return getWorkflow(workflowID); } -function getWorkflowByNode(node: LGraphNode): ComfyWorkflow | null { +function getWorkflowByNode(node: LGraphNode): ComfyBoxWorkflow | null { return getWorkflowByGraph(node.graph); } -function getWorkflowByNodeID(id: NodeID): ComfyWorkflow | null { +function getWorkflowByNodeID(id: NodeID): ComfyBoxWorkflow | null { return Object.values(get(store).openedWorkflows).find(w => { return w.graph.getNodeByIdRecursive(id) != null }) } -function getActiveWorkflow(): ComfyWorkflow | null { +function getActiveWorkflow(): ComfyBoxWorkflow | null { const state = get(store); if (state.activeWorkflowID == null) return null; return state.openedWorkflowsByID[state.activeWorkflowID]; } -function createNewWorkflow(canvas: ComfyGraphCanvas, title: string = "New Workflow", setActive: boolean = false): ComfyWorkflow { - const workflow = new ComfyWorkflow(title); +function createNewWorkflow(canvas: ComfyGraphCanvas, title: string = "New Workflow", setActive: boolean = false): ComfyBoxWorkflow { + const workflow = new ComfyBoxWorkflow(title); const layoutState = layoutStates.create(workflow); layoutState.initDefaultLayout(); @@ -307,8 +307,8 @@ function createNewWorkflow(canvas: ComfyGraphCanvas, title: string = "New Workfl return workflow; } -function openWorkflow(canvas: ComfyGraphCanvas, data: SerializedAppState, setActive: boolean = true): ComfyWorkflow { - const [workflow, layoutState] = ComfyWorkflow.create("Workflow") +function openWorkflow(canvas: ComfyGraphCanvas, data: SerializedAppState, setActive: boolean = true): ComfyBoxWorkflow { + const [workflow, layoutState] = ComfyBoxWorkflow.create("Workflow") workflow.deserialize(layoutState, { graph: data.workflow, layout: data.layout, attrs: data.attrs }) addWorkflow(canvas, workflow, setActive); @@ -316,7 +316,7 @@ function openWorkflow(canvas: ComfyGraphCanvas, data: SerializedAppState, setAct return workflow; } -function addWorkflow(canvas: ComfyGraphCanvas, workflow: ComfyWorkflow, setActive: boolean = true) { +function addWorkflow(canvas: ComfyGraphCanvas, workflow: ComfyBoxWorkflow, setActive: boolean = true) { const state = get(store); state.openedWorkflows.push(workflow); state.openedWorkflowsByID[workflow.id] = workflow; @@ -354,7 +354,7 @@ function closeAllWorkflows(canvas: ComfyGraphCanvas) { closeWorkflow(canvas, 0) } -function setActiveWorkflow(canvas: ComfyGraphCanvas, index: number | WorkflowInstID): ComfyWorkflow | null { +function setActiveWorkflow(canvas: ComfyGraphCanvas, index: number | WorkflowInstID): ComfyBoxWorkflow | null { const state = get(store); if (state.openedWorkflows.length === 0) { diff --git a/src/lib/utils.ts b/src/lib/utils.ts index 9da68b4..065e2fb 100644 --- a/src/lib/utils.ts +++ b/src/lib/utils.ts @@ -1,571 +1,600 @@ -import { type WidgetLayout, type WritableLayoutStateStore } from "$lib/stores/layoutStates"; -import selectionState from "$lib/stores/selectionState"; -import type { FileData as GradioFileData } from "@gradio/upload"; -import { Subgraph, type LGraph, type LGraphNode, type LLink, type SerializedLGraph, type UUID, type NodeID, type SlotType } from "@litegraph-ts/core"; -import { get } from "svelte/store"; -import type { ComfyNodeID } from "./api"; -import { type SerializedPrompt } from "./components/ComfyApp"; -import workflowState from "./stores/workflowState"; -import { ImageViewer } from "./ImageViewer"; - -export function clamp(n: number, min: number, max: number): number { - if (max <= min) - return min; - return Math.min(Math.max(n, min), max) -} - -export function negmod(n: number, m: number): number { - return ((n % m) + m) % m; -} - -export function range(size: number, startAt: number = 0): ReadonlyArray { - return [...Array(size).keys()].map(i => i + startAt); -} - -export function countNewLines(str: string): number { - return str.split(/\r\n|\r|\n/).length -} - -export function capitalize(str: string) { - return str.charAt(0).toUpperCase() + str.slice(1); -} - -export function basename(filepath: string): string { - const filename = filepath.split('/').pop().split('\\').pop(); - return filename.split('.').slice(0, -1).join('.'); -} - -export function truncateString(str: string, num: number): string { - if (num <= 0) - return "…"; - - if (str.length <= num) { - return str; - } - return str.slice(0, num) + "…"; -} - -export function* enumerate(iterable: Iterable): Iterable<[number, T]> { - let index = 0; - for (const value of iterable) { - yield [index++, value]; - } -} - -export async function timeExecutionMs(fn: (...any) => Promise, ...args: any[]): Promise { - const start = new Date().getTime(); - - await fn.apply(null, args) - - return new Date().getTime() - start; -} - -export function download(filename: string, text: string, type: string = "text/plain") { - const blob = new Blob([text], { type: type }); - const url = URL.createObjectURL(blob); - const a = document.createElement('a') - a.href = url - a.download = filename - document.body.appendChild(a) - a.click() - setTimeout(function() { - a.remove(); - window.URL.revokeObjectURL(url); - }, 0); -} - -export function startDrag(evt: MouseEvent, layoutState: WritableLayoutStateStore) { - const dragItemId: string = evt.target.dataset["dragItemId"]; - const ss = get(selectionState) - const ls = get(layoutState) - - if (evt.button !== 0) { - if (ss.currentSelection.length <= 1 && !ls.isMenuOpen) - ss.currentSelection = [dragItemId] - return; - } - - const item = ls.allItems[dragItemId].dragItem - - console.debug("startDrag", item) - - if (evt.ctrlKey) { - const index = ss.currentSelection.indexOf(item.id) - if (index === -1) - ss.currentSelection.push(item.id); - else - ss.currentSelection.splice(index, 1); - ss.currentSelection = ss.currentSelection; - } - else { - ss.currentSelection = [item.id] - } - ss.currentSelectionNodes = []; - for (const id of ss.currentSelection) { - const item = ls.allItems[id].dragItem - if (item.type === "widget") { - const node = (item as WidgetLayout).node; - if (node) { - ss.currentSelectionNodes.push(node) - } - } - } - - layoutState.set(ls) - selectionState.set(ss) - layoutState.notifyWorkflowModified(); -}; - -export function stopDrag(evt: MouseEvent, layoutState: WritableLayoutStateStore) { - layoutState.notifyWorkflowModified(); -}; - -export function graphToGraphVis(graph: LGraph): string { - let links: string[] = [] - let seenLinks = new Set() - let subgraphs: Record = {} - let subgraphNodes: Record = {} - let idToInt: Record = {} - let curId = 0; - - const convId = (id: number | UUID): number => { - if (idToInt[id] == null) { - idToInt[id] = curId++; - } - return idToInt[id]; - } - - const addLink = (node: LGraphNode, link: LLink): string => { - const nodeA = node.graph.getNodeById(link.origin_id) - const nodeB = node.graph.getNodeById(link.target_id); - seenLinks.add(link.id) - return ` "${convId(nodeA.id)}_${nodeA.title}" -> "${convId(nodeB.id)}_${nodeB.title}";\n`; - } - - for (const node of graph.iterateNodesInOrderRecursive()) { - for (let [index, input] of enumerate(node.iterateInputInfo())) { - const link = node.getInputLink(index); - if (link && !seenLinks.has(link.id)) { - const linkText = addLink(node, link) - if (node.graph != graph) { - subgraphs[node.graph._subgraph_node.id] ||= [node.graph._subgraph_node, []] - subgraphs[node.graph._subgraph_node.id][1].push(linkText) - subgraphNodes[node.graph._subgraph_node.id] = node.graph._subgraph_node - } - else { - links.push(linkText) - } - } - } - for (let [index, output] of enumerate(node.iterateOutputInfo())) { - for (const link of node.getOutputLinks(index)) { - if (!seenLinks.has(link.id)) { - const linkText = addLink(node, link) - if (node.graph != graph) { - subgraphs[node.graph._subgraph_node.id] ||= [node.graph._subgraph_node, []] - subgraphs[node.graph._subgraph_node.id][1].push(linkText) - subgraphNodes[node.graph._subgraph_node.id] = node.graph._subgraph_node - } - else { - links.push(linkText) - } - } - } - } - } - - let out = "digraph {\n" - out += ' fontname="Helvetica,Arial,sans-serif"\n' - out += ' node [fontname="Helvetica,Arial,sans-serif"]\n' - out += ' edge [fontname="Helvetica,Arial,sans-serif"]\n' - out += ' node [shape=box style=filled fillcolor="#DDDDDD"]\n' - - for (const [subgraph, links] of Object.values(subgraphs)) { - // Subgraph name has to be prefixed with "cluster" to show up as a cluster... - out += ` subgraph cluster_subgraph_${convId(subgraph.id)} {\n` - out += ` label="${convId(subgraph.id)}_${subgraph.title}";\n`; - out += " color=red;\n"; - // out += " style=grey;\n"; - out += " " + links.join(" ") - out += " }\n" - } - - out += links.join("") - - out += "}" - return out -} - -export function workflowToGraphVis(workflow: SerializedLGraph): string { - let out = "digraph {\n" - - for (const link of workflow.links) { - const nodeA = workflow.nodes.find(n => n.id === link[1]) - const nodeB = workflow.nodes.find(n => n.id === link[3]) - out += `"${link[1]}_${nodeA.title}" -> "${link[3]}_${nodeB.title}"\n`; - } - - out += "}" - return out -} - -export function promptToGraphVis(prompt: SerializedPrompt): string { - let out = "digraph {\n" - - const ids: Record = {} - let nextID = 0; - - for (const pair of Object.entries(prompt.output)) { - const [id, o] = pair; - if (ids[id] == null) - ids[id] = nextID++; - - if ("class_type" in o) { - for (const pair2 of Object.entries(o.inputs)) { - const [inpName, i] = pair2; - - if (Array.isArray(i) && i.length === 2 && typeof i[0] === "string" && typeof i[1] === "number") { - // Link - const [inpID, inpSlot] = i; - if (ids[inpID] == null) - ids[inpID] = nextID++; - - const inpNode = prompt.output[inpID] - if (inpNode) { - out += `"${ids[inpID]}_${inpNode.class_type}" -> "${ids[id]}_${o.class_type}"\n` - } - } - else { - const value = String(i).substring(0, 20) - // Value - out += `"${ids[id]}-${inpName}-${value}" -> "${ids[id]}_${o.class_type}"\n` - } - } - } - } - - out += "}" - return out -} - -export function getNodeInfo(nodeId: ComfyNodeID): string { - const workflow = workflowState.getWorkflowByNodeID(nodeId); - if (workflow == null) - return nodeId; - - const title = workflow.graph?.getNodeByIdRecursive(nodeId)?.title; - if (title == null) - return nodeId; - - const displayNodeID = nodeId ? (nodeId.split("-")[0]) : String(nodeId); - return title + " (" + displayNodeID + ")" -} - -export const debounce = (callback: Function, wait = 250) => { - let timeout: NodeJS.Timeout | null = null; - return (...args: Array) => { - const next = () => callback(...args); - if (timeout) clearTimeout(timeout); - - timeout = setTimeout(next, wait); - }; -}; - -export function convertComfyOutputToGradio(output: SerializedPromptOutput): GradioFileData[] { - return output.images.map(convertComfyOutputEntryToGradio); -} - -export function convertComfyOutputEntryToGradio(r: ComfyImageLocation): GradioFileData { - const url = `http://${location.hostname}:8188` // TODO make configurable - const params = new URLSearchParams(r) - const fileData: GradioFileData = { - name: r.filename, - orig_name: r.filename, - is_file: false, - data: url + "/view?" + params - } - return fileData -} - -export function convertComfyOutputToComfyURL(output: string | ComfyImageLocation): string { - if (typeof output === "string") - return output; - - const params = new URLSearchParams(output) - const url = `http://${location.hostname}:8188` // TODO make configurable - return url + "/view?" + params -} - -export function convertGradioFileDataToComfyURL(image: GradioFileData, type: ComfyUploadImageType = "input"): string { - const baseUrl = `http://${location.hostname}:8188` // TODO make configurable - const params = new URLSearchParams({ filename: image.name, subfolder: "", type }) - return `${baseUrl}/view?${params}` -} - -export function convertGradioFileDataToComfyOutput(fileData: GradioFileData, type: ComfyUploadImageType = "input"): ComfyImageLocation { - if (!fileData.is_file) - throw "Can't convert blob data to comfy output!" - - return { - filename: fileData.name, - subfolder: "", - type - } -} - -export function convertFilenameToComfyURL(filename: string, - subfolder: string = "", - type: "input" | "output" | "temp" = "output"): string { - const params = new URLSearchParams({ - filename, - subfolder, - type - }) - const url = `http://${location.hostname}:8188` // TODO make configurable - return url + "/view?" + params -} - -export function jsonToJsObject(json: string): string { - // Try to parse, to see if it's real JSON - JSON.parse(json); - - const regex = /\"([^"]+)\":/g; - const hyphenRegex = /-([a-z])/g; - - return json.replace(regex, match => { - return match - .replace(hyphenRegex, g => g[1].toUpperCase()) - .replace(regex, "$1:"); - }); -} - -export type ComfyUploadImageType = "output" | "input" | "temp" - -export interface ComfyUploadImageAPIResponse { - name: string, // Yes this is different from the "executed" event args - subfolder: string, - type: ComfyUploadImageType -} - -/* - * Uploads an image into ComfyUI's `input` folder. - */ -export async function uploadImageToComfyUI(blob: Blob, filename: string, type: ComfyUploadImageType, subfolder: string = "", overwrite: boolean = false): Promise { - console.debug("[utils] Uploading image to ComfyUI", filename, blob.size) - - const url = `http://${location.hostname}:8188` // TODO make configurable - - const formData = new FormData(); - formData.append("image", blob, filename); - formData.set("type", type) - formData.set("subfolder", subfolder) - formData.set("overwrite", String(overwrite)) - - const req = new Request(url + "/upload/image", { - body: formData, - method: 'POST' - }); - - return fetch(req) - .then((r) => r.json()) - .then((resp) => { - return { - filename: resp.name, - subfolder: resp.subfolder, - type: resp.type - } - }); -} - -/** Raw output as received from ComfyUI's backend */ -export interface SerializedPromptOutput { - // Technically this response can contain arbitrary data, but "images" is the - // most frequently used as it's output by LoadImage and PreviewImage, the - // only two output nodes in base ComfyUI. - images: ComfyImageLocation[] | null, - - /* - * Other data - */ - [key: string]: any -} - -/** Raw output entry as received from ComfyUI's backend */ -export type ComfyImageLocation = { - /* Filename with extension in the subfolder. */ - filename: string, - /* Subfolder in the containing folder. */ - subfolder: string, - /* Base ComfyUI folder where the image is located. */ - type: ComfyUploadImageType -} - -/* - * Convenient type for passing around image filepaths and their metadata with - * wires. Needs to be converted to a filename for use with LoadImage. - * - * Litegraph type is COMFYBOX_IMAGE. The array type is COMFYBOX_IMAGES. - */ -export type ComfyBoxImageMetadata = { - /* For easy structural type detection */ - isComfyBoxImageMetadata: true, - /* Pointer to where this image resides in ComfyUI. */ - comfyUIFile: ComfyImageLocation, - /* Readable name of the image. */ - name: string - /* Tags applicable to this image, like ["mask"]. */ - tags: string[], - /* Image width. */ - width?: number, - /* Image height. */ - height?: number, -} - -export function isComfyBoxImageMetadata(value: any): value is ComfyBoxImageMetadata { - return value && typeof value === "object" && (value as any).isComfyBoxImageMetadata; -} - -export function isComfyBoxImageMetadataArray(value: any): value is ComfyBoxImageMetadata[] { - return Array.isArray(value) && value.every(isComfyBoxImageMetadata); -} - -export function isComfyExecutionResult(value: any): value is SerializedPromptOutput { - return value && typeof value === "object" && Array.isArray(value.images) -} - -export function filenameToComfyBoxMetadata(filename: string, type: ComfyUploadImageType, subfolder: string = ""): ComfyBoxImageMetadata { - return { - isComfyBoxImageMetadata: true, - comfyUIFile: { - filename, - subfolder, - type - }, - name: "Filename", - tags: [], - } -} - -export function comfyFileToComfyBoxMetadata(comfyUIFile: ComfyImageLocation): ComfyBoxImageMetadata { - return { - isComfyBoxImageMetadata: true, - comfyUIFile, - name: "File", - tags: [], - } -} - -/* - * Converts a ComfyUI file into an annotated filepath. Backend nodes like - * LoadImage support syntax like "subfolder/image.png [output]" to specify which - * image folder to load from. - */ -export function comfyFileToAnnotatedFilepath(comfyUIFile: ComfyImageLocation): string { - let path = "" - if (comfyUIFile.subfolder != "") - path = comfyUIFile.subfolder + "/"; - - path += `${comfyUIFile.filename} [${comfyUIFile.type}]` - return path; -} - -export function executionResultToImageMetadata(result: SerializedPromptOutput): ComfyBoxImageMetadata[] { - return result.images.map(comfyFileToComfyBoxMetadata) -} - -export function isComfyImageLocation(param: any): param is ComfyImageLocation { - return param != null && typeof param === "object" - && typeof param.filename === "string" - && typeof param.type === "string" -} - -export function parseWhateverIntoImageMetadata(param: any): ComfyBoxImageMetadata[] | null { - let meta: ComfyBoxImageMetadata[] | null = null - - if (isComfyBoxImageMetadata(param)) { - meta = [param]; - } - else if (Array.isArray(param) && param.every(isComfyBoxImageMetadata)) { - meta = param - } - else if (isComfyExecutionResult(param)) { - meta = executionResultToImageMetadata(param); - } - else if (isComfyImageLocation(param)) { - meta = [comfyFileToComfyBoxMetadata(param)] - } - else if (Array.isArray(param) && param.every(isComfyImageLocation)) { - meta = param.map(comfyFileToComfyBoxMetadata) - } - - return meta; -} - -export function parseWhateverIntoComfyImageLocations(param: any): ComfyImageLocation[] | null { - const meta = parseWhateverIntoImageMetadata(param); - if (!Array.isArray(meta)) - return null - - return meta.map(m => m.comfyUIFile); -} - -export function comfyBoxImageToComfyFile(image: ComfyBoxImageMetadata): ComfyImageLocation { - return image.comfyUIFile -} - -export function comfyBoxImageToComfyURL(image: ComfyBoxImageMetadata): string { - return convertComfyOutputToComfyURL(image.comfyUIFile) -} - -export function comfyURLToComfyFile(urlString: string): ComfyImageLocation | null { - const url = new URL(urlString); - const params = new URLSearchParams(url.search); - const filename = params.get("filename") - const type = params.get("type") as ComfyUploadImageType; - const subfolder = params.get("subfolder") || "" - - // If at least filename and type exist then we're good - if (filename != null && type != null) { - return { filename, type, subfolder } - } - - return null; -} - -export function showLightbox(images: string[], index: number, e: Event) { - e.preventDefault() - if (!images) - return - - ImageViewer.instance.showModal(images, index); - - e.stopPropagation() -} - -export function getLitegraphType(param: any): SlotType | null { - if (param == null) - return null; - - switch (typeof param) { - case "string": - return "string" - case "number": - case "bigint": - return "number" - case "boolean": - return "boolean" - case "object": - if (isComfyBoxImageMetadata(param)) { - return "COMFYBOX_IMAGE" - } - else if (isComfyBoxImageMetadataArray(param)) { - return "COMFYBOX_IMAGES" - } - return null; - case "symbol": - case "undefined": - case "function": - default: - return null; - } -} +import { type WidgetLayout, type WritableLayoutStateStore } from "$lib/stores/layoutStates"; +import selectionState from "$lib/stores/selectionState"; +import type { FileData as GradioFileData } from "@gradio/upload"; +import { Subgraph, type LGraph, type LGraphNode, type LLink, type SerializedLGraph, type UUID, type NodeID, type SlotType, type Vector4, type SerializedLGraphNode } from "@litegraph-ts/core"; +import { get } from "svelte/store"; +import type { ComfyNodeID } from "./api"; +import { type SerializedPrompt } from "./components/ComfyApp"; +import workflowState from "./stores/workflowState"; +import { ImageViewer } from "./ImageViewer"; +import configState from "$lib/stores/configState"; + +export function clamp(n: number, min: number, max: number): number { + if (max <= min) + return min; + return Math.min(Math.max(n, min), max) +} + +export function negmod(n: number, m: number): number { + return ((n % m) + m) % m; +} + +export function range(size: number, startAt: number = 0): ReadonlyArray { + return [...Array(size).keys()].map(i => i + startAt); +} + +export function countNewLines(str: string): number { + return str.split(/\r\n|\r|\n/).length +} + +export function capitalize(str: string) { + return str.charAt(0).toUpperCase() + str.slice(1); +} + +export function basename(filepath: string): string { + const filename = filepath.split('/').pop().split('\\').pop(); + return filename.split('.').slice(0, -1).join('.'); +} + +export function truncateString(str: string, num: number): string { + if (num <= 0) + return "…"; + + if (str.length <= num) { + return str; + } + return str.slice(0, num) + "…"; +} + +export function* enumerate(iterable: Iterable): Iterable<[number, T]> { + let index = 0; + for (const value of iterable) { + yield [index++, value]; + } +} + +export async function timeExecutionMs(fn: (...any) => Promise, ...args: any[]): Promise { + const start = new Date().getTime(); + + await fn.apply(null, args) + + return new Date().getTime() - start; +} + +export function download(filename: string, text: string, type: string = "text/plain") { + const blob = new Blob([text], { type: type }); + const url = URL.createObjectURL(blob); + const a = document.createElement('a') + a.href = url + a.download = filename + document.body.appendChild(a) + a.click() + setTimeout(function() { + a.remove(); + window.URL.revokeObjectURL(url); + }, 0); +} + +export function getLocalStorageUsed(): number { + var total = 0; + for (const x in localStorage) { + // Value is multiplied by 2 due to data being stored in `utf-16` format, which requires twice the space. + const amount = (localStorage[x].length * 2) / 1024 / 1024; + if (!isNaN(amount) && localStorage.hasOwnProperty(x)) { + total += amount; + } + } + return total +}; + +export function startDrag(evt: MouseEvent, layoutState: WritableLayoutStateStore) { + const dragItemId: string = evt.target.dataset["dragItemId"]; + const ss = get(selectionState) + const ls = get(layoutState) + + if (evt.button !== 0) { + if (ss.currentSelection.length <= 1 && !ls.isMenuOpen) + ss.currentSelection = [dragItemId] + return; + } + + const item = ls.allItems[dragItemId].dragItem + + console.debug("startDrag", item) + + if (evt.ctrlKey) { + const index = ss.currentSelection.indexOf(item.id) + if (index === -1) + ss.currentSelection.push(item.id); + else + ss.currentSelection.splice(index, 1); + ss.currentSelection = ss.currentSelection; + } + else { + ss.currentSelection = [item.id] + } + ss.currentSelectionNodes = []; + for (const id of ss.currentSelection) { + const item = ls.allItems[id].dragItem + if (item.type === "widget") { + const node = (item as WidgetLayout).node; + if (node) { + ss.currentSelectionNodes.push(node) + } + } + } + + layoutState.set(ls) + selectionState.set(ss) + layoutState.notifyWorkflowModified(); +}; + +export function stopDrag(evt: MouseEvent, layoutState: WritableLayoutStateStore) { + layoutState.notifyWorkflowModified(); +}; + +export function graphToGraphVis(graph: LGraph): string { + let links: string[] = [] + let seenLinks = new Set() + let subgraphs: Record = {} + let subgraphNodes: Record = {} + let idToInt: Record = {} + let curId = 0; + + const convId = (id: number | UUID): number => { + if (idToInt[id] == null) { + idToInt[id] = curId++; + } + return idToInt[id]; + } + + const addLink = (node: LGraphNode, link: LLink): string => { + const nodeA = node.graph.getNodeById(link.origin_id) + const nodeB = node.graph.getNodeById(link.target_id); + seenLinks.add(link.id) + return ` "${convId(nodeA.id)}_${nodeA.title}" -> "${convId(nodeB.id)}_${nodeB.title}";\n`; + } + + for (const node of graph.iterateNodesInOrderRecursive()) { + for (let [index, input] of enumerate(node.iterateInputInfo())) { + const link = node.getInputLink(index); + if (link && !seenLinks.has(link.id)) { + const linkText = addLink(node, link) + if (node.graph != graph) { + subgraphs[node.graph._subgraph_node.id] ||= [node.graph._subgraph_node, []] + subgraphs[node.graph._subgraph_node.id][1].push(linkText) + subgraphNodes[node.graph._subgraph_node.id] = node.graph._subgraph_node + } + else { + links.push(linkText) + } + } + } + for (let [index, output] of enumerate(node.iterateOutputInfo())) { + for (const link of node.getOutputLinks(index)) { + if (!seenLinks.has(link.id)) { + const linkText = addLink(node, link) + if (node.graph != graph) { + subgraphs[node.graph._subgraph_node.id] ||= [node.graph._subgraph_node, []] + subgraphs[node.graph._subgraph_node.id][1].push(linkText) + subgraphNodes[node.graph._subgraph_node.id] = node.graph._subgraph_node + } + else { + links.push(linkText) + } + } + } + } + } + + let out = "digraph {\n" + out += ' fontname="Helvetica,Arial,sans-serif"\n' + out += ' node [fontname="Helvetica,Arial,sans-serif"]\n' + out += ' edge [fontname="Helvetica,Arial,sans-serif"]\n' + out += ' node [shape=box style=filled fillcolor="#DDDDDD"]\n' + + for (const [subgraph, links] of Object.values(subgraphs)) { + // Subgraph name has to be prefixed with "cluster" to show up as a cluster... + out += ` subgraph cluster_subgraph_${convId(subgraph.id)} {\n` + out += ` label="${convId(subgraph.id)}_${subgraph.title}";\n`; + out += " color=red;\n"; + // out += " style=grey;\n"; + out += " " + links.join(" ") + out += " }\n" + } + + out += links.join("") + + out += "}" + return out +} + +export function workflowToGraphVis(workflow: SerializedLGraph): string { + let out = "digraph {\n" + + for (const link of workflow.links) { + const nodeA = workflow.nodes.find(n => n.id === link[1]) + const nodeB = workflow.nodes.find(n => n.id === link[3]) + out += `"${link[1]}_${nodeA.title}" -> "${link[3]}_${nodeB.title}"\n`; + } + + out += "}" + return out +} + +export function promptToGraphVis(prompt: SerializedPrompt): string { + let out = "digraph {\n" + + const ids: Record = {} + let nextID = 0; + + for (const pair of Object.entries(prompt.output)) { + const [id, o] = pair; + if (ids[id] == null) + ids[id] = nextID++; + + if ("class_type" in o) { + for (const pair2 of Object.entries(o.inputs)) { + const [inpName, i] = pair2; + + if (Array.isArray(i) && i.length === 2 && typeof i[0] === "string" && typeof i[1] === "number") { + // Link + const [inpID, inpSlot] = i; + if (ids[inpID] == null) + ids[inpID] = nextID++; + + const inpNode = prompt.output[inpID] + if (inpNode) { + out += `"${ids[inpID]}_${inpNode.class_type}" -> "${ids[id]}_${o.class_type}"\n` + } + } + else { + const value = String(i).substring(0, 20) + // Value + out += `"${ids[id]}-${inpName}-${value}" -> "${ids[id]}_${o.class_type}"\n` + } + } + } + } + + out += "}" + return out +} + +export function getNodeInfo(nodeId: ComfyNodeID): string { + const workflow = workflowState.getWorkflowByNodeID(nodeId); + if (workflow == null) + return nodeId; + + const title = workflow.graph?.getNodeByIdRecursive(nodeId)?.title; + if (title == null) + return nodeId; + + const displayNodeID = nodeId ? (nodeId.split("-")[0]) : String(nodeId); + return title + " (" + displayNodeID + ")" +} + +export const debounce = (callback: Function, wait = 250) => { + let timeout: NodeJS.Timeout | null = null; + return (...args: Array) => { + const next = () => callback(...args); + if (timeout) clearTimeout(timeout); + + timeout = setTimeout(next, wait); + }; +}; + +export function convertComfyOutputToGradio(output: SerializedPromptOutput): GradioFileData[] { + return output.images.map(convertComfyOutputEntryToGradio); +} + +export function convertComfyOutputEntryToGradio(r: ComfyImageLocation): GradioFileData { + const url = configState.getBackendURL(); + const params = new URLSearchParams(r) + const fileData: GradioFileData = { + name: r.filename, + orig_name: r.filename, + is_file: false, + data: url + "/view?" + params + } + return fileData +} + +export function convertComfyOutputToComfyURL(output: string | ComfyImageLocation): string { + if (typeof output === "string") + return output; + + const params = new URLSearchParams(output) + const url = configState.getBackendURL(); + return url + "/view?" + params +} + +export function convertGradioFileDataToComfyURL(image: GradioFileData, type: ComfyUploadImageType = "input"): string { + const baseUrl = configState.getBackendURL(); + const params = new URLSearchParams({ filename: image.name, subfolder: "", type }) + return `${baseUrl}/view?${params}` +} + +export function convertGradioFileDataToComfyOutput(fileData: GradioFileData, type: ComfyUploadImageType = "input"): ComfyImageLocation { + if (!fileData.is_file) + throw "Can't convert blob data to comfy output!" + + return { + filename: fileData.name, + subfolder: "", + type + } +} + +export function convertFilenameToComfyURL(filename: string, + subfolder: string = "", + type: "input" | "output" | "temp" = "output"): string { + const params = new URLSearchParams({ + filename, + subfolder, + type + }) + const url = configState.getBackendURL(); + return url + "/view?" + params +} + +export function jsonToJsObject(json: string): string { + // Try to parse, to see if it's real JSON + JSON.parse(json); + + const regex = /\"([^"]+)\":/g; + const hyphenRegex = /-([a-z])/g; + + return json.replace(regex, match => { + return match + .replace(hyphenRegex, g => g[1].toUpperCase()) + .replace(regex, "$1:"); + }); +} + +export type ComfyUploadImageType = "output" | "input" | "temp" + +export interface ComfyUploadImageAPIResponse { + name: string, // Yes this is different from the "executed" event args + subfolder: string, + type: ComfyUploadImageType +} + +/* + * Uploads an image into ComfyUI's `input` folder. + */ +export async function uploadImageToComfyUI(blob: Blob, filename: string, type: ComfyUploadImageType, subfolder: string = "", overwrite: boolean = false): Promise { + console.debug("[utils] Uploading image to ComfyUI", filename, blob.size) + + const url = configState.getBackendURL(); + + const formData = new FormData(); + formData.append("image", blob, filename); + formData.set("type", type) + formData.set("subfolder", subfolder) + formData.set("overwrite", String(overwrite)) + + const req = new Request(url + "/upload/image", { + body: formData, + method: 'POST' + }); + + return fetch(req) + .then((r) => r.json()) + .then((resp) => { + return { + filename: resp.name, + subfolder: resp.subfolder, + type: resp.type + } + }); +} + +/** Raw output as received from ComfyUI's backend */ +export interface SerializedPromptOutput { + // Technically this response can contain arbitrary data, but "images" is the + // most frequently used as it's output by LoadImage and PreviewImage, the + // only two output nodes in base ComfyUI. + images: ComfyImageLocation[] | null, + + /* + * Other data + */ + [key: string]: any +} + +/** Raw output entry as received from ComfyUI's backend */ +export type ComfyImageLocation = { + /* Filename with extension in the subfolder. */ + filename: string, + /* Subfolder in the containing folder. */ + subfolder: string, + /* Base ComfyUI folder where the image is located. */ + type: ComfyUploadImageType +} + +/* + * Convenient type for passing around image filepaths and their metadata with + * wires. Needs to be converted to a filename for use with LoadImage. + * + * Litegraph type is COMFYBOX_IMAGE. The array type is COMFYBOX_IMAGES. + */ +export type ComfyBoxImageMetadata = { + /* For easy structural type detection */ + isComfyBoxImageMetadata: true, + /* Pointer to where this image resides in ComfyUI. */ + comfyUIFile: ComfyImageLocation, + /* Readable name of the image. */ + name: string + /* Tags applicable to this image, like ["mask"]. */ + tags: string[], + /* Image width. */ + width?: number, + /* Image height. */ + height?: number, +} + +export function isComfyBoxImageMetadata(value: any): value is ComfyBoxImageMetadata { + return value && typeof value === "object" && (value as any).isComfyBoxImageMetadata; +} + +export function isComfyBoxImageMetadataArray(value: any): value is ComfyBoxImageMetadata[] { + return Array.isArray(value) && value.every(isComfyBoxImageMetadata); +} + +export function isComfyExecutionResult(value: any): value is SerializedPromptOutput { + return value && typeof value === "object" && Array.isArray(value.images) +} + +export function filenameToComfyBoxMetadata(filename: string, type: ComfyUploadImageType, subfolder: string = ""): ComfyBoxImageMetadata { + return { + isComfyBoxImageMetadata: true, + comfyUIFile: { + filename, + subfolder, + type + }, + name: "Filename", + tags: [], + } +} + +export function comfyFileToComfyBoxMetadata(comfyUIFile: ComfyImageLocation): ComfyBoxImageMetadata { + return { + isComfyBoxImageMetadata: true, + comfyUIFile, + name: "File", + tags: [], + } +} + +/* + * Converts a ComfyUI file into an annotated filepath. Backend nodes like + * LoadImage support syntax like "subfolder/image.png [output]" to specify which + * image folder to load from. + */ +export function comfyFileToAnnotatedFilepath(comfyUIFile: ComfyImageLocation): string { + let path = "" + if (comfyUIFile.subfolder != "") + path = comfyUIFile.subfolder + "/"; + + path += `${comfyUIFile.filename} [${comfyUIFile.type}]` + return path; +} + +export function executionResultToImageMetadata(result: SerializedPromptOutput): ComfyBoxImageMetadata[] { + return result.images.map(comfyFileToComfyBoxMetadata) +} + +export function isComfyImageLocation(param: any): param is ComfyImageLocation { + return param != null && typeof param === "object" + && typeof param.filename === "string" + && typeof param.type === "string" +} + +export function parseWhateverIntoImageMetadata(param: any): ComfyBoxImageMetadata[] | null { + let meta: ComfyBoxImageMetadata[] | null = null + + if (isComfyBoxImageMetadata(param)) { + meta = [param]; + } + else if (Array.isArray(param) && param.every(isComfyBoxImageMetadata)) { + meta = param + } + else if (isComfyExecutionResult(param)) { + meta = executionResultToImageMetadata(param); + } + else if (isComfyImageLocation(param)) { + meta = [comfyFileToComfyBoxMetadata(param)] + } + else if (Array.isArray(param) && param.every(isComfyImageLocation)) { + meta = param.map(comfyFileToComfyBoxMetadata) + } + + return meta; +} + +export function parseWhateverIntoComfyImageLocations(param: any): ComfyImageLocation[] | null { + const meta = parseWhateverIntoImageMetadata(param); + if (!Array.isArray(meta)) + return null + + return meta.map(m => m.comfyUIFile); +} + +export function comfyBoxImageToComfyFile(image: ComfyBoxImageMetadata): ComfyImageLocation { + return image.comfyUIFile +} + +export function comfyBoxImageToComfyURL(image: ComfyBoxImageMetadata): string { + return convertComfyOutputToComfyURL(image.comfyUIFile) +} + +export function comfyURLToComfyFile(urlString: string): ComfyImageLocation | null { + const url = new URL(urlString); + const params = new URLSearchParams(url.search); + const filename = params.get("filename") + const type = params.get("type") as ComfyUploadImageType; + const subfolder = params.get("subfolder") || "" + + // If at least filename and type exist then we're good + if (filename != null && type != null) { + return { filename, type, subfolder } + } + + return null; +} + +export function showLightbox(images: string[], index: number, e: Event) { + e.preventDefault() + if (!images) + return + + ImageViewer.instance.showModal(images, index); + + e.stopPropagation() +} + +export function getLitegraphType(param: any): SlotType | null { + if (param == null) + return null; + + switch (typeof param) { + case "string": + return "string" + case "number": + case "bigint": + return "number" + case "boolean": + return "boolean" + case "object": + if (isComfyBoxImageMetadata(param)) { + return "COMFYBOX_IMAGE" + } + else if (isComfyBoxImageMetadataArray(param)) { + return "COMFYBOX_IMAGES" + } + return null; + case "symbol": + case "undefined": + case "function": + default: + return null; + } +} + +export function calcNodesBoundingBox(nodes: SerializedLGraphNode[]): Vector4 { + let min_x = Number.MAX_SAFE_INTEGER; + let max_x = 0; + let min_y = Number.MAX_SAFE_INTEGER; + let max_y = 0; + + for (const node of Object.values(nodes)) { + min_x = Math.min(node.pos[0], min_x); + max_x = Math.max(node.pos[0] + node.size[0], max_x); + min_y = Math.min(node.pos[1], min_y); + max_y = Math.max(node.pos[1] + node.size[1], max_y); + } + + return [min_x, min_y, max_x, max_y]; +} diff --git a/src/lib/widgets/ImageUploadWidget.svelte b/src/lib/widgets/ImageUploadWidget.svelte index f381361..09f6fa6 100644 --- a/src/lib/widgets/ImageUploadWidget.svelte +++ b/src/lib/widgets/ImageUploadWidget.svelte @@ -11,6 +11,7 @@ import "klecks/style/style.scss"; import ImageUpload from "$lib/components/ImageUpload.svelte"; import { uploadImageToComfyUI, type ComfyBoxImageMetadata, comfyFileToComfyBoxMetadata, comfyBoxImageToComfyURL, comfyBoxImageToComfyFile, type ComfyUploadImageType, type ComfyImageLocation } from "$lib/utils"; + import configState from "$lib/stores/configState"; import notify from "$lib/notify"; import NumberInput from "$lib/components/NumberInput.svelte"; import type { ComfyImageEditorNode } from "$lib/nodes/widgets"; @@ -102,7 +103,7 @@ showModal = true; - const url = `http://${location.hostname}:8188` // TODO make configurable + const url = configState.getBackendURL(); kl = new Klecks({ embedUrl: url, diff --git a/src/lib/widgets/MultiRegionWidget.svelte b/src/lib/widgets/MultiRegionWidget.svelte index 2cf8cfb..1bb5551 100644 --- a/src/lib/widgets/MultiRegionWidget.svelte +++ b/src/lib/widgets/MultiRegionWidget.svelte @@ -86,7 +86,7 @@ const COLOR_MAP: [string, string][] = [ _node ||= node; bboxes ||= $nodeValue - console.debug("[MultiRegionWidget] Recreate!", bboxes, imageElem, _node) + // console.debug("[MultiRegionWidget] Recreate!", bboxes, _node) if (_node != null && imageElem != null && imageContainer != null) { selectedIndex = clamp(selectedIndex, 0, bboxes.length - 1); diff --git a/src/lib/widgets/TextWidgetCodeVariant.svelte b/src/lib/widgets/TextWidgetCodeVariant.svelte index 4990c19..a7db99f 100644 --- a/src/lib/widgets/TextWidgetCodeVariant.svelte +++ b/src/lib/widgets/TextWidgetCodeVariant.svelte @@ -12,6 +12,7 @@ import { basicSetup } from "./TextWidgetCodeVariant"; import { createEventDispatcher, onMount } from "svelte"; import { TAG_CATEGORY_COLORS } from "$lib/DanbooruTags"; + import { Block, BlockTitle } from "@gradio/atoms"; export let widget: WidgetLayout; export let node: ComfyTextNode; @@ -176,7 +177,7 @@ function getExtensions(): Extension[] { // TODO const readonly = false; - const placeholder = "Placeholder..." + const placeholder = "" const dark_mode = true; const stateExtensions: Extension[] = [ @@ -206,12 +207,22 @@ } -
-
+
+ + {widget.attrs.title} +
+
+
+
-