merge changes for verovio facsimile and file structure changes

Author: yinanazhou

Neon-gh/assets/js/verovio-toolkit-wasm.js

@@ -0,0 +1,69 @@
+importScripts('../assets/js/verovio-toolkit-wasm.js');
+
+let toolkit;
+const backlog = [];
+
+/**
+ * Parse and respond to messages sent by NeonCore.
+ * @param {MessageEvent} evt
+ */
+function handleNeonEvent (evt) {
+  const data = evt.data;
+  const result = {
+    id: data.id
+  };
+
+  switch (data.action) {
+    case 'renderData':
+      result.svg = toolkit.renderData(data.mei, {});
+      break;
+    case 'getElementAttr':
+      result.attributes = toolkit.getElementAttr(data.elementId);
+      break;
+    case 'edit':
+      result.result = toolkit.edit(data.editorAction);
+      break;
+    case 'getMEI':
+      result.mei = toolkit.getMEI({
+        pageNo: 0,
+        scoreBased: true
+      });
+      break;
+    case 'editInfo':
+      result.info = toolkit.editInfo();
+      break;
+    case 'renderToSVG':
+      result.svg = toolkit.renderToSVG(1);
+      break;
+    default:
+      break;
+  }
+  postMessage(result);
+}
+
+
+verovio.module.onRuntimeInitialized = function () {
+
+  toolkit = new verovio.toolkit();
+  toolkit.setOptions({
+    inputFrom: 'mei',
+    footer: 'none',
+    header: 'none',
+    pageMarginLeft: 0,
+    pageMarginTop: 0,
+    font: 'Bravura',
+    useFacsimile: false,
+  });
+  console.debug('READY');
+  onmessage = handleNeonEvent;
+  for (const message of backlog) {
+    handleNeonEvent(message);
+  }
+}
+
+
+function tempHandler (evt) {
+  backlog.push(evt);
+}
+
+onmessage = tempHandler;

Neon-gh/assets/js/verovio-toolkit.js

@@ -39,31 +39,23 @@ function handleNeonEvent (evt) {
   postMessage(result);
 }
 
-var Module = {
-  onRuntimeInitialized: () => {
+importScripts('https://www.verovio.org/javascript/develop/verovio-toolkit-wasm.js');
 
-    toolkit = new verovio.toolkit();
-    toolkit.setOptions({
-      inputFrom: 'mei',
-      footer: 'none',
-      header: 'none',
-      pageMarginLeft: 0,
-      pageMarginTop: 0,
-      font: 'Bravura',
-      useFacsimile: true,
-    });
-    console.debug('READY');
-    onmessage = handleNeonEvent;
-    for (const message of backlog) {
-      handleNeonEvent(message);
-    }
-  }
-};
-
-importScripts('../assets/js/verovio-toolkit.js');
+verovio.module.onRuntimeInitialized = () => {
 
-function tempHandler (evt) {
-  backlog.push(evt);
-}
-
-onmessage = tempHandler;
+  toolkit = new verovio.toolkit();
+  toolkit.setOptions( {
+    inputFrom: 'mei',
+    footer: 'none',
+    header: 'none',
+    pageMarginLeft: 0,
+    pageMarginTop: 0,
+    font: 'Bravura',
+    useFacsimile: false,
+  });
+  console.debug('READY');
+  onmessage = handleNeonEvent;
+  for (const message of backlog) {
+    handleNeonEvent(message);
+  }
+};