Throw error if major format version is greater than the currently sup…

…ported version

package.json

@@ -78,6 +78,7 @@
     "vue-tsc": "^1.0.16"
   },
   "dependencies": {
-    "electron-log": "^5.0.1"
+    "electron-log": "^5.0.1",
+    "semver": "^7.6.3"
   }
 }

src/components/Editor.vue

@@ -58,35 +58,40 @@
 
             // load buffer content and create editor
             window.heynote.buffer.load().then((content) => {
-                let diskContent = content
-                this.editor = new HeynoteEditor({
-                    element: this.$refs.editor,
-                    content: content,
-                    theme: this.theme,
-                    saveFunction: (content) => {
-                        if (content === diskContent) {
-                            return
-                        }
+                try {
+                    let diskContent = content
+                    this.editor = new HeynoteEditor({
+                        element: this.$refs.editor,
+                        content: content,
+                        theme: this.theme,
+                        saveFunction: (content) => {
+                            if (content === diskContent) {
+                                return
+                            }
+                            diskContent = content
+                            window.heynote.buffer.save(content)
+                        },
+                        keymap: this.keymap,
+                        emacsMetaKey: this.emacsMetaKey,
+                        showLineNumberGutter: this.showLineNumberGutter,
+                        showFoldGutter: this.showFoldGutter,
+                        bracketClosing: this.bracketClosing,
+                        fontFamily: this.fontFamily,
+                        fontSize: this.fontSize,
+                    })
+                    window._heynote_editor = this.editor
+                    window.document.addEventListener("currenciesLoaded", this.onCurrenciesLoaded)
+                    this.editor.setDefaultBlockLanguage(this.defaultBlockLanguage, this.defaultBlockLanguageAutoDetect)
+
+                    // set up buffer change listener
+                    window.heynote.buffer.onChangeCallback((event, content) => {
                         diskContent = content
-                        window.heynote.buffer.save(content)
-                    },
-                    keymap: this.keymap,
-                    emacsMetaKey: this.emacsMetaKey,
-                    showLineNumberGutter: this.showLineNumberGutter,
-                    showFoldGutter: this.showFoldGutter,
-                    bracketClosing: this.bracketClosing,
-                    fontFamily: this.fontFamily,
-                    fontSize: this.fontSize,
-                })
-                window._heynote_editor = this.editor
-                window.document.addEventListener("currenciesLoaded", this.onCurrenciesLoaded)
-                this.editor.setDefaultBlockLanguage(this.defaultBlockLanguage, this.defaultBlockLanguageAutoDetect)
-
-                // set up buffer change listener
-                window.heynote.buffer.onChangeCallback((event, content) => {
-                    diskContent = content
-                    this.editor.setContent(content)
-                })
+                        this.editor.setContent(content)
+                    })
+                } catch (e) {
+                    alert("Error! " + e.message)
+                    throw e
+                }
             })
             // set up window close handler that will save the buffer and quit
             window.heynote.onWindowClose(() => {

src/editor/editor.js

@@ -117,9 +117,9 @@ export class HeynoteEditor {
             state: state,
             parent: element,
         })
-
+        
         this.setContent(content)
-
+        
         if (focus) {
             this.view.focus()
         }
@@ -136,9 +136,14 @@ export class HeynoteEditor {
     }
 
     setContent(content) {
-        return new Promise((resolve) => {
+        try {
             this.note = NoteFormat.load(content)
-
+            this.setReadOnly(false)
+        } catch (e) {
+            this.setReadOnly(true)
+            throw e
+        }
+        return new Promise((resolve) => {
             // set buffer content
             this.view.dispatch({
                 changes: {

src/editor/note-format.js

@@ -1,7 +1,13 @@
+import { major } from "semver";
+
+
+const FORMAT_VERSION = "1.0.0"
+
+
 export class NoteFormat {
     constructor() {
         this.content = '';
-        this.metadata = {};
+        this.metadata = {formatVersion: "0.0.0"};
     }
 
     static load(data) {
@@ -16,12 +22,16 @@ export class NoteFormat {
             }
             note.content = data.slice(firstSeparator)
         }
+
+        if (major(note.metadata.formatVersion) > major(FORMAT_VERSION)) {
+            throw new Error(`Unsupported Heynote format version: ${note.metadata.formatVersion}. You probably need to update Heynote.`)
+        }
 
         return note
     }
 
     serialize() {
-        this.metadata.formatVersion = "1.0"
+        this.metadata.formatVersion = FORMAT_VERSION
         return JSON.stringify(this.metadata) + this.content
     }