[Cleanup] Remove remaining legacy subgraph content (#458)

README.md

@@ -31,7 +31,6 @@ Try it in the [demo site](https://tamats.com/projects/litegraph/editor).
 - Optimized to support hundreds of nodes per graph (on editor but also on execution)
 - Customizable theme (colors, shapes, background)
 - Callbacks to personalize every action/drawing/event of nodes
-- Subgraphs (nodes that contain graphs themselves)
 - Graphs can be executed in NodeJS
 - Highly customizable nodes (color, shape, slots vertical or horizontal, widgets, custom rendering)
 - Easy to integrate in any JS application (one single file, no dependencies)

public/css/litegraph.css

@@ -445,63 +445,6 @@
   color: black;
 }
 
-.litegraph .subgraph_property {
-  padding: 4px;
-}
-
-.litegraph .subgraph_property:hover {
-  background-color: #333;
-}
-
-.litegraph .subgraph_property.extra {
-  margin-top: 8px;
-}
-
-.litegraph .subgraph_property span.name {
-  font-size: 1.3em;
-  padding-left: 4px;
-}
-
-.litegraph .subgraph_property span.type {
-  opacity: 0.5;
-  margin-right: 20px;
-  padding-left: 4px;
-}
-
-.litegraph .subgraph_property span.label {
-  display: inline-block;
-  width: 60px;
-  padding: 0px 10px;
-}
-
-.litegraph .subgraph_property input {
-  width: 140px;
-  color: #999;
-  background-color: #1a1a1a;
-  border-radius: 4px;
-  border: 0;
-  margin-right: 10px;
-  padding: 4px;
-  padding-left: 10px;
-}
-
-.litegraph .subgraph_property button {
-  background-color: #1c1c1c;
-  color: #aaa;
-  border: 0;
-  border-radius: 2px;
-  padding: 4px 10px;
-  cursor: pointer;
-}
-
-.litegraph .subgraph_property.extra {
-  color: #ccc;
-}
-
-.litegraph .subgraph_property.extra input {
-  background-color: #111;
-}
-
 .litegraph .bullet_icon {
   margin-left: 10px;
   border-radius: 10px;
@@ -664,21 +607,6 @@
 .litegraph .dialog .dialog-content {
   display: block;
 }
-.litegraph .dialog .dialog-content .subgraph_property {
-  padding: 5px;
-}
-.litegraph .dialog .dialog-footer {
-  margin: 0;
-}
-.litegraph .dialog .dialog-footer .subgraph_property {
-  margin-top: 0;
-  display: flex;
-  align-items: center;
-  padding: 5px;
-}
-.litegraph .dialog .dialog-footer .subgraph_property .name {
-  flex: 1;
-}
 .litegraph .graphdialog {
   display: flex;
   align-items: center;

src/LGraph.ts

@@ -288,7 +288,6 @@ export class LGraph implements LinkNetwork, Serialisable<SerialisableGraph> {
     this.nodes_actioning = []
     this.nodes_executedAction = []
 
-    // subgraph_data
     this.inputs = {}
     this.outputs = {}
 
@@ -738,15 +737,6 @@ export class LGraph implements LinkNetwork, Serialisable<SerialisableGraph> {
     for (let j = 0, l = nodes.length; j < l; ++j) {
       const node = nodes[j]
 
-      // @ts-expect-error
-      if (node.constructor === LiteGraph.Subgraph && eventname != "onExecute") {
-        if (node.mode == mode) {
-          // @ts-expect-error Subgraph - not currently in use
-          node.sendEventToAllNodes(eventname, params, mode)
-        }
-        continue
-      }
-
       if (!node[eventname] || node.mode != mode) continue
       if (params === undefined) {
         node[eventname]()

src/interfaces.ts

@@ -212,7 +212,6 @@ export interface INodeSlot {
   dir?: LinkDirection
   removable?: boolean
   shape?: RenderShape
-  not_subgraph_input?: boolean
   color_off?: CanvasColour
   color_on?: CanvasColour
   locked?: boolean
@@ -232,14 +231,12 @@ export interface INodeFlags {
 
 export interface INodeInputSlot extends INodeSlot {
   link: LinkId | null
-  not_subgraph_input?: boolean
 }
 
 export interface INodeOutputSlot extends INodeSlot {
   links: LinkId[] | null
   _data?: unknown
   slot_index?: number
-  not_subgraph_output?: boolean
 }
 
 /** Links */