Mirror from https://github.com/kijai/ComfyUI-KJNodes

.gitattributes

@@ -33,3 +33,7 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+docs/images/2024-04-03_20_49_29-ComfyUI.png filter=lfs diff=lfs merge=lfs -text
+fonts/FreeMono.ttf filter=lfs diff=lfs merge=lfs -text
+fonts/FreeMonoBoldOblique.otf filter=lfs diff=lfs merge=lfs -text
+fonts/TTNorms-Black.otf filter=lfs diff=lfs merge=lfs -text

.github/FUNDING.yml

@@ -0,0 +1,2 @@
+github: [kijai]
+custom: ["https://www.paypal.me/kijaidesign"]

.github/workflows/publish.yml

@@ -0,0 +1,25 @@
+name: Publish to Comfy registry
+on:
+  workflow_dispatch:
+  push:
+    branches:
+      - main
+    paths:
+      - "pyproject.toml"
+
+permissions:
+  issues: write
+
+jobs:
+  publish-node:
+    name: Publish Custom Node to registry
+    runs-on: ubuntu-latest
+    if: ${{ github.repository_owner == 'kijai' }}
+    steps:
+      - name: Check out code
+        uses: actions/checkout@v4
+      - name: Publish Custom Node
+        uses: Comfy-Org/publish-node-action@v1
+        with:
+          ## Add your own personal access token to your Github Repository secrets and reference it here.
+          personal_access_token: ${{ secrets.REGISTRY_ACCESS_TOKEN }}

.gitignore

@@ -0,0 +1,11 @@
+__pycache__
+/venv
+*.code-workspace
+.history
+.vscode
+*.ckpt
+*.pth
+types
+models
+jsconfig.json
+custom_dimensions.json

LICENSE

@@ -0,0 +1,674 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU General Public License is a free, copyleft license for
+software and other kinds of works.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+the GNU General Public License is intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.  We, the Free Software Foundation, use the
+GNU General Public License for most of our software; it applies also to
+any other work released this way by its authors.  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  To protect your rights, we need to prevent others from denying you
+these rights or asking you to surrender the rights.  Therefore, you have
+certain responsibilities if you distribute copies of the software, or if
+you modify it: responsibilities to respect the freedom of others.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must pass on to the recipients the same
+freedoms that you received.  You must make sure that they, too, receive
+or can get the source code.  And you must show them these terms so they
+know their rights.
+
+  Developers that use the GNU GPL protect your rights with two steps:
+(1) assert copyright on the software, and (2) offer you this License
+giving you legal permission to copy, distribute and/or modify it.
+
+  For the developers' and authors' protection, the GPL clearly explains
+that there is no warranty for this free software.  For both users' and
+authors' sake, the GPL requires that modified versions be marked as
+changed, so that their problems will not be attributed erroneously to
+authors of previous versions.
+
+  Some devices are designed to deny users access to install or run
+modified versions of the software inside them, although the manufacturer
+can do so.  This is fundamentally incompatible with the aim of
+protecting users' freedom to change the software.  The systematic
+pattern of such abuse occurs in the area of products for individuals to
+use, which is precisely where it is most unacceptable.  Therefore, we
+have designed this version of the GPL to prohibit the practice for those
+products.  If such problems arise substantially in other domains, we
+stand ready to extend this provision to those domains in future versions
+of the GPL, as needed to protect the freedom of users.
+
+  Finally, every program is threatened constantly by software patents.
+States should not allow patents to restrict development and use of
+software on general-purpose computers, but in those that do, we wish to
+avoid the special danger that patents applied to a free program could
+make it effectively proprietary.  To prevent this, the GPL assures that
+patents cannot be used to render the program non-free.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Use with the GNU Affero General Public License.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU Affero General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the special requirements of the GNU Affero General Public License,
+section 13, concerning interaction through a network will apply to the
+combination as such.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If the program does terminal interaction, make it output a short
+notice like this when it starts in an interactive mode:
+
+    <program>  Copyright (C) <year>  <name of author>
+    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, your program's commands
+might be different; for a GUI interface, you would use an "about box".
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU GPL, see
+<https://www.gnu.org/licenses/>.
+
+  The GNU General Public License does not permit incorporating your program
+into proprietary programs.  If your program is a subroutine library, you
+may consider it more useful to permit linking proprietary applications with
+the library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.  But first, please read
+<https://www.gnu.org/licenses/why-not-lgpl.html>.

README.md

@@ -0,0 +1,65 @@
+# KJNodes for ComfyUI
+
+Various quality of life and masking related -nodes and scripts made by combining functionality of existing nodes for ComfyUI.
+
+I know I'm bad at documentation, especially this project that has grown from random practice nodes to... too many lines in one file.
+I have however started to add descriptions to the nodes themselves, there's a small ? you can click for info what the node does.
+This is still work in progress, like everything else.
+
+# Installation
+1. Clone this repo into `custom_nodes` folder.
+2. Install dependencies: `pip install -r requirements.txt`
+   or if you use the portable install, run this in ComfyUI_windows_portable -folder:
+
+  `python_embeded\python.exe -m pip install -r ComfyUI\custom_nodes\ComfyUI-KJNodes\requirements.txt`
+   
+
+## Javascript
+
+### browserstatus.js
+Sets the favicon to green circle when not processing anything, sets it to red when processing and shows progress percentage and the length of your queue. 
+Default off, needs to be enabled from options, overrides Custom-Scripts favicon when enabled.
+
+## Nodes:
+
+### Set/Get
+
+Javascript nodes to set and get constants to reduce unnecessary lines. Takes in and returns anything, purely visual nodes.
+On the right click menu of these nodes there's now an options to visualize the paths, as well as option to jump to the corresponding node on the other end.
+
+**Known limitations**:
+  - Will not work with any node that dynamically sets it's outpute, such as reroute or other Set/Get node
+  - Will not work when directly connected to a bypassed node
+  - Other possible conflicts with javascript based nodes.
+
+### ColorToMask
+
+RBG color value to mask, works with batches and AnimateDiff.
+
+### ConditioningMultiCombine
+
+Combine any number of conditions, saves space.
+
+### ConditioningSetMaskAndCombine
+
+Mask and combine two sets of conditions, saves space.
+
+### GrowMaskWithBlur
+
+Grows or shrinks (with negative values) mask, option to invert input, returns mask and inverted mask. Additionally Blurs the mask, this is a slow operation especially with big batches.
+
+### RoundMask
+
+![image](https://github.com/kijai/ComfyUI-KJNodes/assets/40791699/52c85202-f74e-4b96-9dac-c8bda5ddcc40)
+
+### WidgetToString
+Outputs the value of a widget on any node as a string
+![example of use](docs/images/2024-04-03_20_49_29-ComfyUI.png)
+
+Enable node id display from Manager menu, to get the ID of the node you want to read a widget from:
+![enable node id display](docs/images/319121636-706b5081-9120-4a29-bd76-901691ada688.png)
+
+Use the node id of the target node, and add the name of the widget to read from
+![use node id and widget name](docs/images/319121566-05f66385-7568-4b1f-8bbc-11053660b02f.png)
+
+Recreating or reloading the target node will change its id, and the WidgetToString node will no longer be able to find it until you update the node id value with the new id.

__init__.py

@@ -0,0 +1,250 @@
+from .nodes.nodes import *
+from .nodes.curve_nodes import *
+from .nodes.batchcrop_nodes import *
+from .nodes.audioscheduler_nodes import *
+from .nodes.image_nodes import *
+from .nodes.intrinsic_lora_nodes import *
+from .nodes.mask_nodes import *
+from .nodes.model_optimization_nodes import *
+from .nodes.lora_nodes import *
+NODE_CONFIG = {
+    #constants
+    "BOOLConstant": {"class": BOOLConstant, "name": "BOOL Constant"},
+    "INTConstant": {"class": INTConstant, "name": "INT Constant"},
+    "FloatConstant": {"class": FloatConstant, "name": "Float Constant"},
+    "StringConstant": {"class": StringConstant, "name": "String Constant"},
+    "StringConstantMultiline": {"class": StringConstantMultiline, "name": "String Constant Multiline"},
+    #conditioning
+    "ConditioningMultiCombine": {"class": ConditioningMultiCombine, "name": "Conditioning Multi Combine"},
+    "ConditioningSetMaskAndCombine": {"class": ConditioningSetMaskAndCombine, "name": "ConditioningSetMaskAndCombine"},
+    "ConditioningSetMaskAndCombine3": {"class": ConditioningSetMaskAndCombine3, "name": "ConditioningSetMaskAndCombine3"},
+    "ConditioningSetMaskAndCombine4": {"class": ConditioningSetMaskAndCombine4, "name": "ConditioningSetMaskAndCombine4"},
+    "ConditioningSetMaskAndCombine5": {"class": ConditioningSetMaskAndCombine5, "name": "ConditioningSetMaskAndCombine5"},
+    "CondPassThrough": {"class": CondPassThrough},
+    #masking
+    "DrawMaskOnImage": {"class": DrawMaskOnImage, "name": "Draw Mask On Image"},
+    "DownloadAndLoadCLIPSeg": {"class": DownloadAndLoadCLIPSeg, "name": "(Down)load CLIPSeg"},
+    "BatchCLIPSeg": {"class": BatchCLIPSeg, "name": "Batch CLIPSeg"},
+    "BlockifyMask": {"class": BlockifyMask, "name": "Blockify Mask"},
+    "ColorToMask": {"class": ColorToMask, "name": "Color To Mask"},
+    "CreateGradientMask": {"class": CreateGradientMask, "name": "Create Gradient Mask"},
+    "CreateTextMask": {"class": CreateTextMask, "name": "Create Text Mask"},
+    "CreateAudioMask": {"class": CreateAudioMask, "name": "Create Audio Mask"},
+    "CreateFadeMask": {"class": CreateFadeMask, "name": "Create Fade Mask"},
+    "CreateFadeMaskAdvanced": {"class": CreateFadeMaskAdvanced, "name": "Create Fade Mask Advanced"},
+    "CreateFluidMask": {"class": CreateFluidMask, "name": "Create Fluid Mask"},
+    "CreateShapeMask": {"class": CreateShapeMask, "name": "Create Shape Mask"},
+    "CreateVoronoiMask": {"class": CreateVoronoiMask, "name": "Create Voronoi Mask"},
+    "CreateMagicMask": {"class": CreateMagicMask, "name": "Create Magic Mask"},
+    "GetMaskSizeAndCount": {"class": GetMaskSizeAndCount, "name": "Get Mask Size & Count"},
+    "GrowMaskWithBlur": {"class": GrowMaskWithBlur, "name": "Grow Mask With Blur"},
+    "MaskBatchMulti": {"class": MaskBatchMulti, "name": "Mask Batch Multi"},
+    "OffsetMask": {"class": OffsetMask, "name": "Offset Mask"},
+    "RemapMaskRange": {"class": RemapMaskRange, "name": "Remap Mask Range"},
+    "ResizeMask": {"class": ResizeMask, "name": "Resize Mask"},
+    "RoundMask": {"class": RoundMask, "name": "Round Mask"},
+    "SeparateMasks": {"class": SeparateMasks, "name": "Separate Masks"},
+    "ConsolidateMasksKJ": {"class": ConsolidateMasksKJ, "name": "Consolidate Masks"},
+    #images
+    "AddLabel": {"class": AddLabel, "name": "Add Label"},
+    "ColorMatch": {"class": ColorMatch, "name": "Color Match"},
+    "ImageTensorList": {"class": ImageTensorList, "name": "Image Tensor List"},
+    "CrossFadeImages": {"class": CrossFadeImages, "name": "Cross Fade Images"},
+    "CrossFadeImagesMulti": {"class": CrossFadeImagesMulti, "name": "Cross Fade Images Multi"},
+    "GetImagesFromBatchIndexed": {"class": GetImagesFromBatchIndexed, "name": "Get Images From Batch Indexed"},
+    "GetImageRangeFromBatch": {"class": GetImageRangeFromBatch, "name": "Get Image or Mask Range From Batch"},
+    "GetLatentRangeFromBatch": {"class": GetLatentRangeFromBatch, "name": "Get Latent Range From Batch"},
+    "GetLatentSizeAndCount": {"class": GetLatentSizeAndCount, "name": "Get Latent Size & Count"},
+    "GetImageSizeAndCount": {"class": GetImageSizeAndCount, "name": "Get Image Size & Count"},
+    "FastPreview": {"class": FastPreview, "name": "Fast Preview"},
+    "ImageBatchFilter": {"class": ImageBatchFilter, "name": "Image Batch Filter"},
+    "ImageAndMaskPreview": {"class": ImageAndMaskPreview},
+    "ImageAddMulti": {"class": ImageAddMulti, "name": "Image Add Multi"},
+    "ImageBatchJoinWithTransition": {"class": ImageBatchJoinWithTransition, "name": "Image Batch Join With Transition"},
+    "ImageBatchMulti": {"class": ImageBatchMulti, "name": "Image Batch Multi"},
+    "ImageBatchRepeatInterleaving": {"class": ImageBatchRepeatInterleaving},
+    "ImageBatchTestPattern": {"class": ImageBatchTestPattern, "name": "Image Batch Test Pattern"},
+    "ImageConcanate": {"class": ImageConcanate, "name": "Image Concatenate"},
+    "ImageConcatFromBatch": {"class": ImageConcatFromBatch, "name": "Image Concatenate From Batch"},
+    "ImageConcatMulti": {"class": ImageConcatMulti, "name": "Image Concatenate Multi"},
+    "ImageCropByMask": {"class": ImageCropByMask, "name": "Image Crop By Mask"},
+    "ImageCropByMaskAndResize": {"class": ImageCropByMaskAndResize, "name": "Image Crop By Mask And Resize"},
+    "ImageCropByMaskBatch": {"class": ImageCropByMaskBatch, "name": "Image Crop By Mask Batch"},
+    "ImageUncropByMask": {"class": ImageUncropByMask, "name": "Image Uncrop By Mask"},
+    "ImageGrabPIL": {"class": ImageGrabPIL, "name": "Image Grab PIL"},
+    "ImageGridComposite2x2": {"class": ImageGridComposite2x2, "name": "Image Grid Composite 2x2"},
+    "ImageGridComposite3x3": {"class": ImageGridComposite3x3, "name": "Image Grid Composite 3x3"},
+    "ImageGridtoBatch": {"class": ImageGridtoBatch, "name": "Image Grid To Batch"},
+    "ImageNoiseAugmentation": {"class": ImageNoiseAugmentation, "name": "Image Noise Augmentation"},
+    "ImageNormalize_Neg1_To_1": {"class": ImageNormalize_Neg1_To_1, "name": "Image Normalize -1 to 1"},
+    "ImagePass": {"class": ImagePass},
+    "ImagePadKJ": {"class": ImagePadKJ, "name": "ImagePad KJ"},
+    "ImagePadForOutpaintMasked": {"class": ImagePadForOutpaintMasked, "name": "Image Pad For Outpaint Masked"},
+    "ImagePadForOutpaintTargetSize": {"class": ImagePadForOutpaintTargetSize, "name": "Image Pad For Outpaint Target Size"},
+    "ImagePrepForICLora": {"class": ImagePrepForICLora, "name": "Image Prep For ICLora"},
+    "ImageResizeKJ": {"class": ImageResizeKJ, "name": "Resize Image (deprecated)"},
+    "ImageResizeKJv2": {"class": ImageResizeKJv2, "name": "Resize Image v2"},
+    "ImageUpscaleWithModelBatched": {"class": ImageUpscaleWithModelBatched, "name": "Image Upscale With Model Batched"},
+    "InsertImagesToBatchIndexed": {"class": InsertImagesToBatchIndexed, "name": "Insert Images To Batch Indexed"},
+    "InsertLatentToIndexed": {"class": InsertLatentToIndex, "name": "Insert Latent To Index"},
+    "LoadAndResizeImage": {"class": LoadAndResizeImage, "name": "Load & Resize Image"},
+    "LoadImagesFromFolderKJ": {"class": LoadImagesFromFolderKJ, "name": "Load Images From Folder (KJ)"},
+    "LoadVideosFromFolder": {"class": LoadVideosFromFolder, "name": "Load Videos From Folder"},
+    "MergeImageChannels": {"class": MergeImageChannels, "name": "Merge Image Channels"},
+    "PadImageBatchInterleaved": {"class": PadImageBatchInterleaved, "name": "Pad Image Batch Interleaved"},
+    "PreviewAnimation": {"class": PreviewAnimation, "name": "Preview Animation"},
+    "RemapImageRange": {"class": RemapImageRange, "name": "Remap Image Range"},
+    "ReverseImageBatch": {"class": ReverseImageBatch, "name": "Reverse Image Batch"},
+    "ReplaceImagesInBatch": {"class": ReplaceImagesInBatch, "name": "Replace Images In Batch"},
+    "SaveImageWithAlpha": {"class": SaveImageWithAlpha, "name": "Save Image With Alpha"},
+    "SaveImageKJ": {"class": SaveImageKJ, "name": "Save Image KJ"},
+    "ShuffleImageBatch": {"class": ShuffleImageBatch, "name": "Shuffle Image Batch"},
+    "SplitImageChannels": {"class": SplitImageChannels, "name": "Split Image Channels"},
+    "TransitionImagesMulti": {"class": TransitionImagesMulti, "name": "Transition Images Multi"},
+    "TransitionImagesInBatch": {"class": TransitionImagesInBatch, "name": "Transition Images In Batch"},
+    #batch cropping
+    "BatchCropFromMask": {"class": BatchCropFromMask, "name": "Batch Crop From Mask"},
+    "BatchCropFromMaskAdvanced": {"class": BatchCropFromMaskAdvanced, "name": "Batch Crop From Mask Advanced"},
+    "FilterZeroMasksAndCorrespondingImages": {"class": FilterZeroMasksAndCorrespondingImages},
+    "InsertImageBatchByIndexes": {"class": InsertImageBatchByIndexes, "name": "Insert Image Batch By Indexes"},
+    "BatchUncrop": {"class": BatchUncrop, "name": "Batch Uncrop"},
+    "BatchUncropAdvanced": {"class": BatchUncropAdvanced, "name": "Batch Uncrop Advanced"},
+    "SplitBboxes": {"class": SplitBboxes, "name": "Split Bboxes"},
+    "BboxToInt": {"class": BboxToInt, "name": "Bbox To Int"},
+    "BboxVisualize": {"class": BboxVisualize, "name": "Bbox Visualize"},
+    #noise
+    "GenerateNoise": {"class": GenerateNoise, "name": "Generate Noise"},
+    "FlipSigmasAdjusted": {"class": FlipSigmasAdjusted, "name": "Flip Sigmas Adjusted"},
+    "InjectNoiseToLatent": {"class": InjectNoiseToLatent, "name": "Inject Noise To Latent"},
+    "CustomSigmas": {"class": CustomSigmas, "name": "Custom Sigmas"},
+    #utility
+    "StringToFloatList": {"class": StringToFloatList, "name": "String to Float List"},
+    "WidgetToString": {"class": WidgetToString, "name": "Widget To String"},
+    "SaveStringKJ": {"class": SaveStringKJ, "name": "Save String KJ"},
+    "DummyOut": {"class": DummyOut, "name": "Dummy Out"},
+    "GetLatentsFromBatchIndexed": {"class": GetLatentsFromBatchIndexed, "name": "Get Latents From Batch Indexed"},
+    "ScaleBatchPromptSchedule": {"class": ScaleBatchPromptSchedule, "name": "Scale Batch Prompt Schedule"},
+    "CameraPoseVisualizer": {"class": CameraPoseVisualizer, "name": "Camera Pose Visualizer"},
+    "AppendStringsToList": {"class": AppendStringsToList, "name": "Append Strings To List"},
+    "JoinStrings": {"class": JoinStrings, "name": "Join Strings"},
+    "JoinStringMulti": {"class": JoinStringMulti, "name": "Join String Multi"},
+    "SomethingToString": {"class": SomethingToString, "name": "Something To String"},
+    "Sleep": {"class": Sleep, "name": "Sleep"},
+    "VRAM_Debug": {"class": VRAM_Debug, "name": "VRAM Debug"},
+    "SomethingToString": {"class": SomethingToString, "name": "Something To String"},
+    "EmptyLatentImagePresets": {"class": EmptyLatentImagePresets, "name": "Empty Latent Image Presets"},
+    "EmptyLatentImageCustomPresets": {"class": EmptyLatentImageCustomPresets, "name": "Empty Latent Image Custom Presets"},
+    "ModelPassThrough": {"class": ModelPassThrough, "name": "ModelPass"},
+    "ModelSaveKJ": {"class": ModelSaveKJ, "name": "Model Save KJ"},
+    "SetShakkerLabsUnionControlNetType": {"class": SetShakkerLabsUnionControlNetType, "name": "Set Shakker Labs Union ControlNet Type"},
+    "StyleModelApplyAdvanced": {"class": StyleModelApplyAdvanced, "name": "Style Model Apply Advanced"},
+    "DiffusionModelSelector": {"class": DiffusionModelSelector, "name": "Diffusion Model Selector"},
+    "LazySwitchKJ": {"class": LazySwitchKJ, "name": "Lazy Switch KJ"},
+    #audioscheduler stuff
+    "NormalizedAmplitudeToMask": {"class": NormalizedAmplitudeToMask},
+    "NormalizedAmplitudeToFloatList": {"class": NormalizedAmplitudeToFloatList},
+    "OffsetMaskByNormalizedAmplitude": {"class": OffsetMaskByNormalizedAmplitude},
+    "ImageTransformByNormalizedAmplitude": {"class": ImageTransformByNormalizedAmplitude},
+    "AudioConcatenate": {"class": AudioConcatenate},
+    #curve nodes
+    "SplineEditor": {"class": SplineEditor, "name": "Spline Editor"},
+    "CreateShapeImageOnPath": {"class": CreateShapeImageOnPath, "name": "Create Shape Image On Path"},
+    "CreateShapeMaskOnPath": {"class": CreateShapeMaskOnPath, "name": "Create Shape Mask On Path"},
+    "CreateTextOnPath": {"class": CreateTextOnPath, "name": "Create Text On Path"},
+    "CreateGradientFromCoords": {"class": CreateGradientFromCoords, "name": "Create Gradient From Coords"},
+    "CutAndDragOnPath": {"class": CutAndDragOnPath, "name": "Cut And Drag On Path"},
+    "GradientToFloat": {"class": GradientToFloat, "name": "Gradient To Float"},
+    "WeightScheduleExtend": {"class": WeightScheduleExtend, "name": "Weight Schedule Extend"},
+    "MaskOrImageToWeight": {"class": MaskOrImageToWeight, "name": "Mask Or Image To Weight"},
+    "WeightScheduleConvert": {"class": WeightScheduleConvert, "name": "Weight Schedule Convert"},
+    "FloatToMask": {"class": FloatToMask, "name": "Float To Mask"},
+    "FloatToSigmas": {"class": FloatToSigmas, "name": "Float To Sigmas"},
+    "SigmasToFloat": {"class": SigmasToFloat, "name": "Sigmas To Float"},
+    "PlotCoordinates": {"class": PlotCoordinates, "name": "Plot Coordinates"},
+    "InterpolateCoords": {"class": InterpolateCoords, "name": "Interpolate Coords"},
+    "PointsEditor": {"class": PointsEditor, "name": "Points Editor"},
+    #experimental
+    "SoundReactive": {"class": SoundReactive, "name": "Sound Reactive"},
+    "StableZero123_BatchSchedule": {"class": StableZero123_BatchSchedule, "name": "Stable Zero123 Batch Schedule"},
+    "SV3D_BatchSchedule": {"class": SV3D_BatchSchedule, "name": "SV3D Batch Schedule"},
+    "LoadResAdapterNormalization": {"class": LoadResAdapterNormalization},
+    "Superprompt": {"class": Superprompt, "name": "Superprompt"},
+    "GLIGENTextBoxApplyBatchCoords": {"class": GLIGENTextBoxApplyBatchCoords},
+    "Intrinsic_lora_sampling": {"class": Intrinsic_lora_sampling, "name": "Intrinsic Lora Sampling"},
+    "CheckpointPerturbWeights": {"class": CheckpointPerturbWeights, "name": "CheckpointPerturbWeights"},
+    "Screencap_mss": {"class": Screencap_mss, "name": "Screencap mss"},
+    "WebcamCaptureCV2": {"class": WebcamCaptureCV2, "name": "Webcam Capture CV2"},
+    "DifferentialDiffusionAdvanced": {"class": DifferentialDiffusionAdvanced, "name": "Differential Diffusion Advanced"},
+    "DiTBlockLoraLoader": {"class": DiTBlockLoraLoader, "name": "DiT Block Lora Loader"},
+    "FluxBlockLoraSelect": {"class": FluxBlockLoraSelect, "name": "Flux Block Lora Select"},
+    "HunyuanVideoBlockLoraSelect": {"class": HunyuanVideoBlockLoraSelect, "name": "Hunyuan Video Block Lora Select"},
+    "Wan21BlockLoraSelect": {"class": Wan21BlockLoraSelect, "name": "Wan21 Block Lora Select"},
+    "CustomControlNetWeightsFluxFromList": {"class": CustomControlNetWeightsFluxFromList, "name": "Custom ControlNet Weights Flux From List"},
+    "CheckpointLoaderKJ": {"class": CheckpointLoaderKJ, "name": "CheckpointLoaderKJ"},
+    "DiffusionModelLoaderKJ": {"class": DiffusionModelLoaderKJ, "name": "Diffusion Model Loader KJ"},
+    "TorchCompileModelFluxAdvanced": {"class": TorchCompileModelFluxAdvanced, "name": "TorchCompileModelFluxAdvanced"},
+    "TorchCompileModelFluxAdvancedV2": {"class": TorchCompileModelFluxAdvancedV2, "name": "TorchCompileModelFluxAdvancedV2"},
+    "TorchCompileModelHyVideo": {"class": TorchCompileModelHyVideo, "name": "TorchCompileModelHyVideo"},
+    "TorchCompileVAE": {"class": TorchCompileVAE, "name": "TorchCompileVAE"},
+    "TorchCompileControlNet": {"class": TorchCompileControlNet, "name": "TorchCompileControlNet"},
+    "PatchModelPatcherOrder": {"class": PatchModelPatcherOrder, "name": "Patch Model Patcher Order"},
+    "TorchCompileLTXModel": {"class": TorchCompileLTXModel, "name": "TorchCompileLTXModel"},
+    "TorchCompileCosmosModel": {"class": TorchCompileCosmosModel, "name": "TorchCompileCosmosModel"},
+    "TorchCompileModelQwenImage": {"class": TorchCompileModelQwenImage, "name": "TorchCompileModelQwenImage"},
+    "TorchCompileModelWanVideo": {"class": TorchCompileModelWanVideo, "name": "TorchCompileModelWanVideo"},
+    "TorchCompileModelWanVideoV2": {"class": TorchCompileModelWanVideoV2, "name": "TorchCompileModelWanVideoV2"},
+    "PathchSageAttentionKJ": {"class": PathchSageAttentionKJ, "name": "Patch Sage Attention KJ"},
+    "LeapfusionHunyuanI2VPatcher": {"class": LeapfusionHunyuanI2V, "name": "Leapfusion Hunyuan I2V Patcher"},
+    "VAELoaderKJ": {"class": VAELoaderKJ, "name": "VAELoader KJ"},
+    "ScheduledCFGGuidance": {"class": ScheduledCFGGuidance, "name": "Scheduled CFG Guidance"},
+    "ApplyRifleXRoPE_HunuyanVideo": {"class": ApplyRifleXRoPE_HunuyanVideo, "name": "Apply RifleXRoPE HunuyanVideo"},
+    "ApplyRifleXRoPE_WanVideo": {"class": ApplyRifleXRoPE_WanVideo, "name": "Apply RifleXRoPE WanVideo"},
+    "WanVideoTeaCacheKJ": {"class": WanVideoTeaCacheKJ, "name": "WanVideo Tea Cache (native)"},
+    "WanVideoEnhanceAVideoKJ": {"class": WanVideoEnhanceAVideoKJ, "name": "WanVideo Enhance A Video (native)"},
+    "SkipLayerGuidanceWanVideo": {"class": SkipLayerGuidanceWanVideo, "name": "Skip Layer Guidance WanVideo"},
+    "TimerNodeKJ": {"class": TimerNodeKJ, "name": "Timer Node KJ"},
+    "HunyuanVideoEncodeKeyframesToCond": {"class": HunyuanVideoEncodeKeyframesToCond, "name": "HunyuanVideo Encode Keyframes To Cond"},
+    "CFGZeroStarAndInit": {"class": CFGZeroStarAndInit, "name": "CFG Zero Star/Init"},
+    "ModelPatchTorchSettings": {"class": ModelPatchTorchSettings, "name": "Model Patch Torch Settings"},
+    "WanVideoNAG": {"class": WanVideoNAG, "name": "WanVideoNAG"},
+    "GGUFLoaderKJ": {"class": GGUFLoaderKJ, "name": "GGUF Loader KJ"},
+
+    #instance diffusion
+    "CreateInstanceDiffusionTracking": {"class": CreateInstanceDiffusionTracking},
+    "AppendInstanceDiffusionTracking": {"class": AppendInstanceDiffusionTracking},
+    "DrawInstanceDiffusionTracking": {"class": DrawInstanceDiffusionTracking},
+
+    #lora
+    "LoraExtractKJ": {"class": LoraExtractKJ, "name": "LoraExtractKJ"},
+    "LoraReduceRankKJ": {"class": LoraReduceRank, "name": "LoraReduceRank"}
+}
+
+def generate_node_mappings(node_config):
+    node_class_mappings = {}
+    node_display_name_mappings = {}
+
+    for node_name, node_info in node_config.items():
+        node_class_mappings[node_name] = node_info["class"]
+        node_display_name_mappings[node_name] = node_info.get("name", node_info["class"].__name__)
+
+    return node_class_mappings, node_display_name_mappings
+
+NODE_CLASS_MAPPINGS, NODE_DISPLAY_NAME_MAPPINGS = generate_node_mappings(NODE_CONFIG)
+
+__all__ = ["NODE_CLASS_MAPPINGS", "NODE_DISPLAY_NAME_MAPPINGS", "WEB_DIRECTORY"]
+
+WEB_DIRECTORY = "./web"
+
+from aiohttp import web
+from server import PromptServer
+from pathlib import Path
+
+if hasattr(PromptServer, "instance"):
+    try:
+        # NOTE: we add an extra static path to avoid comfy mechanism
+        # that loads every script in web.
+        PromptServer.instance.app.add_routes(
+            [web.static("/kjweb_async", (Path(__file__).parent.absolute() / "kjweb_async").as_posix())]
+        )
+    except:
+        pass

custom_dimensions_example.json

@@ -0,0 +1,22 @@
+[
+    {
+        "label": "SD",
+        "value": "512x512"
+    },
+    {
+        "label": "HD",
+        "value": "768x768"
+    },
+    {
+        "label": "Full HD",
+        "value": "1024x1024"
+    },
+    {
+        "label": "4k",
+        "value": "2048x2048"
+    },
+    {
+        "label": "SVD",
+        "value": "1024x576"
+    }
+]

example_workflows/leapfusion_hunyuuanvideo_i2v_native_testing.json

@@ -0,0 +1,1188 @@
+{
+  "last_node_id": 86,
+  "last_link_id": 144,
+  "nodes": [
+    {
+      "id": 62,
+      "type": "FluxGuidance",
+      "pos": [
+        -630,
+        -170
+      ],
+      "size": [
+        317.4000244140625,
+        58
+      ],
+      "flags": {},
+      "order": 13,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "conditioning",
+          "type": "CONDITIONING",
+          "link": 82
+        }
+      ],
+      "outputs": [
+        {
+          "name": "CONDITIONING",
+          "type": "CONDITIONING",
+          "links": [
+            83
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "FluxGuidance"
+      },
+      "widgets_values": [
+        6
+      ]
+    },
+    {
+      "id": 51,
+      "type": "KSamplerSelect",
+      "pos": [
+        -610,
+        -480
+      ],
+      "size": [
+        315,
+        58
+      ],
+      "flags": {},
+      "order": 0,
+      "mode": 0,
+      "inputs": [],
+      "outputs": [
+        {
+          "name": "SAMPLER",
+          "type": "SAMPLER",
+          "links": [
+            61
+          ]
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "KSamplerSelect"
+      },
+      "widgets_values": [
+        "euler"
+      ]
+    },
+    {
+      "id": 57,
+      "type": "VAEDecodeTiled",
+      "pos": [
+        -200,
+        90
+      ],
+      "size": [
+        315,
+        150
+      ],
+      "flags": {},
+      "order": 20,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "samples",
+          "type": "LATENT",
+          "link": 142
+        },
+        {
+          "name": "vae",
+          "type": "VAE",
+          "link": 74
+        }
+      ],
+      "outputs": [
+        {
+          "name": "IMAGE",
+          "type": "IMAGE",
+          "links": [
+            105
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "VAEDecodeTiled"
+      },
+      "widgets_values": [
+        128,
+        64,
+        64,
+        8
+      ]
+    },
+    {
+      "id": 65,
+      "type": "LoadImage",
+      "pos": [
+        -2212.498779296875,
+        -632.4085083007812
+      ],
+      "size": [
+        315,
+        314
+      ],
+      "flags": {},
+      "order": 1,
+      "mode": 0,
+      "inputs": [],
+      "outputs": [
+        {
+          "name": "IMAGE",
+          "type": "IMAGE",
+          "links": [
+            86
+          ],
+          "slot_index": 0
+        },
+        {
+          "name": "MASK",
+          "type": "MASK",
+          "links": null
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "LoadImage"
+      },
+      "widgets_values": [
+        "Mona-Lisa-oil-wood-panel-Leonardo-da.webp",
+        "image"
+      ]
+    },
+    {
+      "id": 64,
+      "type": "VAEEncode",
+      "pos": [
+        -1336.7884521484375,
+        -492.5806884765625
+      ],
+      "size": [
+        210,
+        46
+      ],
+      "flags": {},
+      "order": 14,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "pixels",
+          "type": "IMAGE",
+          "link": 144
+        },
+        {
+          "name": "vae",
+          "type": "VAE",
+          "link": 88
+        }
+      ],
+      "outputs": [
+        {
+          "name": "LATENT",
+          "type": "LATENT",
+          "links": [
+            137
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "VAEEncode"
+      },
+      "widgets_values": []
+    },
+    {
+      "id": 44,
+      "type": "UNETLoader",
+      "pos": [
+        -2373.55029296875,
+        -193.91510009765625
+      ],
+      "size": [
+        459.56060791015625,
+        82
+      ],
+      "flags": {},
+      "order": 2,
+      "mode": 0,
+      "inputs": [],
+      "outputs": [
+        {
+          "name": "MODEL",
+          "type": "MODEL",
+          "links": [
+            135
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "UNETLoader"
+      },
+      "widgets_values": [
+        "hyvideo\\hunyuan_video_720_fp8_e4m3fn.safetensors",
+        "fp8_e4m3fn_fast"
+      ]
+    },
+    {
+      "id": 49,
+      "type": "VAELoader",
+      "pos": [
+        -1876.39306640625,
+        -35.19633865356445
+      ],
+      "size": [
+        433.7603454589844,
+        58.71116256713867
+      ],
+      "flags": {},
+      "order": 3,
+      "mode": 0,
+      "inputs": [],
+      "outputs": [
+        {
+          "name": "VAE",
+          "type": "VAE",
+          "links": [
+            74,
+            88
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "VAELoader"
+      },
+      "widgets_values": [
+        "hyvid\\hunyuan_video_vae_bf16.safetensors"
+      ]
+    },
+    {
+      "id": 47,
+      "type": "DualCLIPLoader",
+      "pos": [
+        -2284.893798828125,
+        150.4042205810547
+      ],
+      "size": [
+        343.3958435058594,
+        106.86042785644531
+      ],
+      "flags": {},
+      "order": 4,
+      "mode": 0,
+      "inputs": [],
+      "outputs": [
+        {
+          "name": "CLIP",
+          "type": "CLIP",
+          "links": [
+            56
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "DualCLIPLoader"
+      },
+      "widgets_values": [
+        "clip_l.safetensors",
+        "llava_llama3_fp16.safetensors",
+        "hunyuan_video",
+        "default"
+      ]
+    },
+    {
+      "id": 45,
+      "type": "CLIPTextEncode",
+      "pos": [
+        -1839.1649169921875,
+        143.5203094482422
+      ],
+      "size": [
+        400,
+        200
+      ],
+      "flags": {},
+      "order": 8,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "clip",
+          "type": "CLIP",
+          "link": 56
+        }
+      ],
+      "outputs": [
+        {
+          "name": "CONDITIONING",
+          "type": "CONDITIONING",
+          "links": [
+            69,
+            82
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "CLIPTextEncode"
+      },
+      "widgets_values": [
+        "woman puts on sunglasses"
+      ]
+    },
+    {
+      "id": 53,
+      "type": "EmptyHunyuanLatentVideo",
+      "pos": [
+        -1120,
+        90
+      ],
+      "size": [
+        315,
+        130
+      ],
+      "flags": {},
+      "order": 10,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "width",
+          "type": "INT",
+          "link": 89,
+          "widget": {
+            "name": "width"
+          }
+        },
+        {
+          "name": "height",
+          "type": "INT",
+          "link": 90,
+          "widget": {
+            "name": "height"
+          }
+        }
+      ],
+      "outputs": [
+        {
+          "name": "LATENT",
+          "type": "LATENT",
+          "links": [
+            119
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "EmptyHunyuanLatentVideo"
+      },
+      "widgets_values": [
+        960,
+        544,
+        65,
+        1
+      ]
+    },
+    {
+      "id": 55,
+      "type": "ConditioningZeroOut",
+      "pos": [
+        -910,
+        300
+      ],
+      "size": [
+        251.14309692382812,
+        26
+      ],
+      "flags": {
+        "collapsed": true
+      },
+      "order": 12,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "conditioning",
+          "type": "CONDITIONING",
+          "link": 69
+        }
+      ],
+      "outputs": [
+        {
+          "name": "CONDITIONING",
+          "type": "CONDITIONING",
+          "links": [
+            70
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "ConditioningZeroOut"
+      },
+      "widgets_values": []
+    },
+    {
+      "id": 52,
+      "type": "BasicScheduler",
+      "pos": [
+        -600,
+        -350
+      ],
+      "size": [
+        315,
+        106
+      ],
+      "flags": {},
+      "order": 17,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "model",
+          "type": "MODEL",
+          "link": 78
+        }
+      ],
+      "outputs": [
+        {
+          "name": "SIGMAS",
+          "type": "SIGMAS",
+          "links": [
+            62
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "BasicScheduler"
+      },
+      "widgets_values": [
+        "simple",
+        20,
+        1
+      ]
+    },
+    {
+      "id": 42,
+      "type": "SamplerCustom",
+      "pos": [
+        -640,
+        10
+      ],
+      "size": [
+        355.20001220703125,
+        467.4666748046875
+      ],
+      "flags": {},
+      "order": 18,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "model",
+          "type": "MODEL",
+          "link": 77
+        },
+        {
+          "name": "positive",
+          "type": "CONDITIONING",
+          "link": 83
+        },
+        {
+          "name": "negative",
+          "type": "CONDITIONING",
+          "link": 70
+        },
+        {
+          "name": "sampler",
+          "type": "SAMPLER",
+          "link": 61
+        },
+        {
+          "name": "sigmas",
+          "type": "SIGMAS",
+          "link": 62
+        },
+        {
+          "name": "latent_image",
+          "type": "LATENT",
+          "link": 119
+        }
+      ],
+      "outputs": [
+        {
+          "name": "output",
+          "type": "LATENT",
+          "links": null
+        },
+        {
+          "name": "denoised_output",
+          "type": "LATENT",
+          "links": [
+            141
+          ],
+          "slot_index": 1
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "SamplerCustom"
+      },
+      "widgets_values": [
+        true,
+        6,
+        "fixed",
+        1,
+        null
+      ]
+    },
+    {
+      "id": 84,
+      "type": "GetLatentRangeFromBatch",
+      "pos": [
+        -240,
+        -100
+      ],
+      "size": [
+        340.20001220703125,
+        82
+      ],
+      "flags": {},
+      "order": 19,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "latents",
+          "type": "LATENT",
+          "link": 141
+        }
+      ],
+      "outputs": [
+        {
+          "name": "LATENT",
+          "type": "LATENT",
+          "links": [
+            142
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "GetLatentRangeFromBatch"
+      },
+      "widgets_values": [
+        1,
+        -1
+      ]
+    },
+    {
+      "id": 50,
+      "type": "VHS_VideoCombine",
+      "pos": [
+        165.77645874023438,
+        -619.0606079101562
+      ],
+      "size": [
+        1112.6898193359375,
+        1076.4598388671875
+      ],
+      "flags": {},
+      "order": 21,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "images",
+          "type": "IMAGE",
+          "link": 105
+        },
+        {
+          "name": "audio",
+          "type": "AUDIO",
+          "link": null,
+          "shape": 7
+        },
+        {
+          "name": "meta_batch",
+          "type": "VHS_BatchManager",
+          "link": null,
+          "shape": 7
+        },
+        {
+          "name": "vae",
+          "type": "VAE",
+          "link": null,
+          "shape": 7
+        }
+      ],
+      "outputs": [
+        {
+          "name": "Filenames",
+          "type": "VHS_FILENAMES",
+          "links": null
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "VHS_VideoCombine"
+      },
+      "widgets_values": {
+        "frame_rate": 24,
+        "loop_count": 0,
+        "filename_prefix": "hyvidcomfy",
+        "format": "video/h264-mp4",
+        "pix_fmt": "yuv420p",
+        "crf": 19,
+        "save_metadata": true,
+        "trim_to_audio": false,
+        "pingpong": false,
+        "save_output": false,
+        "videopreview": {
+          "hidden": false,
+          "paused": false,
+          "params": {
+            "filename": "hyvidcomfy_00001.mp4",
+            "subfolder": "",
+            "type": "temp",
+            "format": "video/h264-mp4",
+            "frame_rate": 24,
+            "workflow": "hyvidcomfy_00001.png",
+            "fullpath": "N:\\AI\\ComfyUI\\temp\\hyvidcomfy_00001.mp4"
+          },
+          "muted": false
+        }
+      }
+    },
+    {
+      "id": 54,
+      "type": "ModelSamplingSD3",
+      "pos": [
+        -1079.9112548828125,
+        -146.69448852539062
+      ],
+      "size": [
+        315,
+        58
+      ],
+      "flags": {},
+      "order": 16,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "model",
+          "type": "MODEL",
+          "link": 117
+        }
+      ],
+      "outputs": [
+        {
+          "name": "MODEL",
+          "type": "MODEL",
+          "links": [
+            77,
+            78
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "ModelSamplingSD3"
+      },
+      "widgets_values": [
+        9
+      ]
+    },
+    {
+      "id": 80,
+      "type": "PathchSageAttentionKJ",
+      "pos": [
+        -2273.926513671875,
+        -36.720542907714844
+      ],
+      "size": [
+        315,
+        58
+      ],
+      "flags": {},
+      "order": 7,
+      "mode": 4,
+      "inputs": [
+        {
+          "name": "model",
+          "type": "MODEL",
+          "link": 135
+        }
+      ],
+      "outputs": [
+        {
+          "name": "MODEL",
+          "type": "MODEL",
+          "links": [
+            136
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "PathchSageAttentionKJ"
+      },
+      "widgets_values": [
+        "auto"
+      ]
+    },
+    {
+      "id": 85,
+      "type": "Note",
+      "pos": [
+        -1838.572265625,
+        -302.1575927734375
+      ],
+      "size": [
+        408.4594421386719,
+        58
+      ],
+      "flags": {},
+      "order": 5,
+      "mode": 0,
+      "inputs": [],
+      "outputs": [],
+      "properties": {},
+      "widgets_values": [
+        "https://huggingface.co/Kijai/Leapfusion-image2vid-comfy/blob/main/leapfusion_img2vid544p_comfy.safetensors"
+      ],
+      "color": "#432",
+      "bgcolor": "#653"
+    },
+    {
+      "id": 74,
+      "type": "LeapfusionHunyuanI2VPatcher",
+      "pos": [
+        -1059.552978515625,
+        -459.34674072265625
+      ],
+      "size": [
+        277.3238525390625,
+        150
+      ],
+      "flags": {},
+      "order": 15,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "model",
+          "type": "MODEL",
+          "link": 123
+        },
+        {
+          "name": "latent",
+          "type": "LATENT",
+          "link": 137
+        }
+      ],
+      "outputs": [
+        {
+          "name": "MODEL",
+          "type": "MODEL",
+          "links": [
+            117
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "LeapfusionHunyuanI2VPatcher"
+      },
+      "widgets_values": [
+        0,
+        0,
+        1,
+        0.8
+      ]
+    },
+    {
+      "id": 59,
+      "type": "LoraLoaderModelOnly",
+      "pos": [
+        -1870.3748779296875,
+        -194.6091766357422
+      ],
+      "size": [
+        442.8438720703125,
+        82
+      ],
+      "flags": {},
+      "order": 11,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "model",
+          "type": "MODEL",
+          "link": 136
+        }
+      ],
+      "outputs": [
+        {
+          "name": "MODEL",
+          "type": "MODEL",
+          "links": [
+            123
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "LoraLoaderModelOnly"
+      },
+      "widgets_values": [
+        "hyvid\\musubi-tuner\\img2vid544p.safetensors",
+        1
+      ]
+    },
+    {
+      "id": 66,
+      "type": "ImageResizeKJ",
+      "pos": [
+        -1821.1531982421875,
+        -632.925048828125
+      ],
+      "size": [
+        315,
+        266
+      ],
+      "flags": {},
+      "order": 6,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "image",
+          "type": "IMAGE",
+          "link": 86
+        },
+        {
+          "name": "get_image_size",
+          "type": "IMAGE",
+          "link": null,
+          "shape": 7
+        },
+        {
+          "name": "width_input",
+          "type": "INT",
+          "link": null,
+          "widget": {
+            "name": "width_input"
+          },
+          "shape": 7
+        },
+        {
+          "name": "height_input",
+          "type": "INT",
+          "link": null,
+          "widget": {
+            "name": "height_input"
+          },
+          "shape": 7
+        }
+      ],
+      "outputs": [
+        {
+          "name": "IMAGE",
+          "type": "IMAGE",
+          "links": [
+            143
+          ],
+          "slot_index": 0
+        },
+        {
+          "name": "width",
+          "type": "INT",
+          "links": [
+            89
+          ],
+          "slot_index": 1
+        },
+        {
+          "name": "height",
+          "type": "INT",
+          "links": [
+            90
+          ],
+          "slot_index": 2
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "ImageResizeKJ"
+      },
+      "widgets_values": [
+        960,
+        640,
+        "lanczos",
+        false,
+        2,
+        0,
+        0,
+        "center"
+      ]
+    },
+    {
+      "id": 86,
+      "type": "ImageNoiseAugmentation",
+      "pos": [
+        -1361.111572265625,
+        -667.0104370117188
+      ],
+      "size": [
+        315,
+        106
+      ],
+      "flags": {},
+      "order": 9,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "image",
+          "type": "IMAGE",
+          "link": 143
+        }
+      ],
+      "outputs": [
+        {
+          "name": "IMAGE",
+          "type": "IMAGE",
+          "links": [
+            144
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "ImageNoiseAugmentation"
+      },
+      "widgets_values": [
+        0.05,
+        123,
+        "fixed"
+      ]
+    }
+  ],
+  "links": [
+    [
+      56,
+      47,
+      0,
+      45,
+      0,
+      "CLIP"
+    ],
+    [
+      61,
+      51,
+      0,
+      42,
+      3,
+      "SAMPLER"
+    ],
+    [
+      62,
+      52,
+      0,
+      42,
+      4,
+      "SIGMAS"
+    ],
+    [
+      69,
+      45,
+      0,
+      55,
+      0,
+      "CONDITIONING"
+    ],
+    [
+      70,
+      55,
+      0,
+      42,
+      2,
+      "CONDITIONING"
+    ],
+    [
+      74,
+      49,
+      0,
+      57,
+      1,
+      "VAE"
+    ],
+    [
+      77,
+      54,
+      0,
+      42,
+      0,
+      "MODEL"
+    ],
+    [
+      78,
+      54,
+      0,
+      52,
+      0,
+      "MODEL"
+    ],
+    [
+      82,
+      45,
+      0,
+      62,
+      0,
+      "CONDITIONING"
+    ],
+    [
+      83,
+      62,
+      0,
+      42,
+      1,
+      "CONDITIONING"
+    ],
+    [
+      86,
+      65,
+      0,
+      66,
+      0,
+      "IMAGE"
+    ],
+    [
+      88,
+      49,
+      0,
+      64,
+      1,
+      "VAE"
+    ],
+    [
+      89,
+      66,
+      1,
+      53,
+      0,
+      "INT"
+    ],
+    [
+      90,
+      66,
+      2,
+      53,
+      1,
+      "INT"
+    ],
+    [
+      105,
+      57,
+      0,
+      50,
+      0,
+      "IMAGE"
+    ],
+    [
+      117,
+      74,
+      0,
+      54,
+      0,
+      "MODEL"
+    ],
+    [
+      119,
+      53,
+      0,
+      42,
+      5,
+      "LATENT"
+    ],
+    [
+      123,
+      59,
+      0,
+      74,
+      0,
+      "MODEL"
+    ],
+    [
+      135,
+      44,
+      0,
+      80,
+      0,
+      "MODEL"
+    ],
+    [
+      136,
+      80,
+      0,
+      59,
+      0,
+      "MODEL"
+    ],
+    [
+      137,
+      64,
+      0,
+      74,
+      1,
+      "LATENT"
+    ],
+    [
+      141,
+      42,
+      1,
+      84,
+      0,
+      "LATENT"
+    ],
+    [
+      142,
+      84,
+      0,
+      57,
+      0,
+      "LATENT"
+    ],
+    [
+      143,
+      66,
+      0,
+      86,
+      0,
+      "IMAGE"
+    ],
+    [
+      144,
+      86,
+      0,
+      64,
+      0,
+      "IMAGE"
+    ]
+  ],
+  "groups": [],
+  "config": {},
+  "extra": {
+    "ds": {
+      "scale": 0.740024994425854,
+      "offset": [
+        2525.036093151529,
+        802.59123935694
+      ]
+    },
+    "node_versions": {
+      "comfy-core": "0.3.13",
+      "ComfyUI-KJNodes": "a8aeef670b3f288303f956bf94385cb87978ea93",
+      "ComfyUI-VideoHelperSuite": "c47b10ca1798b4925ff5a5f07d80c51ca80a837d"
+    },
+    "VHS_latentpreview": true,
+    "VHS_latentpreviewrate": 0
+  },
+  "version": 0.4
+}

fonts/FreeMono.ttf

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a7c692ad545c308b7b8fc2db770760c4a5d15ca50f12addf58c8f5360370e831
+size 343980

fonts/FreeMonoBoldOblique.otf

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:96187651ee033d0d9791dc2beeebfba5d1f070ab410fce1a5c16483ca249c588
+size 237600

fonts/TTNorms-Black.otf

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:710977e683bf0db6416d6d41b427e0363c914e6c503a5291fcb330f30b8448ea
+size 152736

intrinsic_loras/intrinsic_lora_sd15_albedo.safetensors

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d897f04ff2bb452e29a8f2a3c5c3cd5c55e95f314242cd645fbbe24a5ac59961
+size 6416109

intrinsic_loras/intrinsic_lora_sd15_depth.safetensors

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f199d6bf3180fe7271073c3769dcb764b40f35f41b30fcb183ae5bf4b6a9997f
+size 6416109

intrinsic_loras/intrinsic_lora_sd15_normal.safetensors

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:02934db0a0b92a9cdda402e42548560beda7d31b268e561dbc6815551e876268
+size 6416109

intrinsic_loras/intrinsic_lora_sd15_shading.safetensors

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:635e998063a10211633edd3e4b1676201822cd67f790ec71dba5f32d8b625c8b
+size 6416109

intrinsic_loras/intrinsic_loras.txt

@@ -0,0 +1,4 @@
+source for the loras:
+https://github.com/duxiaodan/intrinsic-lora
+
+Renamed and conveted to .safetensors

kjweb_async/marked.min.js

@@ -0,0 +1,6 @@
+/**
+ * marked v12.0.1 - a markdown parser
+ * Copyright (c) 2011-2024, Christopher Jeffrey. (MIT Licensed)
+ * https://github.com/markedjs/marked
+ */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).marked={})}(this,(function(e){"use strict";function t(){return{async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null}}function n(t){e.defaults=t}e.defaults={async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null};const s=/[&<>"']/,r=new RegExp(s.source,"g"),i=/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/,l=new RegExp(i.source,"g"),o={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},a=e=>o[e];function c(e,t){if(t){if(s.test(e))return e.replace(r,a)}else if(i.test(e))return e.replace(l,a);return e}const h=/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/gi;function p(e){return e.replace(h,((e,t)=>"colon"===(t=t.toLowerCase())?":":"#"===t.charAt(0)?"x"===t.charAt(1)?String.fromCharCode(parseInt(t.substring(2),16)):String.fromCharCode(+t.substring(1)):""))}const u=/(^|[^\[])\^/g;function k(e,t){let n="string"==typeof e?e:e.source;t=t||"";const s={replace:(e,t)=>{let r="string"==typeof t?t:t.source;return r=r.replace(u,"$1"),n=n.replace(e,r),s},getRegex:()=>new RegExp(n,t)};return s}function g(e){try{e=encodeURI(e).replace(/%25/g,"%")}catch(e){return null}return e}const f={exec:()=>null};function d(e,t){const n=e.replace(/\|/g,((e,t,n)=>{let s=!1,r=t;for(;--r>=0&&"\\"===n[r];)s=!s;return s?"|":" |"})).split(/ \|/);let s=0;if(n[0].trim()||n.shift(),n.length>0&&!n[n.length-1].trim()&&n.pop(),t)if(n.length>t)n.splice(t);else for(;n.length<t;)n.push("");for(;s<n.length;s++)n[s]=n[s].trim().replace(/\\\|/g,"|");return n}function x(e,t,n){const s=e.length;if(0===s)return"";let r=0;for(;r<s;){const i=e.charAt(s-r-1);if(i!==t||n){if(i===t||!n)break;r++}else r++}return e.slice(0,s-r)}function b(e,t,n,s){const r=t.href,i=t.title?c(t.title):null,l=e[1].replace(/\\([\[\]])/g,"$1");if("!"!==e[0].charAt(0)){s.state.inLink=!0;const e={type:"link",raw:n,href:r,title:i,text:l,tokens:s.inlineTokens(l)};return s.state.inLink=!1,e}return{type:"image",raw:n,href:r,title:i,text:c(l)}}class w{options;rules;lexer;constructor(t){this.options=t||e.defaults}space(e){const t=this.rules.block.newline.exec(e);if(t&&t[0].length>0)return{type:"space",raw:t[0]}}code(e){const t=this.rules.block.code.exec(e);if(t){const e=t[0].replace(/^ {1,4}/gm,"");return{type:"code",raw:t[0],codeBlockStyle:"indented",text:this.options.pedantic?e:x(e,"\n")}}}fences(e){const t=this.rules.block.fences.exec(e);if(t){const e=t[0],n=function(e,t){const n=e.match(/^(\s+)(?:```)/);if(null===n)return t;const s=n[1];return t.split("\n").map((e=>{const t=e.match(/^\s+/);if(null===t)return e;const[n]=t;return n.length>=s.length?e.slice(s.length):e})).join("\n")}(e,t[3]||"");return{type:"code",raw:e,lang:t[2]?t[2].trim().replace(this.rules.inline.anyPunctuation,"$1"):t[2],text:n}}}heading(e){const t=this.rules.block.heading.exec(e);if(t){let e=t[2].trim();if(/#$/.test(e)){const t=x(e,"#");this.options.pedantic?e=t.trim():t&&!/ $/.test(t)||(e=t.trim())}return{type:"heading",raw:t[0],depth:t[1].length,text:e,tokens:this.lexer.inline(e)}}}hr(e){const t=this.rules.block.hr.exec(e);if(t)return{type:"hr",raw:t[0]}}blockquote(e){const t=this.rules.block.blockquote.exec(e);if(t){const e=x(t[0].replace(/^ *>[ \t]?/gm,""),"\n"),n=this.lexer.state.top;this.lexer.state.top=!0;const s=this.lexer.blockTokens(e);return this.lexer.state.top=n,{type:"blockquote",raw:t[0],tokens:s,text:e}}}list(e){let t=this.rules.block.list.exec(e);if(t){let n=t[1].trim();const s=n.length>1,r={type:"list",raw:"",ordered:s,start:s?+n.slice(0,-1):"",loose:!1,items:[]};n=s?`\\d{1,9}\\${n.slice(-1)}`:`\\${n}`,this.options.pedantic&&(n=s?n:"[*+-]");const i=new RegExp(`^( {0,3}${n})((?:[\t ][^\\n]*)?(?:\\n|$))`);let l="",o="",a=!1;for(;e;){let n=!1;if(!(t=i.exec(e)))break;if(this.rules.block.hr.test(e))break;l=t[0],e=e.substring(l.length);let s=t[2].split("\n",1)[0].replace(/^\t+/,(e=>" ".repeat(3*e.length))),c=e.split("\n",1)[0],h=0;this.options.pedantic?(h=2,o=s.trimStart()):(h=t[2].search(/[^ ]/),h=h>4?1:h,o=s.slice(h),h+=t[1].length);let p=!1;if(!s&&/^ *$/.test(c)&&(l+=c+"\n",e=e.substring(c.length+1),n=!0),!n){const t=new RegExp(`^ {0,${Math.min(3,h-1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ \t][^\\n]*)?(?:\\n|$))`),n=new RegExp(`^ {0,${Math.min(3,h-1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`),r=new RegExp(`^ {0,${Math.min(3,h-1)}}(?:\`\`\`|~~~)`),i=new RegExp(`^ {0,${Math.min(3,h-1)}}#`);for(;e;){const a=e.split("\n",1)[0];if(c=a,this.options.pedantic&&(c=c.replace(/^ {1,4}(?=( {4})*[^ ])/g,"  ")),r.test(c))break;if(i.test(c))break;if(t.test(c))break;if(n.test(e))break;if(c.search(/[^ ]/)>=h||!c.trim())o+="\n"+c.slice(h);else{if(p)break;if(s.search(/[^ ]/)>=4)break;if(r.test(s))break;if(i.test(s))break;if(n.test(s))break;o+="\n"+c}p||c.trim()||(p=!0),l+=a+"\n",e=e.substring(a.length+1),s=c.slice(h)}}r.loose||(a?r.loose=!0:/\n *\n *$/.test(l)&&(a=!0));let u,k=null;this.options.gfm&&(k=/^\[[ xX]\] /.exec(o),k&&(u="[ ] "!==k[0],o=o.replace(/^\[[ xX]\] +/,""))),r.items.push({type:"list_item",raw:l,task:!!k,checked:u,loose:!1,text:o,tokens:[]}),r.raw+=l}r.items[r.items.length-1].raw=l.trimEnd(),r.items[r.items.length-1].text=o.trimEnd(),r.raw=r.raw.trimEnd();for(let e=0;e<r.items.length;e++)if(this.lexer.state.top=!1,r.items[e].tokens=this.lexer.blockTokens(r.items[e].text,[]),!r.loose){const t=r.items[e].tokens.filter((e=>"space"===e.type)),n=t.length>0&&t.some((e=>/\n.*\n/.test(e.raw)));r.loose=n}if(r.loose)for(let e=0;e<r.items.length;e++)r.items[e].loose=!0;return r}}html(e){const t=this.rules.block.html.exec(e);if(t){return{type:"html",block:!0,raw:t[0],pre:"pre"===t[1]||"script"===t[1]||"style"===t[1],text:t[0]}}}def(e){const t=this.rules.block.def.exec(e);if(t){const e=t[1].toLowerCase().replace(/\s+/g," "),n=t[2]?t[2].replace(/^<(.*)>$/,"$1").replace(this.rules.inline.anyPunctuation,"$1"):"",s=t[3]?t[3].substring(1,t[3].length-1).replace(this.rules.inline.anyPunctuation,"$1"):t[3];return{type:"def",tag:e,raw:t[0],href:n,title:s}}}table(e){const t=this.rules.block.table.exec(e);if(!t)return;if(!/[:|]/.test(t[2]))return;const n=d(t[1]),s=t[2].replace(/^\||\| *$/g,"").split("|"),r=t[3]&&t[3].trim()?t[3].replace(/\n[ \t]*$/,"").split("\n"):[],i={type:"table",raw:t[0],header:[],align:[],rows:[]};if(n.length===s.length){for(const e of s)/^ *-+: *$/.test(e)?i.align.push("right"):/^ *:-+: *$/.test(e)?i.align.push("center"):/^ *:-+ *$/.test(e)?i.align.push("left"):i.align.push(null);for(const e of n)i.header.push({text:e,tokens:this.lexer.inline(e)});for(const e of r)i.rows.push(d(e,i.header.length).map((e=>({text:e,tokens:this.lexer.inline(e)}))));return i}}lheading(e){const t=this.rules.block.lheading.exec(e);if(t)return{type:"heading",raw:t[0],depth:"="===t[2].charAt(0)?1:2,text:t[1],tokens:this.lexer.inline(t[1])}}paragraph(e){const t=this.rules.block.paragraph.exec(e);if(t){const e="\n"===t[1].charAt(t[1].length-1)?t[1].slice(0,-1):t[1];return{type:"paragraph",raw:t[0],text:e,tokens:this.lexer.inline(e)}}}text(e){const t=this.rules.block.text.exec(e);if(t)return{type:"text",raw:t[0],text:t[0],tokens:this.lexer.inline(t[0])}}escape(e){const t=this.rules.inline.escape.exec(e);if(t)return{type:"escape",raw:t[0],text:c(t[1])}}tag(e){const t=this.rules.inline.tag.exec(e);if(t)return!this.lexer.state.inLink&&/^<a /i.test(t[0])?this.lexer.state.inLink=!0:this.lexer.state.inLink&&/^<\/a>/i.test(t[0])&&(this.lexer.state.inLink=!1),!this.lexer.state.inRawBlock&&/^<(pre|code|kbd|script)(\s|>)/i.test(t[0])?this.lexer.state.inRawBlock=!0:this.lexer.state.inRawBlock&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(t[0])&&(this.lexer.state.inRawBlock=!1),{type:"html",raw:t[0],inLink:this.lexer.state.inLink,inRawBlock:this.lexer.state.inRawBlock,block:!1,text:t[0]}}link(e){const t=this.rules.inline.link.exec(e);if(t){const e=t[2].trim();if(!this.options.pedantic&&/^</.test(e)){if(!/>$/.test(e))return;const t=x(e.slice(0,-1),"\\");if((e.length-t.length)%2==0)return}else{const e=function(e,t){if(-1===e.indexOf(t[1]))return-1;let n=0;for(let s=0;s<e.length;s++)if("\\"===e[s])s++;else if(e[s]===t[0])n++;else if(e[s]===t[1]&&(n--,n<0))return s;return-1}(t[2],"()");if(e>-1){const n=(0===t[0].indexOf("!")?5:4)+t[1].length+e;t[2]=t[2].substring(0,e),t[0]=t[0].substring(0,n).trim(),t[3]=""}}let n=t[2],s="";if(this.options.pedantic){const e=/^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(n);e&&(n=e[1],s=e[3])}else s=t[3]?t[3].slice(1,-1):"";return n=n.trim(),/^</.test(n)&&(n=this.options.pedantic&&!/>$/.test(e)?n.slice(1):n.slice(1,-1)),b(t,{href:n?n.replace(this.rules.inline.anyPunctuation,"$1"):n,title:s?s.replace(this.rules.inline.anyPunctuation,"$1"):s},t[0],this.lexer)}}reflink(e,t){let n;if((n=this.rules.inline.reflink.exec(e))||(n=this.rules.inline.nolink.exec(e))){const e=t[(n[2]||n[1]).replace(/\s+/g," ").toLowerCase()];if(!e){const e=n[0].charAt(0);return{type:"text",raw:e,text:e}}return b(n,e,n[0],this.lexer)}}emStrong(e,t,n=""){let s=this.rules.inline.emStrongLDelim.exec(e);if(!s)return;if(s[3]&&n.match(/[\p{L}\p{N}]/u))return;if(!(s[1]||s[2]||"")||!n||this.rules.inline.punctuation.exec(n)){const n=[...s[0]].length-1;let r,i,l=n,o=0;const a="*"===s[0][0]?this.rules.inline.emStrongRDelimAst:this.rules.inline.emStrongRDelimUnd;for(a.lastIndex=0,t=t.slice(-1*e.length+n);null!=(s=a.exec(t));){if(r=s[1]||s[2]||s[3]||s[4]||s[5]||s[6],!r)continue;if(i=[...r].length,s[3]||s[4]){l+=i;continue}if((s[5]||s[6])&&n%3&&!((n+i)%3)){o+=i;continue}if(l-=i,l>0)continue;i=Math.min(i,i+l+o);const t=[...s[0]][0].length,a=e.slice(0,n+s.index+t+i);if(Math.min(n,i)%2){const e=a.slice(1,-1);return{type:"em",raw:a,text:e,tokens:this.lexer.inlineTokens(e)}}const c=a.slice(2,-2);return{type:"strong",raw:a,text:c,tokens:this.lexer.inlineTokens(c)}}}}codespan(e){const t=this.rules.inline.code.exec(e);if(t){let e=t[2].replace(/\n/g," ");const n=/[^ ]/.test(e),s=/^ /.test(e)&&/ $/.test(e);return n&&s&&(e=e.substring(1,e.length-1)),e=c(e,!0),{type:"codespan",raw:t[0],text:e}}}br(e){const t=this.rules.inline.br.exec(e);if(t)return{type:"br",raw:t[0]}}del(e){const t=this.rules.inline.del.exec(e);if(t)return{type:"del",raw:t[0],text:t[2],tokens:this.lexer.inlineTokens(t[2])}}autolink(e){const t=this.rules.inline.autolink.exec(e);if(t){let e,n;return"@"===t[2]?(e=c(t[1]),n="mailto:"+e):(e=c(t[1]),n=e),{type:"link",raw:t[0],text:e,href:n,tokens:[{type:"text",raw:e,text:e}]}}}url(e){let t;if(t=this.rules.inline.url.exec(e)){let e,n;if("@"===t[2])e=c(t[0]),n="mailto:"+e;else{let s;do{s=t[0],t[0]=this.rules.inline._backpedal.exec(t[0])?.[0]??""}while(s!==t[0]);e=c(t[0]),n="www."===t[1]?"http://"+t[0]:t[0]}return{type:"link",raw:t[0],text:e,href:n,tokens:[{type:"text",raw:e,text:e}]}}}inlineText(e){const t=this.rules.inline.text.exec(e);if(t){let e;return e=this.lexer.state.inRawBlock?t[0]:c(t[0]),{type:"text",raw:t[0],text:e}}}}const m=/^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/,y=/(?:[*+-]|\d{1,9}[.)])/,$=k(/^(?!bull |blockCode|fences|blockquote|heading|html)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html))+?)\n {0,3}(=+|-+) *(?:\n+|$)/).replace(/bull/g,y).replace(/blockCode/g,/ {4}/).replace(/fences/g,/ {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g,/ {0,3}>/).replace(/heading/g,/ {0,3}#{1,6}/).replace(/html/g,/ {0,3}<[^\n>]+>\n/).getRegex(),z=/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/,T=/(?!\s*\])(?:\\.|[^\[\]\\])+/,R=k(/^ {0,3}\[(label)\]: *(?:\n *)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n *)?| *\n *)(title))? *(?:\n+|$)/).replace("label",T).replace("title",/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(),_=k(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g,y).getRegex(),A="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",S=/<!--(?:-?>|[\s\S]*?(?:-->|$))/,I=k("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n *)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$))","i").replace("comment",S).replace("tag",A).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),E=k(z).replace("hr",m).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("|lheading","").replace("|table","").replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",A).getRegex(),q={blockquote:k(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph",E).getRegex(),code:/^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/,def:R,fences:/^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/,heading:/^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/,hr:m,html:I,lheading:$,list:_,newline:/^(?: *(?:\n|$))+/,paragraph:E,table:f,text:/^[^\n]+/},Z=k("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr",m).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("blockquote"," {0,3}>").replace("code"," {4}[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",A).getRegex(),L={...q,table:Z,paragraph:k(z).replace("hr",m).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("|lheading","").replace("table",Z).replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",A).getRegex()},P={...q,html:k("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:\"[^\"]*\"|'[^']*'|\\s[^'\"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment",S).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^(#{1,6})(.*)(?:\n+|$)/,fences:f,lheading:/^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,paragraph:k(z).replace("hr",m).replace("heading"," *#{1,6} *[^\n]").replace("lheading",$).replace("|table","").replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").replace("|tag","").getRegex()},Q=/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,v=/^( {2,}|\\)\n(?!\s*$)/,B="\\p{P}\\p{S}",C=k(/^((?![*_])[\spunctuation])/,"u").replace(/punctuation/g,B).getRegex(),M=k(/^(?:\*+(?:((?!\*)[punct])|[^\s*]))|^_+(?:((?!_)[punct])|([^\s_]))/,"u").replace(/punct/g,B).getRegex(),O=k("^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)[punct](\\*+)(?=[\\s]|$)|[^punct\\s](\\*+)(?!\\*)(?=[punct\\s]|$)|(?!\\*)[punct\\s](\\*+)(?=[^punct\\s])|[\\s](\\*+)(?!\\*)(?=[punct])|(?!\\*)[punct](\\*+)(?!\\*)(?=[punct])|[^punct\\s](\\*+)(?=[^punct\\s])","gu").replace(/punct/g,B).getRegex(),D=k("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)[punct](_+)(?=[\\s]|$)|[^punct\\s](_+)(?!_)(?=[punct\\s]|$)|(?!_)[punct\\s](_+)(?=[^punct\\s])|[\\s](_+)(?!_)(?=[punct])|(?!_)[punct](_+)(?!_)(?=[punct])","gu").replace(/punct/g,B).getRegex(),j=k(/\\([punct])/,"gu").replace(/punct/g,B).getRegex(),H=k(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme",/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email",/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(),U=k(S).replace("(?:--\x3e|$)","--\x3e").getRegex(),X=k("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment",U).replace("attribute",/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(),F=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/,N=k(/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/).replace("label",F).replace("href",/<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/).replace("title",/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(),G=k(/^!?\[(label)\]\[(ref)\]/).replace("label",F).replace("ref",T).getRegex(),J=k(/^!?\[(ref)\](?:\[\])?/).replace("ref",T).getRegex(),K={_backpedal:f,anyPunctuation:j,autolink:H,blockSkip:/\[[^[\]]*?\]\([^\(\)]*?\)|`[^`]*?`|<[^<>]*?>/g,br:v,code:/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,del:f,emStrongLDelim:M,emStrongRDelimAst:O,emStrongRDelimUnd:D,escape:Q,link:N,nolink:J,punctuation:C,reflink:G,reflinkSearch:k("reflink|nolink(?!\\()","g").replace("reflink",G).replace("nolink",J).getRegex(),tag:X,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,url:f},V={...K,link:k(/^!?\[(label)\]\((.*?)\)/).replace("label",F).getRegex(),reflink:k(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",F).getRegex()},W={...K,escape:k(Q).replace("])","~|])").getRegex(),url:k(/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,"i").replace("email",/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(),_backpedal:/(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])([\s\S]*?[^\s~])\1(?=[^~]|$)/,text:/^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/},Y={...W,br:k(v).replace("{2,}","*").getRegex(),text:k(W.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()},ee={normal:q,gfm:L,pedantic:P},te={normal:K,gfm:W,breaks:Y,pedantic:V};class ne{tokens;options;state;tokenizer;inlineQueue;constructor(t){this.tokens=[],this.tokens.links=Object.create(null),this.options=t||e.defaults,this.options.tokenizer=this.options.tokenizer||new w,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options,this.tokenizer.lexer=this,this.inlineQueue=[],this.state={inLink:!1,inRawBlock:!1,top:!0};const n={block:ee.normal,inline:te.normal};this.options.pedantic?(n.block=ee.pedantic,n.inline=te.pedantic):this.options.gfm&&(n.block=ee.gfm,this.options.breaks?n.inline=te.breaks:n.inline=te.gfm),this.tokenizer.rules=n}static get rules(){return{block:ee,inline:te}}static lex(e,t){return new ne(t).lex(e)}static lexInline(e,t){return new ne(t).inlineTokens(e)}lex(e){e=e.replace(/\r\n|\r/g,"\n"),this.blockTokens(e,this.tokens);for(let e=0;e<this.inlineQueue.length;e++){const t=this.inlineQueue[e];this.inlineTokens(t.src,t.tokens)}return this.inlineQueue=[],this.tokens}blockTokens(e,t=[]){let n,s,r,i;for(e=this.options.pedantic?e.replace(/\t/g,"    ").replace(/^ +$/gm,""):e.replace(/^( *)(\t+)/gm,((e,t,n)=>t+"    ".repeat(n.length)));e;)if(!(this.options.extensions&&this.options.extensions.block&&this.options.extensions.block.some((s=>!!(n=s.call({lexer:this},e,t))&&(e=e.substring(n.raw.length),t.push(n),!0)))))if(n=this.tokenizer.space(e))e=e.substring(n.raw.length),1===n.raw.length&&t.length>0?t[t.length-1].raw+="\n":t.push(n);else if(n=this.tokenizer.code(e))e=e.substring(n.raw.length),s=t[t.length-1],!s||"paragraph"!==s.type&&"text"!==s.type?t.push(n):(s.raw+="\n"+n.raw,s.text+="\n"+n.text,this.inlineQueue[this.inlineQueue.length-1].src=s.text);else if(n=this.tokenizer.fences(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.heading(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.hr(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.blockquote(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.list(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.html(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.def(e))e=e.substring(n.raw.length),s=t[t.length-1],!s||"paragraph"!==s.type&&"text"!==s.type?this.tokens.links[n.tag]||(this.tokens.links[n.tag]={href:n.href,title:n.title}):(s.raw+="\n"+n.raw,s.text+="\n"+n.raw,this.inlineQueue[this.inlineQueue.length-1].src=s.text);else if(n=this.tokenizer.table(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.lheading(e))e=e.substring(n.raw.length),t.push(n);else{if(r=e,this.options.extensions&&this.options.extensions.startBlock){let t=1/0;const n=e.slice(1);let s;this.options.extensions.startBlock.forEach((e=>{s=e.call({lexer:this},n),"number"==typeof s&&s>=0&&(t=Math.min(t,s))})),t<1/0&&t>=0&&(r=e.substring(0,t+1))}if(this.state.top&&(n=this.tokenizer.paragraph(r)))s=t[t.length-1],i&&"paragraph"===s.type?(s.raw+="\n"+n.raw,s.text+="\n"+n.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=s.text):t.push(n),i=r.length!==e.length,e=e.substring(n.raw.length);else if(n=this.tokenizer.text(e))e=e.substring(n.raw.length),s=t[t.length-1],s&&"text"===s.type?(s.raw+="\n"+n.raw,s.text+="\n"+n.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=s.text):t.push(n);else if(e){const t="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(t);break}throw new Error(t)}}return this.state.top=!0,t}inline(e,t=[]){return this.inlineQueue.push({src:e,tokens:t}),t}inlineTokens(e,t=[]){let n,s,r,i,l,o,a=e;if(this.tokens.links){const e=Object.keys(this.tokens.links);if(e.length>0)for(;null!=(i=this.tokenizer.rules.inline.reflinkSearch.exec(a));)e.includes(i[0].slice(i[0].lastIndexOf("[")+1,-1))&&(a=a.slice(0,i.index)+"["+"a".repeat(i[0].length-2)+"]"+a.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;null!=(i=this.tokenizer.rules.inline.blockSkip.exec(a));)a=a.slice(0,i.index)+"["+"a".repeat(i[0].length-2)+"]"+a.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);for(;null!=(i=this.tokenizer.rules.inline.anyPunctuation.exec(a));)a=a.slice(0,i.index)+"++"+a.slice(this.tokenizer.rules.inline.anyPunctuation.lastIndex);for(;e;)if(l||(o=""),l=!1,!(this.options.extensions&&this.options.extensions.inline&&this.options.extensions.inline.some((s=>!!(n=s.call({lexer:this},e,t))&&(e=e.substring(n.raw.length),t.push(n),!0)))))if(n=this.tokenizer.escape(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.tag(e))e=e.substring(n.raw.length),s=t[t.length-1],s&&"text"===n.type&&"text"===s.type?(s.raw+=n.raw,s.text+=n.text):t.push(n);else if(n=this.tokenizer.link(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.reflink(e,this.tokens.links))e=e.substring(n.raw.length),s=t[t.length-1],s&&"text"===n.type&&"text"===s.type?(s.raw+=n.raw,s.text+=n.text):t.push(n);else if(n=this.tokenizer.emStrong(e,a,o))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.codespan(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.br(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.del(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.autolink(e))e=e.substring(n.raw.length),t.push(n);else if(this.state.inLink||!(n=this.tokenizer.url(e))){if(r=e,this.options.extensions&&this.options.extensions.startInline){let t=1/0;const n=e.slice(1);let s;this.options.extensions.startInline.forEach((e=>{s=e.call({lexer:this},n),"number"==typeof s&&s>=0&&(t=Math.min(t,s))})),t<1/0&&t>=0&&(r=e.substring(0,t+1))}if(n=this.tokenizer.inlineText(r))e=e.substring(n.raw.length),"_"!==n.raw.slice(-1)&&(o=n.raw.slice(-1)),l=!0,s=t[t.length-1],s&&"text"===s.type?(s.raw+=n.raw,s.text+=n.text):t.push(n);else if(e){const t="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(t);break}throw new Error(t)}}else e=e.substring(n.raw.length),t.push(n);return t}}class se{options;constructor(t){this.options=t||e.defaults}code(e,t,n){const s=(t||"").match(/^\S*/)?.[0];return e=e.replace(/\n$/,"")+"\n",s?'<pre><code class="language-'+c(s)+'">'+(n?e:c(e,!0))+"</code></pre>\n":"<pre><code>"+(n?e:c(e,!0))+"</code></pre>\n"}blockquote(e){return`<blockquote>\n${e}</blockquote>\n`}html(e,t){return e}heading(e,t,n){return`<h${t}>${e}</h${t}>\n`}hr(){return"<hr>\n"}list(e,t,n){const s=t?"ol":"ul";return"<"+s+(t&&1!==n?' start="'+n+'"':"")+">\n"+e+"</"+s+">\n"}listitem(e,t,n){return`<li>${e}</li>\n`}checkbox(e){return"<input "+(e?'checked="" ':"")+'disabled="" type="checkbox">'}paragraph(e){return`<p>${e}</p>\n`}table(e,t){return t&&(t=`<tbody>${t}</tbody>`),"<table>\n<thead>\n"+e+"</thead>\n"+t+"</table>\n"}tablerow(e){return`<tr>\n${e}</tr>\n`}tablecell(e,t){const n=t.header?"th":"td";return(t.align?`<${n} align="${t.align}">`:`<${n}>`)+e+`</${n}>\n`}strong(e){return`<strong>${e}</strong>`}em(e){return`<em>${e}</em>`}codespan(e){return`<code>${e}</code>`}br(){return"<br>"}del(e){return`<del>${e}</del>`}link(e,t,n){const s=g(e);if(null===s)return n;let r='<a href="'+(e=s)+'"';return t&&(r+=' title="'+t+'"'),r+=">"+n+"</a>",r}image(e,t,n){const s=g(e);if(null===s)return n;let r=`<img src="${e=s}" alt="${n}"`;return t&&(r+=` title="${t}"`),r+=">",r}text(e){return e}}class re{strong(e){return e}em(e){return e}codespan(e){return e}del(e){return e}html(e){return e}text(e){return e}link(e,t,n){return""+n}image(e,t,n){return""+n}br(){return""}}class ie{options;renderer;textRenderer;constructor(t){this.options=t||e.defaults,this.options.renderer=this.options.renderer||new se,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new re}static parse(e,t){return new ie(t).parse(e)}static parseInline(e,t){return new ie(t).parseInline(e)}parse(e,t=!0){let n="";for(let s=0;s<e.length;s++){const r=e[s];if(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[r.type]){const e=r,t=this.options.extensions.renderers[e.type].call({parser:this},e);if(!1!==t||!["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(e.type)){n+=t||"";continue}}switch(r.type){case"space":continue;case"hr":n+=this.renderer.hr();continue;case"heading":{const e=r;n+=this.renderer.heading(this.parseInline(e.tokens),e.depth,p(this.parseInline(e.tokens,this.textRenderer)));continue}case"code":{const e=r;n+=this.renderer.code(e.text,e.lang,!!e.escaped);continue}case"table":{const e=r;let t="",s="";for(let t=0;t<e.header.length;t++)s+=this.renderer.tablecell(this.parseInline(e.header[t].tokens),{header:!0,align:e.align[t]});t+=this.renderer.tablerow(s);let i="";for(let t=0;t<e.rows.length;t++){const n=e.rows[t];s="";for(let t=0;t<n.length;t++)s+=this.renderer.tablecell(this.parseInline(n[t].tokens),{header:!1,align:e.align[t]});i+=this.renderer.tablerow(s)}n+=this.renderer.table(t,i);continue}case"blockquote":{const e=r,t=this.parse(e.tokens);n+=this.renderer.blockquote(t);continue}case"list":{const e=r,t=e.ordered,s=e.start,i=e.loose;let l="";for(let t=0;t<e.items.length;t++){const n=e.items[t],s=n.checked,r=n.task;let o="";if(n.task){const e=this.renderer.checkbox(!!s);i?n.tokens.length>0&&"paragraph"===n.tokens[0].type?(n.tokens[0].text=e+" "+n.tokens[0].text,n.tokens[0].tokens&&n.tokens[0].tokens.length>0&&"text"===n.tokens[0].tokens[0].type&&(n.tokens[0].tokens[0].text=e+" "+n.tokens[0].tokens[0].text)):n.tokens.unshift({type:"text",text:e+" "}):o+=e+" "}o+=this.parse(n.tokens,i),l+=this.renderer.listitem(o,r,!!s)}n+=this.renderer.list(l,t,s);continue}case"html":{const e=r;n+=this.renderer.html(e.text,e.block);continue}case"paragraph":{const e=r;n+=this.renderer.paragraph(this.parseInline(e.tokens));continue}case"text":{let i=r,l=i.tokens?this.parseInline(i.tokens):i.text;for(;s+1<e.length&&"text"===e[s+1].type;)i=e[++s],l+="\n"+(i.tokens?this.parseInline(i.tokens):i.text);n+=t?this.renderer.paragraph(l):l;continue}default:{const e='Token with "'+r.type+'" type was not found.';if(this.options.silent)return console.error(e),"";throw new Error(e)}}}return n}parseInline(e,t){t=t||this.renderer;let n="";for(let s=0;s<e.length;s++){const r=e[s];if(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[r.type]){const e=this.options.extensions.renderers[r.type].call({parser:this},r);if(!1!==e||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(r.type)){n+=e||"";continue}}switch(r.type){case"escape":{const e=r;n+=t.text(e.text);break}case"html":{const e=r;n+=t.html(e.text);break}case"link":{const e=r;n+=t.link(e.href,e.title,this.parseInline(e.tokens,t));break}case"image":{const e=r;n+=t.image(e.href,e.title,e.text);break}case"strong":{const e=r;n+=t.strong(this.parseInline(e.tokens,t));break}case"em":{const e=r;n+=t.em(this.parseInline(e.tokens,t));break}case"codespan":{const e=r;n+=t.codespan(e.text);break}case"br":n+=t.br();break;case"del":{const e=r;n+=t.del(this.parseInline(e.tokens,t));break}case"text":{const e=r;n+=t.text(e.text);break}default:{const e='Token with "'+r.type+'" type was not found.';if(this.options.silent)return console.error(e),"";throw new Error(e)}}}return n}}class le{options;constructor(t){this.options=t||e.defaults}static passThroughHooks=new Set(["preprocess","postprocess","processAllTokens"]);preprocess(e){return e}postprocess(e){return e}processAllTokens(e){return e}}class oe{defaults={async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null};options=this.setOptions;parse=this.#e(ne.lex,ie.parse);parseInline=this.#e(ne.lexInline,ie.parseInline);Parser=ie;Renderer=se;TextRenderer=re;Lexer=ne;Tokenizer=w;Hooks=le;constructor(...e){this.use(...e)}walkTokens(e,t){let n=[];for(const s of e)switch(n=n.concat(t.call(this,s)),s.type){case"table":{const e=s;for(const s of e.header)n=n.concat(this.walkTokens(s.tokens,t));for(const s of e.rows)for(const e of s)n=n.concat(this.walkTokens(e.tokens,t));break}case"list":{const e=s;n=n.concat(this.walkTokens(e.items,t));break}default:{const e=s;this.defaults.extensions?.childTokens?.[e.type]?this.defaults.extensions.childTokens[e.type].forEach((s=>{const r=e[s].flat(1/0);n=n.concat(this.walkTokens(r,t))})):e.tokens&&(n=n.concat(this.walkTokens(e.tokens,t)))}}return n}use(...e){const t=this.defaults.extensions||{renderers:{},childTokens:{}};return e.forEach((e=>{const n={...e};if(n.async=this.defaults.async||n.async||!1,e.extensions&&(e.extensions.forEach((e=>{if(!e.name)throw new Error("extension name required");if("renderer"in e){const n=t.renderers[e.name];t.renderers[e.name]=n?function(...t){let s=e.renderer.apply(this,t);return!1===s&&(s=n.apply(this,t)),s}:e.renderer}if("tokenizer"in e){if(!e.level||"block"!==e.level&&"inline"!==e.level)throw new Error("extension level must be 'block' or 'inline'");const n=t[e.level];n?n.unshift(e.tokenizer):t[e.level]=[e.tokenizer],e.start&&("block"===e.level?t.startBlock?t.startBlock.push(e.start):t.startBlock=[e.start]:"inline"===e.level&&(t.startInline?t.startInline.push(e.start):t.startInline=[e.start]))}"childTokens"in e&&e.childTokens&&(t.childTokens[e.name]=e.childTokens)})),n.extensions=t),e.renderer){const t=this.defaults.renderer||new se(this.defaults);for(const n in e.renderer){if(!(n in t))throw new Error(`renderer '${n}' does not exist`);if("options"===n)continue;const s=n,r=e.renderer[s],i=t[s];t[s]=(...e)=>{let n=r.apply(t,e);return!1===n&&(n=i.apply(t,e)),n||""}}n.renderer=t}if(e.tokenizer){const t=this.defaults.tokenizer||new w(this.defaults);for(const n in e.tokenizer){if(!(n in t))throw new Error(`tokenizer '${n}' does not exist`);if(["options","rules","lexer"].includes(n))continue;const s=n,r=e.tokenizer[s],i=t[s];t[s]=(...e)=>{let n=r.apply(t,e);return!1===n&&(n=i.apply(t,e)),n}}n.tokenizer=t}if(e.hooks){const t=this.defaults.hooks||new le;for(const n in e.hooks){if(!(n in t))throw new Error(`hook '${n}' does not exist`);if("options"===n)continue;const s=n,r=e.hooks[s],i=t[s];le.passThroughHooks.has(n)?t[s]=e=>{if(this.defaults.async)return Promise.resolve(r.call(t,e)).then((e=>i.call(t,e)));const n=r.call(t,e);return i.call(t,n)}:t[s]=(...e)=>{let n=r.apply(t,e);return!1===n&&(n=i.apply(t,e)),n}}n.hooks=t}if(e.walkTokens){const t=this.defaults.walkTokens,s=e.walkTokens;n.walkTokens=function(e){let n=[];return n.push(s.call(this,e)),t&&(n=n.concat(t.call(this,e))),n}}this.defaults={...this.defaults,...n}})),this}setOptions(e){return this.defaults={...this.defaults,...e},this}lexer(e,t){return ne.lex(e,t??this.defaults)}parser(e,t){return ie.parse(e,t??this.defaults)}#e(e,t){return(n,s)=>{const r={...s},i={...this.defaults,...r};!0===this.defaults.async&&!1===r.async&&(i.silent||console.warn("marked(): The async option was set to true by an extension. The async: false option sent to parse will be ignored."),i.async=!0);const l=this.#t(!!i.silent,!!i.async);if(null==n)return l(new Error("marked(): input parameter is undefined or null"));if("string"!=typeof n)return l(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(n)+", string expected"));if(i.hooks&&(i.hooks.options=i),i.async)return Promise.resolve(i.hooks?i.hooks.preprocess(n):n).then((t=>e(t,i))).then((e=>i.hooks?i.hooks.processAllTokens(e):e)).then((e=>i.walkTokens?Promise.all(this.walkTokens(e,i.walkTokens)).then((()=>e)):e)).then((e=>t(e,i))).then((e=>i.hooks?i.hooks.postprocess(e):e)).catch(l);try{i.hooks&&(n=i.hooks.preprocess(n));let s=e(n,i);i.hooks&&(s=i.hooks.processAllTokens(s)),i.walkTokens&&this.walkTokens(s,i.walkTokens);let r=t(s,i);return i.hooks&&(r=i.hooks.postprocess(r)),r}catch(e){return l(e)}}}#t(e,t){return n=>{if(n.message+="\nPlease report this to https://github.com/markedjs/marked.",e){const e="<p>An error occurred:</p><pre>"+c(n.message+"",!0)+"</pre>";return t?Promise.resolve(e):e}if(t)return Promise.reject(n);throw n}}}const ae=new oe;function ce(e,t){return ae.parse(e,t)}ce.options=ce.setOptions=function(e){return ae.setOptions(e),ce.defaults=ae.defaults,n(ce.defaults),ce},ce.getDefaults=t,ce.defaults=e.defaults,ce.use=function(...e){return ae.use(...e),ce.defaults=ae.defaults,n(ce.defaults),ce},ce.walkTokens=function(e,t){return ae.walkTokens(e,t)},ce.parseInline=ae.parseInline,ce.Parser=ie,ce.parser=ie.parse,ce.Renderer=se,ce.TextRenderer=re,ce.Lexer=ne,ce.lexer=ne.lex,ce.Tokenizer=w,ce.Hooks=le,ce.parse=ce;const he=ce.options,pe=ce.setOptions,ue=ce.use,ke=ce.walkTokens,ge=ce.parseInline,fe=ce,de=ie.parse,xe=ne.lex;e.Hooks=le,e.Lexer=ne,e.Marked=oe,e.Parser=ie,e.Renderer=se,e.TextRenderer=re,e.Tokenizer=w,e.getDefaults=t,e.lexer=xe,e.marked=ce,e.options=he,e.parse=fe,e.parseInline=ge,e.parser=de,e.setOptions=pe,e.use=ue,e.walkTokens=ke}));

kjweb_async/purify.min.js

@@ -0,0 +1,3 @@
+/*! @license DOMPurify 3.0.11 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.11/LICENSE */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).DOMPurify=t()}(this,(function(){"use strict";const{entries:e,setPrototypeOf:t,isFrozen:n,getPrototypeOf:o,getOwnPropertyDescriptor:r}=Object;let{freeze:i,seal:a,create:l}=Object,{apply:c,construct:s}="undefined"!=typeof Reflect&&Reflect;i||(i=function(e){return e}),a||(a=function(e){return e}),c||(c=function(e,t,n){return e.apply(t,n)}),s||(s=function(e,t){return new e(...t)});const u=b(Array.prototype.forEach),m=b(Array.prototype.pop),p=b(Array.prototype.push),f=b(String.prototype.toLowerCase),d=b(String.prototype.toString),h=b(String.prototype.match),g=b(String.prototype.replace),T=b(String.prototype.indexOf),y=b(String.prototype.trim),E=b(Object.prototype.hasOwnProperty),A=b(RegExp.prototype.test),_=(N=TypeError,function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return s(N,t)});var N;function b(e){return function(t){for(var n=arguments.length,o=new Array(n>1?n-1:0),r=1;r<n;r++)o[r-1]=arguments[r];return c(e,t,o)}}function S(e,o){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:f;t&&t(e,null);let i=o.length;for(;i--;){let t=o[i];if("string"==typeof t){const e=r(t);e!==t&&(n(o)||(o[i]=e),t=e)}e[t]=!0}return e}function R(e){for(let t=0;t<e.length;t++){E(e,t)||(e[t]=null)}return e}function w(t){const n=l(null);for(const[o,r]of e(t)){E(t,o)&&(Array.isArray(r)?n[o]=R(r):r&&"object"==typeof r&&r.constructor===Object?n[o]=w(r):n[o]=r)}return n}function L(e,t){for(;null!==e;){const n=r(e,t);if(n){if(n.get)return b(n.get);if("function"==typeof n.value)return b(n.value)}e=o(e)}return function(){return null}}const D=i(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),C=i(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),O=i(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),x=i(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),v=i(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),k=i(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),M=i(["#text"]),I=i(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns","slot"]),U=i(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),P=i(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),F=i(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),H=a(/\{\{[\w\W]*|[\w\W]*\}\}/gm),z=a(/<%[\w\W]*|[\w\W]*%>/gm),B=a(/\${[\w\W]*}/gm),W=a(/^data-[\-\w.\u00B7-\uFFFF]/),G=a(/^aria-[\-\w]+$/),Y=a(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),j=a(/^(?:\w+script|data):/i),X=a(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),q=a(/^html$/i),$=a(/^[a-z][.\w]*(-[.\w]+)+$/i);var K=Object.freeze({__proto__:null,MUSTACHE_EXPR:H,ERB_EXPR:z,TMPLIT_EXPR:B,DATA_ATTR:W,ARIA_ATTR:G,IS_ALLOWED_URI:Y,IS_SCRIPT_OR_DATA:j,ATTR_WHITESPACE:X,DOCTYPE_NAME:q,CUSTOM_ELEMENT:$});const V=function(){return"undefined"==typeof window?null:window},Z=function(e,t){if("object"!=typeof e||"function"!=typeof e.createPolicy)return null;let n=null;const o="data-tt-policy-suffix";t&&t.hasAttribute(o)&&(n=t.getAttribute(o));const r="dompurify"+(n?"#"+n:"");try{return e.createPolicy(r,{createHTML:e=>e,createScriptURL:e=>e})}catch(e){return console.warn("TrustedTypes policy "+r+" could not be created."),null}};var J=function t(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:V();const o=e=>t(e);if(o.version="3.0.11",o.removed=[],!n||!n.document||9!==n.document.nodeType)return o.isSupported=!1,o;let{document:r}=n;const a=r,c=a.currentScript,{DocumentFragment:s,HTMLTemplateElement:N,Node:b,Element:R,NodeFilter:H,NamedNodeMap:z=n.NamedNodeMap||n.MozNamedAttrMap,HTMLFormElement:B,DOMParser:W,trustedTypes:G}=n,j=R.prototype,X=L(j,"cloneNode"),$=L(j,"nextSibling"),J=L(j,"childNodes"),Q=L(j,"parentNode");if("function"==typeof N){const e=r.createElement("template");e.content&&e.content.ownerDocument&&(r=e.content.ownerDocument)}let ee,te="";const{implementation:ne,createNodeIterator:oe,createDocumentFragment:re,getElementsByTagName:ie}=r,{importNode:ae}=a;let le={};o.isSupported="function"==typeof e&&"function"==typeof Q&&ne&&void 0!==ne.createHTMLDocument;const{MUSTACHE_EXPR:ce,ERB_EXPR:se,TMPLIT_EXPR:ue,DATA_ATTR:me,ARIA_ATTR:pe,IS_SCRIPT_OR_DATA:fe,ATTR_WHITESPACE:de,CUSTOM_ELEMENT:he}=K;let{IS_ALLOWED_URI:ge}=K,Te=null;const ye=S({},[...D,...C,...O,...v,...M]);let Ee=null;const Ae=S({},[...I,...U,...P,...F]);let _e=Object.seal(l(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),Ne=null,be=null,Se=!0,Re=!0,we=!1,Le=!0,De=!1,Ce=!0,Oe=!1,xe=!1,ve=!1,ke=!1,Me=!1,Ie=!1,Ue=!0,Pe=!1;const Fe="user-content-";let He=!0,ze=!1,Be={},We=null;const Ge=S({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Ye=null;const je=S({},["audio","video","img","source","image","track"]);let Xe=null;const qe=S({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),$e="http://www.w3.org/1998/Math/MathML",Ke="http://www.w3.org/2000/svg",Ve="http://www.w3.org/1999/xhtml";let Ze=Ve,Je=!1,Qe=null;const et=S({},[$e,Ke,Ve],d);let tt=null;const nt=["application/xhtml+xml","text/html"],ot="text/html";let rt=null,it=null;const at=r.createElement("form"),lt=function(e){return e instanceof RegExp||e instanceof Function},ct=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!it||it!==e){if(e&&"object"==typeof e||(e={}),e=w(e),tt=-1===nt.indexOf(e.PARSER_MEDIA_TYPE)?ot:e.PARSER_MEDIA_TYPE,rt="application/xhtml+xml"===tt?d:f,Te=E(e,"ALLOWED_TAGS")?S({},e.ALLOWED_TAGS,rt):ye,Ee=E(e,"ALLOWED_ATTR")?S({},e.ALLOWED_ATTR,rt):Ae,Qe=E(e,"ALLOWED_NAMESPACES")?S({},e.ALLOWED_NAMESPACES,d):et,Xe=E(e,"ADD_URI_SAFE_ATTR")?S(w(qe),e.ADD_URI_SAFE_ATTR,rt):qe,Ye=E(e,"ADD_DATA_URI_TAGS")?S(w(je),e.ADD_DATA_URI_TAGS,rt):je,We=E(e,"FORBID_CONTENTS")?S({},e.FORBID_CONTENTS,rt):Ge,Ne=E(e,"FORBID_TAGS")?S({},e.FORBID_TAGS,rt):{},be=E(e,"FORBID_ATTR")?S({},e.FORBID_ATTR,rt):{},Be=!!E(e,"USE_PROFILES")&&e.USE_PROFILES,Se=!1!==e.ALLOW_ARIA_ATTR,Re=!1!==e.ALLOW_DATA_ATTR,we=e.ALLOW_UNKNOWN_PROTOCOLS||!1,Le=!1!==e.ALLOW_SELF_CLOSE_IN_ATTR,De=e.SAFE_FOR_TEMPLATES||!1,Ce=!1!==e.SAFE_FOR_XML,Oe=e.WHOLE_DOCUMENT||!1,ke=e.RETURN_DOM||!1,Me=e.RETURN_DOM_FRAGMENT||!1,Ie=e.RETURN_TRUSTED_TYPE||!1,ve=e.FORCE_BODY||!1,Ue=!1!==e.SANITIZE_DOM,Pe=e.SANITIZE_NAMED_PROPS||!1,He=!1!==e.KEEP_CONTENT,ze=e.IN_PLACE||!1,ge=e.ALLOWED_URI_REGEXP||Y,Ze=e.NAMESPACE||Ve,_e=e.CUSTOM_ELEMENT_HANDLING||{},e.CUSTOM_ELEMENT_HANDLING&&lt(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(_e.tagNameCheck=e.CUSTOM_ELEMENT_HANDLING.tagNameCheck),e.CUSTOM_ELEMENT_HANDLING&&lt(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(_e.attributeNameCheck=e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),e.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(_e.allowCustomizedBuiltInElements=e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),De&&(Re=!1),Me&&(ke=!0),Be&&(Te=S({},M),Ee=[],!0===Be.html&&(S(Te,D),S(Ee,I)),!0===Be.svg&&(S(Te,C),S(Ee,U),S(Ee,F)),!0===Be.svgFilters&&(S(Te,O),S(Ee,U),S(Ee,F)),!0===Be.mathMl&&(S(Te,v),S(Ee,P),S(Ee,F))),e.ADD_TAGS&&(Te===ye&&(Te=w(Te)),S(Te,e.ADD_TAGS,rt)),e.ADD_ATTR&&(Ee===Ae&&(Ee=w(Ee)),S(Ee,e.ADD_ATTR,rt)),e.ADD_URI_SAFE_ATTR&&S(Xe,e.ADD_URI_SAFE_ATTR,rt),e.FORBID_CONTENTS&&(We===Ge&&(We=w(We)),S(We,e.FORBID_CONTENTS,rt)),He&&(Te["#text"]=!0),Oe&&S(Te,["html","head","body"]),Te.table&&(S(Te,["tbody"]),delete Ne.tbody),e.TRUSTED_TYPES_POLICY){if("function"!=typeof e.TRUSTED_TYPES_POLICY.createHTML)throw _('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof e.TRUSTED_TYPES_POLICY.createScriptURL)throw _('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');ee=e.TRUSTED_TYPES_POLICY,te=ee.createHTML("")}else void 0===ee&&(ee=Z(G,c)),null!==ee&&"string"==typeof te&&(te=ee.createHTML(""));i&&i(e),it=e}},st=S({},["mi","mo","mn","ms","mtext"]),ut=S({},["foreignobject","desc","title","annotation-xml"]),mt=S({},["title","style","font","a","script"]),pt=S({},[...C,...O,...x]),ft=S({},[...v,...k]),dt=function(e){let t=Q(e);t&&t.tagName||(t={namespaceURI:Ze,tagName:"template"});const n=f(e.tagName),o=f(t.tagName);return!!Qe[e.namespaceURI]&&(e.namespaceURI===Ke?t.namespaceURI===Ve?"svg"===n:t.namespaceURI===$e?"svg"===n&&("annotation-xml"===o||st[o]):Boolean(pt[n]):e.namespaceURI===$e?t.namespaceURI===Ve?"math"===n:t.namespaceURI===Ke?"math"===n&&ut[o]:Boolean(ft[n]):e.namespaceURI===Ve?!(t.namespaceURI===Ke&&!ut[o])&&(!(t.namespaceURI===$e&&!st[o])&&(!ft[n]&&(mt[n]||!pt[n]))):!("application/xhtml+xml"!==tt||!Qe[e.namespaceURI]))},ht=function(e){p(o.removed,{element:e});try{e.parentNode.removeChild(e)}catch(t){e.remove()}},gt=function(e,t){try{p(o.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){p(o.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e&&!Ee[e])if(ke||Me)try{ht(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}},Tt=function(e){let t=null,n=null;if(ve)e="<remove></remove>"+e;else{const t=h(e,/^[\r\n\t ]+/);n=t&&t[0]}"application/xhtml+xml"===tt&&Ze===Ve&&(e='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+e+"</body></html>");const o=ee?ee.createHTML(e):e;if(Ze===Ve)try{t=(new W).parseFromString(o,tt)}catch(e){}if(!t||!t.documentElement){t=ne.createDocument(Ze,"template",null);try{t.documentElement.innerHTML=Je?te:o}catch(e){}}const i=t.body||t.documentElement;return e&&n&&i.insertBefore(r.createTextNode(n),i.childNodes[0]||null),Ze===Ve?ie.call(t,Oe?"html":"body")[0]:Oe?t.documentElement:i},yt=function(e){return oe.call(e.ownerDocument||e,e,H.SHOW_ELEMENT|H.SHOW_COMMENT|H.SHOW_TEXT|H.SHOW_PROCESSING_INSTRUCTION|H.SHOW_CDATA_SECTION,null)},Et=function(e){return e instanceof B&&("string"!=typeof e.nodeName||"string"!=typeof e.textContent||"function"!=typeof e.removeChild||!(e.attributes instanceof z)||"function"!=typeof e.removeAttribute||"function"!=typeof e.setAttribute||"string"!=typeof e.namespaceURI||"function"!=typeof e.insertBefore||"function"!=typeof e.hasChildNodes)},At=function(e){return"function"==typeof b&&e instanceof b},_t=function(e,t,n){le[e]&&u(le[e],(e=>{e.call(o,t,n,it)}))},Nt=function(e){let t=null;if(_t("beforeSanitizeElements",e,null),Et(e))return ht(e),!0;const n=rt(e.nodeName);if(_t("uponSanitizeElement",e,{tagName:n,allowedTags:Te}),e.hasChildNodes()&&!At(e.firstElementChild)&&A(/<[/\w]/g,e.innerHTML)&&A(/<[/\w]/g,e.textContent))return ht(e),!0;if(7===e.nodeType)return ht(e),!0;if(Ce&&8===e.nodeType&&A(/<[/\w]/g,e.data))return ht(e),!0;if(!Te[n]||Ne[n]){if(!Ne[n]&&St(n)){if(_e.tagNameCheck instanceof RegExp&&A(_e.tagNameCheck,n))return!1;if(_e.tagNameCheck instanceof Function&&_e.tagNameCheck(n))return!1}if(He&&!We[n]){const t=Q(e)||e.parentNode,n=J(e)||e.childNodes;if(n&&t){for(let o=n.length-1;o>=0;--o)t.insertBefore(X(n[o],!0),$(e))}}return ht(e),!0}return e instanceof R&&!dt(e)?(ht(e),!0):"noscript"!==n&&"noembed"!==n&&"noframes"!==n||!A(/<\/no(script|embed|frames)/i,e.innerHTML)?(De&&3===e.nodeType&&(t=e.textContent,u([ce,se,ue],(e=>{t=g(t,e," ")})),e.textContent!==t&&(p(o.removed,{element:e.cloneNode()}),e.textContent=t)),_t("afterSanitizeElements",e,null),!1):(ht(e),!0)},bt=function(e,t,n){if(Ue&&("id"===t||"name"===t)&&(n in r||n in at))return!1;if(Re&&!be[t]&&A(me,t));else if(Se&&A(pe,t));else if(!Ee[t]||be[t]){if(!(St(e)&&(_e.tagNameCheck instanceof RegExp&&A(_e.tagNameCheck,e)||_e.tagNameCheck instanceof Function&&_e.tagNameCheck(e))&&(_e.attributeNameCheck instanceof RegExp&&A(_e.attributeNameCheck,t)||_e.attributeNameCheck instanceof Function&&_e.attributeNameCheck(t))||"is"===t&&_e.allowCustomizedBuiltInElements&&(_e.tagNameCheck instanceof RegExp&&A(_e.tagNameCheck,n)||_e.tagNameCheck instanceof Function&&_e.tagNameCheck(n))))return!1}else if(Xe[t]);else if(A(ge,g(n,de,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==T(n,"data:")||!Ye[e]){if(we&&!A(fe,g(n,de,"")));else if(n)return!1}else;return!0},St=function(e){return"annotation-xml"!==e&&h(e,he)},Rt=function(e){_t("beforeSanitizeAttributes",e,null);const{attributes:t}=e;if(!t)return;const n={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:Ee};let r=t.length;for(;r--;){const i=t[r],{name:a,namespaceURI:l,value:c}=i,s=rt(a);let p="value"===a?c:y(c);if(n.attrName=s,n.attrValue=p,n.keepAttr=!0,n.forceKeepAttr=void 0,_t("uponSanitizeAttribute",e,n),p=n.attrValue,n.forceKeepAttr)continue;if(gt(a,e),!n.keepAttr)continue;if(!Le&&A(/\/>/i,p)){gt(a,e);continue}De&&u([ce,se,ue],(e=>{p=g(p,e," ")}));const f=rt(e.nodeName);if(bt(f,s,p)){if(!Pe||"id"!==s&&"name"!==s||(gt(a,e),p=Fe+p),ee&&"object"==typeof G&&"function"==typeof G.getAttributeType)if(l);else switch(G.getAttributeType(f,s)){case"TrustedHTML":p=ee.createHTML(p);break;case"TrustedScriptURL":p=ee.createScriptURL(p)}try{l?e.setAttributeNS(l,a,p):e.setAttribute(a,p),m(o.removed)}catch(e){}}}_t("afterSanitizeAttributes",e,null)},wt=function e(t){let n=null;const o=yt(t);for(_t("beforeSanitizeShadowDOM",t,null);n=o.nextNode();)_t("uponSanitizeShadowNode",n,null),Nt(n)||(n.content instanceof s&&e(n.content),Rt(n));_t("afterSanitizeShadowDOM",t,null)};return o.sanitize=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=null,r=null,i=null,l=null;if(Je=!e,Je&&(e="\x3c!--\x3e"),"string"!=typeof e&&!At(e)){if("function"!=typeof e.toString)throw _("toString is not a function");if("string"!=typeof(e=e.toString()))throw _("dirty is not a string, aborting")}if(!o.isSupported)return e;if(xe||ct(t),o.removed=[],"string"==typeof e&&(ze=!1),ze){if(e.nodeName){const t=rt(e.nodeName);if(!Te[t]||Ne[t])throw _("root node is forbidden and cannot be sanitized in-place")}}else if(e instanceof b)n=Tt("\x3c!----\x3e"),r=n.ownerDocument.importNode(e,!0),1===r.nodeType&&"BODY"===r.nodeName||"HTML"===r.nodeName?n=r:n.appendChild(r);else{if(!ke&&!De&&!Oe&&-1===e.indexOf("<"))return ee&&Ie?ee.createHTML(e):e;if(n=Tt(e),!n)return ke?null:Ie?te:""}n&&ve&&ht(n.firstChild);const c=yt(ze?e:n);for(;i=c.nextNode();)Nt(i)||(i.content instanceof s&&wt(i.content),Rt(i));if(ze)return e;if(ke){if(Me)for(l=re.call(n.ownerDocument);n.firstChild;)l.appendChild(n.firstChild);else l=n;return(Ee.shadowroot||Ee.shadowrootmode)&&(l=ae.call(a,l,!0)),l}let m=Oe?n.outerHTML:n.innerHTML;return Oe&&Te["!doctype"]&&n.ownerDocument&&n.ownerDocument.doctype&&n.ownerDocument.doctype.name&&A(q,n.ownerDocument.doctype.name)&&(m="<!DOCTYPE "+n.ownerDocument.doctype.name+">\n"+m),De&&u([ce,se,ue],(e=>{m=g(m,e," ")})),ee&&Ie?ee.createHTML(m):m},o.setConfig=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};ct(e),xe=!0},o.clearConfig=function(){it=null,xe=!1},o.isValidAttribute=function(e,t,n){it||ct({});const o=rt(e),r=rt(t);return bt(o,r,n)},o.addHook=function(e,t){"function"==typeof t&&(le[e]=le[e]||[],p(le[e],t))},o.removeHook=function(e){if(le[e])return m(le[e])},o.removeHooks=function(e){le[e]&&(le[e]=[])},o.removeAllHooks=function(){le={}},o}();return J}));
+//# sourceMappingURL=purify.min.js.map

kjweb_async/svg-path-properties.min.js

@@ -0,0 +1,2 @@
+// http://geoexamples.com/path-properties/ v1.2.0 Copyright 2023 Roger Veciana i Rovira
+!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n((t="undefined"!=typeof globalThis?globalThis:t||self).svgPathProperties={})}(this,(function(t){"use strict";function n(t,n){for(var e=0;e<n.length;e++){var i=n[e];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,s(i.key),i)}}function e(t,e,i){return e&&n(t.prototype,e),i&&n(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}function i(t,n,e){return(n=s(n))in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function r(t){return function(t){if(Array.isArray(t))return h(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,n){if(!t)return;if("string"==typeof t)return h(t,n);var e=Object.prototype.toString.call(t).slice(8,-1);"Object"===e&&t.constructor&&(e=t.constructor.name);if("Map"===e||"Set"===e)return Array.from(t);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return h(t,n)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(t,n){(null==n||n>t.length)&&(n=t.length);for(var e=0,i=new Array(n);e<n;e++)i[e]=t[e];return i}function s(t){var n=function(t,n){if("object"!=typeof t||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,n||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:String(n)}var a={a:7,c:6,h:1,l:2,m:2,q:4,s:4,t:2,v:1,z:0},o=/([astvzqmhlc])([^astvzqmhlc]*)/gi,g=/-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi,u=function(t){var n=t.match(g);return n?n.map(Number):[]},l=e((function(t,n,e,r){var h=this;i(this,"x0",void 0),i(this,"x1",void 0),i(this,"y0",void 0),i(this,"y1",void 0),i(this,"getTotalLength",(function(){return Math.sqrt(Math.pow(h.x0-h.x1,2)+Math.pow(h.y0-h.y1,2))})),i(this,"getPointAtLength",(function(t){var n=t/Math.sqrt(Math.pow(h.x0-h.x1,2)+Math.pow(h.y0-h.y1,2));n=Number.isNaN(n)?1:n;var e=(h.x1-h.x0)*n,i=(h.y1-h.y0)*n;return{x:h.x0+e,y:h.y0+i}})),i(this,"getTangentAtLength",(function(t){var n=Math.sqrt((h.x1-h.x0)*(h.x1-h.x0)+(h.y1-h.y0)*(h.y1-h.y0));return{x:(h.x1-h.x0)/n,y:(h.y1-h.y0)/n}})),i(this,"getPropertiesAtLength",(function(t){var n=h.getPointAtLength(t),e=h.getTangentAtLength(t);return{x:n.x,y:n.y,tangentX:e.x,tangentY:e.y}})),this.x0=t,this.x1=n,this.y0=e,this.y1=r})),c=e((function(t,n,e,r,h,s,a,o,g){var u=this;i(this,"x0",void 0),i(this,"y0",void 0),i(this,"rx",void 0),i(this,"ry",void 0),i(this,"xAxisRotate",void 0),i(this,"LargeArcFlag",void 0),i(this,"SweepFlag",void 0),i(this,"x1",void 0),i(this,"y1",void 0),i(this,"length",void 0),i(this,"getTotalLength",(function(){return u.length})),i(this,"getPointAtLength",(function(t){t<0?t=0:t>u.length&&(t=u.length);var n=f({x:u.x0,y:u.y0},u.rx,u.ry,u.xAxisRotate,u.LargeArcFlag,u.SweepFlag,{x:u.x1,y:u.y1},t/u.length);return{x:n.x,y:n.y}})),i(this,"getTangentAtLength",(function(t){t<0?t=0:t>u.length&&(t=u.length);var n,e=.05,i=u.getPointAtLength(t);t<0?t=0:t>u.length&&(t=u.length);var r=(n=t<u.length-e?u.getPointAtLength(t+e):u.getPointAtLength(t-e)).x-i.x,h=n.y-i.y,s=Math.sqrt(r*r+h*h);return t<u.length-e?{x:-r/s,y:-h/s}:{x:r/s,y:h/s}})),i(this,"getPropertiesAtLength",(function(t){var n=u.getTangentAtLength(t),e=u.getPointAtLength(t);return{x:e.x,y:e.y,tangentX:n.x,tangentY:n.y}})),this.x0=t,this.y0=n,this.rx=e,this.ry=r,this.xAxisRotate=h,this.LargeArcFlag=s,this.SweepFlag=a,this.x1=o,this.y1=g;var l=y(300,(function(i){return f({x:t,y:n},e,r,h,s,a,{x:o,y:g},i)}));this.length=l.arcLength})),f=function(t,n,e,i,r,h,s,a){n=Math.abs(n),e=Math.abs(e),i=p(i,360);var o=x(i);if(t.x===s.x&&t.y===s.y)return{x:t.x,y:t.y,ellipticalArcAngle:0};if(0===n||0===e)return{x:0,y:0,ellipticalArcAngle:0};var g=(t.x-s.x)/2,u=(t.y-s.y)/2,l={x:Math.cos(o)*g+Math.sin(o)*u,y:-Math.sin(o)*g+Math.cos(o)*u},c=Math.pow(l.x,2)/Math.pow(n,2)+Math.pow(l.y,2)/Math.pow(e,2);c>1&&(n=Math.sqrt(c)*n,e=Math.sqrt(c)*e);var f=(Math.pow(n,2)*Math.pow(e,2)-Math.pow(n,2)*Math.pow(l.y,2)-Math.pow(e,2)*Math.pow(l.x,2))/(Math.pow(n,2)*Math.pow(l.y,2)+Math.pow(e,2)*Math.pow(l.x,2));f=f<0?0:f;var y=(r!==h?1:-1)*Math.sqrt(f),v=y*(n*l.y/e),M=y*(-e*l.x/n),L={x:Math.cos(o)*v-Math.sin(o)*M+(t.x+s.x)/2,y:Math.sin(o)*v+Math.cos(o)*M+(t.y+s.y)/2},d={x:(l.x-v)/n,y:(l.y-M)/e},A=w({x:1,y:0},d),b=w(d,{x:(-l.x-v)/n,y:(-l.y-M)/e});!h&&b>0?b-=2*Math.PI:h&&b<0&&(b+=2*Math.PI);var P=A+(b%=2*Math.PI)*a,m=n*Math.cos(P),T=e*Math.sin(P);return{x:Math.cos(o)*m-Math.sin(o)*T+L.x,y:Math.sin(o)*m+Math.cos(o)*T+L.y,ellipticalArcStartAngle:A,ellipticalArcEndAngle:A+b,ellipticalArcAngle:P,ellipticalArcCenter:L,resultantRx:n,resultantRy:e}},y=function(t,n){t=t||500;for(var e,i=0,r=[],h=[],s=n(0),a=0;a<t;a++){var o=M(a*(1/t),0,1);e=n(o),i+=v(s,e),h.push([s,e]),r.push({t:o,arcLength:i}),s=e}return e=n(1),h.push([s,e]),i+=v(s,e),r.push({t:1,arcLength:i}),{arcLength:i,arcLengthMap:r,approximationLines:h}},p=function(t,n){return(t%n+n)%n},x=function(t){return t*(Math.PI/180)},v=function(t,n){return Math.sqrt(Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2))},M=function(t,n,e){return Math.min(Math.max(t,n),e)},w=function(t,n){var e=t.x*n.x+t.y*n.y,i=Math.sqrt((Math.pow(t.x,2)+Math.pow(t.y,2))*(Math.pow(n.x,2)+Math.pow(n.y,2)));return(t.x*n.y-t.y*n.x<0?-1:1)*Math.acos(e/i)},L=[[],[],[-.5773502691896257,.5773502691896257],[0,-.7745966692414834,.7745966692414834],[-.33998104358485626,.33998104358485626,-.8611363115940526,.8611363115940526],[0,-.5384693101056831,.5384693101056831,-.906179845938664,.906179845938664],[.6612093864662645,-.6612093864662645,-.2386191860831969,.2386191860831969,-.932469514203152,.932469514203152],[0,.4058451513773972,-.4058451513773972,-.7415311855993945,.7415311855993945,-.9491079123427585,.9491079123427585],[-.1834346424956498,.1834346424956498,-.525532409916329,.525532409916329,-.7966664774136267,.7966664774136267,-.9602898564975363,.9602898564975363],[0,-.8360311073266358,.8360311073266358,-.9681602395076261,.9681602395076261,-.3242534234038089,.3242534234038089,-.6133714327005904,.6133714327005904],[-.14887433898163122,.14887433898163122,-.4333953941292472,.4333953941292472,-.6794095682990244,.6794095682990244,-.8650633666889845,.8650633666889845,-.9739065285171717,.9739065285171717],[0,-.26954315595234496,.26954315595234496,-.5190961292068118,.5190961292068118,-.7301520055740494,.7301520055740494,-.8870625997680953,.8870625997680953,-.978228658146057,.978228658146057],[-.1252334085114689,.1252334085114689,-.3678314989981802,.3678314989981802,-.5873179542866175,.5873179542866175,-.7699026741943047,.7699026741943047,-.9041172563704749,.9041172563704749,-.9815606342467192,.9815606342467192],[0,-.2304583159551348,.2304583159551348,-.44849275103644687,.44849275103644687,-.6423493394403402,.6423493394403402,-.8015780907333099,.8015780907333099,-.9175983992229779,.9175983992229779,-.9841830547185881,.9841830547185881],[-.10805494870734367,.10805494870734367,-.31911236892788974,.31911236892788974,-.5152486363581541,.5152486363581541,-.6872929048116855,.6872929048116855,-.827201315069765,.827201315069765,-.9284348836635735,.9284348836635735,-.9862838086968123,.9862838086968123],[0,-.20119409399743451,.20119409399743451,-.3941513470775634,.3941513470775634,-.5709721726085388,.5709721726085388,-.7244177313601701,.7244177313601701,-.8482065834104272,.8482065834104272,-.937273392400706,.937273392400706,-.9879925180204854,.9879925180204854],[-.09501250983763744,.09501250983763744,-.2816035507792589,.2816035507792589,-.45801677765722737,.45801677765722737,-.6178762444026438,.6178762444026438,-.755404408355003,.755404408355003,-.8656312023878318,.8656312023878318,-.9445750230732326,.9445750230732326,-.9894009349916499,.9894009349916499],[0,-.17848418149584785,.17848418149584785,-.3512317634538763,.3512317634538763,-.5126905370864769,.5126905370864769,-.6576711592166907,.6576711592166907,-.7815140038968014,.7815140038968014,-.8802391537269859,.8802391537269859,-.9506755217687678,.9506755217687678,-.9905754753144174,.9905754753144174],[-.0847750130417353,.0847750130417353,-.2518862256915055,.2518862256915055,-.41175116146284263,.41175116146284263,-.5597708310739475,.5597708310739475,-.6916870430603532,.6916870430603532,-.8037049589725231,.8037049589725231,-.8926024664975557,.8926024664975557,-.9558239495713977,.9558239495713977,-.9915651684209309,.9915651684209309],[0,-.16035864564022537,.16035864564022537,-.31656409996362983,.31656409996362983,-.46457074137596094,.46457074137596094,-.600545304661681,.600545304661681,-.7209661773352294,.7209661773352294,-.8227146565371428,.8227146565371428,-.9031559036148179,.9031559036148179,-.96020815213483,.96020815213483,-.9924068438435844,.9924068438435844],[-.07652652113349734,.07652652113349734,-.22778585114164507,.22778585114164507,-.37370608871541955,.37370608871541955,-.5108670019508271,.5108670019508271,-.636053680726515,.636053680726515,-.7463319064601508,.7463319064601508,-.8391169718222188,.8391169718222188,-.912234428251326,.912234428251326,-.9639719272779138,.9639719272779138,-.9931285991850949,.9931285991850949],[0,-.1455618541608951,.1455618541608951,-.2880213168024011,.2880213168024011,-.4243421202074388,.4243421202074388,-.5516188358872198,.5516188358872198,-.6671388041974123,.6671388041974123,-.7684399634756779,.7684399634756779,-.8533633645833173,.8533633645833173,-.9200993341504008,.9200993341504008,-.9672268385663063,.9672268385663063,-.9937521706203895,.9937521706203895],[-.06973927331972223,.06973927331972223,-.20786042668822127,.20786042668822127,-.34193582089208424,.34193582089208424,-.469355837986757,.469355837986757,-.5876404035069116,.5876404035069116,-.6944872631866827,.6944872631866827,-.7878168059792081,.7878168059792081,-.8658125777203002,.8658125777203002,-.926956772187174,.926956772187174,-.9700604978354287,.9700604978354287,-.9942945854823992,.9942945854823992],[0,-.1332568242984661,.1332568242984661,-.26413568097034495,.26413568097034495,-.3903010380302908,.3903010380302908,-.5095014778460075,.5095014778460075,-.6196098757636461,.6196098757636461,-.7186613631319502,.7186613631319502,-.8048884016188399,.8048884016188399,-.8767523582704416,.8767523582704416,-.9329710868260161,.9329710868260161,-.9725424712181152,.9725424712181152,-.9947693349975522,.9947693349975522],[-.06405689286260563,.06405689286260563,-.1911188674736163,.1911188674736163,-.3150426796961634,.3150426796961634,-.4337935076260451,.4337935076260451,-.5454214713888396,.5454214713888396,-.6480936519369755,.6480936519369755,-.7401241915785544,.7401241915785544,-.820001985973903,.820001985973903,-.8864155270044011,.8864155270044011,-.9382745520027328,.9382745520027328,-.9747285559713095,.9747285559713095,-.9951872199970213,.9951872199970213]],d=[[],[],[1,1],[.8888888888888888,.5555555555555556,.5555555555555556],[.6521451548625461,.6521451548625461,.34785484513745385,.34785484513745385],[.5688888888888889,.47862867049936647,.47862867049936647,.23692688505618908,.23692688505618908],[.3607615730481386,.3607615730481386,.46791393457269104,.46791393457269104,.17132449237917036,.17132449237917036],[.4179591836734694,.3818300505051189,.3818300505051189,.27970539148927664,.27970539148927664,.1294849661688697,.1294849661688697],[.362683783378362,.362683783378362,.31370664587788727,.31370664587788727,.22238103445337448,.22238103445337448,.10122853629037626,.10122853629037626],[.3302393550012598,.1806481606948574,.1806481606948574,.08127438836157441,.08127438836157441,.31234707704000286,.31234707704000286,.26061069640293544,.26061069640293544],[.29552422471475287,.29552422471475287,.26926671930999635,.26926671930999635,.21908636251598204,.21908636251598204,.1494513491505806,.1494513491505806,.06667134430868814,.06667134430868814],[.2729250867779006,.26280454451024665,.26280454451024665,.23319376459199048,.23319376459199048,.18629021092773426,.18629021092773426,.1255803694649046,.1255803694649046,.05566856711617366,.05566856711617366],[.24914704581340277,.24914704581340277,.2334925365383548,.2334925365383548,.20316742672306592,.20316742672306592,.16007832854334622,.16007832854334622,.10693932599531843,.10693932599531843,.04717533638651183,.04717533638651183],[.2325515532308739,.22628318026289723,.22628318026289723,.2078160475368885,.2078160475368885,.17814598076194574,.17814598076194574,.13887351021978725,.13887351021978725,.09212149983772845,.09212149983772845,.04048400476531588,.04048400476531588],[.2152638534631578,.2152638534631578,.2051984637212956,.2051984637212956,.18553839747793782,.18553839747793782,.15720316715819355,.15720316715819355,.12151857068790319,.12151857068790319,.08015808715976021,.08015808715976021,.03511946033175186,.03511946033175186],[.2025782419255613,.19843148532711158,.19843148532711158,.1861610000155622,.1861610000155622,.16626920581699392,.16626920581699392,.13957067792615432,.13957067792615432,.10715922046717194,.10715922046717194,.07036604748810812,.07036604748810812,.03075324199611727,.03075324199611727],[.1894506104550685,.1894506104550685,.18260341504492358,.18260341504492358,.16915651939500254,.16915651939500254,.14959598881657674,.14959598881657674,.12462897125553388,.12462897125553388,.09515851168249279,.09515851168249279,.062253523938647894,.062253523938647894,.027152459411754096,.027152459411754096],[.17944647035620653,.17656270536699264,.17656270536699264,.16800410215645004,.16800410215645004,.15404576107681028,.15404576107681028,.13513636846852548,.13513636846852548,.11188384719340397,.11188384719340397,.08503614831717918,.08503614831717918,.0554595293739872,.0554595293739872,.02414830286854793,.02414830286854793],[.1691423829631436,.1691423829631436,.16427648374583273,.16427648374583273,.15468467512626524,.15468467512626524,.14064291467065065,.14064291467065065,.12255520671147846,.12255520671147846,.10094204410628717,.10094204410628717,.07642573025488905,.07642573025488905,.0497145488949698,.0497145488949698,.02161601352648331,.02161601352648331],[.1610544498487837,.15896884339395434,.15896884339395434,.15276604206585967,.15276604206585967,.1426067021736066,.1426067021736066,.12875396253933621,.12875396253933621,.11156664554733399,.11156664554733399,.09149002162245,.09149002162245,.06904454273764123,.06904454273764123,.0448142267656996,.0448142267656996,.019461788229726478,.019461788229726478],[.15275338713072584,.15275338713072584,.14917298647260374,.14917298647260374,.14209610931838204,.14209610931838204,.13168863844917664,.13168863844917664,.11819453196151841,.11819453196151841,.10193011981724044,.10193011981724044,.08327674157670475,.08327674157670475,.06267204833410907,.06267204833410907,.04060142980038694,.04060142980038694,.017614007139152118,.017614007139152118],[.14608113364969041,.14452440398997005,.14452440398997005,.13988739479107315,.13988739479107315,.13226893863333747,.13226893863333747,.12183141605372853,.12183141605372853,.10879729916714838,.10879729916714838,.09344442345603386,.09344442345603386,.0761001136283793,.0761001136283793,.057134425426857205,.057134425426857205,.036953789770852494,.036953789770852494,.016017228257774335,.016017228257774335],[.13925187285563198,.13925187285563198,.13654149834601517,.13654149834601517,.13117350478706238,.13117350478706238,.12325237681051242,.12325237681051242,.11293229608053922,.11293229608053922,.10041414444288096,.10041414444288096,.08594160621706773,.08594160621706773,.06979646842452049,.06979646842452049,.052293335152683286,.052293335152683286,.03377490158481415,.03377490158481415,.0146279952982722,.0146279952982722],[.13365457218610619,.1324620394046966,.1324620394046966,.12890572218808216,.12890572218808216,.12304908430672953,.12304908430672953,.11499664022241136,.11499664022241136,.10489209146454141,.10489209146454141,.09291576606003515,.09291576606003515,.07928141177671895,.07928141177671895,.06423242140852585,.06423242140852585,.04803767173108467,.04803767173108467,.030988005856979445,.030988005856979445,.013411859487141771,.013411859487141771],[.12793819534675216,.12793819534675216,.1258374563468283,.1258374563468283,.12167047292780339,.12167047292780339,.1155056680537256,.1155056680537256,.10744427011596563,.10744427011596563,.09761865210411388,.09761865210411388,.08619016153195327,.08619016153195327,.0733464814110803,.0733464814110803,.05929858491543678,.05929858491543678,.04427743881741981,.04427743881741981,.028531388628933663,.028531388628933663,.0123412297999872,.0123412297999872]],A=[[1],[1,1],[1,2,1],[1,3,3,1]],b=function(t,n,e){return{x:(1-e)*(1-e)*(1-e)*t[0]+3*(1-e)*(1-e)*e*t[1]+3*(1-e)*e*e*t[2]+e*e*e*t[3],y:(1-e)*(1-e)*(1-e)*n[0]+3*(1-e)*(1-e)*e*n[1]+3*(1-e)*e*e*n[2]+e*e*e*n[3]}},P=function(t,n,e){return T([3*(t[1]-t[0]),3*(t[2]-t[1]),3*(t[3]-t[2])],[3*(n[1]-n[0]),3*(n[2]-n[1]),3*(n[3]-n[2])],e)},m=function(t,n,e){var i,r,h;i=e/2,r=0;for(var s=0;s<20;s++)h=i*L[20][s]+i,r+=d[20][s]*S(t,n,h);return i*r},T=function(t,n,e){return{x:(1-e)*(1-e)*t[0]+2*(1-e)*e*t[1]+e*e*t[2],y:(1-e)*(1-e)*n[0]+2*(1-e)*e*n[1]+e*e*n[2]}},q=function(t,n,e){void 0===e&&(e=1);var i=t[0]-2*t[1]+t[2],r=n[0]-2*n[1]+n[2],h=2*t[1]-2*t[0],s=2*n[1]-2*n[0],a=4*(i*i+r*r),o=4*(i*h+r*s),g=h*h+s*s;if(0===a)return e*Math.sqrt(Math.pow(t[2]-t[0],2)+Math.pow(n[2]-n[0],2));var u=o/(2*a),l=e+u,c=g/a-u*u,f=l*l+c>0?Math.sqrt(l*l+c):0,y=u*u+c>0?Math.sqrt(u*u+c):0,p=u+Math.sqrt(u*u+c)!==0&&(l+f)/(u+y)!=0?c*Math.log(Math.abs((l+f)/(u+y))):0;return Math.sqrt(a)/2*(l*f-u*y+p)},_=function(t,n,e){return{x:2*(1-e)*(t[1]-t[0])+2*e*(t[2]-t[1]),y:2*(1-e)*(n[1]-n[0])+2*e*(n[2]-n[1])}};function S(t,n,e){var i=N(1,e,t),r=N(1,e,n),h=i*i+r*r;return Math.sqrt(h)}var N=function t(n,e,i){var r,h,s=i.length-1;if(0===s)return 0;if(0===n){h=0;for(var a=0;a<=s;a++)h+=A[s][a]*Math.pow(1-e,s-a)*Math.pow(e,a)*i[a];return h}r=new Array(s);for(var o=0;o<s;o++)r[o]=s*(i[o+1]-i[o]);return t(n-1,e,r)},C=function(t,n,e){for(var i=1,r=t/n,h=(t-e(r))/n,s=0;i>.001;){var a=e(r+h),o=Math.abs(t-a)/n;if(o<i)i=o,r+=h;else{var g=e(r-h),u=Math.abs(t-g)/n;u<i?(i=u,r-=h):h/=2}if(++s>500)break}return r},j=e((function(t,n,e,r,h,s,a,o){var g=this;i(this,"a",void 0),i(this,"b",void 0),i(this,"c",void 0),i(this,"d",void 0),i(this,"length",void 0),i(this,"getArcLength",void 0),i(this,"getPoint",void 0),i(this,"getDerivative",void 0),i(this,"getTotalLength",(function(){return g.length})),i(this,"getPointAtLength",(function(t){var n=[g.a.x,g.b.x,g.c.x,g.d.x],e=[g.a.y,g.b.y,g.c.y,g.d.y],i=C(t,g.length,(function(t){return g.getArcLength(n,e,t)}));return g.getPoint(n,e,i)})),i(this,"getTangentAtLength",(function(t){var n=[g.a.x,g.b.x,g.c.x,g.d.x],e=[g.a.y,g.b.y,g.c.y,g.d.y],i=C(t,g.length,(function(t){return g.getArcLength(n,e,t)})),r=g.getDerivative(n,e,i),h=Math.sqrt(r.x*r.x+r.y*r.y);return h>0?{x:r.x/h,y:r.y/h}:{x:0,y:0}})),i(this,"getPropertiesAtLength",(function(t){var n,e=[g.a.x,g.b.x,g.c.x,g.d.x],i=[g.a.y,g.b.y,g.c.y,g.d.y],r=C(t,g.length,(function(t){return g.getArcLength(e,i,t)})),h=g.getDerivative(e,i,r),s=Math.sqrt(h.x*h.x+h.y*h.y);n=s>0?{x:h.x/s,y:h.y/s}:{x:0,y:0};var a=g.getPoint(e,i,r);return{x:a.x,y:a.y,tangentX:n.x,tangentY:n.y}})),i(this,"getC",(function(){return g.c})),i(this,"getD",(function(){return g.d})),this.a={x:t,y:n},this.b={x:e,y:r},this.c={x:h,y:s},void 0!==a&&void 0!==o?(this.getArcLength=m,this.getPoint=b,this.getDerivative=P,this.d={x:a,y:o}):(this.getArcLength=q,this.getPoint=T,this.getDerivative=_,this.d={x:0,y:0}),this.length=this.getArcLength([this.a.x,this.b.x,this.c.x,this.d.x],[this.a.y,this.b.y,this.c.y,this.d.y],1)})),O=e((function(t){var n=this;i(this,"length",0),i(this,"partial_lengths",[]),i(this,"functions",[]),i(this,"initial_point",null),i(this,"getPartAtLength",(function(t){t<0?t=0:t>n.length&&(t=n.length);for(var e=n.partial_lengths.length-1;n.partial_lengths[e]>=t&&e>0;)e--;return e++,{fraction:t-n.partial_lengths[e-1],i:e}})),i(this,"getTotalLength",(function(){return n.length})),i(this,"getPointAtLength",(function(t){var e=n.getPartAtLength(t),i=n.functions[e.i];if(i)return i.getPointAtLength(e.fraction);if(n.initial_point)return n.initial_point;throw new Error("Wrong function at this part.")})),i(this,"getTangentAtLength",(function(t){var e=n.getPartAtLength(t),i=n.functions[e.i];if(i)return i.getTangentAtLength(e.fraction);if(n.initial_point)return{x:0,y:0};throw new Error("Wrong function at this part.")})),i(this,"getPropertiesAtLength",(function(t){var e=n.getPartAtLength(t),i=n.functions[e.i];if(i)return i.getPropertiesAtLength(e.fraction);if(n.initial_point)return{x:n.initial_point.x,y:n.initial_point.y,tangentX:0,tangentY:0};throw new Error("Wrong function at this part.")})),i(this,"getParts",(function(){for(var t=[],e=0;e<n.functions.length;e++)if(null!==n.functions[e]){n.functions[e]=n.functions[e];var i={start:n.functions[e].getPointAtLength(0),end:n.functions[e].getPointAtLength(n.partial_lengths[e]-n.partial_lengths[e-1]),length:n.partial_lengths[e]-n.partial_lengths[e-1],getPointAtLength:n.functions[e].getPointAtLength,getTangentAtLength:n.functions[e].getTangentAtLength,getPropertiesAtLength:n.functions[e].getPropertiesAtLength};t.push(i)}return t}));for(var e,h=Array.isArray(t)?t:function(t){var n=(t&&t.length>0?t:"M0,0").match(o);if(!n)throw new Error("No path elements found in string ".concat(t));return n.reduce((function(t,n){var e=n.charAt(0),i=e.toLowerCase(),h=u(n.substring(1));if("m"===i&&h.length>2&&(t.push([e].concat(r(h.splice(0,2)))),i="l",e="m"===e?"l":"L"),"a"===i.toLowerCase()&&(5===h.length||6===h.length)){var s=n.substring(1).trim().split(" ");h=[Number(s[0]),Number(s[1]),Number(s[2]),Number(s[3].charAt(0)),Number(s[3].charAt(1)),Number(s[3].substring(2)),Number(s[4])]}for(;h.length>=0;){if(h.length===a[i]){t.push([e].concat(r(h.splice(0,a[i]))));break}if(h.length<a[i])throw new Error('Malformed path data: "'.concat(e,'" must have ').concat(a[i]," elements and has ").concat(h.length,": ").concat(n));t.push([e].concat(r(h.splice(0,a[i]))))}return t}),[])}(t),s=[0,0],g=[0,0],f=[0,0],y=0;y<h.length;y++){if("M"===h[y][0])f=[(s=[h[y][1],h[y][2]])[0],s[1]],this.functions.push(null),0===y&&(this.initial_point={x:h[y][1],y:h[y][2]});else if("m"===h[y][0])f=[(s=[h[y][1]+s[0],h[y][2]+s[1]])[0],s[1]],this.functions.push(null);else if("L"===h[y][0])this.length+=Math.sqrt(Math.pow(s[0]-h[y][1],2)+Math.pow(s[1]-h[y][2],2)),this.functions.push(new l(s[0],h[y][1],s[1],h[y][2])),s=[h[y][1],h[y][2]];else if("l"===h[y][0])this.length+=Math.sqrt(Math.pow(h[y][1],2)+Math.pow(h[y][2],2)),this.functions.push(new l(s[0],h[y][1]+s[0],s[1],h[y][2]+s[1])),s=[h[y][1]+s[0],h[y][2]+s[1]];else if("H"===h[y][0])this.length+=Math.abs(s[0]-h[y][1]),this.functions.push(new l(s[0],h[y][1],s[1],s[1])),s[0]=h[y][1];else if("h"===h[y][0])this.length+=Math.abs(h[y][1]),this.functions.push(new l(s[0],s[0]+h[y][1],s[1],s[1])),s[0]=h[y][1]+s[0];else if("V"===h[y][0])this.length+=Math.abs(s[1]-h[y][1]),this.functions.push(new l(s[0],s[0],s[1],h[y][1])),s[1]=h[y][1];else if("v"===h[y][0])this.length+=Math.abs(h[y][1]),this.functions.push(new l(s[0],s[0],s[1],s[1]+h[y][1])),s[1]=h[y][1]+s[1];else if("z"===h[y][0]||"Z"===h[y][0])this.length+=Math.sqrt(Math.pow(f[0]-s[0],2)+Math.pow(f[1]-s[1],2)),this.functions.push(new l(s[0],f[0],s[1],f[1])),s=[f[0],f[1]];else if("C"===h[y][0])e=new j(s[0],s[1],h[y][1],h[y][2],h[y][3],h[y][4],h[y][5],h[y][6]),this.length+=e.getTotalLength(),s=[h[y][5],h[y][6]],this.functions.push(e);else if("c"===h[y][0])(e=new j(s[0],s[1],s[0]+h[y][1],s[1]+h[y][2],s[0]+h[y][3],s[1]+h[y][4],s[0]+h[y][5],s[1]+h[y][6])).getTotalLength()>0?(this.length+=e.getTotalLength(),this.functions.push(e),s=[h[y][5]+s[0],h[y][6]+s[1]]):this.functions.push(new l(s[0],s[0],s[1],s[1]));else if("S"===h[y][0]){if(y>0&&["C","c","S","s"].indexOf(h[y-1][0])>-1){if(e){var p=e.getC();e=new j(s[0],s[1],2*s[0]-p.x,2*s[1]-p.y,h[y][1],h[y][2],h[y][3],h[y][4])}}else e=new j(s[0],s[1],s[0],s[1],h[y][1],h[y][2],h[y][3],h[y][4]);e&&(this.length+=e.getTotalLength(),s=[h[y][3],h[y][4]],this.functions.push(e))}else if("s"===h[y][0]){if(y>0&&["C","c","S","s"].indexOf(h[y-1][0])>-1){if(e){var x=e.getC(),v=e.getD();e=new j(s[0],s[1],s[0]+v.x-x.x,s[1]+v.y-x.y,s[0]+h[y][1],s[1]+h[y][2],s[0]+h[y][3],s[1]+h[y][4])}}else e=new j(s[0],s[1],s[0],s[1],s[0]+h[y][1],s[1]+h[y][2],s[0]+h[y][3],s[1]+h[y][4]);e&&(this.length+=e.getTotalLength(),s=[h[y][3]+s[0],h[y][4]+s[1]],this.functions.push(e))}else if("Q"===h[y][0]){if(s[0]==h[y][1]&&s[1]==h[y][2]){var M=new l(h[y][1],h[y][3],h[y][2],h[y][4]);this.length+=M.getTotalLength(),this.functions.push(M)}else e=new j(s[0],s[1],h[y][1],h[y][2],h[y][3],h[y][4],void 0,void 0),this.length+=e.getTotalLength(),this.functions.push(e);s=[h[y][3],h[y][4]],g=[h[y][1],h[y][2]]}else if("q"===h[y][0]){if(0!=h[y][1]||0!=h[y][2])e=new j(s[0],s[1],s[0]+h[y][1],s[1]+h[y][2],s[0]+h[y][3],s[1]+h[y][4],void 0,void 0),this.length+=e.getTotalLength(),this.functions.push(e);else{var w=new l(s[0]+h[y][1],s[0]+h[y][3],s[1]+h[y][2],s[1]+h[y][4]);this.length+=w.getTotalLength(),this.functions.push(w)}g=[s[0]+h[y][1],s[1]+h[y][2]],s=[h[y][3]+s[0],h[y][4]+s[1]]}else if("T"===h[y][0]){if(y>0&&["Q","q","T","t"].indexOf(h[y-1][0])>-1)e=new j(s[0],s[1],2*s[0]-g[0],2*s[1]-g[1],h[y][1],h[y][2],void 0,void 0),this.functions.push(e),this.length+=e.getTotalLength();else{var L=new l(s[0],h[y][1],s[1],h[y][2]);this.functions.push(L),this.length+=L.getTotalLength()}g=[2*s[0]-g[0],2*s[1]-g[1]],s=[h[y][1],h[y][2]]}else if("t"===h[y][0]){if(y>0&&["Q","q","T","t"].indexOf(h[y-1][0])>-1)e=new j(s[0],s[1],2*s[0]-g[0],2*s[1]-g[1],s[0]+h[y][1],s[1]+h[y][2],void 0,void 0),this.length+=e.getTotalLength(),this.functions.push(e);else{var d=new l(s[0],s[0]+h[y][1],s[1],s[1]+h[y][2]);this.length+=d.getTotalLength(),this.functions.push(d)}g=[2*s[0]-g[0],2*s[1]-g[1]],s=[h[y][1]+s[0],h[y][2]+s[1]]}else if("A"===h[y][0]){var A=new c(s[0],s[1],h[y][1],h[y][2],h[y][3],1===h[y][4],1===h[y][5],h[y][6],h[y][7]);this.length+=A.getTotalLength(),s=[h[y][6],h[y][7]],this.functions.push(A)}else if("a"===h[y][0]){var b=new c(s[0],s[1],h[y][1],h[y][2],h[y][3],1===h[y][4],1===h[y][5],s[0]+h[y][6],s[1]+h[y][7]);this.length+=b.getTotalLength(),s=[s[0]+h[y][6],s[1]+h[y][7]],this.functions.push(b)}this.partial_lengths.push(this.length)}})),E=e((function(t){var n=this;if(i(this,"inst",void 0),i(this,"getTotalLength",(function(){return n.inst.getTotalLength()})),i(this,"getPointAtLength",(function(t){return n.inst.getPointAtLength(t)})),i(this,"getTangentAtLength",(function(t){return n.inst.getTangentAtLength(t)})),i(this,"getPropertiesAtLength",(function(t){return n.inst.getPropertiesAtLength(t)})),i(this,"getParts",(function(){return n.inst.getParts()})),this.inst=new O(t),!(this instanceof E))return new E(t)}));t.svgPathProperties=E}));

nodes/audioscheduler_nodes.py

@@ -0,0 +1,251 @@
+# to be used with https://github.com/a1lazydog/ComfyUI-AudioScheduler 
+import torch
+from torchvision.transforms import functional as TF
+from PIL import Image, ImageDraw
+import numpy as np
+from ..utility.utility import pil2tensor
+from nodes import MAX_RESOLUTION
+
+class NormalizedAmplitudeToMask:
+    @classmethod
+    def INPUT_TYPES(s):
+        return {"required": {
+                    "normalized_amp": ("NORMALIZED_AMPLITUDE",),
+                    "width": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+                    "height": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+                    "frame_offset": ("INT", {"default": 0,"min": -255, "max": 255, "step": 1}),
+                    "location_x": ("INT", {"default": 256,"min": 0, "max": 4096, "step": 1}),
+                    "location_y": ("INT", {"default": 256,"min": 0, "max": 4096, "step": 1}),
+                    "size": ("INT", {"default": 128,"min": 8, "max": 4096, "step": 1}),
+                    "shape": (
+                        [   
+                            'none',
+                            'circle',
+                            'square',
+                            'triangle',
+                        ],
+                        {
+                        "default": 'none'
+                        }),
+                    "color": (
+                        [   
+                            'white',
+                            'amplitude',
+                        ],
+                        {
+                        "default": 'amplitude'
+                        }),
+                     },}
+
+    CATEGORY = "KJNodes/audio"
+    RETURN_TYPES = ("MASK",)
+    FUNCTION = "convert"
+    DESCRIPTION = """
+Works as a bridge to the AudioScheduler -nodes:  
+https://github.com/a1lazydog/ComfyUI-AudioScheduler  
+Creates masks based on the normalized amplitude.
+"""
+
+    def convert(self, normalized_amp, width, height, frame_offset, shape, location_x, location_y, size, color):
+        # Ensure normalized_amp is an array and within the range [0, 1]
+        normalized_amp = np.clip(normalized_amp, 0.0, 1.0)
+
+        # Offset the amplitude values by rolling the array
+        normalized_amp = np.roll(normalized_amp, frame_offset)
+        
+        # Initialize an empty list to hold the image tensors
+        out = []
+        # Iterate over each amplitude value to create an image
+        for amp in normalized_amp:
+            # Scale the amplitude value to cover the full range of grayscale values
+            if color == 'amplitude':
+                grayscale_value = int(amp * 255)
+            elif color == 'white':
+                grayscale_value = 255
+            # Convert the grayscale value to an RGB format
+            gray_color = (grayscale_value, grayscale_value, grayscale_value)
+            finalsize = size * amp
+            
+            if shape == 'none':
+                shapeimage = Image.new("RGB", (width, height), gray_color)
+            else:
+                shapeimage = Image.new("RGB", (width, height), "black")
+
+            draw = ImageDraw.Draw(shapeimage)
+            if shape == 'circle' or shape == 'square':
+                # Define the bounding box for the shape
+                left_up_point = (location_x - finalsize, location_y - finalsize)
+                right_down_point = (location_x + finalsize,location_y + finalsize)
+                two_points = [left_up_point, right_down_point]
+
+                if shape == 'circle':
+                    draw.ellipse(two_points, fill=gray_color)
+                elif shape == 'square':
+                    draw.rectangle(two_points, fill=gray_color)
+                    
+            elif shape == 'triangle':
+                # Define the points for the triangle
+                left_up_point = (location_x - finalsize, location_y + finalsize) # bottom left
+                right_down_point = (location_x + finalsize, location_y + finalsize) # bottom right
+                top_point = (location_x, location_y) # top point
+                draw.polygon([top_point, left_up_point, right_down_point], fill=gray_color)
+            
+            shapeimage = pil2tensor(shapeimage)
+            mask = shapeimage[:, :, :, 0]
+            out.append(mask)
+        
+        return (torch.cat(out, dim=0),)
+    
+class NormalizedAmplitudeToFloatList:
+    @classmethod
+    def INPUT_TYPES(s):
+        return {"required": {
+                    "normalized_amp": ("NORMALIZED_AMPLITUDE",),
+                     },}
+
+    CATEGORY = "KJNodes/audio"
+    RETURN_TYPES = ("FLOAT",)
+    FUNCTION = "convert"
+    DESCRIPTION = """
+Works as a bridge to the AudioScheduler -nodes:  
+https://github.com/a1lazydog/ComfyUI-AudioScheduler  
+Creates a list of floats from the normalized amplitude.
+"""
+
+    def convert(self, normalized_amp):
+        # Ensure normalized_amp is an array and within the range [0, 1]
+        normalized_amp = np.clip(normalized_amp, 0.0, 1.0)
+        return (normalized_amp.tolist(),)
+
+class OffsetMaskByNormalizedAmplitude:
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                "normalized_amp": ("NORMALIZED_AMPLITUDE",),
+                "mask": ("MASK",),
+                "x": ("INT", { "default": 0, "min": -4096, "max": MAX_RESOLUTION, "step": 1, "display": "number" }),
+                "y": ("INT", { "default": 0, "min": -4096, "max": MAX_RESOLUTION, "step": 1, "display": "number" }),
+                "rotate": ("BOOLEAN", { "default": False }),
+                "angle_multiplier": ("FLOAT", { "default": 0.0, "min": -1.0, "max": 1.0, "step": 0.001, "display": "number" }),
+            }
+        }
+
+    RETURN_TYPES = ("MASK",)
+    RETURN_NAMES = ("mask",)
+    FUNCTION = "offset"
+    CATEGORY = "KJNodes/audio"
+    DESCRIPTION = """
+Works as a bridge to the AudioScheduler -nodes:  
+https://github.com/a1lazydog/ComfyUI-AudioScheduler  
+Offsets masks based on the normalized amplitude.
+"""
+
+    def offset(self, mask, x, y, angle_multiplier, rotate, normalized_amp):
+
+         # Ensure normalized_amp is an array and within the range [0, 1]
+        offsetmask = mask.clone()
+        normalized_amp = np.clip(normalized_amp, 0.0, 1.0)
+       
+        batch_size, height, width = mask.shape
+
+        if rotate:
+            for i in range(batch_size):
+                rotation_amp = int(normalized_amp[i] * (360 * angle_multiplier))
+                rotation_angle = rotation_amp
+                offsetmask[i] = TF.rotate(offsetmask[i].unsqueeze(0), rotation_angle).squeeze(0)
+        if x != 0 or y != 0:
+            for i in range(batch_size):
+                offset_amp = normalized_amp[i] * 10
+                shift_x = min(x*offset_amp, width-1)
+                shift_y = min(y*offset_amp, height-1)
+                if shift_x != 0:
+                    offsetmask[i] = torch.roll(offsetmask[i], shifts=int(shift_x), dims=1)
+                if shift_y != 0:
+                    offsetmask[i] = torch.roll(offsetmask[i], shifts=int(shift_y), dims=0)
+        
+        return offsetmask,
+
+class ImageTransformByNormalizedAmplitude:
+    @classmethod
+    def INPUT_TYPES(s):
+        return {"required": {
+            "normalized_amp": ("NORMALIZED_AMPLITUDE",),
+            "zoom_scale": ("FLOAT", { "default": 0.0, "min": -1.0, "max": 1.0, "step": 0.001, "display": "number" }),
+            "x_offset": ("INT", { "default": 0, "min": (1 -MAX_RESOLUTION), "max": MAX_RESOLUTION, "step": 1, "display": "number" }),
+            "y_offset": ("INT", { "default": 0, "min": (1 -MAX_RESOLUTION), "max": MAX_RESOLUTION, "step": 1, "display": "number" }),
+            "cumulative": ("BOOLEAN", { "default": False }),
+            "image": ("IMAGE",),
+        }}
+
+    RETURN_TYPES = ("IMAGE",)
+    FUNCTION = "amptransform"
+    CATEGORY = "KJNodes/audio"
+    DESCRIPTION = """
+Works as a bridge to the AudioScheduler -nodes:  
+https://github.com/a1lazydog/ComfyUI-AudioScheduler  
+Transforms image based on the normalized amplitude.
+"""
+
+    def amptransform(self, image, normalized_amp, zoom_scale, cumulative, x_offset, y_offset):
+        # Ensure normalized_amp is an array and within the range [0, 1]
+        normalized_amp = np.clip(normalized_amp, 0.0, 1.0)
+        transformed_images = []
+
+        # Initialize the cumulative zoom factor
+        prev_amp = 0.0
+
+        for i in range(image.shape[0]):
+            img = image[i]  # Get the i-th image in the batch
+            amp = normalized_amp[i]  # Get the corresponding amplitude value
+
+            # Incrementally increase the cumulative zoom factor
+            if cumulative:
+                prev_amp += amp
+                amp += prev_amp
+
+            # Convert the image tensor from BxHxWxC to CxHxW format expected by torchvision
+            img = img.permute(2, 0, 1)
+            
+            # Convert PyTorch tensor to PIL Image for processing
+            pil_img = TF.to_pil_image(img)
+            
+            # Calculate the crop size based on the amplitude
+            width, height = pil_img.size
+            crop_size = int(min(width, height) * (1 - amp * zoom_scale))
+            crop_size = max(crop_size, 1)
+            
+            # Calculate the crop box coordinates (centered crop)
+            left = (width - crop_size) // 2
+            top = (height - crop_size) // 2
+            right = (width + crop_size) // 2
+            bottom = (height + crop_size) // 2
+            
+            # Crop and resize back to original size
+            cropped_img = TF.crop(pil_img, top, left, crop_size, crop_size)
+            resized_img = TF.resize(cropped_img, (height, width))
+            
+            # Convert back to tensor in CxHxW format
+            tensor_img = TF.to_tensor(resized_img)
+            
+            # Convert the tensor back to BxHxWxC format
+            tensor_img = tensor_img.permute(1, 2, 0)
+            
+            # Offset the image based on the amplitude
+            offset_amp = amp * 10  # Calculate the offset magnitude based on the amplitude
+            shift_x = min(x_offset * offset_amp, img.shape[1] - 1)  # Calculate the shift in x direction
+            shift_y = min(y_offset * offset_amp, img.shape[0] - 1)  # Calculate the shift in y direction
+
+            # Apply the offset to the image tensor
+            if shift_x != 0:
+                tensor_img = torch.roll(tensor_img, shifts=int(shift_x), dims=1)
+            if shift_y != 0:
+                tensor_img = torch.roll(tensor_img, shifts=int(shift_y), dims=0)
+
+            # Add to the list
+            transformed_images.append(tensor_img)
+        
+        # Stack all transformed images into a batch
+        transformed_batch = torch.stack(transformed_images)
+        
+        return (transformed_batch,)

nodes/batchcrop_nodes.py

@@ -0,0 +1,768 @@
+from ..utility.utility import tensor2pil, pil2tensor
+from PIL import Image, ImageDraw, ImageFilter
+import numpy as np
+import torch
+from torchvision.transforms import Resize, CenterCrop, InterpolationMode
+import math
+
+#based on nodes from mtb https://github.com/melMass/comfy_mtb
+
+def bbox_to_region(bbox, target_size=None):
+    bbox = bbox_check(bbox, target_size)
+    return (bbox[0], bbox[1], bbox[0] + bbox[2], bbox[1] + bbox[3])
+
+def bbox_check(bbox, target_size=None):
+    if not target_size:
+        return bbox
+
+    new_bbox = (
+        bbox[0],
+        bbox[1],
+        min(target_size[0] - bbox[0], bbox[2]),
+        min(target_size[1] - bbox[1], bbox[3]),
+    )
+    return new_bbox
+
+class BatchCropFromMask:
+
+    @classmethod
+    def INPUT_TYPES(cls):
+        return {
+            "required": {
+                "original_images": ("IMAGE",),
+                "masks": ("MASK",),
+                "crop_size_mult": ("FLOAT", {"default": 1.0, "min": 0.0, "max": 10.0, "step": 0.001}),
+                "bbox_smooth_alpha": ("FLOAT", {"default": 0.5, "min": 0.0, "max": 1.0, "step": 0.01}),
+            },
+        }
+
+    RETURN_TYPES = (
+        "IMAGE",
+        "IMAGE",
+        "BBOX",
+        "INT",
+        "INT",
+    )
+    RETURN_NAMES = (
+        "original_images",
+        "cropped_images",
+        "bboxes",
+        "width",
+        "height",
+    )
+    FUNCTION = "crop"
+    CATEGORY = "KJNodes/masking"
+
+    def smooth_bbox_size(self, prev_bbox_size, curr_bbox_size, alpha):
+        if alpha == 0:
+            return prev_bbox_size
+        return round(alpha * curr_bbox_size + (1 - alpha) * prev_bbox_size)
+
+    def smooth_center(self, prev_center, curr_center, alpha=0.5):
+        if alpha == 0:
+            return prev_center
+        return (
+            round(alpha * curr_center[0] + (1 - alpha) * prev_center[0]),
+            round(alpha * curr_center[1] + (1 - alpha) * prev_center[1])
+        )
+
+    def crop(self, masks, original_images, crop_size_mult, bbox_smooth_alpha):
+ 
+        bounding_boxes = []
+        cropped_images = []
+
+        self.max_bbox_width = 0
+        self.max_bbox_height = 0
+
+        # First, calculate the maximum bounding box size across all masks
+        curr_max_bbox_width = 0
+        curr_max_bbox_height = 0
+        for mask in masks:
+            _mask = tensor2pil(mask)[0]
+            non_zero_indices = np.nonzero(np.array(_mask))
+            min_x, max_x = np.min(non_zero_indices[1]), np.max(non_zero_indices[1])
+            min_y, max_y = np.min(non_zero_indices[0]), np.max(non_zero_indices[0])
+            width = max_x - min_x
+            height = max_y - min_y
+            curr_max_bbox_width = max(curr_max_bbox_width, width)
+            curr_max_bbox_height = max(curr_max_bbox_height, height)
+
+        # Smooth the changes in the bounding box size
+        self.max_bbox_width = self.smooth_bbox_size(self.max_bbox_width, curr_max_bbox_width, bbox_smooth_alpha)
+        self.max_bbox_height = self.smooth_bbox_size(self.max_bbox_height, curr_max_bbox_height, bbox_smooth_alpha)
+
+        # Apply the crop size multiplier
+        self.max_bbox_width = round(self.max_bbox_width * crop_size_mult)
+        self.max_bbox_height = round(self.max_bbox_height * crop_size_mult)
+        bbox_aspect_ratio = self.max_bbox_width / self.max_bbox_height
+
+        # Then, for each mask and corresponding image...
+        for i, (mask, img) in enumerate(zip(masks, original_images)):
+            _mask = tensor2pil(mask)[0]
+            non_zero_indices = np.nonzero(np.array(_mask))
+            min_x, max_x = np.min(non_zero_indices[1]), np.max(non_zero_indices[1])
+            min_y, max_y = np.min(non_zero_indices[0]), np.max(non_zero_indices[0])
+            
+            # Calculate center of bounding box
+            center_x = np.mean(non_zero_indices[1])
+            center_y = np.mean(non_zero_indices[0])
+            curr_center = (round(center_x), round(center_y))
+
+            # If this is the first frame, initialize prev_center with curr_center
+            if not hasattr(self, 'prev_center'):
+                self.prev_center = curr_center
+
+            # Smooth the changes in the center coordinates from the second frame onwards
+            if i > 0:
+                center = self.smooth_center(self.prev_center, curr_center, bbox_smooth_alpha)
+            else:
+                center = curr_center
+
+            # Update prev_center for the next frame
+            self.prev_center = center
+
+            # Create bounding box using max_bbox_width and max_bbox_height
+            half_box_width = round(self.max_bbox_width / 2)
+            half_box_height = round(self.max_bbox_height / 2)
+            min_x = max(0, center[0] - half_box_width)
+            max_x = min(img.shape[1], center[0] + half_box_width)
+            min_y = max(0, center[1] - half_box_height)
+            max_y = min(img.shape[0], center[1] + half_box_height)
+
+            # Append bounding box coordinates
+            bounding_boxes.append((min_x, min_y, max_x - min_x, max_y - min_y))
+
+            # Crop the image from the bounding box
+            cropped_img = img[min_y:max_y, min_x:max_x, :]
+            
+            # Calculate the new dimensions while maintaining the aspect ratio
+            new_height = min(cropped_img.shape[0], self.max_bbox_height)
+            new_width = round(new_height * bbox_aspect_ratio)
+
+            # Resize the image
+            resize_transform = Resize((new_height, new_width))
+            resized_img = resize_transform(cropped_img.permute(2, 0, 1))
+
+            # Perform the center crop to the desired size
+            crop_transform = CenterCrop((self.max_bbox_height, self.max_bbox_width)) # swap the order here if necessary
+            cropped_resized_img = crop_transform(resized_img)
+
+            cropped_images.append(cropped_resized_img.permute(1, 2, 0))
+
+        cropped_out = torch.stack(cropped_images, dim=0)
+        
+        return (original_images, cropped_out, bounding_boxes, self.max_bbox_width, self.max_bbox_height, )
+
+class BatchUncrop:
+
+    @classmethod
+    def INPUT_TYPES(cls):
+        return {
+            "required": {
+                "original_images": ("IMAGE",),
+                "cropped_images": ("IMAGE",),
+                "bboxes": ("BBOX",),
+                "border_blending": ("FLOAT", {"default": 0.25, "min": 0.0, "max": 1.0, "step": 0.01}, ),
+                "crop_rescale": ("FLOAT", {"default": 1.0, "min": 0.0, "max": 10.0, "step": 0.01}),
+                "border_top": ("BOOLEAN", {"default": True}),
+                "border_bottom": ("BOOLEAN", {"default": True}),
+                "border_left": ("BOOLEAN", {"default": True}),
+                "border_right": ("BOOLEAN", {"default": True}),
+            }
+        }
+
+    RETURN_TYPES = ("IMAGE",)
+    FUNCTION = "uncrop"
+
+    CATEGORY = "KJNodes/masking"
+
+    def uncrop(self, original_images, cropped_images, bboxes, border_blending, crop_rescale, border_top, border_bottom, border_left, border_right):
+        def inset_border(image, border_width, border_color, border_top, border_bottom, border_left, border_right):
+            draw = ImageDraw.Draw(image)
+            width, height = image.size
+            if border_top:
+                draw.rectangle((0, 0, width, border_width), fill=border_color)
+            if border_bottom:
+                draw.rectangle((0, height - border_width, width, height), fill=border_color)
+            if border_left:
+                draw.rectangle((0, 0, border_width, height), fill=border_color)
+            if border_right:
+                draw.rectangle((width - border_width, 0, width, height), fill=border_color)
+            return image
+
+        if len(original_images) != len(cropped_images):
+            raise ValueError(f"The number of original_images ({len(original_images)}) and cropped_images ({len(cropped_images)}) should be the same")
+
+        # Ensure there are enough bboxes, but drop the excess if there are more bboxes than images
+        if len(bboxes) > len(original_images):
+            print(f"Warning: Dropping excess bounding boxes. Expected {len(original_images)}, but got {len(bboxes)}")
+            bboxes = bboxes[:len(original_images)]
+        elif len(bboxes) < len(original_images):
+            raise ValueError("There should be at least as many bboxes as there are original and cropped images")
+
+        input_images = tensor2pil(original_images)
+        crop_imgs = tensor2pil(cropped_images)
+        
+        out_images = []
+        for i in range(len(input_images)):
+            img = input_images[i]
+            crop = crop_imgs[i]
+            bbox = bboxes[i]
+            
+            # uncrop the image based on the bounding box
+            bb_x, bb_y, bb_width, bb_height = bbox
+
+            paste_region = bbox_to_region((bb_x, bb_y, bb_width, bb_height), img.size)
+            
+            # scale factors
+            scale_x = crop_rescale
+            scale_y = crop_rescale
+
+            # scaled paste_region
+            paste_region = (round(paste_region[0]*scale_x), round(paste_region[1]*scale_y), round(paste_region[2]*scale_x), round(paste_region[3]*scale_y))
+
+            # rescale the crop image to fit the paste_region
+            crop = crop.resize((round(paste_region[2]-paste_region[0]), round(paste_region[3]-paste_region[1])))
+            crop_img = crop.convert("RGB")
+   
+            if border_blending > 1.0:
+                border_blending = 1.0
+            elif border_blending < 0.0:
+                border_blending = 0.0
+
+            blend_ratio = (max(crop_img.size) / 2) * float(border_blending)
+
+            blend = img.convert("RGBA")
+            mask = Image.new("L", img.size, 0)
+
+            mask_block = Image.new("L", (paste_region[2]-paste_region[0], paste_region[3]-paste_region[1]), 255)
+            mask_block = inset_border(mask_block, round(blend_ratio / 2), (0), border_top, border_bottom, border_left, border_right)
+                      
+            mask.paste(mask_block, paste_region)
+            blend.paste(crop_img, paste_region)
+
+            mask = mask.filter(ImageFilter.BoxBlur(radius=blend_ratio / 4))
+            mask = mask.filter(ImageFilter.GaussianBlur(radius=blend_ratio / 4))
+
+            blend.putalpha(mask)
+            img = Image.alpha_composite(img.convert("RGBA"), blend)
+            out_images.append(img.convert("RGB"))
+
+        return (pil2tensor(out_images),)
+
+class BatchCropFromMaskAdvanced:
+
+    @classmethod
+    def INPUT_TYPES(cls):
+        return {
+            "required": {
+                "original_images": ("IMAGE",),
+                "masks": ("MASK",),
+                "crop_size_mult": ("FLOAT", {"default": 1.0, "min": 0.0, "max": 10.0, "step": 0.01}),
+                "bbox_smooth_alpha": ("FLOAT", {"default": 0.5, "min": 0.0, "max": 1.0, "step": 0.01}),
+            },
+        }
+
+    RETURN_TYPES = (
+        "IMAGE",
+        "IMAGE",
+        "MASK",
+        "IMAGE",
+        "MASK",
+        "BBOX",
+        "BBOX",
+        "INT",
+        "INT",
+    )
+    RETURN_NAMES = (
+        "original_images",
+        "cropped_images",
+        "cropped_masks",
+        "combined_crop_image",
+        "combined_crop_masks",
+        "bboxes",
+        "combined_bounding_box",
+        "bbox_width",
+        "bbox_height",
+    )
+    FUNCTION = "crop"
+    CATEGORY = "KJNodes/masking"
+
+    def smooth_bbox_size(self, prev_bbox_size, curr_bbox_size, alpha):
+          return round(alpha * curr_bbox_size + (1 - alpha) * prev_bbox_size)
+
+    def smooth_center(self, prev_center, curr_center, alpha=0.5):
+        return (round(alpha * curr_center[0] + (1 - alpha) * prev_center[0]),
+                round(alpha * curr_center[1] + (1 - alpha) * prev_center[1]))
+
+    def crop(self, masks, original_images, crop_size_mult, bbox_smooth_alpha):
+        bounding_boxes = []
+        combined_bounding_box = []
+        cropped_images = []
+        cropped_masks = []
+        cropped_masks_out = []
+        combined_crop_out = []
+        combined_cropped_images = []
+        combined_cropped_masks = []
+        
+        def calculate_bbox(mask):
+            non_zero_indices = np.nonzero(np.array(mask))
+
+            # handle empty masks
+            min_x, max_x, min_y, max_y = 0, 0, 0, 0
+            if len(non_zero_indices[1]) > 0 and len(non_zero_indices[0]) > 0:
+                min_x, max_x = np.min(non_zero_indices[1]), np.max(non_zero_indices[1])
+                min_y, max_y = np.min(non_zero_indices[0]), np.max(non_zero_indices[0])
+
+            width = max_x - min_x
+            height = max_y - min_y
+            bbox_size = max(width, height)
+            return min_x, max_x, min_y, max_y, bbox_size
+
+        combined_mask = torch.max(masks, dim=0)[0]
+        _mask = tensor2pil(combined_mask)[0]
+        new_min_x, new_max_x, new_min_y, new_max_y, combined_bbox_size = calculate_bbox(_mask)
+        center_x = (new_min_x + new_max_x) / 2
+        center_y = (new_min_y + new_max_y) / 2
+        half_box_size = round(combined_bbox_size // 2)
+        new_min_x = max(0, round(center_x - half_box_size))
+        new_max_x = min(original_images[0].shape[1], round(center_x + half_box_size))
+        new_min_y = max(0, round(center_y - half_box_size))
+        new_max_y = min(original_images[0].shape[0], round(center_y + half_box_size))
+        
+        combined_bounding_box.append((new_min_x, new_min_y, new_max_x - new_min_x, new_max_y - new_min_y))   
+        
+        self.max_bbox_size = 0
+        
+        # First, calculate the maximum bounding box size across all masks
+        curr_max_bbox_size = max(calculate_bbox(tensor2pil(mask)[0])[-1] for mask in masks)
+        # Smooth the changes in the bounding box size
+        self.max_bbox_size = self.smooth_bbox_size(self.max_bbox_size, curr_max_bbox_size, bbox_smooth_alpha)
+        # Apply the crop size multiplier
+        self.max_bbox_size = round(self.max_bbox_size * crop_size_mult)
+        # Make sure max_bbox_size is divisible by 16, if not, round it upwards so it is
+        self.max_bbox_size = math.ceil(self.max_bbox_size / 16) * 16
+
+        if self.max_bbox_size > original_images[0].shape[0] or self.max_bbox_size > original_images[0].shape[1]:
+            # max_bbox_size can only be as big as our input's width or height, and it has to be even
+            self.max_bbox_size = math.floor(min(original_images[0].shape[0], original_images[0].shape[1]) / 2) * 2
+
+        # Then, for each mask and corresponding image...
+        for i, (mask, img) in enumerate(zip(masks, original_images)):
+            _mask = tensor2pil(mask)[0]
+            non_zero_indices = np.nonzero(np.array(_mask))
+
+            # check for empty masks
+            if len(non_zero_indices[0]) > 0 and len(non_zero_indices[1]) > 0:
+                min_x, max_x = np.min(non_zero_indices[1]), np.max(non_zero_indices[1])
+                min_y, max_y = np.min(non_zero_indices[0]), np.max(non_zero_indices[0])
+
+                # Calculate center of bounding box
+                center_x = np.mean(non_zero_indices[1])
+                center_y = np.mean(non_zero_indices[0])
+                curr_center = (round(center_x), round(center_y))
+
+                # If this is the first frame, initialize prev_center with curr_center
+                if not hasattr(self, 'prev_center'):
+                    self.prev_center = curr_center
+
+                # Smooth the changes in the center coordinates from the second frame onwards
+                if i > 0:
+                    center = self.smooth_center(self.prev_center, curr_center, bbox_smooth_alpha)
+                else:
+                    center = curr_center
+
+                # Update prev_center for the next frame
+                self.prev_center = center
+
+                # Create bounding box using max_bbox_size
+                half_box_size = self.max_bbox_size // 2
+                min_x = max(0, center[0] - half_box_size)
+                max_x = min(img.shape[1], center[0] + half_box_size)
+                min_y = max(0, center[1] - half_box_size)
+                max_y = min(img.shape[0], center[1] + half_box_size)
+
+                # Append bounding box coordinates
+                bounding_boxes.append((min_x, min_y, max_x - min_x, max_y - min_y))
+
+                # Crop the image from the bounding box
+                cropped_img = img[min_y:max_y, min_x:max_x, :]
+                cropped_mask = mask[min_y:max_y, min_x:max_x]
+
+                # Resize the cropped image to a fixed size
+                new_size = max(cropped_img.shape[0], cropped_img.shape[1])
+                resize_transform = Resize(new_size, interpolation=InterpolationMode.NEAREST, max_size=max(img.shape[0], img.shape[1]))
+                resized_mask = resize_transform(cropped_mask.unsqueeze(0).unsqueeze(0)).squeeze(0).squeeze(0)
+                resized_img = resize_transform(cropped_img.permute(2, 0, 1))
+                # Perform the center crop to the desired size
+                # Constrain the crop to the smaller of our bbox or our image so we don't expand past the image dimensions.
+                crop_transform = CenterCrop((min(self.max_bbox_size, resized_img.shape[1]), min(self.max_bbox_size, resized_img.shape[2])))
+
+                cropped_resized_img = crop_transform(resized_img)
+                cropped_images.append(cropped_resized_img.permute(1, 2, 0))
+
+                cropped_resized_mask = crop_transform(resized_mask)
+                cropped_masks.append(cropped_resized_mask)
+
+                combined_cropped_img = original_images[i][new_min_y:new_max_y, new_min_x:new_max_x, :]
+                combined_cropped_images.append(combined_cropped_img)
+
+                combined_cropped_mask = masks[i][new_min_y:new_max_y, new_min_x:new_max_x]
+                combined_cropped_masks.append(combined_cropped_mask)
+            else:
+                bounding_boxes.append((0, 0, img.shape[1], img.shape[0]))
+                cropped_images.append(img)
+                cropped_masks.append(mask)
+                combined_cropped_images.append(img)
+                combined_cropped_masks.append(mask)
+
+        cropped_out = torch.stack(cropped_images, dim=0)
+        combined_crop_out = torch.stack(combined_cropped_images, dim=0)
+        cropped_masks_out = torch.stack(cropped_masks, dim=0)
+        combined_crop_mask_out = torch.stack(combined_cropped_masks, dim=0)
+
+        return (original_images, cropped_out, cropped_masks_out, combined_crop_out, combined_crop_mask_out, bounding_boxes, combined_bounding_box, self.max_bbox_size, self.max_bbox_size)
+
+class FilterZeroMasksAndCorrespondingImages:
+
+    @classmethod
+    def INPUT_TYPES(cls):
+        return {
+            "required": {
+                "masks": ("MASK",),
+            },
+            "optional": {
+                "original_images": ("IMAGE",), 
+            },
+        }
+
+    RETURN_TYPES = ("MASK", "IMAGE", "IMAGE", "INDEXES",)
+    RETURN_NAMES = ("non_zero_masks_out", "non_zero_mask_images_out", "zero_mask_images_out", "zero_mask_images_out_indexes",)
+    FUNCTION = "filter"
+    CATEGORY = "KJNodes/masking"
+    DESCRIPTION = """
+Filter out all the empty (i.e. all zero) mask in masks  
+Also filter out all the corresponding images in original_images by indexes if provide  
+  
+original_images (optional): If provided, need have same length as masks.
+"""
+    
+    def filter(self, masks, original_images=None):
+        non_zero_masks = []
+        non_zero_mask_images = []
+        zero_mask_images = []
+        zero_mask_images_indexes = []
+        
+        masks_num = len(masks)
+        also_process_images = False
+        if original_images is not None:
+            imgs_num = len(original_images)
+            if len(original_images) == masks_num:
+                also_process_images = True
+            else:
+                print(f"[WARNING] ignore input: original_images, due to number of original_images ({imgs_num}) is not equal to number of masks ({masks_num})")
+        
+        for i in range(masks_num):
+            non_zero_num = np.count_nonzero(np.array(masks[i]))
+            if non_zero_num > 0:
+                non_zero_masks.append(masks[i])
+                if also_process_images:
+                    non_zero_mask_images.append(original_images[i])
+            else:
+                zero_mask_images.append(original_images[i])
+                zero_mask_images_indexes.append(i)
+
+        non_zero_masks_out = torch.stack(non_zero_masks, dim=0)
+        non_zero_mask_images_out = zero_mask_images_out = zero_mask_images_out_indexes = None
+        
+        if also_process_images:
+            non_zero_mask_images_out = torch.stack(non_zero_mask_images, dim=0)
+            if len(zero_mask_images) > 0:
+                zero_mask_images_out = torch.stack(zero_mask_images, dim=0)
+                zero_mask_images_out_indexes = zero_mask_images_indexes
+
+        return (non_zero_masks_out, non_zero_mask_images_out, zero_mask_images_out, zero_mask_images_out_indexes)
+
+class InsertImageBatchByIndexes:
+
+    @classmethod
+    def INPUT_TYPES(cls):
+        return {
+            "required": {
+                "images": ("IMAGE",), 
+                "images_to_insert": ("IMAGE",), 
+                "insert_indexes": ("INDEXES",),
+            },
+        }
+
+    RETURN_TYPES = ("IMAGE", )
+    RETURN_NAMES = ("images_after_insert", )
+    FUNCTION = "insert"
+    CATEGORY = "KJNodes/image"
+    DESCRIPTION = """
+This node is designed to be use with node FilterZeroMasksAndCorrespondingImages
+It inserts the images_to_insert into images according to insert_indexes
+
+Returns:
+    images_after_insert: updated original images with origonal sequence order
+"""
+    
+    def insert(self, images, images_to_insert, insert_indexes):        
+        images_after_insert = images
+        
+        if images_to_insert is not None and insert_indexes is not None:
+            images_to_insert_num = len(images_to_insert)
+            insert_indexes_num = len(insert_indexes)
+            if images_to_insert_num == insert_indexes_num:
+                images_after_insert = []
+
+                i_images = 0
+                for i in range(len(images) + images_to_insert_num):
+                    if i in insert_indexes:
+                        images_after_insert.append(images_to_insert[insert_indexes.index(i)])
+                    else:
+                        images_after_insert.append(images[i_images])
+                        i_images += 1
+                        
+                images_after_insert = torch.stack(images_after_insert, dim=0)
+                
+            else:
+                print(f"[WARNING] skip this node, due to number of images_to_insert ({images_to_insert_num}) is not equal to number of insert_indexes ({insert_indexes_num})")
+
+
+        return (images_after_insert, )
+
+class BatchUncropAdvanced:
+
+    @classmethod
+    def INPUT_TYPES(cls):
+        return {
+            "required": {
+                "original_images": ("IMAGE",),
+                "cropped_images": ("IMAGE",), 
+                "cropped_masks": ("MASK",),
+                "combined_crop_mask": ("MASK",),
+                "bboxes": ("BBOX",),
+                "border_blending": ("FLOAT", {"default": 0.25, "min": 0.0, "max": 1.0, "step": 0.01}, ),
+                "crop_rescale": ("FLOAT", {"default": 1.0, "min": 0.0, "max": 10.0, "step": 0.01}),
+                "use_combined_mask": ("BOOLEAN", {"default": False}),
+                "use_square_mask": ("BOOLEAN", {"default": True}),
+            },
+            "optional": {
+                "combined_bounding_box": ("BBOX", {"default": None}),  
+            },
+        }
+
+    RETURN_TYPES = ("IMAGE",)
+    FUNCTION = "uncrop"
+    CATEGORY = "KJNodes/masking"
+
+
+    def uncrop(self, original_images, cropped_images, cropped_masks, combined_crop_mask, bboxes, border_blending, crop_rescale, use_combined_mask, use_square_mask, combined_bounding_box = None):
+        
+        def inset_border(image, border_width=20, border_color=(0)):
+            width, height = image.size
+            bordered_image = Image.new(image.mode, (width, height), border_color)
+            bordered_image.paste(image, (0, 0))
+            draw = ImageDraw.Draw(bordered_image)
+            draw.rectangle((0, 0, width - 1, height - 1), outline=border_color, width=border_width)
+            return bordered_image
+
+        if len(original_images) != len(cropped_images):
+            raise ValueError(f"The number of original_images ({len(original_images)}) and cropped_images ({len(cropped_images)}) should be the same")
+
+        # Ensure there are enough bboxes, but drop the excess if there are more bboxes than images
+        if len(bboxes) > len(original_images):
+            print(f"Warning: Dropping excess bounding boxes. Expected {len(original_images)}, but got {len(bboxes)}")
+            bboxes = bboxes[:len(original_images)]
+        elif len(bboxes) < len(original_images):
+            raise ValueError("There should be at least as many bboxes as there are original and cropped images")
+
+        crop_imgs = tensor2pil(cropped_images)
+        input_images = tensor2pil(original_images)
+        out_images = []
+
+        for i in range(len(input_images)):
+            img = input_images[i]
+            crop = crop_imgs[i]
+            bbox = bboxes[i]
+            
+            if use_combined_mask:
+                bb_x, bb_y, bb_width, bb_height = combined_bounding_box[0]
+                paste_region = bbox_to_region((bb_x, bb_y, bb_width, bb_height), img.size)
+                mask = combined_crop_mask[i]
+            else:
+                bb_x, bb_y, bb_width, bb_height = bbox
+                paste_region = bbox_to_region((bb_x, bb_y, bb_width, bb_height), img.size)
+                mask = cropped_masks[i]
+            
+            # scale paste_region
+            scale_x = scale_y = crop_rescale
+            paste_region = (round(paste_region[0]*scale_x), round(paste_region[1]*scale_y), round(paste_region[2]*scale_x), round(paste_region[3]*scale_y))
+
+            # rescale the crop image to fit the paste_region
+            crop = crop.resize((round(paste_region[2]-paste_region[0]), round(paste_region[3]-paste_region[1])))
+            crop_img = crop.convert("RGB")
+
+            #border blending
+            if border_blending > 1.0:
+                border_blending = 1.0
+            elif border_blending < 0.0:
+                border_blending = 0.0
+
+            blend_ratio = (max(crop_img.size) / 2) * float(border_blending)
+            blend = img.convert("RGBA")
+
+            if use_square_mask:
+                mask = Image.new("L", img.size, 0)
+                mask_block = Image.new("L", (paste_region[2]-paste_region[0], paste_region[3]-paste_region[1]), 255)
+                mask_block = inset_border(mask_block, round(blend_ratio / 2), (0))
+                mask.paste(mask_block, paste_region)
+            else:
+                original_mask = tensor2pil(mask)[0]
+                original_mask = original_mask.resize((paste_region[2]-paste_region[0], paste_region[3]-paste_region[1]))
+                mask = Image.new("L", img.size, 0)
+                mask.paste(original_mask, paste_region)
+
+            mask = mask.filter(ImageFilter.BoxBlur(radius=blend_ratio / 4))
+            mask = mask.filter(ImageFilter.GaussianBlur(radius=blend_ratio / 4))
+
+            blend.paste(crop_img, paste_region) 
+            blend.putalpha(mask)
+            
+            img = Image.alpha_composite(img.convert("RGBA"), blend)
+            out_images.append(img.convert("RGB"))
+
+        return (pil2tensor(out_images),)
+
+class SplitBboxes:
+
+    @classmethod
+    def INPUT_TYPES(cls):
+        return {
+            "required": {
+                "bboxes": ("BBOX",),
+                "index": ("INT", {"default": 0,"min": 0, "max": 99999999, "step": 1}),
+            },
+        }
+
+    RETURN_TYPES = ("BBOX","BBOX",)
+    RETURN_NAMES = ("bboxes_a","bboxes_b",)
+    FUNCTION = "splitbbox"
+    CATEGORY = "KJNodes/masking"
+    DESCRIPTION = """
+Splits the specified bbox list at the given index into two lists.
+"""
+
+    def splitbbox(self, bboxes, index):
+        bboxes_a = bboxes[:index]  # Sub-list from the start of bboxes up to (but not including) the index
+        bboxes_b = bboxes[index:]  # Sub-list from the index to the end of bboxes
+
+        return (bboxes_a, bboxes_b,)
+    
+class BboxToInt:
+
+    @classmethod
+    def INPUT_TYPES(cls):
+        return {
+            "required": {
+                "bboxes": ("BBOX",),
+                "index": ("INT", {"default": 0,"min": 0, "max": 99999999, "step": 1}),
+            },
+        }
+
+    RETURN_TYPES = ("INT","INT","INT","INT","INT","INT",)
+    RETURN_NAMES = ("x_min","y_min","width","height", "center_x","center_y",)
+    FUNCTION = "bboxtoint"
+    CATEGORY = "KJNodes/masking"
+    DESCRIPTION = """
+Returns selected index from bounding box list as integers.
+"""
+    def bboxtoint(self, bboxes, index):
+        x_min, y_min, width, height = bboxes[index]
+        center_x = int(x_min + width / 2)
+        center_y = int(y_min + height / 2)
+        
+        return (x_min, y_min, width, height, center_x, center_y,)
+
+class BboxVisualize:
+
+    @classmethod
+    def INPUT_TYPES(cls):
+        return {
+            "required": {
+                "images": ("IMAGE",),
+                "bboxes": ("BBOX",),
+                "line_width": ("INT", {"default": 1,"min": 1, "max": 10, "step": 1}),
+                "bbox_format": (["xywh", "xyxy"], {"default": "xywh"}),
+            },
+        }
+
+    RETURN_TYPES = ("IMAGE",)
+    RETURN_NAMES = ("images",)
+    FUNCTION = "visualizebbox"
+    DESCRIPTION = """
+Visualizes the specified bbox on the image.
+"""
+
+    CATEGORY = "KJNodes/masking"
+
+    def visualizebbox(self, bboxes, images, line_width, bbox_format):
+        image_list = []
+        for image, bbox in zip(images, bboxes):
+            # Ensure bbox is a sequence of 4 values
+            if isinstance(bbox, (list, tuple, np.ndarray)) and len(bbox) == 4:
+                if bbox_format == "xywh":
+                    x_min, y_min, width, height = bbox
+                elif bbox_format == "xyxy":
+                    x_min, y_min, x_max, y_max = bbox
+                    width = x_max - x_min
+                    height = y_max - y_min
+                else:
+                    raise ValueError(f"Unknown bbox_format: {bbox_format}")
+            else:
+                print("Invalid bbox:", bbox)
+                continue
+
+            # Ensure bbox coordinates are integers
+            x_min = int(x_min)
+            y_min = int(y_min)
+            width = int(width)
+            height = int(height)
+
+            # Permute the image dimensions
+            image = image.permute(2, 0, 1)
+
+            # Clone the image to draw bounding boxes
+            img_with_bbox = image.clone()
+
+            # Define the color for the bbox, e.g., red
+            color = torch.tensor([1, 0, 0], dtype=torch.float32)
+
+            # Ensure color tensor matches the image channels
+            if color.shape[0] != img_with_bbox.shape[0]:
+                color = color.unsqueeze(1).expand(-1, line_width)
+
+            # Draw lines for each side of the bbox with the specified line width
+            for lw in range(line_width):
+                # Top horizontal line
+                if y_min + lw < img_with_bbox.shape[1]:
+                    img_with_bbox[:, y_min + lw, x_min:x_min + width] = color[:, None]
+
+                # Bottom horizontal line
+                if y_min + height - lw < img_with_bbox.shape[1]:
+                    img_with_bbox[:, y_min + height - lw, x_min:x_min + width] = color[:, None]
+
+                # Left vertical line
+                if x_min + lw < img_with_bbox.shape[2]:
+                    img_with_bbox[:, y_min:y_min + height, x_min + lw] = color[:, None]
+
+                # Right vertical line
+                if x_min + width - lw < img_with_bbox.shape[2]:
+                    img_with_bbox[:, y_min:y_min + height, x_min + width - lw] = color[:, None]
+
+            # Permute the image dimensions back
+            img_with_bbox = img_with_bbox.permute(1, 2, 0).unsqueeze(0)
+            image_list.append(img_with_bbox)
+
+        return (torch.cat(image_list, dim=0),)

nodes/curve_nodes.py

@@ -0,0 +1,1636 @@
+import torch
+from torchvision import transforms
+import json
+from PIL import Image, ImageDraw, ImageFont, ImageColor, ImageFilter, ImageChops
+import numpy as np
+from ..utility.utility import pil2tensor, tensor2pil
+import folder_paths
+import io
+import base64
+        
+from comfy.utils import common_upscale
+
+def parse_color(color):
+    if isinstance(color, str) and ',' in color:
+        return tuple(int(c.strip()) for c in color.split(','))
+    return color
+
+def parse_json_tracks(tracks):
+    tracks_data = []
+    try:
+        # If tracks is a string, try to parse it as JSON
+        if isinstance(tracks, str):
+            parsed = json.loads(tracks.replace("'", '"'))
+            tracks_data.extend(parsed)
+        else:
+            # If tracks is a list of strings, parse each one
+            for track_str in tracks:
+                parsed = json.loads(track_str.replace("'", '"'))
+                tracks_data.append(parsed)
+        
+        # Check if we have a single track (dict with x,y) or a list of tracks
+        if tracks_data and isinstance(tracks_data[0], dict) and 'x' in tracks_data[0]:
+            # Single track detected, wrap it in a list
+            tracks_data = [tracks_data]
+        elif tracks_data and isinstance(tracks_data[0], list) and tracks_data[0] and isinstance(tracks_data[0][0], dict) and 'x' in tracks_data[0][0]:
+            # Already a list of tracks, nothing to do
+            pass
+        else:
+            # Unexpected format
+            print(f"Warning: Unexpected track format: {type(tracks_data[0])}")
+            
+    except json.JSONDecodeError as e:
+        print(f"Error parsing tracks JSON: {e}")
+        tracks_data = []
+
+    return tracks_data
+
+def plot_coordinates_to_tensor(coordinates, height, width, bbox_height, bbox_width, size_multiplier, prompt):
+        import matplotlib
+        matplotlib.use('Agg')
+        from matplotlib.backends.backend_agg import FigureCanvasAgg as FigureCanvas
+        text_color = '#999999'
+        bg_color = '#353535'
+        matplotlib.pyplot.rcParams['text.color'] = text_color
+        fig, ax = matplotlib.pyplot.subplots(figsize=(width/100, height/100), dpi=100)
+        fig.patch.set_facecolor(bg_color)
+        ax.set_facecolor(bg_color)
+        ax.grid(color=text_color, linestyle='-', linewidth=0.5)
+        ax.set_xlabel('x', color=text_color)
+        ax.set_ylabel('y', color=text_color)
+        for text in ax.get_xticklabels() + ax.get_yticklabels():
+            text.set_color(text_color)
+        ax.set_title('position for: ' + prompt)
+        ax.set_xlabel('X Coordinate')
+        ax.set_ylabel('Y Coordinate')
+        #ax.legend().remove()
+        ax.set_xlim(0, width) # Set the x-axis to match the input latent width
+        ax.set_ylim(height, 0) # Set the y-axis to match the input latent height, with (0,0) at top-left
+        # Adjust the margins of the subplot
+        matplotlib.pyplot.subplots_adjust(left=0.08, right=0.95, bottom=0.05, top=0.95, wspace=0.2, hspace=0.2)
+
+        cmap = matplotlib.pyplot.get_cmap('rainbow')
+        image_batch = []
+        canvas = FigureCanvas(fig)
+        width, height = fig.get_size_inches() * fig.get_dpi()
+        # Draw a box at each coordinate
+        for i, ((x, y), size) in enumerate(zip(coordinates, size_multiplier)):
+            color_index = i / (len(coordinates) - 1)
+            color = cmap(color_index)
+            draw_height = bbox_height * size
+            draw_width = bbox_width * size
+            rect = matplotlib.patches.Rectangle((x - draw_width/2, y - draw_height/2), draw_width, draw_height,
+                                            linewidth=1, edgecolor=color, facecolor='none', alpha=0.5)
+            ax.add_patch(rect)
+
+            # Check if there is a next coordinate to draw an arrow to
+            if i < len(coordinates) - 1:
+                x1, y1 = coordinates[i]
+                x2, y2 = coordinates[i + 1]
+                ax.annotate("", xy=(x2, y2), xytext=(x1, y1),
+                            arrowprops=dict(arrowstyle="->",
+                                            linestyle="-",
+                                            lw=1,
+                                            color=color,
+                                            mutation_scale=20))
+            canvas.draw()
+            image_np = np.frombuffer(canvas.tostring_rgb(), dtype='uint8').reshape(int(height), int(width), 3).copy()
+            image_tensor = torch.from_numpy(image_np).float() / 255.0
+            image_tensor = image_tensor.unsqueeze(0)
+            image_batch.append(image_tensor)
+            
+        matplotlib.pyplot.close(fig)
+        image_batch_tensor = torch.cat(image_batch, dim=0)
+
+        return image_batch_tensor
+
+class PlotCoordinates:
+    @classmethod
+    def INPUT_TYPES(s):
+        return {"required": {
+                              "coordinates": ("STRING", {"forceInput": True}),
+                              "text": ("STRING", {"default": 'title', "multiline": False}),
+                              "width": ("INT", {"default": 512, "min": 8, "max": 4096, "step": 8}),
+                              "height": ("INT", {"default": 512, "min": 8, "max": 4096, "step": 8}),
+                              "bbox_width": ("INT", {"default": 128, "min": 8, "max": 4096, "step": 8}),
+                              "bbox_height": ("INT", {"default": 128, "min": 8, "max": 4096, "step": 8}),
+                            },
+                "optional": {"size_multiplier": ("FLOAT", {"default": [1.0], "forceInput": True})},
+                }
+    RETURN_TYPES = ("IMAGE", "INT", "INT", "INT", "INT",)
+    RETURN_NAMES = ("images", "width", "height", "bbox_width", "bbox_height",)
+    FUNCTION = "append"
+    CATEGORY = "KJNodes/experimental"
+    DESCRIPTION = """
+Plots coordinates to sequence of images using Matplotlib.  
+
+"""
+
+    def append(self, coordinates, text, width, height, bbox_width, bbox_height, size_multiplier=[1.0]):
+        coordinates = json.loads(coordinates.replace("'", '"'))
+        coordinates = [(coord['x'], coord['y']) for coord in coordinates]
+        batch_size = len(coordinates)
+        if not size_multiplier or len(size_multiplier) != batch_size:
+            size_multiplier = [0] * batch_size
+        else:
+            size_multiplier = size_multiplier * (batch_size // len(size_multiplier)) + size_multiplier[:batch_size % len(size_multiplier)]
+
+        plot_image_tensor = plot_coordinates_to_tensor(coordinates, height, width, bbox_height, bbox_width, size_multiplier, text)
+        
+        return (plot_image_tensor, width, height, bbox_width, bbox_height)
+    
+class SplineEditor:
+
+    @classmethod
+    def INPUT_TYPES(cls):
+        return {
+            "required": {
+                "points_store": ("STRING", {"multiline": False}),
+                "coordinates": ("STRING", {"multiline": False}),
+                "mask_width": ("INT", {"default": 512, "min": 8, "max": 4096, "step": 8}),
+                "mask_height": ("INT", {"default": 512, "min": 8, "max": 4096, "step": 8}),
+                "points_to_sample": ("INT", {"default": 16, "min": 2, "max": 1000, "step": 1}),
+                "sampling_method": (
+                [   
+                    'path',
+                    'time',
+                    'controlpoints',
+                    'speed'
+                ],
+                {
+                    "default": 'time'
+                }),
+                "interpolation": (
+                [   
+                    'cardinal',
+                    'monotone',
+                    'basis',
+                    'linear',
+                    'step-before',
+                    'step-after',
+                    'polar',
+                    'polar-reverse',
+                ],
+                {
+                "default": 'cardinal'
+                    }),
+                "tension": ("FLOAT", {"default": 0.5, "min": 0.0, "max": 1.0, "step": 0.01}),
+                "repeat_output": ("INT", {"default": 1, "min": 1, "max": 4096, "step": 1}),
+                "float_output_type": (
+                [   
+                    'list',
+                    'pandas series',
+                    'tensor',
+                ],
+                {
+                    "default": 'list'
+                }),
+            },
+            "optional": {
+                "min_value": ("FLOAT", {"default": 0.0, "min": -10000.0, "max": 10000.0, "step": 0.01}),
+                "max_value": ("FLOAT", {"default": 1.0, "min": -10000.0, "max": 10000.0, "step": 0.01}),
+                "bg_image": ("IMAGE", ),
+            }
+        }
+
+    RETURN_TYPES = ("MASK", "STRING", "FLOAT", "INT", "STRING",)
+    RETURN_NAMES = ("mask", "coord_str", "float", "count", "normalized_str",)
+    FUNCTION = "splinedata"
+    CATEGORY = "KJNodes/weights"
+    DESCRIPTION = """
+# WORK IN PROGRESS  
+Do not count on this as part of your workflow yet,  
+probably contains lots of bugs and stability is not  
+guaranteed!!  
+  
+## Graphical editor to create values for various   
+## schedules and/or mask batches.  
+
+**Shift + click** to add control point at end.
+**Ctrl + click** to add control point (subdivide) between two points.  
+**Right click on a point** to delete it.    
+Note that you can't delete from start/end.  
+  
+Right click on canvas for context menu:  
+NEW!:
+- Add new spline
+    - Creates a new spline on same canvas, currently these paths are only outputed  
+      as coordinates.
+- Add single point
+    - Creates a single point that only returns it's current position coords  
+- Delete spline
+    - Deletes the currently selected spline, you can select a spline by clicking on   
+    it's path, or cycle through them with the 'Next spline' -option.  
+
+These are purely visual options, doesn't affect the output:  
+ - Toggle handles visibility
+ - Display sample points: display the points to be returned.  
+
+**points_to_sample** value sets the number of samples  
+returned from the **drawn spline itself**, this is independent from the  
+actual control points, so the interpolation type matters.  
+sampling_method: 
+ - time: samples along the time axis, used for schedules  
+ - path: samples along the path itself, useful for coordinates  
+ - controlpoints: samples only the control points themselves  
+
+output types:
+ - mask batch  
+        example compatible nodes: anything that takes masks  
+ - list of floats
+        example compatible nodes: IPAdapter weights  
+ - pandas series
+        example compatible nodes: anything that takes Fizz'  
+        nodes Batch Value Schedule  
+ - torch tensor  
+        example compatible nodes: unknown
+"""
+
+    def splinedata(self, mask_width, mask_height, coordinates, float_output_type, interpolation, 
+               points_to_sample, sampling_method, points_store, tension, repeat_output, 
+               min_value=0.0, max_value=1.0, bg_image=None):
+    
+        coordinates = json.loads(coordinates)
+        
+        # Handle nested list structure if present
+        all_normalized = []
+        all_normalized_y_values = []
+        
+        # Check if we have a nested list structure
+        if isinstance(coordinates, list) and len(coordinates) > 0 and isinstance(coordinates[0], list):
+            # Process each list of coordinates in the nested structure
+            coordinate_sets = coordinates
+        else:
+            # If not nested, treat as a single list of coordinates
+            coordinate_sets = [coordinates]
+        
+        # Process each set of coordinates
+        for coord_set in coordinate_sets:
+            normalized = []
+            normalized_y_values = []
+            
+            for coord in coord_set:
+                coord['x'] = int(round(coord['x']))
+                coord['y'] = int(round(coord['y']))
+                norm_x = (1.0 - (coord['x'] / mask_height) - 0.0) * (max_value - min_value) + min_value
+                norm_y = (1.0 - (coord['y'] / mask_height) - 0.0) * (max_value - min_value) + min_value
+                normalized_y_values.append(norm_y)
+                normalized.append({'x':norm_x, 'y':norm_y})
+            
+            all_normalized.extend(normalized)
+            all_normalized_y_values.extend(normalized_y_values)
+        
+        # Use the combined normalized values for output
+        if float_output_type == 'list':
+            out_floats = all_normalized_y_values * repeat_output
+        elif float_output_type == 'pandas series':
+            try:
+                import pandas as pd
+            except:
+                raise Exception("MaskOrImageToWeight: pandas is not installed. Please install pandas to use this output_type")
+            out_floats = pd.Series(all_normalized_y_values * repeat_output),
+        elif float_output_type == 'tensor':
+            out_floats = torch.tensor(all_normalized_y_values * repeat_output, dtype=torch.float32)
+        
+        # Create a color map for grayscale intensities
+        color_map = lambda y: torch.full((mask_height, mask_width, 3), y, dtype=torch.float32)
+
+        # Create image tensors for each normalized y value
+        mask_tensors = [color_map(y) for y in all_normalized_y_values]
+        masks_out = torch.stack(mask_tensors)
+        masks_out = masks_out.repeat(repeat_output, 1, 1, 1)
+        masks_out = masks_out.mean(dim=-1)
+        
+        if bg_image is None:
+            return (masks_out, json.dumps(coordinates if len(coordinates) > 1 else coordinates[0]), out_floats, len(out_floats), json.dumps(all_normalized))
+        else:
+            transform = transforms.ToPILImage()
+            image = transform(bg_image[0].permute(2, 0, 1))
+            buffered = io.BytesIO()
+            image.save(buffered, format="JPEG", quality=75)
+
+            # Encode the image bytes to a Base64 string
+            img_bytes = buffered.getvalue()
+            img_base64 = base64.b64encode(img_bytes).decode('utf-8')
+            
+            return {
+                "ui": {"bg_image": [img_base64]},
+                "result": (masks_out, json.dumps(coordinates if len(coordinates) > 1 else coordinates[0]), out_floats, len(out_floats), json.dumps(all_normalized))
+            }
+     
+
+class CreateShapeMaskOnPath:
+    
+    RETURN_TYPES = ("MASK", "MASK",)
+    RETURN_NAMES = ("mask", "mask_inverted",)
+    FUNCTION = "createshapemask"
+    CATEGORY = "KJNodes/masking/generate"
+    DESCRIPTION = """
+Creates a mask or batch of masks with the specified shape.  
+Locations are center locations.  
+"""
+    DEPRECATED = True
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                "shape": (
+            [   'circle',
+                'square',
+                'triangle',
+            ],
+            {
+            "default": 'circle'
+             }),
+                "coordinates": ("STRING", {"forceInput": True}),
+                "frame_width": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+                "frame_height": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+                "shape_width": ("INT", {"default": 128,"min": 8, "max": 4096, "step": 1}),
+                "shape_height": ("INT", {"default": 128,"min": 8, "max": 4096, "step": 1}),
+        },
+        "optional": {
+            "size_multiplier": ("FLOAT", {"default": [1.0], "forceInput": True}),
+        }
+    } 
+
+    def createshapemask(self, coordinates, frame_width, frame_height, shape_width, shape_height, shape, size_multiplier=[1.0]):
+        # Define the number of images in the batch
+        coordinates = coordinates.replace("'", '"')
+        coordinates = json.loads(coordinates)
+
+        batch_size = len(coordinates)
+        out = []
+        color = "white"
+        if not size_multiplier or len(size_multiplier) != batch_size:
+            size_multiplier = [0] * batch_size
+        else:
+            size_multiplier = size_multiplier * (batch_size // len(size_multiplier)) + size_multiplier[:batch_size % len(size_multiplier)]
+        for i, coord in enumerate(coordinates):
+            image = Image.new("RGB", (frame_width, frame_height), "black")
+            draw = ImageDraw.Draw(image)
+
+            # Calculate the size for this frame and ensure it's not less than 0
+            current_width = max(0, shape_width + i * size_multiplier[i])
+            current_height = max(0, shape_height + i * size_multiplier[i])
+
+            location_x = coord['x']
+            location_y = coord['y']
+
+            if shape == 'circle' or shape == 'square':
+                # Define the bounding box for the shape
+                left_up_point = (location_x - current_width // 2, location_y - current_height // 2)
+                right_down_point = (location_x + current_width // 2, location_y + current_height // 2)
+                two_points = [left_up_point, right_down_point]
+
+                if shape == 'circle':
+                    draw.ellipse(two_points, fill=color)
+                elif shape == 'square':
+                    draw.rectangle(two_points, fill=color)
+                    
+            elif shape == 'triangle':
+                # Define the points for the triangle
+                left_up_point = (location_x - current_width // 2, location_y + current_height // 2) # bottom left
+                right_down_point = (location_x + current_width // 2, location_y + current_height // 2) # bottom right
+                top_point = (location_x, location_y - current_height // 2) # top point
+                draw.polygon([top_point, left_up_point, right_down_point], fill=color)
+
+            image = pil2tensor(image)
+            mask = image[:, :, :, 0]
+            out.append(mask)
+        outstack = torch.cat(out, dim=0)
+        return (outstack, 1.0 - outstack,)
+
+
+
+class CreateShapeImageOnPath:
+    
+    RETURN_TYPES = ("IMAGE", "MASK",)
+    RETURN_NAMES = ("image","mask", )
+    FUNCTION = "createshapemask"
+    CATEGORY = "KJNodes/image"
+    DESCRIPTION = """
+Creates an image or batch of images with the specified shape.  
+Locations are center locations.  
+"""
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                "shape": (
+            [   'circle',
+                'square',
+                'triangle',
+            ],
+            {
+            "default": 'circle'
+             }),
+                "coordinates": ("STRING", {"forceInput": True}),
+                "frame_width": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+                "frame_height": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+                "shape_width": ("INT", {"default": 128,"min": 2, "max": 4096, "step": 1}),
+                "shape_height": ("INT", {"default": 128,"min": 2, "max": 4096, "step": 1}),
+                "shape_color": ("STRING", {"default": 'white'}),
+                "bg_color": ("STRING", {"default": 'black'}),
+                "blur_radius": ("FLOAT", {"default": 0.0, "min": 0.0, "max": 100, "step": 0.1}),
+                "intensity": ("FLOAT", {"default": 1.0, "min": 0.01, "max": 100.0, "step": 0.01}),
+        },
+        "optional": {
+            "size_multiplier": ("FLOAT", {"default": [1.0], "forceInput": True}),
+            "trailing": ("FLOAT", {"default": 1.0, "min": 0.0, "max": 10.0, "step": 0.01}),
+            "border_width": ("INT", {"default": 0, "min": 0, "max": 100, "step": 1}),
+            "border_color": ("STRING", {"default": 'black'}),
+        }
+    } 
+
+    def createshapemask(self, coordinates, frame_width, frame_height, shape_width, shape_height, shape_color, 
+                        bg_color, blur_radius, shape, intensity, size_multiplier=[1.0], trailing=1.0, border_width=0, border_color='black'):
+
+        shape_color = parse_color(shape_color)
+        border_color = parse_color(border_color)
+        bg_color = parse_color(bg_color)
+        coords_list = parse_json_tracks(coordinates)
+
+        batch_size = len(coords_list[0])
+        images_list = []
+        masks_list = []
+
+        if not size_multiplier or len(size_multiplier) != batch_size:
+            size_multiplier = [1] * batch_size
+        else:
+            size_multiplier = size_multiplier * (batch_size // len(size_multiplier)) + size_multiplier[:batch_size % len(size_multiplier)]
+
+        previous_output = None
+
+        for i in range(batch_size):
+            image = Image.new("RGB", (frame_width, frame_height), bg_color)
+            draw = ImageDraw.Draw(image)
+
+            # Calculate the size for this frame and ensure it's not less than 0
+            current_width = shape_width * size_multiplier[i]
+            current_height = shape_height * size_multiplier[i]
+            
+            for coords in coords_list:
+                location_x = coords[i]['x']
+                location_y = coords[i]['y']
+            
+                if shape == 'circle' or shape == 'square':
+                    # Define the bounding box for the shape
+                    left_up_point = (location_x - current_width // 2, location_y - current_height // 2)
+                    right_down_point = (location_x + current_width // 2, location_y + current_height // 2)
+                    two_points = [left_up_point, right_down_point]
+
+                    if shape == 'circle':
+                        if border_width > 0:
+                            draw.ellipse(two_points, fill=shape_color, outline=border_color, width=border_width)
+                        else:
+                            draw.ellipse(two_points, fill=shape_color)
+                    elif shape == 'square':
+                        if border_width > 0:
+                            draw.rectangle(two_points, fill=shape_color, outline=border_color, width=border_width)
+                        else:
+                            draw.rectangle(two_points, fill=shape_color)
+                        
+                elif shape == 'triangle':
+                    # Define the points for the triangle
+                    left_up_point = (location_x - current_width // 2, location_y + current_height // 2) # bottom left
+                    right_down_point = (location_x + current_width // 2, location_y + current_height // 2) # bottom right
+                    top_point = (location_x, location_y - current_height // 2) # top point
+                    
+                    if border_width > 0:
+                        draw.polygon([top_point, left_up_point, right_down_point], fill=shape_color, outline=border_color, width=border_width)
+                    else:
+                        draw.polygon([top_point, left_up_point, right_down_point], fill=shape_color)
+
+            if blur_radius != 0:
+                    image = image.filter(ImageFilter.GaussianBlur(blur_radius))
+            # Blend the current image with the accumulated image
+            
+            image = pil2tensor(image)
+            if trailing != 1.0 and previous_output is not None:
+                # Add the decayed previous output to the current frame
+                image += trailing * previous_output
+                image = image / image.max()
+            previous_output = image
+            image = image * intensity
+            mask = image[:, :, :, 0]
+            masks_list.append(mask)
+            images_list.append(image)
+        out_images = torch.cat(images_list, dim=0).cpu().float()
+        out_masks = torch.cat(masks_list, dim=0)
+        return (out_images, out_masks)
+    
+class CreateTextOnPath:
+    
+    RETURN_TYPES = ("IMAGE", "MASK", "MASK",)
+    RETURN_NAMES = ("image", "mask", "mask_inverted",)
+    FUNCTION = "createtextmask"
+    CATEGORY = "KJNodes/masking/generate"
+    DESCRIPTION = """
+Creates a mask or batch of masks with the specified text.  
+Locations are center locations.  
+"""
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                "coordinates": ("STRING", {"forceInput": True}),
+                "text": ("STRING", {"default": 'text', "multiline": True}),
+                "frame_width": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+                "frame_height": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+                "font": (folder_paths.get_filename_list("kjnodes_fonts"), ),
+                "font_size": ("INT", {"default": 42}),
+                 "alignment": (
+                [   'left',
+                    'center',
+                    'right'
+                ],
+                {"default": 'center'}
+                ),
+                "text_color": ("STRING", {"default": 'white'}),
+        },
+        "optional": {
+            "size_multiplier": ("FLOAT", {"default": [1.0], "forceInput": True}),
+        }
+    } 
+
+    def createtextmask(self, coordinates, frame_width, frame_height, font, font_size, text, text_color, alignment, size_multiplier=[1.0]):
+        coordinates = coordinates.replace("'", '"')
+        coordinates = json.loads(coordinates)
+
+        batch_size = len(coordinates)
+        mask_list = []
+        image_list = []
+        color = parse_color(text_color)
+        font_path = folder_paths.get_full_path("kjnodes_fonts", font)
+
+        if len(size_multiplier) != batch_size:
+            size_multiplier = size_multiplier * (batch_size // len(size_multiplier)) + size_multiplier[:batch_size % len(size_multiplier)]
+        
+        for i, coord in enumerate(coordinates):
+            image = Image.new("RGB", (frame_width, frame_height), "black")
+            draw = ImageDraw.Draw(image)
+            lines = text.split('\n')  # Split the text into lines
+            # Apply the size multiplier to the font size for this iteration
+            current_font_size = int(font_size * size_multiplier[i])
+            current_font = ImageFont.truetype(font_path, current_font_size)
+            line_heights = [current_font.getbbox(line)[3] for line in lines]  # List of line heights
+            total_text_height = sum(line_heights)  # Total height of text block
+
+            # Calculate the starting Y position to center the block of text
+            start_y = coord['y'] - total_text_height // 2
+            for j, line in enumerate(lines):
+                text_width, text_height = current_font.getbbox(line)[2], line_heights[j]
+                if alignment == 'left':
+                    location_x = coord['x']
+                elif alignment == 'center':
+                    location_x = int(coord['x'] - text_width // 2)
+                elif alignment == 'right':
+                    location_x = int(coord['x'] - text_width)
+                
+                location_y = int(start_y + sum(line_heights[:j]))
+                text_position = (location_x, location_y)
+                # Draw the text
+                try:
+                    draw.text(text_position, line, fill=color, font=current_font, features=['-liga'])
+                except:
+                    draw.text(text_position, line, fill=color, font=current_font)
+            
+            image = pil2tensor(image)
+            non_black_pixels = (image > 0).any(dim=-1)
+            mask = non_black_pixels.to(image.dtype)
+            mask_list.append(mask)
+            image_list.append(image)
+
+        out_images = torch.cat(image_list, dim=0).cpu().float()
+        out_masks = torch.cat(mask_list, dim=0)
+        return (out_images, out_masks, 1.0 - out_masks,)
+
+class CreateGradientFromCoords:
+    
+    RETURN_TYPES = ("IMAGE", )
+    RETURN_NAMES = ("image", )
+    FUNCTION = "generate"
+    CATEGORY = "KJNodes/image"
+    DESCRIPTION = """
+Creates a gradient image from coordinates.    
+"""
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                "coordinates": ("STRING", {"forceInput": True}),
+                "frame_width": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+                "frame_height": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+                "start_color": ("STRING", {"default": 'white'}),
+                "end_color": ("STRING", {"default": 'black'}),
+                "multiplier": ("FLOAT", {"default": 1.0, "min": 0.01, "max": 100.0, "step": 0.01}),
+        },
+    } 
+    
+    def generate(self, coordinates, frame_width, frame_height, start_color, end_color, multiplier):
+        # Parse the coordinates
+        coordinates = json.loads(coordinates.replace("'", '"'))
+
+        # Create an image
+        image = Image.new("RGB", (frame_width, frame_height))
+        draw = ImageDraw.Draw(image)
+
+        # Extract start and end points for the gradient
+        start_coord = coordinates[0]
+        end_coord = coordinates[1]
+
+        start_color = parse_color(start_color)
+        end_color = parse_color(end_color)
+
+        # Calculate the gradient direction (vector)
+        gradient_direction = (end_coord['x'] - start_coord['x'], end_coord['y'] - start_coord['y'])
+        gradient_length = (gradient_direction[0] ** 2 + gradient_direction[1] ** 2) ** 0.5
+
+        # Iterate over each pixel in the image
+        for y in range(frame_height):
+            for x in range(frame_width):
+                # Calculate the projection of the point on the gradient line
+                point_vector = (x - start_coord['x'], y - start_coord['y'])
+                projection = (point_vector[0] * gradient_direction[0] + point_vector[1] * gradient_direction[1]) / gradient_length
+                projection = max(min(projection, gradient_length), 0)  # Clamp the projection value
+
+                # Calculate the blend factor for the current pixel
+                blend = projection * multiplier / gradient_length 
+
+                # Determine the color of the current pixel
+                color = (
+                    int(start_color[0] + (end_color[0] - start_color[0]) * blend),
+                    int(start_color[1] + (end_color[1] - start_color[1]) * blend),
+                    int(start_color[2] + (end_color[2] - start_color[2]) * blend)
+                )
+
+                # Set the pixel color
+                draw.point((x, y), fill=color)
+
+        # Convert the PIL image to a tensor (assuming such a function exists in your context)
+        image_tensor = pil2tensor(image)
+
+        return (image_tensor,)
+
+class GradientToFloat:
+    
+    RETURN_TYPES = ("FLOAT", "FLOAT",)
+    RETURN_NAMES = ("float_x", "float_y", )
+    FUNCTION = "sample"
+    CATEGORY = "KJNodes/image"
+    DESCRIPTION = """
+Calculates list of floats from image.    
+"""
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                "image": ("IMAGE", ),
+                "steps": ("INT", {"default": 10, "min": 2, "max": 10000, "step": 1}),
+        },
+    } 
+    
+    def sample(self, image, steps):
+        # Assuming image is a tensor with shape [B, H, W, C]
+        B, H, W, C = image.shape
+
+        # Sample along the width axis (W)
+        w_intervals = torch.linspace(0, W - 1, steps=steps, dtype=torch.int64)
+        # Assuming we're sampling from the first batch and the first channel
+        w_sampled = image[0, :, w_intervals, 0]
+
+        # Sample along the height axis (H)
+        h_intervals = torch.linspace(0, H - 1, steps=steps, dtype=torch.int64)
+        # Assuming we're sampling from the first batch and the first channel
+        h_sampled = image[0, h_intervals, :, 0]
+
+        # Taking the mean across the height for width sampling, and across the width for height sampling
+        w_values = w_sampled.mean(dim=0).tolist()
+        h_values = h_sampled.mean(dim=1).tolist()
+
+        return (w_values, h_values)
+    
+class MaskOrImageToWeight:
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                "output_type": (
+                [   
+                    'list',
+                    'pandas series',
+                    'tensor',
+                    'string'
+                ],
+                {
+                "default": 'list'
+                    }),
+             },
+            "optional": {
+                "images": ("IMAGE",),
+                "masks": ("MASK",),                
+            },
+
+        }
+    RETURN_TYPES = ("FLOAT", "STRING",)
+    FUNCTION = "execute"
+    CATEGORY = "KJNodes/weights"
+    DESCRIPTION = """
+Gets the mean values from mask or image batch  
+and returns that as the selected output type.   
+"""
+
+    def execute(self, output_type, images=None, masks=None):
+        mean_values = []
+        if masks is not None and images is None:
+            for mask in masks:
+                mean_values.append(mask.mean().item())
+        elif masks is None and images is not None:
+            for image in images:
+                mean_values.append(image.mean().item())
+        elif masks is not None and images is not None:
+            raise Exception("MaskOrImageToWeight: Use either mask or image input only.")
+                  
+        # Convert mean_values to the specified output_type
+        if output_type == 'list':
+            out = mean_values
+        elif output_type == 'pandas series':
+            try:
+                import pandas as pd
+            except:
+                raise Exception("MaskOrImageToWeight: pandas is not installed. Please install pandas to use this output_type")
+            out = pd.Series(mean_values),
+        elif output_type == 'tensor':
+            out = torch.tensor(mean_values, dtype=torch.float32),
+        return (out, [str(value) for value in mean_values],)
+    
+class WeightScheduleConvert:
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                "input_values": ("FLOAT", {"default": 0.0, "forceInput": True}),
+                "output_type": (
+                [   
+                    'match_input',
+                    'list',
+                    'pandas series',
+                    'tensor',
+                ],
+                {
+                "default": 'list'
+                    }),
+                "invert": ("BOOLEAN", {"default": False}),
+                "repeat": ("INT", {"default": 1,"min": 1, "max": 255, "step": 1}),
+             },
+             "optional": {
+                "remap_to_frames": ("INT", {"default": 0}),
+                "interpolation_curve": ("FLOAT", {"forceInput": True}),
+                "remap_values": ("BOOLEAN", {"default": False}),
+                "remap_min": ("FLOAT", {"default": 0.0, "min": -100000, "max": 100000.0, "step": 0.01}),
+                "remap_max": ("FLOAT", {"default": 1.0, "min": -100000, "max": 100000.0, "step": 0.01}),
+             },
+             
+        }
+    RETURN_TYPES = ("FLOAT", "STRING", "INT",)
+    FUNCTION = "execute"
+    CATEGORY = "KJNodes/weights"
+    DESCRIPTION = """
+Converts different value lists/series to another type.  
+"""
+
+    def detect_input_type(self, input_values):
+        import pandas as pd
+        if isinstance(input_values, list):
+            return 'list'
+        elif isinstance(input_values, pd.Series):
+            return 'pandas series'
+        elif isinstance(input_values, torch.Tensor):
+            return 'tensor'
+        else:
+            raise ValueError("Unsupported input type")
+
+    def execute(self, input_values, output_type, invert, repeat, remap_to_frames=0, interpolation_curve=None, remap_min=0.0, remap_max=1.0, remap_values=False):
+        import pandas as pd
+        input_type = self.detect_input_type(input_values)
+
+        if input_type == 'pandas series':
+            float_values = input_values.tolist()
+        elif input_type == 'tensor':
+            float_values = input_values
+        else:
+            float_values = input_values
+
+        if invert:
+            float_values = [1 - value for value in float_values]
+
+        if interpolation_curve is not None:
+            interpolated_pattern = []
+            orig_float_values = float_values
+            for value in interpolation_curve:
+                min_val = min(orig_float_values)
+                max_val = max(orig_float_values)
+                # Normalize the values to [0, 1]
+                normalized_values = [(value - min_val) / (max_val - min_val) for value in orig_float_values]
+                # Interpolate the normalized values to the new frame count
+                remapped_float_values = np.interp(np.linspace(0, 1, int(remap_to_frames * value)), np.linspace(0, 1, len(normalized_values)), normalized_values).tolist()
+                interpolated_pattern.extend(remapped_float_values)
+            float_values = interpolated_pattern
+        else:
+            # Remap float_values to match target_frame_amount
+            if remap_to_frames > 0 and remap_to_frames != len(float_values):
+                min_val = min(float_values)
+                max_val = max(float_values)
+                # Normalize the values to [0, 1]
+                normalized_values = [(value - min_val) / (max_val - min_val) for value in float_values]
+                # Interpolate the normalized values to the new frame count
+                float_values = np.interp(np.linspace(0, 1, remap_to_frames), np.linspace(0, 1, len(normalized_values)), normalized_values).tolist()
+       
+            float_values = float_values * repeat
+            if remap_values:
+                float_values = self.remap_values(float_values, remap_min, remap_max)
+
+        if output_type == 'list':
+            out = float_values,
+        elif output_type == 'pandas series':
+            out = pd.Series(float_values),
+        elif output_type == 'tensor':
+            if input_type == 'pandas series':
+                out = torch.tensor(float_values.values, dtype=torch.float32),
+            else:   
+                out = torch.tensor(float_values, dtype=torch.float32),
+        elif output_type == 'match_input':
+            out = float_values,
+        return (out, [str(value) for value in float_values], [int(value) for value in float_values])
+    
+    def remap_values(self, values, target_min, target_max):
+        # Determine the current range
+        current_min = min(values)
+        current_max = max(values)
+        current_range = current_max - current_min
+        
+        # Determine the target range
+        target_range = target_max - target_min
+        
+        # Perform the linear interpolation for each value
+        remapped_values = [(value - current_min) / current_range * target_range + target_min for value in values]
+        
+        return remapped_values
+        
+
+class FloatToMask:
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                "input_values": ("FLOAT", {"forceInput": True, "default": 0}),
+                "width": ("INT", {"default": 100, "min": 1}),
+                "height": ("INT", {"default": 100, "min": 1}),
+            },
+        }
+    RETURN_TYPES = ("MASK",)
+    FUNCTION = "execute"
+    CATEGORY = "KJNodes/masking/generate"
+    DESCRIPTION = """
+Generates a batch of masks based on the input float values.
+The batch size is determined by the length of the input float values.
+Each mask is generated with the specified width and height.
+"""
+
+    def execute(self, input_values, width, height):
+        import pandas as pd
+        # Ensure input_values is a list
+        if isinstance(input_values, (float, int)):
+            input_values = [input_values]
+        elif isinstance(input_values, pd.Series):
+            input_values = input_values.tolist()
+        elif isinstance(input_values, list) and all(isinstance(item, list) for item in input_values):
+            input_values = [item for sublist in input_values for item in sublist]
+
+        # Generate a batch of masks based on the input_values
+        masks = []
+        for value in input_values:
+            # Assuming value is a float between 0 and 1 representing the mask's intensity
+            mask = torch.ones((height, width), dtype=torch.float32) * value
+            masks.append(mask)
+        masks_out = torch.stack(masks, dim=0)
+    
+        return(masks_out,)
+class WeightScheduleExtend:
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                "input_values_1": ("FLOAT", {"default": 0.0, "forceInput": True}),
+                "input_values_2": ("FLOAT", {"default": 0.0, "forceInput": True}),
+                "output_type": (
+                [   
+                    'match_input',
+                    'list',
+                    'pandas series',
+                    'tensor',
+                ],
+                {
+                "default": 'match_input'
+                    }),
+             },
+             
+        }
+    RETURN_TYPES = ("FLOAT",)
+    FUNCTION = "execute"
+    CATEGORY = "KJNodes/weights"
+    DESCRIPTION = """
+Extends, and converts if needed, different value lists/series  
+"""
+
+    def detect_input_type(self, input_values):
+        import pandas as pd
+        if isinstance(input_values, list):
+            return 'list'
+        elif isinstance(input_values, pd.Series):
+            return 'pandas series'
+        elif isinstance(input_values, torch.Tensor):
+            return 'tensor'
+        else:
+            raise ValueError("Unsupported input type")
+
+    def execute(self, input_values_1, input_values_2, output_type):
+        import pandas as pd
+        input_type_1 = self.detect_input_type(input_values_1)
+        input_type_2 = self.detect_input_type(input_values_2)
+        # Convert input_values_2 to the same format as input_values_1 if they do not match
+        if not input_type_1 == input_type_2:
+            print("Converting input_values_2 to the same format as input_values_1")
+            if input_type_1 == 'pandas series':
+                # Convert input_values_2 to a pandas Series
+                float_values_2 = pd.Series(input_values_2)
+            elif input_type_1 == 'tensor':
+                # Convert input_values_2 to a tensor
+                float_values_2 = torch.tensor(input_values_2, dtype=torch.float32)
+        else:
+            print("Input types match, no conversion needed")
+            # If the types match, no conversion is needed
+            float_values_2 = input_values_2
+     
+        float_values = input_values_1 + float_values_2
+ 
+        if output_type == 'list':
+            return float_values,
+        elif output_type == 'pandas series':
+            return pd.Series(float_values),
+        elif output_type == 'tensor':
+            if input_type_1 == 'pandas series':
+                return torch.tensor(float_values.values, dtype=torch.float32),
+            else:
+                return torch.tensor(float_values, dtype=torch.float32),
+        elif output_type == 'match_input':
+            return float_values,
+        else:
+            raise ValueError(f"Unsupported output_type: {output_type}")
+        
+class FloatToSigmas:
+    @classmethod
+    def INPUT_TYPES(s):
+        return {"required":
+                    {
+                     "float_list": ("FLOAT", {"default": 0.0, "forceInput": True}),
+                     }
+                }
+    RETURN_TYPES = ("SIGMAS",)
+    RETURN_NAMES = ("SIGMAS",)
+    CATEGORY = "KJNodes/noise"
+    FUNCTION = "customsigmas"
+    DESCRIPTION = """
+Creates a sigmas tensor from list of float values.  
+
+"""
+    def customsigmas(self, float_list):
+        return torch.tensor(float_list, dtype=torch.float32),
+
+class SigmasToFloat:
+    @classmethod
+    def INPUT_TYPES(s):
+        return {"required":
+                    {
+                     "sigmas": ("SIGMAS",),
+                     }
+                }
+    RETURN_TYPES = ("FLOAT",)
+    RETURN_NAMES = ("float",)
+    CATEGORY = "KJNodes/noise"
+    FUNCTION = "customsigmas"
+    DESCRIPTION = """
+Creates a float list from sigmas tensors.  
+
+"""
+    def customsigmas(self, sigmas):
+        return sigmas.tolist(),
+
+class GLIGENTextBoxApplyBatchCoords:
+    @classmethod
+    def INPUT_TYPES(s):
+        return {"required": {"conditioning_to": ("CONDITIONING", ),
+                              "latents": ("LATENT", ),
+                              "clip": ("CLIP", ),
+                              "gligen_textbox_model": ("GLIGEN", ),
+                              "coordinates": ("STRING", {"forceInput": True}),
+                              "text": ("STRING", {"multiline": True}),
+                              "width": ("INT", {"default": 128, "min": 8, "max": 4096, "step": 8}),
+                              "height": ("INT", {"default": 128, "min": 8, "max": 4096, "step": 8}),
+                            },
+                "optional": {"size_multiplier": ("FLOAT", {"default": [1.0], "forceInput": True})},
+                }
+    RETURN_TYPES = ("CONDITIONING", "IMAGE", )
+    RETURN_NAMES = ("conditioning", "coord_preview", )
+    FUNCTION = "append"
+    CATEGORY = "KJNodes/experimental"
+    DESCRIPTION = """
+This node allows scheduling GLIGEN text box positions in a batch,  
+to be used with AnimateDiff-Evolved. Intended to pair with the  
+Spline Editor -node.  
+
+GLIGEN model can be downloaded through the Manage's "Install Models" menu.  
+Or directly from here:  
+https://huggingface.co/comfyanonymous/GLIGEN_pruned_safetensors/tree/main  
+  
+Inputs:  
+- **latents** input is used to calculate batch size  
+- **clip** is your standard text encoder, use same as for the main prompt  
+- **gligen_textbox_model** connects to GLIGEN Loader  
+- **coordinates** takes a json string of points, directly compatible  
+with the spline editor node.
+- **text** is the part of the prompt to set position for  
+- **width** and **height** are the size of the GLIGEN bounding box  
+  
+Outputs:
+- **conditioning** goes between to clip text encode and the sampler  
+- **coord_preview** is an optional preview of the coordinates and  
+bounding boxes.
+
+"""
+
+    def append(self, latents, coordinates, conditioning_to, clip, gligen_textbox_model, text, width, height, size_multiplier=[1.0]):
+        coordinates = json.loads(coordinates.replace("'", '"'))
+        coordinates = [(coord['x'], coord['y']) for coord in coordinates]
+
+        batch_size = sum(tensor.size(0) for tensor in latents.values())
+        if len(coordinates) != batch_size:
+            print("GLIGENTextBoxApplyBatchCoords WARNING: The number of coordinates does not match the number of latents")
+
+        c = []
+        _, cond_pooled = clip.encode_from_tokens(clip.tokenize(text), return_pooled=True)
+
+        for t in conditioning_to:
+            n = [t[0], t[1].copy()]
+            
+            position_params_batch = [[] for _ in range(batch_size)]  # Initialize a list of empty lists for each batch item
+            if len(size_multiplier) != batch_size:
+                size_multiplier = size_multiplier * (batch_size // len(size_multiplier)) + size_multiplier[:batch_size % len(size_multiplier)]
+
+            for i in range(batch_size):
+                x_position, y_position = coordinates[i]
+                position_param = (cond_pooled, int((height // 8) * size_multiplier[i]), int((width // 8) * size_multiplier[i]), (y_position - height // 2) // 8, (x_position - width // 2) // 8)
+                position_params_batch[i].append(position_param)  # Append position_param to the correct sublist
+
+            prev = []
+            if "gligen" in n[1]:
+                prev = n[1]['gligen'][2]
+            else:
+                prev = [[] for _ in range(batch_size)]
+            # Concatenate prev and position_params_batch, ensuring both are lists of lists
+            # and each sublist corresponds to a batch item
+            combined_position_params = [prev_item + batch_item for prev_item, batch_item in zip(prev, position_params_batch)]
+            n[1]['gligen'] = ("position_batched", gligen_textbox_model, combined_position_params)
+            c.append(n)
+
+        image_height = latents['samples'].shape[-2] * 8
+        image_width = latents['samples'].shape[-1] * 8
+        plot_image_tensor = plot_coordinates_to_tensor(coordinates, image_height, image_width, height, width, size_multiplier, text)
+        
+        return (c, plot_image_tensor,)
+    
+class CreateInstanceDiffusionTracking:
+    
+    RETURN_TYPES = ("TRACKING", "STRING", "INT", "INT", "INT", "INT",)
+    RETURN_NAMES = ("tracking", "prompt", "width", "height", "bbox_width", "bbox_height",)
+    FUNCTION = "tracking"
+    CATEGORY = "KJNodes/InstanceDiffusion"
+    DESCRIPTION = """
+Creates tracking data to be used with InstanceDiffusion:  
+https://github.com/logtd/ComfyUI-InstanceDiffusion  
+  
+InstanceDiffusion prompt format:  
+"class_id.class_name": "prompt",  
+for example:  
+"1.head": "((head))",  
+"""
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                "coordinates": ("STRING", {"forceInput": True}),
+                "width": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+                "height": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+                "bbox_width": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+                "bbox_height": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+                "class_name": ("STRING", {"default": "class_name"}),
+                "class_id": ("INT", {"default": 0,"min": 0, "max": 255, "step": 1}),
+                "prompt": ("STRING", {"default": "prompt", "multiline": True}),
+        },
+        "optional": {
+            "size_multiplier": ("FLOAT", {"default": [1.0], "forceInput": True}),
+            "fit_in_frame": ("BOOLEAN", {"default": True}),
+        }
+    } 
+
+    def tracking(self, coordinates, class_name, class_id, width, height, bbox_width, bbox_height, prompt, size_multiplier=[1.0], fit_in_frame=True):
+        # Define the number of images in the batch
+        coordinates = coordinates.replace("'", '"')
+        coordinates = json.loads(coordinates)
+
+        tracked = {}
+        tracked[class_name] = {}
+        batch_size = len(coordinates)
+        # Initialize a list to hold the coordinates for the current ID
+        id_coordinates = []
+        if not size_multiplier or len(size_multiplier) != batch_size:
+            size_multiplier = [0] * batch_size
+        else:
+            size_multiplier = size_multiplier * (batch_size // len(size_multiplier)) + size_multiplier[:batch_size % len(size_multiplier)]
+        for i, coord in enumerate(coordinates):
+            x = coord['x']
+            y = coord['y']
+            adjusted_bbox_width = bbox_width * size_multiplier[i]
+            adjusted_bbox_height = bbox_height * size_multiplier[i]
+            # Calculate the top left and bottom right coordinates
+            top_left_x = x - adjusted_bbox_width // 2
+            top_left_y = y - adjusted_bbox_height // 2
+            bottom_right_x = x + adjusted_bbox_width // 2
+            bottom_right_y = y + adjusted_bbox_height // 2
+
+            if fit_in_frame:
+                # Clip the coordinates to the frame boundaries
+                top_left_x = max(0, top_left_x)
+                top_left_y = max(0, top_left_y)
+                bottom_right_x = min(width, bottom_right_x)
+                bottom_right_y = min(height, bottom_right_y)
+                # Ensure width and height are positive
+                adjusted_bbox_width = max(1, bottom_right_x - top_left_x)
+                adjusted_bbox_height = max(1, bottom_right_y - top_left_y)
+
+                # Update the coordinates with the new width and height
+                bottom_right_x = top_left_x + adjusted_bbox_width
+                bottom_right_y = top_left_y + adjusted_bbox_height
+
+            # Append the top left and bottom right coordinates to the list for the current ID
+            id_coordinates.append([top_left_x, top_left_y, bottom_right_x, bottom_right_y, width, height])
+        
+        class_id = int(class_id)
+        # Assign the list of coordinates to the specified ID within the class_id dictionary
+        tracked[class_name][class_id] = id_coordinates
+
+        prompt_string = ""
+        for class_name, class_data in tracked.items():
+            for class_id in class_data.keys():
+                class_id_str = str(class_id)
+                # Use the incoming prompt for each class name and ID
+                prompt_string += f'"{class_id_str}.{class_name}": "({prompt})",\n'
+
+        # Remove the last comma and newline
+        prompt_string = prompt_string.rstrip(",\n")
+
+        return (tracked, prompt_string, width, height, bbox_width, bbox_height)
+
+class AppendInstanceDiffusionTracking:
+    
+    RETURN_TYPES = ("TRACKING", "STRING",)
+    RETURN_NAMES = ("tracking", "prompt",)
+    FUNCTION = "append"
+    CATEGORY = "KJNodes/InstanceDiffusion"
+    DESCRIPTION = """
+Appends tracking data to be used with InstanceDiffusion:  
+https://github.com/logtd/ComfyUI-InstanceDiffusion  
+
+"""
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                "tracking_1": ("TRACKING", {"forceInput": True}),
+                "tracking_2": ("TRACKING", {"forceInput": True}),
+        },
+        "optional": {
+            "prompt_1": ("STRING", {"default": "", "forceInput": True}),
+            "prompt_2": ("STRING", {"default": "", "forceInput": True}),
+        }
+    } 
+
+    def append(self, tracking_1, tracking_2, prompt_1="", prompt_2=""):
+        tracking_copy = tracking_1.copy()
+        # Check for existing class names and class IDs, and raise an error if they exist
+        for class_name, class_data in tracking_2.items():
+            if class_name not in tracking_copy:
+                tracking_copy[class_name] = class_data
+            else:
+                # If the class name exists, merge the class data from tracking_2 into tracking_copy
+                # This will add new class IDs under the same class name without raising an error
+                tracking_copy[class_name].update(class_data)
+        prompt_string = prompt_1 + "," + prompt_2
+        return (tracking_copy, prompt_string)
+        
+class InterpolateCoords:
+    
+    RETURN_TYPES = ("STRING",)
+    RETURN_NAMES = ("coordinates",)
+    FUNCTION = "interpolate"
+    CATEGORY = "KJNodes/experimental"
+    DESCRIPTION = """
+Interpolates coordinates based on a curve.   
+"""
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                "coordinates": ("STRING", {"forceInput": True}),
+                "interpolation_curve": ("FLOAT", {"forceInput": True}),
+                
+        },
+    } 
+
+    def interpolate(self, coordinates, interpolation_curve):
+        # Parse the JSON string to get the list of coordinates
+        coordinates = json.loads(coordinates.replace("'", '"'))
+
+        # Convert the list of dictionaries to a list of (x, y) tuples for easier processing
+        coordinates = [(coord['x'], coord['y']) for coord in coordinates]
+
+        # Calculate the total length of the original path
+        path_length = sum(np.linalg.norm(np.array(coordinates[i]) - np.array(coordinates[i-1])) 
+                        for i in range(1, len(coordinates)))
+
+        # Initialize variables for interpolation
+        interpolated_coords = []
+        current_length = 0
+        current_index = 0
+
+        # Iterate over the normalized curve
+        for normalized_length in interpolation_curve:
+            target_length = normalized_length * path_length # Convert to the original scale
+            while current_index < len(coordinates) - 1:
+                segment_start, segment_end = np.array(coordinates[current_index]), np.array(coordinates[current_index + 1])
+                segment_length = np.linalg.norm(segment_end - segment_start)
+                if current_length + segment_length >= target_length:
+                    break
+                current_length += segment_length
+                current_index += 1
+
+            # Interpolate between the last two points
+            if current_index < len(coordinates) - 1:
+                p1, p2 = np.array(coordinates[current_index]), np.array(coordinates[current_index + 1])
+                segment_length = np.linalg.norm(p2 - p1)
+                if segment_length > 0:
+                    t = (target_length - current_length) / segment_length
+                    interpolated_point = p1 + t * (p2 - p1)
+                    interpolated_coords.append(interpolated_point.tolist())
+                else:
+                    interpolated_coords.append(p1.tolist())
+            else:
+                # If the target_length is at or beyond the end of the path, add the last coordinate
+                interpolated_coords.append(coordinates[-1])
+
+        # Convert back to string format if necessary
+        interpolated_coords_str = "[" + ", ".join([f"{{'x': {round(coord[0])}, 'y': {round(coord[1])}}}" for coord in interpolated_coords]) + "]"
+        print(interpolated_coords_str)
+
+        return (interpolated_coords_str,)
+    
+class DrawInstanceDiffusionTracking:
+    
+    RETURN_TYPES = ("IMAGE",)
+    RETURN_NAMES = ("image", )
+    FUNCTION = "draw"
+    CATEGORY = "KJNodes/InstanceDiffusion"
+    DESCRIPTION = """
+Draws the tracking data from  
+CreateInstanceDiffusionTracking -node.
+
+"""
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                "image": ("IMAGE", ),
+                "tracking": ("TRACKING", {"forceInput": True}),
+                "box_line_width": ("INT", {"default": 2, "min": 1, "max": 10, "step": 1}),
+                "draw_text": ("BOOLEAN", {"default": True}),
+                "font": (folder_paths.get_filename_list("kjnodes_fonts"), ),
+                "font_size": ("INT", {"default": 20}),
+        },
+    } 
+
+    def draw(self, image, tracking, box_line_width, draw_text, font, font_size):
+        import matplotlib.cm as cm
+
+        modified_images = []
+        
+        colormap = cm.get_cmap('rainbow', len(tracking))
+        if draw_text:
+            font_path = folder_paths.get_full_path("kjnodes_fonts", font)
+            font = ImageFont.truetype(font_path, font_size)
+
+        # Iterate over each image in the batch
+        for i in range(image.shape[0]):
+            # Extract the current image and convert it to a PIL image
+            current_image = image[i, :, :, :].permute(2, 0, 1)
+            pil_image = transforms.ToPILImage()(current_image)
+            
+            draw = ImageDraw.Draw(pil_image)
+            
+            # Iterate over the bounding boxes for the current image
+            for j, (class_name, class_data) in enumerate(tracking.items()):
+                for class_id, bbox_list in class_data.items():
+                    # Check if the current index is within the bounds of the bbox_list
+                    if i < len(bbox_list):
+                        bbox = bbox_list[i]
+                        # Ensure bbox is a list or tuple before unpacking
+                        if isinstance(bbox, (list, tuple)):
+                            x1, y1, x2, y2, _, _ = bbox
+                            # Convert coordinates to integers
+                            x1, y1, x2, y2 = int(x1), int(y1), int(x2), int(y2)
+                            # Generate a color from the rainbow colormap
+                            color = tuple(int(255 * x) for x in colormap(j / len(tracking)))[:3]
+                            # Draw the bounding box on the image with the generated color
+                            draw.rectangle([x1, y1, x2, y2], outline=color, width=box_line_width)
+                            if draw_text:
+                                # Draw the class name and ID as text above the box with the generated color
+                                text = f"{class_id}.{class_name}"
+                                # Calculate the width and height of the text
+                                _, _, text_width, text_height = draw.textbbox((0, 0), text=text, font=font)
+                                # Position the text above the top-left corner of the box
+                                text_position = (x1, y1 - text_height)
+                                draw.text(text_position, text, fill=color, font=font)
+                        else:
+                            print(f"Unexpected data type for bbox: {type(bbox)}")
+            
+            # Convert the drawn image back to a torch tensor and adjust back to (H, W, C)
+            modified_image_tensor = transforms.ToTensor()(pil_image).permute(1, 2, 0)
+            modified_images.append(modified_image_tensor)
+        
+        # Stack the modified images back into a batch
+        image_tensor_batch = torch.stack(modified_images).cpu().float()
+        
+        return image_tensor_batch,
+
+class PointsEditor:
+    @classmethod
+    def INPUT_TYPES(cls):
+        return {
+            "required": {
+                "points_store": ("STRING", {"multiline": False}),
+                "coordinates": ("STRING", {"multiline": False}),
+                "neg_coordinates": ("STRING", {"multiline": False}),
+                "bbox_store": ("STRING", {"multiline": False}),
+                "bboxes": ("STRING", {"multiline": False}),
+                "bbox_format": (
+                [   
+                    'xyxy',
+                    'xywh',
+                ],
+                ),
+                "width": ("INT", {"default": 512, "min": 8, "max": 4096, "step": 8}),
+                "height": ("INT", {"default": 512, "min": 8, "max": 4096, "step": 8}),
+                "normalize": ("BOOLEAN", {"default": False}),
+            },
+            "optional": {
+                "bg_image": ("IMAGE", ),
+            },
+        }
+
+    RETURN_TYPES = ("STRING", "STRING", "BBOX", "MASK", "IMAGE")
+    RETURN_NAMES = ("positive_coords", "negative_coords", "bbox", "bbox_mask", "cropped_image")
+    FUNCTION = "pointdata"
+    CATEGORY = "KJNodes/experimental"
+    DESCRIPTION = """
+# WORK IN PROGRESS  
+Do not count on this as part of your workflow yet,  
+probably contains lots of bugs and stability is not  
+guaranteed!!  
+  
+## Graphical editor to create coordinates
+
+**Shift + click** to add a positive (green) point.
+**Shift + right click** to add a negative (red) point.
+**Ctrl + click** to draw a box.  
+**Right click on a point** to delete it.    
+Note that you can't delete from start/end of the points array.  
+  
+To add an image select the node and copy/paste or drag in the image.  
+Or from the bg_image input on queue (first frame of the batch).  
+
+**THE IMAGE IS SAVED TO THE NODE AND WORKFLOW METADATA**  
+you can clear the image from the context menu by right clicking on the canvas  
+
+"""
+
+    def pointdata(self, points_store, bbox_store, width, height, coordinates, neg_coordinates, normalize, bboxes, bbox_format="xyxy", bg_image=None):
+        coordinates = json.loads(coordinates)
+        pos_coordinates = []
+        for coord in coordinates:
+            coord['x'] = int(round(coord['x']))
+            coord['y'] = int(round(coord['y']))
+            if normalize:
+                norm_x = coord['x'] / width
+                norm_y = coord['y'] / height
+                pos_coordinates.append({'x': norm_x, 'y': norm_y})
+            else:
+                pos_coordinates.append({'x': coord['x'], 'y': coord['y']})
+
+        if neg_coordinates:
+            coordinates = json.loads(neg_coordinates)
+            neg_coordinates = []
+            for coord in coordinates:
+                coord['x'] = int(round(coord['x']))
+                coord['y'] = int(round(coord['y']))
+                if normalize:
+                    norm_x = coord['x'] / width
+                    norm_y = coord['y'] / height
+                    neg_coordinates.append({'x': norm_x, 'y': norm_y})
+                else:
+                    neg_coordinates.append({'x': coord['x'], 'y': coord['y']})
+
+        # Create a blank mask
+        mask = np.zeros((height, width), dtype=np.uint8)
+        bboxes = json.loads(bboxes)
+        print(bboxes)
+        valid_bboxes = []
+        for bbox in bboxes:
+            if (bbox.get("startX") is None or
+                bbox.get("startY") is None or
+                bbox.get("endX") is None or
+                bbox.get("endY") is None):
+                continue  # Skip this bounding box if any value is None
+            else:                
+                # Ensure that endX and endY are greater than startX and startY
+                x_min = min(int(bbox["startX"]), int(bbox["endX"]))
+                y_min = min(int(bbox["startY"]), int(bbox["endY"]))
+                x_max = max(int(bbox["startX"]), int(bbox["endX"]))
+                y_max = max(int(bbox["startY"]), int(bbox["endY"]))
+                
+                valid_bboxes.append((x_min, y_min, x_max, y_max))
+
+            bboxes_xyxy = []
+            for bbox in valid_bboxes:
+                x_min, y_min, x_max, y_max = bbox
+                bboxes_xyxy.append((x_min, y_min, x_max, y_max))
+                mask[y_min:y_max, x_min:x_max] = 1  # Fill the bounding box area with 1s
+
+            if bbox_format == "xywh":
+                bboxes_xywh = []
+                for bbox in valid_bboxes:
+                    x_min, y_min, x_max, y_max = bbox
+                    width = x_max - x_min
+                    height = y_max - y_min
+                    bboxes_xywh.append((x_min, y_min, width, height))
+                bboxes = bboxes_xywh
+            else:
+                bboxes = bboxes_xyxy           
+
+        mask_tensor = torch.from_numpy(mask)
+        mask_tensor = mask_tensor.unsqueeze(0).float().cpu()
+
+        if bg_image is not None and len(valid_bboxes) > 0:
+            x_min, y_min, x_max, y_max = bboxes[0]
+            cropped_image = bg_image[:, y_min:y_max, x_min:x_max, :]
+
+        elif bg_image is not None:
+            cropped_image = bg_image
+
+        if bg_image is None:
+            return (json.dumps(pos_coordinates), json.dumps(neg_coordinates), bboxes, mask_tensor)
+        else:
+            transform = transforms.ToPILImage()
+            image = transform(bg_image[0].permute(2, 0, 1))
+            buffered = io.BytesIO()
+            image.save(buffered, format="JPEG", quality=75)
+
+            # Step 3: Encode the image bytes to a Base64 string
+            img_bytes = buffered.getvalue()
+            img_base64 = base64.b64encode(img_bytes).decode('utf-8')
+        
+            return {
+                "ui": {"bg_image": [img_base64]}, 
+                "result": (json.dumps(pos_coordinates), json.dumps(neg_coordinates), bboxes, mask_tensor, cropped_image)
+            }
+
+class CutAndDragOnPath:
+    RETURN_TYPES = ("IMAGE", "MASK",)
+    RETURN_NAMES = ("image","mask", )
+    FUNCTION = "cutanddrag" 
+    CATEGORY = "KJNodes/image"
+    DESCRIPTION = """
+Cuts the masked area from the image, and drags it along the path. If inpaint is enabled, and no bg_image is provided, the cut area is filled using cv2 TELEA algorithm.
+"""
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                "image": ("IMAGE",),
+                "coordinates": ("STRING", {"forceInput": True}),
+                "mask": ("MASK",),
+                "frame_width": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+                "frame_height": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+                "inpaint": ("BOOLEAN", {"default": True}),
+        },
+        "optional": {
+            "bg_image": ("IMAGE",),
+        }
+    }
+
+    def cutanddrag(self, image, coordinates, mask, frame_width, frame_height, inpaint, bg_image=None):
+        # Parse coordinates
+        coords_list = parse_json_tracks(coordinates)
+
+        batch_size = len(coords_list[0])
+        images_list = []
+        masks_list = []
+
+        # Convert input image and mask to PIL
+        input_image = tensor2pil(image)[0]
+        input_mask = tensor2pil(mask)[0]
+
+        # Find masked region bounds
+        mask_array = np.array(input_mask)
+        y_indices, x_indices = np.where(mask_array > 0)
+        if len(x_indices) == 0 or len(y_indices) == 0:
+            return (image, mask)
+            
+        x_min, x_max = x_indices.min(), x_indices.max()
+        y_min, y_max = y_indices.min(), y_indices.max()
+        
+        # Cut out the masked region
+        cut_width = x_max - x_min
+        cut_height = y_max - y_min
+        cut_image = input_image.crop((x_min, y_min, x_max, y_max))
+        cut_mask = input_mask.crop((x_min, y_min, x_max, y_max))
+        
+        # Create inpainted background
+        if bg_image is None:
+            background = input_image.copy()
+            # Inpaint the cut area
+            if inpaint:
+                import cv2
+                border = 5 # Create small border around cut area for better inpainting
+                fill_mask = Image.new("L", background.size, 0)
+                draw = ImageDraw.Draw(fill_mask)
+                draw.rectangle([x_min-border, y_min-border, x_max+border, y_max+border], fill=255)
+                background = cv2.inpaint(
+                    np.array(background), 
+                    np.array(fill_mask), 
+                    inpaintRadius=3, 
+                    flags=cv2.INPAINT_TELEA
+                )
+                background = Image.fromarray(background)
+        else:
+            background = tensor2pil(bg_image)[0]
+        
+        # Create batch of images with cut region at different positions
+        for i in range(batch_size):
+            # Create new image
+            new_image = background.copy()
+            new_mask = Image.new("L", (frame_width, frame_height), 0)
+
+            # Get target position from coordinates
+            for coords in coords_list:
+                target_x = int(coords[i]['x'] - cut_width/2)
+                target_y = int(coords[i]['y'] - cut_height/2)
+
+                # Paste cut region at new position
+                new_image.paste(cut_image, (target_x, target_y), cut_mask)
+                new_mask.paste(cut_mask, (target_x, target_y))
+
+            # Convert to tensor and append
+            image_tensor = pil2tensor(new_image)
+            mask_tensor = pil2tensor(new_mask)
+            
+            images_list.append(image_tensor)
+            masks_list.append(mask_tensor)
+
+        # Stack tensors into batches
+        out_images = torch.cat(images_list, dim=0).cpu().float()
+        out_masks = torch.cat(masks_list, dim=0)
+
+        return (out_images, out_masks)

nodes/intrinsic_lora_nodes.py

@@ -0,0 +1,115 @@
+import folder_paths
+import os
+import torch
+import torch.nn.functional as F
+from comfy.utils import ProgressBar, load_torch_file
+import comfy.sample
+from nodes import CLIPTextEncode
+
+script_directory = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
+folder_paths.add_model_folder_path("intrinsic_loras", os.path.join(script_directory, "intrinsic_loras"))
+
+class Intrinsic_lora_sampling:
+    def __init__(self):
+        self.loaded_lora = None
+        
+    @classmethod
+    def INPUT_TYPES(s):
+        return {"required": { "model": ("MODEL",),
+                "lora_name": (folder_paths.get_filename_list("intrinsic_loras"), ),
+                "task": (
+                [   
+                    'depth map',
+                    'surface normals',
+                    'albedo',
+                    'shading',
+                ],
+                {
+                "default": 'depth map'
+                    }),
+                "text": ("STRING", {"multiline": True, "default": ""}),
+                "clip": ("CLIP", ),
+                "vae": ("VAE", ),
+                "per_batch": ("INT", {"default": 16, "min": 1, "max": 4096, "step": 1}),
+        },
+            "optional": {
+            "image": ("IMAGE",),
+            "optional_latent": ("LATENT",),
+            },
+        }
+
+    RETURN_TYPES = ("IMAGE", "LATENT",)
+    FUNCTION = "onestepsample"
+    CATEGORY = "KJNodes"
+    DESCRIPTION = """
+Sampler to use the intrinsic loras:  
+https://github.com/duxiaodan/intrinsic-lora  
+These LoRAs are tiny and thus included  
+with this node pack.
+"""
+
+    def onestepsample(self, model, lora_name, clip, vae, text, task, per_batch, image=None, optional_latent=None):
+        pbar = ProgressBar(3)
+
+        if optional_latent is None:
+            image_list = []
+            for start_idx in range(0, image.shape[0], per_batch):
+                sub_pixels = vae.vae_encode_crop_pixels(image[start_idx:start_idx+per_batch])
+                image_list.append(vae.encode(sub_pixels[:,:,:,:3]))
+            sample = torch.cat(image_list, dim=0)
+        else:
+            sample = optional_latent["samples"]
+        noise = torch.zeros(sample.size(), dtype=sample.dtype, layout=sample.layout, device="cpu")
+        prompt = task + "," + text
+        positive, = CLIPTextEncode.encode(self, clip, prompt)
+        negative = positive #negative shouldn't do anything in this scenario
+
+        pbar.update(1)
+     
+        #custom model sampling to pass latent through as it is
+        class X0_PassThrough(comfy.model_sampling.EPS):
+            def calculate_denoised(self, sigma, model_output, model_input):
+                return model_output
+            def calculate_input(self, sigma, noise):
+                return noise
+        sampling_base = comfy.model_sampling.ModelSamplingDiscrete
+        sampling_type = X0_PassThrough
+
+        class ModelSamplingAdvanced(sampling_base, sampling_type):
+            pass
+        model_sampling = ModelSamplingAdvanced(model.model.model_config)
+
+        #load lora
+        model_clone = model.clone()
+        lora_path = folder_paths.get_full_path("intrinsic_loras", lora_name)        
+        lora = load_torch_file(lora_path, safe_load=True)
+        self.loaded_lora = (lora_path, lora)
+
+        model_clone_with_lora = comfy.sd.load_lora_for_models(model_clone, None, lora, 1.0, 0)[0]
+
+        model_clone_with_lora.add_object_patch("model_sampling", model_sampling)
+
+        samples = {"samples": comfy.sample.sample(model_clone_with_lora, noise, 1, 1.0, "euler", "simple", positive, negative, sample,
+                                  denoise=1.0, disable_noise=True, start_step=0, last_step=1,
+                                  force_full_denoise=True, noise_mask=None, callback=None, disable_pbar=True, seed=None)}
+        pbar.update(1)
+
+        decoded = []
+        for start_idx in range(0, samples["samples"].shape[0], per_batch):
+            decoded.append(vae.decode(samples["samples"][start_idx:start_idx+per_batch]))
+        image_out = torch.cat(decoded, dim=0)
+
+        pbar.update(1)
+
+        if task == 'depth map':
+            imax = image_out.max()
+            imin = image_out.min()
+            image_out = (image_out-imin)/(imax-imin)
+            image_out = torch.max(image_out, dim=3, keepdim=True)[0].repeat(1, 1, 1, 3)
+        elif task == 'surface normals':
+            image_out = F.normalize(image_out * 2 - 1, dim=3) / 2 + 0.5
+            image_out = 1.0 - image_out
+        else:
+            image_out = image_out.clamp(-1.,1.)
+            
+        return (image_out, samples,)

nodes/lora_nodes.py

@@ -0,0 +1,568 @@
+import torch
+import comfy.model_management
+import comfy.utils
+import folder_paths
+import os
+import logging
+from tqdm import tqdm
+import numpy as np
+
+device = comfy.model_management.get_torch_device()
+
+CLAMP_QUANTILE = 0.99
+
+def extract_lora(diff, key, rank, algorithm, lora_type, lowrank_iters=7, adaptive_param=1.0, clamp_quantile=True):
+    """
+    Extracts LoRA weights from a weight difference tensor using SVD.
+    """
+    conv2d = (len(diff.shape) == 4)
+    kernel_size = None if not conv2d else diff.size()[2:4]
+    conv2d_3x3 = conv2d and kernel_size != (1, 1)
+    out_dim, in_dim = diff.size()[0:2]
+
+    if conv2d:
+        if conv2d_3x3:
+            diff = diff.flatten(start_dim=1)
+        else:
+            diff = diff.squeeze()
+
+    diff_float = diff.float()
+    if algorithm == "svd_lowrank":
+        U, S, V = torch.svd_lowrank(diff_float, q=min(rank, in_dim, out_dim), niter=lowrank_iters)
+        U = U @ torch.diag(S)
+        Vh = V.t()
+    else:
+        #torch.linalg.svdvals() 
+        U, S, Vh = torch.linalg.svd(diff_float)
+        # Flexible rank selection logic like locon: https://github.com/KohakuBlueleaf/LyCORIS/blob/main/tools/extract_locon.py
+        if "adaptive" in lora_type:
+            if lora_type == "adaptive_ratio":
+                min_s = torch.max(S) * adaptive_param
+                lora_rank = torch.sum(S > min_s).item()
+            elif lora_type == "adaptive_energy":
+                energy = torch.cumsum(S**2, dim=0)
+                total_energy = torch.sum(S**2)
+                threshold = adaptive_param * total_energy  # e.g., adaptive_param=0.95 for 95%
+                lora_rank = torch.sum(energy < threshold).item() + 1
+            elif lora_type == "adaptive_quantile":
+                s_cum = torch.cumsum(S, dim=0)
+                min_cum_sum = adaptive_param * torch.sum(S)
+                lora_rank = torch.sum(s_cum < min_cum_sum).item()
+            elif lora_type == "adaptive_fro":
+                S_squared = S.pow(2)
+                S_fro_sq = float(torch.sum(S_squared))
+                sum_S_squared = torch.cumsum(S_squared, dim=0) / S_fro_sq
+                lora_rank = int(torch.searchsorted(sum_S_squared, adaptive_param**2)) + 1
+                lora_rank = max(1, min(lora_rank, len(S)))
+            else:
+                pass  # Will print after capping
+            
+            # Cap adaptive rank by the specified max rank
+            lora_rank = min(lora_rank, rank)
+            
+            # Calculate and print actual fro percentage retained after capping
+            if lora_type == "adaptive_fro":
+                S_squared = S.pow(2)
+                s_fro = torch.sqrt(torch.sum(S_squared))
+                s_red_fro = torch.sqrt(torch.sum(S_squared[:lora_rank]))
+                fro_percent = float(s_red_fro / s_fro)
+                print(f"{key} Extracted LoRA rank: {lora_rank}, Frobenius retained: {fro_percent:.1%}")
+            else:
+                print(f"{key} Extracted LoRA rank: {lora_rank}")
+        else:
+            lora_rank = rank
+
+        lora_rank = max(1, lora_rank)
+        lora_rank = min(out_dim, in_dim, lora_rank)
+        
+        U = U[:, :lora_rank]
+        S = S[:lora_rank]
+        U = U @ torch.diag(S)
+        Vh = Vh[:lora_rank, :]
+
+    if clamp_quantile:
+        dist = torch.cat([U.flatten(), Vh.flatten()])
+        if dist.numel() > 100_000:
+            # Sample 100,000 elements for quantile estimation
+            idx = torch.randperm(dist.numel(), device=dist.device)[:100_000]
+            dist_sample = dist[idx]
+            hi_val = torch.quantile(dist_sample, CLAMP_QUANTILE)
+        else:
+            hi_val = torch.quantile(dist, CLAMP_QUANTILE)
+        low_val = -hi_val
+
+        U = U.clamp(low_val, hi_val)
+        Vh = Vh.clamp(low_val, hi_val)
+    if conv2d:
+        U = U.reshape(out_dim, lora_rank, 1, 1)
+        Vh = Vh.reshape(lora_rank, in_dim, kernel_size[0], kernel_size[1])
+    return (U, Vh)
+
+
+def calc_lora_model(model_diff, rank, prefix_model, prefix_lora, output_sd, lora_type, algorithm, lowrank_iters, out_dtype, bias_diff=False, adaptive_param=1.0, clamp_quantile=True):
+    comfy.model_management.load_models_gpu([model_diff], force_patch_weights=True)
+    model_diff.model.diffusion_model.cpu()
+    sd = model_diff.model_state_dict(filter_prefix=prefix_model)
+    del model_diff
+    comfy.model_management.soft_empty_cache()
+    for k, v in sd.items():
+        if isinstance(v, torch.Tensor):
+            sd[k] = v.cpu()
+
+    # Get total number of keys to process for progress bar
+    total_keys = len([k for k in sd if k.endswith(".weight") or (bias_diff and k.endswith(".bias"))])
+    
+    # Create progress bar
+    progress_bar = tqdm(total=total_keys, desc=f"Extracting LoRA ({prefix_lora.strip('.')})")
+    comfy_pbar = comfy.utils.ProgressBar(total_keys)
+
+    for k in sd:
+        if k.endswith(".weight"):
+            weight_diff = sd[k]
+            if weight_diff.ndim == 5:
+                logging.info(f"Skipping 5D tensor for key {k}") #skip patch embed
+                progress_bar.update(1)
+                comfy_pbar.update(1)
+                continue
+            if lora_type != "full":
+                if weight_diff.ndim < 2:
+                    if bias_diff:
+                        output_sd["{}{}.diff".format(prefix_lora, k[len(prefix_model):-7])] = weight_diff.contiguous().to(out_dtype).cpu()
+                    progress_bar.update(1)
+                    comfy_pbar.update(1)
+                    continue
+                try:
+                    out = extract_lora(weight_diff.to(device), k, rank, algorithm, lora_type, lowrank_iters=lowrank_iters, adaptive_param=adaptive_param, clamp_quantile=clamp_quantile)
+                    output_sd["{}{}.lora_up.weight".format(prefix_lora, k[len(prefix_model):-7])] = out[0].contiguous().to(out_dtype).cpu()
+                    output_sd["{}{}.lora_down.weight".format(prefix_lora, k[len(prefix_model):-7])] = out[1].contiguous().to(out_dtype).cpu()
+                except Exception as e:
+                    logging.warning(f"Could not generate lora weights for key {k}, error {e}")
+            else:
+                output_sd["{}{}.diff".format(prefix_lora, k[len(prefix_model):-7])] = weight_diff.contiguous().to(out_dtype).cpu()
+            
+            progress_bar.update(1)
+            comfy_pbar.update(1)
+
+        elif bias_diff and k.endswith(".bias"):
+            output_sd["{}{}.diff_b".format(prefix_lora, k[len(prefix_model):-5])] = sd[k].contiguous().to(out_dtype).cpu()
+            progress_bar.update(1)
+            comfy_pbar.update(1)
+    progress_bar.close()
+    return output_sd
+
+class LoraExtractKJ:
+    def __init__(self):
+        self.output_dir = folder_paths.get_output_directory()
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {"required": 
+                {
+                    "finetuned_model": ("MODEL",),
+                    "original_model": ("MODEL",),
+                    "filename_prefix": ("STRING", {"default": "loras/ComfyUI_extracted_lora"}),
+                    "rank": ("INT", {"default": 8, "min": 1, "max": 4096, "step": 1, "tooltip": "The rank to use for standard LoRA, or maximum rank limit for adaptive methods."}),
+                    "lora_type": (["standard", "full", "adaptive_ratio", "adaptive_quantile", "adaptive_energy", "adaptive_fro"],),
+                    "algorithm": (["svd_linalg", "svd_lowrank"], {"default": "svd_linalg", "tooltip": "SVD algorithm to use, svd_lowrank is faster but less accurate."}),
+                    "lowrank_iters": ("INT", {"default": 7, "min": 1, "max": 100, "step": 1, "tooltip": "The number of subspace iterations for lowrank SVD algorithm."}),
+                    "output_dtype": (["fp16", "bf16", "fp32"], {"default": "fp16"}),
+                    "bias_diff": ("BOOLEAN", {"default": True}),
+                    "adaptive_param": ("FLOAT", {"default": 0.15, "min": 0.0, "max": 1.0, "step": 0.01, "tooltip": "For ratio mode, this is the ratio of the maximum singular value. For quantile mode, this is the quantile of the singular values. For fro mode, this is the Frobenius norm retention ratio."}),
+                    "clamp_quantile": ("BOOLEAN", {"default": True}),
+                },
+
+    }
+    RETURN_TYPES = ()
+    FUNCTION = "save"
+    OUTPUT_NODE = True
+
+    CATEGORY = "KJNodes/lora"
+
+    def save(self, finetuned_model, original_model, filename_prefix, rank, lora_type, algorithm, lowrank_iters, output_dtype, bias_diff, adaptive_param, clamp_quantile):
+        if algorithm == "svd_lowrank" and lora_type != "standard":
+            raise ValueError("svd_lowrank algorithm is only supported for standard LoRA extraction.")
+
+        dtype = {"fp8_e4m3fn": torch.float8_e4m3fn, "bf16": torch.bfloat16, "fp16": torch.float16, "fp16_fast": torch.float16, "fp32": torch.float32}[output_dtype]
+        m = finetuned_model.clone()
+        kp = original_model.get_key_patches("diffusion_model.")
+        for k in kp:
+            m.add_patches({k: kp[k]}, - 1.0, 1.0)
+        model_diff = m
+
+        full_output_folder, filename, counter, subfolder, filename_prefix = folder_paths.get_save_image_path(filename_prefix, self.output_dir)
+
+        output_sd = {}
+        if model_diff is not None:
+            output_sd = calc_lora_model(model_diff, rank, "diffusion_model.", "diffusion_model.", output_sd, lora_type, algorithm, lowrank_iters, dtype, bias_diff=bias_diff, adaptive_param=adaptive_param, clamp_quantile=clamp_quantile)
+        if "adaptive" in lora_type:
+            rank_str = f"{lora_type}_{adaptive_param:.2f}"
+        else:
+            rank_str = rank
+        output_checkpoint = f"{filename}_rank_{rank_str}_{output_dtype}_{counter:05}_.safetensors"
+        output_checkpoint = os.path.join(full_output_folder, output_checkpoint)
+
+        comfy.utils.save_torch_file(output_sd, output_checkpoint, metadata=None)
+        return {}
+
+NODE_CLASS_MAPPINGS = {
+    "LoraExtractKJ": LoraExtractKJ
+}
+
+NODE_DISPLAY_NAME_MAPPINGS = {
+    "LoraExtractKJ": "LoraExtractKJ"
+}
+
+class LoraReduceRank:
+    def __init__(self):
+        self.output_dir = folder_paths.get_output_directory()
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {"required": 
+                {
+                    "lora_name": (folder_paths.get_filename_list("loras"), {"tooltip": "The name of the LoRA."}),
+                    "new_rank": ("INT", {"default": 8, "min": 1, "max": 4096, "step": 1, "tooltip": "The new rank to resize the LoRA. Acts as max rank when using dynamic_method."}),
+                    "dynamic_method": (["disabled", "sv_ratio", "sv_cumulative", "sv_fro"], {"default": "disabled", "tooltip": "Method to use for dynamically determining new alphas and dims"}),
+                    "dynamic_param": ("FLOAT", {"default": 0.2, "min": 0.0, "max": 1.0, "step": 0.01, "tooltip": "Method to use for dynamically determining new alphas and dims"}),
+                    "output_dtype": (["match_original", "fp16", "bf16", "fp32"], {"default": "match_original", "tooltip": "Data type to save the LoRA as."}),
+                    "verbose": ("BOOLEAN", {"default": True}),
+                },
+
+    }
+    RETURN_TYPES = ()
+    FUNCTION = "save"
+    OUTPUT_NODE = True
+    EXPERIMENTAL = True
+    DESCRIPTION = "Resize a LoRA model by reducing it's rank. Based on kohya's sd-scripts: https://github.com/kohya-ss/sd-scripts/blob/main/networks/resize_lora.py"
+
+    CATEGORY = "KJNodes/lora"
+
+    def save(self, lora_name, new_rank, output_dtype, dynamic_method, dynamic_param, verbose):
+
+        lora_path = folder_paths.get_full_path("loras", lora_name)
+        lora_sd, metadata = comfy.utils.load_torch_file(lora_path, return_metadata=True)
+
+        if output_dtype == "fp16":
+            save_dtype = torch.float16
+        elif output_dtype == "bf16":
+            save_dtype = torch.bfloat16
+        elif output_dtype == "fp32":
+            save_dtype = torch.float32
+        elif output_dtype == "match_original":
+            first_weight_key = next(k for k in lora_sd if k.endswith(".weight") and isinstance(lora_sd[k], torch.Tensor))
+            save_dtype = lora_sd[first_weight_key].dtype
+
+        new_lora_sd = {}
+        for k, v in lora_sd.items():
+            new_lora_sd[k.replace(".default", "")] = v
+        del lora_sd
+        print("Resizing Lora...")
+        output_sd, old_dim, new_alpha, rank_list = resize_lora_model(new_lora_sd, new_rank, save_dtype, device, dynamic_method, dynamic_param, verbose)
+
+        # update metadata
+        if metadata is None:
+            metadata = {}
+
+        comment = metadata.get("ss_training_comment", "")
+
+        if dynamic_method == "disabled":
+            metadata["ss_training_comment"] = f"dimension is resized from {old_dim} to {new_rank}; {comment}"
+            metadata["ss_network_dim"] = str(new_rank)
+            metadata["ss_network_alpha"] = str(new_alpha)
+        else:
+            metadata["ss_training_comment"] = f"Dynamic resize with {dynamic_method}: {dynamic_param} from {old_dim}; {comment}"
+            metadata["ss_network_dim"] = "Dynamic"
+            metadata["ss_network_alpha"] = "Dynamic"
+
+        # cast to save_dtype before calculating hashes
+        for key in list(output_sd.keys()):
+            value = output_sd[key]
+            if type(value) == torch.Tensor and value.dtype.is_floating_point and value.dtype != save_dtype:
+                output_sd[key] = value.to(save_dtype)
+
+        output_filename_prefix = "loras/" + lora_name
+
+        full_output_folder, filename, counter, subfolder, filename_prefix = folder_paths.get_save_image_path(output_filename_prefix, self.output_dir)
+        output_dtype_str = f"_{output_dtype}" if output_dtype != "match_original" else ""
+        average_rank = str(int(np.mean(rank_list)))
+        rank_str = new_rank if dynamic_method == "disabled" else f"dynamic_{average_rank}"
+        output_checkpoint = f"{filename.replace('.safetensors', '')}_resized_from_{old_dim}_to_{rank_str}{output_dtype_str}_{counter:05}_.safetensors"
+        output_checkpoint = os.path.join(full_output_folder, output_checkpoint)
+        print(f"Saving resized LoRA to {output_checkpoint}")
+
+        comfy.utils.save_torch_file(output_sd, output_checkpoint, metadata=metadata)
+        return {}
+
+NODE_CLASS_MAPPINGS = {
+    "LoraExtractKJ": LoraExtractKJ
+}
+
+NODE_DISPLAY_NAME_MAPPINGS = {
+    "LoraExtractKJ": "LoraExtractKJ"
+}
+
+# Convert LoRA to different rank approximation (should only be used to go to lower rank)
+# This code is based off the extract_lora_from_models.py file which is based on https://github.com/cloneofsimo/lora/blob/develop/lora_diffusion/cli_svd.py
+# Thanks to cloneofsimo
+
+# This version is based on
+# https://github.com/kohya-ss/sd-scripts/blob/main/networks/resize_lora.py
+
+MIN_SV = 1e-6
+
+LORA_DOWN_UP_FORMATS = [
+    ("lora_down", "lora_up"),  # sd-scripts LoRA
+    ("lora_A", "lora_B"),  # PEFT LoRA
+    ("down", "up"),  # ControlLoRA
+]
+
+# Indexing functions
+def index_sv_cumulative(S, target):
+    original_sum = float(torch.sum(S))
+    cumulative_sums = torch.cumsum(S, dim=0) / original_sum
+    index = int(torch.searchsorted(cumulative_sums, target)) + 1
+    index = max(1, min(index, len(S) - 1))
+
+    return index
+
+
+def index_sv_fro(S, target):
+    S_squared = S.pow(2)
+    S_fro_sq = float(torch.sum(S_squared))
+    sum_S_squared = torch.cumsum(S_squared, dim=0) / S_fro_sq
+    index = int(torch.searchsorted(sum_S_squared, target**2)) + 1
+    index = max(1, min(index, len(S) - 1))
+
+    return index
+
+
+def index_sv_ratio(S, target):
+    max_sv = S[0]
+    min_sv = max_sv / target
+    index = int(torch.sum(S > min_sv).item())
+    index = max(1, min(index, len(S) - 1))
+
+    return index
+
+
+# Modified from Kohaku-blueleaf's extract/merge functions
+def extract_conv(weight, lora_rank, dynamic_method, dynamic_param, device, scale=1):
+    out_size, in_size, kernel_size, _ = weight.size()
+    if weight.dtype != torch.float32:
+        weight = weight.to(torch.float32)
+    U, S, Vh = torch.linalg.svd(weight.reshape(out_size, -1).to(device))
+
+    param_dict = rank_resize(S, lora_rank, dynamic_method, dynamic_param, scale)
+    lora_rank = param_dict["new_rank"]
+
+    U = U[:, :lora_rank]
+    S = S[:lora_rank]
+    U = U @ torch.diag(S)
+    Vh = Vh[:lora_rank, :]
+
+    param_dict["lora_down"] = Vh.reshape(lora_rank, in_size, kernel_size, kernel_size).cpu()
+    param_dict["lora_up"] = U.reshape(out_size, lora_rank, 1, 1).cpu()
+    del U, S, Vh, weight
+    return param_dict
+
+
+def extract_linear(weight, lora_rank, dynamic_method, dynamic_param, device, scale=1):
+    out_size, in_size = weight.size()
+
+    if weight.dtype != torch.float32:
+        weight = weight.to(torch.float32)
+    U, S, Vh = torch.linalg.svd(weight.to(device))
+
+    param_dict = rank_resize(S, lora_rank, dynamic_method, dynamic_param, scale)
+    lora_rank = param_dict["new_rank"]
+
+    U = U[:, :lora_rank]
+    S = S[:lora_rank]
+    U = U @ torch.diag(S)
+    Vh = Vh[:lora_rank, :]
+
+    param_dict["lora_down"] = Vh.reshape(lora_rank, in_size).cpu()
+    param_dict["lora_up"] = U.reshape(out_size, lora_rank).cpu()
+    del U, S, Vh, weight
+    return param_dict
+
+
+def merge_conv(lora_down, lora_up, device):
+    in_rank, in_size, kernel_size, k_ = lora_down.shape
+    out_size, out_rank, _, _ = lora_up.shape
+    assert in_rank == out_rank and kernel_size == k_, f"rank {in_rank} {out_rank} or kernel {kernel_size} {k_} mismatch"
+
+    lora_down = lora_down.to(device)
+    lora_up = lora_up.to(device)
+
+    merged = lora_up.reshape(out_size, -1) @ lora_down.reshape(in_rank, -1)
+    weight = merged.reshape(out_size, in_size, kernel_size, kernel_size)
+    del lora_up, lora_down
+    return weight
+
+
+def merge_linear(lora_down, lora_up, device):
+    in_rank, in_size = lora_down.shape
+    out_size, out_rank = lora_up.shape
+    assert in_rank == out_rank, f"rank {in_rank} {out_rank} mismatch"
+
+    lora_down = lora_down.to(device)
+    lora_up = lora_up.to(device)
+
+    weight = lora_up @ lora_down
+    del lora_up, lora_down
+    return weight
+
+
+# Calculate new rank
+
+
+def rank_resize(S, rank, dynamic_method, dynamic_param, scale=1):
+    param_dict = {}
+
+    if dynamic_method == "sv_ratio":
+        # Calculate new dim and alpha based off ratio
+        new_rank = index_sv_ratio(S, dynamic_param) + 1
+        new_alpha = float(scale * new_rank)
+
+    elif dynamic_method == "sv_cumulative":
+        # Calculate new dim and alpha based off cumulative sum
+        new_rank = index_sv_cumulative(S, dynamic_param) + 1
+        new_alpha = float(scale * new_rank)
+
+    elif dynamic_method == "sv_fro":
+        # Calculate new dim and alpha based off sqrt sum of squares
+        new_rank = index_sv_fro(S, dynamic_param) + 1
+        new_alpha = float(scale * new_rank)
+    else:
+        new_rank = rank
+        new_alpha = float(scale * new_rank)
+
+    if S[0] <= MIN_SV:  # Zero matrix, set dim to 1
+        new_rank = 1
+        new_alpha = float(scale * new_rank)
+    elif new_rank > rank:  # cap max rank at rank
+        new_rank = rank
+        new_alpha = float(scale * new_rank)
+
+    # Calculate resize info
+    s_sum = torch.sum(torch.abs(S))
+    s_rank = torch.sum(torch.abs(S[:new_rank]))
+
+    S_squared = S.pow(2)
+    s_fro = torch.sqrt(torch.sum(S_squared))
+    s_red_fro = torch.sqrt(torch.sum(S_squared[:new_rank]))
+    fro_percent = float(s_red_fro / s_fro)
+
+    param_dict["new_rank"] = new_rank
+    param_dict["new_alpha"] = new_alpha
+    param_dict["sum_retained"] = (s_rank) / s_sum
+    param_dict["fro_retained"] = fro_percent
+    param_dict["max_ratio"] = S[0] / S[new_rank - 1]
+
+    return param_dict
+
+
+def resize_lora_model(lora_sd, new_rank, save_dtype, device, dynamic_method, dynamic_param, verbose):
+    max_old_rank = None
+    new_alpha = None
+    verbose_str = "\n"
+    fro_list = []
+    rank_list = []
+
+    if dynamic_method:
+        print(f"Dynamically determining new alphas and dims based off {dynamic_method}: {dynamic_param}, max rank is {new_rank}")
+
+    lora_down_weight = None
+    lora_up_weight = None
+
+    o_lora_sd = lora_sd.copy()
+    block_down_name = None
+    block_up_name = None
+
+    total_keys = len([k for k in lora_sd if k.endswith(".weight")])
+
+    pbar = comfy.utils.ProgressBar(total_keys)
+    for key, value in tqdm(lora_sd.items(), leave=True, desc="Resizing LoRA weights"):
+        key_parts = key.split(".")
+        block_down_name = None
+        for _format in LORA_DOWN_UP_FORMATS:
+            # Currently we only match lora_down_name in the last two parts of key
+            # because ("down", "up") are general words and may appear in block_down_name
+            if len(key_parts) >= 2 and _format[0] == key_parts[-2]:
+                block_down_name = ".".join(key_parts[:-2])
+                lora_down_name = "." + _format[0]
+                lora_up_name = "." + _format[1]
+                weight_name = "." + key_parts[-1]
+                break
+            if len(key_parts) >= 1 and _format[0] == key_parts[-1]:
+                block_down_name = ".".join(key_parts[:-1])
+                lora_down_name = "." + _format[0]
+                lora_up_name = "." + _format[1]
+                weight_name = ""
+                break
+
+        if block_down_name is None:
+            # This parameter is not lora_down
+            continue
+
+        # Now weight_name can be ".weight" or ""
+        # Find corresponding lora_up and alpha
+        block_up_name = block_down_name
+        lora_down_weight = value
+        lora_up_weight = lora_sd.get(block_up_name + lora_up_name + weight_name, None)
+        lora_alpha = lora_sd.get(block_down_name + ".alpha", None)
+
+        weights_loaded = lora_down_weight is not None and lora_up_weight is not None
+
+        if weights_loaded:
+
+            conv2d = len(lora_down_weight.size()) == 4
+            old_rank = lora_down_weight.size()[0]
+            max_old_rank = max(max_old_rank or 0, old_rank)
+            
+
+            if lora_alpha is None:
+                scale = 1.0
+            else:
+                scale = lora_alpha / old_rank
+
+            if conv2d:
+                full_weight_matrix = merge_conv(lora_down_weight, lora_up_weight, device)
+                param_dict = extract_conv(full_weight_matrix, new_rank, dynamic_method, dynamic_param, device, scale)
+            else:
+                full_weight_matrix = merge_linear(lora_down_weight, lora_up_weight, device)
+                param_dict = extract_linear(full_weight_matrix, new_rank, dynamic_method, dynamic_param, device, scale)
+
+            if verbose:
+                max_ratio = param_dict["max_ratio"]
+                sum_retained = param_dict["sum_retained"]
+                fro_retained = param_dict["fro_retained"]
+                if not np.isnan(fro_retained):
+                    fro_list.append(float(fro_retained))
+                log_str = f"{block_down_name:75} | sum(S) retained: {sum_retained:.1%}, fro retained: {fro_retained:.1%}, max(S) ratio: {max_ratio:0.1f}, new dim: {param_dict['new_rank']}"
+                tqdm.write(log_str)
+                verbose_str += log_str
+            
+            if verbose and dynamic_method:
+                verbose_str += f", dynamic | dim: {param_dict['new_rank']}, alpha: {param_dict['new_alpha']}\n"
+            else:
+                verbose_str += "\n"
+
+            new_alpha = param_dict["new_alpha"]
+            o_lora_sd[block_down_name + lora_down_name + weight_name] = param_dict["lora_down"].to(save_dtype).contiguous()
+            o_lora_sd[block_up_name + lora_up_name + weight_name] = param_dict["lora_up"].to(save_dtype).contiguous()
+            o_lora_sd[block_down_name + ".alpha"] = torch.tensor(param_dict["new_alpha"]).to(save_dtype)
+
+            block_down_name = None
+            block_up_name = None
+            lora_down_weight = None
+            lora_up_weight = None
+            weights_loaded = False
+            rank_list.append(param_dict["new_rank"])
+            del param_dict
+        pbar.update(1)
+
+    if verbose:
+        print(f"Average Frobenius norm retention: {np.mean(fro_list):.2%} | std: {np.std(fro_list):0.3f}")
+    return o_lora_sd, max_old_rank, new_alpha, rank_list

nodes/mask_nodes.py

@@ -0,0 +1,1669 @@
+import torch
+import torch.nn.functional as F
+from torchvision.transforms import functional as TF
+from PIL import Image, ImageDraw, ImageFilter, ImageFont
+import scipy.ndimage
+import numpy as np
+from contextlib import nullcontext
+import os
+from tqdm import tqdm
+
+from comfy import model_management
+from comfy.utils import ProgressBar
+from comfy.utils import common_upscale
+from nodes import MAX_RESOLUTION
+
+import folder_paths
+
+from ..utility.utility import tensor2pil, pil2tensor
+
+script_directory = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
+main_device = model_management.get_torch_device()
+offload_device = model_management.unet_offload_device()
+
+class BatchCLIPSeg:
+
+    def __init__(self):
+        pass
+    
+    @classmethod
+    def INPUT_TYPES(s):
+       
+        return {"required":
+                    {
+                        "images": ("IMAGE",),
+                        "text": ("STRING", {"multiline": False}),
+                        "threshold": ("FLOAT", {"default": 0.5,"min": 0.0, "max": 10.0, "step": 0.001}),
+                        "binary_mask": ("BOOLEAN", {"default": True}),
+                        "combine_mask": ("BOOLEAN", {"default": False}),
+                        "use_cuda": ("BOOLEAN", {"default": True}),
+                     },
+                     "optional":
+                    {
+                        "blur_sigma": ("FLOAT", {"default": 0.0, "min": 0.0, "max": 100.0, "step": 0.1}),
+                        "opt_model": ("CLIPSEGMODEL", ),
+                        "prev_mask": ("MASK", {"default": None}),
+                        "image_bg_level": ("FLOAT", {"default": 0.5, "min": 0.0, "max": 1.0, "step": 0.01}),
+                        "invert": ("BOOLEAN", {"default": False}),
+                    }
+                }
+
+    CATEGORY = "KJNodes/masking"
+    RETURN_TYPES = ("MASK", "IMAGE", )
+    RETURN_NAMES = ("Mask", "Image", )
+    FUNCTION = "segment_image"
+    DESCRIPTION = """
+Segments an image or batch of images using CLIPSeg.
+"""
+
+    def segment_image(self, images, text, threshold, binary_mask, combine_mask, use_cuda, blur_sigma=0.0, opt_model=None, prev_mask=None, invert= False, image_bg_level=0.5):
+        from transformers import CLIPSegProcessor, CLIPSegForImageSegmentation
+        import torchvision.transforms as transforms
+        offload_device = model_management.unet_offload_device()
+        device = model_management.get_torch_device()
+        if not use_cuda:
+            device = torch.device("cpu")
+        dtype = model_management.unet_dtype()
+
+        if opt_model is None:
+            checkpoint_path = os.path.join(folder_paths.models_dir,'clip_seg', 'clipseg-rd64-refined-fp16')
+            if not hasattr(self, "model"):
+                try:
+                    if not os.path.exists(checkpoint_path):
+                        from huggingface_hub import snapshot_download
+                        snapshot_download(repo_id="Kijai/clipseg-rd64-refined-fp16", local_dir=checkpoint_path, local_dir_use_symlinks=False)
+                    self.model = CLIPSegForImageSegmentation.from_pretrained(checkpoint_path)
+                except:
+                    checkpoint_path = "CIDAS/clipseg-rd64-refined"
+                    self.model = CLIPSegForImageSegmentation.from_pretrained(checkpoint_path)
+            processor = CLIPSegProcessor.from_pretrained(checkpoint_path)
+
+        else:
+            self.model = opt_model['model']
+            processor = opt_model['processor']
+
+        self.model.to(dtype).to(device)
+
+        B, H, W, C = images.shape
+        images = images.to(device)
+        
+        autocast_condition = (dtype != torch.float32) and not model_management.is_device_mps(device)
+        with torch.autocast(model_management.get_autocast_device(device), dtype=dtype) if autocast_condition else nullcontext():
+
+            PIL_images = [Image.fromarray(np.clip(255. * image.cpu().numpy().squeeze(), 0, 255).astype(np.uint8)) for image in images ]
+            prompt = [text] * len(images)
+            input_prc = processor(text=prompt, images=PIL_images, return_tensors="pt")
+
+            for key in input_prc:
+                input_prc[key] = input_prc[key].to(device)
+            outputs = self.model(**input_prc)
+
+        mask_tensor = torch.sigmoid(outputs.logits)
+        mask_tensor = (mask_tensor - mask_tensor.min()) / (mask_tensor.max() - mask_tensor.min())
+        mask_tensor = torch.where(mask_tensor > (threshold), mask_tensor, torch.tensor(0, dtype=torch.float))
+        print(mask_tensor.shape)
+        if len(mask_tensor.shape) == 2:
+            mask_tensor = mask_tensor.unsqueeze(0)
+        mask_tensor = F.interpolate(mask_tensor.unsqueeze(1), size=(H, W), mode='nearest')
+        mask_tensor = mask_tensor.squeeze(1)
+
+        self.model.to(offload_device)
+        
+        if binary_mask:
+            mask_tensor = (mask_tensor > 0).float()
+        if blur_sigma > 0:
+            kernel_size = int(6 * int(blur_sigma) + 1) 
+            blur = transforms.GaussianBlur(kernel_size=(kernel_size, kernel_size), sigma=(blur_sigma, blur_sigma))
+            mask_tensor = blur(mask_tensor)
+
+        if combine_mask:
+            mask_tensor = torch.max(mask_tensor, dim=0)[0]
+            mask_tensor = mask_tensor.unsqueeze(0).repeat(len(images),1,1)
+
+        del outputs
+        model_management.soft_empty_cache()
+
+        if prev_mask is not None:
+            if prev_mask.shape != mask_tensor.shape:
+                prev_mask = F.interpolate(prev_mask.unsqueeze(1), size=(H, W), mode='nearest')
+            mask_tensor = mask_tensor + prev_mask.to(device)
+            torch.clamp(mask_tensor, min=0.0, max=1.0)
+
+        if invert:
+            mask_tensor = 1 - mask_tensor
+
+        image_tensor = images * mask_tensor.unsqueeze(-1) + (1 - mask_tensor.unsqueeze(-1)) * image_bg_level
+        image_tensor = torch.clamp(image_tensor, min=0.0, max=1.0).cpu().float()
+
+        mask_tensor = mask_tensor.cpu().float()
+    
+        return mask_tensor, image_tensor, 
+
+class DownloadAndLoadCLIPSeg:
+
+    def __init__(self):
+        pass
+    
+    @classmethod
+    def INPUT_TYPES(s):
+       
+        return {"required":
+                    {     
+                    "model": (
+                    [   'Kijai/clipseg-rd64-refined-fp16',
+                        'CIDAS/clipseg-rd64-refined',
+                    ],
+                    ),
+                     },
+                }
+
+    CATEGORY = "KJNodes/masking"
+    RETURN_TYPES = ("CLIPSEGMODEL",)
+    RETURN_NAMES = ("clipseg_model",)
+    FUNCTION = "segment_image"
+    DESCRIPTION = """
+Downloads and loads CLIPSeg model with huggingface_hub,  
+to ComfyUI/models/clip_seg
+"""
+
+    def segment_image(self, model):
+        from transformers import CLIPSegProcessor, CLIPSegForImageSegmentation
+        checkpoint_path = os.path.join(folder_paths.models_dir,'clip_seg', os.path.basename(model))
+        if not hasattr(self, "model"):
+            if not os.path.exists(checkpoint_path):
+                from huggingface_hub import snapshot_download
+                snapshot_download(repo_id=model, local_dir=checkpoint_path, local_dir_use_symlinks=False)
+            self.model = CLIPSegForImageSegmentation.from_pretrained(checkpoint_path)
+
+        processor = CLIPSegProcessor.from_pretrained(checkpoint_path)
+
+        clipseg_model = {}
+        clipseg_model['model'] = self.model
+        clipseg_model['processor'] = processor
+
+        return clipseg_model,
+
+class CreateTextMask:
+
+    RETURN_TYPES = ("IMAGE", "MASK",)
+    FUNCTION = "createtextmask"
+    CATEGORY = "KJNodes/text"
+    DESCRIPTION = """
+Creates a text image and mask.  
+Looks for fonts from this folder:  
+ComfyUI/custom_nodes/ComfyUI-KJNodes/fonts
+  
+If start_rotation and/or end_rotation are different values,  
+creates animation between them.
+"""
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                 "invert": ("BOOLEAN", {"default": False}),
+                 "frames": ("INT", {"default": 1,"min": 1, "max": 4096, "step": 1}),
+                 "text_x": ("INT", {"default": 0,"min": 0, "max": 4096, "step": 1}),
+                 "text_y": ("INT", {"default": 0,"min": 0, "max": 4096, "step": 1}),
+                 "font_size": ("INT", {"default": 32,"min": 8, "max": 4096, "step": 1}),
+                 "font_color": ("STRING", {"default": "white"}),
+                 "text": ("STRING", {"default": "HELLO!", "multiline": True}),
+                 "font": (folder_paths.get_filename_list("kjnodes_fonts"), ),
+                 "width": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+                 "height": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+                 "start_rotation": ("INT", {"default": 0,"min": 0, "max": 359, "step": 1}),
+                 "end_rotation": ("INT", {"default": 0,"min": -359, "max": 359, "step": 1}),
+        },
+    } 
+
+    def createtextmask(self, frames, width, height, invert, text_x, text_y, text, font_size, font_color, font, start_rotation, end_rotation):
+    # Define the number of images in the batch
+        batch_size = frames
+        out = []
+        masks = []
+        rotation = start_rotation
+        if start_rotation != end_rotation:
+            rotation_increment = (end_rotation - start_rotation) / (batch_size - 1)
+
+        font_path = folder_paths.get_full_path("kjnodes_fonts", font)
+        # Generate the text
+        for i in range(batch_size):
+            image = Image.new("RGB", (width, height), "black")
+            draw = ImageDraw.Draw(image)
+            font = ImageFont.truetype(font_path, font_size)
+            
+            # Split the text into words
+            words = text.split()
+            
+            # Initialize variables for line creation
+            lines = []
+            current_line = []
+            current_line_width = 0
+            try: #new pillow  
+                # Iterate through words to create lines
+                for word in words:
+                    word_width = font.getbbox(word)[2]
+                    if current_line_width + word_width <= width - 2 * text_x:
+                        current_line.append(word)
+                        current_line_width += word_width + font.getbbox(" ")[2] # Add space width
+                    else:
+                        lines.append(" ".join(current_line))
+                        current_line = [word]
+                        current_line_width = word_width
+            except: #old pillow             
+                for word in words:
+                    word_width = font.getsize(word)[0]
+                    if current_line_width + word_width <= width - 2 * text_x:
+                        current_line.append(word)
+                        current_line_width += word_width + font.getsize(" ")[0] # Add space width
+                    else:
+                        lines.append(" ".join(current_line))
+                        current_line = [word]
+                        current_line_width = word_width
+            
+            # Add the last line if it's not empty
+            if current_line:
+                lines.append(" ".join(current_line))
+            
+            # Draw each line of text separately
+            y_offset = text_y
+            for line in lines:
+                text_width = font.getlength(line)
+                text_height = font_size
+                text_center_x = text_x + text_width / 2
+                text_center_y = y_offset + text_height / 2
+                try:
+                    draw.text((text_x, y_offset), line, font=font, fill=font_color, features=['-liga'])
+                except:
+                    draw.text((text_x, y_offset), line, font=font, fill=font_color)
+                y_offset += text_height # Move to the next line
+            
+            if start_rotation != end_rotation:
+                image = image.rotate(rotation, center=(text_center_x, text_center_y))
+                rotation += rotation_increment
+            
+            image = np.array(image).astype(np.float32) / 255.0
+            image = torch.from_numpy(image)[None,]
+            mask = image[:, :, :, 0] 
+            masks.append(mask)
+            out.append(image)
+            
+        if invert:
+            return (1.0 - torch.cat(out, dim=0), 1.0 - torch.cat(masks, dim=0),)
+        return (torch.cat(out, dim=0),torch.cat(masks, dim=0),)
+
+class ColorToMask:
+    
+    RETURN_TYPES = ("MASK",)
+    FUNCTION = "clip"
+    CATEGORY = "KJNodes/masking"
+    DESCRIPTION = """
+Converts chosen RGB value to a mask.  
+With batch inputs, the **per_batch**  
+controls the number of images processed at once.
+"""
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                 "images": ("IMAGE",),
+                 "invert": ("BOOLEAN", {"default": False}),
+                 "red": ("INT", {"default": 0,"min": 0, "max": 255, "step": 1}),
+                 "green": ("INT", {"default": 0,"min": 0, "max": 255, "step": 1}),
+                 "blue": ("INT", {"default": 0,"min": 0, "max": 255, "step": 1}),
+                 "threshold": ("INT", {"default": 10,"min": 0, "max": 255, "step": 1}),
+                 "per_batch": ("INT", {"default": 16, "min": 1, "max": 4096, "step": 1}),
+        },
+    } 
+
+    def clip(self, images, red, green, blue, threshold, invert, per_batch):
+
+        color = torch.tensor([red, green, blue], dtype=torch.uint8)  
+        black = torch.tensor([0, 0, 0], dtype=torch.uint8)
+        white = torch.tensor([255, 255, 255], dtype=torch.uint8)
+        
+        if invert:
+            black, white = white, black
+
+        steps = images.shape[0]
+        pbar = ProgressBar(steps)
+        tensors_out = []
+        
+        for start_idx in range(0, images.shape[0], per_batch):
+
+            # Calculate color distances
+            color_distances = torch.norm(images[start_idx:start_idx+per_batch] * 255 - color, dim=-1)
+            
+            # Create a mask based on the threshold
+            mask = color_distances <= threshold
+            
+            # Apply the mask to create new images
+            mask_out = torch.where(mask.unsqueeze(-1), white, black).float()
+            mask_out = mask_out.mean(dim=-1)
+
+            tensors_out.append(mask_out.cpu())
+            batch_count = mask_out.shape[0]
+            pbar.update(batch_count)
+       
+        tensors_out = torch.cat(tensors_out, dim=0)
+        tensors_out = torch.clamp(tensors_out, min=0.0, max=1.0)
+        return tensors_out,
+      
+class CreateFluidMask:
+    
+    RETURN_TYPES = ("IMAGE", "MASK")
+    FUNCTION = "createfluidmask"
+    CATEGORY = "KJNodes/masking/generate"
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                 "invert": ("BOOLEAN", {"default": False}),
+                 "frames": ("INT", {"default": 1,"min": 1, "max": 4096, "step": 1}),
+                 "width": ("INT", {"default": 256,"min": 16, "max": 4096, "step": 1}),
+                 "height": ("INT", {"default": 256,"min": 16, "max": 4096, "step": 1}),
+                 "inflow_count": ("INT", {"default": 3,"min": 0, "max": 255, "step": 1}),
+                 "inflow_velocity": ("INT", {"default": 1,"min": 0, "max": 255, "step": 1}),
+                 "inflow_radius": ("INT", {"default": 8,"min": 0, "max": 255, "step": 1}),
+                 "inflow_padding": ("INT", {"default": 50,"min": 0, "max": 255, "step": 1}),
+                 "inflow_duration": ("INT", {"default": 60,"min": 0, "max": 255, "step": 1}),
+        },
+    } 
+    #using code from https://github.com/GregTJ/stable-fluids
+    def createfluidmask(self, frames, width, height, invert, inflow_count, inflow_velocity, inflow_radius, inflow_padding, inflow_duration):
+        from ..utility.fluid import Fluid
+        try:
+            from scipy.special import erf
+        except:
+            from scipy.spatial import erf
+        out = []
+        masks = []
+        RESOLUTION = width, height
+        DURATION = frames
+
+        INFLOW_PADDING = inflow_padding
+        INFLOW_DURATION = inflow_duration
+        INFLOW_RADIUS = inflow_radius
+        INFLOW_VELOCITY = inflow_velocity
+        INFLOW_COUNT = inflow_count
+
+        print('Generating fluid solver, this may take some time.')
+        fluid = Fluid(RESOLUTION, 'dye')
+
+        center = np.floor_divide(RESOLUTION, 2)
+        r = np.min(center) - INFLOW_PADDING
+
+        points = np.linspace(-np.pi, np.pi, INFLOW_COUNT, endpoint=False)
+        points = tuple(np.array((np.cos(p), np.sin(p))) for p in points)
+        normals = tuple(-p for p in points)
+        points = tuple(r * p + center for p in points)
+
+        inflow_velocity = np.zeros_like(fluid.velocity)
+        inflow_dye = np.zeros(fluid.shape)
+        for p, n in zip(points, normals):
+            mask = np.linalg.norm(fluid.indices - p[:, None, None], axis=0) <= INFLOW_RADIUS
+            inflow_velocity[:, mask] += n[:, None] * INFLOW_VELOCITY
+            inflow_dye[mask] = 1
+
+        
+        for f in range(DURATION):
+            print(f'Computing frame {f + 1} of {DURATION}.')
+            if f <= INFLOW_DURATION:
+                fluid.velocity += inflow_velocity
+                fluid.dye += inflow_dye
+
+            curl = fluid.step()[1]
+            # Using the error function to make the contrast a bit higher. 
+            # Any other sigmoid function e.g. smoothstep would work.
+            curl = (erf(curl * 2) + 1) / 4
+
+            color = np.dstack((curl, np.ones(fluid.shape), fluid.dye))
+            color = (np.clip(color, 0, 1) * 255).astype('uint8')
+            image = np.array(color).astype(np.float32) / 255.0
+            image = torch.from_numpy(image)[None,]
+            mask = image[:, :, :, 0] 
+            masks.append(mask)
+            out.append(image)
+        
+        if invert:
+            return (1.0 - torch.cat(out, dim=0),1.0 - torch.cat(masks, dim=0),)
+        return (torch.cat(out, dim=0),torch.cat(masks, dim=0),)
+
+class CreateAudioMask:
+       
+    RETURN_TYPES = ("IMAGE",)
+    FUNCTION = "createaudiomask"
+    CATEGORY = "KJNodes/deprecated"
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                 "invert": ("BOOLEAN", {"default": False}),
+                 "frames": ("INT", {"default": 16,"min": 1, "max": 255, "step": 1}),
+                 "scale": ("FLOAT", {"default": 0.5,"min": 0.0, "max": 2.0, "step": 0.01}),
+                 "audio_path": ("STRING", {"default": "audio.wav"}),
+                 "width": ("INT", {"default": 256,"min": 16, "max": 4096, "step": 1}),
+                 "height": ("INT", {"default": 256,"min": 16, "max": 4096, "step": 1}),
+        },
+    } 
+
+    def createaudiomask(self, frames, width, height, invert, audio_path, scale):
+        try:
+            import librosa
+        except ImportError:
+            raise Exception("Can not import librosa. Install it with 'pip install librosa'")
+        batch_size = frames
+        out = []
+        masks = []
+        if audio_path == "audio.wav": #I don't know why relative path won't work otherwise...
+            audio_path = os.path.join(script_directory, audio_path)
+        audio, sr = librosa.load(audio_path)
+        spectrogram = np.abs(librosa.stft(audio))
+        
+        for i in range(batch_size):
+           image = Image.new("RGB", (width, height), "black")
+           draw = ImageDraw.Draw(image)
+           frame = spectrogram[:, i]
+           circle_radius = int(height * np.mean(frame))
+           circle_radius *= scale
+           circle_center = (width // 2, height // 2)  # Calculate the center of the image
+
+           draw.ellipse([(circle_center[0] - circle_radius, circle_center[1] - circle_radius),
+                      (circle_center[0] + circle_radius, circle_center[1] + circle_radius)],
+                      fill='white')
+             
+           image = np.array(image).astype(np.float32) / 255.0
+           image = torch.from_numpy(image)[None,]
+           mask = image[:, :, :, 0] 
+           masks.append(mask)
+           out.append(image)
+
+        if invert:
+            return (1.0 - torch.cat(out, dim=0),)
+        return (torch.cat(out, dim=0),torch.cat(masks, dim=0),)
+       
+class CreateGradientMask:
+    
+    RETURN_TYPES = ("MASK",)
+    FUNCTION = "createmask"
+    CATEGORY = "KJNodes/masking/generate"
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                 "invert": ("BOOLEAN", {"default": False}),
+                 "frames": ("INT", {"default": 0,"min": 0, "max": 255, "step": 1}),
+                 "width": ("INT", {"default": 256,"min": 16, "max": 4096, "step": 1}),
+                 "height": ("INT", {"default": 256,"min": 16, "max": 4096, "step": 1}),
+        },
+    } 
+    def createmask(self, frames, width, height, invert):
+        # Define the number of images in the batch
+        batch_size = frames
+        out = []
+        # Create an empty array to store the image batch
+        image_batch = np.zeros((batch_size, height, width), dtype=np.float32)
+        # Generate the black to white gradient for each image
+        for i in range(batch_size):
+            gradient = np.linspace(1.0, 0.0, width, dtype=np.float32)
+            time = i / frames  # Calculate the time variable
+            offset_gradient = gradient - time  # Offset the gradient values based on time
+            image_batch[i] = offset_gradient.reshape(1, -1)
+        output = torch.from_numpy(image_batch)
+        mask = output
+        out.append(mask)
+        if invert:
+            return (1.0 - torch.cat(out, dim=0),)
+        return (torch.cat(out, dim=0),)
+
+class CreateFadeMask:
+    
+    RETURN_TYPES = ("MASK",)
+    FUNCTION = "createfademask"
+    CATEGORY = "KJNodes/deprecated"
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                 "invert": ("BOOLEAN", {"default": False}),
+                 "frames": ("INT", {"default": 2,"min": 2, "max": 10000, "step": 1}),
+                 "width": ("INT", {"default": 256,"min": 16, "max": 4096, "step": 1}),
+                 "height": ("INT", {"default": 256,"min": 16, "max": 4096, "step": 1}),
+                 "interpolation": (["linear", "ease_in", "ease_out", "ease_in_out"],),
+                 "start_level": ("FLOAT", {"default": 1.0,"min": 0.0, "max": 1.0, "step": 0.01}),
+                 "midpoint_level": ("FLOAT", {"default": 0.5,"min": 0.0, "max": 1.0, "step": 0.01}),
+                 "end_level": ("FLOAT", {"default": 0.0,"min": 0.0, "max": 1.0, "step": 0.01}),
+                 "midpoint_frame": ("INT", {"default": 0,"min": 0, "max": 4096, "step": 1}),
+        },
+    } 
+    
+    def createfademask(self, frames, width, height, invert, interpolation, start_level, midpoint_level, end_level, midpoint_frame):
+        def ease_in(t):
+            return t * t
+
+        def ease_out(t):
+            return 1 - (1 - t) * (1 - t)
+
+        def ease_in_out(t):
+            return 3 * t * t - 2 * t * t * t
+
+        batch_size = frames
+        out = []
+        image_batch = np.zeros((batch_size, height, width), dtype=np.float32)
+
+        if midpoint_frame == 0:
+            midpoint_frame = batch_size // 2
+
+        for i in range(batch_size):
+            if i <= midpoint_frame:
+                t = i / midpoint_frame
+                if interpolation == "ease_in":
+                    t = ease_in(t)
+                elif interpolation == "ease_out":
+                    t = ease_out(t)
+                elif interpolation == "ease_in_out":
+                    t = ease_in_out(t)
+                color = start_level - t * (start_level - midpoint_level)
+            else:
+                t = (i - midpoint_frame) / (batch_size - midpoint_frame)
+                if interpolation == "ease_in":
+                    t = ease_in(t)
+                elif interpolation == "ease_out":
+                    t = ease_out(t)
+                elif interpolation == "ease_in_out":
+                    t = ease_in_out(t)
+                color = midpoint_level - t * (midpoint_level - end_level)
+
+            color = np.clip(color, 0, 255)
+            image = np.full((height, width), color, dtype=np.float32)
+            image_batch[i] = image
+
+        output = torch.from_numpy(image_batch)
+        mask = output
+        out.append(mask)
+
+        if invert:
+            return (1.0 - torch.cat(out, dim=0),)
+        return (torch.cat(out, dim=0),)
+
+class CreateFadeMaskAdvanced:
+    
+    RETURN_TYPES = ("MASK",)
+    FUNCTION = "createfademask"
+    CATEGORY = "KJNodes/masking/generate"
+    DESCRIPTION = """
+Create a batch of masks interpolated between given frames and values. 
+Uses same syntax as Fizz' BatchValueSchedule.
+First value is the frame index (not that this starts from 0, not 1) 
+and the second value inside the brackets is the float value of the mask in range 0.0 - 1.0  
+
+For example the default values:  
+0:(0.0)  
+7:(1.0)  
+15:(0.0)  
+  
+Would create a mask batch fo 16 frames, starting from black, 
+interpolating with the chosen curve to fully white at the 8th frame, 
+and interpolating from that to fully black at the 16th frame.
+"""
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                 "points_string": ("STRING", {"default": "0:(0.0),\n7:(1.0),\n15:(0.0)\n", "multiline": True}),
+                 "invert": ("BOOLEAN", {"default": False}),
+                 "frames": ("INT", {"default": 16,"min": 2, "max": 10000, "step": 1}),
+                 "width": ("INT", {"default": 512,"min": 1, "max": 4096, "step": 1}),
+                 "height": ("INT", {"default": 512,"min": 1, "max": 4096, "step": 1}),
+                 "interpolation": (["linear", "ease_in", "ease_out", "ease_in_out", "none", "default_to_black"],),
+        },
+    } 
+    
+    def createfademask(self, frames, width, height, invert, points_string, interpolation):
+        def ease_in(t):
+            return t * t
+        
+        def ease_out(t):
+            return 1 - (1 - t) * (1 - t)
+
+        def ease_in_out(t):
+            return 3 * t * t - 2 * t * t * t
+        
+        # Parse the input string into a list of tuples
+        points = []
+        points_string = points_string.rstrip(',\n')
+        for point_str in points_string.split(','):
+            frame_str, color_str = point_str.split(':')
+            frame = int(frame_str.strip())
+            color = float(color_str.strip()[1:-1])  # Remove parentheses around color
+            points.append((frame, color))
+
+        # Check if the last frame is already in the points
+        if (interpolation != "default_to_black") and (len(points) == 0 or points[-1][0] != frames - 1):
+            # If not, add it with the color of the last specified frame
+            points.append((frames - 1, points[-1][1] if points else 0))
+
+        # Sort the points by frame number
+        points.sort(key=lambda x: x[0])
+
+        batch_size = frames
+        out = []
+        image_batch = np.zeros((batch_size, height, width), dtype=np.float32)
+
+        # Index of the next point to interpolate towards
+        next_point = 1
+
+        for i in range(batch_size):
+            while next_point < len(points) and i > points[next_point][0]:
+                next_point += 1
+
+            # Interpolate between the previous point and the next point
+            prev_point = next_point - 1
+
+            if interpolation == "none":
+                exact_match = False
+                for p in points:
+                    if p[0] == i:  # Exact frame match
+                        color = p[1]
+                        exact_match = True
+                        break
+                if not exact_match:
+                    color = points[prev_point][1]
+
+            elif interpolation == "default_to_black":
+                exact_match = False
+                for p in points:
+                    if p[0] == i:  # Exact frame match
+                        color = p[1]
+                        exact_match = True
+                        break
+                if not exact_match:
+                    color = 0        
+            else:
+                t = (i - points[prev_point][0]) / (points[next_point][0] - points[prev_point][0])
+                if interpolation == "ease_in":
+                    t = ease_in(t)
+                elif interpolation == "ease_out":
+                    t = ease_out(t)
+                elif interpolation == "ease_in_out":
+                    t = ease_in_out(t)
+                elif interpolation == "linear":
+                    pass  # No need to modify `t` for linear interpolation
+
+                color = points[prev_point][1] - t * (points[prev_point][1] - points[next_point][1])
+                
+            color = np.clip(color, 0, 255)
+            image = np.full((height, width), color, dtype=np.float32)
+            image_batch[i] = image
+
+        output = torch.from_numpy(image_batch)
+        mask = output
+        out.append(mask)
+
+        if invert:
+            return (1.0 - torch.cat(out, dim=0),)
+        return (torch.cat(out, dim=0),)
+
+class CreateMagicMask:
+    
+    RETURN_TYPES = ("MASK", "MASK",)
+    RETURN_NAMES = ("mask", "mask_inverted",)
+    FUNCTION = "createmagicmask"
+    CATEGORY = "KJNodes/masking/generate"
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                 "frames": ("INT", {"default": 16,"min": 2, "max": 4096, "step": 1}),
+                 "depth": ("INT", {"default": 12,"min": 1, "max": 500, "step": 1}),
+                 "distortion": ("FLOAT", {"default": 1.5,"min": 0.0, "max": 100.0, "step": 0.01}),
+                 "seed": ("INT", {"default": 123,"min": 0, "max": 99999999, "step": 1}),
+                 "transitions": ("INT", {"default": 1,"min": 1, "max": 20, "step": 1}),
+                 "frame_width": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+                 "frame_height": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+        },
+    } 
+
+    def createmagicmask(self, frames, transitions, depth, distortion, seed, frame_width, frame_height):
+        from ..utility.magictex import coordinate_grid, random_transform, magic
+        import matplotlib.pyplot as plt
+        rng = np.random.default_rng(seed)
+        out = []
+        coords = coordinate_grid((frame_width, frame_height))
+
+        # Calculate the number of frames for each transition
+        frames_per_transition = frames // transitions
+
+        # Generate a base set of parameters
+        base_params = {
+            "coords": random_transform(coords, rng),
+            "depth": depth,
+            "distortion": distortion,
+        }
+        for t in range(transitions):
+        # Generate a second set of parameters that is at most max_diff away from the base parameters
+            params1 = base_params.copy()
+            params2 = base_params.copy()
+
+            params1['coords'] = random_transform(coords, rng)
+            params2['coords'] = random_transform(coords, rng)
+
+            for i in range(frames_per_transition):
+                # Compute the interpolation factor
+                alpha = i / frames_per_transition
+
+                # Interpolate between the two sets of parameters
+                params = params1.copy()
+                params['coords'] = (1 - alpha) * params1['coords'] + alpha * params2['coords']
+
+                tex = magic(**params)
+
+                dpi = frame_width / 10
+                fig = plt.figure(figsize=(10, 10), dpi=dpi)
+
+                ax = fig.add_subplot(111)
+                plt.subplots_adjust(left=0, right=1, bottom=0, top=1)
+                
+                ax.get_yaxis().set_ticks([])
+                ax.get_xaxis().set_ticks([])
+                ax.imshow(tex, aspect='auto')
+                
+                fig.canvas.draw()
+                img = np.array(fig.canvas.renderer._renderer)
+                
+                plt.close(fig)
+                
+                pil_img = Image.fromarray(img).convert("L")
+                mask = torch.tensor(np.array(pil_img)) / 255.0
+                
+                out.append(mask)
+        
+        return (torch.stack(out, dim=0), 1.0 - torch.stack(out, dim=0),)
+        
+class CreateShapeMask:
+    
+    RETURN_TYPES = ("MASK", "MASK",)
+    RETURN_NAMES = ("mask", "mask_inverted",)
+    FUNCTION = "createshapemask"
+    CATEGORY = "KJNodes/masking/generate"
+    DESCRIPTION = """
+Creates a mask or batch of masks with the specified shape.  
+Locations are center locations.  
+Grow value is the amount to grow the shape on each frame, creating animated masks.
+"""
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                "shape": (
+            [   'circle',
+                'square',
+                'triangle',
+            ],
+            {
+            "default": 'circle'
+             }),
+                "frames": ("INT", {"default": 1,"min": 1, "max": 4096, "step": 1}),
+                "location_x": ("INT", {"default": 256,"min": 0, "max": 4096, "step": 1}),
+                "location_y": ("INT", {"default": 256,"min": 0, "max": 4096, "step": 1}),
+                "grow": ("INT", {"default": 0, "min": -512, "max": 512, "step": 1}),
+                "frame_width": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+                "frame_height": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+                "shape_width": ("INT", {"default": 128,"min": 8, "max": 4096, "step": 1}),
+                "shape_height": ("INT", {"default": 128,"min": 8, "max": 4096, "step": 1}),
+        },
+    } 
+
+    def createshapemask(self, frames, frame_width, frame_height, location_x, location_y, shape_width, shape_height, grow, shape):
+        # Define the number of images in the batch
+        batch_size = frames
+        out = []
+        color = "white"
+        for i in range(batch_size):
+            image = Image.new("RGB", (frame_width, frame_height), "black")
+            draw = ImageDraw.Draw(image)
+
+            # Calculate the size for this frame and ensure it's not less than 0
+            current_width = max(0, shape_width + i*grow)
+            current_height = max(0, shape_height + i*grow)
+
+            if shape == 'circle' or shape == 'square':
+                # Define the bounding box for the shape
+                left_up_point = (location_x - current_width // 2, location_y - current_height // 2)
+                right_down_point = (location_x + current_width // 2, location_y + current_height // 2)
+                two_points = [left_up_point, right_down_point]
+
+                if shape == 'circle':
+                    draw.ellipse(two_points, fill=color)
+                elif shape == 'square':
+                    draw.rectangle(two_points, fill=color)
+                    
+            elif shape == 'triangle':
+                # Define the points for the triangle
+                left_up_point = (location_x - current_width // 2, location_y + current_height // 2) # bottom left
+                right_down_point = (location_x + current_width // 2, location_y + current_height // 2) # bottom right
+                top_point = (location_x, location_y - current_height // 2) # top point
+                draw.polygon([top_point, left_up_point, right_down_point], fill=color)
+
+            image = pil2tensor(image)
+            mask = image[:, :, :, 0]
+            out.append(mask)
+        outstack = torch.cat(out, dim=0)
+        return (outstack, 1.0 - outstack,)
+    
+class CreateVoronoiMask:
+    
+    RETURN_TYPES = ("MASK", "MASK",)
+    RETURN_NAMES = ("mask", "mask_inverted",)
+    FUNCTION = "createvoronoi"
+    CATEGORY = "KJNodes/masking/generate"
+
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                 "frames": ("INT", {"default": 16,"min": 2, "max": 4096, "step": 1}),
+                 "num_points": ("INT", {"default": 15,"min": 1, "max": 4096, "step": 1}),
+                 "line_width": ("INT", {"default": 4,"min": 1, "max": 4096, "step": 1}),
+                 "speed": ("FLOAT", {"default": 0.5,"min": 0.0, "max": 1.0, "step": 0.01}),
+                 "frame_width": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+                 "frame_height": ("INT", {"default": 512,"min": 16, "max": 4096, "step": 1}),
+        },
+    } 
+
+    def createvoronoi(self, frames, num_points, line_width, speed, frame_width, frame_height):
+        from scipy.spatial import Voronoi
+        # Define the number of images in the batch
+        batch_size = frames
+        out = []
+          
+        # Calculate aspect ratio
+        aspect_ratio = frame_width / frame_height
+        
+        # Create start and end points for each point, considering the aspect ratio
+        start_points = np.random.rand(num_points, 2)
+        start_points[:, 0] *= aspect_ratio
+        
+        end_points = np.random.rand(num_points, 2)
+        end_points[:, 0] *= aspect_ratio
+
+        for i in range(batch_size):
+            # Interpolate the points' positions based on the current frame
+            t = (i * speed) / (batch_size - 1)  # normalize to [0, 1] over the frames
+            t = np.clip(t, 0, 1)  # ensure t is in [0, 1]
+            points = (1 - t) * start_points + t * end_points  # lerp
+
+            # Adjust points for aspect ratio
+            points[:, 0] *= aspect_ratio
+
+            vor = Voronoi(points)
+
+            # Create a blank image with a white background
+            fig, ax = plt.subplots()
+            plt.subplots_adjust(left=0, right=1, bottom=0, top=1)
+            ax.set_xlim([0, aspect_ratio]); ax.set_ylim([0, 1])  # adjust x limits
+            ax.axis('off')
+            ax.margins(0, 0)
+            fig.set_size_inches(aspect_ratio * frame_height/100, frame_height/100)  # adjust figure size
+            ax.fill_between([0, 1], [0, 1], color='white')
+
+            # Plot each Voronoi ridge
+            for simplex in vor.ridge_vertices:
+                simplex = np.asarray(simplex)
+                if np.all(simplex >= 0):
+                    plt.plot(vor.vertices[simplex, 0], vor.vertices[simplex, 1], 'k-', linewidth=line_width)
+
+            fig.canvas.draw()
+            img = np.array(fig.canvas.renderer._renderer)
+
+            plt.close(fig)
+
+            pil_img = Image.fromarray(img).convert("L")
+            mask = torch.tensor(np.array(pil_img)) / 255.0
+
+            out.append(mask)
+
+        return (torch.stack(out, dim=0), 1.0 - torch.stack(out, dim=0),)
+    
+class GetMaskSizeAndCount:
+    @classmethod
+    def INPUT_TYPES(s):
+        return {"required": {
+            "mask": ("MASK",),
+        }}
+
+    RETURN_TYPES = ("MASK","INT", "INT", "INT",)
+    RETURN_NAMES = ("mask", "width", "height", "count",)
+    FUNCTION = "getsize"
+    CATEGORY = "KJNodes/masking"
+    DESCRIPTION = """
+Returns the width, height and batch size of the mask,  
+and passes it through unchanged.  
+
+"""
+
+    def getsize(self, mask):
+        width = mask.shape[2]
+        height = mask.shape[1]
+        count = mask.shape[0]
+        return {"ui": {
+            "text": [f"{count}x{width}x{height}"]}, 
+            "result": (mask, width, height, count) 
+        }
+
+class GrowMaskWithBlur:
+    @classmethod
+    def INPUT_TYPES(cls):
+        return {
+            "required": {
+                "mask": ("MASK",),
+                "expand": ("INT", {"default": 0, "min": -MAX_RESOLUTION, "max": MAX_RESOLUTION, "step": 1}),
+                "incremental_expandrate": ("FLOAT", {"default": 0.0, "min": 0.0, "max": 100.0, "step": 0.1}),
+                "tapered_corners": ("BOOLEAN", {"default": True}),
+                "flip_input": ("BOOLEAN", {"default": False}),
+                "blur_radius": ("FLOAT", {
+                    "default": 0.0,
+                    "min": 0.0,
+                    "max": 100,
+                    "step": 0.1
+                }),
+                "lerp_alpha": ("FLOAT", {"default": 1.0, "min": 0.0, "max": 1.0, "step": 0.01}),
+                "decay_factor": ("FLOAT", {"default": 1.0, "min": 0.0, "max": 1.0, "step": 0.01}),
+            },
+            "optional": {
+                "fill_holes": ("BOOLEAN", {"default": False}),
+            },
+        }
+
+    CATEGORY = "KJNodes/masking"
+    RETURN_TYPES = ("MASK", "MASK",)
+    RETURN_NAMES = ("mask", "mask_inverted",)
+    FUNCTION = "expand_mask"
+    DESCRIPTION = """
+# GrowMaskWithBlur
+- mask: Input mask or mask batch
+- expand: Expand or contract mask or mask batch by a given amount
+- incremental_expandrate: increase expand rate by a given amount per frame
+- tapered_corners: use tapered corners
+- flip_input: flip input mask
+- blur_radius: value higher than 0 will blur the mask
+- lerp_alpha: alpha value for interpolation between frames
+- decay_factor: decay value for interpolation between frames
+- fill_holes: fill holes in the mask (slow)"""
+    
+    def expand_mask(self, mask, expand, tapered_corners, flip_input, blur_radius, incremental_expandrate, lerp_alpha, decay_factor, fill_holes=False):
+        import kornia.morphology as morph
+        alpha = lerp_alpha
+        decay = decay_factor
+        if flip_input:
+            mask = 1.0 - mask
+
+        growmask = mask.reshape((-1, mask.shape[-2], mask.shape[-1]))
+        out = []
+        previous_output = None
+        current_expand = expand
+        for m in tqdm(growmask, desc="Expanding/Contracting Mask"):
+            output = m.unsqueeze(0).unsqueeze(0).to(main_device)  # Add batch and channel dims for kornia
+            if abs(round(current_expand)) > 0:
+                # Create kernel - kornia expects kernel on same device as input
+                if tapered_corners:
+                    kernel = torch.tensor([[0, 1, 0],
+                                        [1, 1, 1],
+                                        [0, 1, 0]], dtype=torch.float32, device=output.device)
+                else:
+                    kernel = torch.tensor([[1, 1, 1],
+                                        [1, 1, 1],
+                                        [1, 1, 1]], dtype=torch.float32, device=output.device)
+                
+                for _ in range(abs(round(current_expand))):
+                    if current_expand < 0:
+                        output = morph.erosion(output, kernel)
+                    else:
+                        output = morph.dilation(output, kernel)
+            
+            output = output.squeeze(0).squeeze(0)  # Remove batch and channel dims
+            
+            if current_expand < 0:
+                current_expand -= abs(incremental_expandrate)
+            else:
+                current_expand += abs(incremental_expandrate)
+                
+            if fill_holes:
+                binary_mask = output > 0
+                output_np = binary_mask.cpu().numpy()
+                filled = scipy.ndimage.binary_fill_holes(output_np)
+                output = torch.from_numpy(filled.astype(np.float32)).to(output.device)
+            
+            if alpha < 1.0 and previous_output is not None:
+                output = alpha * output + (1 - alpha) * previous_output
+            if decay < 1.0 and previous_output is not None:
+                output += decay * previous_output
+                output = output / output.max()
+            previous_output = output
+            out.append(output.cpu())
+
+        if blur_radius != 0:
+            # Convert the tensor list to PIL images, apply blur, and convert back
+            for idx, tensor in enumerate(out):
+                # Convert tensor to PIL image
+                pil_image = tensor2pil(tensor.cpu().detach())[0]
+                # Apply Gaussian blur
+                pil_image = pil_image.filter(ImageFilter.GaussianBlur(blur_radius))
+                # Convert back to tensor
+                out[idx] = pil2tensor(pil_image)
+            blurred = torch.cat(out, dim=0)
+            return (blurred, 1.0 - blurred)
+        else:
+            return (torch.stack(out, dim=0), 1.0 - torch.stack(out, dim=0),)
+        
+class MaskBatchMulti:
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                "inputcount": ("INT", {"default": 2, "min": 2, "max": 1000, "step": 1}),
+                "mask_1": ("MASK", ),
+                "mask_2": ("MASK", ),
+            },
+    }
+
+    RETURN_TYPES = ("MASK",)
+    RETURN_NAMES = ("masks",)
+    FUNCTION = "combine"
+    CATEGORY = "KJNodes/masking"
+    DESCRIPTION = """
+Creates an image batch from multiple masks.  
+You can set how many inputs the node has,  
+with the **inputcount** and clicking update.
+"""
+
+    def combine(self, inputcount, **kwargs):
+        mask = kwargs["mask_1"]
+        for c in range(1, inputcount):
+            new_mask = kwargs[f"mask_{c + 1}"]
+            if mask.shape[1:] != new_mask.shape[1:]:
+                new_mask = F.interpolate(new_mask.unsqueeze(1), size=(mask.shape[1], mask.shape[2]), mode="bicubic").squeeze(1)
+            mask = torch.cat((mask, new_mask), dim=0)
+        return (mask,)
+
+class OffsetMask:
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                "mask": ("MASK",),
+                "x": ("INT", { "default": 0, "min": -4096, "max": MAX_RESOLUTION, "step": 1, "display": "number" }),
+                "y": ("INT", { "default": 0, "min": -4096, "max": MAX_RESOLUTION, "step": 1, "display": "number" }),
+                "angle": ("INT", { "default": 0, "min": -360, "max": 360, "step": 1, "display": "number" }),
+                "duplication_factor": ("INT", { "default": 1, "min": 1, "max": 1000, "step": 1, "display": "number" }),
+                "roll": ("BOOLEAN", { "default": False }),
+                "incremental": ("BOOLEAN", { "default": False }),
+                "padding_mode": (
+            [   
+                'empty',
+                'border',
+                'reflection',
+                
+            ], {
+               "default": 'empty'
+            }),
+            }
+        }
+
+    RETURN_TYPES = ("MASK",)
+    RETURN_NAMES = ("mask",)
+    FUNCTION = "offset"
+    CATEGORY = "KJNodes/masking"
+    DESCRIPTION = """
+Offsets the mask by the specified amount.  
+ - mask: Input mask or mask batch
+ - x: Horizontal offset
+ - y: Vertical offset
+ - angle: Angle in degrees
+ - roll: roll edge wrapping
+ - duplication_factor: Number of times to duplicate the mask to form a batch
+ - border padding_mode: Padding mode for the mask
+"""
+
+    def offset(self, mask, x, y, angle, roll=False, incremental=False, duplication_factor=1, padding_mode="empty"):
+        # Create duplicates of the mask batch
+        mask = mask.repeat(duplication_factor, 1, 1).clone()
+
+        batch_size, height, width = mask.shape
+
+        if angle != 0 and incremental:
+            for i in range(batch_size):
+                rotation_angle = angle * (i+1)
+                mask[i] = TF.rotate(mask[i].unsqueeze(0), rotation_angle).squeeze(0)
+        elif angle > 0:
+            for i in range(batch_size):
+                mask[i] = TF.rotate(mask[i].unsqueeze(0), angle).squeeze(0)
+
+        if roll:
+            if incremental:
+                for i in range(batch_size):
+                    shift_x = min(x*(i+1), width-1)
+                    shift_y = min(y*(i+1), height-1)
+                    if shift_x != 0:
+                        mask[i] = torch.roll(mask[i], shifts=shift_x, dims=1)
+                    if shift_y != 0:
+                        mask[i] = torch.roll(mask[i], shifts=shift_y, dims=0)
+            else:
+                shift_x = min(x, width-1)
+                shift_y = min(y, height-1)
+                if shift_x != 0:
+                    mask = torch.roll(mask, shifts=shift_x, dims=2)
+                if shift_y != 0:
+                    mask = torch.roll(mask, shifts=shift_y, dims=1)
+        else:
+            
+            for i in range(batch_size):
+                if incremental:
+                    temp_x = min(x * (i+1), width-1)
+                    temp_y = min(y * (i+1), height-1)
+                else:
+                    temp_x = min(x, width-1)
+                    temp_y = min(y, height-1)
+                if temp_x > 0:
+                    if padding_mode == 'empty':
+                        mask[i] = torch.cat([torch.zeros((height, temp_x)), mask[i, :, :-temp_x]], dim=1)
+                    elif padding_mode in ['replicate', 'reflect']:
+                        mask[i] = F.pad(mask[i, :, :-temp_x], (0, temp_x), mode=padding_mode)
+                elif temp_x < 0:
+                    if padding_mode == 'empty':
+                        mask[i] = torch.cat([mask[i, :, :temp_x], torch.zeros((height, -temp_x))], dim=1)
+                    elif padding_mode in ['replicate', 'reflect']:
+                        mask[i] = F.pad(mask[i, :, -temp_x:], (temp_x, 0), mode=padding_mode)
+
+                if temp_y > 0:
+                    if padding_mode == 'empty':
+                        mask[i] = torch.cat([torch.zeros((temp_y, width)), mask[i, :-temp_y, :]], dim=0)
+                    elif padding_mode in ['replicate', 'reflect']:
+                        mask[i] = F.pad(mask[i, :-temp_y, :], (0, temp_y), mode=padding_mode)
+                elif temp_y < 0:
+                    if padding_mode == 'empty':
+                        mask[i] = torch.cat([mask[i, :temp_y, :], torch.zeros((-temp_y, width))], dim=0)
+                    elif padding_mode in ['replicate', 'reflect']:
+                        mask[i] = F.pad(mask[i, -temp_y:, :], (temp_y, 0), mode=padding_mode)
+           
+        return mask,
+        
+class RoundMask:
+    @classmethod
+    def INPUT_TYPES(s):
+        return {"required": {
+            "mask": ("MASK",),  
+        }}
+
+    RETURN_TYPES = ("MASK",)
+    FUNCTION = "round"
+    CATEGORY = "KJNodes/masking"
+    DESCRIPTION = """
+Rounds the mask or batch of masks to a binary mask.  
+<img src="https://github.com/kijai/ComfyUI-KJNodes/assets/40791699/52c85202-f74e-4b96-9dac-c8bda5ddcc40" width="300" height="250" alt="RoundMask example">
+
+"""
+
+    def round(self, mask):
+        mask = mask.round()
+        return (mask,)
+    
+class ResizeMask:
+    upscale_methods = ["nearest-exact", "bilinear", "area", "bicubic", "lanczos"]
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                "mask": ("MASK",),
+                "width": ("INT", { "default": 512, "min": 0, "max": MAX_RESOLUTION, "step": 1, "display": "number" }),
+                "height": ("INT", { "default": 512, "min": 0, "max": MAX_RESOLUTION, "step": 1, "display": "number" }),
+                "keep_proportions": ("BOOLEAN", { "default": False }),
+                "upscale_method": (s.upscale_methods,),
+                "crop": (["disabled","center"],),
+            }
+        }
+
+    RETURN_TYPES = ("MASK", "INT", "INT",)
+    RETURN_NAMES = ("mask", "width", "height",)
+    FUNCTION = "resize"
+    CATEGORY = "KJNodes/masking"
+    DESCRIPTION = """
+Resizes the mask or batch of masks to the specified width and height.
+"""
+
+    def resize(self, mask, width, height, keep_proportions, upscale_method,crop):
+        if keep_proportions:
+            _, oh, ow = mask.shape
+            width = ow if width == 0 else width
+            height = oh if height == 0 else height
+            ratio = min(width / ow, height / oh)
+            width = round(ow*ratio)
+            height = round(oh*ratio)
+
+        if upscale_method == "lanczos":
+            out_mask = common_upscale(mask.unsqueeze(1).repeat(1, 3, 1, 1), width, height, upscale_method, crop=crop).movedim(1,-1)[:, :, :, 0]
+        else:
+            out_mask = common_upscale(mask.unsqueeze(1), width, height, upscale_method, crop=crop).squeeze(1)
+
+        return(out_mask, out_mask.shape[2], out_mask.shape[1],)
+
+class RemapMaskRange:
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                "mask": ("MASK",),
+                "min": ("FLOAT", {"default": 0.0,"min": -10.0, "max": 1.0, "step": 0.01}),
+                "max": ("FLOAT", {"default": 1.0,"min": 0.0, "max": 10.0, "step": 0.01}),
+            }
+        }
+
+    RETURN_TYPES = ("MASK",)
+    RETURN_NAMES = ("mask",)
+    FUNCTION = "remap"
+    CATEGORY = "KJNodes/masking"
+    DESCRIPTION = """
+Sets new min and max values for the mask.
+"""
+
+    def remap(self, mask, min, max):
+
+         # Find the maximum value in the mask
+        mask_max = torch.max(mask)
+        
+        # If the maximum mask value is zero, avoid division by zero by setting it to 1
+        mask_max = mask_max if mask_max > 0 else 1
+        
+        # Scale the mask values to the new range defined by min and max
+        # The highest pixel value in the mask will be scaled to max
+        scaled_mask = (mask / mask_max) * (max - min) + min
+        
+        # Clamp the values to ensure they are within [0.0, 1.0]
+        scaled_mask = torch.clamp(scaled_mask, min=0.0, max=1.0)
+        
+        return (scaled_mask, )
+
+
+def get_mask_polygon(self, mask_np):
+    import cv2
+    """Helper function to get polygon points from mask"""
+    # Find contours
+    contours, _ = cv2.findContours(mask_np, cv2.RETR_EXTERNAL, cv2.CHAIN_APPROX_SIMPLE)
+    
+    if not contours:
+        return None
+    
+    # Get the largest contour
+    largest_contour = max(contours, key=cv2.contourArea)
+    
+    # Approximate polygon
+    epsilon = 0.02 * cv2.arcLength(largest_contour, True)
+    polygon = cv2.approxPolyDP(largest_contour, epsilon, True)
+    
+    return polygon.squeeze()
+
+import cv2
+class SeparateMasks:
+    @classmethod
+    def INPUT_TYPES(cls):
+        return {
+            "required": {
+                "mask": ("MASK", ),
+                "size_threshold_width" : ("INT", {"default": 256, "min": 0.0, "max": 4096, "step": 1}),
+                "size_threshold_height" : ("INT", {"default": 256, "min": 0.0, "max": 4096, "step": 1}),
+                "mode": (["convex_polygons", "area", "box"],),
+                "max_poly_points": ("INT", {"default": 8, "min": 3, "max": 32, "step": 1}),
+
+            },
+        }
+
+    RETURN_TYPES = ("MASK",)
+    RETURN_NAMES = ("mask",)
+    FUNCTION = "separate"
+    CATEGORY = "KJNodes/masking"
+    OUTPUT_NODE = True
+    DESCRIPTION = "Separates a mask into multiple masks based on the size of the connected components."
+
+    def polygon_to_mask(self, polygon, shape):
+        mask = np.zeros((shape[0], shape[1]), dtype=np.uint8)  # Fixed shape handling
+
+        if len(polygon.shape) == 2:  # Check if polygon points are valid
+            polygon = polygon.astype(np.int32)
+            cv2.fillPoly(mask, [polygon], 1)
+        return mask
+
+    def get_mask_polygon(self, mask_np, max_points):
+        contours, _ = cv2.findContours(mask_np, cv2.RETR_EXTERNAL, cv2.CHAIN_APPROX_SIMPLE)
+        if not contours:
+            return None
+        
+        largest_contour = max(contours, key=cv2.contourArea)
+        hull = cv2.convexHull(largest_contour)
+        
+        # Initialize with smaller epsilon for more points
+        perimeter = cv2.arcLength(hull, True)
+        epsilon = perimeter * 0.01  # Start smaller
+        
+        min_eps = perimeter * 0.001  # Much smaller minimum
+        max_eps = perimeter * 0.2   # Smaller maximum
+        
+        best_approx = None
+        best_diff = float('inf')
+        max_iterations = 20
+        
+        #print(f"Target points: {max_points}, Perimeter: {perimeter}")
+        
+        for i in range(max_iterations):
+            curr_eps = (min_eps + max_eps) / 2
+            approx = cv2.approxPolyDP(hull, curr_eps, True)
+            points_diff = len(approx) - max_points
+            
+            #print(f"Iteration {i}: points={len(approx)}, eps={curr_eps:.4f}")
+            
+            if abs(points_diff) < best_diff:
+                best_approx = approx
+                best_diff = abs(points_diff)
+            
+            if len(approx) > max_points:
+                min_eps = curr_eps * 1.1  # More gradual adjustment
+            elif len(approx) < max_points:
+                max_eps = curr_eps * 0.9  # More gradual adjustment
+            else:
+                return approx.squeeze()
+            
+            if abs(max_eps - min_eps) < perimeter * 0.0001:  # Relative tolerance
+                break
+        
+        # If we didn't find exact match, return best approximation
+        return best_approx.squeeze() if best_approx is not None else hull.squeeze()
+
+    def separate(self, mask: torch.Tensor, size_threshold_width: int, size_threshold_height: int, max_poly_points: int, mode: str):
+        from scipy.ndimage import label, center_of_mass
+        import numpy as np
+        
+        B, H, W = mask.shape
+        separated = []
+
+        mask = mask.round()
+        
+        for b in range(B):
+            mask_np = mask[b].cpu().numpy().astype(np.uint8)
+            structure = np.ones((3, 3), dtype=np.int8)
+            labeled, ncomponents = label(mask_np, structure=structure)
+            pbar = ProgressBar(ncomponents)
+            
+            for component in range(1, ncomponents + 1):
+                component_mask_np = (labeled == component).astype(np.uint8)
+                
+                rows = np.any(component_mask_np, axis=1)
+                cols = np.any(component_mask_np, axis=0)
+                y_min, y_max = np.where(rows)[0][[0, -1]]
+                x_min, x_max = np.where(cols)[0][[0, -1]]
+                
+                width = x_max - x_min + 1
+                height = y_max - y_min + 1
+                centroid_x = (x_min + x_max) / 2  # Calculate x centroid
+                print(f"Component {component}: width={width}, height={height}, x_pos={centroid_x}")
+                
+                if width >= size_threshold_width and height >= size_threshold_height:
+                    if mode == "convex_polygons":
+                        polygon = self.get_mask_polygon(component_mask_np, max_poly_points)
+                        if polygon is not None:
+                            poly_mask = self.polygon_to_mask(polygon, (H, W))
+                            poly_mask = torch.tensor(poly_mask, device=mask.device)
+                            separated.append((centroid_x, poly_mask))
+                    elif mode == "box":
+                        # Create bounding box mask
+                        box_mask = np.zeros((H, W), dtype=np.uint8)
+                        box_mask[y_min:y_max+1, x_min:x_max+1] = 1
+                        box_mask = torch.tensor(box_mask, device=mask.device)
+                        separated.append((centroid_x, box_mask))
+                    else:
+                        area_mask = torch.tensor(component_mask_np, device=mask.device)
+                        separated.append((centroid_x, area_mask))
+                pbar.update(1)
+        
+        if len(separated) > 0:
+            # Sort by x position and extract only the masks
+            separated.sort(key=lambda x: x[0])
+            separated = [x[1] for x in separated]
+            out_masks = torch.stack(separated, dim=0)
+            return out_masks,
+        else:
+            return torch.empty((1, 64, 64), device=mask.device),
+
+
+class ConsolidateMasksKJ:
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                "masks": ("MASK",),
+                "width": ("INT", {"default": 512, "min": 0, "max": 4096, "step": 64}),
+                "height": ("INT", {"default": 512, "min": 0, "max": 4096, "step": 64}),
+                "padding": ("INT", {"default": 0, "min": 0, "max": 4096, "step": 1}),
+            },
+        }
+
+    RETURN_TYPES = ("MASK",)
+    FUNCTION = "consolidate"
+
+    CATEGORY = "KJNodes/masking"
+    DESCRIPTION = "Consolidates a batch of separate masks by finding the largest group of masks that fit inside a tile of the given width and height (including the padding), and repeating until no more masks can be combined."
+
+    def consolidate(self, masks, width=512, height=512, padding=0):
+        B, H, W = masks.shape
+
+        def mask_fits(coords, candidate_coords):
+            x_min, y_min, x_max, y_max = coords
+            cx_min, cy_min, cx_max, cy_max = candidate_coords
+            nx_min, ny_min = min(x_min, cx_min), min(y_min, cy_min)
+            nx_max, ny_max = max(x_max, cx_max), max(y_max, cy_max)
+            if nx_min + width < nx_max + padding or ny_min + height < ny_max + padding:
+                return False, coords
+            return True, (nx_min, ny_min, nx_max, ny_max)
+
+        separated = []
+        final_masks = []
+        for b in range(B):
+            m = masks[b]
+            rows, cols = m.any(dim=1), m.any(dim=0)
+            y_min, y_max = torch.where(rows)[0][[0, -1]]
+            x_min, x_max = torch.where(cols)[0][[0, -1]]
+            w = x_max - x_min + 1
+            h = y_max - y_min + 1
+            separated.append(((x_min.item(), y_min.item(), x_max.item(), y_max.item()), m))
+
+        separated.sort(key=lambda x: x[0])
+        fits = []
+        for i, masks in enumerate(separated):
+            coord = masks[0]
+            fits_in_box = []
+            for j, cand_mask in enumerate(separated):
+                if i == j:
+                    continue
+                r, coord = mask_fits(coord, cand_mask[0])
+                if r:
+                    fits_in_box.append(j)
+            fits.append((i, fits_in_box))
+        fits.sort(key=lambda x: -len(x[1]))
+        seen = []
+        unique_fits = []
+        for idx, fs in fits:
+            uniq = [i for i in fs if i not in seen]
+            unique_fits.append((idx, fs, uniq))
+            seen.extend(uniq)
+        unique_fits.sort(key=lambda x: (-len(x[1]), -len(x[2])))
+        merged = []
+        for mask_idx, fitting_masks, _ in unique_fits:
+            if mask_idx in merged:
+                continue
+            fitting_masks = [i for i in fitting_masks if i not in merged]
+            combined_mask = separated[mask_idx][1].clone()
+            for i in fitting_masks:
+                combined_mask += separated[i][1]
+                merged.append(i)
+            merged.append(mask_idx)
+            final_masks.append(combined_mask)
+
+        print(f"Consolidated {B} masks into {len(final_masks)}")
+        return (torch.stack(final_masks, dim=0),)
+
+
+class DrawMaskOnImage:
+    @classmethod
+    def INPUT_TYPES(s):
+        return {"required": {
+                    "image": ("IMAGE", ),
+                    "mask": ("MASK", ),
+                    "color": ("STRING", {"default": "0, 0, 0", "tooltip": "Color as RGB values in range 0-255 or 0.0-1.0, separated by commas."}),
+                  },
+                  "optional": {
+                    "device": (["cpu", "gpu"], {"default": "cpu", "tooltip": "Device to use for processing"}),
+                }
+        }
+    
+    RETURN_TYPES = ("IMAGE", )
+    RETURN_NAMES = ("images",)
+    FUNCTION = "apply"
+    CATEGORY = "KJNodes/masking"
+    DESCRIPTION = "Applies the provided masks to the input images."
+
+    def apply(self, image, mask, color, device="cpu"):
+        B, H, W, C = image.shape
+        BM, HM, WM = mask.shape
+
+        processing_device = main_device if device == "gpu" else torch.device("cpu")
+
+        in_masks = mask.clone().to(processing_device)
+        in_images = image.clone().to(processing_device)
+        
+        if HM != H or WM != W:
+            in_masks = F.interpolate(mask.unsqueeze(1), size=(H, W), mode='nearest-exact').squeeze(1)
+        if B > BM:
+            in_masks = in_masks.repeat((B + BM - 1) // BM, 1, 1)[:B]
+        elif BM > B:
+            in_masks = in_masks[:B]
+        
+        output_images = []
+        
+        # Parse background color - detect if values are integers or floats
+        bg_values = []
+        for x in color.split(","):
+            val_str = x.strip()
+            if '.' in val_str:
+                bg_values.append(float(val_str))
+            else:
+                bg_values.append(int(val_str) / 255.0)
+
+        background_color = torch.tensor(bg_values, dtype=torch.float32, device=in_images.device)
+
+        for i in tqdm(range(B), desc="DrawMaskOnImage batch"):
+            curr_mask = in_masks[i]
+            img_idx = min(i, B - 1)
+            curr_image = in_images[img_idx]
+            mask_expanded = curr_mask.unsqueeze(-1).expand(-1, -1, 3)
+            masked_image = curr_image * (1 - mask_expanded) + background_color * (mask_expanded)
+            output_images.append(masked_image)
+        
+        # If no masks were processed, return empty tensor
+        if not output_images:
+            return (torch.zeros((0, H, W, 3), dtype=image.dtype),)
+
+        out_rgb = torch.stack(output_images, dim=0).cpu()
+        
+        return (out_rgb, )
+
+
+class BlockifyMask:
+    @classmethod
+    def INPUT_TYPES(s):
+        return {"required": {
+                    "masks": ("MASK",),
+                    "block_size": ("INT", {"default": 32, "min": 8, "max": 512, "step": 1, "tooltip": "Size of blocks in pixels (smaller = smaller blocks)"}),
+                },
+                "optional": {
+                    "device": (["cpu", "gpu"], {"default": "cpu", "tooltip": "Device to use for processing"}),
+                }
+        }
+
+    RETURN_TYPES = ("MASK", )
+    RETURN_NAMES = ("mask",)
+    FUNCTION = "process"
+    CATEGORY = "KJNodes/masking"
+    DESCRIPTION = "Creates a block mask by dividing the bounding box of each mask into blocks of the specified size and filling in blocks that contain any part of the original mask."
+
+    def process(self, masks, block_size, device="cpu"):
+        processing_device = main_device if device == "gpu" else torch.device("cpu")
+        
+        masks = masks.to(processing_device)
+        batch_size, height, width = masks.shape
+        
+        result_masks = torch.zeros_like(masks)
+        
+        for i in tqdm(range(batch_size), desc="BlockifyMask batch"):
+            mask = masks[i]
+            
+            # Find bounding box efficiently
+            mask_bool = mask > 0
+            if not mask_bool.any():
+                continue
+                
+            y_indices = torch.nonzero(mask_bool.any(dim=1), as_tuple=True)[0]
+            x_indices = torch.nonzero(mask_bool.any(dim=0), as_tuple=True)[0]
+            
+            if len(y_indices) == 0 or len(x_indices) == 0:
+                continue
+                
+            y_min, y_max = y_indices[0], y_indices[-1]
+            x_min, x_max = x_indices[0], x_indices[-1]
+            
+            bbox_width = x_max - x_min + 1
+            bbox_height = y_max - y_min + 1
+            
+            # Calculate block grid
+            w_divisions = max(1, bbox_width // block_size)
+            h_divisions = max(1, bbox_height // block_size)
+            
+            w_slice = bbox_width // w_divisions
+            h_slice = bbox_height // h_divisions
+            
+            # Create coordinate grids only for bbox region
+            y_coords = torch.arange(y_min, y_max + 1, device=processing_device).view(-1, 1)
+            x_coords = torch.arange(x_min, x_max + 1, device=processing_device).view(1, -1)
+            
+            # Calculate block indices for bbox region
+            w_block_indices = (x_coords - x_min) // w_slice
+            h_block_indices = (y_coords - y_min) // h_slice
+            
+            # Clamp to valid range
+            w_block_indices = w_block_indices.clamp(0, w_divisions - 1)
+            h_block_indices = h_block_indices.clamp(0, h_divisions - 1)
+            
+            # Create unique block IDs by combining h and w indices
+            block_ids = h_block_indices * w_divisions + w_block_indices
+            
+            # Get mask region within bbox
+            mask_region = mask[y_min:y_max+1, x_min:x_max+1]
+            
+            # Find which blocks have content using scatter_add
+            max_blocks = h_divisions * w_divisions
+            block_content = torch.zeros(max_blocks, device=processing_device)
+            block_content.scatter_add_(0, block_ids.flatten(), mask_region.flatten())
+            
+            # Create result for blocks that have content
+            has_content = block_content > 0
+            block_mask = has_content[block_ids]
+            
+            # Fill the result
+            result_masks[i, y_min:y_max+1, x_min:x_max+1] = block_mask.float()
+        
+        return (result_masks.clamp(0, 1),)

pyproject.toml

@@ -0,0 +1,15 @@
+[project]
+name = "comfyui-kjnodes"
+description = "Various quality of life -nodes for ComfyUI, mostly just visual stuff to improve usability."
+version = "1.1.7"
+license = {file = "LICENSE"}
+dependencies = ["librosa", "numpy", "pillow>=10.3.0", "scipy", "color-matcher", "matplotlib", "huggingface_hub"]
+
+[project.urls]
+Repository = "https://github.com/kijai/ComfyUI-KJNodes"
+#  Used by Comfy Registry https://comfyregistry.org
+
+[tool.comfy]
+PublisherId = "kijai"
+DisplayName = "ComfyUI-KJNodes"
+Icon = "https://avatars.githubusercontent.com/u/40791699"

requirements.txt

@@ -0,0 +1,7 @@
+pillow>=10.3.0
+scipy
+color-matcher
+matplotlib
+huggingface_hub
+mss
+opencv-python

utility/fluid.py

@@ -0,0 +1,67 @@
+import numpy as np
+from scipy.ndimage import map_coordinates, spline_filter
+from scipy.sparse.linalg import factorized
+
+from .numerical import difference, operator
+
+
+class Fluid:
+    def __init__(self, shape, *quantities, pressure_order=1, advect_order=3):
+        self.shape = shape
+        self.dimensions = len(shape)
+
+        # Prototyping is simplified by dynamically 
+        # creating advected quantities as needed.
+        self.quantities = quantities
+        for q in quantities:
+            setattr(self, q, np.zeros(shape))
+
+        self.indices = np.indices(shape)
+        self.velocity = np.zeros((self.dimensions, *shape))
+
+        laplacian = operator(shape, difference(2, pressure_order))
+        self.pressure_solver = factorized(laplacian)
+        
+        self.advect_order = advect_order
+
+    def step(self):
+        # Advection is computed backwards in time as described in Stable Fluids.
+        advection_map = self.indices - self.velocity
+
+        # SciPy's spline filter introduces checkerboard divergence.
+        # A linear blend of the filtered and unfiltered fields based
+        # on some value epsilon eliminates this error.
+        def advect(field, filter_epsilon=10e-2, mode='constant'):
+            filtered = spline_filter(field, order=self.advect_order, mode=mode)
+            field = filtered * (1 - filter_epsilon) + field * filter_epsilon
+            return map_coordinates(field, advection_map, prefilter=False, order=self.advect_order, mode=mode)
+
+        # Apply advection to each axis of the
+        # velocity field and each user-defined quantity.
+        for d in range(self.dimensions):
+            self.velocity[d] = advect(self.velocity[d])
+
+        for q in self.quantities:
+            setattr(self, q, advect(getattr(self, q)))
+
+        # Compute the jacobian at each point in the
+        # velocity field to extract curl and divergence.
+        jacobian_shape = (self.dimensions,) * 2
+        partials = tuple(np.gradient(d) for d in self.velocity)
+        jacobian = np.stack(partials).reshape(*jacobian_shape, *self.shape)
+
+        divergence = jacobian.trace()
+
+        # If this curl calculation is extended to 3D, the y-axis value must be negated.
+        # This corresponds to the coefficients of the levi-civita symbol in that dimension.
+        # Higher dimensions do not have a vector -> scalar, or vector -> vector,
+        # correspondence between velocity and curl due to differing isomorphisms
+        # between exterior powers in dimensions != 2 or 3 respectively.
+        curl_mask = np.triu(np.ones(jacobian_shape, dtype=bool), k=1)
+        curl = (jacobian[curl_mask] - jacobian[curl_mask.T]).squeeze()
+
+        # Apply the pressure correction to the fluid's velocity field.
+        pressure = self.pressure_solver(divergence.flatten()).reshape(self.shape)
+        self.velocity -= np.gradient(pressure)
+
+        return divergence, curl, pressure

utility/magictex.py

@@ -0,0 +1,95 @@
+"""Generates psychedelic color textures in the spirit of Blender's magic texture shader using Python/Numpy
+
+https://github.com/cheind/magic-texture
+"""
+from typing import Tuple, Optional
+import numpy as np
+
+
+def coordinate_grid(shape: Tuple[int, int], dtype=np.float32):
+    """Returns a three-dimensional coordinate grid of given shape for use in `magic`."""
+    x = np.linspace(-1, 1, shape[1], endpoint=True, dtype=dtype)
+    y = np.linspace(-1, 1, shape[0], endpoint=True, dtype=dtype)
+    X, Y = np.meshgrid(x, y)
+    XYZ = np.stack((X, Y, np.ones_like(X)), -1)
+    return XYZ
+
+
+def random_transform(coords: np.ndarray, rng: np.random.Generator = None):
+    """Returns randomly transformed coordinates"""
+    H, W = coords.shape[:2]
+    rng = rng or np.random.default_rng()
+    m = rng.uniform(-1.0, 1.0, size=(3, 3)).astype(coords.dtype)
+    return (coords.reshape(-1, 3) @ m.T).reshape(H, W, 3)
+
+
+def magic(
+    coords: np.ndarray,
+    depth: Optional[int] = None,
+    distortion: Optional[int] = None,
+    rng: np.random.Generator = None,
+):
+    """Returns color magic color texture.
+
+    The implementation is based on Blender's (https://www.blender.org/) magic
+    texture shader. The following adaptions have been made:
+     - we exchange the nested if-cascade by a probabilistic iterative approach
+
+    Kwargs
+    ------
+    coords: HxWx3 array
+        Coordinates transformed into colors by this method. See
+        `magictex.coordinate_grid` to generate the default.
+    depth: int (optional)
+        Number of transformations applied. Higher numbers lead to more
+        nested patterns. If not specified, randomly sampled.
+    distortion: float (optional)
+        Distortion of patterns. Larger values indicate more distortion,
+        lower values tend to generate smoother patterns. If not specified,
+        randomly sampled.
+    rng: np.random.Generator
+        Optional random generator to draw samples from.
+
+    Returns
+    -------
+    colors: HxWx3 array
+        Three channel color image in range [0,1]
+    """
+    rng = rng or np.random.default_rng()
+    if distortion is None:
+        distortion = rng.uniform(1, 4)
+    if depth is None:
+        depth = rng.integers(1, 5)
+
+    H, W = coords.shape[:2]
+    XYZ = coords
+    x = np.sin((XYZ[..., 0] + XYZ[..., 1] + XYZ[..., 2]) * distortion)
+    y = np.cos((-XYZ[..., 0] + XYZ[..., 1] - XYZ[..., 2]) * distortion)
+    z = -np.cos((-XYZ[..., 0] - XYZ[..., 1] + XYZ[..., 2]) * distortion)
+
+    if depth > 0:
+        x *= distortion
+        y *= distortion
+        z *= distortion
+        y = -np.cos(x - y + z)
+        y *= distortion
+
+    xyz = [x, y, z]
+    fns = [np.cos, np.sin]
+    for _ in range(1, depth):
+        axis = rng.choice(3)
+        fn = fns[rng.choice(2)]
+        signs = rng.binomial(n=1, p=0.5, size=4) * 2 - 1
+
+        xyz[axis] = signs[-1] * fn(
+            signs[0] * xyz[0] + signs[1] * xyz[1] + signs[2] * xyz[2]
+        )
+        xyz[axis] *= distortion
+
+    x, y, z = xyz
+    x /= 2 * distortion
+    y /= 2 * distortion
+    z /= 2 * distortion
+    c = 0.5 - np.stack((x, y, z), -1)
+    np.clip(c, 0, 1.0)
+    return c

utility/numerical.py

@@ -0,0 +1,25 @@
+from functools import reduce
+from itertools import cycle
+from math import factorial
+
+import numpy as np
+import scipy.sparse as sp
+
+
+def difference(derivative, accuracy=1):
+    # Central differences implemented based on the article here:
+    # http://web.media.mit.edu/~crtaylor/calculator.html
+    derivative += 1
+    radius = accuracy + derivative // 2 - 1
+    points = range(-radius, radius + 1)
+    coefficients = np.linalg.inv(np.vander(points))
+    return coefficients[-derivative] * factorial(derivative - 1), points
+
+
+def operator(shape, *differences):
+    # Credit to Philip Zucker for figuring out
+    # that kronsum's argument order is reversed.
+    # Without that bit of wisdom I'd have lost it.
+    differences = zip(shape, cycle(differences))
+    factors = (sp.diags(*diff, shape=(dim,) * 2) for dim, diff in differences)
+    return reduce(lambda a, f: sp.kronsum(f, a, format='csc'), factors)

utility/utility.py

@@ -0,0 +1,39 @@
+import torch
+import numpy as np
+from PIL import Image
+from typing import Union, List
+
+# Utility functions from mtb nodes: https://github.com/melMass/comfy_mtb
+def pil2tensor(image: Union[Image.Image, List[Image.Image]]) -> torch.Tensor:
+    if isinstance(image, list):
+        return torch.cat([pil2tensor(img) for img in image], dim=0)
+
+    return torch.from_numpy(np.array(image).astype(np.float32) / 255.0).unsqueeze(0)
+
+
+def np2tensor(img_np: Union[np.ndarray, List[np.ndarray]]) -> torch.Tensor:
+    if isinstance(img_np, list):
+        return torch.cat([np2tensor(img) for img in img_np], dim=0)
+
+    return torch.from_numpy(img_np.astype(np.float32) / 255.0).unsqueeze(0)
+
+
+def tensor2np(tensor: torch.Tensor):
+    if len(tensor.shape) == 3:  # Single image
+        return np.clip(255.0 * tensor.cpu().numpy(), 0, 255).astype(np.uint8)
+    else:  # Batch of images
+        return [np.clip(255.0 * t.cpu().numpy(), 0, 255).astype(np.uint8) for t in tensor]
+    
+def tensor2pil(image: torch.Tensor) -> List[Image.Image]:
+    batch_count = image.size(0) if len(image.shape) > 3 else 1
+    if batch_count > 1:
+        out = []
+        for i in range(batch_count):
+            out.extend(tensor2pil(image[i]))
+        return out
+
+    return [
+        Image.fromarray(
+            np.clip(255.0 * image.cpu().numpy().squeeze(), 0, 255).astype(np.uint8)
+        )
+    ]

web/js/appearance.js

@@ -0,0 +1,23 @@
+import { app } from "../../../scripts/app.js";
+
+app.registerExtension({
+    name: "KJNodes.appearance",
+        nodeCreated(node) {
+            switch (node.comfyClass) {
+                case "INTConstant":
+                    node.setSize([200, 58]);
+                    node.color = "#1b4669";
+                    node.bgcolor = "#29699c";
+                    break;
+                case "FloatConstant":
+                    node.setSize([200, 58]);
+                    node.color = LGraphCanvas.node_colors.green.color;
+                    node.bgcolor = LGraphCanvas.node_colors.green.bgcolor;
+                    break;
+                case "ConditioningMultiCombine":
+                    node.color = LGraphCanvas.node_colors.brown.color;
+                    node.bgcolor = LGraphCanvas.node_colors.brown.bgcolor;
+                    break;
+            }
+        }
+});

web/js/browserstatus.js

@@ -0,0 +1,55 @@
+import { api } from "../../../scripts/api.js";
+import { app } from "../../../scripts/app.js";
+
+app.registerExtension({
+    name: "KJNodes.browserstatus",
+    setup() {
+        if (!app.ui.settings.getSettingValue("KJNodes.browserStatus")) {
+            return;
+        }
+        api.addEventListener("status", ({ detail }) => {
+            let title = "ComfyUI";
+            let favicon = "green";
+            let queueRemaining = detail && detail.exec_info.queue_remaining;
+
+            if (queueRemaining) {
+                favicon = "red";
+                title = `00% - ${queueRemaining} | ${title}`;
+            } 
+            let link = document.querySelector("link[rel~='icon']");
+            if (!link) {
+                link = document.createElement("link");
+                link.rel = "icon";
+                document.head.appendChild(link);
+            }
+            link.href = new URL(`../${favicon}.png`, import.meta.url);
+            document.title = title;
+        });
+        //add progress to the title
+        api.addEventListener("progress", ({ detail }) => {
+			const { value, max } = detail;
+			const progress = Math.floor((value / max) * 100);
+			let title = document.title;
+		
+			if (!isNaN(progress) && progress >= 0 && progress <= 100) {
+				const paddedProgress = String(progress).padStart(2, '0');
+				title = `${paddedProgress}% ${title.replace(/^\d+%\s/, '')}`;
+			}
+			document.title = title;
+		});
+    },
+    init() {
+        if (!app.ui.settings.getSettingValue("KJNodes.browserStatus")) {
+            return;
+        }
+        const pythongossFeed = app.extensions.find(
+            (e) => e.name === 'pysssss.FaviconStatus',
+          )
+          if (pythongossFeed) {
+            console.warn("KJNodes - Overriding pysssss.FaviconStatus")
+            pythongossFeed.setup = function() {
+                console.warn("Disabled by KJNodes")
+            };
+          }
+    },
+});

web/js/contextmenu.js

@@ -0,0 +1,147 @@
+import { app } from "../../../scripts/app.js";
+
+// Adds context menu entries, code partly from pyssssscustom-scripts
+
+function addMenuHandler(nodeType, cb) {
+	const getOpts = nodeType.prototype.getExtraMenuOptions;
+	nodeType.prototype.getExtraMenuOptions = function () {
+		const r = getOpts.apply(this, arguments);
+		cb.apply(this, arguments);
+		return r;
+	};
+}
+
+function addNode(name, nextTo, options) {
+	console.log("name:", name);
+	console.log("nextTo:", nextTo);
+	options = { side: "left", select: true, shiftY: 0, shiftX: 0, ...(options || {}) };
+	const node = LiteGraph.createNode(name);
+	app.graph.add(node);
+	
+	node.pos = [
+		options.side === "left" ? nextTo.pos[0] - (node.size[0] + options.offset): nextTo.pos[0] + nextTo.size[0] + options.offset,
+		
+		nextTo.pos[1] + options.shiftY,
+	];
+	if (options.select) {
+		app.canvas.selectNode(node, false);
+	}
+	return node;
+}
+
+app.registerExtension({
+	name: "KJNodesContextmenu",
+	async beforeRegisterNodeDef(nodeType, nodeData, app) {
+		if (nodeData.input && nodeData.input.required) {
+			addMenuHandler(nodeType, function (_, options) {
+				options.unshift(
+					{
+					content: "Add GetNode",
+					callback: () => {addNode("GetNode", this, { side:"left", offset: 30});}
+					},
+					{
+					content: "Add SetNode",
+					callback: () => {addNode("SetNode", this, { side:"right", offset: 30 });
+					},
+				});
+			});
+		}
+	},
+		async setup(app) {
+			const updateSlots = (value) => {
+				const valuesToAddToIn = ["GetNode"];
+				const valuesToAddToOut = ["SetNode"];
+				// Remove entries if they exist
+				for (const arr of Object.values(LiteGraph.slot_types_default_in)) {
+					for (const valueToAdd of valuesToAddToIn) {
+						const idx = arr.indexOf(valueToAdd);
+						if (idx !== -1) {
+							arr.splice(idx, 1);
+						}
+					}
+				}
+			
+				for (const arr of Object.values(LiteGraph.slot_types_default_out)) {
+					for (const valueToAdd of valuesToAddToOut) {
+						const idx = arr.indexOf(valueToAdd);
+						if (idx !== -1) {
+							arr.splice(idx, 1);
+						}
+					}
+				}
+				if (value!="disabled") {
+					for (const arr of Object.values(LiteGraph.slot_types_default_in)) {
+						for (const valueToAdd of valuesToAddToIn) {
+							const idx = arr.indexOf(valueToAdd);
+							if (idx !== -1) {
+								arr.splice(idx, 1);
+							}
+							if (value === "top") {
+								arr.unshift(valueToAdd);
+							} else {
+								arr.push(valueToAdd);
+							}
+						}
+					}
+			
+					for (const arr of Object.values(LiteGraph.slot_types_default_out)) {
+						for (const valueToAdd of valuesToAddToOut) {
+							const idx = arr.indexOf(valueToAdd);
+							if (idx !== -1) {
+								arr.splice(idx, 1);
+							}
+							if (value === "top") {
+								arr.unshift(valueToAdd);
+							} else {
+								arr.push(valueToAdd);
+							}
+						}
+					}
+				}
+			};
+			
+			app.ui.settings.addSetting({
+				id: "KJNodes.SetGetMenu",
+				name: "KJNodes: Make Set/Get -nodes defaults",
+				tooltip: 'Adds Set/Get nodes to the top or bottom of the list of available node suggestions.',
+				options: ['disabled', 'top', 'bottom'],
+				defaultValue: 'disabled',
+				type: "combo",
+				onChange: updateSlots,
+				
+			});
+			app.ui.settings.addSetting({
+				id: "KJNodes.MiddleClickDefault",
+				name: "KJNodes: Middle click default node adding",
+				defaultValue: false,
+				type: "boolean",
+				onChange: (value) => {
+					LiteGraph.middle_click_slot_add_default_node = value;
+				},
+			});
+			app.ui.settings.addSetting({
+				id: "KJNodes.nodeAutoColor",
+				name: "KJNodes: Automatically set node colors",
+				type: "boolean",
+				defaultValue: true,
+			});
+			app.ui.settings.addSetting({
+				id: "KJNodes.helpPopup",
+				name: "KJNodes: Help popups",
+				defaultValue: true,
+				type: "boolean",
+			});
+			app.ui.settings.addSetting({
+				id: "KJNodes.disablePrefix",
+				name: "KJNodes: Disable automatic Set_ and Get_ prefix",
+				defaultValue: true,
+				type: "boolean",
+			});
+			app.ui.settings.addSetting({
+				id: "KJNodes.browserStatus",
+				name: "KJNodes: 🟢 Stoplight browser status icon 🔴",
+				defaultValue: false,
+				type: "boolean",
+			});
+}
+});

web/js/fast_preview.js

@@ -0,0 +1,95 @@
+import { app } from '../../../scripts/app.js'
+
+//from melmass
+export function makeUUID() {
+  let dt = new Date().getTime()
+  const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
+    const r = ((dt + Math.random() * 16) % 16) | 0
+    dt = Math.floor(dt / 16)
+    return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16)
+  })
+  return uuid
+}
+
+function chainCallback(object, property, callback) {
+  if (object == undefined) {
+    //This should not happen.
+    console.error("Tried to add callback to non-existant object")
+    return;
+  }
+  if (property in object) {
+    const callback_orig = object[property]
+    object[property] = function () {
+      const r = callback_orig.apply(this, arguments);
+      callback.apply(this, arguments);
+      return r
+    };
+  } else {
+    object[property] = callback;
+  }
+}
+app.registerExtension({
+  name: 'KJNodes.FastPreview',
+
+  async beforeRegisterNodeDef(nodeType, nodeData) {
+    if (nodeData?.name === 'FastPreview') {
+      chainCallback(nodeType.prototype, "onNodeCreated", function () {
+
+        var element = document.createElement("div");
+        this.uuid = makeUUID()
+        element.id = `fast-preview-${this.uuid}`
+
+        this.previewWidget = this.addDOMWidget(nodeData.name, "FastPreviewWidget", element, {
+          serialize: false,
+          hideOnZoom: false,
+        });
+
+        this.previewer = new Previewer(this);
+
+        this.setSize([550, 550]);
+        this.resizable = false;
+        this.previewWidget.parentEl = document.createElement("div");
+        this.previewWidget.parentEl.className = "fast-preview";
+        this.previewWidget.parentEl.id = `fast-preview-${this.uuid}`
+        element.appendChild(this.previewWidget.parentEl);
+        
+        chainCallback(this, "onExecuted", function (message) {
+          let bg_image = message["bg_image"];
+          this.properties.imgData = {
+            name: "bg_image",
+            base64: bg_image
+          };
+          this.previewer.refreshBackgroundImage(this);
+        });
+       
+
+      }); // onAfterGraphConfigured
+    }//node created
+  } //before register
+})//register
+
+class Previewer {
+  constructor(context) {
+    this.node = context;
+    this.previousWidth = null;
+    this.previousHeight = null;
+  }
+  refreshBackgroundImage = () => {
+    const imgData = this.node?.properties?.imgData;
+    if (imgData?.base64) {
+      const base64String = imgData.base64;
+      const imageUrl = `data:${imgData.type};base64,${base64String}`;
+      const img = new Image();
+      img.src = imageUrl;
+      img.onload = () => {
+        const { width, height } = img;
+        if (width !== this.previousWidth || height !== this.previousHeight) {
+          this.node.setSize([width, height]);
+          this.previousWidth = width;
+          this.previousHeight = height;
+        }
+        this.node.previewWidget.element.style.backgroundImage = `url(${imageUrl})`;
+      };
+    }
+  };
+  }

web/js/help_popup.js

@@ -0,0 +1,326 @@
+import { app } from "../../../scripts/app.js";
+
+// code based on mtb nodes by Mel Massadian https://github.com/melMass/comfy_mtb/
+export const loadScript = (
+  FILE_URL,
+  async = true,
+  type = 'text/javascript',
+) => {
+  return new Promise((resolve, reject) => {
+    try {
+      // Check if the script already exists
+      const existingScript = document.querySelector(`script[src="${FILE_URL}"]`)
+      if (existingScript) {
+        resolve({ status: true, message: 'Script already loaded' })
+        return
+      }
+
+      const scriptEle = document.createElement('script')
+      scriptEle.type = type
+      scriptEle.async = async
+      scriptEle.src = FILE_URL
+
+      scriptEle.addEventListener('load', (ev) => {
+        resolve({ status: true })
+      })
+
+      scriptEle.addEventListener('error', (ev) => {
+        reject({
+          status: false,
+          message: `Failed to load the script ${FILE_URL}`,
+        })
+      })
+
+      document.body.appendChild(scriptEle)
+    } catch (error) {
+      reject(error)
+    }
+  })
+}
+
+loadScript('kjweb_async/marked.min.js').catch((e) => {
+  console.log(e)
+})
+loadScript('kjweb_async/purify.min.js').catch((e) => {
+  console.log(e)
+})
+
+const categories = ["KJNodes", "SUPIR", "VoiceCraft", "Marigold", "IC-Light", "WanVideoWrapper"];
+app.registerExtension({
+	name: "KJNodes.HelpPopup",
+	async beforeRegisterNodeDef(nodeType, nodeData) {
+  
+  if (app.ui.settings.getSettingValue("KJNodes.helpPopup") === false) {
+    return;
+    }
+		try {
+			categories.forEach(category => {
+        if (nodeData?.category?.startsWith(category)) {
+            addDocumentation(nodeData, nodeType);
+        }
+        else return
+    });
+		} catch (error) {
+			console.error("Error in registering KJNodes.HelpPopup", error);
+		}
+	},
+});
+
+const create_documentation_stylesheet = () => {
+    const tag = 'kj-documentation-stylesheet'
+
+    let styleTag = document.head.querySelector(tag)
+
+    if (!styleTag) {
+      styleTag = document.createElement('style')
+      styleTag.type = 'text/css'
+      styleTag.id = tag
+      styleTag.innerHTML = `
+      .kj-documentation-popup {
+        background: var(--comfy-menu-bg);
+        position: absolute;
+        color: var(--fg-color);
+        font: 12px monospace;
+        line-height: 1.5em;
+        padding: 10px;
+        border-radius: 10px;
+        border-style: solid;
+        border-width: medium;
+        border-color: var(--border-color);
+        z-index: 5;
+        overflow: hidden;
+       }
+       .content-wrapper {
+        overflow: auto;
+        max-height: 100%;
+        /* Scrollbar styling for Chrome */
+        &::-webkit-scrollbar {
+           width: 6px;
+        }
+        &::-webkit-scrollbar-track {
+           background: var(--bg-color);
+        }
+        &::-webkit-scrollbar-thumb {
+           background-color: var(--fg-color);
+           border-radius: 6px;
+           border: 3px solid var(--bg-color);
+        }
+       
+        /* Scrollbar styling for Firefox */
+        scrollbar-width: thin;
+        scrollbar-color: var(--fg-color) var(--bg-color);
+        a {
+          color: yellow;
+        }
+        a:visited {
+          color: orange;
+        }
+        a:hover {
+          color: red;
+        }
+       }
+        `
+      document.head.appendChild(styleTag)
+    }
+  }
+
+  /** Add documentation widget to the selected node */
+  export const addDocumentation = (
+    nodeData,
+    nodeType,
+    opts = { icon_size: 14, icon_margin: 4 },) => {
+
+    opts = opts || {}
+    const iconSize = opts.icon_size ? opts.icon_size : 14
+    const iconMargin = opts.icon_margin ? opts.icon_margin : 4
+    let docElement = null
+    let contentWrapper = null
+    //if no description in the node python code, don't do anything
+    if (!nodeData.description) {
+      return
+    }
+
+    const drawFg = nodeType.prototype.onDrawForeground
+    nodeType.prototype.onDrawForeground = function (ctx) {
+      const r = drawFg ? drawFg.apply(this, arguments) : undefined
+      if (this.flags.collapsed) return r
+
+      // icon position
+      const x = this.size[0] - iconSize - iconMargin
+      
+      // create the popup
+      if (this.show_doc && docElement === null) {
+        docElement = document.createElement('div')
+        contentWrapper = document.createElement('div');
+        docElement.appendChild(contentWrapper);
+
+        create_documentation_stylesheet()
+        contentWrapper.classList.add('content-wrapper');
+        docElement.classList.add('kj-documentation-popup')
+        
+        //parse the string from the python node code to html with marked, and sanitize the html with DOMPurify
+        contentWrapper.innerHTML = DOMPurify.sanitize(marked.parse(nodeData.description,))
+
+        // resize handle
+        const resizeHandle = document.createElement('div');
+        resizeHandle.style.width = '0';
+        resizeHandle.style.height = '0';
+        resizeHandle.style.position = 'absolute';
+        resizeHandle.style.bottom = '0';
+        resizeHandle.style.right = '0';
+        resizeHandle.style.cursor = 'se-resize';
+        
+        // Add pseudo-elements to create a triangle shape
+        const borderColor = getComputedStyle(document.documentElement).getPropertyValue('--border-color').trim();
+        resizeHandle.style.borderTop = '10px solid transparent';
+        resizeHandle.style.borderLeft = '10px solid transparent';
+        resizeHandle.style.borderBottom = `10px solid ${borderColor}`;
+        resizeHandle.style.borderRight = `10px solid ${borderColor}`;
+
+        docElement.appendChild(resizeHandle)
+        let isResizing = false
+        let startX, startY, startWidth, startHeight
+
+        resizeHandle.addEventListener('mousedown', function (e) {
+          e.preventDefault();
+          e.stopPropagation();
+          isResizing = true;
+          startX = e.clientX;
+          startY = e.clientY;
+          startWidth = parseInt(document.defaultView.getComputedStyle(docElement).width, 10);
+          startHeight = parseInt(document.defaultView.getComputedStyle(docElement).height, 10);
+         },
+         { signal: this.docCtrl.signal },
+         );
+
+        // close button
+        const closeButton = document.createElement('div');
+        closeButton.textContent = '❌';
+        closeButton.style.position = 'absolute';
+        closeButton.style.top = '0';
+        closeButton.style.right = '0';
+        closeButton.style.cursor = 'pointer';
+        closeButton.style.padding = '5px';
+        closeButton.style.color = 'red';
+        closeButton.style.fontSize = '12px';
+
+        docElement.appendChild(closeButton)
+
+        closeButton.addEventListener('mousedown', (e) => {
+          e.stopPropagation();
+          this.show_doc = !this.show_doc
+          docElement.parentNode.removeChild(docElement)
+          docElement = null
+          if (contentWrapper) {
+            contentWrapper.remove()
+            contentWrapper = null
+          }
+         },
+         { signal: this.docCtrl.signal },
+         );
+         
+        document.addEventListener('mousemove', function (e) {
+          if (!isResizing) return;
+          const scale = app.canvas.ds.scale;
+          const newWidth = startWidth + (e.clientX - startX) / scale;
+          const newHeight = startHeight + (e.clientY - startY) / scale;;
+          docElement.style.width = `${newWidth}px`;
+          docElement.style.height = `${newHeight}px`;
+         },
+         { signal: this.docCtrl.signal },
+         );
+
+        document.addEventListener('mouseup', function () {
+          isResizing = false
+        },
+        { signal: this.docCtrl.signal },
+        )
+
+        document.body.appendChild(docElement)
+      }
+      // close the popup
+      else if (!this.show_doc && docElement !== null) {
+        docElement.parentNode.removeChild(docElement)
+        docElement = null
+      }
+      // update position of the popup
+      if (this.show_doc && docElement !== null) {
+        const rect = ctx.canvas.getBoundingClientRect()
+        const scaleX = rect.width / ctx.canvas.width
+        const scaleY = rect.height / ctx.canvas.height
+
+        const transform = new DOMMatrix()
+        .scaleSelf(scaleX, scaleY)
+        .multiplySelf(ctx.getTransform())
+        .translateSelf(this.size[0] * scaleX * Math.max(1.0,window.devicePixelRatio) , 0)
+        .translateSelf(10, -32)
+        
+        const scale = new DOMMatrix()
+        .scaleSelf(transform.a, transform.d);
+        const bcr = app.canvas.canvas.getBoundingClientRect()
+
+        const styleObject = {
+          transformOrigin: '0 0',
+          transform: scale,
+          left: `${transform.a + bcr.x + transform.e}px`,
+          top: `${transform.d + bcr.y + transform.f}px`,
+         };
+        Object.assign(docElement.style, styleObject);
+      }
+
+      ctx.save()
+      ctx.translate(x - 2, iconSize - 34)
+      ctx.scale(iconSize / 32, iconSize / 32)
+      ctx.strokeStyle = 'rgba(255,255,255,0.3)'
+      ctx.lineCap = 'round'
+      ctx.lineJoin = 'round'
+      ctx.lineWidth = 2.4
+      ctx.font = 'bold 36px monospace'
+      ctx.fillStyle = 'orange';
+      ctx.fillText('?', 0, 24)
+      ctx.restore()
+      return r
+    }
+    // handle clicking of the icon
+    const mouseDown = nodeType.prototype.onMouseDown
+    nodeType.prototype.onMouseDown = function (e, localPos, canvas) {
+      const r = mouseDown ? mouseDown.apply(this, arguments) : undefined
+      const iconX = this.size[0] - iconSize - iconMargin
+      const iconY = iconSize - 34
+      if (
+        localPos[0] > iconX &&
+        localPos[0] < iconX + iconSize &&
+        localPos[1] > iconY &&
+        localPos[1] < iconY + iconSize
+      ) {
+        if (this.show_doc === undefined) {
+          this.show_doc = true
+        } else {
+          this.show_doc = !this.show_doc
+        }
+        if (this.show_doc) {
+          this.docCtrl = new AbortController()
+        } else {
+          this.docCtrl.abort()
+        }
+        return true;
+      }
+      return r;
+    }
+    const onRem = nodeType.prototype.onRemoved
+
+    nodeType.prototype.onRemoved = function () {
+      const r = onRem ? onRem.apply(this, []) : undefined
+  
+      if (docElement) {
+        docElement.remove()
+        docElement = null
+      }
+  
+      if (contentWrapper) {
+        contentWrapper.remove()
+        contentWrapper = null
+      }
+      return r
+    }
+}

web/js/jsnodes.js

@@ -0,0 +1,413 @@
+import { app } from "../../../scripts/app.js";
+import { applyTextReplacements } from "../../../scripts/utils.js";
+
+app.registerExtension({
+	name: "KJNodes.jsnodes",
+	async beforeRegisterNodeDef(nodeType, nodeData, app) {
+		if(!nodeData?.category?.startsWith("KJNodes")) {
+			return;
+		  }
+		switch (nodeData.name) {
+			case "ConditioningMultiCombine":
+				nodeType.prototype.onNodeCreated = function () {
+				this._type = "CONDITIONING"
+				this.inputs_offset = nodeData.name.includes("selective")?1:0
+				this.addWidget("button", "Update inputs", null, () => {
+					if (!this.inputs) {
+						this.inputs = [];
+					}
+					const target_number_of_inputs = this.widgets.find(w => w.name === "inputcount")["value"];
+					const num_inputs = this.inputs.filter(input => input.type === this._type).length
+					if(target_number_of_inputs===num_inputs)return; // already set, do nothing
+
+					if(target_number_of_inputs < num_inputs){
+						const inputs_to_remove = num_inputs - target_number_of_inputs;
+						for(let i = 0; i < inputs_to_remove; i++) {
+							this.removeInput(this.inputs.length - 1);
+						}
+					}
+					else{
+						for(let i = num_inputs+1; i <= target_number_of_inputs; ++i)
+							this.addInput(`conditioning_${i}`, this._type)
+					}
+					});
+				}
+				break;
+			case "ImageBatchMulti":
+			case "ImageAddMulti":
+			case "ImageConcatMulti":
+			case "CrossFadeImagesMulti":
+			case "TransitionImagesMulti":
+				nodeType.prototype.onNodeCreated = function () {
+				this._type = "IMAGE"
+				this.addWidget("button", "Update inputs", null, () => {
+					if (!this.inputs) {
+						this.inputs = [];
+					}
+					const target_number_of_inputs = this.widgets.find(w => w.name === "inputcount")["value"];
+					const num_inputs = this.inputs.filter(input => input.type === this._type).length
+					if(target_number_of_inputs===num_inputs)return; // already set, do nothing
+
+					if(target_number_of_inputs < num_inputs){
+						const inputs_to_remove = num_inputs - target_number_of_inputs;
+						for(let i = 0; i < inputs_to_remove; i++) {
+							this.removeInput(this.inputs.length - 1);
+						}
+					}
+					else{
+						for(let i = num_inputs+1; i <= target_number_of_inputs; ++i)
+							this.addInput(`image_${i}`, this._type, {shape: 7});						
+					}
+					
+					});
+				}
+				break;
+			case "MaskBatchMulti":
+				nodeType.prototype.onNodeCreated = function () {
+				this._type = "MASK"
+				this.addWidget("button", "Update inputs", null, () => {
+					if (!this.inputs) {
+						this.inputs = [];
+					}
+					const target_number_of_inputs = this.widgets.find(w => w.name === "inputcount")["value"];
+					const num_inputs = this.inputs.filter(input => input.type === this._type).length
+					if(target_number_of_inputs===num_inputs)return; // already set, do nothing
+
+					if(target_number_of_inputs < num_inputs){
+						const inputs_to_remove = num_inputs - target_number_of_inputs;
+						for(let i = 0; i < inputs_to_remove; i++) {
+							this.removeInput(this.inputs.length - 1);
+						}
+					}
+					else{
+						for(let i = num_inputs+1; i <= target_number_of_inputs; ++i)
+							this.addInput(`mask_${i}`, this._type)
+					}
+					});
+					}
+					break;
+			
+			case "FluxBlockLoraSelect":
+			case "HunyuanVideoBlockLoraSelect":
+			case "Wan21BlockLoraSelect":
+				nodeType.prototype.onNodeCreated = function () {
+					this.addWidget("button", "Set all", null, () => {
+						const userInput = prompt("Enter the values to set for widgets (e.g., s0,1,2-7=2.0, d0,1,2-7=2.0, or 1.0):", "");
+						if (userInput) {
+							const regex = /([sd])?(\d+(?:,\d+|-?\d+)*?)?=(\d+(\.\d+)?)/;
+							const match = userInput.match(regex);
+							if (match) {
+								const type = match[1];
+								const indicesPart = match[2];
+								const value = parseFloat(match[3]);
+			
+								let targetWidgets = [];
+								if (type === 's') {
+									targetWidgets = this.widgets.filter(widget => widget.name.includes("single"));
+								} else if (type === 'd') {
+									targetWidgets = this.widgets.filter(widget => widget.name.includes("double"));
+								} else {
+									targetWidgets = this.widgets; // No type specified, all widgets
+								}
+			
+								if (indicesPart) {
+									const indices = indicesPart.split(',').flatMap(part => {
+										if (part.includes('-')) {
+											const [start, end] = part.split('-').map(Number);
+											return Array.from({ length: end - start + 1 }, (_, i) => start + i);
+										}
+										return Number(part);
+									});
+			
+									for (const index of indices) {
+										if (index < targetWidgets.length) {
+											targetWidgets[index].value = value;
+										}
+									}
+								} else {
+									// No indices provided, set value for all target widgets
+									for (const widget of targetWidgets) {
+										widget.value = value;
+									}
+								}
+							} else if (!isNaN(parseFloat(userInput))) {
+								// Single value provided, set it for all widgets
+								const value = parseFloat(userInput);
+								for (const widget of this.widgets) {
+									widget.value = value;
+								}
+							} else {
+								alert("Invalid input format. Please use the format s0,1,2-7=2.0, d0,1,2-7=2.0, or 1.0");
+							}
+						} else {
+							alert("Invalid input. Please enter a value.");
+						}
+					});
+				};
+				break;
+
+			case "GetMaskSizeAndCount":
+				const onGetMaskSizeConnectInput = nodeType.prototype.onConnectInput;
+				nodeType.prototype.onConnectInput = function (targetSlot, type, output, originNode, originSlot) {
+					const v = onGetMaskSizeConnectInput? onGetMaskSizeConnectInput.apply(this, arguments): undefined
+					this.outputs[1]["label"] = "width"
+					this.outputs[2]["label"] = "height" 
+					this.outputs[3]["label"] = "count"
+					return v;
+				}
+				const onGetMaskSizeExecuted = nodeType.prototype.onAfterExecuteNode;
+				nodeType.prototype.onExecuted = function(message) {
+					const r = onGetMaskSizeExecuted? onGetMaskSizeExecuted.apply(this,arguments): undefined
+					let values = message["text"].toString().split('x').map(Number);
+					this.outputs[1]["label"] = values[1] + " width"
+					this.outputs[2]["label"] = values[2] + " height" 
+					this.outputs[3]["label"] = values[0] + " count" 
+					return r
+				}
+				break;
+			
+			case "GetImageSizeAndCount":
+				const onGetImageSizeConnectInput = nodeType.prototype.onConnectInput;
+				nodeType.prototype.onConnectInput = function (targetSlot, type, output, originNode, originSlot) {
+					console.log(this)
+					const v = onGetImageSizeConnectInput? onGetImageSizeConnectInput.apply(this, arguments): undefined
+					//console.log(this)
+					this.outputs[1]["label"] = "width"
+					this.outputs[2]["label"] = "height" 
+					this.outputs[3]["label"] = "count"
+					return v;
+				}
+				//const onGetImageSizeExecuted = nodeType.prototype.onExecuted;
+				const onGetImageSizeExecuted = nodeType.prototype.onAfterExecuteNode;
+				nodeType.prototype.onExecuted = function(message) {
+					console.log(this)
+					const r = onGetImageSizeExecuted? onGetImageSizeExecuted.apply(this,arguments): undefined
+					let values = message["text"].toString().split('x').map(Number);
+					console.log(values)
+					this.outputs[1]["label"] = values[1] + " width"
+					this.outputs[2]["label"] = values[2] + " height" 
+					this.outputs[3]["label"] = values[0] + " count" 
+					return r
+				}
+				break;
+
+			case "GetLatentSizeAndCount":
+				const onGetLatentConnectInput = nodeType.prototype.onConnectInput;
+				nodeType.prototype.onConnectInput = function (targetSlot, type, output, originNode, originSlot) {
+					console.log(this)
+					const v = onGetLatentConnectInput? onGetLatentConnectInput.apply(this, arguments): undefined
+					//console.log(this)
+					this.outputs[1]["label"] = "width"
+					this.outputs[2]["label"] = "height" 
+					this.outputs[3]["label"] = "count"
+					return v;
+				}
+				//const onGetImageSizeExecuted = nodeType.prototype.onExecuted;
+				const onGetLatentSizeExecuted = nodeType.prototype.onAfterExecuteNode;
+				nodeType.prototype.onExecuted = function(message) {
+					console.log(this)
+					const r = onGetLatentSizeExecuted? onGetLatentSizeExecuted.apply(this,arguments): undefined
+					let values = message["text"].toString().split('x').map(Number);
+					console.log(values)
+					this.outputs[1]["label"] = values[0] + " batch"
+					this.outputs[2]["label"] = values[1] + " channels" 
+					this.outputs[3]["label"] = values[2] + " frames" 
+					this.outputs[4]["label"] = values[3] + " height" 
+					this.outputs[5]["label"] = values[4] + " width" 
+					return r
+				}
+				break;
+
+			case "PreviewAnimation":
+				const onPreviewAnimationConnectInput = nodeType.prototype.onConnectInput;
+				nodeType.prototype.onConnectInput = function (targetSlot, type, output, originNode, originSlot) {
+					const v = onPreviewAnimationConnectInput? onPreviewAnimationConnectInput.apply(this, arguments): undefined
+					this.title = "Preview Animation"
+					return v;
+				}
+				const onPreviewAnimationExecuted = nodeType.prototype.onAfterExecuteNode;
+				nodeType.prototype.onExecuted = function(message) {
+					const r = onPreviewAnimationExecuted? onPreviewAnimationExecuted.apply(this,arguments): undefined
+					let values = message["text"].toString();
+					this.title = "Preview Animation " + values
+					return r
+				}
+				break;
+
+			case "VRAM_Debug":
+				const onVRAM_DebugConnectInput = nodeType.prototype.onConnectInput;
+				nodeType.prototype.onConnectInput = function (targetSlot, type, output, originNode, originSlot) {
+					const v = onVRAM_DebugConnectInput? onVRAM_DebugConnectInput.apply(this, arguments): undefined
+					this.outputs[3]["label"] = "freemem_before"
+					this.outputs[4]["label"] = "freemem_after" 
+					return v;
+				}
+				const onVRAM_DebugExecuted = nodeType.prototype.onAfterExecuteNode;
+				nodeType.prototype.onExecuted = function(message) {
+					const r = onVRAM_DebugExecuted? onVRAM_DebugExecuted.apply(this,arguments): undefined
+					let values = message["text"].toString().split('x');
+					this.outputs[3]["label"] = values[0] + "   freemem_before"
+					this.outputs[4]["label"] = values[1] + "      freemem_after" 
+					return r
+				}
+				break;
+
+			case "JoinStringMulti":
+				const originalOnNodeCreated = nodeType.prototype.onNodeCreated || function() {};
+				nodeType.prototype.onNodeCreated = function () {
+					originalOnNodeCreated.apply(this, arguments);
+			
+					this._type = "STRING";
+					this.addWidget("button", "Update inputs", null, () => {
+						if (!this.inputs) {
+							this.inputs = [];
+						}
+						const target_number_of_inputs = this.widgets.find(w => w.name === "inputcount")["value"];
+						const num_inputs = this.inputs.filter(input => input.name && input.name.toLowerCase().includes("string_")).length
+						if (target_number_of_inputs === num_inputs) return; // already set, do nothing
+			
+						if(target_number_of_inputs < num_inputs){
+							const inputs_to_remove = num_inputs - target_number_of_inputs;
+							for(let i = 0; i < inputs_to_remove; i++) {
+								this.removeInput(this.inputs.length - 1);
+							}
+						}
+						else{
+							for(let i = num_inputs+1; i <= target_number_of_inputs; ++i)
+								this.addInput(`string_${i}`, this._type, {shape: 7});
+						}
+					});
+				}
+				break;
+			case "SoundReactive":
+				nodeType.prototype.onNodeCreated = function () {
+					let audioContext;
+					let microphoneStream;
+					let animationFrameId;
+					let analyser;
+					let dataArray;
+					let startRangeHz;
+    				let endRangeHz;
+					let smoothingFactor = 0.5;
+					let smoothedSoundLevel = 0;
+				
+					// Function to update the widget value in real-time
+					const updateWidgetValueInRealTime = () => {
+						// Ensure analyser and dataArray are defined before using them
+						if (analyser && dataArray) {
+							analyser.getByteFrequencyData(dataArray);
+
+							const startRangeHzWidget = this.widgets.find(w => w.name === "start_range_hz");
+							if (startRangeHzWidget) startRangeHz = startRangeHzWidget.value;
+							const endRangeHzWidget = this.widgets.find(w => w.name === "end_range_hz");
+							if (endRangeHzWidget) endRangeHz = endRangeHzWidget.value;
+							const smoothingFactorWidget = this.widgets.find(w => w.name === "smoothing_factor");
+							if (smoothingFactorWidget) smoothingFactor = smoothingFactorWidget.value;
+
+							// Calculate frequency bin width (frequency resolution)
+							const frequencyBinWidth = audioContext.sampleRate / analyser.fftSize;	
+							// Convert the widget values from Hz to indices
+							const startRangeIndex = Math.floor(startRangeHz / frequencyBinWidth);
+							const endRangeIndex = Math.floor(endRangeHz / frequencyBinWidth);
+
+							// Function to calculate the average value for a frequency range
+							const calculateAverage = (start, end) => {
+								const sum = dataArray.slice(start, end).reduce((acc, val) => acc + val, 0);
+								const average = sum / (end - start);
+
+								// Apply exponential moving average smoothing
+    							smoothedSoundLevel = (average * (1 - smoothingFactor)) + (smoothedSoundLevel * smoothingFactor);
+								return smoothedSoundLevel;
+							};
+							// Calculate the average levels for each frequency range
+							const soundLevel = calculateAverage(startRangeIndex, endRangeIndex);
+							
+							// Update the widget values
+
+							const lowLevelWidget = this.widgets.find(w => w.name === "sound_level");
+							if (lowLevelWidget) lowLevelWidget.value = soundLevel;
+
+							animationFrameId = requestAnimationFrame(updateWidgetValueInRealTime);
+						}
+					};
+				
+					// Function to start capturing audio from the microphone
+					const startMicrophoneCapture = () => {
+						// Only create the audio context and analyser once
+						if (!audioContext) {
+							audioContext = new (window.AudioContext || window.webkitAudioContext)();
+							// Access the sample rate of the audio context
+							console.log(`Sample rate: ${audioContext.sampleRate}Hz`);
+							analyser = audioContext.createAnalyser();
+							analyser.fftSize = 2048;
+							dataArray = new Uint8Array(analyser.frequencyBinCount);
+							// Get the range values from widgets (assumed to be in Hz)
+							const lowRangeWidget = this.widgets.find(w => w.name === "low_range_hz");
+							if (lowRangeWidget) startRangeHz = lowRangeWidget.value;
+				
+							const midRangeWidget = this.widgets.find(w => w.name === "mid_range_hz");
+							if (midRangeWidget) endRangeHz = midRangeWidget.value;
+						}
+						
+						navigator.mediaDevices.getUserMedia({ audio: true }).then(stream => {
+							microphoneStream = stream;
+							const microphone = audioContext.createMediaStreamSource(stream);
+							microphone.connect(analyser);
+							updateWidgetValueInRealTime();
+						}).catch(error => {
+							console.error('Access to microphone was denied or an error occurred:', error);
+						});
+					};
+				
+					// Function to stop capturing audio from the microphone
+					const stopMicrophoneCapture = () => {
+						if (animationFrameId) {
+							cancelAnimationFrame(animationFrameId);
+						}
+						if (microphoneStream) {
+							microphoneStream.getTracks().forEach(track => track.stop());
+						}
+						if (audioContext) {
+							audioContext.close();
+							// Reset audioContext to ensure it can be created again when starting
+							audioContext = null;
+						}
+					};
+				
+					// Add start button
+					this.addWidget("button", "Start mic capture", null, startMicrophoneCapture);
+				
+					// Add stop button
+					this.addWidget("button", "Stop mic capture", null, stopMicrophoneCapture);
+				};
+			break;
+		case "SaveImageKJ":
+			const onNodeCreated = nodeType.prototype.onNodeCreated;
+			nodeType.prototype.onNodeCreated = function() {
+				const r = onNodeCreated ? onNodeCreated.apply(this, arguments) : void 0;
+				const widget = this.widgets.find((w) => w.name === "filename_prefix");
+				widget.serializeValue = () => {
+				return applyTextReplacements(app, widget.value);
+				};
+				return r;
+			};
+			break;
+			
+		}	
+		
+	},
+	async setup() {
+		// to keep Set/Get node virtual connections visible when offscreen
+		const originalComputeVisibleNodes = LGraphCanvas.prototype.computeVisibleNodes;
+		LGraphCanvas.prototype.computeVisibleNodes = function () {
+			const visibleNodesSet = new Set(originalComputeVisibleNodes.apply(this, arguments));
+			for (const node of this.graph._nodes) {
+				if ((node.type === "SetNode" || node.type === "GetNode") && node.drawConnection) {
+					visibleNodesSet.add(node);
+				}
+			}
+			return Array.from(visibleNodesSet);
+		};
+
+	}
+});

web/js/point_editor.js

@@ -0,0 +1,734 @@
+import { app } from '../../../scripts/app.js'
+
+//from melmass
+export function makeUUID() {
+  let dt = new Date().getTime()
+  const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
+    const r = ((dt + Math.random() * 16) % 16) | 0
+    dt = Math.floor(dt / 16)
+    return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16)
+  })
+  return uuid
+}
+
+export const loadScript = (
+  FILE_URL,
+  async = true,
+  type = 'text/javascript',
+) => {
+  return new Promise((resolve, reject) => {
+    try {
+      // Check if the script already exists
+      const existingScript = document.querySelector(`script[src="${FILE_URL}"]`)
+      if (existingScript) {
+        resolve({ status: true, message: 'Script already loaded' })
+        return
+      }
+
+      const scriptEle = document.createElement('script')
+      scriptEle.type = type
+      scriptEle.async = async
+      scriptEle.src = FILE_URL
+
+      scriptEle.addEventListener('load', (ev) => {
+        resolve({ status: true })
+      })
+
+      scriptEle.addEventListener('error', (ev) => {
+        reject({
+          status: false,
+          message: `Failed to load the script ${FILE_URL}`,
+        })
+      })
+
+      document.body.appendChild(scriptEle)
+    } catch (error) {
+      reject(error)
+    }
+  })
+}
+const create_documentation_stylesheet = () => {
+  const tag = 'kj-pointseditor-stylesheet'
+
+  let styleTag = document.head.querySelector(tag)
+
+  if (!styleTag) {
+    styleTag = document.createElement('style')
+    styleTag.type = 'text/css'
+    styleTag.id = tag
+    styleTag.innerHTML = `
+       .points-editor {
+
+        position: absolute;
+
+        font: 12px monospace;
+        line-height: 1.5em;
+        padding: 10px;
+        z-index: 0;
+        overflow: hidden;
+       }
+        `
+    document.head.appendChild(styleTag)
+  }
+}
+
+loadScript('kjweb_async/svg-path-properties.min.js').catch((e) => {
+  console.log(e)
+})
+loadScript('kjweb_async/protovis.min.js').catch((e) => {
+  console.log(e)
+})
+create_documentation_stylesheet()
+
+function chainCallback(object, property, callback) {
+  if (object == undefined) {
+    //This should not happen.
+    console.error("Tried to add callback to non-existant object")
+    return;
+  }
+  if (property in object) {
+    const callback_orig = object[property]
+    object[property] = function () {
+      const r = callback_orig.apply(this, arguments);
+      callback.apply(this, arguments);
+      return r
+    };
+  } else {
+    object[property] = callback;
+  }
+}
+app.registerExtension({
+  name: 'KJNodes.PointEditor',
+
+  async beforeRegisterNodeDef(nodeType, nodeData) {
+    if (nodeData?.name === 'PointsEditor') {
+      chainCallback(nodeType.prototype, "onNodeCreated", function () {
+
+        hideWidgetForGood(this, this.widgets.find(w => w.name === "coordinates"))
+        hideWidgetForGood(this, this.widgets.find(w => w.name === "neg_coordinates"))
+        hideWidgetForGood(this, this.widgets.find(w => w.name === "bboxes"))
+
+        var element = document.createElement("div");
+        this.uuid = makeUUID()
+        element.id = `points-editor-${this.uuid}`
+
+        this.previewMediaType = 'image'
+
+        this.pointsEditor = this.addDOMWidget(nodeData.name, "PointsEditorWidget", element, {
+          serialize: false,
+          hideOnZoom: false,
+        });
+
+        // context menu
+        this.contextMenu = document.createElement("div");
+        this.contextMenu.id = "context-menu";
+        this.contextMenu.style.display = "none";
+        this.contextMenu.style.position = "absolute";
+        this.contextMenu.style.backgroundColor = "#202020";
+        this.contextMenu.style.minWidth = "100px";
+        this.contextMenu.style.boxShadow = "0px 8px 16px 0px rgba(0,0,0,0.2)";
+        this.contextMenu.style.zIndex = "100";
+        this.contextMenu.style.padding = "5px";
+
+        function styleMenuItem(menuItem) {
+          menuItem.style.display = "block";
+          menuItem.style.padding = "5px";
+          menuItem.style.color = "#FFF";
+          menuItem.style.fontFamily = "Arial, sans-serif";
+          menuItem.style.fontSize = "16px";
+          menuItem.style.textDecoration = "none";
+          menuItem.style.marginBottom = "5px";
+        }
+        function createMenuItem(id, textContent) {
+          let menuItem = document.createElement("a");
+          menuItem.href = "#";
+          menuItem.id = `menu-item-${id}`;
+          menuItem.textContent = textContent;
+          styleMenuItem(menuItem);
+          return menuItem;
+        }
+
+        // Create an array of menu items using the createMenuItem function
+        this.menuItems = [
+          createMenuItem(0, "Load Image"),
+          createMenuItem(1, "Clear Image"),
+        ];
+
+        // Add mouseover and mouseout event listeners to each menu item for styling
+        this.menuItems.forEach(menuItem => {
+          menuItem.addEventListener('mouseover', function () {
+            this.style.backgroundColor = "gray";
+          });
+
+          menuItem.addEventListener('mouseout', function () {
+            this.style.backgroundColor = "#202020";
+          });
+        });
+
+        // Append each menu item to the context menu
+        this.menuItems.forEach(menuItem => {
+          this.contextMenu.appendChild(menuItem);
+        });
+
+        document.body.appendChild(this.contextMenu);
+
+        this.addWidget("button", "New canvas", null, () => {
+          if (!this.properties || !("points" in this.properties)) {
+            this.editor = new PointsEditor(this);
+            this.addProperty("points", this.constructor.type, "string");
+            this.addProperty("neg_points", this.constructor.type, "string");
+
+          }
+          else {
+            this.editor = new PointsEditor(this, true);
+          }
+        });
+
+        this.setSize([550, 550]);
+        this.resizable = false;
+        this.pointsEditor.parentEl = document.createElement("div");
+        this.pointsEditor.parentEl.className = "points-editor";
+        this.pointsEditor.parentEl.id = `points-editor-${this.uuid}`
+        element.appendChild(this.pointsEditor.parentEl);
+
+        chainCallback(this, "onConfigure", function () {
+          try {
+            this.editor = new PointsEditor(this);
+          } catch (error) {
+            console.error("An error occurred while configuring the editor:", error);
+          }
+        });
+        chainCallback(this, "onExecuted", function (message) {
+          let bg_image = message["bg_image"];
+          this.properties.imgData = {
+            name: "bg_image",
+            base64: bg_image
+          };
+          this.editor.refreshBackgroundImage(this);
+        });
+
+      }); // onAfterGraphConfigured
+    }//node created
+  } //before register
+})//register
+
+class PointsEditor {
+  constructor(context, reset = false) {
+    this.node = context;
+    this.reset = reset;
+    const self = this; // Keep a reference to the main class context
+
+    console.log("creatingPointEditor")
+
+    this.node.pasteFile = (file) => {
+      if (file.type.startsWith("image/")) {
+        this.handleImageFile(file);
+        return true;
+      }
+      return false;
+    };
+
+    this.node.onDragOver = function (e) {
+      if (e.dataTransfer && e.dataTransfer.items) {
+        return [...e.dataTransfer.items].some(f => f.kind === "file" && f.type.startsWith("image/"));
+      }
+      return false;
+    };
+
+    // On drop upload files
+    this.node.onDragDrop = (e) => {
+      console.log("onDragDrop called");
+      let handled = false;
+      for (const file of e.dataTransfer.files) {
+        if (file.type.startsWith("image/")) {
+          this.handleImageFile(file);
+          handled = true;
+        }
+      }
+      return handled;
+    };
+
+    // context menu
+    this.createContextMenu();
+
+    if (reset && context.pointsEditor.element) {
+      context.pointsEditor.element.innerHTML = ''; // Clear the container
+    }
+    this.pos_coordWidget = context.widgets.find(w => w.name === "coordinates");
+    this.neg_coordWidget = context.widgets.find(w => w.name === "neg_coordinates");
+    this.pointsStoreWidget = context.widgets.find(w => w.name === "points_store");
+    this.widthWidget = context.widgets.find(w => w.name === "width");
+    this.heightWidget = context.widgets.find(w => w.name === "height");
+    this.bboxStoreWidget = context.widgets.find(w => w.name === "bbox_store");
+    this.bboxWidget = context.widgets.find(w => w.name === "bboxes");
+
+    //widget callbacks
+    this.widthWidget.callback = () => {
+      this.width = this.widthWidget.value;
+      if (this.width > 256) {
+        context.setSize([this.width + 45, context.size[1]]);
+      }
+      this.vis.width(this.width);
+      this.updateData();
+    }
+    this.heightWidget.callback = () => {
+      this.height = this.heightWidget.value
+      this.vis.height(this.height)
+      context.setSize([context.size[0], this.height + 300]);
+      this.updateData();
+    }
+    this.pointsStoreWidget.callback = () => {
+      this.points = JSON.parse(pointsStoreWidget.value).positive;
+      this.neg_points = JSON.parse(pointsStoreWidget.value).negative;
+      this.updateData();
+    }
+    this.bboxStoreWidget.callback = () => {
+      this.bbox = JSON.parse(bboxStoreWidget.value)
+      this.updateData();
+    }
+
+    this.width = this.widthWidget.value;
+    this.height = this.heightWidget.value;
+    var i = 3;
+    this.points = [];
+    this.neg_points = [];
+    this.bbox = [{}];
+    var drawing = false;
+
+    // Initialize or reset points array
+    if (!reset && this.pointsStoreWidget.value != "") {
+      this.points = JSON.parse(this.pointsStoreWidget.value).positive;
+      this.neg_points = JSON.parse(this.pointsStoreWidget.value).negative;
+      this.bbox = JSON.parse(this.bboxStoreWidget.value);
+      console.log(this.bbox)
+    } else {
+      this.points = [
+        {
+          x: this.width / 2, // Middle point horizontally centered
+          y: this.height / 2 // Middle point vertically centered
+        }
+      ];
+      this.neg_points = [
+        {
+          x: 0, // Middle point horizontally centered
+          y: 0 // Middle point vertically centered
+        }
+      ];
+      const combinedPoints = {
+        positive: this.points,
+        negative: this.neg_points,
+      };
+      this.pointsStoreWidget.value = JSON.stringify(combinedPoints);
+      this.bboxStoreWidget.value = JSON.stringify(this.bbox);
+    }
+
+    //create main canvas panel
+    this.vis = new pv.Panel()
+      .width(this.width)
+      .height(this.height)
+      .fillStyle("#222")
+      .strokeStyle("gray")
+      .lineWidth(2)
+      .antialias(false)
+      .margin(10)
+      .event("mousedown", function () { 
+        if (pv.event.shiftKey && pv.event.button === 2) { // Use pv.event to access the event object
+          let scaledMouse = {
+            x: this.mouse().x / app.canvas.ds.scale,
+            y: this.mouse().y / app.canvas.ds.scale
+          };
+          i = self.neg_points.push(scaledMouse) - 1;
+          self.updateData();
+          return this;
+        }
+        else if (pv.event.shiftKey) {
+          let scaledMouse = {
+            x: this.mouse().x / app.canvas.ds.scale,
+            y: this.mouse().y / app.canvas.ds.scale
+          };
+          i = self.points.push(scaledMouse) - 1;
+          self.updateData();
+          return this;
+        }
+        else if (pv.event.ctrlKey) {
+          console.log("start drawing at " + this.mouse().x / app.canvas.ds.scale + ", " + this.mouse().y / app.canvas.ds.scale);
+          drawing = true;
+          self.bbox[0].startX = this.mouse().x / app.canvas.ds.scale;
+          self.bbox[0].startY = this.mouse().y / app.canvas.ds.scale;
+        }
+        else if (pv.event.button === 2) {
+          self.node.contextMenu.style.display = 'block';
+          self.node.contextMenu.style.left = `${pv.event.clientX}px`;
+          self.node.contextMenu.style.top = `${pv.event.clientY}px`;
+        }
+      })
+      .event("mousemove", function () {
+        if (drawing) {
+          self.bbox[0].endX = this.mouse().x / app.canvas.ds.scale;
+          self.bbox[0].endY = this.mouse().y / app.canvas.ds.scale;
+          self.vis.render();
+        }
+      })
+      .event("mouseup", function () {
+        console.log("end drawing at " + this.mouse().x / app.canvas.ds.scale + ", " + this.mouse().y / app.canvas.ds.scale);
+        drawing = false;
+        self.updateData();
+      });
+
+    this.backgroundImage = this.vis.add(pv.Image).visible(false)
+    
+    //create bounding box
+    this.bounding_box = this.vis.add(pv.Area)
+      .data(function () {
+        if (drawing || (self.bbox && self.bbox[0] && Object.keys(self.bbox[0]).length > 0)) {
+          return [self.bbox[0].startX, self.bbox[0].endX];
+        } else {
+          return [];
+        }
+      })
+      .bottom(function () {return self.height - Math.max(self.bbox[0].startY, self.bbox[0].endY); })
+      .left(function (d) {return d; })
+      .height(function () {return Math.abs(self.bbox[0].startY - self.bbox[0].endY);})
+      .fillStyle("rgba(70, 130, 180, 0.5)")
+      .strokeStyle("steelblue")
+      .visible(function () {return drawing || Object.keys(self.bbox[0]).length > 0; })
+      .add(pv.Dot)
+        .visible(function () {return drawing || Object.keys(self.bbox[0]).length > 0; })
+        .data(() => {
+          if (self.bbox && Object.keys(self.bbox[0]).length > 0) {
+            return [{
+              x: self.bbox[0].endX,
+              y: self.bbox[0].endY
+            }];
+          } else {
+            return [];
+          }
+        })
+        .left(d => d.x)
+        .top(d => d.y)
+        .radius(Math.log(Math.min(self.width, self.height)) * 1)
+        .shape("square")
+        .cursor("move")
+        .strokeStyle("steelblue")
+        .lineWidth(2)
+        .fillStyle(function () { return "rgba(100, 100, 100, 0.6)"; })
+        .event("mousedown", pv.Behavior.drag())
+        .event("drag", function () {
+          let adjustedX = this.mouse().x / app.canvas.ds.scale; // Adjust the new position by the inverse of the scale factor
+          let adjustedY = this.mouse().y / app.canvas.ds.scale; 
+
+          // Adjust the new position if it would place the dot outside the bounds of the vis.Panel
+          adjustedX = Math.max(0, Math.min(self.vis.width(), adjustedX));
+          adjustedY = Math.max(0, Math.min(self.vis.height(), adjustedY));
+          self.bbox[0].endX = this.mouse().x / app.canvas.ds.scale;
+          self.bbox[0].endY = this.mouse().y / app.canvas.ds.scale;
+          self.vis.render();
+        })
+        .event("dragend", function () {
+          self.updateData();
+        });
+
+    //create positive points
+    this.vis.add(pv.Dot)
+      .data(() => this.points)
+      .left(d => d.x)
+      .top(d => d.y)
+      .radius(Math.log(Math.min(self.width, self.height)) * 4)
+      .shape("circle")
+      .cursor("move")
+      .strokeStyle(function () { return i == this.index ? "#07f907" : "#139613"; })
+      .lineWidth(4)
+      .fillStyle(function () { return "rgba(100, 100, 100, 0.6)"; })
+      .event("mousedown", pv.Behavior.drag())
+      .event("dragstart", function () {
+        i = this.index;
+      })
+      .event("dragend", function () {
+        if (pv.event.button === 2 && i !== 0 && i !== self.points.length - 1) {
+          this.index = i;
+          self.points.splice(i--, 1);
+        }
+        self.updateData();
+
+      })
+      .event("drag", function () {
+        let adjustedX = this.mouse().x / app.canvas.ds.scale; // Adjust the new X position by the inverse of the scale factor
+        let adjustedY = this.mouse().y / app.canvas.ds.scale; // Adjust the new Y position by the inverse of the scale factor
+        // Determine the bounds of the vis.Panel
+        const panelWidth = self.vis.width();
+        const panelHeight = self.vis.height();
+
+        // Adjust the new position if it would place the dot outside the bounds of the vis.Panel
+        adjustedX = Math.max(0, Math.min(panelWidth, adjustedX));
+        adjustedY = Math.max(0, Math.min(panelHeight, adjustedY));
+        self.points[this.index] = { x: adjustedX, y: adjustedY }; // Update the point's position
+        self.vis.render(); // Re-render the visualization to reflect the new position
+      })
+
+      .anchor("center")
+      .add(pv.Label)
+      .left(d => d.x < this.width / 2 ? d.x + 30 : d.x - 35) // Shift label to right if on left half, otherwise shift to left
+      .top(d => d.y < this.height / 2 ? d.y + 25 : d.y - 25)  // Shift label down if on top half, otherwise shift up
+      .font(25 + "px sans-serif")
+      .text(d => {return this.points.indexOf(d); })
+      .textStyle("#139613")
+      .textShadow("2px 2px 2px black")
+      .add(pv.Dot) // Add smaller point in the center
+      .data(() => this.points)
+        .left(d => d.x)
+        .top(d => d.y)
+        .radius(2)  // Smaller radius for the center point
+        .shape("circle")
+        .fillStyle("red")  // Color for the center point
+        .lineWidth(1);  // Stroke thickness for the center point
+
+    //create negative points
+    this.vis.add(pv.Dot)
+      .data(() => this.neg_points)
+      .left(d => d.x)
+      .top(d => d.y)
+      .radius(Math.log(Math.min(self.width, self.height)) * 4)
+      .shape("circle")
+      .cursor("move")
+      .strokeStyle(function () { return i == this.index ? "#f91111" : "#891616"; })
+      .lineWidth(4)
+      .fillStyle(function () { return "rgba(100, 100, 100, 0.6)"; })
+      .event("mousedown", pv.Behavior.drag())
+      .event("dragstart", function () {
+        i = this.index;
+      })
+      .event("dragend", function () {
+        if (pv.event.button === 2 && i !== 0 && i !== self.neg_points.length - 1) {
+          this.index = i;
+          self.neg_points.splice(i--, 1);
+        }
+        self.updateData();
+
+      })
+      .event("drag", function () {
+        let adjustedX = this.mouse().x / app.canvas.ds.scale; // Adjust the new X position by the inverse of the scale factor
+        let adjustedY = this.mouse().y / app.canvas.ds.scale; // Adjust the new Y position by the inverse of the scale factor
+        // Determine the bounds of the vis.Panel
+        const panelWidth = self.vis.width();
+        const panelHeight = self.vis.height();
+
+        // Adjust the new position if it would place the dot outside the bounds of the vis.Panel
+        adjustedX = Math.max(0, Math.min(panelWidth, adjustedX));
+        adjustedY = Math.max(0, Math.min(panelHeight, adjustedY));
+        self.neg_points[this.index] = { x: adjustedX, y: adjustedY }; // Update the point's position
+        self.vis.render(); // Re-render the visualization to reflect the new position
+      })
+      .anchor("center")
+      .add(pv.Label)
+        .left(d => d.x < this.width / 2 ? d.x + 30 : d.x - 35) // Shift label to right if on left half, otherwise shift to left
+        .top(d => d.y < this.height / 2 ? d.y + 25 : d.y - 25)  // Shift label down if on top half, otherwise shift up
+        .font(25 + "px sans-serif")
+        .text(d => {return this.neg_points.indexOf(d); })
+        .textStyle("red")
+        .textShadow("2px 2px 2px black")
+      .add(pv.Dot) // Add smaller point in the center
+        .data(() => this.neg_points)
+        .left(d => d.x)
+        .top(d => d.y)
+        .radius(2)  // Smaller radius for the center point
+        .shape("circle")
+        .fillStyle("red")  // Color for the center point
+        .lineWidth(1);  // Stroke thickness for the center point
+
+    if (this.points.length != 0) {
+      this.vis.render();
+    }
+
+    var svgElement = this.vis.canvas();
+    svgElement.style['zIndex'] = "2"
+    svgElement.style['position'] = "relative"
+    this.node.pointsEditor.element.appendChild(svgElement);
+
+    if (this.width > 256) {
+      this.node.setSize([this.width + 45, this.node.size[1]]);
+    }
+    this.node.setSize([this.node.size[0], this.height + 300]);
+    this.updateData();
+    this.refreshBackgroundImage();
+
+  }//end constructor
+
+  updateData = () => {
+    if (!this.points || this.points.length === 0) {
+      console.log("no points");
+      return;
+    }
+    const combinedPoints = {
+      positive: this.points,
+      negative: this.neg_points,
+    };
+    this.pointsStoreWidget.value = JSON.stringify(combinedPoints);
+    this.pos_coordWidget.value = JSON.stringify(this.points);
+    this.neg_coordWidget.value = JSON.stringify(this.neg_points);
+
+    if (this.bbox.length != 0) {    
+      let bboxString = JSON.stringify(this.bbox);
+      this.bboxStoreWidget.value = bboxString;
+      this.bboxWidget.value = bboxString;
+      }
+    
+    this.vis.render();
+    };
+
+  handleImageLoad = (img, file, base64String) => {
+    console.log(img.width, img.height); // Access width and height here
+    this.widthWidget.value = img.width;
+    this.heightWidget.value = img.height;
+
+    if (img.width != this.vis.width() || img.height != this.vis.height()) {
+      if (img.width > 256) {
+        this.node.setSize([img.width + 45, this.node.size[1]]);
+      }
+      this.node.setSize([this.node.size[0], img.height + 300]);
+      this.vis.width(img.width);
+      this.vis.height(img.height);
+      this.height = img.height;
+      this.width = img.width;
+      this.updateData();
+    }
+    this.backgroundImage.url(file ? URL.createObjectURL(file) : `data:${this.node.properties.imgData.type};base64,${base64String}`).visible(true).root.render();
+    };
+
+  processImage = (img, file) => {
+    const canvas = document.createElement('canvas');
+    const ctx = canvas.getContext('2d');
+
+    const maxWidth = 800; // maximum width
+    const maxHeight = 600; // maximum height
+    let width = img.width;
+    let height = img.height;
+
+    // Calculate the new dimensions while preserving the aspect ratio
+    if (width > height) {
+      if (width > maxWidth) {
+        height *= maxWidth / width;
+        width = maxWidth;
+      }
+    } else {
+      if (height > maxHeight) {
+        width *= maxHeight / height;
+        height = maxHeight;
+      }
+    }
+
+    canvas.width = width;
+    canvas.height = height;
+    ctx.drawImage(img, 0, 0, width, height);
+
+    // Get the compressed image data as a Base64 string
+    const base64String = canvas.toDataURL('image/jpeg', 0.5).replace('data:', '').replace(/^.+,/, ''); // 0.5 is the quality from 0 to 1
+
+    this.node.properties.imgData = {
+      name: file.name,
+      lastModified: file.lastModified,
+      size: file.size,
+      type: file.type,
+      base64: base64String
+    };
+    handleImageLoad(img, file, base64String);
+};
+
+  handleImageFile = (file) => {
+    const reader = new FileReader();
+    reader.onloadend = () => {
+      const img = new Image();
+      img.src = reader.result;
+      img.onload = () => processImage(img, file);
+    };
+    reader.readAsDataURL(file);
+
+    const imageUrl = URL.createObjectURL(file);
+    const img = new Image();
+    img.src = imageUrl;
+    img.onload = () => this.handleImageLoad(img, file, null);
+  };
+
+  refreshBackgroundImage = () => {
+    if (this.node.properties.imgData && this.node.properties.imgData.base64) {
+      const base64String = this.node.properties.imgData.base64;
+      const imageUrl = `data:${this.node.properties.imgData.type};base64,${base64String}`;
+      const img = new Image();
+      img.src = imageUrl;
+      img.onload = () => this.handleImageLoad(img, null, base64String);
+    }
+  };
+
+  createContextMenu = () => {
+    self = this;
+    document.addEventListener('contextmenu', function (e) {
+      e.preventDefault();
+    });
+
+    document.addEventListener('click', function (e) {
+      if (!self.node.contextMenu.contains(e.target)) {
+        self.node.contextMenu.style.display = 'none';
+      }
+    });
+
+    this.node.menuItems.forEach((menuItem, index) => {
+      self = this;
+      menuItem.addEventListener('click', function (e) {
+        e.preventDefault();
+        switch (index) {
+          case 0:
+            // Create file input element
+            const fileInput = document.createElement('input');
+            fileInput.type = 'file';
+            fileInput.accept = 'image/*'; // Accept only image files
+
+            // Listen for file selection
+            fileInput.addEventListener('change', function (event) {
+              const file = event.target.files[0]; // Get the selected file
+
+              if (file) {
+                const imageUrl = URL.createObjectURL(file);
+                let img = new Image();
+                img.src = imageUrl;
+                img.onload = () => self.handleImageLoad(img, file, null);
+              }
+            });
+
+            fileInput.click();
+            
+            self.node.contextMenu.style.display = 'none';
+            break;
+          case 1:
+            self.backgroundImage.visible(false).root.render();
+            self.node.properties.imgData = null;
+            self.node.contextMenu.style.display = 'none';
+            break;
+        }
+      });
+    });
+  }//end createContextMenu
+}//end class
+
+
+//from melmass
+export function hideWidgetForGood(node, widget, suffix = '') {
+  widget.origType = widget.type
+  widget.origComputeSize = widget.computeSize
+  widget.origSerializeValue = widget.serializeValue
+  widget.computeSize = () => [0, -4] // -4 is due to the gap litegraph adds between widgets automatically
+  widget.type = "converted-widget" + suffix
+  // widget.serializeValue = () => {
+  //     // Prevent serializing the widget if we have no input linked
+  //     const w = node.inputs?.find((i) => i.widget?.name === widget.name);
+  //     if (w?.link == null) {
+  //         return undefined;
+  //     }
+  //     return widget.origSerializeValue ? widget.origSerializeValue() : widget.value;
+  // };
+
+  // Hide any linked widgets, e.g. seed+seedControl
+  if (widget.linkedWidgets) {
+    for (const w of widget.linkedWidgets) {
+      hideWidgetForGood(node, w, ':' + widget.name)
+    }
+  }
+}

web/js/setgetnodes.js

@@ -0,0 +1,565 @@
+import { app } from "../../../scripts/app.js";
+
+//based on diffus3's SetGet: https://github.com/diffus3/ComfyUI-extensions
+
+// Nodes that allow you to tunnel connections for cleaner graphs
+function setColorAndBgColor(type) {
+    const colorMap = {
+        "MODEL": LGraphCanvas.node_colors.blue,
+        "LATENT": LGraphCanvas.node_colors.purple,
+        "VAE": LGraphCanvas.node_colors.red,
+        "CONDITIONING": LGraphCanvas.node_colors.brown,
+        "IMAGE": LGraphCanvas.node_colors.pale_blue,
+        "CLIP": LGraphCanvas.node_colors.yellow,
+        "FLOAT": LGraphCanvas.node_colors.green,
+		"MASK": { color: "#1c5715", bgcolor: "#1f401b"},
+		"INT": { color: "#1b4669", bgcolor: "#29699c"},
+		"CONTROL_NET": { color: "#156653", bgcolor: "#1c453b"},
+		"NOISE": { color: "#2e2e2e", bgcolor: "#242121"},
+		"GUIDER": { color: "#3c7878", bgcolor: "#1c453b"},
+		"SAMPLER": { color: "#614a4a", bgcolor: "#3b2c2c"},
+		"SIGMAS": { color: "#485248", bgcolor: "#272e27"},
+
+    };
+
+    const colors = colorMap[type];
+    if (colors) {
+        this.color = colors.color;
+        this.bgcolor = colors.bgcolor;
+    }
+}
+let disablePrefix = app.ui.settings.getSettingValue("KJNodes.disablePrefix")
+const LGraphNode = LiteGraph.LGraphNode
+
+function showAlert(message) {
+  app.extensionManager.toast.add({
+    severity: 'warn',
+    summary: "KJ Get/Set",
+    detail: `${message}. Most likely you're missing custom nodes`,
+    life: 5000,
+  })
+}
+app.registerExtension({
+	name: "SetNode",
+	registerCustomNodes() {
+		class SetNode extends LGraphNode {
+			defaultVisibility = true;
+			serialize_widgets = true;
+			drawConnection = false;
+			currentGetters = null;
+			slotColor = "#FFF";
+			canvas = app.canvas;
+			menuEntry = "Show connections";
+
+			constructor(title) {
+				super(title)
+				if (!this.properties) {
+					this.properties = {
+						"previousName": ""
+					};
+				}
+				this.properties.showOutputText = SetNode.defaultVisibility;
+
+				const node = this;
+
+				this.addWidget(
+					"text", 
+					"Constant", 
+					'', 
+					(s, t, u, v, x) => {
+						node.validateName(node.graph);
+						if(this.widgets[0].value !== ''){
+							this.title = (!disablePrefix ? "Set_" : "") + this.widgets[0].value;
+						}
+						this.update();
+						this.properties.previousName = this.widgets[0].value;
+					}, 
+					{}
+				)
+				
+				this.addInput("*", "*");
+				this.addOutput("*", '*');
+
+				this.onConnectionsChange = function(
+					slotType,	//1 = input, 2 = output
+					slot,
+					isChangeConnect,
+                    link_info,
+                    output
+				) {
+					//On Disconnect
+					if (slotType == 1 && !isChangeConnect) {
+						if(this.inputs[slot].name === ''){
+							this.inputs[slot].type = '*';
+							this.inputs[slot].name = '*';
+							this.title = "Set"
+						}
+					}
+					if (slotType == 2 && !isChangeConnect) {
+						if (this.outputs && this.outputs[slot]) {
+							this.outputs[slot].type = '*';
+							this.outputs[slot].name = '*';
+						}
+					}
+					//On Connect
+					if (link_info && node.graph && slotType == 1 && isChangeConnect) {
+						const fromNode = node.graph._nodes.find((otherNode) => otherNode.id == link_info.origin_id);
+						
+						if (fromNode && fromNode.outputs && fromNode.outputs[link_info.origin_slot]) {
+							const type = fromNode.outputs[link_info.origin_slot].type;
+						
+							if (this.title === "Set"){
+								this.title = (!disablePrefix ? "Set_" : "") + type;
+							}
+							if (this.widgets[0].value === '*'){
+								this.widgets[0].value = type	
+							}
+							
+							this.validateName(node.graph);
+							this.inputs[0].type = type;
+							this.inputs[0].name = type;
+							
+							if (app.ui.settings.getSettingValue("KJNodes.nodeAutoColor")){
+								setColorAndBgColor.call(this, type);	
+							}
+						} else {
+                showAlert("node input undefined.")
+						}
+					}
+					if (link_info && node.graph && slotType == 2 && isChangeConnect) {
+						const fromNode = node.graph._nodes.find((otherNode) => otherNode.id == link_info.origin_id);
+						
+						if (fromNode && fromNode.inputs && fromNode.inputs[link_info.origin_slot]) {
+							const type = fromNode.inputs[link_info.origin_slot].type;
+							
+							this.outputs[0].type = type;
+							this.outputs[0].name = type;
+						} else {
+							showAlert('node output undefined');
+						}
+					}
+					
+
+					//Update either way
+					this.update();
+				}
+
+				this.validateName = function(graph) {
+					let widgetValue = node.widgets[0].value;
+				
+					if (widgetValue !== '') {
+						let tries = 0;
+						const existingValues = new Set();
+				
+						graph._nodes.forEach(otherNode => {
+							if (otherNode !== this && otherNode.type === 'SetNode') {
+								existingValues.add(otherNode.widgets[0].value);
+							}
+						});
+				
+						while (existingValues.has(widgetValue)) {
+							widgetValue = node.widgets[0].value + "_" + tries;
+							tries++;
+						}
+				
+						node.widgets[0].value = widgetValue;
+						this.update();
+					}
+				}
+
+				this.clone = function () {
+					const cloned = SetNode.prototype.clone.apply(this);
+					cloned.inputs[0].name = '*';
+					cloned.inputs[0].type = '*';
+					cloned.value = '';
+					cloned.properties.previousName = '';
+					cloned.size = cloned.computeSize();
+					return cloned;
+				};
+
+				this.onAdded = function(graph) {
+					this.validateName(graph);
+				}
+
+
+				this.update = function() {
+					if (!node.graph) {
+						return;
+					}
+				
+					const getters = this.findGetters(node.graph);
+					getters.forEach(getter => {
+						getter.setType(this.inputs[0].type);
+					});
+				
+					if (this.widgets[0].value) {
+						const gettersWithPreviousName = this.findGetters(node.graph, true);
+						gettersWithPreviousName.forEach(getter => {
+							getter.setName(this.widgets[0].value);
+						});
+					}
+				
+					const allGetters = node.graph._nodes.filter(otherNode => otherNode.type === "GetNode");
+					allGetters.forEach(otherNode => {
+						if (otherNode.setComboValues) {
+							otherNode.setComboValues();
+						}
+					});
+				}
+
+
+				this.findGetters = function(graph, checkForPreviousName) {
+					const name = checkForPreviousName ? this.properties.previousName : this.widgets[0].value;
+					return graph._nodes.filter(otherNode => otherNode.type === 'GetNode' && otherNode.widgets[0].value === name && name !== '');
+				}
+
+				
+				// This node is purely frontend and does not impact the resulting prompt so should not be serialized
+				this.isVirtualNode = true;
+			}
+				
+
+			onRemoved() {
+				const allGetters = this.graph._nodes.filter((otherNode) => otherNode.type == "GetNode");
+				allGetters.forEach((otherNode) => {
+					if (otherNode.setComboValues) {
+						otherNode.setComboValues([this]);
+					}
+				})
+			}
+			getExtraMenuOptions(_, options) {
+				this.menuEntry = this.drawConnection ? "Hide connections" : "Show connections";
+				options.unshift(
+					{
+						content: this.menuEntry,
+						callback: () => {
+							this.currentGetters = this.findGetters(this.graph);								
+							if (this.currentGetters.length == 0) return;
+							let linkType = (this.currentGetters[0].outputs[0].type);	
+							this.slotColor = this.canvas.default_connection_color_byType[linkType]
+							this.menuEntry = this.drawConnection ? "Hide connections" : "Show connections";
+							this.drawConnection = !this.drawConnection;
+							this.canvas.setDirty(true, true);
+							
+						},
+						has_submenu: true,
+						submenu: {
+							title: "Color",
+                            options: [ 
+								{
+								content: "Highlight",
+								callback: () => {
+									this.slotColor = "orange"
+									this.canvas.setDirty(true, true);
+									}
+								}
+							],
+						},
+					},
+					{
+						content: "Hide all connections",
+						callback: () => {
+							const allGetters = this.graph._nodes.filter(otherNode => otherNode.type === "GetNode" || otherNode.type === "SetNode");
+							allGetters.forEach(otherNode => {
+								otherNode.drawConnection = false;
+								console.log(otherNode);
+							});
+							
+							this.menuEntry = "Show connections";
+							this.drawConnection = false
+							this.canvas.setDirty(true, true);
+							
+						},
+					
+					},
+				);
+				// Dynamically add a submenu for all getters
+				this.currentGetters = this.findGetters(this.graph);
+				if (this.currentGetters) {
+					
+					let gettersSubmenu = this.currentGetters.map(getter => ({
+						
+						content: `${getter.title} id: ${getter.id}`,
+						callback: () => {
+							this.canvas.centerOnNode(getter);
+							this.canvas.selectNode(getter, false);
+							this.canvas.setDirty(true, true);
+							
+						},
+					}));
+			
+					options.unshift({
+						content: "Getters",
+						has_submenu: true,
+						submenu: {
+							title: "GetNodes",
+                            options: gettersSubmenu,
+						}
+					});
+				}
+			}
+			
+			
+			onDrawForeground(ctx, lGraphCanvas) {
+				if (this.drawConnection) {
+					this._drawVirtualLinks(lGraphCanvas, ctx);
+				}
+			}
+			// onDrawCollapsed(ctx, lGraphCanvas) {
+			// 	if (this.drawConnection) {
+			// 		this._drawVirtualLinks(lGraphCanvas, ctx);
+			// 	}
+			// }
+			_drawVirtualLinks(lGraphCanvas, ctx) {
+				if (!this.currentGetters?.length) return;
+				var title = this.getTitle ? this.getTitle() : this.title;
+				var title_width = ctx.measureText(title).width;
+				if (!this.flags.collapsed) {
+					var start_node_slotpos = [
+						this.size[0],
+						LiteGraph.NODE_TITLE_HEIGHT * 0.5,
+						];
+				}
+				else {
+					
+					var start_node_slotpos = [
+						title_width + 55,
+						-15,
+
+						];
+				}
+				// Provide a default link object with necessary properties, to avoid errors as link can't be null anymore
+				const defaultLink = { type: 'default', color: this.slotColor };
+
+				for (const getter of this.currentGetters) {
+					if (!this.flags.collapsed) {
+					var end_node_slotpos = this.getConnectionPos(false, 0);
+					end_node_slotpos = [
+						getter.pos[0] - end_node_slotpos[0] + this.size[0],
+						getter.pos[1] - end_node_slotpos[1]
+						];
+					}
+					else {
+						var end_node_slotpos = this.getConnectionPos(false, 0);
+						end_node_slotpos = [
+						getter.pos[0] - end_node_slotpos[0] + title_width + 50,
+						getter.pos[1] - end_node_slotpos[1] - 30
+						];
+					}
+					lGraphCanvas.renderLink(
+						ctx,
+						start_node_slotpos,
+						end_node_slotpos,
+						defaultLink,
+						false,
+						null,
+						this.slotColor,
+						LiteGraph.RIGHT,
+						LiteGraph.LEFT
+					);
+				}
+			}
+		}
+
+		LiteGraph.registerNodeType(
+			"SetNode",
+			Object.assign(SetNode, {
+				title: "Set",
+			})
+		);
+
+		SetNode.category = "KJNodes";
+	},
+});
+
+app.registerExtension({
+	name: "GetNode",
+	registerCustomNodes() {
+		class GetNode extends LGraphNode {
+
+			defaultVisibility = true;
+			serialize_widgets = true;
+			drawConnection = false;
+			slotColor = "#FFF";
+			currentSetter = null;
+			canvas = app.canvas;
+
+			constructor(title) {
+				super(title)
+				if (!this.properties) {
+					this.properties = {};
+				}
+				this.properties.showOutputText = GetNode.defaultVisibility;
+				const node = this;
+				this.addWidget(
+					"combo",
+					"Constant",
+					"",
+					(e) => {
+						this.onRename();
+					},
+					{
+						values: () => {
+                            const setterNodes = node.graph._nodes.filter((otherNode) => otherNode.type == 'SetNode');
+                            return setterNodes.map((otherNode) => otherNode.widgets[0].value).sort();
+                        }
+					}
+				)
+
+				this.addOutput("*", '*');			
+				this.onConnectionsChange = function(
+					slotType,	//0 = output, 1 = input
+					slot,	//self-explanatory
+					isChangeConnect,
+                    link_info,
+                    output
+				) {
+					this.validateLinks();	
+				}
+
+				this.setName = function(name) {
+					node.widgets[0].value = name;
+					node.onRename();
+					node.serialize();
+				}
+				
+				this.onRename = function() {
+					const setter = this.findSetter(node.graph);
+					if (setter) {
+						let linkType = (setter.inputs[0].type);
+						
+						this.setType(linkType);
+						this.title = (!disablePrefix ? "Get_" : "") + setter.widgets[0].value;
+						
+						if (app.ui.settings.getSettingValue("KJNodes.nodeAutoColor")){
+							setColorAndBgColor.call(this, linkType);	
+						}
+
+					} else {
+						this.setType('*');
+					}
+				}
+
+				this.clone = function () {
+					const cloned = GetNode.prototype.clone.apply(this);
+					cloned.size = cloned.computeSize();
+					return cloned;
+				};
+
+				this.validateLinks = function() {
+					if (this.outputs[0].type !== '*' && this.outputs[0].links) {
+						this.outputs[0].links.filter(linkId => {
+							const link = node.graph.links[linkId];
+							return link && (!link.type.split(",").includes(this.outputs[0].type) && link.type !== '*');
+						}).forEach(linkId => {
+							node.graph.removeLink(linkId);
+						});
+					}
+				};
+
+				this.setType = function(type) {
+					this.outputs[0].name = type;
+					this.outputs[0].type = type;
+					this.validateLinks();
+				}
+
+				this.findSetter = function(graph) {
+					const name = this.widgets[0].value;
+					const foundNode = graph._nodes.find(otherNode => otherNode.type === 'SetNode' && otherNode.widgets[0].value === name && name !== '');
+					return foundNode;
+				};
+
+				this.goToSetter = function() {
+					const setter = this.findSetter(this.graph);	
+					this.canvas.centerOnNode(setter);
+					this.canvas.selectNode(setter, false);
+				};
+				
+				// This node is purely frontend and does not impact the resulting prompt so should not be serialized
+				this.isVirtualNode = true;
+			}
+			
+			getInputLink(slot) {
+				const setter = this.findSetter(this.graph);
+			
+				if (setter) {
+					const slotInfo = setter.inputs[slot];
+					const link = this.graph.links[slotInfo.link];
+					return link;
+				} else {
+					const errorMessage = "No SetNode found for " + this.widgets[0].value + "(" + this.type + ")";
+					showAlert(errorMessage);
+					//throw new Error(errorMessage);
+				}
+			}
+			onAdded(graph) {
+			}
+			getExtraMenuOptions(_, options) {
+				let menuEntry = this.drawConnection ? "Hide connections" : "Show connections";
+				
+				options.unshift(
+					{
+						content: "Go to setter",
+						callback: () => {
+							this.goToSetter();
+						},
+					},
+					{
+						content: menuEntry,
+						callback: () => {
+							this.currentSetter = this.findSetter(this.graph);
+							if (this.currentSetter.length == 0) return;
+							let linkType = (this.currentSetter.inputs[0].type);	
+							this.drawConnection = !this.drawConnection;
+							this.slotColor = this.canvas.default_connection_color_byType[linkType]
+							menuEntry = this.drawConnection ? "Hide connections" : "Show connections";
+							this.canvas.setDirty(true, true);
+						},
+					},
+				);
+			}
+
+			onDrawForeground(ctx, lGraphCanvas) {
+				if (this.drawConnection) {
+					this._drawVirtualLink(lGraphCanvas, ctx);
+				}
+			}
+			// onDrawCollapsed(ctx, lGraphCanvas) {
+			// 	if (this.drawConnection) {
+			// 		this._drawVirtualLink(lGraphCanvas, ctx);
+			// 	}
+			// }
+			_drawVirtualLink(lGraphCanvas, ctx) {
+				if (!this.currentSetter) return;
+
+				// Provide a default link object with necessary properties, to avoid errors as link can't be null anymore
+				const defaultLink = { type: 'default', color: this.slotColor };
+				
+				let start_node_slotpos = this.currentSetter.getConnectionPos(false, 0);
+				start_node_slotpos = [
+					start_node_slotpos[0] - this.pos[0],
+					start_node_slotpos[1] - this.pos[1],
+				];
+				let end_node_slotpos = [0, -LiteGraph.NODE_TITLE_HEIGHT * 0.5];
+				lGraphCanvas.renderLink(
+					ctx,
+					start_node_slotpos,
+					end_node_slotpos,
+					defaultLink,
+					false,
+					null,
+					this.slotColor
+				);
+			}
+		}
+
+		LiteGraph.registerNodeType(
+			"GetNode",
+			Object.assign(GetNode, {
+				title: "Get",
+			})
+		);
+
+		GetNode.category = "KJNodes";
+	},
+});

web/js/spline_editor.js

@@ -0,0 +1,1379 @@
+import { app } from '../../../scripts/app.js'
+
+//from melmass
+export function makeUUID() {
+  let dt = new Date().getTime()
+  const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
+    const r = ((dt + Math.random() * 16) % 16) | 0
+    dt = Math.floor(dt / 16)
+    return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16)
+  })
+  return uuid
+}
+
+export const loadScript = (
+    FILE_URL,
+    async = true,
+    type = 'text/javascript',
+  ) => {
+    return new Promise((resolve, reject) => {
+      try {
+        // Check if the script already exists
+        const existingScript = document.querySelector(`script[src="${FILE_URL}"]`)
+        if (existingScript) {
+          resolve({ status: true, message: 'Script already loaded' })
+          return
+        }
+  
+        const scriptEle = document.createElement('script')
+        scriptEle.type = type
+        scriptEle.async = async
+        scriptEle.src = FILE_URL
+  
+        scriptEle.addEventListener('load', (ev) => {
+          resolve({ status: true })
+        })
+  
+        scriptEle.addEventListener('error', (ev) => {
+          reject({
+            status: false,
+            message: `Failed to load the script ${FILE_URL}`,
+          })
+        })
+  
+        document.body.appendChild(scriptEle)
+      } catch (error) {
+        reject(error)
+      }
+    })
+  }
+  const create_documentation_stylesheet = () => {
+    const tag = 'kj-splineditor-stylesheet'
+
+    let styleTag = document.head.querySelector(tag)
+
+    if (!styleTag) {
+      styleTag = document.createElement('style')
+      styleTag.type = 'text/css'
+      styleTag.id = tag
+      styleTag.innerHTML = `
+       .spline-editor {
+
+        position: absolute;
+
+        font: 12px monospace;
+        line-height: 1.5em;
+        padding: 10px;
+        z-index: 0;
+        overflow: hidden;
+       }
+        `
+      document.head.appendChild(styleTag)
+    }
+  }
+
+loadScript('kjweb_async/svg-path-properties.min.js').catch((e) => {
+    console.log(e)
+})
+loadScript('kjweb_async/protovis.min.js').catch((e) => {
+  console.log(e)
+})
+create_documentation_stylesheet()
+
+function chainCallback(object, property, callback) {
+  if (object == undefined) {
+      //This should not happen.
+      console.error("Tried to add callback to non-existant object")
+      return;
+  }
+  if (property in object) {
+      const callback_orig = object[property]
+      object[property] = function () {
+          const r = callback_orig.apply(this, arguments);
+          callback.apply(this, arguments);
+          return r
+      };
+  } else {
+      object[property] = callback;
+  }
+}
+app.registerExtension({
+    name: 'KJNodes.SplineEditor', 
+    
+    async beforeRegisterNodeDef(nodeType, nodeData) {
+        if (nodeData?.name === 'SplineEditor') {
+          chainCallback(nodeType.prototype, "onNodeCreated", function () {
+            
+            this.widgets.find(w => w.name === "coordinates").hidden = true
+
+            var element = document.createElement("div");
+            this.uuid = makeUUID()
+            element.id = `spline-editor-${this.uuid}`
+
+            this.previewMediaType = 'image'
+
+            this.splineEditor = this.addDOMWidget(nodeData.name, "SplineEditorWidget", element, {
+            serialize: false,
+            hideOnZoom: false,
+            });
+
+            // context menu
+            this.contextMenu = document.createElement("div");
+            this.contextMenu.className = 'spline-editor-context-menu';
+            this.contextMenu.id = "context-menu";
+            this.contextMenu.style.display = "none";
+            this.contextMenu.style.position = "absolute";
+            this.contextMenu.style.backgroundColor = "#202020";
+            this.contextMenu.style.minWidth = "100px";
+            this.contextMenu.style.boxShadow = "0px 8px 16px 0px rgba(0,0,0,0.2)";
+            this.contextMenu.style.zIndex = "100";
+            this.contextMenu.style.padding = "5px";
+
+            function styleMenuItem(menuItem) {
+              menuItem.style.display = "block";
+              menuItem.style.padding = "5px";
+              menuItem.style.color = "#FFF";
+              menuItem.style.fontFamily = "Arial, sans-serif";
+              menuItem.style.fontSize = "16px";
+              menuItem.style.textDecoration = "none";
+              menuItem.style.marginBottom = "5px";
+            }
+            function createMenuItem(id, textContent) {
+              let menuItem = document.createElement("a");
+              menuItem.href = "#";
+              menuItem.id = `menu-item-${id}`;
+              menuItem.textContent = textContent;
+              styleMenuItem(menuItem);
+              return menuItem;
+            }
+            
+            // Create an array of menu items using the createMenuItem function
+            this.menuItems = [
+              createMenuItem(0, "Toggle handles"),
+              createMenuItem(1, "Display sample points"),
+              createMenuItem(2, "Switch point shape"),
+              createMenuItem(3, "Background image"),
+              createMenuItem(4, "Invert point order"),
+              createMenuItem(5, "Clear Image"),
+              createMenuItem(6, "Add new spline"),
+              createMenuItem(7, "Add new single point"),
+              createMenuItem(8, "Delete current spline"),
+              createMenuItem(9, "Next spline"),
+            ];
+            
+            // Add mouseover and mouseout event listeners to each menu item for styling
+            this.menuItems.forEach(menuItem => {
+              menuItem.addEventListener('mouseover', function() {
+                this.style.backgroundColor = "gray";
+              });
+            
+              menuItem.addEventListener('mouseout', function() {
+                this.style.backgroundColor = "#202020";
+              });
+            });
+            
+            // Append each menu item to the context menu
+            this.menuItems.forEach(menuItem => {
+              this.contextMenu.appendChild(menuItem);
+            });
+
+            document.body.appendChild(this.contextMenu);
+
+            this.addWidget("button", "New canvas", null, () => {
+              if (!this.properties || !("points" in this.properties)) {
+              this.editor = new SplineEditor(this);
+                this.addProperty("points", this.constructor.type, "string");
+              }
+              else {
+              this.editor = new SplineEditor(this, true);
+              }
+            });
+            
+            this.setSize([550, 1000]);
+            this.resizable = false;
+            this.splineEditor.parentEl = document.createElement("div");
+            this.splineEditor.parentEl.className = "spline-editor";
+            this.splineEditor.parentEl.id = `spline-editor-${this.uuid}`
+            element.appendChild(this.splineEditor.parentEl);
+            
+          chainCallback(this, "onConfigure", function () {
+            try {
+              this.editor = new SplineEditor(this);
+            } catch (error) {
+              console.error("An error occurred while configuring the editor:", error);
+            }
+          });
+          chainCallback(this, "onExecuted", function (message) {
+            let bg_image = message["bg_image"];
+            this.properties.imgData = {
+              name: "bg_image",
+              base64: bg_image
+            };
+            this.editor.refreshBackgroundImage(this);
+                });
+              
+          }); // onAfterGraphConfigured
+        }//node created
+      } //before register
+})//register
+
+
+class SplineEditor{
+  constructor(context, reset = false) {
+  this.node = context;
+  this.reset=reset;
+  const self = this;
+  console.log("creatingSplineEditor")
+
+  this.node.pasteFile = (file) => {
+    if (file.type.startsWith("image/")) {
+      this.handleImageFile(file);
+      return true;
+    }
+    return false;
+  };
+
+  this.node.onDragOver = function (e) {
+    if (e.dataTransfer && e.dataTransfer.items) {
+      return [...e.dataTransfer.items].some(f => f.kind === "file" && f.type.startsWith("image/"));
+    }
+    return false;
+  };
+
+  // On drop upload files
+  this.node.onDragDrop = (e) => {
+    console.log("onDragDrop called");
+    let handled = false;
+    for (const file of e.dataTransfer.files) {
+      if (file.type.startsWith("image/")) {
+        this.handleImageFile(file);
+        handled = true;
+      }
+    }
+    return handled;
+  };
+
+  // context menu
+  this.createContextMenu();
+  
+
+  this.dotShape = "circle";
+  this.drawSamplePoints = false;
+  
+  if (reset && context.splineEditor.element) {
+    context.splineEditor.element.innerHTML = ''; // Clear the container
+  }
+  this.coordWidget = context.widgets.find(w => w.name === "coordinates");
+  this.interpolationWidget = context.widgets.find(w => w.name === "interpolation");
+  this.pointsWidget = context.widgets.find(w => w.name === "points_to_sample");
+  this.pointsStoreWidget = context.widgets.find(w => w.name === "points_store");
+  this.tensionWidget = context.widgets.find(w => w.name === "tension");
+  this.minValueWidget = context.widgets.find(w => w.name === "min_value");
+  this.maxValueWidget = context.widgets.find(w => w.name === "max_value");
+  this.samplingMethodWidget = context.widgets.find(w => w.name === "sampling_method");
+  this.widthWidget = context.widgets.find(w => w.name === "mask_width");
+  this.heightWidget = context.widgets.find(w => w.name === "mask_height");
+
+  this.interpolation = this.interpolationWidget.value
+  this.tension = this.tensionWidget.value
+  this.points_to_sample = this.pointsWidget.value
+  this.rangeMin = this.minValueWidget.value
+  this.rangeMax = this.maxValueWidget.value
+  this.pointsLayer = null;
+  this.samplingMethod = this.samplingMethodWidget.value
+  
+  if (this.samplingMethod == "path"||this.samplingMethod == "speed") {
+    this.dotShape = "triangle"
+  }
+  
+  
+  this.interpolationWidget.callback = () => {
+    this.interpolation = this.interpolationWidget.value
+    this.updatePath();
+  }
+  this.samplingMethodWidget.callback = () => {
+    this.samplingMethod = this.samplingMethodWidget.value
+    if (this.samplingMethod == "path") {
+      this.dotShape = "triangle"
+    }
+    else if (this.samplingMethod == "controlpoints") {
+      this.dotShape = "circle"
+      this.drawSamplePoints = true;
+    }
+    this.updatePath();
+  }
+  this.tensionWidget.callback = () => {
+    this.tension = this.tensionWidget.value
+    this.updatePath();
+  }
+  this.pointsWidget.callback = () => {
+    this.points_to_sample = this.pointsWidget.value
+    this.updatePath();
+  }
+  this.minValueWidget.callback = () => {
+    this.rangeMin = this.minValueWidget.value
+    this.updatePath();
+  }
+  this.maxValueWidget.callback = () => {
+    this.rangeMax = this.maxValueWidget.value
+    this.updatePath();
+  }
+  this.widthWidget.callback = () => {
+    this.width = this.widthWidget.value;
+    if (this.width > 256) {
+        context.setSize([this.width + 45, context.size[1]]);
+    }
+    this.vis.width(this.width);
+    this.updatePath();
+}
+this.heightWidget.callback = () => {
+    this.height = this.heightWidget.value
+    this.vis.height(this.height)
+    context.setSize([context.size[0], this.height + 450]);
+    this.updatePath();
+  }
+  this.pointsStoreWidget.callback = () => {
+    points = JSON.parse(this.pointsStoreWidget.value);
+    this.updatePath();
+  }
+  
+ // Initialize or reset points array
+ this.drawHandles = false;
+ this.drawRuler = true;
+ var hoverIndex = -1;
+ var isDragging = false;
+ this.width = this.widthWidget.value;
+ this.height = this.heightWidget.value;
+ var i = 3;
+ this.splines = [];
+ this.activeSplineIndex = 0; // Track which spline is being edited
+ // init mouse position
+this.lastMousePosition = { x: this.width/2, y: this.height/2 };
+
+ if (!reset && this.pointsStoreWidget.value != "") {
+  try {
+    const parsedData = JSON.parse(this.pointsStoreWidget.value);
+    // Check if it's already in the new format (array of splines)
+    if (Array.isArray(parsedData) && parsedData.length > 0 && parsedData[0].hasOwnProperty('points')) {
+      this.splines = parsedData;
+    } else {
+      // Convert old format (single array of points) to new format
+      this.splines = [{ 
+        points: parsedData, 
+        color: "#1f77b4", 
+        name: "Spline 1" 
+      }];
+    }
+  } catch (e) {
+    console.error("Error parsing spline data:", e);
+    this.initializeDefaultSplines();
+  }
+} else {
+  this.initializeDefaultSplines();
+  this.pointsStoreWidget.value = JSON.stringify(this.splines);
+}
+
+  this.vis = new pv.Panel()
+  .width(this.width)
+  .height(this.height)
+  .fillStyle("#222")
+  .strokeStyle("gray")
+  .lineWidth(2)
+  .antialias(false)
+  .margin(10)
+  .event("mousedown", function () {
+    if (pv.event.shiftKey) { // Use pv.event to access the event object
+        let scaledMouse = {
+        x: this.mouse().x / app.canvas.ds.scale,
+        y: this.mouse().y / app.canvas.ds.scale
+        };
+        i = self.splines[self.activeSplineIndex].points.push(scaledMouse) - 1;
+        self.updatePath();
+        return this;
+    }
+    else if (pv.event.ctrlKey) {
+       // Capture the clicked location
+       let clickedPoint = {
+        x: this.mouse().x / app.canvas.ds.scale,
+        y: this.mouse().y / app.canvas.ds.scale
+        };
+
+        // Find the two closest points to the clicked location
+        const activePoints = self.splines[self.activeSplineIndex].points;
+        let { point1Index, point2Index } = self.findClosestPoints(self.splines[self.activeSplineIndex].points, clickedPoint);
+
+        // Calculate the midpoint between the two closest points
+        let midpoint = {
+            x: (activePoints[point1Index].x + activePoints[point2Index].x) / 2,
+            y: (activePoints[point1Index].y + activePoints[point2Index].y) / 2
+        };
+
+        // Insert the midpoint into the array
+        activePoints.splice(point2Index, 0, midpoint);
+        i = point2Index;
+        self.updatePath();
+    }
+    else if (pv.event.button === 2) {
+      // Store the current mouse position adjusted for scale
+      self.lastMousePosition = {
+        x: this.mouse().x / app.canvas.ds.scale,
+        y: this.mouse().y / app.canvas.ds.scale
+      };
+
+      self.node.contextMenu.style.display = 'block';
+      self.node.contextMenu.style.left = `${pv.event.clientX}px`;
+      self.node.contextMenu.style.top = `${pv.event.clientY}px`;
+      }
+    })
+    this.backgroundImage = this.vis.add(pv.Image).visible(false)
+
+  this.vis.add(pv.Rule)
+    .data(pv.range(0, this.height, 64))
+    .bottom(d =>  d)
+    .strokeStyle("gray")
+    .lineWidth(3)
+    .visible(() => self.drawRuler)
+
+  this.hoverSplineIndex = -1;
+
+  this.splines.forEach((spline, splineIndex) => {
+    const strokeObj = this.vis.add(pv.Line)
+      .data(() => spline.points)
+      .left(d => d.x)
+      .top(d => d.y)
+      .interpolate(() => this.interpolation)
+      .tension(() => this.tension)
+      .segmented(() => false)
+      .strokeStyle("black") // Stroke color
+      .lineWidth(() => {
+        // Make stroke slightly wider than the main line
+        if (splineIndex === this.activeSplineIndex) return 5;
+        if (splineIndex === this.hoverSplineIndex) return 4;
+        return 3.5;
+      });
+
+    this.vis.add(pv.Line)
+      .data(() => spline.points)
+      .left(d => d.x)
+      .top(d => d.y)
+      .interpolate(() => this.interpolation)
+      .tension(() => this.tension)
+      .segmented(() => false)
+      .strokeStyle(spline.color)
+      .lineWidth(() => {
+        // Change line width based on active or hover state
+        if (splineIndex === this.activeSplineIndex) return 3;
+        if (splineIndex === this.hoverSplineIndex) return 2;
+        return 1.5;
+      })
+      .event("mouseover", () => {
+        this.hoverSplineIndex = splineIndex;
+        this.vis.render();
+      })
+      .event("mouseout", () => {
+        this.hoverSplineIndex = -1;
+        this.vis.render();
+      })
+      .event("mousedown", () => {
+        if (this.activeSplineIndex !== splineIndex) {
+          this.activeSplineIndex = splineIndex;
+          this.refreshSplineElements();
+        }
+      });
+  });
+    
+    this.vis.add(pv.Dot)
+      .data(() => {
+        const activeSpline = this.splines[this.activeSplineIndex];
+        // If this is a single point, don't show it in the main visualization
+        if (activeSpline.isSinglePoint || (activeSpline.points && activeSpline.points.length === 1)) {
+          return []; // Return empty array to hide in main visualization
+        }
+        return activeSpline.points;
+      })
+      .left(d => d.x)
+      .top(d => d.y)
+      .radius(12)
+      .shape(function() {
+        return self.dotShape;
+    })
+    .angle(function() {
+      const index = this.index;
+      let angle = 0;
+
+      if (self.dotShape === "triangle") {
+        const activePoints = self.splines[self.activeSplineIndex].points;
+        let dxNext = 0, dyNext = 0;
+        if (index < activePoints.length - 1) {
+          dxNext = activePoints[index + 1].x - activePoints[index].x;
+          dyNext = activePoints[index + 1].y - activePoints[index].y;
+        }
+      
+        let dxPrev = 0, dyPrev = 0;
+        if (index > 0) {
+          dxPrev = activePoints[index].x - activePoints[index - 1].x;
+          dyPrev = activePoints[index].y - activePoints[index - 1].y;
+        }
+
+        const dx = (dxNext + dxPrev) / 2;
+        const dy = (dyNext + dyPrev) / 2;
+
+        angle = Math.atan2(dy, dx);
+        angle -= Math.PI / 2;
+        angle = (angle + 2 * Math.PI) % (2 * Math.PI);
+      }
+
+    return angle;
+ })
+    .cursor("move")
+    .strokeStyle(function () { return i == this.index ? "#ff7f0e" : "#1f77b4"; })
+    .fillStyle(function () { return "rgba(100, 100, 100, 0.3)"; })
+    .event("mousedown", pv.Behavior.drag())
+    .event("dragstart", function () {
+        i = this.index;
+        hoverIndex = this.index;
+        isDragging = true;
+        const activePoints = self.splines[self.activeSplineIndex].points;
+          if (pv.event.button === 2 && i !== 0 && i !== activePoints.length - 1) {
+            activePoints.splice(i--, 1);
+            self.vis.render();
+          }
+        return this;
+    })
+    .event("dragend", function() {
+      if (this.pathElements !== null) {
+        self.updatePath();
+      }
+        isDragging = false;
+    })
+    .event("drag", function () {
+      let adjustedX = this.mouse().x / app.canvas.ds.scale; // Adjust the new X position by the inverse of the scale factor
+      let adjustedY = this.mouse().y / app.canvas.ds.scale; // Adjust the new Y position by the inverse of the scale factor
+       // Determine the bounds of the vis.Panel
+      const panelWidth = self.vis.width();
+      const panelHeight = self.vis.height();
+
+      // Adjust the new position if it would place the dot outside the bounds of the vis.Panel
+      adjustedX = Math.max(0, Math.min(panelWidth, adjustedX));
+      adjustedY = Math.max(0, Math.min(panelHeight, adjustedY));
+      self.splines[self.activeSplineIndex].points[this.index] = { x: adjustedX, y: adjustedY }; // Update the point's position
+      self.vis.render(); // Re-render the visualization to reflect the new position
+   })
+    .event("mouseover", function() {
+      hoverIndex = this.index; // Set the hover index to the index of the hovered dot
+      self.vis.render(); // Re-render the visualization
+    })
+    .event("mouseout", function() {
+      !isDragging && (hoverIndex = -1); // Reset the hover index when the mouse leaves the dot
+      self.vis.render(); // Re-render the visualization
+    })
+    .anchor("center")
+    .add(pv.Label)
+    .visible(function() {
+      return hoverIndex === this.index; // Only show the label for the hovered dot
+    })
+    .left(d => d.x < this.width / 2 ? d.x + 80 : d.x - 70) // Shift label to right if on left half, otherwise shift to left
+    .top(d => d.y < this.height / 2 ? d.y + 20 : d.y - 20)  // Shift label down if on top half, otherwise shift up
+    .font(12 + "px sans-serif")
+    .text(d => {
+      if (this.samplingMethod == "path") {
+        return `X: ${Math.round(d.x)}, Y: ${Math.round(d.y)}`;
+      } else {
+          let frame = Math.round((d.x / self.width) * self.points_to_sample);
+          let normalizedY = (1.0 - (d.y / self.height) - 0.0) * (self.rangeMax - self.rangeMin) + self.rangeMin;
+          let normalizedX = (d.x / self.width);
+          return `F: ${frame}, X: ${normalizedX.toFixed(2)}, Y: ${normalizedY.toFixed(2)}`;
+      }
+      })
+    .textStyle("orange")
+
+    // single points
+    this.vis.add(pv.Dot)
+      .data(() => {
+        // Collect all single points from all splines
+        const singlePoints = [];
+        this.splines.forEach((spline, splineIndex) => {
+          if (spline.isSinglePoint || (spline.points && spline.points.length === 1)) {
+            singlePoints.push({
+              x: spline.points[0].x, 
+              y: spline.points[0].y,
+              splineIndex: splineIndex,
+              color: spline.color
+            });
+          }
+        });
+        return singlePoints;
+      })
+      .left(d => d.x)
+      .top(d => d.y)
+      .radius(6)
+      .shape("square")
+      .strokeStyle(d => d.splineIndex === this.activeSplineIndex ? "#ff7f0e" : d.color)
+      .fillStyle(d => "rgba(100, 100, 100, 0.9)")
+      .lineWidth(d => d.splineIndex === this.activeSplineIndex ? 3 : 1.5)
+      .cursor("move")
+      .event("mousedown", pv.Behavior.drag())
+      .event("dragstart", function(d) {
+        self.activeSplineIndex = d.splineIndex;
+        self.refreshSplineElements();
+        return this;
+      })
+      .event("drag", function(d) {
+        let adjustedX = this.mouse().x / app.canvas.ds.scale;
+        let adjustedY = this.mouse().y / app.canvas.ds.scale;
+        
+        // Determine the bounds of the vis.Panel
+        const panelWidth = self.vis.width();
+        const panelHeight = self.vis.height();
+
+        // Adjust the new position if it would place the dot outside the bounds
+        adjustedX = Math.max(0, Math.min(panelWidth, adjustedX));
+        adjustedY = Math.max(0, Math.min(panelHeight, adjustedY));
+        
+        // Update the point position
+        const spline = self.splines[d.splineIndex];
+        spline.points[0] = { x: adjustedX, y: adjustedY };
+        
+        // For single points, we need to refresh the entire spline element
+        // to prevent the line-drawing effect
+        
+      })
+      .event("dragend", function(d) {
+        self.refreshSplineElements();
+        self.updatePath();
+      })
+      .visible(d => true);  // Make always visible
+ 
+    if (this.splines.length != 0) {
+        this.vis.render();
+      }
+      var svgElement = this.vis.canvas();
+      svgElement.style['zIndex'] = "2"
+      svgElement.style['position'] = "relative"
+      this.node.splineEditor.element.appendChild(svgElement);
+      this.pathElements = svgElement.getElementsByTagName('path'); // Get all path elements
+
+      if (this.width > 256) {
+        this.node.setSize([this.width + 45, this.node.size[1]]);
+      }
+      this.node.setSize([this.node.size[0], this.height + 450]);
+      this.updatePath();
+      this.refreshBackgroundImage();
+  }
+
+    updatePath = () => {
+      if (!this.splines || this.splines.length === 0) {
+        console.log("no splines");
+        return;
+      }
+      // Get active spline points
+      console.log("this.activeSplineIndex", this.activeSplineIndex);
+      const activeSpline = this.splines[this.activeSplineIndex];
+      const activePoints = activeSpline.points;
+      
+      if (!activePoints || activePoints.length === 0) {
+        console.log("no points in active spline");
+        return;
+      }
+
+      
+      let coords;
+      if (this.samplingMethod != "controlpoints") {
+        coords = this.samplePoints(this.pathElements[this.activeSplineIndex], this.points_to_sample, this.samplingMethod, this.width, this.activeSplineIndex);
+      } else {
+        coords = activePoints;
+      }
+
+      let allSplineCoords = [];
+      for (let i = 0; i < this.splines.length; i++) {
+        // Use the same sampling method for all splines
+        let splineCoords;
+        const pathElement = this.pathElements[i];
+        
+        if (this.samplingMethod != "controlpoints" && pathElement) {
+          splineCoords = this.samplePoints(pathElement, this.points_to_sample, this.samplingMethod, this.width, i);
+        } else {
+          // Fall back to control points if no path element or sampling method is "controlpoints"
+          splineCoords = this.splines[i].points;
+        }
+
+        allSplineCoords.push(splineCoords);
+      }
+
+      if (this.drawSamplePoints) {
+        if (this.pointsLayer) {
+          // Update the data of the existing points layer
+          this.pointsLayer.data(coords);
+        } else {
+            // Create the points layer if it doesn't exist
+            this.pointsLayer = this.vis.add(pv.Dot)
+                .data(coords)
+                .left(function(d) { return d.x; })
+                .top(function(d) { return d.y; })
+                .radius(5) // Adjust the radius as needed
+                .fillStyle("red") // Change the color as needed
+                .strokeStyle("black") // Change the stroke color as needed
+                .lineWidth(1); // Adjust the line width as needed
+          }
+      } else {
+          if (this.pointsLayer) {
+            // Remove the points layer
+            this.pointsLayer.data([]);
+            this.vis.render();
+          }
+      }
+      this.pointsStoreWidget.value = JSON.stringify(this.splines);
+      if (this.coordWidget) {
+        this.coordWidget.value = JSON.stringify(allSplineCoords);
+      }
+      this.vis.render();
+    };
+
+    handleImageLoad = (img, file, base64String) => {
+      //console.log(img.width, img.height); // Access width and height here
+      this.widthWidget.value = img.width;
+      this.heightWidget.value = img.height;
+      this.drawRuler = false;
+
+      if (img.width != this.vis.width() || img.height != this.vis.height()) {
+        if (img.width > 256) {
+          this.node.setSize([img.width + 45, this.node.size[1]]);
+        }
+        this.node.setSize([this.node.size[0], img.height + 520]);
+        this.vis.width(img.width);
+        this.vis.height(img.height);
+        this.height = img.height;
+        this.width = img.width;
+        
+        this.updatePath();
+      }
+      this.backgroundImage.url(file ? URL.createObjectURL(file) : `data:${this.node.properties.imgData.type};base64,${base64String}`).visible(true).root.render();
+      };
+
+    processImage = (img, file) => {
+      const canvas = document.createElement('canvas');
+      const ctx = canvas.getContext('2d');
+
+      const maxWidth = 800; // maximum width
+      const maxHeight = 600; // maximum height
+      let width = img.width;
+      let height = img.height;
+
+      // Calculate the new dimensions while preserving the aspect ratio
+      if (width > height) {
+        if (width > maxWidth) {
+          height *= maxWidth / width;
+          width = maxWidth;
+        }
+      } else {
+        if (height > maxHeight) {
+          width *= maxHeight / height;
+          height = maxHeight;
+        }
+      }
+
+      canvas.width = width;
+      canvas.height = height;
+      ctx.drawImage(img, 0, 0, width, height);
+
+      // Get the compressed image data as a Base64 string
+      const base64String = canvas.toDataURL('image/jpeg', 0.5).replace('data:', '').replace(/^.+,/, ''); // 0.5 is the quality from 0 to 1
+
+      this.node.properties.imgData = {
+        name: file.name,
+        lastModified: file.lastModified,
+        size: file.size,
+        type: file.type,
+        base64: base64String
+      };
+      handleImageLoad(img, file, base64String);
+    };
+
+    handleImageFile = (file) => {
+      const reader = new FileReader();
+      reader.onloadend = () => {
+        const img = new Image();
+        img.src = reader.result;
+        img.onload = () => processImage(img, file);
+      };
+      reader.readAsDataURL(file);
+
+      const imageUrl = URL.createObjectURL(file);
+      const img = new Image();
+      img.src = imageUrl;
+      img.onload = () => this.handleImageLoad(img, file, null);
+    };
+
+    refreshBackgroundImage = () => {
+      if (this.node.properties.imgData && this.node.properties.imgData.base64) {
+        const base64String = this.node.properties.imgData.base64;
+        const imageUrl = `data:${this.node.properties.imgData.type};base64,${base64String}`;
+        const img = new Image();
+        img.src = imageUrl;
+        img.onload = () => this.handleImageLoad(img, null, base64String);
+      }
+    };
+
+    refreshSplineElements = () => {
+      // Clear existing line elements and recreate them
+      const svgElement = this.vis.canvas();
+      
+      // Remove all existing line elements
+      const oldLines = svgElement.querySelectorAll('path');
+      oldLines.forEach(line => line.remove());
+      
+      this.pathElements = [];
+      this.lineObjects = [];
+
+      const originalChildren = [...this.vis.children];
+  
+      // Find line objects to remove (those that represent splines)
+      const linesToRemove = originalChildren.filter(child => 
+        child instanceof pv.Line
+      );
+      linesToRemove.forEach(line => line.visible(false));
+      
+      // Re-add all spline lines and store references to them
+      this.splines.forEach((spline, splineIndex) => {
+        // For single points, we need a special handling
+        if (spline.isSinglePoint || (spline.points && spline.points.length === 1)) {
+          const point = spline.points[0];
+          // For single points, create a tiny line at the same point
+          // This ensures we have a path element for the point
+          const lineObj = this.vis.add(pv.Line)
+            .data([point, {x: point.x + 0.001, y: point.y + 0.001}])
+            .left(d => d.x)
+            .top(d => d.y)
+            .strokeStyle(spline.color)
+            .lineWidth(() => {
+              if (splineIndex === this.activeSplineIndex) return 3;
+              if (splineIndex === this.hoverSplineIndex) return 2;
+              return 1.5;
+            })
+            .event("mouseover", () => {
+              this.hoverSplineIndex = splineIndex;
+              this.vis.render();
+            })
+            .event("mouseout", () => {
+              this.hoverSplineIndex = -1;
+              this.vis.render();
+            })
+            .event("mousedown", () => {
+              if (this.activeSplineIndex !== splineIndex) {
+                this.activeSplineIndex = splineIndex;
+                this.refreshSplineElements();
+              }
+            });
+          this.lineObjects.push(lineObj);
+        } else {
+          // For normal multi-point splines
+          const strokeObj = this.vis.add(pv.Line)
+            .data(() => spline.points)
+            .left(d => d.x)
+            .top(d => d.y)
+            .interpolate(() => this.interpolation)
+            .tension(() => this.tension)
+            .segmented(() => false)
+            .strokeStyle("black") // Stroke color
+            .lineWidth(() => {
+              // Make stroke slightly wider than the main line
+              if (splineIndex === this.activeSplineIndex) return 5;
+              if (splineIndex === this.hoverSplineIndex) return 4;
+              return 3.5;
+            });
+          const lineObj = this.vis.add(pv.Line)
+          .data(() => spline.points)
+          .left(d => d.x)
+          .top(d => d.y)
+          .interpolate(() => this.interpolation)
+          .tension(() => this.tension)
+          .segmented(() => false)
+          .strokeStyle(spline.color)
+          .lineWidth(() => {
+            if (splineIndex === this.activeSplineIndex) return 3;
+            if (splineIndex === this.hoverSplineIndex) return 2;
+            return 1.5;
+          })
+          .event("mouseover", () => {
+            this.hoverSplineIndex = splineIndex;
+            this.vis.render();
+          })
+          .event("mouseout", () => {
+            this.hoverSplineIndex = -1;
+            this.vis.render();
+          })
+          .event("mousedown", () => {
+            if (this.activeSplineIndex !== splineIndex) {
+              this.activeSplineIndex = splineIndex;
+              this.refreshSplineElements();
+            }
+          });
+
+          // // Add invisible wider hit area for easier selection
+          // this.vis.add(pv.Line)
+          // .data(() => spline.points)
+          // .left(d => d.x)
+          // .top(d => d.y)
+          // .interpolate(() => this.interpolation)
+          // .tension(() => this.tension)
+          // .segmented(() => false)
+          // .strokeStyle("rgba(0,0,0,0.01)") // Nearly invisible
+          // .lineWidth(15) // Much wider hit area
+          // .event("mouseover", () => {
+          //   this.hoverSplineIndex = splineIndex;
+          //   this.vis.render();
+          // })
+          // .event("mouseout", () => {
+          //   this.hoverSplineIndex = -1;
+          //   this.vis.render();
+          // })
+          // .event("mousedown", () => {
+          //   if (pv.event.shiftKey) {
+          //     if (this.activeSplineIndex !== splineIndex) {
+          //       this.activeSplineIndex = splineIndex;
+          //       this.refreshSplineElements();
+          //     }
+          //   }}
+          // );
+
+          this.lineObjects.push(lineObj);
+        }
+      });
+      
+      this.vis.render();
+      
+      requestAnimationFrame(() => {
+        const allPaths = Array.from(svgElement.querySelectorAll('path'));
+        this.pathElements = [];
+        
+        // First try: look at paths with specific childIndex values
+        this.lineObjects.forEach((lineObj, i) => {
+          // Find paths that correspond to our line objects
+          const childIndex = lineObj.childIndex;
+          const matchingPath = allPaths.find(path => 
+            path.$scene && path.$scene.scenes && 
+            path.$scene.scenes.childIndex === childIndex
+          );
+          
+          if (matchingPath) {
+            //console.log("matchingPath:", matchingPath);
+            this.pathElements[i] = matchingPath;
+          }
+        });
+        
+        // Check if we found all paths
+        if (this.pathElements.filter(p => p).length !== this.splines.length) {
+          // Fallback to color matching
+          this.pathElements = [];
+          for (let i = 0; i < this.splines.length; i++) {
+            const color = this.splines[i].color;
+            const matchingPath = allPaths.find(p => 
+              p.getAttribute('style')?.includes(color) && 
+              !this.pathElements.includes(p)
+            );
+            
+            if (matchingPath) {
+              this.pathElements[i] = matchingPath;
+            }
+          }
+        }
+        
+        // If we still don't have the right number of paths, use the first N paths
+        if (this.pathElements.filter(p => p).length !== this.splines.length) {
+          this.pathElements = allPaths.slice(0, this.splines.length);
+        }
+        
+        this.updatePath();
+      });
+    };
+    
+    
+    initializeDefaultSplines() {
+      this.splines = [{
+        points: pv.range(1, 4).map((i, index) => {
+          if (index === 0) {
+            return { x: 0, y: this.height };
+          } else if (index === 2) {
+            return { x: this.width, y: 0 };
+          } else {
+            return {
+              x: i * this.width / 5,
+              y: 50 + Math.random() * (this.height - 100)
+            };
+          }
+        }),
+        color: this.getSplineColor(0),
+        name: "Spline 1"
+      }];
+    }
+
+    getSplineColor(index) {
+      const colors = [
+        "#1f77b4", "#ff7f0e", "#2ca02c", "#d62728", 
+        "#9467bd", "#8c564b", "#e377c2", "#7f7f7f", 
+        "#bcbd22", "#17becf"
+      ];
+      return colors[index % colors.length];
+    }
+
+  createContextMenu = () => {
+    const self = this;
+    const oldMenu = this.node.contextMenu;
+    const newMenu = oldMenu.cloneNode(true);
+    oldMenu.parentNode.replaceChild(newMenu, oldMenu);
+    this.node.contextMenu = newMenu;
+
+    document.addEventListener('contextmenu', function (e) {
+      e.preventDefault();
+    });
+
+    document.addEventListener('click', function (e) {
+      document.querySelectorAll('.spline-editor-context-menu').forEach(menu => {
+        menu.style.display = 'none';
+    });
+    });
+
+    this.node.contextMenu.addEventListener('click', function(e) {
+      e.preventDefault();
+      if (e.target.tagName === 'A') {
+        const id = parseInt(e.target.id.split('-')[2]);
+        
+        switch(id) {
+          case 0:
+            e.preventDefault();
+            if (!self.drawHandles) {
+              self.drawHandles = true
+              self.vis.add(pv.Line)
+              .data(() => self.splines[self.activeSplineIndex].points.map((point, index) => ({
+                  start: point,
+                  end: [index]
+              })))
+              .left(d => d.start.x)
+              .top(d => d.start.y)
+              .interpolate("linear")
+              .tension(0) // Straight lines
+              .strokeStyle("#ff7f0e") // Same color as control points
+              .lineWidth(1)
+              .visible(() => self.drawHandles);
+              self.vis.render();
+            } else {
+              self.drawHandles = false
+              self.vis.render();
+            }
+            self.node.contextMenu.style.display = 'none';
+            break;
+          case 1:
+   
+            self.drawSamplePoints = !self.drawSamplePoints;
+            self.updatePath();
+            break;
+          case 2:
+            if (self.dotShape == "circle"){
+              self.dotShape = "triangle"
+            }
+            else {
+              self.dotShape = "circle"
+            }
+            self.updatePath();
+            break;
+          case 3:
+            // Create file input element
+            const fileInput = document.createElement('input');
+            fileInput.type = 'file';
+            fileInput.accept = 'image/*'; // Accept only image files
+
+            // Listen for file selection
+            fileInput.addEventListener('change', function (event) {
+              const file = event.target.files[0]; // Get the selected file
+
+              if (file) {
+                const imageUrl = URL.createObjectURL(file);
+                let img = new Image();
+                img.src = imageUrl;
+                img.onload = () => self.handleImageLoad(img, file, null);
+              }
+            });
+
+              fileInput.click();
+            
+            self.node.contextMenu.style.display = 'none';
+            break;
+          case 4:
+            self.splines[self.activeSplineIndex].points.reverse();
+            self.updatePath();
+          break;
+          case 5:
+            self.backgroundImage.visible(false).root.render();
+            self.node.properties.imgData = null;
+            self.node.contextMenu.style.display = 'none';
+          break;
+          case 6: // Add new spline
+            const newSplineIndex = self.splines.length;
+            self.splines.push({
+              points: [
+                // Create default points for the new spline
+                { x: 0, y: self.height },
+                { x: self.width/2, y: self.height/2 },
+                { x: self.width, y: 0 }
+              ],
+              color: self.getSplineColor(newSplineIndex),
+              name: `Spline ${newSplineIndex + 1}`
+            });
+            self.activeSplineIndex = newSplineIndex;
+            self.refreshSplineElements();
+            self.node.contextMenu.style.display = 'none';
+            break;
+          case 7: // Add new single point
+            const newSingleSplineIndex = self.splines.length;
+            self.splines.push({
+              points: [
+                { x: self.lastMousePosition.x, y: self.lastMousePosition.y },
+              ],
+              color: self.getSplineColor(newSingleSplineIndex),
+              name: `Spline ${newSingleSplineIndex + 1}`,
+              isSinglePoint: true
+            });
+            self.activeSplineIndex = newSingleSplineIndex;
+            self.refreshSplineElements();
+            self.node.contextMenu.style.display = 'none';
+            break;
+          case 8: // Delete current spline
+            if (self.splines.length > 1) {
+              self.splines.splice(self.activeSplineIndex, 1);
+              self.activeSplineIndex = Math.min(self.activeSplineIndex, self.splines.length - 1);
+              self.refreshSplineElements();
+            }
+            self.node.contextMenu.style.display = 'none';
+            break;
+          case 9: // Next spline
+            self.activeSplineIndex = (self.activeSplineIndex + 1) % self.splines.length;
+            self.refreshSplineElements();
+            self.node.contextMenu.style.display = 'none';
+            break;
+        }
+      }
+    });
+  }
+
+  samplePoints(svgPathElement, numSamples, samplingMethod, width, splineIndex) {
+    const spline = this.splines[splineIndex];
+  
+    // Check if this is a single point spline
+    if (spline && (spline.isSinglePoint || (spline.points && spline.points.length === 1))) {
+      // For a single point, return an array with the same coordinates repeated
+      const point = spline.points[0];
+      return Array(numSamples).fill().map(() => ({ x: point.x, y: point.y }));
+    }
+
+    if (!svgPathElement) {
+      console.warn(`Path element not found for spline index: ${splineIndex}. Available paths: ${this.pathElements.length}`);
+
+
+      const splinePoints = this.splines[splineIndex].points;
+      
+      // If we have no points, return an empty array
+      if (!splinePoints || splinePoints.length === 0) {
+        return [];
+      }
+      
+      // Create a simple interpolation between control points
+      const result = [];
+      for (let i = 0; i < numSamples; i++) {
+        const t = i / (numSamples - 1);
+        const idx = Math.min(
+          Math.floor(t * (splinePoints.length - 1)), 
+          splinePoints.length - 2
+        );
+        const fraction = (t * (splinePoints.length - 1)) - idx;
+        
+        const x = splinePoints[idx].x + fraction * (splinePoints[idx + 1].x - splinePoints[idx].x);
+        const y = splinePoints[idx].y + fraction * (splinePoints[idx + 1].y - splinePoints[idx].y);
+        
+        result.push({ x, y });
+      }
+      return result;
+    }
+    
+    var svgWidth = width; // Fixed width of the SVG element
+    var pathLength = svgPathElement.getTotalLength();
+    var points = [];
+
+    if (samplingMethod === "speed") {
+      // Calculate control point distances along the path
+      const controlPoints = this.splines[splineIndex].points;
+      const pathPositions = [];
+      
+      // Find approximate path positions for each control point
+      for (const cp of controlPoints) {
+        let bestDist = Infinity;
+        let bestPos = 0;
+        
+        // Sample the path to find closest point to each control point
+        for (let pos = 0; pos <= pathLength; pos += pathLength / 100) {
+          const pt = svgPathElement.getPointAtLength(pos);
+          const dist = Math.sqrt(Math.pow(pt.x - cp.x, 2) + Math.pow(pt.y - cp.y, 2));
+          
+          if (dist < bestDist) {
+            bestDist = dist;
+            bestPos = pos;
+          }
+        }
+        pathPositions.push(bestPos);
+      }
+      
+      // Sort positions along path
+      pathPositions.sort((a, b) => a - b);
+      
+      // Create a smooth speed mapping function with synchronization
+      const createSynchronizedMapping = () => {
+        // Calculate segment lengths and densities
+        const segments = [];
+        let totalLength = pathPositions[pathPositions.length - 1] - pathPositions[0];
+        
+        for (let i = 0; i < pathPositions.length - 1; i++) {
+          const segLength = pathPositions[i+1] - pathPositions[i];
+          // Inverse relationship - shorter segments = higher density = slower speed
+          const density = 1 / Math.max(segLength, 0.0001);
+          segments.push({ 
+            position: pathPositions[i],
+            length: segLength, 
+            density: density
+          });
+        }
+        
+        // Create mapping function with forced synchronization at endpoints
+        return t => {
+          // Force synchronization at t=0 and t=1
+          if (t === 0) return 0;
+          if (t === 1) return pathLength;
+          
+          // For intermediate points, use the speed control
+          // Scale t to fit between first and last control points
+          const firstPos = pathPositions[0];
+          const lastPos = pathPositions[pathPositions.length - 1];
+          
+          // Create a density-weighted position mapping
+          let totalWeight = 0;
+          let weights = [];
+          
+          for (let i = 0; i < segments.length; i++) {
+            totalWeight += segments[i].density;
+            weights.push(segments[i].density);
+          }
+          
+          // Normalize weights
+          const normalizedWeights = weights.map(w => w / totalWeight);
+          
+          // Calculate cumulative weights
+          let cumulativeWeight = 0;
+          const cumulativeWeights = normalizedWeights.map(w => {
+            cumulativeWeight += w;
+            return cumulativeWeight;
+          });
+          
+          // Find the segment for this t value
+          let segmentIndex = 0;
+          for (let i = 0; i < cumulativeWeights.length; i++) {
+            if (t <= cumulativeWeights[i]) {
+              segmentIndex = i;
+              break;
+            }
+          }
+          
+          // Calculate position within segment
+          const segmentStart = segmentIndex > 0 ? cumulativeWeights[segmentIndex - 1] : 0;
+          const segmentEnd = cumulativeWeights[segmentIndex];
+          const segmentT = (t - segmentStart) / (segmentEnd - segmentStart);
+          
+          // Map to path position
+          const pathStart = pathPositions[segmentIndex];
+          const pathEnd = pathPositions[segmentIndex + 1];
+          const pos = pathStart + segmentT * (pathEnd - pathStart);
+          
+          // Scale to fill entire path
+          return pos;
+        };
+      };
+      
+      const mapToPath = createSynchronizedMapping();
+      
+      // Sample using the synchronized mapping function
+      for (let i = 0; i < numSamples; i++) {
+        const t = i / (numSamples - 1);
+        const pathPos = mapToPath(t);
+        const point = svgPathElement.getPointAtLength(pathPos);
+        points.push({ x: point.x, y: point.y });
+      }
+      
+      return points;
+    
+    }
+    else{
+    for (var i = 0; i < numSamples; i++) {
+        if (samplingMethod === "time") {
+          // Calculate the x-coordinate for the current sample based on the SVG's width
+          var x = (svgWidth / (numSamples - 1)) * i;
+          // Find the point on the path that intersects the vertical line at the calculated x-coordinate
+          var point = this.findPointAtX(svgPathElement, x, pathLength);
+          }
+        else if (samplingMethod === "path") {
+          // Calculate the distance along the path for the current sample
+          var distance = (pathLength / (numSamples - 1)) * i;
+          // Get the point at the current distance
+          var point = svgPathElement.getPointAtLength(distance);
+        }
+
+        // Add the point to the array of points
+        points.push({ x: point.x, y: point.y });
+        }
+    return points;
+    }
+  }
+
+  findClosestPoints(points, clickedPoint) {
+      // Calculate distances from clickedPoint to each point in the array
+      let distances = points.map(point => {
+          let dx = clickedPoint.x - point.x;
+          let dy = clickedPoint.y - point.y;
+          return { index: points.indexOf(point), distance: Math.sqrt(dx * dx + dy * dy) };
+      });
+      // Sort distances and get the indices of the two closest points
+      let sortedDistances = distances.sort((a, b) => a.distance - b.distance);
+      let closestPoint1Index = sortedDistances[0].index;
+      let closestPoint2Index = sortedDistances[1].index;
+      // Ensure point1Index is always the smaller index
+    if (closestPoint1Index > closestPoint2Index) {
+      [closestPoint1Index, closestPoint2Index] = [closestPoint2Index, closestPoint1Index];
+      }
+      return { point1Index: closestPoint1Index, point2Index: closestPoint2Index };
+    }
+
+  findPointAtX(svgPathElement, targetX, pathLength) {
+    let low = 0;
+    let high = pathLength;
+    let bestPoint = svgPathElement.getPointAtLength(0);
+
+    while (low <= high) {
+        let mid = low + (high - low) / 2;
+        let point = svgPathElement.getPointAtLength(mid);
+
+        if (Math.abs(point.x - targetX) < 1) {
+            return point; // The point is close enough to the target
+        }
+
+        if (point.x < targetX) {
+            low = mid + 1;
+        } else {
+            high = mid - 1;
+        }
+
+        // Keep track of the closest point found so far
+        if (Math.abs(point.x - targetX) < Math.abs(bestPoint.x - targetX)) {
+            bestPoint = point;
+        }
+    }
+
+    // Return the closest point found
+    return bestPoint;
+  }
+}