module_ui_app_svelte

Created by: Lightnet

License: MIT

Stage Phase:

• Prototype build testing layouts.

Code languages:

• babeljs 6
• javascript
• nodejs
• svelte 3

Browser test:

• chrome (pass) (main)
• firefox (fail)
• opera (pass)

Information:

Prototype build to create module layout application to render svelte in the way emulation blender3D 2.8x format and style that is base on the idea. As well Godot 3.x Game engine node system. The hard part will be how to handle html, css, svg and other browser support as well other things to keep thing simple. Just idea design.

Nodejs pacakges:

• svelte 3.6.2
• rollup 1.16.3
• gulp 4.0.2
• gulp-nodemon 2.4.2
• gun 0.2019.627
• polka 0.5.2
• esm 3.2.25

Features:

• right click context menu (wip)
• menu (wip)
• operator (wip)
• layout Management (wip)
• workspace (wip)
• 3D (threejs / aframe) (wip)
• Data Flow Visual Program Node Editor (wip)
• SVG (wip)
• client / server rest API (wip)

Notes:

• To create operator, menu, and panel like other is tricky.
• Work in progress test build.
• Client browser build test.

Github:

• https://github.com/Lightnet/module_ui_app_svelte

Glitch:

• https://glitch.com/edit/#!/lightnet-module-ui-app-svelte

Run:

npm install

gulp default

Guide & Design:

It base on Blender3D python design and as well layout UI but coded javascript is different since the layout builds. Svelte 3 can be used but will be prototype build to instance the object or render html UI that depend on code and setup.

//svelte 3
import mjs from './mjs'

mjs short is module javascript

import bpy

It is base on Blender3D python import bpy. The reason to have module design and layout is to keep things clean like Blender3D to sort out the best ways to access. The scene and object scene can be remade as long as the objects are saved in object data format like json. It need to be string format not binary data since html and javascript can't read binary data but it can be format in different way to compress in text format.

The static functions and variables will hold into one file to management objects, events, and instances as well holding data types. For current viewport screen when dealing with workspace area.

SVG html is being used for node editor current in prototype build to deal with vector grahpics. To develop logic, material, shader, and other things to save and load node editor visual programing.