jagenjo · daniel-lewis-ab · May 7, 2024 · May 7, 2024 · May 7, 2024 · May 7, 2024
diff --git a/.eslintignore b/.eslintignore
@@ -1 +1,5 @@
 /build
+/coverage
+/csharp
+/docs
+/node_modules
diff --git a/.eslintrc.js b/.eslintrc.js
diff --git a/.gitignore b/.gitignore
@@ -4,6 +4,7 @@ npm-debug.log
 temp/
 temp/*
 coverage/
+coverage/*
 
 # Editors
 /.vscode/*

diff --git a/.npmrc b/.npmrc
diff --git a/.prettierrc b/.prettierrc
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
diff --git a/CHANGES.md b/CHANGES.md
@@ -0,0 +1,58 @@
+
+This fork takes the 2011-2014 code for LiteGraph and renews it.
+
+# For 0.8.x "The Middle Class":
+
+## Non-Breaking
+
+* Replacing/revising alot of old event handler code
+* Cleaned up alot of loops and condition logic
+* Fixed over 400 linting errors
+
+## Breaking
+
+* Replaced the IIFE with ES6 modules
+* Replaced ES5 classes with ES6 ones
+* Replaced LiteGraph.*class* with just *class*
+* SubgraphOutput's location on screen is glitched
+
+# For 0.9.x "On Lint Bunnies":
+
+## Non-Breaking
+
+* Fixed multiscreen
+* Fixed fullscreen close button
+* Fixed low FPS handling
+* Fixed dialog CSS mistake
+* HttpRequestNode input is acknowledged
+* Fix links sometimes not being correct when copy pasting nodes
+* Added favicon
+* Fixed SubgraphOutput location glitch
+* ESLint down to 24 errors so far
+
+## Breaking
+
+* Removed LiteGraph.closeAllContextMenus in favor of ContextMenu.closeAll()
+* Removed LiteGraph.pointerAddListener in favor of addEventListener()
+* Removed LiteGraph.pointerRemoveListener in favor of removeEventListener()
+* Removed some unused/blank methods
+* Removed Mesh.compile in favor of Mesh.upload
+* Removed LiteGraph.pointerevents_method
+* All mouse events are now *pointer* events
+
+# For "ForwardCompatible" branch
+
+This is where the fun development happens, but isn't suitable for immediate pull to working
+code.
+
+Integrated Atlasan's fork (admittedly imperfectly) and realized we need to separate a 1.x pathway
+and a 2.x pathway.  This one is loaded with features that will ultimately belong in 2.x
+
+# For "Reversion" branch
+
+* At present, I believe 0.11.x presents <no breaking changes> from Javi's repo except
+blocking SillyClient.js from calling home.
+
+* This is an ES5/CommonJS upgrade from original that implements PRs to Javi's repo,
+bugfixes, compatibility fixes, passes linting, passes audit, fixed example JSON so there's
+no weird overflow happening, play/stop works, fullscreen works.
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
diff --git a/LICENSE b/LICENSE
@@ -1,4 +1,7 @@
+MIT License
+
 Copyright (C) 2013 by Javi Agenjo
+Copyright (C) 2024 by Daniel Lewis
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/README.md b/README.md
@@ -1,10 +1,11 @@
+
 # litegraph.js
 
 A library in Javascript to create graphs in the browser similar to Unreal Blueprints. Nodes can be programmed easily and it includes an editor to construct and tests the graphs.
 
 It can be integrated easily in any existing web applications and graphs can be run without the need of the editor.
 
-Try it in the [demo site](https://tamats.com/projects/litegraph/editor).
+Try (original) in the [demo site](https://tamats.com/projects/litegraph/editor).
 
 ![Node Graph](imgs/node_graph_example.png "WebGLStudio")
 
@@ -33,7 +34,15 @@ Although it is easy to create new node types, LiteGraph comes with some default
 
 You can install it using npm 
 ```
-npm install litegraph.js
+git clone https://github.com/daniel-lewis-ab/litegraph.js.git
+cd litegraph.js
+npm i
+```
+
+or
+
+```
+npm i @mr_pebble/litegraph
 ```
 
 Or downloading the ```build/litegraph.js``` and ```css/litegraph.css``` version from this repository.
@@ -44,7 +53,7 @@ Or downloading the ```build/litegraph.js``` and ```css/litegraph.css``` version
 <html>
 <head>
 	<link rel="stylesheet" type="text/css" href="litegraph.css">
-	<script type="text/javascript" src="litegraph.js"></script>
+	<script type="module" src="litegraph.js"></script>
 </head>
 <body style='width:100%; height:100%'>
 <canvas id='mycanvas' width='1024' height='720' style='border: 1px solid'></canvas>
@@ -120,9 +129,9 @@ LiteGraph.wrapFunctionAsNode("math/sum",sum, ["Number","Number"],"Number");
 It also works server-side using NodeJS although some nodes do not work in server (audio, graphics, input, etc).
 
 ```js
-var LiteGraph = require("./litegraph.js").LiteGraph;
+import { LiteGraph, LGraph } from "./litegraph.js";
 
-var graph = new LiteGraph.LGraph();
+var graph = new LGraph();
 
 var node_time = LiteGraph.createNode("basic/time");
 graph.add(node_time);
@@ -137,7 +146,7 @@ graph.start()
 ```
 
 
-## Projects using it
+## Projects using original litegraph.js
 
 ### [comfyUI](https://github.com/comfyanonymous/ComfyUI)
 ![screenshot](https://github.com/comfyanonymous/ComfyUI/blob/6efe561c2a7321501b1b27f47039c7616dda1860/comfyui_screenshot.png)
@@ -157,7 +166,19 @@ graph.start()
 ## Utils
 -----
 
-It includes several commands in the utils folder to generate doc, check errors and build minifyed version.
+```
+These all work to some extent right now:
+npm run docs
+npm run prettifier
+npm run build
+npm run test
+npm run lint
+npm run server
+```
+
+I have also run:
+
+`npm audit`
 
 
 ## Demo
@@ -166,19 +187,20 @@ The demo includes some examples of graphs. In order to try them you can visit [d
 ```sh
 $ git clone https://github.com/jagenjo/litegraph.js.git
 $ cd litegraph.js
-$ npm install
-$ node utils/server.js
-Example app listening on port 80!
+$ npm i
+$ npm run server
+Example app listening on port 8000!
 ```
 Open your browser and point it to http://localhost:8000/. You can select a demo from the dropdown at the top of the page.
 
 ## Feedback
 --------
 
-You can write any feedback to javi.agenjo@gmail.com
+You can write any feedback to daniel.lewis.ab@gmail.com
 
 ## Contributors
 
+- Javi (Javengo) is original author
 - atlasan
 - kriffe
 - rappestad

diff --git a/TODO.md b/TODO.md
@@ -0,0 +1,45 @@
+
+# Goals for 1.0
+
+There are in fact already many other flow graph tools in the world, but they aren't compatible code to
+existing and are often not anywhere close to the full feature set of litegraph.
+
+## Drop In Compatibility with OG
+
+litegraph 1.0 can only be achieved when we have API compatibility with OG litegraph.  Effectively, while
+it was viewed as a living codebase back when Javi had it, it has now been widely extended on and is
+foundation code for some things.
+
+## Near-Feature Compatibility with OG
+
+Our goal for 1.0 is have a 'sufficiently' compatible feature set, while integrating 'bugfix' improvements
+and any 'completion of feature' improvements as we imagine it.
+
+## Unit Testing and Debugging
+
+LiteGraph only had 12 basic tests for core.  Our goal for the 1.x line is to expand the tests
+to eventually have decent unit testing.  These should test that functionalities still exist
+rather than becoming binding to detail.
+
+## Documentation and Readability
+
+A primary goal is to complete Documentation and Testing, as well as 
+A secondary goal is to use modern JS features to make the code easier to read, smaller, and more streamlined internally.
+
+## What We Do Let Break for 1.0
+
+* Anything that relies on arcane details within methods or something not existing etc.  If you need exactly
+  LiteGraph 0.4.0 then that's available there.
+* Deprecated 3rd Party endpoints like JQuery 1.6.2, or DOMMouseScroll or document.createElement('CustomEvent')
+* Tooling has dramatically changed
+* We have the intent to port 1.0 forward to ES6
+* We are planning to extend debug functionality in a way that ought to be non-breaking.
+* We may backport tooltips into 1.0
+
+# Plans for 2.0
+
+* Conversion to ES2022 and TypeScript
+* A full set of control logic nodes based on subgraph.
+* A server query nodepack.
+* Settings objects for easier configuration.
+* CustomEvent generation for major events.