@twick/studio 0.14.6 → 0.14.7
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/README.md +73 -6
- package/dist/components/panel/audio-panel.d.ts +1 -1
- package/dist/components/panel/image-panel.d.ts +1 -1
- package/dist/components/panel/video-panel.d.ts +1 -1
- package/dist/components/shared/index.d.ts +1 -0
- package/dist/components/shared/url-input.d.ts +6 -0
- package/dist/index.js +173 -62
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +173 -62
- package/dist/index.mjs.map +1 -1
- package/dist/studio.css +16 -0
- package/dist/types/media-panel.d.ts +11 -6
- package/package.json +2 -2
package/dist/studio.css
CHANGED
|
@@ -1081,6 +1081,11 @@ html {
|
|
|
1081
1081
|
cursor: pointer;
|
|
1082
1082
|
}
|
|
1083
1083
|
|
|
1084
|
+
.text-error {
|
|
1085
|
+
color: var(--color-error);
|
|
1086
|
+
font-size: 0.875rem;
|
|
1087
|
+
}
|
|
1088
|
+
|
|
1084
1089
|
/* Video player customizations */
|
|
1085
1090
|
|
|
1086
1091
|
video::-webkit-media-controls,
|
|
@@ -1551,6 +1556,17 @@ video::-webkit-media-controls-panel {
|
|
|
1551
1556
|
min-width: 100%;
|
|
1552
1557
|
height: 2rem;
|
|
1553
1558
|
width: 100%;
|
|
1559
|
+
}.twick-seek-track-container-no-scrollbar {
|
|
1560
|
+
display: flex;
|
|
1561
|
+
position: relative;
|
|
1562
|
+
min-width: 100%;
|
|
1563
|
+
height: 2rem;
|
|
1564
|
+
width: 100%;
|
|
1565
|
+
/* Hide scrollbar for all browsers */
|
|
1566
|
+
scrollbar-width: none; /* Firefox */
|
|
1567
|
+
-ms-overflow-style: none; /* IE and Edge */
|
|
1568
|
+
}.twick-seek-track-container-no-scrollbar::-webkit-scrollbar {
|
|
1569
|
+
display: none; /* Chrome, Safari, Opera */
|
|
1554
1570
|
}.twick-seek-track-empty-space {
|
|
1555
1571
|
position: sticky;
|
|
1556
1572
|
left: 0;
|
|
@@ -1,21 +1,26 @@
|
|
|
1
1
|
import { MediaItem } from '@twick/video-editor';
|
|
2
2
|
|
|
3
3
|
export type MediaType = "video" | "audio" | "image";
|
|
4
|
-
export interface
|
|
4
|
+
export interface MediaPanelBasePropsCommon {
|
|
5
5
|
items: MediaItem[];
|
|
6
|
-
searchQuery: string;
|
|
7
6
|
isLoading: boolean;
|
|
8
7
|
acceptFileTypes: string[];
|
|
9
|
-
onSearchChange: (query: string) => void;
|
|
10
8
|
onItemSelect: (item: MediaItem, forceAdd?: boolean) => void;
|
|
11
9
|
onFileUpload: (fileData: {
|
|
12
10
|
file: File;
|
|
13
11
|
blobUrl: string;
|
|
14
12
|
}) => void;
|
|
15
13
|
}
|
|
16
|
-
export interface
|
|
14
|
+
export interface SearchablePanelProps {
|
|
15
|
+
searchQuery: string;
|
|
16
|
+
onSearchChange: (query: string) => void;
|
|
17
|
+
}
|
|
18
|
+
export interface VideoPanelProps extends MediaPanelBasePropsCommon {
|
|
19
|
+
onUrlAdd: (url: string) => void;
|
|
17
20
|
}
|
|
18
|
-
export interface AudioPanelProps extends
|
|
21
|
+
export interface AudioPanelProps extends MediaPanelBasePropsCommon, SearchablePanelProps {
|
|
22
|
+
onUrlAdd: (url: string) => void;
|
|
19
23
|
}
|
|
20
|
-
export interface ImagePanelProps extends
|
|
24
|
+
export interface ImagePanelProps extends MediaPanelBasePropsCommon, SearchablePanelProps {
|
|
25
|
+
onUrlAdd: (url: string) => void;
|
|
21
26
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@twick/studio",
|
|
3
|
-
"version": "0.14.
|
|
3
|
+
"version": "0.14.7",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"dist"
|
|
14
14
|
],
|
|
15
15
|
"scripts": {
|
|
16
|
-
"build": "vite build",
|
|
16
|
+
"build": "tsc --noEmit && vite build",
|
|
17
17
|
"dev": "vite build --watch",
|
|
18
18
|
"lint": "eslint src/",
|
|
19
19
|
"clean": "rimraf .turbo node_modules dist",
|