@yomotech/view-toolkit 0.0.13 → 0.0.15

package/fesm2022/yomotech-view-toolkit.mjs

@@ -2441,11 +2441,17 @@ class Couchdb {
                 return null;
             }
             // do not decode images as utf8 text
-            if (this.isImageFile(doc.name || doc.path || docId, doc.contentType)) {
+            if (doc.type === 'media' ||
+                doc.type === 'base64file' ||
+                this.isBinaryMediaFile(doc.name || doc.path || docId, doc.contentType)) {
                 return {
-                    type: 'base64file',
-                    mimeType: doc.contentType || this.getImageMimeType(docId),
+                    type: doc.type || 'base64file',
+                    mimeType: this.getMimeType(doc.name || doc.path || docId, doc.contentType),
                     base64: doc.data,
+                    src: `data:${this.getMimeType(doc.name || doc.path || docId, doc.contentType)};base64,${doc.data}`,
+                    name: doc.name,
+                    path: doc.path,
+                    metadata: doc.metadata || {},
                 };
             }
             const decodedContent = this.fromBase64(doc.data);
@@ -2465,14 +2471,56 @@ class Couchdb {
             return null;
         }
     }
-    isImageFile(fileNameOrPath, contentType) {
+    isBinaryMediaFile(fileNameOrPath, contentType) {
         const lower = (fileNameOrPath || '').toLowerCase();
-        return (lower.endsWith('.png') ||
+        const type = contentType || '';
+        return (type.startsWith('image/') ||
+            type.startsWith('video/') ||
+            type.startsWith('audio/') ||
+            type === 'application/pdf' ||
+            lower.endsWith('.png') ||
             lower.endsWith('.jpg') ||
             lower.endsWith('.jpeg') ||
             lower.endsWith('.ico') ||
             lower.endsWith('.svg') ||
-            (contentType || '').startsWith('image/'));
+            lower.endsWith('.webp') ||
+            lower.endsWith('.gif') ||
+            lower.endsWith('.mp4') ||
+            lower.endsWith('.webm') ||
+            lower.endsWith('.mp3') ||
+            lower.endsWith('.wav') ||
+            lower.endsWith('.m4a') ||
+            lower.endsWith('.pdf'));
+    }
+    getMimeType(fileNameOrPath, contentType) {
+        if (contentType)
+            return contentType;
+        const lower = (fileNameOrPath || '').toLowerCase();
+        if (lower.endsWith('.png'))
+            return 'image/png';
+        if (lower.endsWith('.jpg') || lower.endsWith('.jpeg'))
+            return 'image/jpeg';
+        if (lower.endsWith('.ico'))
+            return 'image/x-icon';
+        if (lower.endsWith('.svg'))
+            return 'image/svg+xml';
+        if (lower.endsWith('.webp'))
+            return 'image/webp';
+        if (lower.endsWith('.gif'))
+            return 'image/gif';
+        if (lower.endsWith('.mp4'))
+            return 'video/mp4';
+        if (lower.endsWith('.webm'))
+            return 'video/webm';
+        if (lower.endsWith('.mp3'))
+            return 'audio/mpeg';
+        if (lower.endsWith('.wav'))
+            return 'audio/wav';
+        if (lower.endsWith('.m4a'))
+            return 'audio/mp4';
+        if (lower.endsWith('.pdf'))
+            return 'application/pdf';
+        return 'application/octet-stream';
     }
     getImageMimeType(fileNameOrPath) {
         const lower = (fileNameOrPath || '').toLowerCase();
@@ -2934,7 +2982,9 @@ class SideMenuComponent {
                         subMenu?.submenu.forEach((childMenu) => {
                             tasks.push((async () => {
                                 try {
-                                    childMenu.icon = await this.couchdbService.getFileContentFromCouchDb(`${this.tenantName}_${this.projectSeleted}`, `${childMenu.icon}`);
+                                    let projectName = `${this.tenantName}_${this.projectSeleted}`;
+                                    const image = await this.couchdbService.getFileContentFromCouchDb(projectName, childMenu.icon);
+                                    childMenu.icon = this.getMediaSrc(image);
                                 }
                                 catch (err) {
                                     console.error("Failed to fetch icon:", err);
@@ -3039,7 +3089,9 @@ class SideMenuComponent {
                         if (childMenu.options && childMenu.options.setImageUrl) {
                             tasks.push((async () => {
                                 try {
-                                    childMenu.icon = await this.couchdbService.getFileContentFromCouchDb(`${this.tenantName}_${this.projectSeleted}`, `${childMenu.icon}`);
+                                    let projectName = `${this.tenantName}_${this.projectSeleted}`;
+                                    const image = await this.couchdbService.getFileContentFromCouchDb(projectName, childMenu.icon);
+                                    childMenu.icon = this.getMediaSrc(image);
                                 }
                                 catch (err) {
                                     console.error("Failed to fetch icon:", err);
@@ -3053,6 +3105,24 @@ class SideMenuComponent {
         }
         this.settingMenu = JSON.parse(JSON.stringify(this.settings));
     }
+    getMediaSrc(file) {
+        if (!file)
+            return '';
+        // Best case: service already returns full data URL
+        if (file.src) {
+            return file.src;
+        }
+        // If service returns raw base64 + mimeType
+        if (file.base64) {
+            const mimeType = file.mimeType || 'image/png';
+            return `data:${mimeType};base64,${file.base64}`;
+        }
+        // If service returns old dataUrl format
+        if (file.dataUrl) {
+            return file.dataUrl;
+        }
+        return '';
+    }
     isUrl(value) {
         return /^https?:\/\//.test(value) || value.startsWith('blob:');
     }