Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-02-03 06:47:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

first working version of Subgraphs

Browse Source
This commit is contained in:
tamat
2019-04-11 19:04:59 +02:00
parent 4843134143
commit c03f0eb3b7
14 changed files with 3966 additions and 2233 deletions
Download Patch File Download Diff File Expand all files Collapse all files

331
doc/classes/LGraphNode.html
View File

@@ -85,7 +85,7 @@
<div class="foundat">
Defined in: <a href="../files/.._src_litegraph.js.html#l1692"><code>..&#x2F;src&#x2F;litegraph.js:1692</code></a>
Defined in: <a href="../files/.._src_litegraph.js.html#l1830"><code>..&#x2F;src&#x2F;litegraph.js:1830</code></a>
</div>
@@ -140,6 +140,10 @@
<li class="index-item method">
<a href="#method_addWidget">addWidget</a>
</li>
<li class="index-item method">
<a href="#method_clearTriggeredSlot">clearTriggeredSlot</a>
</li>
<li class="index-item method">
<a href="#method_collapse">collapse</a>
@@ -188,6 +192,10 @@
<li class="index-item method">
<a href="#method_getInputDataByName">getInputDataByName</a>
</li>
<li class="index-item method">
<a href="#method_getInputDataType">getInputDataType</a>
</li>
<li class="index-item method">
<a href="#method_getInputInfo">getInputInfo</a>
@@ -256,6 +264,10 @@
<li class="index-item method">
<a href="#method_setOutputData">setOutputData</a>
</li>
<li class="index-item method">
<a href="#method_setOutputDataType">setOutputDataType</a>
</li>
<li class="index-item method">
<a href="#method_toString">toString</a>
@@ -309,7 +321,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2434"><code>..&#x2F;src&#x2F;litegraph.js:2434</code></a>
<a href="../files/.._src_litegraph.js.html#l2665"><code>..&#x2F;src&#x2F;litegraph.js:2665</code></a>
</p>
@@ -401,7 +413,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2371"><code>..&#x2F;src&#x2F;litegraph.js:2371</code></a>
<a href="../files/.._src_litegraph.js.html#l2590"><code>..&#x2F;src&#x2F;litegraph.js:2590</code></a>
</p>
@@ -476,7 +488,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2395"><code>..&#x2F;src&#x2F;litegraph.js:2395</code></a>
<a href="../files/.._src_litegraph.js.html#l2615"><code>..&#x2F;src&#x2F;litegraph.js:2615</code></a>
</p>
@@ -536,7 +548,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2309"><code>..&#x2F;src&#x2F;litegraph.js:2309</code></a>
<a href="../files/.._src_litegraph.js.html#l2511"><code>..&#x2F;src&#x2F;litegraph.js:2511</code></a>
</p>
@@ -611,7 +623,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2332"><code>..&#x2F;src&#x2F;litegraph.js:2332</code></a>
<a href="../files/.._src_litegraph.js.html#l2535"><code>..&#x2F;src&#x2F;litegraph.js:2535</code></a>
</p>
@@ -674,7 +686,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2283"><code>..&#x2F;src&#x2F;litegraph.js:2283</code></a>
<a href="../files/.._src_litegraph.js.html#l2485"><code>..&#x2F;src&#x2F;litegraph.js:2485</code></a>
</p>
@@ -744,7 +756,7 @@
<span class="paren">()</span>
<span class="returns-inline">
<span class="type">Float32Array4</span>
<span class="type">Object</span>
</span>
@@ -756,7 +768,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2510"><code>..&#x2F;src&#x2F;litegraph.js:2510</code></a>
<a href="../files/.._src_litegraph.js.html#l2753"><code>..&#x2F;src&#x2F;litegraph.js:2753</code></a>
</p>
@@ -773,13 +785,81 @@
<h4>Returns:</h4>
<div class="returns-description">
<span class="type">Float32Array4</span>:
<p>the total size</p>
<span class="type">Object</span>:
<p>the created widget</p>
</div>
</div>
</div>
<div id="method_clearTriggeredSlot" class="method item">
<h3 class="name"><code>clearTriggeredSlot</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>slot</code>
</li>
<li class="arg">
<code>link_id</code>
</li>
</ul><span class="paren">)</span>
</div>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2453"><code>..&#x2F;src&#x2F;litegraph.js:2453</code></a>
</p>
</div>
<div class="description">
<p>clears the trigger slot animation</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">slot</code>
<span class="type">Number</span>
<div class="param-description">
<p>the index of the output slot</p>
</div>
</li>
<li class="param">
<code class="param-name">link_id</code>
<span class="type">Number</span>
<div class="param-description">
<p>[optional] in case you want to trigger and specific output link in a slot</p>
</div>
</li>
</ul>
</div>
</div>
<div id="method_collapse" class="method item">
<h3 class="name"><code>collapse</code></h3>
@@ -796,7 +876,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l3072"><code>..&#x2F;src&#x2F;litegraph.js:3072</code></a>
<a href="../files/.._src_litegraph.js.html#l3390"><code>..&#x2F;src&#x2F;litegraph.js:3390</code></a>
</p>
@@ -836,7 +916,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2455"><code>..&#x2F;src&#x2F;litegraph.js:2455</code></a>
<a href="../files/.._src_litegraph.js.html#l2686"><code>..&#x2F;src&#x2F;litegraph.js:2686</code></a>
</p>
@@ -892,7 +972,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l1744"><code>..&#x2F;src&#x2F;litegraph.js:1744</code></a>
<a href="../files/.._src_litegraph.js.html#l1881"><code>..&#x2F;src&#x2F;litegraph.js:1881</code></a>
</p>
@@ -926,7 +1006,7 @@
</div>
<span class="returns-inline">
<span class="type">Boolean</span>
<span class="type">Object</span>
</span>
@@ -938,7 +1018,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2640"><code>..&#x2F;src&#x2F;litegraph.js:2640</code></a>
<a href="../files/.._src_litegraph.js.html#l2899"><code>..&#x2F;src&#x2F;litegraph.js:2899</code></a>
</p>
@@ -994,8 +1074,8 @@
<h4>Returns:</h4>
<div class="returns-description">
<span class="type">Boolean</span>:
<p>if it was connected succesfully</p>
<span class="type">Object</span>:
<p>the link_info is created, otherwise null</p>
</div>
</div>
@@ -1026,7 +1106,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2870"><code>..&#x2F;src&#x2F;litegraph.js:2870</code></a>
<a href="../files/.._src_litegraph.js.html#l3132"><code>..&#x2F;src&#x2F;litegraph.js:3132</code></a>
</p>
@@ -1095,7 +1175,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2768"><code>..&#x2F;src&#x2F;litegraph.js:2768</code></a>
<a href="../files/.._src_litegraph.js.html#l3024"><code>..&#x2F;src&#x2F;litegraph.js:3024</code></a>
</p>
@@ -1172,7 +1252,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2609"><code>..&#x2F;src&#x2F;litegraph.js:2609</code></a>
<a href="../files/.._src_litegraph.js.html#l2868"><code>..&#x2F;src&#x2F;litegraph.js:2868</code></a>
</p>
@@ -1238,7 +1318,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2625"><code>..&#x2F;src&#x2F;litegraph.js:2625</code></a>
<a href="../files/.._src_litegraph.js.html#l2884"><code>..&#x2F;src&#x2F;litegraph.js:2884</code></a>
</p>
@@ -1298,7 +1378,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2538"><code>..&#x2F;src&#x2F;litegraph.js:2538</code></a>
<a href="../files/.._src_litegraph.js.html#l2791"><code>..&#x2F;src&#x2F;litegraph.js:2791</code></a>
</p>
@@ -1335,6 +1415,9 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<li class="arg">
<code>slot</code>
</li>
<li class="arg">
<code>out</code>
</li>
</ul><span class="paren">)</span>
</div>
@@ -1351,7 +1434,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2939"><code>..&#x2F;src&#x2F;litegraph.js:2939</code></a>
<a href="../files/.._src_litegraph.js.html#l3206"><code>..&#x2F;src&#x2F;litegraph.js:3206</code></a>
</p>
@@ -1389,6 +1472,17 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
</div>
</li>
<li class="param">
<code class="param-name">out</code>
<span class="type">Vec2</span>
<div class="param-description">
<p>[optional] a place to store the output, to free garbage</p>
</div>
</li>
</ul>
</div>
@@ -1431,7 +1525,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l1991"><code>..&#x2F;src&#x2F;litegraph.js:1991</code></a>
<a href="../files/.._src_litegraph.js.html#l2129"><code>..&#x2F;src&#x2F;litegraph.js:2129</code></a>
</p>
@@ -1510,7 +1604,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2027"><code>..&#x2F;src&#x2F;litegraph.js:2027</code></a>
<a href="../files/.._src_litegraph.js.html#l2191"><code>..&#x2F;src&#x2F;litegraph.js:2191</code></a>
</p>
@@ -1561,6 +1655,71 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
</div>
</div>
<div id="method_getInputDataType" class="method item">
<h3 class="name"><code>getInputDataType</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>slot</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type">String</span>
</span>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2165"><code>..&#x2F;src&#x2F;litegraph.js:2165</code></a>
</p>
</div>
<div class="description">
<p>Retrieves the input data type (in case this supports multiple input types)</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">slot</code>
<span class="type">Number</span>
<div class="param-description">
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
<span class="type">String</span>:
<p>datatype in string format</p>
</div>
</div>
</div>
<div id="method_getInputInfo" class="method item">
<h3 class="name"><code>getInputInfo</code></h3>
@@ -1586,7 +1745,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2056"><code>..&#x2F;src&#x2F;litegraph.js:2056</code></a>
<a href="../files/.._src_litegraph.js.html#l2220"><code>..&#x2F;src&#x2F;litegraph.js:2220</code></a>
</p>
@@ -1651,7 +1810,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2071"><code>..&#x2F;src&#x2F;litegraph.js:2071</code></a>
<a href="../files/.._src_litegraph.js.html#l2235"><code>..&#x2F;src&#x2F;litegraph.js:2235</code></a>
</p>
@@ -1716,7 +1875,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2093"><code>..&#x2F;src&#x2F;litegraph.js:2093</code></a>
<a href="../files/.._src_litegraph.js.html#l2257"><code>..&#x2F;src&#x2F;litegraph.js:2257</code></a>
</p>
@@ -1781,7 +1940,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2117"><code>..&#x2F;src&#x2F;litegraph.js:2117</code></a>
<a href="../files/.._src_litegraph.js.html#l2284"><code>..&#x2F;src&#x2F;litegraph.js:2284</code></a>
</p>
@@ -1846,7 +2005,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2135"><code>..&#x2F;src&#x2F;litegraph.js:2135</code></a>
<a href="../files/.._src_litegraph.js.html#l2302"><code>..&#x2F;src&#x2F;litegraph.js:2302</code></a>
</p>
@@ -1911,7 +2070,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2180"><code>..&#x2F;src&#x2F;litegraph.js:2180</code></a>
<a href="../files/.._src_litegraph.js.html#l2347"><code>..&#x2F;src&#x2F;litegraph.js:2347</code></a>
</p>
@@ -1977,7 +2136,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2578"><code>..&#x2F;src&#x2F;litegraph.js:2578</code></a>
<a href="../files/.._src_litegraph.js.html#l2836"><code>..&#x2F;src&#x2F;litegraph.js:2836</code></a>
</p>
@@ -2043,7 +2202,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l1942"><code>..&#x2F;src&#x2F;litegraph.js:1942</code></a>
<a href="../files/.._src_litegraph.js.html#l2051"><code>..&#x2F;src&#x2F;litegraph.js:2051</code></a>
</p>
@@ -2077,7 +2236,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2164"><code>..&#x2F;src&#x2F;litegraph.js:2164</code></a>
<a href="../files/.._src_litegraph.js.html#l2331"><code>..&#x2F;src&#x2F;litegraph.js:2331</code></a>
</p>
@@ -2124,7 +2283,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2043"><code>..&#x2F;src&#x2F;litegraph.js:2043</code></a>
<a href="../files/.._src_litegraph.js.html#l2207"><code>..&#x2F;src&#x2F;litegraph.js:2207</code></a>
</p>
@@ -2187,7 +2346,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2151"><code>..&#x2F;src&#x2F;litegraph.js:2151</code></a>
<a href="../files/.._src_litegraph.js.html#l2318"><code>..&#x2F;src&#x2F;litegraph.js:2318</code></a>
</p>
@@ -2253,7 +2412,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2554"><code>..&#x2F;src&#x2F;litegraph.js:2554</code></a>
<a href="../files/.._src_litegraph.js.html#l2810"><code>..&#x2F;src&#x2F;litegraph.js:2810</code></a>
</p>
@@ -2317,7 +2476,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l3088"><code>..&#x2F;src&#x2F;litegraph.js:3088</code></a>
<a href="../files/.._src_litegraph.js.html#l3406"><code>..&#x2F;src&#x2F;litegraph.js:3406</code></a>
</p>
@@ -2354,7 +2513,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2420"><code>..&#x2F;src&#x2F;litegraph.js:2420</code></a>
<a href="../files/.._src_litegraph.js.html#l2641"><code>..&#x2F;src&#x2F;litegraph.js:2641</code></a>
</p>
@@ -2407,7 +2566,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2357"><code>..&#x2F;src&#x2F;litegraph.js:2357</code></a>
<a href="../files/.._src_litegraph.js.html#l2561"><code>..&#x2F;src&#x2F;litegraph.js:2561</code></a>
</p>
@@ -2454,7 +2613,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l1848"><code>..&#x2F;src&#x2F;litegraph.js:1848</code></a>
<a href="../files/.._src_litegraph.js.html#l1949"><code>..&#x2F;src&#x2F;litegraph.js:1949</code></a>
</p>
@@ -2494,7 +2653,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l1955"><code>..&#x2F;src&#x2F;litegraph.js:1955</code></a>
<a href="../files/.._src_litegraph.js.html#l2064"><code>..&#x2F;src&#x2F;litegraph.js:2064</code></a>
</p>
@@ -2535,6 +2694,72 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
</div>
<div id="method_setOutputDataType" class="method item">
<h3 class="name"><code>setOutputDataType</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>slot</code>
</li>
<li class="arg">
<code>datatype</code>
</li>
</ul><span class="paren">)</span>
</div>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2100"><code>..&#x2F;src&#x2F;litegraph.js:2100</code></a>
</p>
</div>
<div class="description">
<p>sets the output data type, useful when you want to be able to overwrite the data type</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">slot</code>
<span class="type">Number</span>
<div class="param-description">
</div>
</li>
<li class="param">
<code class="param-name">datatype</code>
<span class="type">String</span>
<div class="param-description">
</div>
</li>
</ul>
</div>
</div>
<div id="method_toString" class="method item">
<h3 class="name"><code>toString</code></h3>
@@ -2551,7 +2776,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l1930"><code>..&#x2F;src&#x2F;litegraph.js:1930</code></a>
<a href="../files/.._src_litegraph.js.html#l2039"><code>..&#x2F;src&#x2F;litegraph.js:2039</code></a>
</p>
@@ -2591,7 +2816,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2213"><code>..&#x2F;src&#x2F;litegraph.js:2213</code></a>
<a href="../files/.._src_litegraph.js.html#l2380"><code>..&#x2F;src&#x2F;litegraph.js:2380</code></a>
</p>
@@ -2645,6 +2870,9 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<li class="arg">
<code>param</code>
</li>
<li class="arg">
<code>link_id</code>
</li>
</ul><span class="paren">)</span>
</div>
@@ -2658,7 +2886,7 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2236"><code>..&#x2F;src&#x2F;litegraph.js:2236</code></a>
<a href="../files/.._src_litegraph.js.html#l2403"><code>..&#x2F;src&#x2F;litegraph.js:2403</code></a>
</p>
@@ -2695,6 +2923,17 @@ bounding is: [topleft_cornerx, topleft_cornery, width, height]</p>
</div>
</li>
<li class="param">
<code class="param-name">link_id</code>
<span class="type">Number</span>
<div class="param-description">
<p>[optional] in case you want to trigger and specific output link in a slot</p>
</div>
</li>
</ul>
</div>