wip: Refactor documents related components #904

kalisio · Dec 8, 2024 · 1f6dbbc · 1f6dbbc
1 parent c093074
commit 1f6dbbc
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/core/client/components/document/KBrowser.vue b/core/client/components/document/KBrowser.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="fit column bg-black">
+  <div class="fit column">
     <div class="full-width row justify-between items-center">
       <div
         v-if="document"

diff --git a/core/client/document.js b/core/client/document.js
@@ -21,7 +21,15 @@ export const Document = {
         jpeg: 'document/KImage',
         'image/jpeg': 'document/KImage',
         png: 'document/KImage',
-        'image/png': 'document/KImage'
+        'image/png': 'document/KImage',
+        apng: 'document/KImage',
+        'image/apng': 'document/KImage',        
+        gif: 'document/KImage',
+        'image/gif': 'document/KImage',        
+        webp: 'document/KImage',
+        'image/webp': 'document/KImage',  
+        svg: 'document/KImage',
+        'image/svg+xml': 'document/KImage'
       },
       htmlSanitizer: {
         allowedTags: sanitize.defaults.allowedTags.concat(['img'])
@@ -30,12 +38,13 @@ export const Document = {
     })
     logger.debug('[KDK] Configuring documents with options:', this.options)
   },
-  register (mimeTypes, viewer) {
-    if (!_.isArray(mimeTypes)) mimeTypes = [mimeTypes]
-    _.forEach(mimeTypes, mimeType => {
+  register (type, viewer) {
+    if (!_.isArray(type)) type = [type]
+    _.forEach(type, mimeType => {
       _.set(this.options, `viewers.${mimeType}`, viewer)
     })
   },
+
   sanitizeHtml (html) {
     if (_.isNil(html)) return null
     return sanitize(html, this.options.htmlSanitizer)