@maas/vue-equipment 0.20.1 → 0.21.0

package/dist/plugins/MagicPlayer/src/composables/private/usePlayerInternalApi.mjs

@@ -1,63 +0,0 @@
-import { ref, watch, toValue } from "vue";
-import { useFullscreen } from "@vueuse/core";
-import { isIOS } from "@maas/vue-equipment/utils";
-import { usePlayerStore } from "./usePlayerStore.mjs";
-export function usePlayerInternalApi(args) {
-  const touched = ref(false);
-  const mouseEntered = ref(false);
-  const fullscreenTarget = isIOS() ? args.videoRef : args.playerRef;
-  const { findInstance } = usePlayerStore();
-  const instance = findInstance(toValue(args.id));
-  const { currentTime, playing, muted } = instance.mediaApi;
-  const {
-    isFullscreen,
-    enter: enterFullscreen,
-    exit: exitFullscreen,
-    toggle: toggleFullscreen
-  } = useFullscreen(fullscreenTarget);
-  function play() {
-    playing.value = true;
-  }
-  function pause() {
-    playing.value = false;
-  }
-  function togglePlay() {
-    playing.value = !playing.value;
-  }
-  function seek(time) {
-    currentTime.value = time;
-  }
-  function mute() {
-    muted.value = true;
-  }
-  function unmute() {
-    muted.value = false;
-  }
-  function onMouseenter() {
-    mouseEntered.value = true;
-  }
-  function onMouseleave() {
-    mouseEntered.value = false;
-  }
-  watch(playing, () => {
-    if (!touched.value) {
-      touched.value = true;
-    }
-  });
-  return {
-    mouseEntered,
-    isFullscreen,
-    touched,
-    play,
-    pause,
-    togglePlay,
-    seek,
-    mute,
-    unmute,
-    enterFullscreen,
-    exitFullscreen,
-    toggleFullscreen,
-    onMouseenter,
-    onMouseleave
-  };
-}

package/dist/plugins/MagicPlayer/src/composables/private/usePlayerStore.d.ts

@@ -1,20 +0,0 @@
-import { type ShallowRef } from 'vue';
-import type { UseMediaApiReturn } from './useMediaApi.js';
-import type { UsePlayerInternalApiReturn } from './usePlayerInternalApi.js';
-import type { UseRuntimeSourceProviderReturn } from './useRuntimeSourceProvider.js';
-import type { UseControlsApiReturn } from './useControlsApi.js';
-import type { UsePlayerApiArgs } from '../../types.js';
-export interface PlayerInstance {
-    id: string;
-    mediaApi: UseMediaApiReturn;
-    playerApi: UsePlayerInternalApiReturn;
-    controlsApi: UseControlsApiReturn;
-    runtimeProvider: UseRuntimeSourceProviderReturn;
-    args: UsePlayerApiArgs;
-}
-export declare function usePlayerStore(): {
-    playerStore: ShallowRef<PlayerInstance[]>;
-    findInstance: (id: string) => PlayerInstance;
-    addInstance: (id: string) => PlayerInstance;
-    removeInstance: (id: string) => void;
-};

package/dist/plugins/MagicPlayer/src/composables/private/usePlayerStore.mjs

@@ -1,42 +0,0 @@
-import { shallowRef, reactive } from "vue";
-const playerStore = shallowRef([]);
-export function usePlayerStore() {
-  const defaultMediaApi = reactive({});
-  const defaultPlayerApi = reactive({});
-  const defaultControlsApi = reactive({});
-  const defaultRuntimeProvider = reactive({});
-  const defaultArgs = reactive({});
-  function createInstance(id) {
-    const instance = {
-      id,
-      mediaApi: defaultMediaApi,
-      playerApi: defaultPlayerApi,
-      controlsApi: defaultControlsApi,
-      runtimeProvider: defaultRuntimeProvider,
-      args: defaultArgs
-    };
-    return instance;
-  }
-  function findInstance(id) {
-    const instance = playerStore.value.find((instance2) => {
-      return instance2.id === id;
-    });
-    return instance;
-  }
-  function addInstance(id) {
-    const instance = createInstance(id);
-    playerStore.value.push(instance);
-    return findInstance(id);
-  }
-  function removeInstance(id) {
-    playerStore.value = playerStore.value.filter(
-      (instance) => instance.id !== id
-    );
-  }
-  return {
-    playerStore,
-    findInstance,
-    addInstance,
-    removeInstance
-  };
-}

package/dist/plugins/MagicPlayer/src/composables/private/useRuntimeSourceProvider.d.ts

@@ -1,6 +0,0 @@
-import { type Ref } from 'vue';
-import type { UseRuntimeSourceProviderArgs } from '../../types.js';
-export type UseRuntimeSourceProviderReturn = {
-    loaded: Ref<boolean>;
-};
-export declare function useRuntimeSourceProvider(args: UseRuntimeSourceProviderArgs): UseRuntimeSourceProviderReturn;

package/dist/plugins/MagicPlayer/src/composables/private/useRuntimeSourceProvider.mjs

@@ -1,48 +0,0 @@
-import { ref, onMounted, onUnmounted, toValue } from "vue";
-export function useRuntimeSourceProvider(args) {
-  let hls;
-  const loaded = ref(false);
-  const useNative = () => {
-    const el = toValue(args.videoRef);
-    if (!el)
-      return;
-    el.src = args.src;
-    el.addEventListener(
-      "loadeddata",
-      () => {
-        loaded.value = true;
-      },
-      { once: true }
-    );
-    el.load();
-  };
-  const useHlsJS = async () => {
-    const el = toValue(args.videoRef);
-    if (!el)
-      return;
-    const { default: Hls } = await import("hls.js");
-    hls = new Hls();
-    if (!Hls.isSupported()) {
-      useNative();
-    } else {
-      hls.loadSource(args.src);
-      hls.attachMedia(el);
-      hls.on(Hls.Events.FRAG_LOADED, () => {
-        loaded.value = true;
-      });
-    }
-  };
-  onMounted(() => {
-    if (args.srcType === "native") {
-      useNative();
-    } else if (args.srcType === "hls") {
-      useHlsJS();
-    }
-  });
-  onUnmounted(() => {
-    hls?.destroy();
-  });
-  return {
-    loaded
-  };
-}

package/dist/plugins/MagicPlayer/src/utils/index.d.ts

@@ -1 +0,0 @@
-export declare function formatTime(s: number): string;

package/dist/plugins/MagicPlayer/src/utils/index.mjs

@@ -1,8 +0,0 @@
-export function formatTime(s) {
-  const hours = Math.floor(s / 3600);
-  const minutes = Math.floor((s - hours * 3600) / 60);
-  const seconds = Math.floor(s - hours * 3600 - minutes * 60);
-  const minutesString = minutes < 10 ? `0${minutes}` : `${minutes}`;
-  const secondsString = seconds < 10 ? `0${seconds}` : `${seconds}`;
-  return `${hours > 0 ? `${hours}:` : ""}${minutesString}:${secondsString}`;
-}