Beginnings of a haxe "ide" written in haxeui!

So ive been toying around with this for a little while, and what was a test project has, as usual turned into so much more. So here is a teaser of “hxIDE”… Its not supposed to compete with any of the “big boys” like VSCode or HaxeDevelop… in fact, i think of it more like a “HaxeDevelop-Lite”, but written in HaxeUI, which makes its pretty cool imo!


(Full sized gif: http://haxeui.org/shared/hxide.gif)

It works remotely (via websockets) or locally, all using the same api (which is also pretty swish actually) :slight_smile:

autoconnect

Eventually it will have a native build also, once haxeui has a treeview component in core with a native counterpart (currently its just a composite treeview only, and a fairly basic one at that - no datasource, no item renderers etc)

Still, its pretty fun developing it, and a damn good test for HaxeUI, its also pretty “simple” for what it actually can already do, including compilation and build discovery… remote and local. Plus, the layouts make it really easy to mess around with things. Eg: heres the main layout:

<splitter id="mainContent" width="100%" height="100%" style="padding: 5px;background-color: #F3F3F3;padding-top:15px;" direction="horizontal">
    <tabview id="projectTabs" width="300" height="100%">
        <vbox text="Project" icon="icons/brick.png" width="100%" height="100%" style="padding: 0px;background-color: white">
            <project-tree width="100%" height="100%" />
        </vbox>    
    </tabview>
    
    <splitter width="100%" height="100%" direction="vertical">
        <splitter width="100%" height="100%" direction="horizontal">
            <editor-tabs width="100%" height="100%" />
            
            <tabview id="sideTabs" width="250" height="100%">
                <vbox text="Outline" icon="icons/shadowless-node-select-all.png" width="100%" height="100%" style="padding: 0px;background-color: white">
                    <outline-view width="100%" height="100%" />
                </vbox>    
            </tabview>    
        </splitter>    
        
        <tabview id="outputTabs" width="100%" height="200" tabPosition="bottom">
            <vbox text="Output" icon="icons/application_xp_terminal.png" width="100%" height="100%">
                <output-view width="100%" height="100%" />
            </vbox>
        </tabview>
    </splitter>
</splitter>    

2 Likes