@christianriedl/media 1.0.241 → 1.0.242

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@christianriedl/media",
-  "version": "1.0.241",
+  "version": "1.0.242",
   "description": "RIC media interfaces",
 
   "main": "dist/index.js",

package/src/components/FileUpload.vue

@@ -2,11 +2,11 @@
     import { inject, ref, computed, onMounted, onUnmounted } from 'vue';
     import { Helper } from '@christianriedl/utils';    
     import { IRest, IRestResult, IValueResult, Rest } from '@christianriedl/rest';
-    import { MediaService, getMediaSymbol } from '@christianriedl/media';
+    import { MediaServiceBin, getMediaBinSymbol } from '@christianriedl/media';
 
     const props = defineProps<{ accept: string }>();
 
-    const getMediaService = inject(getMediaSymbol)!;
+    const getMediaService = inject(getMediaBinSymbol)!;
     const mediaService = getMediaService();
     const feedBack = ref("");
     const name = ref("");

package/src/components/PhotoDownload.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
     import { inject, ref } from 'vue';
     import { Helper } from '@christianriedl/utils';
-    import { IMediaFolder, MediaService, IPictureFile, getMediaSymbol } from '@christianriedl/media';
+    import { IMediaFolder, MediaServiceBin, IPictureFile, getMediaBinSymbol } from '@christianriedl/media';
 
     const props = defineProps<{ folder: IMediaFolder, photos?: IPictureFile[] }>();
     const emits = defineEmits<{ (e: 'close'): void }>();
 
     const title = getTitle();
-    const getMedia = inject(getMediaSymbol)!;
+    const getMedia = inject(getMediaBinSymbol)!;
     const mediaService = getMedia();
 
     enum Quality {

package/src/views/MusicPage.vue

@@ -4,7 +4,7 @@
     import { useRouter, useRoute } from 'vue-router';
     import { IAppState, Helper, EDevice, EScope, appStateSymbol, IAppConfig, appConfigSymbol } from '@christianriedl/utils';
     import { Authorize, authorizeSymbol } from '@christianriedl/rest';
-    import { EItemType, EMediaType, IMediaFolder, IMediaItem, IAudioFile, MediaService, IMediaService, EPlayState, PlayerService, 
+    import { EItemType, EMediaType, IMediaFolder, IMediaItem, IAudioFile, IMediaService, EPlayState, PlayerService, 
              IMediaAppConfig, getMediaBinSymbol, getPlayerSymbol } from '@christianriedl/media';
     import FileUpload from '../components/FileUpload.vue';
 
@@ -12,7 +12,7 @@
     const authorize = inject(authorizeSymbol)!;
     const mediaAppConfig = inject(appConfigSymbol)! as unknown as IMediaAppConfig;
     const getMediaService = inject(getMediaBinSymbol)!;
-    const mediaService = getMediaService() as unknown as IMediaService;
+    const mediaService = getMediaService() ;
     const getPlayerService = inject(getPlayerSymbol)!;
     const playerService = getPlayerService();
     const heightStyle = computed<StyleValue>(() => { return { height: appState.bodyHeight.value + 'px', overflowY: 'auto' } });

package/src/views/OnlineRadiosPage.vue

@@ -3,12 +3,12 @@
     import type { ComponentPublicInstance } from 'vue';
     import { useRouter } from 'vue-router';
     import { IAppState, EScope, EDevice, appStateSymbol, appConfigSymbol } from '@christianriedl/utils';
-    import { EItemType, EMediaType, IMediaFolder, IMediaItem, MediaService, IMediaService, IMediaAppConfig, getMediaBinSymbol } from '@christianriedl/media';
+    import { EItemType, EMediaType, IMediaFolder, IMediaItem, IMediaService, IMediaAppConfig, getMediaBinSymbol } from '@christianriedl/media';
 
     const appState = inject(appStateSymbol)!;
     const mediaAppConfig = inject(appConfigSymbol)! as unknown as IMediaAppConfig;
     const getMediaService = inject(getMediaBinSymbol)!;
-    const mediaService = getMediaService() as unknown as IMediaService;
+    const mediaService = getMediaService() ;
     const heightStyle = computed<StyleValue>(() => { return { height: appState.bodyHeight.value + 'px', overflowY: 'auto' } });
     const isMobile = appState.isMobile && (appState.device != EDevice.iPad);
     const avatarSize = isMobile ? 64 : 128;

package/src/views/OnlineTVsPage.vue

@@ -4,12 +4,12 @@
     import { useRouter } from 'vue-router';
     import { IAppState, EScope, EDevice, appStateSymbol, appConfigSymbol, IValueText } from '@christianriedl/utils';
     import { EpgCache, getEpgCacheSymbol } from '@christianriedl/epg';
-    import { EItemType, EMediaType, IMediaFolder, IMediaItem, MediaService, IMediaService, getMediaBinSymbol, IMediaAppConfig, MediaHelper, ITranscodeParams, IVideoFile } from '@christianriedl/media';
+    import { EItemType, EMediaType, IMediaFolder, IMediaItem, MediaServiceBin, IMediaService, getMediaBinSymbol, IMediaAppConfig, MediaHelper, ITranscodeParams, IVideoFile } from '@christianriedl/media';
 
     const appState = inject(appStateSymbol)!;
     const mediaAppConfig = inject(appConfigSymbol)! as unknown as IMediaAppConfig;
     const getMediaService = inject(getMediaBinSymbol)!;
-    const mediaService = getMediaService() as unknown as IMediaService;
+    const mediaService = getMediaService() ;
     const getEpgCache = inject(getEpgCacheSymbol)!;
     const epgCache = getEpgCache()!; 
     const heightStyle = computed<StyleValue>(() => { return { height: appState.bodyHeight.value + 'px', overflowY: 'auto' } });
@@ -66,7 +66,7 @@
         if (!selected.value)
             return;
         if (mediaAppConfig.useSatIp) {
-            url = `${(mediaService as MediaService).rest.serviceUrl}apistream/satipstream?channelName=${selected.value.name}&url=${encodeURIComponent(selected.value.url)}`;
+            url = `${(mediaService as MediaServiceBin).rest.serviceUrl}apistream/satipstream?channelName=${selected.value.name}&url=${encodeURIComponent(selected.value.url)}`;
             if (audioStream.value != null)
                 url += `&audioStream=${audioStream.value}`;
             if (params)

package/src/views/PhotoAlbumPage.vue

@@ -3,7 +3,7 @@
     import type { ComponentPublicInstance } from 'vue';
     import { useRouter, useRoute } from 'vue-router';
     import { IAppState, IAppConfig, EDevice, EDirection, Dictionary, Helper, appStateSymbol, appConfigSymbol } from '@christianriedl/utils';
-    import { EMediaType, EOrientation, EPictureFlags, IPictureFile, IMediaFolder, MediaService, IMediaService, IMediaAppConfig, EPictureQuality, 
+    import { EMediaType, EOrientation, EPictureFlags, IPictureFile, IMediaFolder, IMediaService, IMediaAppConfig, EPictureQuality, 
              MediaHelper, getMediaBinSymbol } from '@christianriedl/media';
 
     const router = useRouter();
@@ -12,7 +12,7 @@
     const appConfig = inject(appConfigSymbol)!;
     const mediaAppConfig = appConfig as unknown as IMediaAppConfig;
     const getMediaService = inject(getMediaBinSymbol)!;
-    const mediaService = getMediaService() as unknown as IMediaService;
+    const mediaService = getMediaService() ;
     const heightStyle = computed<StyleValue>(() => { return { height: appState.bodyHeight.value + 'px', overflowY: 'hidden' } });
     const isMobile = appState.isMobile;
     const infoDialog = ref(false);
@@ -52,15 +52,14 @@
         if (carousel.value)
             appState.fullScreenElement.value = carousel.value.$el as HTMLElement;
 
-        if (mediaAppConfig.useMediaBin) {
-            const rc = await mediaService.initialize(EMediaType.Picture);
-            if (!rc)
-                return false;
-        }
-        else {
-            if (!mediaService.medialists["Picture.Event"])
-                await (mediaService as MediaService).getLists(EMediaType.Picture);
-        }
+        //if (mediaAppConfig.useMediaBin) {
+        const rc = await mediaService.initialize(EMediaType.Picture);
+        if (!rc)
+            return false;
+        //else {
+        //    if (!mediaService.medialists["Picture.Event"])
+        //        await (mediaService as MediaService).getLists(EMediaType.Picture);
+        //}
         let list: IPictureFile[] = [];
         if (route.query!.id) {
             // by id usafe

package/src/views/PhotosGridPage.vue

@@ -4,7 +4,7 @@
     import { useRouter, useRoute } from 'vue-router';
     import { IAppState, IAppConfig, EDevice, EBrowser, appStateSymbol, appConfigSymbol, Helper } from '@christianriedl/utils';
     import { IRestResult, IValueResult } from '@christianriedl/rest';
-    import { EItemType, EMediaType, IMediaFolder, IMediaItem, IPhotoSelection, MediaService, IMediaService, 
+    import { EItemType, EMediaType, IMediaFolder, IMediaItem, IPhotoSelection, IMediaService, 
              getMediaBinSymbol, IMediaAppConfig, MediaHelper, LocationHelper
     } from '@christianriedl/media';
     import FileUpload from '../components/FileUpload.vue';
@@ -14,7 +14,7 @@
     const appConfig = inject(appConfigSymbol)!;
     const mediaAppConfig = appConfig as unknown as IMediaAppConfig;
     const getMediaService = inject(getMediaBinSymbol)!;
-    const mediaService = getMediaService() as unknown as IMediaService;
+    const mediaService = getMediaService() ;
     //const heightStyle = computed<StyleValue>(() => { return { height: appState.bodyHeight.value + 'px', overflowY: 'auto' } });
     const isMobile = appState.isMobile && (appState.device != EDevice.iPad);
     const router = useRouter();

package/src/views/PhotosPage.vue

@@ -13,7 +13,7 @@
     const appConfig = inject(appConfigSymbol)!;
     const mediaAppConfig = appConfig as unknown as IMediaAppConfig;
     const getMediaService = inject(getMediaBinSymbol)!;
-    const mediaService = getMediaService() as unknown as IMediaService;
+    const mediaService = getMediaService();
     const heightStyle = computed<StyleValue>(() => { return { height: appState.bodyHeight.value + 'px', overflowY: 'auto' } });
     const isMobile = appState.isMobile && (appState.device != EDevice.iPad);
     const router = useRouter();

package/src/views/RecordedVideosPage.vue

@@ -10,7 +10,7 @@
     const appConfig = inject(appConfigSymbol)!;
     const mediaAppConfig = appConfig as unknown as IMediaAppConfig;
     const getMediaService = inject(getMediaBinSymbol)!;
-    const mediaService = getMediaService() as unknown as IMediaService;
+    const mediaService = getMediaService();
     const getDvbService = inject(getDvbServiceSymbol)!;
     const dvbService = getDvbService()!; 
     const heightStyle = computed<StyleValue>(() => { return { height: appState.bodyHeight.value + 'px', overflowY: 'auto' } });

package/src/views/ThumbnailsPage.vue

@@ -3,7 +3,7 @@
     import { useRouter, useRoute } from 'vue-router';
     import { IAppState, appStateSymbol, IAppConfig, appConfigSymbol, EDevice, Helper } from '@christianriedl/utils';
     import { IRestResult, IValueResult } from '@christianriedl/rest';
-    import { EOrientation, EMediaType, IMediaFolder, IPictureFile, IMediaService, MediaService, IMediaAppConfig,
+    import { EOrientation, EMediaType, IMediaFolder, IPictureFile, IMediaService, IMediaAppConfig,
              EPictureFlags, getMediaBinSymbol, MediaHelper
     } from '@christianriedl/media';
     import PhotoDownload from '../components/PhotoDownload.vue';
@@ -12,7 +12,7 @@
     const appConfig = inject(appConfigSymbol)!;
     const mediaAppConfig = appConfig as unknown as IMediaAppConfig;
     const getMediaService = inject(getMediaBinSymbol)!;
-    const mediaService = getMediaService() as unknown as IMediaService;
+    const mediaService = getMediaService() ;
     const heightStyle = computed<StyleValue>(() => { return { height: appState.bodyHeight.value + 'px', overflowY: 'auto' } });
     const isMobile = appState.isMobile && appState.device !== EDevice.iPad;
     const router = useRouter();

package/src/views/VideoPage.vue

@@ -7,7 +7,7 @@
     const appState = inject(appStateSymbol)!;
     const mediaAppConfig = inject(appConfigSymbol)! as unknown as IMediaAppConfig;
     const getMediaService = inject(getMediaBinSymbol)!;
-    const mediaService = getMediaService() as unknown as IMediaService;
+    const mediaService = getMediaService() ;
     const route = useRoute();
     const router = useRouter();
 

package/src/views/VideosPage.vue

@@ -4,7 +4,7 @@
     import { useRouter, useRoute } from 'vue-router';
     import { IAppState, EDevice, EScope, appStateSymbol, appConfigSymbol, IValueText } from '@christianriedl/utils';
     import { Authorize, authorizeSymbol } from '@christianriedl/rest';
-    import { EItemType, EMediaType, IMediaFolder, IMediaItem, IVideoFile, MediaService, IMediaService, MediaHelper,
+    import { EItemType, EMediaType, IMediaFolder, IMediaItem, IVideoFile, IMediaService, MediaHelper,
              getMediaBinSymbol, getPlayerSymbol, IMediaAppConfig, ITranscodeParams
     } from '@christianriedl/media';
     import { ISensorsState, sensorsStateSymbol } from '@christianriedl/smarthome';
@@ -15,7 +15,7 @@
     const authorize = inject(authorizeSymbol)!;
     const mediaAppConfig = inject(appConfigSymbol)! as unknown as IMediaAppConfig;
     const getMediaService = inject(getMediaBinSymbol)!;
-    const mediaService = getMediaService() as unknown as IMediaService;
+    const mediaService = getMediaService() ;
     const getPlayerService = inject(getPlayerSymbol)!;
     const playerService = getPlayerService();
     const rendererName = "[TV] Samsung Q9 Series (75)";