@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/.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.12 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
|
-
[32mESM[39m [1mdist\index.mjs
|
|
129
|
-
[32mESM[39m
|
|
130
|
-
[
|
|
131
|
-
[32mCJS[39m [1mdist\index.js
|
|
132
|
-
[32mCJS[39m
|
|
133
|
-
[
|
|
126
|
+
[34mDTS[39m Build start
|
|
127
|
+
[32mESM[39m [1mdist\index.mjs [22m[32m103.26 KB[39m
|
|
128
|
+
[32mESM[39m [1mdist\index.mjs.map [22m[32m201.29 KB[39m
|
|
129
|
+
[32mESM[39m ⚡️ Build success in 888ms
|
|
130
|
+
[32mCJS[39m [1mdist\index.js [22m[32m104.80 KB[39m
|
|
131
|
+
[32mCJS[39m [1mdist\index.js.map [22m[32m201.57 KB[39m
|
|
132
|
+
[32mCJS[39m ⚡️ Build success in 893ms
|
|
133
|
+
[32mDTS[39m ⚡️ Build success in 2736ms
|
|
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;
|
|
@@ -90,9 +90,9 @@ var css = `@charset "UTF-8";
|
|
|
90
90
|
height: 100%;
|
|
91
91
|
}
|
|
92
92
|
.editor .main .controls-box {
|
|
93
|
-
height:
|
|
93
|
+
height: 10%;
|
|
94
94
|
position: absolute;
|
|
95
|
-
bottom:
|
|
95
|
+
bottom: -2%;
|
|
96
96
|
width: 100%;
|
|
97
97
|
border-radius: 3.2vw;
|
|
98
98
|
}
|
|
@@ -101,7 +101,7 @@ var css = `@charset "UTF-8";
|
|
|
101
101
|
align-items: center;
|
|
102
102
|
width: 100%;
|
|
103
103
|
height: 100%;
|
|
104
|
-
padding: 0
|
|
104
|
+
padding: 0 1%;
|
|
105
105
|
box-sizing: border-box;
|
|
106
106
|
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
|
|
107
107
|
}
|
|
@@ -110,8 +110,8 @@ var css = `@charset "UTF-8";
|
|
|
110
110
|
}
|
|
111
111
|
.editor .main .player-controls .player-controls-toggle > img {
|
|
112
112
|
display: block;
|
|
113
|
-
width:
|
|
114
|
-
height:
|
|
113
|
+
width: 26%;
|
|
114
|
+
height: 26%;
|
|
115
115
|
cursor: pointer;
|
|
116
116
|
}
|
|
117
117
|
.editor .main .player-controls .player-controls-seekbar {
|
|
@@ -254,7 +254,7 @@ var css = `@charset "UTF-8";
|
|
|
254
254
|
height: 100%;
|
|
255
255
|
object-fit: contain;
|
|
256
256
|
}
|
|
257
|
-
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
257
|
+
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiRDpcXGNvZGVcXHdvcmtcXHZtbWwtcGxheWVyXFxwYWNrYWdlc1xcZWRpdG9yXFxzcmNcXGFzc2V0c1xcY3NzIiwic291cmNlcyI6WyJpbmRleC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBOztBQUdKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBOztBQUVGO0VBQ0U7O0FBR0o7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VBQ0U7O0FBR0Y7RUFDRTtFQUVBOztBQUdGO0VBR0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBRUY7RUFDRTtFQUVBO0VBQ0E7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTs7QUFHQTtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VBQ0U7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBRUY7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBS1I7RUFDRTtFQUNBOztBQUdKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTs7QUFHSjtFQUNFOztBQUtKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUtOO0VBQ0U7O0FBR0Y7RUFDRTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTs7QUFFRjtFQUNFO0VBQ0E7O0FBRUY7RUFDRTs7QUFHSjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0U7RUFDQTtFQUNBOztBQUNBO0VBQ0U7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiLmVkaXRvcntcclxuICBiYWNrZ3JvdW5kOiAjMDAwO1xyXG4gIHdpZHRoOiAxMDAlO1xyXG4gIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIC5wYWRkaW5nLWJveCB7XHJcbiAgICBmbGV4OiAxO1xyXG4gIH1cclxuICAvLyDpobbpg6hcclxuICAmPi5oZWFkZXJ7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgaGVpZ2h0OiAxMS40Njd2dztcclxuICAgIHBhZGRpbmctbGVmdDogNC40dnc7XHJcbiAgICBwYWRkaW5nLXJpZ2h0OiAzLjJ2dztcclxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICAmPi5jbG9zZXtcclxuICAgICAgd2lkdGg6IDR2dztcclxuICAgICAgaGVpZ2h0OiA0dnc7XHJcbiAgICAgIGltZ3tcclxuICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgICY+Lmhpc3Rvcnktb3BlcmF0ZXtcclxuICAgICAgaGVpZ2h0OiA3LjJ2dztcclxuICAgICAgZGlzcGxheTogbm9uZTtcclxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICBsZWZ0OiA1MCU7XHJcbiAgICAgIHRvcDogNTAlO1xyXG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLC01MCUpO1xyXG4gICAgICBpbWd7XHJcbiAgICAgICAgd2lkdGg6IDQuNjY3dnc7XHJcbiAgICAgICAgaGVpZ2h0OiA1LjA2N3Z3O1xyXG4gICAgICB9XHJcbiAgICAgICY+aW1nOmxhc3QtY2hpbGR7XHJcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDh2dztcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgJj4ubmV4dC1idXR0b257XHJcbiAgICAgIHdpZHRoOiAxNnZ3O1xyXG4gICAgICBoZWlnaHQ6IDcuMnZ3O1xyXG4gICAgICBsaW5lLWhlaWdodDogNy4ydnc7XHJcbiAgICAgIGJhY2tncm91bmQ6ICMxNjc3RkY7XHJcbiAgICAgIGJvcmRlci1yYWRpdXM6IDYuNTMzdnc7XHJcbiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgICAgZm9udC1zaXplOiAzLjJ2dztcclxuICAgICAgY29sb3I6ICNmZmY7XHJcbiAgICB9XHJcbiAgfVxyXG4gIC50ZXh0LXN0eWxle1xyXG4gICAgZmlsdGVyOmJsdXIoMTBweClcclxuICB9XHJcblxyXG4gIC5lZGl0b3ItdmVzc2VsIHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgLy8gcGFkZGluZy10b3A6IDMuMnZ3O1xyXG4gICAgaGVpZ2h0OiAxMDAlO1xyXG4gIH1cclxuICAvL3BsYXllcuS4jueUu+W4g1xyXG4gIC5tYWlue1xyXG4gICAgLy8gd2lkdGg6IDgxLjQ2N3Z3O1xyXG4gICAgLy8gaGVpZ2h0OiAxNDQuOHZ3O1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICBtYXJnaW46IGF1dG87XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBib3JkZXItcmFkaXVzOiAzLjJ2dztcclxuICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICAudmVzc2VsIHtcclxuICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgIGhlaWdodDogMTAwJTtcclxuICAgIH1cclxuICAgIC5jb250cm9scy1ib3gge1xyXG4gICAgICBoZWlnaHQ6IDEwJTtcclxuICAgICAgLy8gaGVpZ2h0OiAxMnZ3O1xyXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgIGJvdHRvbTogLTIlO1xyXG4gICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgYm9yZGVyLXJhZGl1czogMy4ydnc7XHJcbiAgICB9XHJcbiAgICAucGxheWVyLWNvbnRyb2xzIHtcclxuICAgICAgZGlzcGxheTogZmxleDtcclxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgcGFkZGluZzogMCAxJTtcclxuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICAgICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KCAxODBkZWcsIHJnYmEoMCwwLDAsMCkgMCUsIHJnYmEoMCwwLDAsMC42KSAxMDAlKTtcclxuICAgICAgLm1yLTE2IHtcclxuICAgICAgICBtYXJnaW4tcmlnaHQ6IDIuMTN2dztcclxuICAgICAgfVxyXG4gICAgICAucGxheWVyLWNvbnRyb2xzLXRvZ2dsZSB7XHJcbiAgICAgICAgPmltZyB7XHJcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICAgIHdpZHRoOiAyNiU7XHJcbiAgICAgICAgICBoZWlnaHQ6IDI2JTtcclxuICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgICAgLnBsYXllci1jb250cm9scy1zZWVrYmFyIHtcclxuICAgICAgICBmbGV4OiAxO1xyXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgICAgICAuc2Vla2Jhci1jb250YWluZXIge1xyXG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XHJcbiAgICAgICAgICB0b3VjaC1hY3Rpb246IG5vbmU7XHJcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgICAgICAgLnNlZWtiYXItYmFja2dyb3VuZCB7XHJcbiAgICAgICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xyXG4gICAgICAgICAgICBoZWlnaHQ6IDEuNnZ3O1xyXG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpO1xyXG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxdnc7XHJcbiAgICAgICAgICAgIC5zZWVrYmFyLWZpbGwge1xyXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcclxuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMXZ3O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC5zZWVrYmFyLWxpbmUge1xyXG4gICAgICAgICAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxdnc7XHJcbiAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2VlZWVlZTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAuc2Vla2Jhci1zaWduIHtcclxuICAgICAgICAgICAgICB3aWR0aDogMTBweDtcclxuICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgICAgICAgdG9wOiA1MCU7XHJcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogLTZweDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAuc2Vla2Jhci1jaXJsZSB7XHJcbiAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgICAgICAgIHRvcDogLTAuOHZ3O1xyXG4gICAgICAgICAgICAgIHdpZHRoOiAzLjJ2dztcclxuICAgICAgICAgICAgICBoZWlnaHQ6IDMuMnZ3O1xyXG4gICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAjZWVlZWVlO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICAgIC5wbGF5ZXItY29udHJvbHMtdGltZSB7XHJcbiAgICAgICAgd2lkdGg6IDEwdnc7XHJcbiAgICAgICAgY29sb3I6ICNmZmY7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIC5wbGF5LWJ0biB7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgYm90dG9tOiA0dnc7XHJcbiAgICAgIGxlZnQ6IDN2dztcclxuICAgICAgd2lkdGg6IDQuOHZ3O1xyXG4gICAgICBoZWlnaHQ6IDQuOHZ3O1xyXG4gICAgICBpbWcge1xyXG4gICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgLm9wYWNpdHktMDYge1xyXG4gICAgICBvcGFjaXR5OiAwLjY7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvL+W6lemDqFxyXG4gIC5mb290ZXJ7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBwYWRkaW5nOiAwIDIwLjMzM3Z3IDEwLjkzM3Z3O1xyXG4gICAgJj5kaXZ7XHJcbiAgICAgIHdpZHRoOiAzMCU7XHJcbiAgICAgIG1hcmdpbjogMCAxNSU7XHJcbiAgICAgIGltZ3tcclxuICAgICAgICB3aWR0aDogNi40dnc7XHJcbiAgICAgICAgaGVpZ2h0OiA2LjR2dztcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICBtYXJnaW46IGF1dG87XHJcbiAgICAgIH1cclxuICAgICAgcHtcclxuICAgICAgICBmb250LXNpemU6IDMuMnZ3O1xyXG4gICAgICAgIGNvbG9yOiAjZmZmO1xyXG4gICAgICAgIG1hcmdpbi10b3A6IDEuODY3dnc7XHJcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAubm90LXNob3ctdGV4dHtcclxuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xyXG4gIH1cclxuXHJcbiAgLmVkaXRvci12aWRlby1tZW51IHtcclxuICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgIC8vIGhlaWdodDogMzguMTN2aDtcclxuICAgIGhlaWdodDogMDtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgYmFja2dyb3VuZDogIzFFMUUxRTtcclxuICAgIGJvdHRvbTogMDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDhweCA4cHggMCAwO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIDAuNXMgZWFzZS1pbi1vdXQ7ICBcclxuICAgICYuYWN0aXZlIHtcclxuICAgICAgaGVpZ2h0OiAzOC4xM3ZoO1xyXG4gICAgfVxyXG4gICAgLmVkaXRvci12aWRlby1tZW51LWhlYWRlciB7XHJcbiAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgIHBhZGRpbmc6IDEuNnZ3IDEuNnZ3IDA7XHJcbiAgICAgIGhlaWdodDogNC44MXZoO1xyXG4gICAgICBsaW5lLWhlaWdodDogNC44MXZoO1xyXG4gICAgICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQwKTtcclxuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgICAgb3ZlcmZsb3cteDogYXV0bztcclxuICAgICAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xyXG4gICAgICAgIGRpc3BsYXk6IG5vbmU7IC8qIOmakOiXj+a7muWKqOadoSAqL1xyXG4gICAgICB9XHJcbiAgICAgID5kaXYge1xyXG4gICAgICAgIG1hcmdpbjogMCAzLjJ2dztcclxuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgICB9XHJcbiAgICAgIC5hY3RpdmUge1xyXG4gICAgICAgIGNvbG9yOiAjRkZGRkZGO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICAuZWRpdG9yLXZpZGVvLW1lbnUtaXRtZXMge1xyXG4gICAgICBwYWRkaW5nOiAwIDMuMzN2dztcclxuICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gNC44MXZoIC0gMS42dncpO1xyXG4gICAgICBkaXNwbGF5OiBncmlkO1xyXG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCAxZnIpO1xyXG4gICAgICByb3ctZ2FwOiAzLjJ2dztcclxuICAgICAgY29sdW1uLWdhcDogMi42dnc7XHJcbiAgICAgIG92ZXJmbG93OiBhdXRvO1xyXG4gICAgICA+ZGl2IHtcclxuICAgICAgICB3aWR0aDogMjEuMzN2dztcclxuICAgICAgICBoZWlnaHQ6IDIxLjMzdnc7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzFlMWUxZTtcclxuICAgICAgICBpbWcge1xyXG4gICAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgICAgICBvYmplY3QtZml0OiBjb250YWluO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbn1cclxuIl19 */`;
|
|
258
258
|
document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
|
|
259
259
|
|
|
260
260
|
// src/utils/const.ts
|
|
@@ -1258,17 +1258,34 @@ var EditorCanvas = react.forwardRef(
|
|
|
1258
1258
|
waitFcTasks.current.push(createTextFromClip.bind(void 0, clip));
|
|
1259
1259
|
}
|
|
1260
1260
|
};
|
|
1261
|
+
const getFontFamilyName = (url) => {
|
|
1262
|
+
const filename = url.split("/").pop() || "";
|
|
1263
|
+
const name = filename.replace(/\.(ttf|otf|woff2?|eot)$/i, "");
|
|
1264
|
+
return `CustomFont_${name.substring(0, 20)}`;
|
|
1265
|
+
};
|
|
1266
|
+
const detectFontFormat = (url) => {
|
|
1267
|
+
const lower = url.toLowerCase();
|
|
1268
|
+
if (lower.includes(".woff2")) return "woff2";
|
|
1269
|
+
if (lower.includes(".woff")) return "woff";
|
|
1270
|
+
if (lower.includes(".otf")) return "opentype";
|
|
1271
|
+
if (lower.includes(".ttf")) return "truetype";
|
|
1272
|
+
return null;
|
|
1273
|
+
};
|
|
1261
1274
|
const embedFontInSVG = async (svgString, url) => {
|
|
1262
1275
|
if (url) {
|
|
1263
1276
|
const res = await vmmlUtils.urlToBlob({ url });
|
|
1277
|
+
const format = detectFontFormat(url);
|
|
1278
|
+
const fontFamilyName = getFontFamilyName(url);
|
|
1279
|
+
const srcValue = format ? `url('${res}') format('${format}')` : `url('${res}')`;
|
|
1264
1280
|
const fontFace = `
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1281
|
+
@font-face {
|
|
1282
|
+
font-family: '${fontFamilyName}';
|
|
1283
|
+
src: ${srcValue};
|
|
1284
|
+
}
|
|
1285
|
+
`;
|
|
1270
1286
|
const styleElement = `<style type="text/css"><![CDATA[${fontFace}]]></style>`;
|
|
1271
|
-
|
|
1287
|
+
const result = svgString.replace("</svg>", `${styleElement}</svg>`);
|
|
1288
|
+
return result;
|
|
1272
1289
|
}
|
|
1273
1290
|
return svgString;
|
|
1274
1291
|
};
|
|
@@ -1279,13 +1296,13 @@ var EditorCanvas = react.forwardRef(
|
|
|
1279
1296
|
container.style.display = "inline-block";
|
|
1280
1297
|
container.style.textAlign = textBasicInfo.textAlign || "left";
|
|
1281
1298
|
const lines = textContent.split("\n");
|
|
1299
|
+
const fontFamily = fontAssetUrl ? getFontFamilyName(fontAssetUrl) : "sansMedium";
|
|
1282
1300
|
lines.forEach((line) => {
|
|
1283
1301
|
const p = document.createElement("p");
|
|
1284
1302
|
p.style.color = textColor;
|
|
1285
1303
|
p.style.fontSize = "22px";
|
|
1286
1304
|
p.style.lineHeight = "22px";
|
|
1287
|
-
|
|
1288
|
-
p.style.fontFamily = font;
|
|
1305
|
+
p.style.fontFamily = fontFamily;
|
|
1289
1306
|
p.style.whiteSpace = "nowrap";
|
|
1290
1307
|
p.style.padding = "0";
|
|
1291
1308
|
p.textContent = line || " ";
|
|
@@ -2218,6 +2235,7 @@ var EditorFn = ({
|
|
|
2218
2235
|
editableArray = [],
|
|
2219
2236
|
templateId,
|
|
2220
2237
|
strategyId,
|
|
2238
|
+
height = "100vh",
|
|
2221
2239
|
pauseWhenBuffering = false
|
|
2222
2240
|
}, ref) => {
|
|
2223
2241
|
var _a;
|
|
@@ -2510,8 +2528,8 @@ var EditorFn = ({
|
|
|
2510
2528
|
const parent = player.getContainerNode();
|
|
2511
2529
|
if (!canvasSize.width) {
|
|
2512
2530
|
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 });
|
|
2531
|
+
const { width, height: height2 } = (playerElement == null ? void 0 : playerElement.getBoundingClientRect()) || {};
|
|
2532
|
+
setCanvasSize({ width, height: height2, top: playerElement.offsetTop });
|
|
2515
2533
|
}
|
|
2516
2534
|
player.addEventListener("play", onPlay);
|
|
2517
2535
|
player.addEventListener("pause", onPause);
|
|
@@ -2579,7 +2597,7 @@ var EditorFn = ({
|
|
|
2579
2597
|
return {};
|
|
2580
2598
|
}, [loading]);
|
|
2581
2599
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2582
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "editor", children: [
|
|
2600
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "editor", style: { height }, children: [
|
|
2583
2601
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "editor-vessel", onClick: () => {
|
|
2584
2602
|
setMenuState("");
|
|
2585
2603
|
}, children: /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `main ${menuState === "text" ? "text-style" : ""}`, children: [
|