@twick/studio 0.14.6 → 0.14.8

package/dist/studio.css

@@ -113,6 +113,7 @@ html {
 .panel-section {
   display: flex;
   flex-direction: column;
+  gap: 8;
   margin-bottom: 0.75rem;
 }
 
@@ -1081,6 +1082,11 @@ html {
   cursor: pointer;
 }
 
+.text-error {
+  color: var(--color-error);
+  font-size: 0.875rem;
+}
+
 /* Video player customizations */
 
 video::-webkit-media-controls,
@@ -1551,6 +1557,17 @@ video::-webkit-media-controls-panel {
   min-width: 100%;
   height: 2rem;
   width: 100%;
+}.twick-seek-track-container-no-scrollbar {
+  display: flex;
+  position: relative;
+  min-width: 100%;
+  height: 2rem;
+  width: 100%;
+  /* Hide scrollbar for all browsers */
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE and Edge */
+}.twick-seek-track-container-no-scrollbar::-webkit-scrollbar {
+  display: none; /* Chrome, Safari, Opera */
 }.twick-seek-track-empty-space {
   position: sticky;
   left: 0;
@@ -1577,15 +1594,12 @@ video::-webkit-media-controls-panel {
   left: 0;
   z-index: 30;
   cursor: ew-resize;
-  width: 100%;
-  height: 100%;
 }.twick-seek-track-pin {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 30;
   width: 1.5px;
-  height: 100%;
   background-color: #FFFFFF;
 }.twick-seek-track-handle {
   position: absolute;

package/dist/types/media-panel.d.ts

@@ -1,21 +1,26 @@
 import { MediaItem } from '@twick/video-editor';
 
 export type MediaType = "video" | "audio" | "image";
-export interface MediaPanelBaseProps {
+export interface MediaPanelBasePropsCommon {
     items: MediaItem[];
-    searchQuery: string;
     isLoading: boolean;
     acceptFileTypes: string[];
-    onSearchChange: (query: string) => void;
     onItemSelect: (item: MediaItem, forceAdd?: boolean) => void;
     onFileUpload: (fileData: {
         file: File;
         blobUrl: string;
     }) => void;
 }
-export interface VideoPanelProps extends MediaPanelBaseProps {
+export interface SearchablePanelProps {
+    searchQuery: string;
+    onSearchChange: (query: string) => void;
+}
+export interface VideoPanelProps extends MediaPanelBasePropsCommon {
+    onUrlAdd: (url: string) => void;
 }
-export interface AudioPanelProps extends MediaPanelBaseProps {
+export interface AudioPanelProps extends MediaPanelBasePropsCommon, SearchablePanelProps {
+    onUrlAdd: (url: string) => void;
 }
-export interface ImagePanelProps extends MediaPanelBaseProps {
+export interface ImagePanelProps extends MediaPanelBasePropsCommon, SearchablePanelProps {
+    onUrlAdd: (url: string) => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twick/studio",
-  "version": "0.14.6",
+  "version": "0.14.8",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -13,7 +13,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "vite build",
+    "build": "tsc --noEmit && vite build",
     "dev": "vite build --watch",
     "lint": "eslint src/",
     "clean": "rimraf .turbo node_modules dist",
@@ -25,6 +25,7 @@
   "peerDependencies": {
     "@twick/media-utils": "^0.14.0",
     "@twick/timeline": "^0.14.0",
+    "@twick/live-player": "^0.14.0",
     "@twick/video-editor": "^0.14.0"
   },
   "dependencies": {
@@ -37,12 +38,13 @@
     "@types/react": "^18.2.55",
     "@types/react-dom": "^18.2.19",
     "@twick/timeline": "^0.14.0",
+    "@twick/live-player": "^0.14.0",
     "@twick/video-editor": "^0.14.0",
     "rimraf": "^5.0.5",
     "typedoc": "^0.25.8",
     "typedoc-plugin-markdown": "^3.17.1",
     "typescript": "^5.4.2",
-    "vite": "^5.4.20",
+    "vite": "^5.4.21",
     "vite-plugin-dts": "^3.7.3"
   }
 }