Experimental hls processing (#263)

* Add support for HLS segmenting when a flag is set'

* exposing it further;

* Don't show broken content when there's no content;

packages/js-lib/src/media/Video/VideoProcessor.ts

@@ -13,7 +13,8 @@ const megaByte = 1024 * 1024;
 export const processVideoFile = async (
   videoFile: { file: File | Blob; thumbnail?: ThumbnailFile },
   payloadKey: string,
-  encryptionKey?: KeyHeader
+  encryptionKey?: KeyHeader,
+  experimentalHls?: boolean
 ): Promise<{
   tinyThumb: EmbeddedThumb | undefined;
   payloads: PayloadFile[];
@@ -47,7 +48,8 @@ export const processVideoFile = async (
   // Processing video
   const { metadata, ...videoData } = await segmentVideoFileWithFfmpeg(
     videoFile.file,
-    encryptionKey
+    encryptionKey,
+    experimentalHls
   );
 
   if ('segments' in videoData) {

packages/owner-app/src/components/Drives/FileBrowser/FileCard.tsx

@@ -353,7 +353,9 @@ const FileState = ({
         const parsedContent = await decryptJsonContent(file.fileMetadata, keyheader);
 
         setIsBroken(
-          file.fileMetadata.isEncrypted && typeof parsedContent === 'object'
+          file.fileMetadata?.appData.content?.length &&
+            file.fileMetadata.isEncrypted &&
+            typeof parsedContent === 'object'
             ? Object.keys(parsedContent).length === 0
             : false
         );