search

design-first / system-designer

A low-code development platform for creating systems 🇺🇦#standwithUkraine
https://designfirst.io/systemdesigner/
Apache License 2.0
923 stars 134 forks source link

Full dev env for HTML/JavaScript #139

Open anonimo82 opened 3 years ago

anonimo82 commented 3 years ago

Is your feature request related to a problem? Please describe. No, it's not

Describe the solution you'd like I'd like to insert Schemas/Models/Types/Components fields with a GUI selector, like you do with Schemas/Models/Types/Components names, instead of typing them in the Text Editor. Beside this, I suggest you to integrate the Open Source version of TinyMCE (https://github.com/tinymce/tinymce) for designing pages in which embed Systems, and Blockly (https://github.com/google/blockly) to provide Behaviors implementations. Blockly can be very useful to code generic JavaScript actions, and I suggest you to check http://html5index.org/ to have a brief list of Web APIs you could integrate into it. Finally, I'd like to visually add/edit web forms for System interaction (eg. a button's click event managed by a Behavior).

Describe alternatives you've considered None yet

Additional context Nothing to add

ecarriou commented 3 years ago

Thanks for all these suggestions, very helpful !

Creating a full UI dev environment was on my todo since a while, but I need time to know exactly how to do it. In fact, System Designer was designed with simplicity in mind (few buttons, simple UI, ...). When I had a look to other great and brillant IDEs, I thought that they were too complex, maybe because they were all based on Eclipse. So that is not easy to keep that simplicity when adding new features. That's the tricky part.

The links you gave are very interesting, particularly the one about Blocky, I did not know about that tool.

anonimo82 commented 3 years ago

Glad to know you appreciated this.

anonimo82 commented 3 years ago

Any update?

ecarriou commented 3 years ago

Nothing new on this side, I am more focus on stabilization and small improvements/better documentation.

anonimo82 commented 1 year ago

@ecarriou In retrospect, I'd just suggest you to implement a simple text editor to code methods with (just saw it's already available), a minimalistic GUI/page editor (similar to Mozilla Composer in SeaMonkey) and an inspector/outliner to edit item properties (I see there's already the ability to do this, but it would be more comfortable to edit in one place, and an outliner would give an idea of the current system at a glance). And finally, allow the properties' names to be entered with an input box (like the system name), in example, the schema items are inserted with a text editor. Allow to enter names and parameters with a front end.

I hope this will turn true. =)

ecarriou commented 1 year ago

Thank you for your inputs/ideas !