lexgui 0.1.42 → 0.1.43

package/changelog.md

@@ -1,10 +1,23 @@
 # lexgui.js changelog
 
-## 0.1.43 (dev)
+## 0.1.44 (dev)
 
 
 
-## 0.1.42 (master)
+## 0.1.43 (master)
+
+CodeEditor:
+- Support C and CMake highlight.
+- Support C/C++ header files highlighting.
+
+Support `options.skipRoot` on LX.init.
+Support lock aspect ratio in Panel.addSize
+Improved CSS for overlay buttons `Area.addOverlayButtons`.
+Docs Updated. Add interactive widget examples.
+Minor CSS general changes.
+Minor bug fixes.
+
+## 0.1.42
 
 AssetView:
 - Support custom element title on hover for Content layout mode `options.useNativeTitle`

package/demo.js

@@ -129,6 +129,12 @@ area.addMenubar( m => {
 // split main area
 var [left, right] = area.split({ sizes:["80%","20%"], minimizable: true });
 
+// left.addSidebar( m => {
+//     m.add( "Scene", { icon: "fa fa-cube", callback: () => {  } } );
+//     m.add( "Code", { icon: "fa fa-code", callback: () => {  } } );
+//     m.add( "Search", { icon: "fa fa-search", bottom: true, callback: () => { } } );
+// });
+
 // split left area
 var [up, bottom] = left.split({ type: 'vertical', sizes:["50%", null], minimizable: true });
 
@@ -540,7 +546,7 @@ function fillPanel( panel ) {
     }, { padSize: "100px", min: -1, max: 2 });
     panel.addSize("Screen Res", [1280, 720], (value, event) => {
         console.log(value);
-    }, { units: "p" });
+    }, { units: "p", precision: 0 });
 
     const formData = { username: "", password: { value: "", type: "password" } };
     panel.addForm("Test form", formData, (value, event) => {
@@ -701,9 +707,9 @@ function fillBottomPanel( panel ) {
     panel.addTextArea("Notes", "", (value, event) => {
         console.log(value);
     }, { placeholder: 'Some notes...' });
-    panel.addKnob("A Small Knob", 4, 0, 200, value => { console.log( value ) }, { size: 'sm', disabled: true });
+    panel.addKnob("A Small but disabled Knob", 4, 0, 200, value => { console.log( value ) }, { size: 'sm', disabled: true });
     panel.addKnob("A Knob", 4, 0, 200, value => { console.log( value ) } );
-    panel.addKnob("A Big Knob", 4, 0, 200, value => { console.log( value ) }, { size: 'bg', snap: 4 });
+    panel.addKnob("A Big Knob with Snap", 4, 0, 200, value => { console.log( value ) }, { size: 'bg', snap: 4 });
     panel.addButton("Apply", "Add button to branch", (value, event) => {
         const branch = panel.getBranch("Information");
         panel.queue( branch.content );

package/examples/code_editor.html

@@ -56,10 +56,13 @@
         editor.loadFile( "../data/json_sample.json" );
         editor.loadFile( "../data/css_sample.css" );
         editor.loadFile( "../data/cpp_sample.cpp" );
+        editor.loadFile( "../data/cpp_header_sample.hpp" );
+        editor.loadFile( "../data/c_sample.c" );
         editor.loadFile( "../data/xml_sample.xml" );
         editor.loadFile( "../data/python_sample.py" );
         editor.loadFile( "../data/rust_sample.rs" );
         editor.loadFile( "../data/animation.bml", { language: "JSON" } );
+        editor.loadFile( "../data/CMakeLists.txt", { language: "CMake" } );
         editor.loadFile( "../localhost.bat" );
         editor.loadFile( "../index.html" );
         

package/examples/side_bar.html

@@ -60,12 +60,12 @@
             
             var ctx = canvas.getContext("2d");
 
-            ctx.fillStyle =  "#def698";
+            ctx.fillStyle =  "#b7a9b1";
 
             ctx.fillRect(0, 0, canvas.width, canvas.height);
             ctx.font = "44px Monospace";
 
-            ctx.fillStyle = "#f13523";
+            ctx.fillStyle = "#ff1999";
 
             const text = "lexgui @jxarco";
             const pos2D = [200, 200];

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "lexgui",
-    "version": "0.1.42",
+    "version": "0.1.43",
     "description": "JS library to create web graphical user interfaces",
     "type": "module",
     "main": "./build/lexgui.js",