new layout: support multiple tabs and movable panes

[ngwese]

allow more flexible ui layouts:

• multiple editor tabs, side by side, top/bottom arrangments
• movable file tabs, repl tabs

[ngwese]

...it's looking like this might be a rough road. apparently in order to work with reactjs one needs to arrange for React, ReactDOM, and jquery packages to be loaded in the global namespace. loading packages into the global namespace looks like it falls outside of what one can configure with the boilerplate build configuration we are getting from react-scripts.

https://github.com/andrewcapodieci/golden-layout-react-redux/issues/7

i'm experimenting with "ejecting" the boilerplate build and which bakes it into maiden directly which allows for more configuration. the ejecting process appears to be bringing other issues with it.

[tehn]

this is a naive question, but is it possible to do what we want without react?

[ngwese]

react is the framework which provides the structure for the app - specifically the ui/dom generation and state propagation. removing react essentially amounts to rewriting most of maiden.

there may be other options and i haven't given up on golden layout yet.

at the end of the day multiple editor tabs seems like the most critical feature from a layout perspective.

[ngwese]

some experimentation with https://www.npmjs.com/package/flexlayout-react in a test project proved promising and looks to be a much more react friendly path forward.

[simonvanderveldt]

Really liking the (dark themed) look of this!

[ngwese]

unlikely going to more forward with this in the current implementation