@gcorevideo/player 2.28.25 → 2.28.26

package/src/plugins/video360/utils.js

@@ -1,11 +1,11 @@
 // check if the browser supports cors
-export const corsSupport = (function() {
-  const video = document.createElement('video');
+export const corsSupport = (function () {
+  const video = document.createElement('video')
 
-  video.crossOrigin = 'anonymous';
+  video.crossOrigin = 'anonymous'
 
-  return video.hasAttribute('crossorigin');
-})();
+  return video.hasAttribute('crossorigin')
+})()
 
 export const validProjections = [
   '360',
@@ -19,31 +19,31 @@ export const validProjections = [
   'Sphere',
   'Cube',
   'equirectangular',
-  '180'
-];
+  '180',
+]
 
-export const getInternalProjectionName = function(projection) {
+export const getInternalProjectionName = function (projection) {
   if (!projection) {
-    return;
+    return
   }
 
-  projection = projection.toString().trim();
+  projection = projection.toString().trim()
 
-  if ((/sphere/i).test(projection)) {
-    return '360';
+  if (/sphere/i.test(projection)) {
+    return '360'
   }
 
-  if ((/cube/i).test(projection)) {
-    return '360_CUBE';
+  if (/cube/i.test(projection)) {
+    return '360_CUBE'
   }
 
-  if ((/equirectangular/i).test(projection)) {
-    return '360';
+  if (/equirectangular/i.test(projection)) {
+    return '360'
   }
 
   for (let i = 0; i < validProjections.length; i++) {
     if (new RegExp('^' + validProjections[i] + '$', 'i').test(projection)) {
-      return validProjections[i];
+      return validProjections[i]
     }
   }
-};
+}

package/src/types.ts

@@ -1,4 +1,4 @@
-import { $, Container, Core } from "@clappr/core";
+import { $, Container, Core } from '@clappr/core'
 
 /**
  * Describes a media source with its MIME type and URL.
@@ -63,7 +63,9 @@ export type PlayerPlugin = {
 /**
  * @public
  */
-export type PlayerPluginConstructor = CorePluginConstructor | ContainerPluginConstructor
+export type PlayerPluginConstructor =
+  | CorePluginConstructor
+  | ContainerPluginConstructor
 
 /**
  * @public
@@ -302,4 +304,4 @@ export enum PlayerEvent {
  * {@link https://zeptojs.com/#$() | Zepto query result}
  * @public
  */
-export type ZeptoResult = ReturnType<typeof $>;
+export type ZeptoResult = ReturnType<typeof $>

package/src/typings/@clappr/core/error_mixin.d.ts

@@ -1,13 +1,13 @@
-import '@clappr/core';
+import '@clappr/core'
 
-declare module "@clappr/core" {
-    // export ErrorMixin;
+declare module '@clappr/core' {
+  // export ErrorMixin;
 
-    type ErrorOptions = {
-        useCodePrefix: boolean;
-    }
+  type ErrorOptions = {
+    useCodePrefix: boolean
+  }
 
-    declare interface ErrorMixin {
-        createError(error: Object, options?: ErrorOptions): Error;
-    }
+  declare interface ErrorMixin {
+    createError(error: object, options?: ErrorOptions): Error
+  }
 }

package/src/typings/@clappr/core/index.d.ts

@@ -1,5 +1,3 @@
 import '@clappr/core'
 
-declare module '@clappr/core' {
-    
-}
+declare module '@clappr/core' {}

package/src/typings/@clappr/core/playback.d.ts

@@ -1,5 +1,5 @@
-import '@clappr/core';
+import '@clappr/core'
 
-declare module "@clappr/core" {
-    declare interface Playback extends ErrorMixin { }
+declare module '@clappr/core' {
+  declare interface Playback extends ErrorMixin {}
 }

package/src/typings/@clappr/index.d.ts

@@ -1 +1 @@
-declare module '@clappr' {}
+declare module '@clappr' {}

package/src/typings/globals.d.ts

@@ -1,27 +1,27 @@
 declare interface HTMLVideoElement {
-    webkitDisplayingFullscreen?: boolean;
+  webkitDisplayingFullscreen?: boolean
 }
 
 declare interface HTMLMediaElement {
-    audioTracks?: AudioTrackList;
+  audioTracks?: AudioTrackList
 }
 
 declare interface AudioTrackW3C {
-    readonly id: string;
-    enabled: boolean;
-    readonly kind: string;
-    readonly label: string;
-    readonly language: string;
-    readonly sourceBuffer: SourceBuffer | null;
+  readonly id: string
+  enabled: boolean
+  readonly kind: string
+  readonly label: string
+  readonly language: string
+  readonly sourceBuffer: SourceBuffer | null
 }
 
 declare interface AudioTrackList {
-    getTrackById(id: string): AudioTrackW3C | null;
-    length: number;
-    [index: number]: AudioTrackW3C;
+  getTrackById(id: string): AudioTrackW3C | null
+  length: number
+  [index: number]: AudioTrackW3C
 }
 
-declare module "*.css";
-declare module "*.scss";
-declare module "*.svg";
-declare module "*.ejs";
+declare module '*.css'
+declare module '*.scss'
+declare module '*.svg'
+declare module '*.ejs'

package/src/utils/__tests__/mediaSources.test.ts

@@ -1,7 +1,11 @@
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import { Loader } from '@clappr/core'
 
-import { isDashSource, isHlsSource, buildMediaSourcesList } from '../mediaSources'
+import {
+  isDashSource,
+  isHlsSource,
+  buildMediaSourcesList,
+} from '../mediaSources'
 import { TransportPreference } from '../../types'
 import { canPlayDash, canPlayHls } from '../../playback/index'
 
@@ -11,10 +15,13 @@ vi.mock('@clappr/core', () => ({
       {
         _supported: true,
         prototype: {
-        name: 'dash',
+          name: 'dash',
         },
         canPlay(source, mimeType) {
-          return this._supported && (mimeType === 'application/dash+xml' || source.endsWith('.mpd'))
+          return (
+            this._supported &&
+            (mimeType === 'application/dash+xml' || source.endsWith('.mpd'))
+          )
         },
       },
       {
@@ -23,7 +30,14 @@ vi.mock('@clappr/core', () => ({
           name: 'hls',
         },
         canPlay(source, mimeType) {
-          return this._supported && (['application/vnd.apple.mpegurl', 'application/x-mpegurl'].includes(mimeType) || source.endsWith('.m3u8'))
+          return (
+            this._supported &&
+            ([
+              'application/vnd.apple.mpegurl',
+              'application/x-mpegurl',
+            ].includes(mimeType) ||
+              source.endsWith('.m3u8'))
+          )
         },
       },
       {
@@ -199,28 +213,30 @@ describe('mediaSources', () => {
             mimeType: 'application/dash+xml',
           },
         ],
-        ],
       ],
-    )('prefer %s, dash=%s,hls=%s', (preference, dash, hls, sources, expected) => {
-      beforeEach(() => {
-        if (!dash) {
-          Loader.registeredPlaybacks[0]._supported = false
-        }
-        if (!hls) {
-          Loader.registeredPlaybacks[1]._supported = false
-        }
-      })
-      afterEach(() => {
-        Loader.registeredPlaybacks[0]._supported = true
-        Loader.registeredPlaybacks[1]._supported = true
-      })
-      it('should build the ordered list of available sources', () => {
-        const ordered = buildMediaSourcesList(
-          sources,
-          preference as TransportPreference,
-        )
-        expect(ordered).toEqual(expect.objectContaining(expected))
-      })
-    })
+    ])(
+      'prefer %s, dash=%s,hls=%s',
+      (preference, dash, hls, sources, expected) => {
+        beforeEach(() => {
+          if (!dash) {
+            Loader.registeredPlaybacks[0]._supported = false
+          }
+          if (!hls) {
+            Loader.registeredPlaybacks[1]._supported = false
+          }
+        })
+        afterEach(() => {
+          Loader.registeredPlaybacks[0]._supported = true
+          Loader.registeredPlaybacks[1]._supported = true
+        })
+        it('should build the ordered list of available sources', () => {
+          const ordered = buildMediaSourcesList(
+            sources,
+            preference as TransportPreference,
+          )
+          expect(ordered).toEqual(expect.objectContaining(expected))
+        })
+      },
+    )
   })
 })

package/src/utils/clickaway.ts

@@ -1,43 +1,43 @@
 import { Browser } from '@clappr/core'
 
 /**
- * 
+ *
  * @param {() => void} callback - The callback to call when the user clicks away from the element
  * @returns {(HTMLElement | null) => void}
  */
 export function clickaway(callback: () => void) {
-    let handler = (event: MouseEvent | TouchEvent) => { }
+  let handler = (event: MouseEvent | TouchEvent) => {}
 
-    return (node: HTMLElement | null) => {
+  return (node: HTMLElement | null) => {
+    window.removeEventListener('click', handler)
+    if (!node) {
+      return
+    }
+    handler = (event: MouseEvent | TouchEvent) => {
+      if (!node.contains(event.target as Node)) {
         window.removeEventListener('click', handler)
-        if (!node) {
-            return
-        }
-        handler = (event: MouseEvent | TouchEvent) => {
-            if (!node.contains(event.target as Node)) {
-                window.removeEventListener('click', handler)
-                callback()
-            }
-        }
-        window.addEventListener('click', handler)
+        callback()
+      }
     }
+    window.addEventListener('click', handler)
+  }
 }
 
 /**
  * Sets up a clickaway handler for the media control on mobile devices.
  * The handler is deferred to ensure it is called after the next event loop tick.
- * 
+ *
  * @param {() => void} callback - The callback to call when the user clicks away from the media control
  * @returns {(HTMLElement | null) => void}
  */
 export function mediaControlClickaway(callback: () => void) {
-    if (!Browser.isMobile) {
-        return () => { }
-    }
-    const cw = clickaway(callback)
-    return (node: HTMLElement | null) => {
-        setTimeout(() => {
-            cw(node)
-        }, 0)
-    }
-}
+  if (!Browser.isMobile) {
+    return () => {}
+  }
+  const cw = clickaway(callback)
+  return (node: HTMLElement | null) => {
+    setTimeout(() => {
+      cw(node)
+    }, 0)
+  }
+}

package/src/utils/errors.ts

@@ -1,6 +1,6 @@
 export function wrapError(error: any): Error {
   if (error instanceof Error) {
-    return error;
+    return error
   }
-  return new Error(String(error));
+  return new Error(String(error))
 }

package/src/utils/mediaSources.ts

@@ -19,11 +19,12 @@ export function buildMediaSourcesList(
     })
   }
   const [preferred, rest] = sources.reduce(
-    ([preferred, rest]: [PlayerMediaSourceDesc[], PlayerMediaSourceDesc[]], item: PlayerMediaSourceDesc): [PlayerMediaSourceDesc[], PlayerMediaSourceDesc[]] => {
+    (
+      [preferred, rest]: [PlayerMediaSourceDesc[], PlayerMediaSourceDesc[]],
+      item: PlayerMediaSourceDesc,
+    ): [PlayerMediaSourceDesc[], PlayerMediaSourceDesc[]] => {
       for (const p of playbacks) {
-        if ([
-          'html5_audio', 'html_img', 'no_op'
-        ].includes(p.prototype.name)) {
+        if (['html5_audio', 'html_img', 'no_op'].includes(p.prototype.name)) {
           continue
         }
         const canPlay = p.canPlay(item.source, item.mimeType)

package/src/utils/types.ts

@@ -1,4 +1,4 @@
 /**
  * @internal
  */
-export type TimerId = ReturnType<typeof setTimeout>;
+export type TimerId = ReturnType<typeof setTimeout>

package/src/version.ts

@@ -1,5 +1,5 @@
-import * as pkg from '../package.json' with { "type": "json" };
-import * as lock from '../package-lock.json' with { "type": "json" };
+import * as pkg from '../package.json' with { type: 'json' }
+import * as lock from '../package-lock.json' with { type: 'json' }
 
 /**
  * Version information about the gplayer and its main dependencies