Registered only binary files for musicxml

Signed-off-by: Benjamin Giesinger <[email protected]>

Author: bneumann

src/components/Sheetmusic.vue

@@ -3,52 +3,65 @@ import Vue from 'vue'
 import AsyncComputed from 'vue-async-computed'
 import { OpenSheetMusicDisplay } from 'opensheetmusicdisplay'
 import logger from '../services/logger.js'
+import parsePath from 'path-parse'
 
 Vue.use(AsyncComputed)
 
 export default {
     name: 'Sheetmusic',
 
-    components: {
-    },
     computed: {
-    },
-
-    asyncComputed: {
-        async url(): Promise<string> {
-            if (this.fallback) {
-                return preloadMedia(this.filename)
-            } else {
-                return this.src
-            }
+        name() {
+            return parsePath(this.basename).name
         },
+        ext() {
+            return parsePath(this.basename).ext
+        },
+        isMusicXml() {
+            return (this.ext === '.mxl' || this.ext === '.musicxml');
+        }
     },
     mounted() {
-        const openSheetMusicDisplay = new OpenSheetMusicDisplay(this.$refs.canvas, {
-            autoResize: true,
-            darkMode: true
-        });
-        const _this = this;
-        openSheetMusicDisplay.load(this.src)
-            .then(function () {
-                openSheetMusicDisplay.render()
-                openSheetMusicDisplay.setPageFormat("A4_P")
-                _this.doneLoading()                
-            })
-    }
+        if (this.isMusicXml) {
+            const openSheetMusicDisplay = new OpenSheetMusicDisplay(this.$refs.canvas, {
+                autoResize: true,
+                darkMode: true
+            });
+            const _this = this;
+
+            logger.debug('Opening music xml file', { filename: this.filename })
+            openSheetMusicDisplay.load(this.src)
+                .then(() => {
+                    logger.debug('Loading complete', {test: this})
+                    openSheetMusicDisplay.render();
+                    _this.doneLoading();
+                })
+        } else {
+            this.doneLoading();
+            this.OCA.Viewer.close();
+        }
+
+    },
+
+    beforeDestroy() {
+        // Force stop any ongoing request
+        logger.debug('Closing file stream', { filename: this.filename })
+    },
 }
 
 
 
 </script>
 
 <template>
-    <div class="sheet-container" ref="canvas"></div>
+    <div v-if="isMusicXml">
+        <div class="sheet-container" ref="canvas"></div>
+    </div>
 </template>
 
 <style scoped lang="scss">
 .sheet-container {
     width: 85vw;
-    height: 100%;
+    height: 100vh;
 }
 </style>

src/models/sheetmusic.js

@@ -9,9 +9,13 @@ export default {
 	id: 'sheetmusic',
 	group: 'media',
 	mimes: [
+		// These are the official mime types but nextcloud has no proper mechanism to 
+		// update existing files to match them
 		'application/vnd.recordare.musicxml',
 		'application/vnd.recordare.musicxml+xml',
-		'application/xml'
+		// this registers a binary file for the sheet viewer. 
+		// The Viewer itself checks if it can make sense of it
+		'application/octet-stream', 
 	],
 	component: Sheetmusic,
 }