@twick/studio 0.14.5 → 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 +214 -122
- package/dist/components/panel/audio-panel.d.ts +1 -1
- package/dist/components/panel/circle-panel.d.ts +1 -1
- package/dist/components/panel/icon-panel.d.ts +1 -1
- package/dist/components/panel/image-panel.d.ts +1 -1
- package/dist/components/panel/rect-panel.d.ts +1 -1
- package/dist/components/panel/video-panel.d.ts +1 -1
- package/dist/components/props-toolbar.d.ts +1 -1
- package/dist/components/shared/file-input.d.ts +3 -1
- package/dist/components/shared/index.d.ts +1 -0
- package/dist/components/shared/url-input.d.ts +6 -0
- package/dist/hooks/use-circle-panel.d.ts +1 -0
- package/dist/hooks/use-rect-panel.d.ts +1 -0
- package/dist/index.js +671 -669
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +671 -669
- package/dist/index.mjs.map +1 -1
- package/dist/studio.css +2176 -284
- package/dist/twick.svg +3 -3
- package/dist/types/media-panel.d.ts +11 -6
- package/package.json +48 -50
- package/dist/components/shared/prop-container.d.ts +0 -7
- package/dist/styles/input-styles.d.ts +0 -39
package/dist/twick.svg
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 80">
|
|
2
|
-
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="Inter, Arial, Helvetica, sans-serif" font-weight="bold" font-size="56" fill="#8B5FBF">TWICK</text>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 80">
|
|
2
|
+
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="Inter, Arial, Helvetica, sans-serif" font-weight="bold" font-size="56" fill="#8B5FBF">TWICK</text>
|
|
3
|
+
</svg>
|
|
@@ -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,50 +1,48 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@twick/studio",
|
|
3
|
-
"version": "0.14.
|
|
4
|
-
"type": "module",
|
|
5
|
-
"main": "./dist/index.js",
|
|
6
|
-
"module": "./dist/index.mjs",
|
|
7
|
-
"types": "./dist/index.d.ts",
|
|
8
|
-
"sideEffects": [
|
|
9
|
-
"**/*.css"
|
|
10
|
-
],
|
|
11
|
-
"license": "SEE LICENSE IN LICENSE.md",
|
|
12
|
-
"files": [
|
|
13
|
-
"dist"
|
|
14
|
-
],
|
|
15
|
-
"scripts": {
|
|
16
|
-
"build": "vite build",
|
|
17
|
-
"dev": "vite build --watch",
|
|
18
|
-
"lint": "eslint src/",
|
|
19
|
-
"clean": "rimraf .turbo node_modules dist",
|
|
20
|
-
"docs": "typedoc --options ./typedoc.json"
|
|
21
|
-
},
|
|
22
|
-
"publishConfig": {
|
|
23
|
-
"access": "public"
|
|
24
|
-
},
|
|
25
|
-
"peerDependencies": {
|
|
26
|
-
"@twick/media-utils": "^0.14.
|
|
27
|
-
"@twick/timeline": "^0.14.
|
|
28
|
-
"@twick/video-editor": "^0.14.
|
|
29
|
-
},
|
|
30
|
-
"dependencies": {
|
|
31
|
-
"lucide-react": "^0.511.0",
|
|
32
|
-
"react": "^18.2.0",
|
|
33
|
-
"react-dom": "^18.2.0"
|
|
34
|
-
},
|
|
35
|
-
"devDependencies": {
|
|
36
|
-
"@types/node": "^20.11.24",
|
|
37
|
-
"@types/react": "^18.2.55",
|
|
38
|
-
"@types/react-dom": "^18.2.19",
|
|
39
|
-
"@twick/timeline": "^0.14.
|
|
40
|
-
"@twick/video-editor": "^0.14.
|
|
41
|
-
"rimraf": "^5.0.5",
|
|
42
|
-
"typedoc": "^0.25.8",
|
|
43
|
-
"typedoc-plugin-markdown": "^3.17.1",
|
|
44
|
-
"typescript": "^5.4.2",
|
|
45
|
-
"vite": "^5.4.20",
|
|
46
|
-
"vite-plugin-dts": "^3.7.3"
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
}
|
|
50
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@twick/studio",
|
|
3
|
+
"version": "0.14.7",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"main": "./dist/index.js",
|
|
6
|
+
"module": "./dist/index.mjs",
|
|
7
|
+
"types": "./dist/index.d.ts",
|
|
8
|
+
"sideEffects": [
|
|
9
|
+
"**/*.css"
|
|
10
|
+
],
|
|
11
|
+
"license": "SEE LICENSE IN LICENSE.md",
|
|
12
|
+
"files": [
|
|
13
|
+
"dist"
|
|
14
|
+
],
|
|
15
|
+
"scripts": {
|
|
16
|
+
"build": "tsc --noEmit && vite build",
|
|
17
|
+
"dev": "vite build --watch",
|
|
18
|
+
"lint": "eslint src/",
|
|
19
|
+
"clean": "rimraf .turbo node_modules dist",
|
|
20
|
+
"docs": "typedoc --options ./typedoc.json"
|
|
21
|
+
},
|
|
22
|
+
"publishConfig": {
|
|
23
|
+
"access": "public"
|
|
24
|
+
},
|
|
25
|
+
"peerDependencies": {
|
|
26
|
+
"@twick/media-utils": "^0.14.0",
|
|
27
|
+
"@twick/timeline": "^0.14.0",
|
|
28
|
+
"@twick/video-editor": "^0.14.0"
|
|
29
|
+
},
|
|
30
|
+
"dependencies": {
|
|
31
|
+
"lucide-react": "^0.511.0",
|
|
32
|
+
"react": "^18.2.0",
|
|
33
|
+
"react-dom": "^18.2.0"
|
|
34
|
+
},
|
|
35
|
+
"devDependencies": {
|
|
36
|
+
"@types/node": "^20.11.24",
|
|
37
|
+
"@types/react": "^18.2.55",
|
|
38
|
+
"@types/react-dom": "^18.2.19",
|
|
39
|
+
"@twick/timeline": "^0.14.0",
|
|
40
|
+
"@twick/video-editor": "^0.14.0",
|
|
41
|
+
"rimraf": "^5.0.5",
|
|
42
|
+
"typedoc": "^0.25.8",
|
|
43
|
+
"typedoc-plugin-markdown": "^3.17.1",
|
|
44
|
+
"typescript": "^5.4.2",
|
|
45
|
+
"vite": "^5.4.20",
|
|
46
|
+
"vite-plugin-dts": "^3.7.3"
|
|
47
|
+
}
|
|
48
|
+
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
export declare const inputStyles: {
|
|
2
|
-
container: string;
|
|
3
|
-
label: {
|
|
4
|
-
base: string;
|
|
5
|
-
small: string;
|
|
6
|
-
};
|
|
7
|
-
input: {
|
|
8
|
-
base: string;
|
|
9
|
-
small: string;
|
|
10
|
-
};
|
|
11
|
-
range: {
|
|
12
|
-
base: string;
|
|
13
|
-
gradient: string;
|
|
14
|
-
container: string;
|
|
15
|
-
value: string;
|
|
16
|
-
};
|
|
17
|
-
color: {
|
|
18
|
-
container: string;
|
|
19
|
-
picker: string;
|
|
20
|
-
preview: string;
|
|
21
|
-
};
|
|
22
|
-
toggle: {
|
|
23
|
-
base: string;
|
|
24
|
-
active: string;
|
|
25
|
-
inactive: string;
|
|
26
|
-
};
|
|
27
|
-
radio: {
|
|
28
|
-
base: string;
|
|
29
|
-
label: string;
|
|
30
|
-
container: string;
|
|
31
|
-
};
|
|
32
|
-
button: {
|
|
33
|
-
primary: string;
|
|
34
|
-
};
|
|
35
|
-
panel: {
|
|
36
|
-
container: string;
|
|
37
|
-
title: string;
|
|
38
|
-
};
|
|
39
|
-
};
|