Does anyone else here need a non-invasive, responsive, Quiver-interfacing JS hack? 😎

[FruitfulApproach]

Here is a screen snippet of this fun $30-$50 tool called Bootstrap Studio (BSS):

The project loaded is a page devoted to Quiver but hacked!

I was able to, using JS, interface almost all the buttons of original Quiver, non-invasively, meaning I make almost no changes to Quiver's source code. I have a file called quiver_editor_include.html, which contains an iframe call together with some basic JS scripting in order to graph elements from within the iframe and address them.

Well, you know how the radio buttons in the Arrow Style panel of original Quiver, toggle naturally and are set correctly whenever this panel pops up? Well, I simply grab their state. Then the panel gets hidden with just 1 line of CSS in the Quiver's source code. So Quiver thinks its operating normally, but I've really overridden the look, feel, and responsiveness of it for both Desktop & Mobile. Those buttons at the top, drop their text and display on the side of the screen whenever the screen size drops. I accomplished that with CSS media queries from within BSS, which supports them very well.

Not to mention, I am using AJAX to send back the base64 to a Django backend, which manages a Neo4j database instance (a graph database! 🤓).

I have finally figured out some of the polymorphism issues I was having with Neo4j models, and I am using an OGM called Neomodel in order to build up my graph database models in a similar way that you'd do your usual database modeling from within a Django app's models.py.

Here is a live demo:
https://arrowglue-dd35800b80e8.herokuapp.com/db/prop-editor/

I might change the name to sketch-editor, and will try to remember to post back here. But don't go anywhere else on the site, as it's currently incomplete.

So was just posting here because I know others were interested in a Quiver API / interface, and/or databasifying diagrams, and integrating into Django site templates. If interested, drop a message here, I will get it and post to you a link to the source code, but if not, you can find it pinned on my GH profile. The larger Django + JS + Neo4j project is called "ArrowGlue".

[FruitfulApproach]

Oh yes forgot to mention. Why would non-invasiveness matter? Well, as @varkor comes out with new releases, it is simply a 1-minute copy/paste of a folder in order to update my app (assuming they didn't rename a bunch of HTML tag ID's), and 1-2 lines edited in Quiver's main.css. If it is an internal bug fix, there's nothing left to do. If some new GUI element was added, then I edit it into my .bsdesign file, click Export, then push to GitHub, and then it's auto-deployed to the above Heroku link.

An optimal maintenance workflow in other words.