@designcombo/state 0.1.33 → 0.1.35

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. package/dist/events.d.ts +69 -0
  2. package/dist/index.d.ts +1 -0
  3. package/dist/index.es.js +1605 -1526
  4. package/dist/index.umd.js +2 -2
  5. package/dist/state.d.ts +1 -0
  6. package/dist/utils/load-item.d.ts +142 -142
  7. package/package.json +6 -6
package/dist/utils/load-item.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { IAudio, IBoxShadow, IDisplay, IImage, ISize, ITemplateData, IText, ITrackItem, ITrim, IVideo, IVideoDetails } from '@designcombo/types';
1
+ import { IAudio, ICaption, IDisplay, IImage, ISize, ITemplate, IText, ITrack, ITrackItem, ITrim, IVideo, IVideoDetails } from '@designcombo/types';
2
2
 
3
3
  type OptionsType = {
4
4
  size: {
@@ -17,11 +17,11 @@ export declare const loadVideoItem: (layer: ITrackItem & IVideo, options: Partia
17
17
  duration: number;
18
18
  id: string;
19
19
  preview?: string;
20
- position?: import('@designcombo/types').IPosition | null;
21
20
  metadata: Record<string, any>;
22
21
  isMain?: boolean;
23
22
  animation?: any;
24
23
  modifier?: IDisplay;
24
+ activeEdit?: boolean;
25
25
  }>;
26
26
  export declare const loadAudioItem: (payload: ITrackItem & IAudio) => Promise<{
27
27
  id: string;
@@ -31,130 +31,28 @@ export declare const loadAudioItem: (payload: ITrackItem & IAudio) => Promise<{
31
31
  trim: ITrim;
32
32
  playbackRate: number;
33
33
  details: {
34
- src: string;
35
- volume: number;
34
+ src: any;
35
+ volume: any;
36
36
  };
37
37
  metadata: {
38
38
  [x: string]: any;
39
39
  };
40
40
  duration: number;
41
41
  }>;
42
- export declare const loadTemplateItem: (payload: ITrackItem & ITemplateData, options: {
42
+ export declare const loadTemplateItem: (payload: ITemplate, options: {
43
43
  size: ISize;
44
44
  }) => Promise<{
45
45
  id: string;
46
- details: ({
47
- trim: ITrim;
48
- type: string;
49
- name: string;
50
- details: IVideoDetails;
51
- playbackRate: number;
52
- display: IDisplay;
53
- duration: number;
54
- id: string;
55
- preview?: string;
56
- position?: import('@designcombo/types').IPosition | null;
57
- metadata: Record<string, any>;
58
- isMain?: boolean;
59
- animation?: any;
60
- modifier?: IDisplay;
61
- } | {
62
- id: string;
63
- name: string;
64
- type: string;
65
- display: IDisplay;
66
- trim: ITrim;
67
- playbackRate: number;
68
- details: {
69
- src: string;
70
- volume: number;
71
- };
72
- metadata: {
73
- [x: string]: any;
74
- };
75
- duration: number;
76
- } | {
77
- id: string;
78
- name: string;
79
- type: string;
80
- display: IDisplay;
81
- details: {
82
- text: string;
83
- height: number;
84
- fontUrl: string;
85
- top: string | number;
86
- left: string | number;
87
- borderWidth: number;
88
- borderColor: string;
89
- boxShadow: {
90
- color: string;
91
- x: number;
92
- y: number;
93
- blur: number;
94
- };
95
- fontSize: number;
96
- fontFamily: string;
97
- color: string;
98
- lineHeight: number | string;
99
- letterSpacing: number | string;
100
- fontWeight: number;
101
- fontStyle: string;
102
- textDecoration: string;
103
- textAlign: "center" | "left" | "right";
104
- wordSpacing: number | string;
105
- textShadow: string;
106
- backgroundColor: string;
107
- opacity: number;
108
- width: number;
109
- textTransform: "capitalize" | "uppercase" | "lowercase";
110
- border: string;
111
- wordWrap: "normal" | "break-word";
112
- wordBreak: "normal" | "break-word" | "break-all";
113
- WebkitTextStrokeColor: string;
114
- WebkitTextStrokeWidth: string;
115
- transform?: string;
116
- borderRadius?: number;
117
- };
118
- metadata: {};
119
- } | {
120
- id: string;
121
- type: string;
122
- name: string;
123
- display: IDisplay;
124
- playbackRate: number;
125
- details: {
126
- src: string;
127
- width: number;
128
- height: number;
129
- opacity: number;
130
- transform: string;
131
- border: string;
132
- borderRadius: number;
133
- boxShadow: IBoxShadow;
134
- top: string;
135
- left: string;
136
- borderWidth: number;
137
- borderColor: string;
138
- blur: number;
139
- brightness: number;
140
- flipX: boolean;
141
- flipY: boolean;
142
- rotate: string;
143
- visibility: "hidden" | "visible";
144
- mediaWidth: number;
145
- mediaHeight: number;
146
- };
147
- metadata: Record<string, any>;
148
- } | undefined)[];
149
- size: ISize;
150
- position: {
46
+ details: {
151
47
  top: number;
152
48
  left: number;
49
+ scale: number;
50
+ rotate: number;
51
+ width: number;
52
+ height: number;
153
53
  };
154
54
  trim: IDisplay;
155
- scale: number;
156
55
  display: IDisplay;
157
- rotate: number;
158
56
  activeEdit: boolean;
159
57
  }>;
160
58
  export declare const loadImageItem: (payload: ITrackItem & IImage, options: {
@@ -170,26 +68,26 @@ export declare const loadImageItem: (payload: ITrackItem & IImage, options: {
170
68
  display: IDisplay;
171
69
  playbackRate: number;
172
70
  details: {
173
- src: string;
174
- width: number;
175
- height: number;
176
- opacity: number;
177
- transform: string;
178
- border: string;
179
- borderRadius: number;
180
- boxShadow: IBoxShadow;
181
- top: string;
182
- left: string;
183
- borderWidth: number;
184
- borderColor: string;
185
- blur: number;
186
- brightness: number;
187
- flipX: boolean;
188
- flipY: boolean;
189
- rotate: string;
190
- visibility: "hidden" | "visible";
191
- mediaWidth: number;
192
- mediaHeight: number;
71
+ src: any;
72
+ width: any;
73
+ height: any;
74
+ opacity: any;
75
+ transform: any;
76
+ border: any;
77
+ borderRadius: any;
78
+ boxShadow: any;
79
+ top: any;
80
+ left: any;
81
+ borderWidth: any;
82
+ borderColor: any;
83
+ blur: any;
84
+ brightness: any;
85
+ flipX: any;
86
+ flipY: any;
87
+ rotate: any;
88
+ visibility: any;
89
+ mediaWidth: any;
90
+ mediaHeight: any;
193
91
  };
194
92
  metadata: Record<string, any>;
195
93
  }>;
@@ -256,19 +154,118 @@ export declare const loadTextItem: (payload: ITrackItem & IText, options: {
256
154
  type: string;
257
155
  display: IDisplay;
258
156
  details: {
259
- text: string;
157
+ text: any;
260
158
  height: number;
261
- fontUrl: string;
159
+ fontUrl: any;
262
160
  top: string | number;
263
161
  left: string | number;
264
- borderWidth: number;
265
- borderColor: string;
266
- boxShadow: {
267
- color: string;
268
- x: number;
269
- y: number;
270
- blur: number;
271
- };
162
+ borderWidth: any;
163
+ borderColor: any;
164
+ boxShadow: any;
165
+ fontSize: number;
166
+ fontFamily: string;
167
+ color: string;
168
+ lineHeight: number | string;
169
+ letterSpacing: number | string;
170
+ fontWeight: number;
171
+ fontStyle: string;
172
+ textDecoration: string;
173
+ textAlign: "center" | "left" | "right";
174
+ wordSpacing: number | string;
175
+ textShadow: string;
176
+ backgroundColor: string;
177
+ opacity: number;
178
+ width: number;
179
+ textTransform: "capitalize" | "uppercase" | "lowercase";
180
+ border: string;
181
+ wordWrap: "normal" | "break-word";
182
+ wordBreak: "normal" | "break-word" | "break-all";
183
+ WebkitTextStrokeColor: string;
184
+ WebkitTextStrokeWidth: string;
185
+ transform?: string;
186
+ borderRadius?: number;
187
+ };
188
+ metadata: {};
189
+ }>;
190
+ export declare const loadTrackItem: (payload: ITrackItem & (IVideo | IAudio | IImage | IText | ICaption), options?: {
191
+ size?: {
192
+ width: number;
193
+ height: number;
194
+ };
195
+ origin?: number;
196
+ }) => Promise<{
197
+ trim: ITrim;
198
+ type: string;
199
+ name: string;
200
+ details: IVideoDetails;
201
+ playbackRate: number;
202
+ display: IDisplay;
203
+ duration: number;
204
+ id: string;
205
+ preview?: string;
206
+ metadata: Record<string, any>;
207
+ isMain?: boolean;
208
+ animation?: any;
209
+ modifier?: IDisplay;
210
+ activeEdit?: boolean;
211
+ } | {
212
+ id: string;
213
+ name: string;
214
+ type: string;
215
+ display: IDisplay;
216
+ trim: ITrim;
217
+ playbackRate: number;
218
+ details: {
219
+ src: any;
220
+ volume: any;
221
+ };
222
+ metadata: {
223
+ [x: string]: any;
224
+ };
225
+ duration: number;
226
+ } | {
227
+ id: string;
228
+ type: string;
229
+ name: string;
230
+ display: IDisplay;
231
+ playbackRate: number;
232
+ details: {
233
+ src: any;
234
+ width: any;
235
+ height: any;
236
+ opacity: any;
237
+ transform: any;
238
+ border: any;
239
+ borderRadius: any;
240
+ boxShadow: any;
241
+ top: any;
242
+ left: any;
243
+ borderWidth: any;
244
+ borderColor: any;
245
+ blur: any;
246
+ brightness: any;
247
+ flipX: any;
248
+ flipY: any;
249
+ rotate: any;
250
+ visibility: any;
251
+ mediaWidth: any;
252
+ mediaHeight: any;
253
+ };
254
+ metadata: Record<string, any>;
255
+ } | {
256
+ id: string;
257
+ name: string;
258
+ type: string;
259
+ display: IDisplay;
260
+ details: {
261
+ text: any;
262
+ height: number;
263
+ fontUrl: any;
264
+ top: string | number;
265
+ left: string | number;
266
+ borderWidth: any;
267
+ borderColor: any;
268
+ boxShadow: any;
272
269
  fontSize: number;
273
270
  fontFamily: string;
274
271
  color: string;
@@ -294,4 +291,7 @@ export declare const loadTextItem: (payload: ITrackItem & IText, options: {
294
291
  };
295
292
  metadata: {};
296
293
  }>;
294
+ export declare function checkIfItemIsInTrack(tracks: ITrack[], trackItemIds: string[]): boolean;
295
+ export declare function checkIfTrackExists(currentTracks: ITrack[], nextTracks: ITrack[]): boolean;
296
+ export declare const loadTracks: (tracks?: Partial<ITrack>[], trackItems?: ITrackItem[]) => ITrack[];
297
297
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@designcombo/state",
3
- "version": "0.1.33",
3
+ "version": "0.1.35",
4
4
  "private": false,
5
5
  "files": [
6
6
  "dist"
@@ -24,9 +24,9 @@
24
24
  "typescript": "^5.3.3",
25
25
  "vite": "^5.2.0",
26
26
  "vite-plugin-dts": "^3.9.1",
27
- "@designcombo/types": "0.1.33",
28
- "@designcombo/typescript-config": "0.0.0",
29
- "@designcombo/events": "0.1.33"
27
+ "@designcombo/types": "0.1.35",
28
+ "@designcombo/events": "0.1.35",
29
+ "@designcombo/typescript-config": "0.0.0"
30
30
  },
31
31
  "dependencies": {
32
32
  "immer": "^10.1.1",
@@ -38,8 +38,8 @@
38
38
  "nanoid": "^5.0.7"
39
39
  },
40
40
  "peerDependencies": {
41
- "@designcombo/events": "0.1.33",
42
- "@designcombo/types": "0.1.33"
41
+ "@designcombo/events": "0.1.35",
42
+ "@designcombo/types": "0.1.35"
43
43
  },
44
44
  "scripts": {
45
45
  "dev": "vite",