lexgui 0.7.2 → 0.7.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/extensions/codeeditor.js +1461 -917
- package/build/extensions/videoeditor.js +17 -6
- package/build/lexgui.css +17 -34
- package/build/lexgui.js +3 -3
- package/build/lexgui.min.css +1 -1
- package/build/lexgui.min.js +1 -1
- package/build/lexgui.module.js +3 -3
- package/build/lexgui.module.min.js +1 -1
- package/changelog.md +12 -1
- package/examples/code-editor.html +5 -1
- package/examples/video-editor.html +2 -1
- package/examples/video-editor2.html +5 -4
- package/package.json +1 -1
package/changelog.md
CHANGED
|
@@ -2,7 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
## dev
|
|
4
4
|
|
|
5
|
-
## 0.7.
|
|
5
|
+
## 0.7.3 (master)
|
|
6
|
+
|
|
7
|
+
VideoEditor:
|
|
8
|
+
- Minor Controls sizes refactor.
|
|
9
|
+
- Fixed Controls event listeners.
|
|
10
|
+
|
|
11
|
+
CodeEditor:
|
|
12
|
+
- Improved scope detection.
|
|
13
|
+
- Added basic symbols detection to feed autocomplete.
|
|
14
|
+
- Fixed resizing and scrollbar issues.
|
|
15
|
+
|
|
16
|
+
## 0.7.2
|
|
6
17
|
|
|
7
18
|
Fixed AssetView Filter select.
|
|
8
19
|
Fixed tooltips on Dialog without modal.
|
|
@@ -22,6 +22,9 @@
|
|
|
22
22
|
import { LX } from 'lexgui';
|
|
23
23
|
import 'lexgui/extensions/codeeditor.js';
|
|
24
24
|
|
|
25
|
+
LX.CodeEditor.debugScopes = false;
|
|
26
|
+
LX.CodeEditor.debugSymbols = false;
|
|
27
|
+
|
|
25
28
|
// init library and get main area
|
|
26
29
|
let area = await LX.init();
|
|
27
30
|
|
|
@@ -52,7 +55,8 @@
|
|
|
52
55
|
// autocomplete: false,
|
|
53
56
|
// disableEdition: true,
|
|
54
57
|
// skipInfo: true,
|
|
55
|
-
fileExplorer: fileExplorer
|
|
58
|
+
fileExplorer: fileExplorer,
|
|
59
|
+
// skipTabs: true
|
|
56
60
|
});
|
|
57
61
|
|
|
58
62
|
editor.loadFile("../data/js_sample.js");
|
|
@@ -34,7 +34,8 @@
|
|
|
34
34
|
videoArea.attach(video);
|
|
35
35
|
|
|
36
36
|
const videoEditor = new LX.VideoEditor(leftArea, { videoArea, video, crop: true })
|
|
37
|
-
|
|
37
|
+
videoEditor._loadVideo();
|
|
38
|
+
|
|
38
39
|
const canvas = document.createElement('canvas');
|
|
39
40
|
canvas.width = video.clientWidth;
|
|
40
41
|
canvas.height = video.clientHeight;
|
|
@@ -29,7 +29,8 @@
|
|
|
29
29
|
|
|
30
30
|
// Split main area
|
|
31
31
|
let [leftArea, rightArea] = area.split({ sizes: ["75%", "25%"], minimizable: true });
|
|
32
|
-
let [topArea, bottomArea] = leftArea.split({ sizes: ["
|
|
32
|
+
let [topArea, bottomArea] = leftArea.split({ sizes: ["80%", null], minimizable: false, resize: false, type: "vertical" });
|
|
33
|
+
let [controlsArea, buttonsArea] = bottomArea.split({ sizes: ["50%", null], minimizable: false, resize: false, type: "vertical" });
|
|
33
34
|
area.extend();
|
|
34
35
|
|
|
35
36
|
/* Create video area with a menubar */
|
|
@@ -39,8 +40,8 @@
|
|
|
39
40
|
const video = document.createElement('video');
|
|
40
41
|
video.src = "../data/video.mp4";
|
|
41
42
|
videoArea.attach(video);
|
|
42
|
-
const videoEditor = new LX.VideoEditor(topArea, { videoArea, video })
|
|
43
|
-
|
|
43
|
+
const videoEditor = new LX.VideoEditor(topArea, { videoArea, video, controlsArea })
|
|
44
|
+
videoEditor._loadVideo();
|
|
44
45
|
/* Add canvas above video */
|
|
45
46
|
const canvas = document.createElement('canvas');
|
|
46
47
|
canvas.width = video.clientWidth;
|
|
@@ -80,7 +81,7 @@
|
|
|
80
81
|
}
|
|
81
82
|
}], { float: 'tvr' });
|
|
82
83
|
|
|
83
|
-
let p =
|
|
84
|
+
let p = buttonsArea.addPanel({ width: "100%", height: "100%", style: { display: "flex", "flex-direction": "row", "justify-content": "center", "align-content": "flex-start", "flex-wrap": "wrap" } });
|
|
84
85
|
p.addButton(null, "Trim", (v) => {
|
|
85
86
|
console.log(videoEditor.getTrimedTimes())
|
|
86
87
|
|