[erp5_notebook]: different localStorages for different notebooks

d6563ef6 · Richard · Richard · 0d7a728a · d6563ef6 · d6563ef6
Commit d6563ef6 authored Sep 04, 2018 by Richard Committed by Richard Sep 10, 2018
2 changed files
--- a/bt5/erp5_notebook/SkinTemplateItem/portal_skins/erp5_notebook/gadget_notebook.html.html
+++ b/bt5/erp5_notebook/SkinTemplateItem/portal_skins/erp5_notebook/gadget_notebook.html.html
@@ -14,7 +14,7 @@
  </head>
  <body>
-    <div id='page'></div>
    <script id="jsmd" type="text/jsmd"></script>
+    <div id='page'></div>
  </body>
 </html>
\ No newline at end of file
--- a/bt5/erp5_notebook/SkinTemplateItem/portal_skins/erp5_notebook/gadget_officejs_jio_notebook.js.js
+++ b/bt5/erp5_notebook/SkinTemplateItem/portal_skins/erp5_notebook/gadget_officejs_jio_notebook.js.js
@@ -3,6 +3,65 @@
 (function (window, rJS, RSVP) {
  "use strict";
+  function parseJsmdChunk(str) {
+    var chunkType, content, firstLine,
+        settings = {},
+        firstLineBreak = str.indexOf('\n');
+    if (firstLineBreak === -1) {
+      // a cell with only 1 line, and hence no content
+      firstLine = str;
+      content = '';
+    } else {
+      firstLine = str.substring(0, firstLineBreak).trim();
+      content = str.substring(firstLineBreak + 1).trim();
+    }
+    // let firstLine = str.substring(0,firstLineBreak).trim()
+    var firstLineFirstSpace = firstLine.indexOf(' ');
+    if (firstLineFirstSpace === -1) {
+      // if there is NO space on the first line (after trimming), there are no cell settings
+      chunkType = firstLine.toLowerCase();
+    } else {
+      // if there is a space on the first line (after trimming), there must be cell settings
+      chunkType = firstLine.substring(0, firstLineFirstSpace).toLowerCase();
+      // make sure the cell settings parse as JSON
+    }
+    if (chunkType === 'meta') {
+      return { chunkType: 'meta', iodideSettings: JSON.parse(content) };
+    }
+    return null;
+  }
+  function getiodideSettingsFromJsmd(jsmdString) {
+    // returns iodideSettings of last found chunk and exits
+    var chunkObjects = jsmdString.split('\n%%')
+    .map(function (str, chunkNum) {
+      // if this is the first chunk, and it starts with "%%", drop those chars
+      var sstr;
+      if (chunkNum === 0 && str.substring(0, 2) === '%%') {
+        sstr = str.substring(2);
+      } else {
+        sstr = str;
+      }
+      return sstr;
+    })
+    .map(function (str) {
+      return str.trim();
+    })
+    .filter(function (str) {
+      return str !== '';
+    });
+    for (var i = (chunkObjects.length - 1); i >= 0 ; i--) {
+      var chunk = parseJsmdChunk(chunkObjects[i]);
+      if (chunk && chunk.iodideSettings) {
+        return chunk.iodideSettings;
+      }
+    }
+    return '';
+  }
  rJS(window)
    /////////////////////////////////////////////////////////////////
    // Acquired methods
@@ -22,11 +81,31 @@
      return this.changeState({
        key: options.key,
        value: options.value,
-        first_render: true
+        first_render: true,
+        timestamp: options.render_timestamp
      });
    })
    .onStateChange(function (modified_dict) {
+      if (!this.state.value.includes('%%')) {
+        this.state.value = '';
+      }
+      var iodideSettings = getiodideSettingsFromJsmd(this.state.value);
+      if (iodideSettings && !iodideSettings.title) {
+        iodideSettings.title = 'notebook-' + modified_dict.timestamp;
+        var regex = /%% meta\r\n([\S\s]*?)\n%%/m;
+        var capturedGroup = this.state.value.match(regex)[1];
+        this.state.value = this.state.value.replace(capturedGroup, JSON.stringify(iodideSettings));
+      }
+      if (!iodideSettings) {
+        var jsmdTitleTemplate = '%% meta\n{\n"title": ""\n}\n',
+        notebookTitle = 'notebook-' + modified_dict.timestamp,
+        positionToInsertTitle = 20,
+        jsmdNotebookTitle = [jsmdTitleTemplate.slice(0, positionToInsertTitle), notebookTitle, jsmdTitleTemplate.slice(positionToInsertTitle)].join('');
+        this.state.value = jsmdNotebookTitle + this.state.value;
+      }
      this.element.querySelector('script').textContent = this.state.value;
      if (!modified_dict.hasOwnProperty('first_render')) {
        throw new Error('Sorry, it is not possible to dynamically change the iodide content');
      }
@@ -36,8 +115,15 @@
    })
    .declareMethod("getContent", function () {
-      var dict = {};
+      //prefer content since last save, fallback on autosave if it does not exist
-      dict[this.state.key] = localStorage.getItem('AUTOSAVE: untitled');
+      var dict = {},
+      notebookTitle = getiodideSettingsFromJsmd(this.state.value).title,
+      localStorageJsmd = localStorage.getItem(notebookTitle);
+      if (!localStorageJsmd) {
+        var autosaveString = 'AUTOSAVE: ' + notebookTitle;
+        localStorageJsmd = localStorage.getItem(autosaveString);
+      }
+      dict[this.state.key] = localStorageJsmd;
      return dict;
    });
 }(window, rJS, RSVP));
\ No newline at end of file