@versa_ai/vmml-editor 1.0.11 → 1.0.13
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/.turbo/turbo-build.log +9 -9
- package/dist/index.js +91 -17
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +91 -17
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -3
- package/src/assets/css/index.scss +68 -4
- package/src/components/EditorCanvas.tsx +37 -14
- package/src/index.tsx +6 -2
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
> @versa_ai/vmml-editor@1.0.
|
|
2
|
+
> @versa_ai/vmml-editor@1.0.13 build D:\code\work\vmml-player\packages\editor
|
|
3
3
|
> tsup
|
|
4
4
|
|
|
5
5
|
[34mCLI[39m Building entry: src/index.tsx
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
[34mCLI[39m Target: node16
|
|
10
10
|
[34mCJS[39m Build start
|
|
11
11
|
[34mESM[39m Build start
|
|
12
|
-
[34mDTS[39m Build start
|
|
13
12
|
|
|
14
13
|
[43m[30m WARN [39m[49m [33m▲ [43;33m[[43;30mWARNING[43;33m][0m [1mUsing / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
|
|
15
14
|
|
|
@@ -124,12 +123,13 @@ More info and automated migrator: https://sass-lang.com/d/slash-div[0m [1m[35
|
|
|
124
123
|
|
|
125
124
|
|
|
126
125
|
|
|
127
|
-
[
|
|
128
|
-
[
|
|
129
|
-
[
|
|
130
|
-
[32mCJS[39m
|
|
131
|
-
[
|
|
132
|
-
[
|
|
133
|
-
[
|
|
126
|
+
[34mDTS[39m Build start
|
|
127
|
+
[32mCJS[39m [1mdist\index.js [22m[32m108.68 KB[39m
|
|
128
|
+
[32mCJS[39m [1mdist\index.js.map [22m[32m205.87 KB[39m
|
|
129
|
+
[32mCJS[39m ⚡️ Build success in 731ms
|
|
130
|
+
[32mESM[39m [1mdist\index.mjs [22m[32m107.14 KB[39m
|
|
131
|
+
[32mESM[39m [1mdist\index.mjs.map [22m[32m205.58 KB[39m
|
|
132
|
+
[32mESM[39m ⚡️ Build success in 732ms
|
|
133
|
+
[32mDTS[39m ⚡️ Build success in 2180ms
|
|
134
134
|
[32mDTS[39m [1mdist\index.d.ts [22m[32m158.00 B[39m
|
|
135
135
|
[32mDTS[39m [1mdist\index.d.mts [22m[32m158.00 B[39m
|
package/dist/index.js
CHANGED
|
@@ -16,7 +16,6 @@ var css = `@charset "UTF-8";
|
|
|
16
16
|
.editor {
|
|
17
17
|
background: #000;
|
|
18
18
|
width: 100%;
|
|
19
|
-
min-height: 100vh;
|
|
20
19
|
overflow: hidden;
|
|
21
20
|
display: flex;
|
|
22
21
|
flex-direction: column;
|
|
@@ -73,11 +72,12 @@ var css = `@charset "UTF-8";
|
|
|
73
72
|
filter: blur(10px);
|
|
74
73
|
}
|
|
75
74
|
.editor .editor-vessel {
|
|
76
|
-
|
|
75
|
+
width: 100%;
|
|
76
|
+
height: 100%;
|
|
77
77
|
}
|
|
78
78
|
.editor .main {
|
|
79
|
-
width:
|
|
80
|
-
height:
|
|
79
|
+
width: 100%;
|
|
80
|
+
height: 100%;
|
|
81
81
|
margin: auto;
|
|
82
82
|
position: relative;
|
|
83
83
|
display: flex;
|
|
@@ -254,7 +254,63 @@ var css = `@charset "UTF-8";
|
|
|
254
254
|
height: 100%;
|
|
255
255
|
object-fit: contain;
|
|
256
256
|
}
|
|
257
|
-
|
|
257
|
+
|
|
258
|
+
@media screen and (min-width: 750px) {
|
|
259
|
+
.editor .controls-box {
|
|
260
|
+
height: 20% !important;
|
|
261
|
+
border-radius: 3.2vw;
|
|
262
|
+
}
|
|
263
|
+
.editor .player-controls {
|
|
264
|
+
display: flex;
|
|
265
|
+
align-items: center;
|
|
266
|
+
width: 100%;
|
|
267
|
+
height: 100%;
|
|
268
|
+
padding: 0 1%;
|
|
269
|
+
}
|
|
270
|
+
.editor .player-controls .mr-16 {
|
|
271
|
+
margin-right: 2.13vw;
|
|
272
|
+
}
|
|
273
|
+
.editor .player-controls .player-controls-toggle > img {
|
|
274
|
+
display: block;
|
|
275
|
+
width: 40px !important;
|
|
276
|
+
height: 40px !important;
|
|
277
|
+
cursor: pointer;
|
|
278
|
+
}
|
|
279
|
+
.editor .player-controls .player-controls-seekbar {
|
|
280
|
+
flex: 1;
|
|
281
|
+
}
|
|
282
|
+
.editor .player-controls .player-controls-seekbar .seekbar-container {
|
|
283
|
+
height: 2px !important;
|
|
284
|
+
}
|
|
285
|
+
.editor .player-controls .player-controls-seekbar .seekbar-container .seekbar-background {
|
|
286
|
+
height: 10px !important;
|
|
287
|
+
width: 100%;
|
|
288
|
+
border-radius: 1vw;
|
|
289
|
+
}
|
|
290
|
+
.editor .player-controls .player-controls-seekbar .seekbar-container .seekbar-background .seekbar-fill {
|
|
291
|
+
width: 100%;
|
|
292
|
+
height: 80%;
|
|
293
|
+
border-radius: 1vw;
|
|
294
|
+
}
|
|
295
|
+
.editor .player-controls .player-controls-seekbar .seekbar-container .seekbar-background .seekbar-line {
|
|
296
|
+
height: 100%;
|
|
297
|
+
border-radius: 1vw;
|
|
298
|
+
}
|
|
299
|
+
.editor .player-controls .player-controls-seekbar .seekbar-container .seekbar-background .seekbar-sign {
|
|
300
|
+
width: 10px;
|
|
301
|
+
top: 50%;
|
|
302
|
+
margin-top: -6px;
|
|
303
|
+
}
|
|
304
|
+
.editor .player-controls .player-controls-seekbar .seekbar-container .seekbar-background .seekbar-cirle {
|
|
305
|
+
top: -10px !important;
|
|
306
|
+
width: 40px !important;
|
|
307
|
+
height: 40px !important;
|
|
308
|
+
}
|
|
309
|
+
.editor .player-controls .player-controls-time {
|
|
310
|
+
width: 6vw !important;
|
|
311
|
+
}
|
|
312
|
+
}
|
|
313
|
+
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiRDpcXGNvZGVcXHdvcmtcXHZtbWwtcGxheWVyXFxwYWNrYWdlc1xcZWRpdG9yXFxzcmNcXGFzc2V0c1xcY3NzIiwic291cmNlcyI6WyJpbmRleC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBOztBQUdKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBOztBQUVGO0VBQ0U7O0FBR0o7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VBQ0U7O0FBR0Y7RUFDRTtFQUVBOztBQUdGO0VBRUU7RUFDQTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBRUY7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTs7QUFHQTtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VBQ0U7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBRUY7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBS1I7RUFDRTtFQUNBOztBQUdKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTs7QUFHSjtFQUNFOztBQUtKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUtOO0VBQ0U7O0FBR0Y7RUFDRTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTs7QUFFRjtFQUNFO0VBQ0E7O0FBRUY7RUFDRTs7QUFHSjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0U7RUFDQTtFQUNBOztBQUNBO0VBQ0U7RUFDQTtFQUNBOzs7QUFRVjtFQUVJO0lBQ0U7SUFDQTs7RUFFRjtJQUNFO0lBQ0E7SUFDQTtJQUNBO0lBQ0E7O0VBQ0E7SUFDRTs7RUFHQTtJQUNFO0lBQ0E7SUFDQTtJQUNBOztFQUdKO0lBQ0U7O0VBQ0E7SUFDRTs7RUFDQTtJQUNFO0lBQ0E7SUFDQTs7RUFDQTtJQUNFO0lBQ0E7SUFDQTs7RUFFRjtJQUNFO0lBQ0E7O0VBRUY7SUFDRTtJQUNBO0lBQ0E7O0VBRUY7SUFDRTtJQUNBO0lBQ0E7O0VBS1I7SUFDRSIsInNvdXJjZXNDb250ZW50IjpbIi5lZGl0b3J7XHJcbiAgYmFja2dyb3VuZDogIzAwMDtcclxuICB3aWR0aDogMTAwJTtcclxuICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAucGFkZGluZy1ib3gge1xyXG4gICAgZmxleDogMTtcclxuICB9XHJcbiAgLy8g6aG26YOoXHJcbiAgJj4uaGVhZGVye1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgIGhlaWdodDogMTEuNDY3dnc7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDQuNHZ3O1xyXG4gICAgcGFkZGluZy1yaWdodDogMy4ydnc7XHJcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgJj4uY2xvc2V7XHJcbiAgICAgIHdpZHRoOiA0dnc7XHJcbiAgICAgIGhlaWdodDogNHZ3O1xyXG4gICAgICBpbWd7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICAmPi5oaXN0b3J5LW9wZXJhdGV7XHJcbiAgICAgIGhlaWdodDogNy4ydnc7XHJcbiAgICAgIGRpc3BsYXk6IG5vbmU7XHJcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgbGVmdDogNTAlO1xyXG4gICAgICB0b3A6IDUwJTtcclxuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwtNTAlKTtcclxuICAgICAgaW1ne1xyXG4gICAgICAgIHdpZHRoOiA0LjY2N3Z3O1xyXG4gICAgICAgIGhlaWdodDogNS4wNjd2dztcclxuICAgICAgfVxyXG4gICAgICAmPmltZzpsYXN0LWNoaWxke1xyXG4gICAgICAgIG1hcmdpbi1sZWZ0OiA4dnc7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgICY+Lm5leHQtYnV0dG9ue1xyXG4gICAgICB3aWR0aDogMTZ2dztcclxuICAgICAgaGVpZ2h0OiA3LjJ2dztcclxuICAgICAgbGluZS1oZWlnaHQ6IDcuMnZ3O1xyXG4gICAgICBiYWNrZ3JvdW5kOiAjMTY3N0ZGO1xyXG4gICAgICBib3JkZXItcmFkaXVzOiA2LjUzM3Z3O1xyXG4gICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICAgIGZvbnQtc2l6ZTogMy4ydnc7XHJcbiAgICAgIGNvbG9yOiAjZmZmO1xyXG4gICAgfVxyXG4gIH1cclxuICAudGV4dC1zdHlsZXtcclxuICAgIGZpbHRlcjpibHVyKDEwcHgpXHJcbiAgfVxyXG5cclxuICAuZWRpdG9yLXZlc3NlbCB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIC8vIHBhZGRpbmctdG9wOiAzLjJ2dztcclxuICAgIGhlaWdodDogMTAwJTtcclxuICB9XHJcbiAgLy9wbGF5ZXLkuI7nlLvluINcclxuICAubWFpbntcclxuICAgIC8vIHdpZHRoOiA4MS40Njd2dztcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgLy8gaGVpZ2h0OiAxNDQuOHZ3O1xyXG4gICAgbWFyZ2luOiBhdXRvO1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gICAgYm9yZGVyLXJhZGl1czogMy4ydnc7XHJcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgLnZlc3NlbCB7XHJcbiAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICB9XHJcbiAgICAuY29udHJvbHMtYm94IHtcclxuICAgICAgaGVpZ2h0OiAxMnZ3O1xyXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgIGJvdHRvbTogMDtcclxuICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgIGJvcmRlci1yYWRpdXM6IDMuMnZ3O1xyXG4gICAgfVxyXG4gICAgLnBsYXllci1jb250cm9scyB7XHJcbiAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgIHBhZGRpbmc6IDAgMi4xM3Z3O1xyXG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoIDE4MGRlZywgcmdiYSgwLDAsMCwwKSAwJSwgcmdiYSgwLDAsMCwwLjYpIDEwMCUpO1xyXG4gICAgICAubXItMTYge1xyXG4gICAgICAgIG1hcmdpbi1yaWdodDogMi4xM3Z3O1xyXG4gICAgICB9XHJcbiAgICAgIC5wbGF5ZXItY29udHJvbHMtdG9nZ2xlIHtcclxuICAgICAgICA+aW1nIHtcclxuICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICAgICAgd2lkdGg6IDQuOHZ3O1xyXG4gICAgICAgICAgaGVpZ2h0OiA0Ljh2dztcclxuICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgICAgLnBsYXllci1jb250cm9scy1zZWVrYmFyIHtcclxuICAgICAgICBmbGV4OiAxO1xyXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgICAgICAuc2Vla2Jhci1jb250YWluZXIge1xyXG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XHJcbiAgICAgICAgICB0b3VjaC1hY3Rpb246IG5vbmU7XHJcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgICAgICAgLnNlZWtiYXItYmFja2dyb3VuZCB7XHJcbiAgICAgICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xyXG4gICAgICAgICAgICBoZWlnaHQ6IDEuNnZ3O1xyXG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpO1xyXG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxdnc7XHJcbiAgICAgICAgICAgIC5zZWVrYmFyLWZpbGwge1xyXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcclxuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMXZ3O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC5zZWVrYmFyLWxpbmUge1xyXG4gICAgICAgICAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxdnc7XHJcbiAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2VlZWVlZTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAuc2Vla2Jhci1zaWduIHtcclxuICAgICAgICAgICAgICB3aWR0aDogMTBweDtcclxuICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgICAgICAgdG9wOiA1MCU7XHJcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogLTZweDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAuc2Vla2Jhci1jaXJsZSB7XHJcbiAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgICAgICAgIHRvcDogLTAuOHZ3O1xyXG4gICAgICAgICAgICAgIHdpZHRoOiAzLjJ2dztcclxuICAgICAgICAgICAgICBoZWlnaHQ6IDMuMnZ3O1xyXG4gICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAjZWVlZWVlO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICAgIC5wbGF5ZXItY29udHJvbHMtdGltZSB7XHJcbiAgICAgICAgd2lkdGg6IDEwdnc7XHJcbiAgICAgICAgY29sb3I6ICNmZmY7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIC5wbGF5LWJ0biB7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgYm90dG9tOiA0dnc7XHJcbiAgICAgIGxlZnQ6IDN2dztcclxuICAgICAgd2lkdGg6IDQuOHZ3O1xyXG4gICAgICBoZWlnaHQ6IDQuOHZ3O1xyXG4gICAgICBpbWcge1xyXG4gICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgLm9wYWNpdHktMDYge1xyXG4gICAgICBvcGFjaXR5OiAwLjY7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvL+W6lemDqFxyXG4gIC5mb290ZXJ7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBwYWRkaW5nOiAwIDIwLjMzM3Z3IDEwLjkzM3Z3O1xyXG4gICAgJj5kaXZ7XHJcbiAgICAgIHdpZHRoOiAzMCU7XHJcbiAgICAgIG1hcmdpbjogMCAxNSU7XHJcbiAgICAgIGltZ3tcclxuICAgICAgICB3aWR0aDogNi40dnc7XHJcbiAgICAgICAgaGVpZ2h0OiA2LjR2dztcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICBtYXJnaW46IGF1dG87XHJcbiAgICAgIH1cclxuICAgICAgcHtcclxuICAgICAgICBmb250LXNpemU6IDMuMnZ3O1xyXG4gICAgICAgIGNvbG9yOiAjZmZmO1xyXG4gICAgICAgIG1hcmdpbi10b3A6IDEuODY3dnc7XHJcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAubm90LXNob3ctdGV4dHtcclxuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xyXG4gIH1cclxuXHJcbiAgLmVkaXRvci12aWRlby1tZW51IHtcclxuICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgIC8vIGhlaWdodDogMzguMTN2aDtcclxuICAgIGhlaWdodDogMDtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgYmFja2dyb3VuZDogIzFFMUUxRTtcclxuICAgIGJvdHRvbTogMDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDhweCA4cHggMCAwO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIDAuNXMgZWFzZS1pbi1vdXQ7ICBcclxuICAgICYuYWN0aXZlIHtcclxuICAgICAgaGVpZ2h0OiAzOC4xM3ZoO1xyXG4gICAgfVxyXG4gICAgLmVkaXRvci12aWRlby1tZW51LWhlYWRlciB7XHJcbiAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgIHBhZGRpbmc6IDEuNnZ3IDEuNnZ3IDA7XHJcbiAgICAgIGhlaWdodDogNC44MXZoO1xyXG4gICAgICBsaW5lLWhlaWdodDogNC44MXZoO1xyXG4gICAgICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQwKTtcclxuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgICAgb3ZlcmZsb3cteDogYXV0bztcclxuICAgICAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xyXG4gICAgICAgIGRpc3BsYXk6IG5vbmU7IC8qIOmakOiXj+a7muWKqOadoSAqL1xyXG4gICAgICB9XHJcbiAgICAgID5kaXYge1xyXG4gICAgICAgIG1hcmdpbjogMCAzLjJ2dztcclxuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgICB9XHJcbiAgICAgIC5hY3RpdmUge1xyXG4gICAgICAgIGNvbG9yOiAjRkZGRkZGO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICAuZWRpdG9yLXZpZGVvLW1lbnUtaXRtZXMge1xyXG4gICAgICBwYWRkaW5nOiAwIDMuMzN2dztcclxuICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gNC44MXZoIC0gMS42dncpO1xyXG4gICAgICBkaXNwbGF5OiBncmlkO1xyXG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCAxZnIpO1xyXG4gICAgICByb3ctZ2FwOiAzLjJ2dztcclxuICAgICAgY29sdW1uLWdhcDogMi42dnc7XHJcbiAgICAgIG92ZXJmbG93OiBhdXRvO1xyXG4gICAgICA+ZGl2IHtcclxuICAgICAgICB3aWR0aDogMjEuMzN2dztcclxuICAgICAgICBoZWlnaHQ6IDIxLjMzdnc7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzFlMWUxZTtcclxuICAgICAgICBpbWcge1xyXG4gICAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgICAgICBvYmplY3QtZml0OiBjb250YWluO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbn1cclxuXHJcbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc1MHB4KSB7XHJcbiAgLmVkaXRvciB7XHJcbiAgICAuY29udHJvbHMtYm94IHtcclxuICAgICAgaGVpZ2h0OiAyMCUgIWltcG9ydGFudDtcclxuICAgICAgYm9yZGVyLXJhZGl1czogMy4ydnc7XHJcbiAgICB9XHJcbiAgICAucGxheWVyLWNvbnRyb2xzIHtcclxuICAgICAgZGlzcGxheTogZmxleDtcclxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgcGFkZGluZzogMCAxJTtcclxuICAgICAgLm1yLTE2IHtcclxuICAgICAgICBtYXJnaW4tcmlnaHQ6IDIuMTN2dztcclxuICAgICAgfVxyXG4gICAgICAucGxheWVyLWNvbnRyb2xzLXRvZ2dsZSB7XHJcbiAgICAgICAgPmltZyB7XHJcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICAgIHdpZHRoOiA0MHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICBoZWlnaHQ6IDQwcHggIWltcG9ydGFudDtcclxuICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgICAgLnBsYXllci1jb250cm9scy1zZWVrYmFyIHtcclxuICAgICAgICBmbGV4OiAxO1xyXG4gICAgICAgIC5zZWVrYmFyLWNvbnRhaW5lciB7XHJcbiAgICAgICAgICBoZWlnaHQ6IDJweCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgLnNlZWtiYXItYmFja2dyb3VuZCB7XHJcbiAgICAgICAgICAgIGhlaWdodDogMTBweCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMXZ3O1xyXG4gICAgICAgICAgICAuc2Vla2Jhci1maWxsIHtcclxuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICAgICAgICBoZWlnaHQ6IDgwJTtcclxuICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxdnc7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgLnNlZWtiYXItbGluZSB7XHJcbiAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDF2dztcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAuc2Vla2Jhci1zaWduIHtcclxuICAgICAgICAgICAgICB3aWR0aDogMTBweDtcclxuICAgICAgICAgICAgICB0b3A6IDUwJTtcclxuICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAtNnB4O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC5zZWVrYmFyLWNpcmxlIHtcclxuICAgICAgICAgICAgICB0b3A6IC0xMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgd2lkdGg6IDQwcHggIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICBoZWlnaHQ6IDQwcHggIWltcG9ydGFudDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgICAucGxheWVyLWNvbnRyb2xzLXRpbWUge1xyXG4gICAgICAgIHdpZHRoOiA2dncgIWltcG9ydGFudDtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxufVxyXG5cclxuIl19 */`;
|
|
258
314
|
document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
|
|
259
315
|
|
|
260
316
|
// src/utils/const.ts
|
|
@@ -1258,17 +1314,34 @@ var EditorCanvas = react.forwardRef(
|
|
|
1258
1314
|
waitFcTasks.current.push(createTextFromClip.bind(void 0, clip));
|
|
1259
1315
|
}
|
|
1260
1316
|
};
|
|
1317
|
+
const getFontFamilyName = (url) => {
|
|
1318
|
+
const filename = url.split("/").pop() || "";
|
|
1319
|
+
const name = filename.replace(/\.(ttf|otf|woff2?|eot)$/i, "");
|
|
1320
|
+
return `CustomFont_${name.substring(0, 20)}`;
|
|
1321
|
+
};
|
|
1322
|
+
const detectFontFormat = (url) => {
|
|
1323
|
+
const lower = url.toLowerCase();
|
|
1324
|
+
if (lower.includes(".woff2")) return "woff2";
|
|
1325
|
+
if (lower.includes(".woff")) return "woff";
|
|
1326
|
+
if (lower.includes(".otf")) return "opentype";
|
|
1327
|
+
if (lower.includes(".ttf")) return "truetype";
|
|
1328
|
+
return null;
|
|
1329
|
+
};
|
|
1261
1330
|
const embedFontInSVG = async (svgString, url) => {
|
|
1262
1331
|
if (url) {
|
|
1263
1332
|
const res = await vmmlUtils.urlToBlob({ url });
|
|
1333
|
+
const format = detectFontFormat(url);
|
|
1334
|
+
const fontFamilyName = getFontFamilyName(url);
|
|
1335
|
+
const srcValue = format ? `url('${res}') format('${format}')` : `url('${res}')`;
|
|
1264
1336
|
const fontFace = `
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1337
|
+
@font-face {
|
|
1338
|
+
font-family: '${fontFamilyName}';
|
|
1339
|
+
src: ${srcValue};
|
|
1340
|
+
}
|
|
1341
|
+
`;
|
|
1270
1342
|
const styleElement = `<style type="text/css"><![CDATA[${fontFace}]]></style>`;
|
|
1271
|
-
|
|
1343
|
+
const result = svgString.replace("</svg>", `${styleElement}</svg>`);
|
|
1344
|
+
return result;
|
|
1272
1345
|
}
|
|
1273
1346
|
return svgString;
|
|
1274
1347
|
};
|
|
@@ -1279,13 +1352,13 @@ var EditorCanvas = react.forwardRef(
|
|
|
1279
1352
|
container.style.display = "inline-block";
|
|
1280
1353
|
container.style.textAlign = textBasicInfo.textAlign || "left";
|
|
1281
1354
|
const lines = textContent.split("\n");
|
|
1355
|
+
const fontFamily = fontAssetUrl ? getFontFamilyName(fontAssetUrl) : "sansMedium";
|
|
1282
1356
|
lines.forEach((line) => {
|
|
1283
1357
|
const p = document.createElement("p");
|
|
1284
1358
|
p.style.color = textColor;
|
|
1285
1359
|
p.style.fontSize = "22px";
|
|
1286
1360
|
p.style.lineHeight = "22px";
|
|
1287
|
-
|
|
1288
|
-
p.style.fontFamily = font;
|
|
1361
|
+
p.style.fontFamily = fontFamily;
|
|
1289
1362
|
p.style.whiteSpace = "nowrap";
|
|
1290
1363
|
p.style.padding = "0";
|
|
1291
1364
|
p.textContent = line || " ";
|
|
@@ -2218,6 +2291,7 @@ var EditorFn = ({
|
|
|
2218
2291
|
editableArray = [],
|
|
2219
2292
|
templateId,
|
|
2220
2293
|
strategyId,
|
|
2294
|
+
height = "100vh",
|
|
2221
2295
|
pauseWhenBuffering = false
|
|
2222
2296
|
}, ref) => {
|
|
2223
2297
|
var _a;
|
|
@@ -2510,8 +2584,8 @@ var EditorFn = ({
|
|
|
2510
2584
|
const parent = player.getContainerNode();
|
|
2511
2585
|
if (!canvasSize.width) {
|
|
2512
2586
|
const playerElement = parent == null ? void 0 : parent.children[0];
|
|
2513
|
-
const { width, height } = (playerElement == null ? void 0 : playerElement.getBoundingClientRect()) || {};
|
|
2514
|
-
setCanvasSize({ width, height, top: playerElement.offsetTop });
|
|
2587
|
+
const { width, height: height2 } = (playerElement == null ? void 0 : playerElement.getBoundingClientRect()) || {};
|
|
2588
|
+
setCanvasSize({ width, height: height2, top: playerElement.offsetTop });
|
|
2515
2589
|
}
|
|
2516
2590
|
player.addEventListener("play", onPlay);
|
|
2517
2591
|
player.addEventListener("pause", onPause);
|
|
@@ -2579,7 +2653,7 @@ var EditorFn = ({
|
|
|
2579
2653
|
return {};
|
|
2580
2654
|
}, [loading]);
|
|
2581
2655
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2582
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "editor", children: [
|
|
2656
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "editor", style: { height }, children: [
|
|
2583
2657
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "editor-vessel", onClick: () => {
|
|
2584
2658
|
setMenuState("");
|
|
2585
2659
|
}, children: /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `main ${menuState === "text" ? "text-style" : ""}`, children: [
|
|
@@ -2632,7 +2706,7 @@ var EditorFn = ({
|
|
|
2632
2706
|
/* @__PURE__ */ jsxRuntime.jsx(Loading_default, { show: loading })
|
|
2633
2707
|
] }) }),
|
|
2634
2708
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "padding-box" }),
|
|
2635
|
-
/* @__PURE__ */ jsxRuntime.jsxs("section", { style: menuStyles, className: `footer ${menuState === "text" ? "text-style" : ""}`, children: [
|
|
2709
|
+
(maxText > 0 || maxVideo > 0) && /* @__PURE__ */ jsxRuntime.jsxs("section", { style: menuStyles, className: `footer ${menuState === "text" ? "text-style" : ""}`, children: [
|
|
2636
2710
|
maxText > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2637
2711
|
"div",
|
|
2638
2712
|
{
|