@versa_ai/vmml-editor 1.0.11 → 1.0.12
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 +39 -21
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +39 -21
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -3
- package/src/assets/css/index.scss +13 -9
- package/src/components/EditorCanvas.tsx +37 -14
- package/src/index.tsx +2 -1
package/dist/index.mjs
CHANGED
|
@@ -14,7 +14,6 @@ var css = `@charset "UTF-8";
|
|
|
14
14
|
.editor {
|
|
15
15
|
background: #000;
|
|
16
16
|
width: 100%;
|
|
17
|
-
min-height: 100vh;
|
|
18
17
|
overflow: hidden;
|
|
19
18
|
display: flex;
|
|
20
19
|
flex-direction: column;
|
|
@@ -71,11 +70,12 @@ var css = `@charset "UTF-8";
|
|
|
71
70
|
filter: blur(10px);
|
|
72
71
|
}
|
|
73
72
|
.editor .editor-vessel {
|
|
74
|
-
|
|
73
|
+
width: 100%;
|
|
74
|
+
height: 100%;
|
|
75
75
|
}
|
|
76
76
|
.editor .main {
|
|
77
|
-
width:
|
|
78
|
-
height:
|
|
77
|
+
width: 100%;
|
|
78
|
+
height: 100%;
|
|
79
79
|
margin: auto;
|
|
80
80
|
position: relative;
|
|
81
81
|
display: flex;
|
|
@@ -88,9 +88,9 @@ var css = `@charset "UTF-8";
|
|
|
88
88
|
height: 100%;
|
|
89
89
|
}
|
|
90
90
|
.editor .main .controls-box {
|
|
91
|
-
height:
|
|
91
|
+
height: 10%;
|
|
92
92
|
position: absolute;
|
|
93
|
-
bottom:
|
|
93
|
+
bottom: -2%;
|
|
94
94
|
width: 100%;
|
|
95
95
|
border-radius: 3.2vw;
|
|
96
96
|
}
|
|
@@ -99,7 +99,7 @@ var css = `@charset "UTF-8";
|
|
|
99
99
|
align-items: center;
|
|
100
100
|
width: 100%;
|
|
101
101
|
height: 100%;
|
|
102
|
-
padding: 0
|
|
102
|
+
padding: 0 1%;
|
|
103
103
|
box-sizing: border-box;
|
|
104
104
|
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
|
|
105
105
|
}
|
|
@@ -108,8 +108,8 @@ var css = `@charset "UTF-8";
|
|
|
108
108
|
}
|
|
109
109
|
.editor .main .player-controls .player-controls-toggle > img {
|
|
110
110
|
display: block;
|
|
111
|
-
width:
|
|
112
|
-
height:
|
|
111
|
+
width: 26%;
|
|
112
|
+
height: 26%;
|
|
113
113
|
cursor: pointer;
|
|
114
114
|
}
|
|
115
115
|
.editor .main .player-controls .player-controls-seekbar {
|
|
@@ -252,7 +252,7 @@ var css = `@charset "UTF-8";
|
|
|
252
252
|
height: 100%;
|
|
253
253
|
object-fit: contain;
|
|
254
254
|
}
|
|
255
|
-
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
255
|
+
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiRDpcXGNvZGVcXHdvcmtcXHZtbWwtcGxheWVyXFxwYWNrYWdlc1xcZWRpdG9yXFxzcmNcXGFzc2V0c1xcY3NzIiwic291cmNlcyI6WyJpbmRleC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBOztBQUdKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBOztBQUVGO0VBQ0U7O0FBR0o7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VBQ0U7O0FBR0Y7RUFDRTtFQUVBOztBQUdGO0VBR0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBRUY7RUFDRTtFQUVBO0VBQ0E7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTs7QUFHQTtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VBQ0U7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBRUY7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBS1I7RUFDRTtFQUNBOztBQUdKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTs7QUFHSjtFQUNFOztBQUtKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUtOO0VBQ0U7O0FBR0Y7RUFDRTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTs7QUFFRjtFQUNFO0VBQ0E7O0FBRUY7RUFDRTs7QUFHSjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0U7RUFDQTtFQUNBOztBQUNBO0VBQ0U7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiLmVkaXRvcntcclxuICBiYWNrZ3JvdW5kOiAjMDAwO1xyXG4gIHdpZHRoOiAxMDAlO1xyXG4gIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIC5wYWRkaW5nLWJveCB7XHJcbiAgICBmbGV4OiAxO1xyXG4gIH1cclxuICAvLyDpobbpg6hcclxuICAmPi5oZWFkZXJ7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgaGVpZ2h0OiAxMS40Njd2dztcclxuICAgIHBhZGRpbmctbGVmdDogNC40dnc7XHJcbiAgICBwYWRkaW5nLXJpZ2h0OiAzLjJ2dztcclxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICAmPi5jbG9zZXtcclxuICAgICAgd2lkdGg6IDR2dztcclxuICAgICAgaGVpZ2h0OiA0dnc7XHJcbiAgICAgIGltZ3tcclxuICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgICY+Lmhpc3Rvcnktb3BlcmF0ZXtcclxuICAgICAgaGVpZ2h0OiA3LjJ2dztcclxuICAgICAgZGlzcGxheTogbm9uZTtcclxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICBsZWZ0OiA1MCU7XHJcbiAgICAgIHRvcDogNTAlO1xyXG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLC01MCUpO1xyXG4gICAgICBpbWd7XHJcbiAgICAgICAgd2lkdGg6IDQuNjY3dnc7XHJcbiAgICAgICAgaGVpZ2h0OiA1LjA2N3Z3O1xyXG4gICAgICB9XHJcbiAgICAgICY+aW1nOmxhc3QtY2hpbGR7XHJcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDh2dztcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgJj4ubmV4dC1idXR0b257XHJcbiAgICAgIHdpZHRoOiAxNnZ3O1xyXG4gICAgICBoZWlnaHQ6IDcuMnZ3O1xyXG4gICAgICBsaW5lLWhlaWdodDogNy4ydnc7XHJcbiAgICAgIGJhY2tncm91bmQ6ICMxNjc3RkY7XHJcbiAgICAgIGJvcmRlci1yYWRpdXM6IDYuNTMzdnc7XHJcbiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgICAgZm9udC1zaXplOiAzLjJ2dztcclxuICAgICAgY29sb3I6ICNmZmY7XHJcbiAgICB9XHJcbiAgfVxyXG4gIC50ZXh0LXN0eWxle1xyXG4gICAgZmlsdGVyOmJsdXIoMTBweClcclxuICB9XHJcblxyXG4gIC5lZGl0b3ItdmVzc2VsIHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgLy8gcGFkZGluZy10b3A6IDMuMnZ3O1xyXG4gICAgaGVpZ2h0OiAxMDAlO1xyXG4gIH1cclxuICAvL3BsYXllcuS4jueUu+W4g1xyXG4gIC5tYWlue1xyXG4gICAgLy8gd2lkdGg6IDgxLjQ2N3Z3O1xyXG4gICAgLy8gaGVpZ2h0OiAxNDQuOHZ3O1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICBtYXJnaW46IGF1dG87XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBib3JkZXItcmFkaXVzOiAzLjJ2dztcclxuICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICAudmVzc2VsIHtcclxuICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgIGhlaWdodDogMTAwJTtcclxuICAgIH1cclxuICAgIC5jb250cm9scy1ib3gge1xyXG4gICAgICBoZWlnaHQ6IDEwJTtcclxuICAgICAgLy8gaGVpZ2h0OiAxMnZ3O1xyXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgIGJvdHRvbTogLTIlO1xyXG4gICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgYm9yZGVyLXJhZGl1czogMy4ydnc7XHJcbiAgICB9XHJcbiAgICAucGxheWVyLWNvbnRyb2xzIHtcclxuICAgICAgZGlzcGxheTogZmxleDtcclxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgcGFkZGluZzogMCAxJTtcclxuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICAgICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KCAxODBkZWcsIHJnYmEoMCwwLDAsMCkgMCUsIHJnYmEoMCwwLDAsMC42KSAxMDAlKTtcclxuICAgICAgLm1yLTE2IHtcclxuICAgICAgICBtYXJnaW4tcmlnaHQ6IDIuMTN2dztcclxuICAgICAgfVxyXG4gICAgICAucGxheWVyLWNvbnRyb2xzLXRvZ2dsZSB7XHJcbiAgICAgICAgPmltZyB7XHJcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICAgIHdpZHRoOiAyNiU7XHJcbiAgICAgICAgICBoZWlnaHQ6IDI2JTtcclxuICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgICAgLnBsYXllci1jb250cm9scy1zZWVrYmFyIHtcclxuICAgICAgICBmbGV4OiAxO1xyXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgICAgICAuc2Vla2Jhci1jb250YWluZXIge1xyXG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XHJcbiAgICAgICAgICB0b3VjaC1hY3Rpb246IG5vbmU7XHJcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgICAgICAgLnNlZWtiYXItYmFja2dyb3VuZCB7XHJcbiAgICAgICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xyXG4gICAgICAgICAgICBoZWlnaHQ6IDEuNnZ3O1xyXG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpO1xyXG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxdnc7XHJcbiAgICAgICAgICAgIC5zZWVrYmFyLWZpbGwge1xyXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcclxuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMXZ3O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC5zZWVrYmFyLWxpbmUge1xyXG4gICAgICAgICAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxdnc7XHJcbiAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2VlZWVlZTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAuc2Vla2Jhci1zaWduIHtcclxuICAgICAgICAgICAgICB3aWR0aDogMTBweDtcclxuICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgICAgICAgdG9wOiA1MCU7XHJcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogLTZweDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAuc2Vla2Jhci1jaXJsZSB7XHJcbiAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgICAgICAgIHRvcDogLTAuOHZ3O1xyXG4gICAgICAgICAgICAgIHdpZHRoOiAzLjJ2dztcclxuICAgICAgICAgICAgICBoZWlnaHQ6IDMuMnZ3O1xyXG4gICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAjZWVlZWVlO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICAgIC5wbGF5ZXItY29udHJvbHMtdGltZSB7XHJcbiAgICAgICAgd2lkdGg6IDEwdnc7XHJcbiAgICAgICAgY29sb3I6ICNmZmY7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIC5wbGF5LWJ0biB7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgYm90dG9tOiA0dnc7XHJcbiAgICAgIGxlZnQ6IDN2dztcclxuICAgICAgd2lkdGg6IDQuOHZ3O1xyXG4gICAgICBoZWlnaHQ6IDQuOHZ3O1xyXG4gICAgICBpbWcge1xyXG4gICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgLm9wYWNpdHktMDYge1xyXG4gICAgICBvcGFjaXR5OiAwLjY7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvL+W6lemDqFxyXG4gIC5mb290ZXJ7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBwYWRkaW5nOiAwIDIwLjMzM3Z3IDEwLjkzM3Z3O1xyXG4gICAgJj5kaXZ7XHJcbiAgICAgIHdpZHRoOiAzMCU7XHJcbiAgICAgIG1hcmdpbjogMCAxNSU7XHJcbiAgICAgIGltZ3tcclxuICAgICAgICB3aWR0aDogNi40dnc7XHJcbiAgICAgICAgaGVpZ2h0OiA2LjR2dztcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICBtYXJnaW46IGF1dG87XHJcbiAgICAgIH1cclxuICAgICAgcHtcclxuICAgICAgICBmb250LXNpemU6IDMuMnZ3O1xyXG4gICAgICAgIGNvbG9yOiAjZmZmO1xyXG4gICAgICAgIG1hcmdpbi10b3A6IDEuODY3dnc7XHJcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAubm90LXNob3ctdGV4dHtcclxuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xyXG4gIH1cclxuXHJcbiAgLmVkaXRvci12aWRlby1tZW51IHtcclxuICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgIC8vIGhlaWdodDogMzguMTN2aDtcclxuICAgIGhlaWdodDogMDtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgYmFja2dyb3VuZDogIzFFMUUxRTtcclxuICAgIGJvdHRvbTogMDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDhweCA4cHggMCAwO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIDAuNXMgZWFzZS1pbi1vdXQ7ICBcclxuICAgICYuYWN0aXZlIHtcclxuICAgICAgaGVpZ2h0OiAzOC4xM3ZoO1xyXG4gICAgfVxyXG4gICAgLmVkaXRvci12aWRlby1tZW51LWhlYWRlciB7XHJcbiAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgIHBhZGRpbmc6IDEuNnZ3IDEuNnZ3IDA7XHJcbiAgICAgIGhlaWdodDogNC44MXZoO1xyXG4gICAgICBsaW5lLWhlaWdodDogNC44MXZoO1xyXG4gICAgICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQwKTtcclxuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgICAgb3ZlcmZsb3cteDogYXV0bztcclxuICAgICAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xyXG4gICAgICAgIGRpc3BsYXk6IG5vbmU7IC8qIOmakOiXj+a7muWKqOadoSAqL1xyXG4gICAgICB9XHJcbiAgICAgID5kaXYge1xyXG4gICAgICAgIG1hcmdpbjogMCAzLjJ2dztcclxuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgICB9XHJcbiAgICAgIC5hY3RpdmUge1xyXG4gICAgICAgIGNvbG9yOiAjRkZGRkZGO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICAuZWRpdG9yLXZpZGVvLW1lbnUtaXRtZXMge1xyXG4gICAgICBwYWRkaW5nOiAwIDMuMzN2dztcclxuICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gNC44MXZoIC0gMS42dncpO1xyXG4gICAgICBkaXNwbGF5OiBncmlkO1xyXG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCAxZnIpO1xyXG4gICAgICByb3ctZ2FwOiAzLjJ2dztcclxuICAgICAgY29sdW1uLWdhcDogMi42dnc7XHJcbiAgICAgIG92ZXJmbG93OiBhdXRvO1xyXG4gICAgICA+ZGl2IHtcclxuICAgICAgICB3aWR0aDogMjEuMzN2dztcclxuICAgICAgICBoZWlnaHQ6IDIxLjMzdnc7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzFlMWUxZTtcclxuICAgICAgICBpbWcge1xyXG4gICAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgICAgICBvYmplY3QtZml0OiBjb250YWluO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbn1cclxuIl19 */`;
|
|
256
256
|
document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
|
|
257
257
|
|
|
258
258
|
// src/utils/const.ts
|
|
@@ -1256,17 +1256,34 @@ var EditorCanvas = forwardRef(
|
|
|
1256
1256
|
waitFcTasks.current.push(createTextFromClip.bind(void 0, clip));
|
|
1257
1257
|
}
|
|
1258
1258
|
};
|
|
1259
|
+
const getFontFamilyName = (url) => {
|
|
1260
|
+
const filename = url.split("/").pop() || "";
|
|
1261
|
+
const name = filename.replace(/\.(ttf|otf|woff2?|eot)$/i, "");
|
|
1262
|
+
return `CustomFont_${name.substring(0, 20)}`;
|
|
1263
|
+
};
|
|
1264
|
+
const detectFontFormat = (url) => {
|
|
1265
|
+
const lower = url.toLowerCase();
|
|
1266
|
+
if (lower.includes(".woff2")) return "woff2";
|
|
1267
|
+
if (lower.includes(".woff")) return "woff";
|
|
1268
|
+
if (lower.includes(".otf")) return "opentype";
|
|
1269
|
+
if (lower.includes(".ttf")) return "truetype";
|
|
1270
|
+
return null;
|
|
1271
|
+
};
|
|
1259
1272
|
const embedFontInSVG = async (svgString, url) => {
|
|
1260
1273
|
if (url) {
|
|
1261
1274
|
const res = await urlToBlob({ url });
|
|
1275
|
+
const format = detectFontFormat(url);
|
|
1276
|
+
const fontFamilyName = getFontFamilyName(url);
|
|
1277
|
+
const srcValue = format ? `url('${res}') format('${format}')` : `url('${res}')`;
|
|
1262
1278
|
const fontFace = `
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1279
|
+
@font-face {
|
|
1280
|
+
font-family: '${fontFamilyName}';
|
|
1281
|
+
src: ${srcValue};
|
|
1282
|
+
}
|
|
1283
|
+
`;
|
|
1268
1284
|
const styleElement = `<style type="text/css"><![CDATA[${fontFace}]]></style>`;
|
|
1269
|
-
|
|
1285
|
+
const result = svgString.replace("</svg>", `${styleElement}</svg>`);
|
|
1286
|
+
return result;
|
|
1270
1287
|
}
|
|
1271
1288
|
return svgString;
|
|
1272
1289
|
};
|
|
@@ -1277,13 +1294,13 @@ var EditorCanvas = forwardRef(
|
|
|
1277
1294
|
container.style.display = "inline-block";
|
|
1278
1295
|
container.style.textAlign = textBasicInfo.textAlign || "left";
|
|
1279
1296
|
const lines = textContent.split("\n");
|
|
1297
|
+
const fontFamily = fontAssetUrl ? getFontFamilyName(fontAssetUrl) : "sansMedium";
|
|
1280
1298
|
lines.forEach((line) => {
|
|
1281
1299
|
const p = document.createElement("p");
|
|
1282
1300
|
p.style.color = textColor;
|
|
1283
1301
|
p.style.fontSize = "22px";
|
|
1284
1302
|
p.style.lineHeight = "22px";
|
|
1285
|
-
|
|
1286
|
-
p.style.fontFamily = font;
|
|
1303
|
+
p.style.fontFamily = fontFamily;
|
|
1287
1304
|
p.style.whiteSpace = "nowrap";
|
|
1288
1305
|
p.style.padding = "0";
|
|
1289
1306
|
p.textContent = line || " ";
|
|
@@ -2216,6 +2233,7 @@ var EditorFn = ({
|
|
|
2216
2233
|
editableArray = [],
|
|
2217
2234
|
templateId,
|
|
2218
2235
|
strategyId,
|
|
2236
|
+
height = "100vh",
|
|
2219
2237
|
pauseWhenBuffering = false
|
|
2220
2238
|
}, ref) => {
|
|
2221
2239
|
var _a;
|
|
@@ -2508,8 +2526,8 @@ var EditorFn = ({
|
|
|
2508
2526
|
const parent = player.getContainerNode();
|
|
2509
2527
|
if (!canvasSize.width) {
|
|
2510
2528
|
const playerElement = parent == null ? void 0 : parent.children[0];
|
|
2511
|
-
const { width, height } = (playerElement == null ? void 0 : playerElement.getBoundingClientRect()) || {};
|
|
2512
|
-
setCanvasSize({ width, height, top: playerElement.offsetTop });
|
|
2529
|
+
const { width, height: height2 } = (playerElement == null ? void 0 : playerElement.getBoundingClientRect()) || {};
|
|
2530
|
+
setCanvasSize({ width, height: height2, top: playerElement.offsetTop });
|
|
2513
2531
|
}
|
|
2514
2532
|
player.addEventListener("play", onPlay);
|
|
2515
2533
|
player.addEventListener("pause", onPause);
|
|
@@ -2577,7 +2595,7 @@ var EditorFn = ({
|
|
|
2577
2595
|
return {};
|
|
2578
2596
|
}, [loading]);
|
|
2579
2597
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
2580
|
-
/* @__PURE__ */ jsxs("div", { className: "editor", children: [
|
|
2598
|
+
/* @__PURE__ */ jsxs("div", { className: "editor", style: { height }, children: [
|
|
2581
2599
|
/* @__PURE__ */ jsx("div", { className: "editor-vessel", onClick: () => {
|
|
2582
2600
|
setMenuState("");
|
|
2583
2601
|
}, children: /* @__PURE__ */ jsxs("section", { className: `main ${menuState === "text" ? "text-style" : ""}`, children: [
|