joshtynjala/flexwires

Drag-and-drop wiring UI for Adobe Flex

Josh Tynjala is a frontend software developer, open source contributor, and karaoke enthusiast.

Since 2012, Josh has developed Feathers UI, a Kickstarter-funded cross-platform UI component framework for creative projects — written in Haxe. You can contribute a monthly donation to Josh's work on Github Sponsors.

In 2022, Josh was invited to join the leadership team of OpenFL, in recognition of his contributions to the project. OpenFL is an implementation of the APIs in Adobe Flash Player and Adobe AIR, using the Haxe programming language. OpenFL projects can target the web with JavaScript and WebGL/Canvas; native C++ on iOS and Android mobile devices; and native C++ on Windows, macOS, and Linux desktop computers (or with VMs such as Adobe AIR, Electron, and HashLink).

Josh also maintains the ActionScript & MXML and SWF Debugger extensions for Visual Studio Code.

📜 Josh Tynjala's Blog

🐘 @joshtynjala on Mastodon

flexwires's Issues

WireManager.connecting can be incorrectly set to false if an in-progress connection triggers another connection

Description from developer:

In the WireManager, there is a function connect(startWireJack, endWireJack). In this function there is the following bit of code:

this.connecting = true;
var create:WireManagerEvent = new WireManagerEvent(WireManagerEvent.CREATE_CONNECTION, startJack, endJack);
this.dispatchEvent(create);
this.connecting = false;

In our project, I ran into a situation, where in the event chain for connecting a jack, one other jack was also connected, and one other jack was disconnected. This crashed the player. The new connection, made as a result of the first connection, runs the connect function in the wiremanager. At the end of that call, connecting is set to false, but the first connection (the one that caused this action) is still being made and connecting should still be true. Because of this, the disconnect is tried immediately, instead of being queued until after the connect. Which shouldn't happen.

To solve this, I made a subclass of the manager in which I override this function, including a var 'alreadyConnecting'. I set this. to this.connecting, before setting this.connecting to true. When done I set this.connecting to alreadyConnecting, so that if some other jack is still busy connecting, it stays true.

WireJack.disconnectAll() throws a null reference exception

The loop iterates through connectedJacks, which could suddenly change due to external events from the WireManager.

Disabled WireJack may not display proper skin until mouse over

Make sure WireJack changes it's skin state when enabled is set to false.

Wire drag images don't display in Adobe AIR

The drag images for wires only show properly in Flash Player in a browser. Nothing appears when dragging between jacks in AIR.

WireJack should stop propagation of mouseDown event

there are situations where the jack is contained in a draggable component (which must also listen for the mousedown event).
without stopping propagation, when you create a wire the containing parent will also be dragged along.

WireJack.as (807): event.stopPropagation();

cheers,