From 8e5a0c1d6a9ef72501ba7a4040b49798a09b96f5 Mon Sep 17 00:00:00 2001
From: Tim Metzler <tim.metzler@h-brs.de>
Date: Fri, 1 Sep 2023 16:10:18 +0200
Subject: [PATCH 01/23] Add config app for diagram editor

---
 .../apps/diagram_editor/__init__.py           |  3 ++
 .../apps/diagram_editor/diagrameditor.py      | 52 +++++++++++++++++++
 2 files changed, 55 insertions(+)
 create mode 100644 e2xgrader/server_extensions/apps/diagram_editor/__init__.py
 create mode 100644 e2xgrader/server_extensions/apps/diagram_editor/diagrameditor.py

diff --git a/e2xgrader/server_extensions/apps/diagram_editor/__init__.py b/e2xgrader/server_extensions/apps/diagram_editor/__init__.py
new file mode 100644
index 00000000..b9d39bd4
--- /dev/null
+++ b/e2xgrader/server_extensions/apps/diagram_editor/__init__.py
@@ -0,0 +1,3 @@
+from .diagrameditor import DiagramEditor
+
+__all__ = ["DiagramEditor"]
diff --git a/e2xgrader/server_extensions/apps/diagram_editor/diagrameditor.py b/e2xgrader/server_extensions/apps/diagram_editor/diagrameditor.py
new file mode 100644
index 00000000..38d18f6e
--- /dev/null
+++ b/e2xgrader/server_extensions/apps/diagram_editor/diagrameditor.py
@@ -0,0 +1,52 @@
+import json
+
+from e2xcore import BaseApp
+from e2xcore.handlers import E2xApiHandler
+from nbgrader.apps.baseapp import NbGrader
+from nbgrader.server_extensions.formgrader.base import check_xsrf
+from tornado import web
+from traitlets import List, Unicode
+
+
+class DiagramConfigHandler(E2xApiHandler):
+    @web.authenticated
+    @check_xsrf
+    def get(self):
+        self.finish(json.dumps(self.settings.get("diagram_config", dict())))
+
+
+class DiagramEditor(NbGrader, BaseApp):
+    drawDomain = Unicode(
+        default_value=None, allow_none=True, help="The url to drawio"
+    ).tag(config=True)
+    drawOrigin = Unicode(
+        default_value=None, allow_none=True, help="The drawio origin"
+    ).tag(config=True)
+    libraries = List(default_value=[], help="A list of activated libraries").tag(
+        config=True
+    )
+
+    def __init__(self, **kwargs):
+        NbGrader.__init__(self, **kwargs)
+        BaseApp.__init__(self, **kwargs)
+
+    def get_diagram_config(self):
+        # self.log.info("My drawDomain is", self.drawDomain)
+        config = dict()
+        if self.drawDomain:
+            config["drawDomain"] = self.drawDomain
+        if self.drawOrigin:
+            config["drawOrigin"] = self.drawOrigin
+        if len(self.libraries) > 0:
+            config["libs"] = self.libraries
+        return config
+
+    def load_app(self):
+        self.log.info("Loading the diagrameditor app")
+        self.initialize([])
+        self.update_tornado_settings(dict(diagram_config=self.get_diagram_config()))
+        self.add_handlers(
+            [
+                (r"/e2x/diagrams/api", DiagramConfigHandler),
+            ]
+        )

From 29a35d636151247b6b535ff4445d84446e58cb9c Mon Sep 17 00:00:00 2001
From: Tim Metzler <tim.metzler@h-brs.de>
Date: Fri, 1 Sep 2023 16:10:36 +0200
Subject: [PATCH 02/23] Use config app for diagram editor in all modes

---
 e2xgrader/server_extensions/student/student.py | 3 ++-
 e2xgrader/server_extensions/teacher/teacher.py | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/e2xgrader/server_extensions/student/student.py b/e2xgrader/server_extensions/student/student.py
index dbf8644b..c404d627 100644
--- a/e2xgrader/server_extensions/student/student.py
+++ b/e2xgrader/server_extensions/student/student.py
@@ -1,6 +1,7 @@
 from traitlets import Any, List
 
 from ..apps.assignment_list import AssignmentList
+from ..apps.diagram_editor import DiagramEditor
 from ..apps.help import Help
 from ..apps.validate_assignment import ValidateAssignment
 from ..base import BaseExtension
@@ -9,7 +10,7 @@
 class StudentExtension(BaseExtension):
     apps = List(
         trait=Any(),
-        default_value=[AssignmentList, ValidateAssignment, Help],
+        default_value=[AssignmentList, ValidateAssignment, Help, DiagramEditor],
     ).tag(config=True)
 
 
diff --git a/e2xgrader/server_extensions/teacher/teacher.py b/e2xgrader/server_extensions/teacher/teacher.py
index 50dceae0..7b608b42 100644
--- a/e2xgrader/server_extensions/teacher/teacher.py
+++ b/e2xgrader/server_extensions/teacher/teacher.py
@@ -2,6 +2,7 @@
 from traitlets import Any, List
 
 from ..apps.assignment_list import AssignmentList
+from ..apps.diagram_editor import DiagramEditor
 from ..apps.e2xgraderapi import E2xGraderApi
 from ..apps.formgrader import FormgradeApp
 from ..apps.help import Help
@@ -21,6 +22,7 @@ class TeacherExtension(BaseExtension):
             ValidateAssignment,
             AssignmentList,
             Help,
+            DiagramEditor,
         ],
     ).tag(config=True)
 

From d28cc80ac4b7f4f17cd5e74e3facb1a36a948dce Mon Sep 17 00:00:00 2001
From: Tim Metzler <tim.metzler@h-brs.de>
Date: Fri, 1 Sep 2023 16:11:09 +0200
Subject: [PATCH 03/23] Refactor diagram editor and load config from app

---
 packages/cells/src/utils/diagram-editor.js | 657 ++++++++++-----------
 1 file changed, 299 insertions(+), 358 deletions(-)

diff --git a/packages/cells/src/utils/diagram-editor.js b/packages/cells/src/utils/diagram-editor.js
index e9b64379..9e1bc559 100644
--- a/packages/cells/src/utils/diagram-editor.js
+++ b/packages/cells/src/utils/diagram-editor.js
@@ -1,410 +1,351 @@
-import $ from "jquery";
-
-/**
- * Copyright (c) 2006-2020, JGraph Ltd
- * Copyright (c) 2006-2020, Gaudenz Alder
- *
- * Usage: DiagramEditor.editElement(elt) where elt is an img or object with
- * a data URI src or data attribute or an svg node with a content attribute.
- *
- * See https://jgraph.github.io/drawio-integration/javascript.html
- */
-export function DiagramEditor(config, ui, done, initialized, urlParams, cell) {
-  this.config = config != null ? config : this.config;
-  this.ui = ui != null ? ui : this.ui;
-  this.done = done != null ? done : this.done;
-  this.initialized = initialized != null ? initialized : this.initialized;
-  this.urlParams = urlParams;
-  this.cell = cell;
-
-  var self = this;
-
-  this.handleMessageEvent = function (evt) {
-    if (evt.origin !== "https://embed.diagrams.net") {
+import { urlJoin, requests } from "@e2xgrader/api";
+import Jupyter from "base/js/namespace";
+
+let baseOptionsLoaded = false;
+let baseOptions = {};
+
+async function fetchBaseOptions() {
+  if (!baseOptionsLoaded) {
+    try {
+      baseOptions = await requests.get(
+        urlJoin(Jupyter.notebook.base_url, "e2x", "diagrams", "api")
+      );
+      baseOptionsLoaded = true;
+    } catch (error) {
+      console.error("Error fetching DiagramEditor base options:", error);
+      baseOptionsLoaded = true;
+    }
+  }
+}
+
+class DiagramEditor {
+  constructor(config, ui, done, initialized, urlParams, cell, options = {}) {
+    const mergedOptions = { ...baseOptions, ...options };
+    this.config = config || this.config;
+    this.ui = ui || this.ui;
+    this.done = done || function () {};
+    this.initialized = initialized || function () {};
+    this.urlParams = urlParams;
+    this.cell = cell;
+    this.handleMessageEvent = this.handleMessageEvent.bind(this);
+    this.frame = null;
+    this.startElement = null;
+    this.format = "xml";
+    this.xml = null;
+    this.drawDomain = mergedOptions.drawDomain || "https://embed.diagrams.net/";
+    this.origin = mergedOptions.drawOrigin || "https://embed.diagrams.net/";
+    this.frameStyle =
+      "position:absolute;bottom:0;border:0;width:100%;height:100%;";
+    this.libs = mergedOptions.libs || [];
+  }
+
+  handleMessageEvent(evt) {
+    const expectedOrigin = new URL(this.origin);
+    const actualOrigin = new URL(evt.origin);
+    if (actualOrigin.href !== expectedOrigin.href) {
       console.log(
-        "Message should come from https://embed.diagrams.net but came from " +
-          evt.origin
+        `Message should come from ${expectedOrigin.href} but came from ${actualOrigin.href}`
       );
     }
     if (
-      self.frame != null &&
-      evt.source == self.frame.contentWindow &&
+      this.frame != null &&
+      evt.source == this.frame.contentWindow &&
       evt.data.length > 0
     ) {
       try {
-        var msg = JSON.parse(evt.data);
+        const msg = JSON.parse(evt.data);
 
         if (msg != null) {
-          self.handleMessage(msg);
+          this.handleMessage(msg);
         }
       } catch (e) {
         console.error(e);
       }
     }
-  };
-}
+  }
 
-/**
- * Static method to edit the diagram in the given img or object.
- */
-DiagramEditor.editElement = function (cell, elt, config, ui, done, urlParams) {
-  if (!elt.diagramEditorStarting) {
-    elt.diagramEditorStarting = true;
-
-    return new DiagramEditor(
-      config,
-      ui,
-      done,
-      function () {
-        delete elt.diagramEditorStarting;
-      },
-      urlParams,
-      cell
-    ).editElement(elt);
+  static editElement(cell, elt, config, ui, done, urlParams, options = {}) {
+    if (!elt.diagramEditorStarting) {
+      elt.diagramEditorStarting = true;
+
+      return new DiagramEditor(
+        config,
+        ui,
+        done,
+        function () {
+          delete elt.diagramEditorStarting;
+        },
+        urlParams,
+        cell,
+        options
+      ).editElement(elt);
+    }
   }
-};
-
-/**
- * Global configuration.
- */
-DiagramEditor.prototype.config = null;
-
-/**
- * Protocol and domain to use.
- */
-DiagramEditor.prototype.drawDomain = "https://embed.diagrams.net/";
-
-/**
- * UI theme to be use.
- */
-DiagramEditor.prototype.ui = "min";
-
-/**
- * Contains XML for pending image export.
- */
-DiagramEditor.prototype.xml = null;
-
-/**
- * Format to use.
- */
-DiagramEditor.prototype.format = "xml";
-
-/**
- * Specifies if libraries should be enabled.
- */
-DiagramEditor.prototype.libraries = true;
-
-/**
- * CSS style for the iframe.
- */
-DiagramEditor.prototype.frameStyle =
-  "position:absolute;bottom:0;border:0;width:100%;height:100%;";
-
-/**
- * Adds the iframe and starts editing.
- */
-DiagramEditor.prototype.editElement = function (elem) {
-  var src = this.getElementData(elem);
-  this.startElement = elem;
-  var fmt = this.format;
-
-  if (src.substring(0, 15) === "data:image/png;") {
-    fmt = "xmlpng";
-  } else if (
-    src.substring(0, 19) === "data:image/svg+xml;" ||
-    elem.nodeName.toLowerCase() == "svg"
+
+  static async editDiagram(
+    cell,
+    elt,
+    config,
+    ui,
+    done,
+    urlParams,
+    options = {}
   ) {
-    fmt = "xmlsvg";
+    fetchBaseOptions().then(() => {
+      return this.editElement(cell, elt, config, ui, done, urlParams, options);
+    });
   }
 
-  this.startEditing(src, fmt);
-
-  return this;
-};
+  config = null;
+  ui = "min";
+  xml = null;
+  format = "xml";
+  libraries = true;
+  frameStyle = "position:absolute;bottom:0;border:0;width:100%;height:100%;";
+
+  editElement(elem) {
+    const src = this.getElementData(elem);
+    this.startElement = elem;
+    let fmt = this.format;
+
+    if (src.substring(0, 15) === "data:image/png;") {
+      fmt = "xmlpng";
+    } else if (
+      src.substring(0, 19) === "data:image/svg+xml;" ||
+      elem.nodeName.toLowerCase() == "svg"
+    ) {
+      fmt = "xmlsvg";
+    }
 
-/**
- * Adds the iframe and starts editing.
- */
-DiagramEditor.prototype.getElementData = function (elem) {
-  var name = elem.nodeName.toLowerCase();
+    this.startEditing(src, fmt);
 
-  let attribute = "";
-  if (name == "svg") {
-    attribute = "content";
-  } else if (name == "img") {
-    attribute = "src";
-  } else {
-    attribute = "data";
+    return this;
   }
 
-  return elem.getAttribute(attribute);
-};
+  getElementData(elem) {
+    const name = elem.nodeName.toLowerCase();
 
-/**
- * Adds the iframe and starts editing.
- */
-DiagramEditor.prototype.setElementData = function (elem, data) {
-  var name = elem.nodeName.toLowerCase();
+    let attribute = "";
+    if (name == "svg") {
+      attribute = "content";
+    } else if (name == "img") {
+      attribute = "src";
+    } else {
+      attribute = "data";
+    }
 
-  if (name == "svg") {
-    elem.outerHTML = atob(data.substring(data.indexOf(",") + 1));
-  } else {
-    elem.setAttribute(name == "img" ? "src" : "data", data);
+    return elem.getAttribute(attribute);
   }
 
-  return elem;
-};
-
-/**
- * Starts the editor for the given data.
- */
-DiagramEditor.prototype.startEditing = function (data, format, title) {
-  if (this.frame == null) {
-    window.addEventListener("message", this.handleMessageEvent);
-    this.format = format != null ? format : this.format;
-    this.title = title != null ? title : this.title;
-    this.data = data;
-
-    this.frame = this.createFrame(this.getFrameUrl(), this.getFrameStyle());
-    document.body.appendChild(this.frame);
-    this.setWaiting(true);
+  setElementData(elem, data) {
+    const name = elem.nodeName.toLowerCase();
+
+    if (name == "svg") {
+      elem.outerHTML = atob(data.substring(data.indexOf(",") + 1));
+    } else {
+      elem.setAttribute(name == "img" ? "src" : "data", data);
+    }
+
+    return elem;
   }
-};
-
-/**
- * Updates the waiting cursor.
- */
-DiagramEditor.prototype.setWaiting = function (waiting) {
-  if (this.startElement != null) {
-    // Redirect cursor to parent for SVG and object
-    var elt = this.startElement;
-    var name = elt.nodeName.toLowerCase();
-
-    if (name == "svg" || name == "object") {
-      elt = elt.parentNode;
+
+  startEditing(data, format, title) {
+    if (this.frame == null) {
+      window.addEventListener("message", this.handleMessageEvent);
+      this.format = format || this.format;
+      this.title = title || this.title;
+      this.data = data;
+
+      this.frame = this.createFrame(this.getFrameUrl(), this.getFrameStyle());
+      document.body.appendChild(this.frame);
+      this.setWaiting(true);
     }
+  }
 
-    if (elt != null) {
-      if (waiting) {
-        this.frame.style.pointerEvents = "none";
-        this.previousCursor = elt.style.cursor;
-        elt.style.cursor = "wait";
-      } else {
-        elt.style.cursor = this.previousCursor;
-        this.frame.style.pointerEvents = "";
+  setWaiting(waiting) {
+    if (this.startElement != null) {
+      let elt = this.startElement;
+      const name = elt.nodeName.toLowerCase();
+
+      if (name == "svg" || name == "object") {
+        elt = elt.parentNode;
+      }
+
+      if (elt != null) {
+        if (waiting) {
+          this.frame.style.pointerEvents = "none";
+          this.previousCursor = elt.style.cursor;
+          elt.style.cursor = "wait";
+        } else {
+          elt.style.cursor = this.previousCursor;
+          this.frame.style.pointerEvents = "";
+        }
       }
     }
   }
-};
-
-/**
- * Updates the waiting cursor.
- */
-DiagramEditor.prototype.setActive = function (active) {
-  if (active) {
-    this.previousOverflow = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-  } else {
-    document.body.style.overflow = this.previousOverflow;
-  }
-};
-
-/**
- * Removes the iframe.
- */
-DiagramEditor.prototype.stopEditing = function () {
-  if (this.frame != null) {
-    window.removeEventListener("message", this.handleMessageEvent);
-    document.body.removeChild(this.frame);
-    this.setActive(false);
-    this.frame = null;
+
+  setActive(active) {
+    if (active) {
+      this.previousOverflow = document.body.style.overflow;
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = this.previousOverflow;
+    }
   }
-};
-
-/**
- * Send the given message to the iframe.
- */
-DiagramEditor.prototype.postMessage = function (msg) {
-  if (this.frame != null) {
-    this.frame.contentWindow.postMessage(
-      JSON.stringify(msg),
-      "https://embed.diagrams.net"
-    );
+
+  stopEditing() {
+    if (this.frame != null) {
+      window.removeEventListener("message", this.handleMessageEvent);
+      document.body.removeChild(this.frame);
+      this.setActive(false);
+      this.frame = null;
+    }
   }
-};
-
-/**
- * Returns the diagram data.
- */
-DiagramEditor.prototype.getData = function () {
-  return this.data;
-};
-
-/**
- * Returns the title for the editor.
- */
-DiagramEditor.prototype.getTitle = function () {
-  return this.title;
-};
-
-/**
- * Returns the CSS style for the iframe.
- */
-DiagramEditor.prototype.getFrameStyle = function () {
-  return (
-    this.frameStyle +
-    ";left:" +
-    document.body.scrollLeft +
-    "px;top:" +
-    document.body.scrollTop +
-    $("#header").height() +
-    "px;"
-  );
-};
-
-/**
- * Returns the URL for the iframe.
- */
-DiagramEditor.prototype.getFrameUrl = function () {
-  var url = this.drawDomain + "?proto=json&spin=1";
-
-  if (this.ui != null) {
-    url += "&ui=" + this.ui;
+
+  postMessage(msg) {
+    if (this.frame != null) {
+      this.frame.contentWindow.postMessage(
+        JSON.stringify(msg),
+        "https://embed.diagrams.net"
+      );
+    }
   }
 
-  if (this.libraries != null) {
-    url += "&libraries=1";
+  getData() {
+    return this.data;
   }
 
-  if (this.config != null) {
-    url += "&configure=1";
+  getTitle() {
+    return this.title;
   }
 
-  if (this.urlParams != null) {
-    url += "&" + this.urlParams.join("&");
+  getFrameStyle() {
+    const header = document.getElementById("header");
+    return (
+      this.frameStyle +
+      ";left:" +
+      document.body.scrollLeft +
+      "px;top:" +
+      document.body.scrollTop +
+      header.offsetHeight +
+      "px;"
+    );
   }
 
-  return url;
-};
-
-/**
- * Creates the iframe.
- */
-DiagramEditor.prototype.createFrame = function (url, style) {
-  var frame = document.createElement("iframe");
-  frame.setAttribute("frameborder", "0");
-  frame.setAttribute("style", style);
-  frame.setAttribute("src", url);
-
-  return frame;
-};
-
-/**
- * Sets the status of the editor.
- */
-DiagramEditor.prototype.setStatus = function (messageKey, modified) {
-  this.postMessage({
-    action: "status",
-    messageKey: messageKey,
-    modified: modified,
-  });
-};
-
-/**
- * Handles the given message.
- */
-DiagramEditor.prototype.handleMessage = function (msg) {
-  if (msg.event == "configure") {
-    this.configureEditor();
-  } else if (msg.event == "init") {
-    this.initializeEditor();
-  } else if (msg.event == "autosave") {
-    this.save(msg.xml, true, this.startElement);
-  } else if (msg.event == "export") {
-    this.cell.model.setAttachment("diagram.png", msg.data);
-    this.setElementData(this.startElement, msg.data);
-    this.stopEditing();
-    this.xml = null;
-  } else if (msg.event == "save") {
-    this.save(msg.xml, false, this.startElement);
-    this.xml = msg.xml;
+  getFrameUrl() {
+    let url = this.drawDomain + "?proto=json&spin=1";
 
-    if (msg.exit) {
-      msg.event = "exit";
-    } else {
-      this.setStatus("allChangesSaved", false);
+    if (this.ui != null) {
+      url += "&ui=" + this.ui;
+    }
+
+    if (this.libraries != null) {
+      url += "&libraries=1";
+    }
+
+    if (this.config != null) {
+      url += "&configure=1";
+    }
+
+    if (this.libs.length > 0) {
+      url += "&libs=" + this.libs.join(";");
     }
+
+    if (this.urlParams != null) {
+      url += "&" + this.urlParams.join("&");
+    }
+
+    console.log("The url", url);
+
+    return url;
+  }
+
+  createFrame(url, style) {
+    const frame = document.createElement("iframe");
+    frame.setAttribute("frameborder", "0");
+    frame.setAttribute("style", style);
+    frame.setAttribute("src", url);
+
+    return frame;
   }
 
-  if (msg.event == "exit") {
-    this.handleExitMessage(msg);
+  setStatus(messageKey, modified) {
+    this.postMessage({
+      action: "status",
+      messageKey: messageKey,
+      modified: modified,
+    });
   }
-};
-
-/**
- * Handles the exit message.
- */
-DiagramEditor.prototype.handleExitMessage = function (msg) {
-  if (this.format != "xml") {
-    if (this.xml != null) {
-      this.postMessage({
-        action: "export",
-        format: this.format,
-        xml: this.xml,
-        spinKey: "export",
-      });
+
+  handleMessage(msg) {
+    if (msg.event == "configure") {
+      this.configureEditor();
+    } else if (msg.event == "init") {
+      this.initializeEditor();
+    } else if (msg.event == "autosave") {
+      this.save(msg.xml, true, this.startElement);
+    } else if (msg.event == "export") {
+      this.cell.model.setAttachment("diagram.png", msg.data);
+      this.setElementData(this.startElement, msg.data);
+      this.stopEditing();
+      this.xml = null;
+    } else if (msg.event == "save") {
+      this.save(msg.xml, false, this.startElement);
+      this.xml = msg.xml;
+
+      if (msg.exit) {
+        msg.event = "exit";
+      } else {
+        this.setStatus("allChangesSaved", false);
+      }
+    }
+
+    if (msg.event == "exit") {
+      this.handleExitMessage(msg);
+    }
+  }
+
+  handleExitMessage(msg) {
+    if (this.format != "xml") {
+      if (this.xml != null) {
+        this.postMessage({
+          action: "export",
+          format: this.format,
+          xml: this.xml,
+          spinKey: "export",
+        });
+      } else {
+        this.stopEditing(msg);
+      }
     } else {
+      if (msg.modified == null || msg.modified) {
+        this.save(msg.xml, false, this.startElement);
+      }
       this.stopEditing(msg);
     }
-  } else {
-    if (msg.modified == null || msg.modified) {
-      this.save(msg.xml, false, this.startElement);
-    }
-    this.stopEditing(msg);
   }
-};
-
-/**
- * Posts configure message to editor.
- */
-DiagramEditor.prototype.configureEditor = function () {
-  this.postMessage({ action: "configure", config: this.config });
-};
-
-/**
- * Posts load message to editor.
- */
-DiagramEditor.prototype.initializeEditor = function () {
-  this.postMessage({
-    action: "load",
-    autosave: 1,
-    saveAndExit: "1",
-    modified: "unsavedChanges",
-    xml: this.getData(),
-    title: this.getTitle(),
-  });
-  this.setWaiting(false);
-  this.setActive(true);
-  this.initialized();
-};
-
-/**
- * Saves the given data.
- */
-DiagramEditor.prototype.save = function (data, draft, elt) {
-  this.done(data, draft, elt);
-};
-
-/**
- * Invoked after save.
- */
-DiagramEditor.prototype.done = function () {
-  // hook for subclassers
-};
-
-/**
- * Invoked after the editor has sent the init message.
- */
-DiagramEditor.prototype.initialized = function () {
-  // hook for subclassers
-};
+
+  configureEditor() {
+    this.postMessage({ action: "configure", config: this.config });
+  }
+
+  initializeEditor() {
+    this.postMessage({
+      action: "load",
+      autosave: 1,
+      saveAndExit: "1",
+      modified: "unsavedChanges",
+      xml: this.getData(),
+      title: this.getTitle(),
+    });
+    this.setWaiting(false);
+    this.setActive(true);
+    this.initialized();
+  }
+
+  save(data, draft, elt) {
+    this.done(data, draft, elt);
+  }
+}
+
+export default DiagramEditor;

From bbe8f639d12752bf50cc130f54a1051e2c51feba Mon Sep 17 00:00:00 2001
From: Tim Metzler <tim.metzler@h-brs.de>
Date: Fri, 1 Sep 2023 16:11:49 +0200
Subject: [PATCH 04/23] Add e2xgrader/api dependency

---
 packages/cells/package.json | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/cells/package.json b/packages/cells/package.json
index 993dc100..e556fd80 100644
--- a/packages/cells/package.json
+++ b/packages/cells/package.json
@@ -9,6 +9,9 @@
   },
   "author": "Tim Metzler",
   "license": "ISC",
+  "dependencies": {
+    "@e2xgrader/api": "0.1.1"
+  },
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",
     "css-loader": "^6.6.0",

From 9ca405a27bf044a60e473e90d0eccdc16e28ebc5 Mon Sep 17 00:00:00 2001
From: Tim Metzler <tim.metzler@h-brs.de>
Date: Fri, 1 Sep 2023 16:12:22 +0200
Subject: [PATCH 05/23] Use new diagram editor in diagram cell

---
 packages/cells/src/cells/diagram-cell.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/cells/src/cells/diagram-cell.js b/packages/cells/src/cells/diagram-cell.js
index ecfb38f2..002b8b02 100644
--- a/packages/cells/src/cells/diagram-cell.js
+++ b/packages/cells/src/cells/diagram-cell.js
@@ -1,6 +1,6 @@
 import { E2xCell } from "./base";
 import { AttachmentModel } from "../utils/attachment-model";
-import { DiagramEditor } from "../utils/diagram-editor";
+import DiagramEditor from "../utils/diagram-editor";
 
 class DiagramCellModel extends AttachmentModel {
   postSaveHook() {
@@ -56,7 +56,14 @@ export class DiagramCell extends E2xCell {
     let button = $("<button/>")
       .append("Edit Diagram")
       .addClass("btn-e2x btn-diagram");
-    button.on("click", () => DiagramEditor.editElement(that, img[0]));
+
+    button.on("click", async () => {
+      try {
+        await DiagramEditor.editDiagram(that, img[0]);
+      } catch (error) {
+        console.error("Failed to load DiagramEditor:", error);
+      }
+    });
 
     html.append(img);
     html.append(button);

From 466edf03f2daab0344f66846e324506051d6c573 Mon Sep 17 00:00:00 2001
From: Tim Metzler <tim.metzler@h-brs.de>
Date: Fri, 1 Sep 2023 16:14:00 +0200
Subject: [PATCH 06/23] Fix minor issues in extension doc

---
 docs/source/extensions/apps.rst | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/docs/source/extensions/apps.rst b/docs/source/extensions/apps.rst
index b9681acb..53a40b8c 100644
--- a/docs/source/extensions/apps.rst
+++ b/docs/source/extensions/apps.rst
@@ -69,10 +69,15 @@ Let's start by looking at the file `app.py`.
             },
         ).tag(config=True)
 
+        def __init__(self, **kwargs):
+            NbGrader.__init__(self, **kwargs)
+            BaseApp.__init__(self, **kwargs)
+
         template_path = os.path.join(os.path.dirname(__file__), "templates")
 
         def load_app(self):
             self.log.info("Loading the convert grades app")
+            self.initialize([])
             # Add the grading scheme to the tornado settings
             self.update_tornado_settings(dict(e2x_grading_scheme=self.grading_scheme))
             self.add_handlers(default_handlers)

From 70dd11226876d5e3aa74cd98333f1731a9dec2ab Mon Sep 17 00:00:00 2001
From: Tim Metzler <tim.metzler@h-brs.de>
Date: Fri, 1 Sep 2023 16:22:35 +0200
Subject: [PATCH 07/23] Add docs for configuring the diagram editor

---
 docs/source/user_docs/cells/cells.rst | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/docs/source/user_docs/cells/cells.rst b/docs/source/user_docs/cells/cells.rst
index 8790a362..7fec2a1a 100644
--- a/docs/source/user_docs/cells/cells.rst
+++ b/docs/source/user_docs/cells/cells.rst
@@ -99,6 +99,24 @@ In student mode the `Edit Cell` button is deactivated and students can not unren
 
 .. _diagrams.net: https://diagrams.net
 
+Configuring the Diagram Cells
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+You can configure the following options for the diagram cells in your ``nbgrader_config.py``:
+
+* ``drawDomain``: The domain of the diagram instance to use
+* ``drawOrigin``: The url of the origin of the diagram instance. This is the url from which the diagram instance sends messages
+* ``libraries``: A list of libraries which should be active by default (e.g. *uml*, *general*, *kubernetes*, etc)
+
+.. code-block:: python
+    :caption: Example of configuring the diagram editor
+
+    # nbgrader_config.py
+
+    c.DiagramEditor.drawDomain = "https://embed.diagrams.net/"
+    c.DiagramEditor.drawOrigin = "https://embed.diagrams.net/"
+    c.DiagramEditor.libraries = ["uml", "general", "arrows2"]
+
 
 Upload Cells
 ------------

From 39c33b6de2de91818c2a8518d5fe4269a78790e6 Mon Sep 17 00:00:00 2001
From: Tim Metzler <tim.metzler@h-brs.de>
Date: Fri, 1 Sep 2023 16:22:48 +0200
Subject: [PATCH 08/23] Update package-lock.json

---
 package-lock.json | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index 1b6e95ba..c46c28bb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13762,6 +13762,9 @@
       "name": "@e2xgrader/cells",
       "version": "0.1.1",
       "license": "ISC",
+      "dependencies": {
+        "@e2xgrader/api": "0.1.1"
+      },
       "devDependencies": {
         "@babel/preset-env": "^7.16.11",
         "css-loader": "^6.6.0",
@@ -15226,6 +15229,7 @@
       "version": "file:packages/cells",
       "requires": {
         "@babel/preset-env": "^7.16.11",
+        "@e2xgrader/api": "0.1.1",
         "css-loader": "^6.6.0",
         "style-loader": "^3.3.1",
         "webpack": "^5.70.0",

From 9495fdc22fe2c5dd35949f131abd51320bfc7e2c Mon Sep 17 00:00:00 2001
From: Tim Metzler <tim.metzler@h-brs.de>
Date: Fri, 1 Sep 2023 16:54:01 +0200
Subject: [PATCH 09/23] Add basic test for DiagramEditor

---
 .../apps/diagram_editor/test_diagrameditor.py | 48 +++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 e2xgrader/tests/server_extensions/apps/diagram_editor/test_diagrameditor.py

diff --git a/e2xgrader/tests/server_extensions/apps/diagram_editor/test_diagrameditor.py b/e2xgrader/tests/server_extensions/apps/diagram_editor/test_diagrameditor.py
new file mode 100644
index 00000000..15d7cd09
--- /dev/null
+++ b/e2xgrader/tests/server_extensions/apps/diagram_editor/test_diagrameditor.py
@@ -0,0 +1,48 @@
+import unittest
+
+from traitlets.config import LoggingConfigurable
+
+from e2xgrader.server_extensions.apps.diagram_editor import DiagramEditor
+
+
+class DummyWebApp:
+    @property
+    def settings(self):
+        return dict()
+
+
+class DummyApp(LoggingConfigurable):
+    root_dir = "dummy"
+    name = "dummy"
+
+    @property
+    def web_app(self):
+        return DummyWebApp()
+
+
+class TestDiagramEditor(unittest.TestCase):
+    def setUp(self) -> None:
+        self.editor = DiagramEditor(parent=DummyApp())
+
+    def test_empty_config(self):
+        self.assertDictEqual(self.editor.get_diagram_config(), dict())
+
+    def test_configure_draw_domain(self):
+        domain = "myDomain"
+        self.editor.drawDomain = domain
+        self.assertDictEqual(self.editor.get_diagram_config(), dict(drawDomain=domain))
+
+    def test_configure_draw_origin(self):
+        domain = "myDomain"
+        self.editor.drawOrigin = domain
+        self.assertDictEqual(self.editor.get_diagram_config(), dict(drawOrigin=domain))
+
+    def test_configure_libraries(self):
+        libraries = ["lib1", "lib2", "lib3"]
+        self.editor.libraries = libraries
+        self.assertDictEqual(self.editor.get_diagram_config(), dict(libs=libraries))
+
+    def tearDown(self) -> None:
+        self.editor.drawDomain = None
+        self.editor.drawOrigin = None
+        self.editor.libraries = []

From 1cf313b55551f18c51a0018d05198c25c3d88596 Mon Sep 17 00:00:00 2001
From: Tim Metzler <tim.metzler@h-brs.de>
Date: Fri, 1 Sep 2023 17:32:50 +0200
Subject: [PATCH 10/23] Add shortcut manager

---
 packages/utils/src/index.js      |  1 +
 packages/utils/src/shortcuts.js  | 99 ++++++++++++++++++++++++++++++++
 packages/utils/webpack.config.js |  2 +-
 3 files changed, 101 insertions(+), 1 deletion(-)
 create mode 100644 packages/utils/src/shortcuts.js

diff --git a/packages/utils/src/index.js b/packages/utils/src/index.js
index 7d7d8099..c73aa981 100644
--- a/packages/utils/src/index.js
+++ b/packages/utils/src/index.js
@@ -1 +1,2 @@
 export * as utils from "./utils";
+export * as shortcuts from "./shortcuts";
diff --git a/packages/utils/src/shortcuts.js b/packages/utils/src/shortcuts.js
new file mode 100644
index 00000000..e262fe47
--- /dev/null
+++ b/packages/utils/src/shortcuts.js
@@ -0,0 +1,99 @@
+import Jupyter from "base/js/namespace";
+import { Notebook } from "notebook/js/notebook";
+
+/**
+ * Defines a new method `execute_cell_and_select_below_without_insert()` for the `Notebook` prototype object,
+ * which executes the currently selected cell and then selects the cell below it.
+ */
+function add_Notebook_execute_cell_and_select() {
+  Notebook.prototype.execute_cell_and_select_below_without_insert =
+    function () {
+      let indices = this.get_selected_cells_indices();
+      let cell_index;
+      if (indices.length > 1) {
+        this.execute_cells(indices);
+        cell_index = Math.max.apply(Math, indices);
+      } else {
+        let cell = this.get_selected_cell();
+        cell_index = this.find_cell_index(cell);
+        cell.execute();
+      }
+
+      // If we are at the end do not insert a new cell
+      cell_index = Math.min(cell_index + 1, this.ncells() - 1);
+      this.select(cell_index);
+      this.focus_cell();
+    };
+}
+
+/**
+ * Returns the keyboard manager object for the specified mode.
+ * @param {string} mode - The keyboard manager mode to get ("command" or "edit").
+ * @throws {Error} If the mode is not "command" or "edit".
+ * @returns {object} The keyboard manager object for the specified mode.
+ */
+function get_manager(mode) {
+  if (mode === "command") {
+    return Jupyter.keyboard_manager.command_shortcuts;
+  } else if (mode === "edit") {
+    return Jupyter.keyboard_manager.edit_shortcuts;
+  } else {
+    throw new Error("Mode needs to be either 'command' or 'edit'");
+  }
+}
+
+/**
+ * Removes the specified shortcuts from the keyboard manager for the specified mode.
+ * @param {string} mode - The keyboard manager mode to remove shortcuts from ("command" or "edit").
+ * @param  {...string} shortcuts - The shortcut keys to remove.
+ */
+export function remove_shortcuts(mode, ...shortcuts) {
+  const manager = get_manager(mode);
+  for (const shortcut of shortcuts) {
+    try {
+      manager.remove_shortcut(shortcut);
+    } catch (e) {
+      // Shortcut does not exist and can't be removed;
+    }
+  }
+}
+
+/**
+ * Adds a new shortcut to the keyboard manager for the specified mode.
+ * @param {string} mode - The keyboard manager mode to add the shortcut to ("command" or "edit").
+ * @param {string} key - The key combination for the shortcut.
+ * @param {function} handler - The function to be called when the shortcut is activated.
+ * @param {string} help - The help text for the shortcut.
+ * @param {string} [help_index="zz"] - The help index for the shortcut.
+ */
+export function add_shortcut(mode, key, handler, help, help_index = "zz") {
+  const manager = get_manager(mode);
+  manager.add_shortcut(key, {
+    help: help,
+    help_index: help_index,
+    handler: handler,
+  });
+}
+
+/**
+ * Disables the default behavior of adding a new cell after executing a cell by removing the "alt-enter" and "shift-enter"
+ * shortcuts for both the command and edit modes, and adding new shortcuts that execute the current cell and select
+ * the cell below it using the `execute_cell_and_select_below_without_insert()` method.
+ */
+export function disable_add_cell_on_execute() {
+  add_Notebook_execute_cell_and_select();
+  const shortcut_keys = ["alt-enter", "shift-enter"];
+  remove_shortcuts("edit", shortcut_keys);
+  remove_shortcuts("command", shortcut_keys);
+
+  const help = "run cell";
+  const handler = function (event) {
+    Jupyter.notebook.execute_cell_and_select_below_without_insert();
+    return false;
+  };
+
+  for (const key of shortcut_keys) {
+    add_shortcut("edit", key, handler, help);
+    add_shortcut("command", key, handler, help);
+  }
+}
diff --git a/packages/utils/webpack.config.js b/packages/utils/webpack.config.js
index c49b846e..16438442 100644
--- a/packages/utils/webpack.config.js
+++ b/packages/utils/webpack.config.js
@@ -8,7 +8,7 @@ module.exports = {
     filename: "[name].js",
     libraryTarget: "commonjs-module",
   },
-  externals: {},
+  externals: [/^base\/js*/, /^notebook\/js*/],
   optimization: {
     minimize: false,
   },

From 01a6bc49a9b6fbd8ec839e4304a22dbbee18339a Mon Sep 17 00:00:00 2001
From: Tim Metzler <tim.metzler@h-brs.de>
Date: Fri, 1 Sep 2023 17:33:06 +0200
Subject: [PATCH 11/23] Use shortcut manager

---
 .../src/disable-shortcuts.js                  | 70 +++----------------
 1 file changed, 11 insertions(+), 59 deletions(-)

diff --git a/packages/restricted-exam-notebook/src/disable-shortcuts.js b/packages/restricted-exam-notebook/src/disable-shortcuts.js
index 3cf07441..7bb49735 100644
--- a/packages/restricted-exam-notebook/src/disable-shortcuts.js
+++ b/packages/restricted-exam-notebook/src/disable-shortcuts.js
@@ -1,4 +1,4 @@
-import Jupyter from "base/js/namespace";
+import { shortcuts as utils } from "@e2xgrader/utils";
 
 export function disable_shortcuts() {
   const shortcuts = [
@@ -12,72 +12,24 @@ export function disable_shortcuts() {
     "y",
     "m",
     "r",
-    "shift-enter",
-    "alt-enter",
     "ctrl-shift-f",
     "ctrl-shift-p",
     "p",
     "d,d",
   ];
 
-  for (let i in shortcuts) {
-    try {
-      Jupyter.keyboard_manager.command_shortcuts.remove_shortcut(shortcuts[i]);
-      Jupyter.keyboard_manager.edit_shortcuts.remove_shortcut(shortcuts[i]);
-    } catch (e) {
-      // Shortcut does not exist
-    }
-  }
+  utils.remove_shortcuts("command", shortcuts);
+  utils.remove_shortcuts("edit", shortcuts);
 
-  try {
-    Jupyter.keyboard_manager.command_shortcuts.remove_shortcut("ctrl-v");
-  } catch (e) {
-    console.log("Command shortcut " + "ctrl-v" + " does not exist.");
-  }
+  utils.remove_shortcuts("command", "crtl-v");
 
-  // Bind all execute cell shortcuts to run cell
-
-  Jupyter.keyboard_manager.command_shortcuts.add_shortcut("alt-enter", {
-    help: "run cell",
-    help_index: "zz",
-    handler: function (event) {
-      IPython.notebook.execute_cell();
-      return false;
-    },
-  });
-
-  Jupyter.keyboard_manager.command_shortcuts.add_shortcut("shift-enter", {
-    help: "run cell",
-    help_index: "zz",
-    handler: function (event) {
-      IPython.notebook.execute_cell();
-      return false;
-    },
-  });
-
-  Jupyter.keyboard_manager.edit_shortcuts.add_shortcut("alt-enter", {
-    help: "run cell",
-    help_index: "zz",
-    handler: function (event) {
-      IPython.notebook.execute_cell();
-      return false;
-    },
-  });
-
-  Jupyter.keyboard_manager.edit_shortcuts.add_shortcut("shift-enter", {
-    help: "run cell",
-    help_index: "zz",
-    handler: function (event) {
-      IPython.notebook.execute_cell();
-      return false;
-    },
-  });
-
-  Jupyter.keyboard_manager.command_shortcuts.add_shortcut("ctrl-v", {
-    help: "no action",
-    help_index: "zz",
-    handler: function (event) {
+  utils.disable_add_cell_on_execute();
+  utils.add_shortcut(
+    "command",
+    "ctrl-v",
+    function (event) {
       return false;
     },
-  });
+    "no action"
+  );
 }

From 63a6aebb0a95240830d5122693c2e623980a2198 Mon Sep 17 00:00:00 2001
From: Tim Metzler <tim.metzler@h-brs.de>
Date: Fri, 1 Sep 2023 17:33:30 +0200
Subject: [PATCH 12/23] Add dependency for e2xgrader/utils

---
 packages/notebook-extensions/package.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/notebook-extensions/package.json b/packages/notebook-extensions/package.json
index 07fe15d0..bb200e75 100644
--- a/packages/notebook-extensions/package.json
+++ b/packages/notebook-extensions/package.json
@@ -15,7 +15,8 @@
     "@e2xgrader/restricted-assignment-notebook": "0.1.1",
     "@e2xgrader/restricted-exam-notebook": "0.1.1",
     "@e2xgrader/exam-menubar": "0.1.1",
-    "@e2xgrader/authoring-menubar": "0.1.1"
+    "@e2xgrader/authoring-menubar": "0.1.1",
+    "@e2xgrader/utils": "0.1.1"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",

From eef7438bfaf88e01052de87290d489d5e7a9d260 Mon Sep 17 00:00:00 2001
From: Tim Metzler <tim.metzler@h-brs.de>
Date: Fri, 1 Sep 2023 17:33:56 +0200
Subject: [PATCH 13/23] Remove execute shortcut and remove empty cells on save
 during authoring

---
 .../src/teacher-extension.js                  | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/packages/notebook-extensions/src/teacher-extension.js b/packages/notebook-extensions/src/teacher-extension.js
index 5e5f30a7..15f80e64 100644
--- a/packages/notebook-extensions/src/teacher-extension.js
+++ b/packages/notebook-extensions/src/teacher-extension.js
@@ -3,6 +3,21 @@ import events from "base/js/events";
 import { initialize_cell_extension } from "@e2xgrader/cell-extension";
 import { CreateAssignmentToolbar } from "@e2xgrader/create-assignment-celltoolbar";
 import { TaskMenubar, TemplateMenubar } from "@e2xgrader/authoring-menubar";
+import { shortcuts, utils } from "@e2xgrader/utils";
+
+export function remove_empty_cells() {
+  let to_remove = [];
+  for (const [index, cell] of Jupyter.notebook.get_cells().entries()) {
+    if (
+      !utils.is_nbgrader(cell) &&
+      cell.get_text().trim().length === 0 &&
+      Object.keys(cell.attachments).length === 0
+    ) {
+      to_remove.push(index);
+    }
+  }
+  Jupyter.notebook.delete_cells(to_remove);
+}
 
 function is_taskbook() {
   let metadata = Jupyter.notebook.metadata;
@@ -35,9 +50,13 @@ function initialize() {
   if (is_taskbook()) {
     celltoolbar.activate();
     new TaskMenubar().activate();
+    shortcuts.disable_add_cell_on_execute();
+    events.on("before_save.Notebook", remove_empty_cells);
   } else if (is_templatebook()) {
     celltoolbar.activate();
     new TemplateMenubar().activate();
+    shortcuts.disable_add_cell_on_execute();
+    events.on("before_save.Notebook", remove_empty_cells);
   }
 }
 

From 7ebe744a913905dcb9faeb08e15d1d8f5aef3e59 Mon Sep 17 00:00:00 2001
From: Tim Metzler <tim.metzler@h-brs.de>
Date: Fri, 1 Sep 2023 17:34:47 +0200
Subject: [PATCH 14/23] Update package-lock.json

---
 package-lock.json | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/package-lock.json b/package-lock.json
index c46c28bb..c2afa436 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13873,7 +13873,8 @@
         "@e2xgrader/create-assignment-celltoolbar": "0.1.1",
         "@e2xgrader/exam-menubar": "0.1.1",
         "@e2xgrader/restricted-assignment-notebook": "0.1.1",
-        "@e2xgrader/restricted-exam-notebook": "0.1.1"
+        "@e2xgrader/restricted-exam-notebook": "0.1.1",
+        "@e2xgrader/utils": "0.1.1"
       },
       "devDependencies": {
         "@babel/preset-env": "^7.16.11",
@@ -15286,6 +15287,7 @@
         "@e2xgrader/exam-menubar": "0.1.1",
         "@e2xgrader/restricted-assignment-notebook": "0.1.1",
         "@e2xgrader/restricted-exam-notebook": "0.1.1",
+        "@e2xgrader/utils": "0.1.1",
         "css-loader": "^6.6.0",
         "style-loader": "^3.3.1",
         "webpack": "^5.70.0",

From c6158010e4b3d56ea9ab8c14133b833f50058d18 Mon Sep 17 00:00:00 2001
From: Tim Metzler <tim.metzler@h-brs.de>
Date: Fri, 1 Sep 2023 17:41:05 +0200
Subject: [PATCH 15/23] Use spread operator

---
 packages/utils/src/shortcuts.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/utils/src/shortcuts.js b/packages/utils/src/shortcuts.js
index e262fe47..b8a360c3 100644
--- a/packages/utils/src/shortcuts.js
+++ b/packages/utils/src/shortcuts.js
@@ -12,7 +12,7 @@ function add_Notebook_execute_cell_and_select() {
       let cell_index;
       if (indices.length > 1) {
         this.execute_cells(indices);
-        cell_index = Math.max.apply(Math, indices);
+        cell_index = Math.max(...indices);
       } else {
         let cell = this.get_selected_cell();
         cell_index = this.find_cell_index(cell);

From aa955a3b2b170c3abaec1e9492b7fc413b3328fc Mon Sep 17 00:00:00 2001
From: Tim Metzler <tim.metzler@h-brs.de>
Date: Fri, 1 Sep 2023 17:51:24 +0200
Subject: [PATCH 16/23] Bump to 0.2.0-dev0

---
 docs/source/conf.py                            |  2 +-
 e2xgrader/__version__.py                       |  2 +-
 lerna.json                                     |  2 +-
 package.json                                   |  2 +-
 packages/api/package.json                      |  2 +-
 .../assignment-view-celltoolbar/package.json   |  6 +++---
 packages/authoring-menubar/package.json        |  8 ++++----
 packages/cell-extension/package.json           |  4 ++--
 packages/cells/package.json                    |  4 ++--
 .../create-assignment-celltoolbar/package.json |  6 +++---
 packages/exam-menubar/package.json             |  6 +++---
 packages/help-tab/package.json                 |  4 ++--
 packages/menubar/package.json                  |  2 +-
 packages/notebook-extensions/package.json      | 18 +++++++++---------
 .../package.json                               |  4 ++--
 packages/restricted-exam-notebook/package.json |  4 ++--
 packages/tree-extensions/package.json          |  4 ++--
 packages/utils/package.json                    |  2 +-
 pyproject.toml                                 |  2 +-
 19 files changed, 42 insertions(+), 42 deletions(-)

diff --git a/docs/source/conf.py b/docs/source/conf.py
index f0964147..715c8f21 100644
--- a/docs/source/conf.py
+++ b/docs/source/conf.py
@@ -9,7 +9,7 @@
 project = "e2xgrader"
 copyright = "2023, Tim Metzler"
 author = "Tim Metzler"
-release = "0.1.1"
+release = "0.2.0-dev0"
 github_project_url = "https://github.com/Digiklausur/e2xgrader"
 
 # -- General configuration ---------------------------------------------------
diff --git a/e2xgrader/__version__.py b/e2xgrader/__version__.py
index 485f44ac..71852dda 100644
--- a/e2xgrader/__version__.py
+++ b/e2xgrader/__version__.py
@@ -1 +1 @@
-__version__ = "0.1.1"
+__version__ = "0.2.0-dev0"
diff --git a/lerna.json b/lerna.json
index 486c664b..d4b64491 100644
--- a/lerna.json
+++ b/lerna.json
@@ -2,5 +2,5 @@
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
   "useNx": true,
   "useWorkspaces": true,
-  "version": "0.1.1"
+  "version": "0.2.0-dev0"
 }
diff --git a/package.json b/package.json
index 7ee1f5bc..8e821769 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "workspaces": [
     "packages/*"
   ],
-  "version": "0.1.1",
+  "version": "0.2.0-dev0",
   "description": "An addon for nbgrader",
   "scripts": {
     "install": "lerna run bootstrap",
diff --git a/packages/api/package.json b/packages/api/package.json
index 54ca548d..935125db 100644
--- a/packages/api/package.json
+++ b/packages/api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/api",
-  "version": "0.1.1",
+  "version": "0.2.0-dev0",
   "main": "lib/index.js",
   "description": "api functions for e2xgrader",
   "scripts": {
diff --git a/packages/assignment-view-celltoolbar/package.json b/packages/assignment-view-celltoolbar/package.json
index 932ee9c8..d848289f 100644
--- a/packages/assignment-view-celltoolbar/package.json
+++ b/packages/assignment-view-celltoolbar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/assignment-view-celltoolbar",
-  "version": "0.1.1",
+  "version": "0.2.0-dev0",
   "description": "",
   "main": "lib/index.js",
   "scripts": {
@@ -10,8 +10,8 @@
   "author": "Tim Metzler",
   "license": "ISC",
   "dependencies": {
-    "@e2xgrader/cells": "0.1.1",
-    "@e2xgrader/utils": "0.1.1"
+    "@e2xgrader/cells": "0.2.0-dev0",
+    "@e2xgrader/utils": "0.2.0-dev0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",
diff --git a/packages/authoring-menubar/package.json b/packages/authoring-menubar/package.json
index 8bfd1661..a981cfc7 100644
--- a/packages/authoring-menubar/package.json
+++ b/packages/authoring-menubar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/authoring-menubar",
-  "version": "0.1.1",
+  "version": "0.2.0-dev0",
   "main": "lib/index.js",
   "description": "a menubar for teachers for creating assignments",
   "scripts": {
@@ -10,9 +10,9 @@
   "author": "TM",
   "license": "MIT",
   "dependencies": {
-    "@e2xgrader/menubar": "0.1.1",
-    "@e2xgrader/utils": "0.1.1",
-    "@e2xgrader/api": "0.1.1"
+    "@e2xgrader/menubar": "0.2.0-dev0",
+    "@e2xgrader/utils": "0.2.0-dev0",
+    "@e2xgrader/api": "0.2.0-dev0"
   },
   "devDependencies": {
     "webpack": "^5.73.0",
diff --git a/packages/cell-extension/package.json b/packages/cell-extension/package.json
index 047c8eb1..6c6848d7 100644
--- a/packages/cell-extension/package.json
+++ b/packages/cell-extension/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/cell-extension",
-  "version": "0.1.1",
+  "version": "0.2.0-dev0",
   "description": "",
   "main": "lib/index.js",
   "scripts": {
@@ -10,7 +10,7 @@
   "author": "Tim Metzler",
   "license": "ISC",
   "dependencies": {
-    "@e2xgrader/cells": "0.1.1"
+    "@e2xgrader/cells": "0.2.0-dev0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",
diff --git a/packages/cells/package.json b/packages/cells/package.json
index e556fd80..32b4ed1c 100644
--- a/packages/cells/package.json
+++ b/packages/cells/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/cells",
-  "version": "0.1.1",
+  "version": "0.2.0-dev0",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
@@ -10,7 +10,7 @@
   "author": "Tim Metzler",
   "license": "ISC",
   "dependencies": {
-    "@e2xgrader/api": "0.1.1"
+    "@e2xgrader/api": "0.2.0-dev0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",
diff --git a/packages/create-assignment-celltoolbar/package.json b/packages/create-assignment-celltoolbar/package.json
index befbf824..9ad9b1f8 100644
--- a/packages/create-assignment-celltoolbar/package.json
+++ b/packages/create-assignment-celltoolbar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/create-assignment-celltoolbar",
-  "version": "0.1.1",
+  "version": "0.2.0-dev0",
   "description": "",
   "main": "lib/index.js",
   "scripts": {
@@ -10,8 +10,8 @@
   "author": "Tim Metzler",
   "license": "ISC",
   "dependencies": {
-    "@e2xgrader/cells": "0.1.1",
-    "@e2xgrader/utils": "0.1.1"
+    "@e2xgrader/cells": "0.2.0-dev0",
+    "@e2xgrader/utils": "0.2.0-dev0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",
diff --git a/packages/exam-menubar/package.json b/packages/exam-menubar/package.json
index afa3908e..65374210 100644
--- a/packages/exam-menubar/package.json
+++ b/packages/exam-menubar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/exam-menubar",
-  "version": "0.1.1",
+  "version": "0.2.0-dev0",
   "main": "lib/index.js",
   "description": "a menubar for students during an exams",
   "scripts": {
@@ -10,8 +10,8 @@
   "author": "TM",
   "license": "MIT",
   "dependencies": {
-    "@e2xgrader/menubar": "0.1.1",
-    "@e2xgrader/api": "0.1.1"
+    "@e2xgrader/menubar": "0.2.0-dev0",
+    "@e2xgrader/api": "0.2.0-dev0"
   },
   "devDependencies": {
     "webpack": "^5.73.0",
diff --git a/packages/help-tab/package.json b/packages/help-tab/package.json
index c1bddc9b..bdfc350a 100644
--- a/packages/help-tab/package.json
+++ b/packages/help-tab/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/help-tab",
-  "version": "0.1.1",
+  "version": "0.2.0-dev0",
   "main": "lib/index.js",
   "description": "adds a tab to the Jupyter notebook list that lists additional resources provided by the help app",
   "scripts": {
@@ -10,7 +10,7 @@
   "author": "Tim Metzler",
   "license": "ISC",
   "dependencies": {
-    "@e2xgrader/api": "0.1.1"
+    "@e2xgrader/api": "0.2.0-dev0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",
diff --git a/packages/menubar/package.json b/packages/menubar/package.json
index f7bb1763..2093eece 100644
--- a/packages/menubar/package.json
+++ b/packages/menubar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/menubar",
-  "version": "0.1.1",
+  "version": "0.2.0-dev0",
   "main": "lib/index.js",
   "description": "a menubar for e2xgrader",
   "scripts": {
diff --git a/packages/notebook-extensions/package.json b/packages/notebook-extensions/package.json
index bb200e75..fc87f219 100644
--- a/packages/notebook-extensions/package.json
+++ b/packages/notebook-extensions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/notebook-extensions",
-  "version": "0.1.1",
+  "version": "0.2.0-dev0",
   "description": "",
   "scripts": {
     "build": "webpack --config webpack.config.js",
@@ -9,14 +9,14 @@
   "author": "Tim Metzler",
   "license": "ISC",
   "dependencies": {
-    "@e2xgrader/cell-extension": "0.1.1",
-    "@e2xgrader/create-assignment-celltoolbar": "0.1.1",
-    "@e2xgrader/assignment-view-celltoolbar": "0.1.1",
-    "@e2xgrader/restricted-assignment-notebook": "0.1.1",
-    "@e2xgrader/restricted-exam-notebook": "0.1.1",
-    "@e2xgrader/exam-menubar": "0.1.1",
-    "@e2xgrader/authoring-menubar": "0.1.1",
-    "@e2xgrader/utils": "0.1.1"
+    "@e2xgrader/cell-extension": "0.2.0-dev0",
+    "@e2xgrader/create-assignment-celltoolbar": "0.2.0-dev0",
+    "@e2xgrader/assignment-view-celltoolbar": "0.2.0-dev0",
+    "@e2xgrader/restricted-assignment-notebook": "0.2.0-dev0",
+    "@e2xgrader/restricted-exam-notebook": "0.2.0-dev0",
+    "@e2xgrader/exam-menubar": "0.2.0-dev0",
+    "@e2xgrader/authoring-menubar": "0.2.0-dev0",
+    "@e2xgrader/utils": "0.2.0-dev0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",
diff --git a/packages/restricted-assignment-notebook/package.json b/packages/restricted-assignment-notebook/package.json
index 4246517c..f140dde8 100644
--- a/packages/restricted-assignment-notebook/package.json
+++ b/packages/restricted-assignment-notebook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/restricted-assignment-notebook",
-  "version": "0.1.1",
+  "version": "0.2.0-dev0",
   "main": "lib/index.js",
   "description": "utility functions for e2xgrader",
   "scripts": {
@@ -10,7 +10,7 @@
   "author": "TM",
   "license": "MIT",
   "dependencies": {
-    "@e2xgrader/utils": "0.1.1"
+    "@e2xgrader/utils": "0.2.0-dev0"
   },
   "devDependencies": {
     "webpack": "^5.73.0",
diff --git a/packages/restricted-exam-notebook/package.json b/packages/restricted-exam-notebook/package.json
index b50d71d1..6cf6dafb 100644
--- a/packages/restricted-exam-notebook/package.json
+++ b/packages/restricted-exam-notebook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/restricted-exam-notebook",
-  "version": "0.1.1",
+  "version": "0.2.0-dev0",
   "main": "lib/index.js",
   "description": "utility functions for e2xgrader",
   "scripts": {
@@ -10,7 +10,7 @@
   "author": "TM",
   "license": "MIT",
   "dependencies": {
-    "@e2xgrader/utils": "0.1.1"
+    "@e2xgrader/utils": "0.2.0-dev0"
   },
   "devDependencies": {
     "webpack": "^5.73.0",
diff --git a/packages/tree-extensions/package.json b/packages/tree-extensions/package.json
index 7c75b630..af4762fa 100644
--- a/packages/tree-extensions/package.json
+++ b/packages/tree-extensions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/tree-extensions",
-  "version": "0.1.1",
+  "version": "0.2.0-dev0",
   "description": "",
   "scripts": {
     "build": "webpack --config webpack.config.js",
@@ -9,7 +9,7 @@
   "author": "Tim Metzler",
   "license": "ISC",
   "dependencies": {
-    "@e2xgrader/help-tab": "0.1.1"
+    "@e2xgrader/help-tab": "0.2.0-dev0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",
diff --git a/packages/utils/package.json b/packages/utils/package.json
index 91b7b387..beabfaa1 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/utils",
-  "version": "0.1.1",
+  "version": "0.2.0-dev0",
   "main": "lib/index.js",
   "description": "utility functions for e2xgrader",
   "scripts": {
diff --git a/pyproject.toml b/pyproject.toml
index f8124906..3c84cc3a 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -67,7 +67,7 @@ artifacts = [
 github_url = "https://github.com/Digiklausur/e2xgrader/"
 
 [tool.tbump.version]
-current = "0.1.1"
+current = "0.2.0-dev0"
 
 regex = '''
   (?P<major>\d+)

From fd7e0ba0e9975099fb30db76f05767eb152c67e7 Mon Sep 17 00:00:00 2001
From: Tim Daniel Metzler <tim.metzler@h-brs.de>
Date: Mon, 4 Sep 2023 16:26:55 +0200
Subject: [PATCH 17/23] getFrameUrl using URL object

---
 packages/cells/src/utils/diagram-editor.js | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/packages/cells/src/utils/diagram-editor.js b/packages/cells/src/utils/diagram-editor.js
index 9e1bc559..ae6f2d56 100644
--- a/packages/cells/src/utils/diagram-editor.js
+++ b/packages/cells/src/utils/diagram-editor.js
@@ -233,31 +233,35 @@ class DiagramEditor {
   }
 
   getFrameUrl() {
-    let url = this.drawDomain + "?proto=json&spin=1";
+    const url = new URL(this.drawDomain);
+    url.searchParams.append("proto", "json");
+    url.searchParams.append("spin", "1");
 
     if (this.ui != null) {
-      url += "&ui=" + this.ui;
+      url.searchParams.append("ui", this.ui);
     }
 
     if (this.libraries != null) {
-      url += "&libraries=1";
+      url.searchParams.append("libraries", "1");
     }
 
     if (this.config != null) {
-      url += "&configure=1";
+      url.searchParams.append("configure", "1");
     }
 
     if (this.libs.length > 0) {
-      url += "&libs=" + this.libs.join(";");
+      url.searchParams.append("libs", this.libs.join(";"));
     }
 
+    let href = url.href;
+
     if (this.urlParams != null) {
-      url += "&" + this.urlParams.join("&");
+      href += "&" + this.urlParams.join("&");
     }
 
-    console.log("The url", url);
+    console.log("The url", href);
 
-    return url;
+    return href;
   }
 
   createFrame(url, style) {

From 60f287688b4c4f6af6ca803a23230b7af2c76842 Mon Sep 17 00:00:00 2001
From: Tim Daniel Metzler <tim.metzler@h-brs.de>
Date: Mon, 4 Sep 2023 16:27:44 +0200
Subject: [PATCH 18/23] Update package-lock.json

---
 package-lock.json | 124 +++++++++++++++++++++++-----------------------
 1 file changed, 62 insertions(+), 62 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c2afa436..e0090800 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "e2xgrader",
-  "version": "0.1.1",
+  "version": "0.2.0-dev0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "e2xgrader",
-      "version": "0.1.1",
+      "version": "0.2.0-dev0",
       "hasInstallScript": true,
       "license": "MIT",
       "workspaces": [
@@ -13685,7 +13685,7 @@
     },
     "packages/api": {
       "name": "@e2xgrader/api",
-      "version": "0.1.1",
+      "version": "0.2.0-dev0",
       "license": "MIT",
       "devDependencies": {
         "webpack": "^5.73.0",
@@ -13694,11 +13694,11 @@
     },
     "packages/assignment-view-celltoolbar": {
       "name": "@e2xgrader/assignment-view-celltoolbar",
-      "version": "0.1.1",
+      "version": "0.2.0-dev0",
       "license": "ISC",
       "dependencies": {
-        "@e2xgrader/cells": "0.1.1",
-        "@e2xgrader/utils": "0.1.1"
+        "@e2xgrader/cells": "0.2.0-dev0",
+        "@e2xgrader/utils": "0.2.0-dev0"
       },
       "devDependencies": {
         "@babel/preset-env": "^7.16.11",
@@ -13731,12 +13731,12 @@
     },
     "packages/authoring-menubar": {
       "name": "@e2xgrader/authoring-menubar",
-      "version": "0.1.1",
+      "version": "0.2.0-dev0",
       "license": "MIT",
       "dependencies": {
-        "@e2xgrader/api": "0.1.1",
-        "@e2xgrader/menubar": "0.1.1",
-        "@e2xgrader/utils": "0.1.1"
+        "@e2xgrader/api": "0.2.0-dev0",
+        "@e2xgrader/menubar": "0.2.0-dev0",
+        "@e2xgrader/utils": "0.2.0-dev0"
       },
       "devDependencies": {
         "webpack": "^5.73.0",
@@ -13745,10 +13745,10 @@
     },
     "packages/cell-extension": {
       "name": "@e2xgrader/cell-extension",
-      "version": "0.1.1",
+      "version": "0.2.0-dev0",
       "license": "ISC",
       "dependencies": {
-        "@e2xgrader/cells": "0.1.1"
+        "@e2xgrader/cells": "0.2.0-dev0"
       },
       "devDependencies": {
         "@babel/preset-env": "^7.16.11",
@@ -13760,10 +13760,10 @@
     },
     "packages/cells": {
       "name": "@e2xgrader/cells",
-      "version": "0.1.1",
+      "version": "0.2.0-dev0",
       "license": "ISC",
       "dependencies": {
-        "@e2xgrader/api": "0.1.1"
+        "@e2xgrader/api": "0.2.0-dev0"
       },
       "devDependencies": {
         "@babel/preset-env": "^7.16.11",
@@ -13775,11 +13775,11 @@
     },
     "packages/create-assignment-celltoolbar": {
       "name": "@e2xgrader/create-assignment-celltoolbar",
-      "version": "0.1.1",
+      "version": "0.2.0-dev0",
       "license": "ISC",
       "dependencies": {
-        "@e2xgrader/cells": "0.1.1",
-        "@e2xgrader/utils": "0.1.1"
+        "@e2xgrader/cells": "0.2.0-dev0",
+        "@e2xgrader/utils": "0.2.0-dev0"
       },
       "devDependencies": {
         "@babel/preset-env": "^7.16.11",
@@ -13805,11 +13805,11 @@
     },
     "packages/exam-menubar": {
       "name": "@e2xgrader/exam-menubar",
-      "version": "0.1.1",
+      "version": "0.2.0-dev0",
       "license": "MIT",
       "dependencies": {
-        "@e2xgrader/api": "0.1.1",
-        "@e2xgrader/menubar": "0.1.1"
+        "@e2xgrader/api": "0.2.0-dev0",
+        "@e2xgrader/menubar": "0.2.0-dev0"
       },
       "devDependencies": {
         "webpack": "^5.73.0",
@@ -13818,10 +13818,10 @@
     },
     "packages/help-tab": {
       "name": "@e2xgrader/help-tab",
-      "version": "0.1.1",
+      "version": "0.2.0-dev0",
       "license": "ISC",
       "dependencies": {
-        "@e2xgrader/api": "0.1.1"
+        "@e2xgrader/api": "0.2.0-dev0"
       },
       "devDependencies": {
         "@babel/preset-env": "^7.16.11",
@@ -13833,7 +13833,7 @@
     },
     "packages/menubar": {
       "name": "@e2xgrader/menubar",
-      "version": "0.1.1",
+      "version": "0.2.0-dev0",
       "license": "MIT",
       "devDependencies": {
         "webpack": "^5.73.0",
@@ -13864,17 +13864,17 @@
     },
     "packages/notebook-extensions": {
       "name": "@e2xgrader/notebook-extensions",
-      "version": "0.1.1",
+      "version": "0.2.0-dev0",
       "license": "ISC",
       "dependencies": {
-        "@e2xgrader/assignment-view-celltoolbar": "0.1.1",
-        "@e2xgrader/authoring-menubar": "0.1.1",
-        "@e2xgrader/cell-extension": "0.1.1",
-        "@e2xgrader/create-assignment-celltoolbar": "0.1.1",
-        "@e2xgrader/exam-menubar": "0.1.1",
-        "@e2xgrader/restricted-assignment-notebook": "0.1.1",
-        "@e2xgrader/restricted-exam-notebook": "0.1.1",
-        "@e2xgrader/utils": "0.1.1"
+        "@e2xgrader/assignment-view-celltoolbar": "0.2.0-dev0",
+        "@e2xgrader/authoring-menubar": "0.2.0-dev0",
+        "@e2xgrader/cell-extension": "0.2.0-dev0",
+        "@e2xgrader/create-assignment-celltoolbar": "0.2.0-dev0",
+        "@e2xgrader/exam-menubar": "0.2.0-dev0",
+        "@e2xgrader/restricted-assignment-notebook": "0.2.0-dev0",
+        "@e2xgrader/restricted-exam-notebook": "0.2.0-dev0",
+        "@e2xgrader/utils": "0.2.0-dev0"
       },
       "devDependencies": {
         "@babel/preset-env": "^7.16.11",
@@ -13886,10 +13886,10 @@
     },
     "packages/restricted-assignment-notebook": {
       "name": "@e2xgrader/restricted-assignment-notebook",
-      "version": "0.1.1",
+      "version": "0.2.0-dev0",
       "license": "MIT",
       "dependencies": {
-        "@e2xgrader/utils": "0.1.1"
+        "@e2xgrader/utils": "0.2.0-dev0"
       },
       "devDependencies": {
         "webpack": "^5.73.0",
@@ -13898,10 +13898,10 @@
     },
     "packages/restricted-exam-notebook": {
       "name": "@e2xgrader/restricted-exam-notebook",
-      "version": "0.1.1",
+      "version": "0.2.0-dev0",
       "license": "MIT",
       "dependencies": {
-        "@e2xgrader/utils": "0.1.1"
+        "@e2xgrader/utils": "0.2.0-dev0"
       },
       "devDependencies": {
         "webpack": "^5.73.0",
@@ -13910,10 +13910,10 @@
     },
     "packages/tree-extensions": {
       "name": "@e2xgrader/tree-extensions",
-      "version": "0.1.1",
+      "version": "0.2.0-dev0",
       "license": "ISC",
       "dependencies": {
-        "@e2xgrader/help-tab": "0.1.1"
+        "@e2xgrader/help-tab": "0.2.0-dev0"
       },
       "devDependencies": {
         "@babel/preset-env": "^7.16.11",
@@ -13925,7 +13925,7 @@
     },
     "packages/utils": {
       "name": "@e2xgrader/utils",
-      "version": "0.1.1",
+      "version": "0.2.0-dev0",
       "license": "MIT",
       "devDependencies": {
         "webpack": "^5.73.0",
@@ -15197,8 +15197,8 @@
       "version": "file:packages/assignment-view-celltoolbar",
       "requires": {
         "@babel/preset-env": "^7.16.11",
-        "@e2xgrader/cells": "0.1.1",
-        "@e2xgrader/utils": "0.1.1",
+        "@e2xgrader/cells": "0.2.0-dev0",
+        "@e2xgrader/utils": "0.2.0-dev0",
         "css-loader": "^6.6.0",
         "style-loader": "^3.3.1",
         "webpack": "^5.70.0",
@@ -15208,9 +15208,9 @@
     "@e2xgrader/authoring-menubar": {
       "version": "file:packages/authoring-menubar",
       "requires": {
-        "@e2xgrader/api": "0.1.1",
-        "@e2xgrader/menubar": "0.1.1",
-        "@e2xgrader/utils": "0.1.1",
+        "@e2xgrader/api": "0.2.0-dev0",
+        "@e2xgrader/menubar": "0.2.0-dev0",
+        "@e2xgrader/utils": "0.2.0-dev0",
         "webpack": "^5.73.0",
         "webpack-cli": "^4.9.2"
       }
@@ -15219,7 +15219,7 @@
       "version": "file:packages/cell-extension",
       "requires": {
         "@babel/preset-env": "^7.16.11",
-        "@e2xgrader/cells": "0.1.1",
+        "@e2xgrader/cells": "0.2.0-dev0",
         "css-loader": "^6.6.0",
         "style-loader": "^3.3.1",
         "webpack": "^5.70.0",
@@ -15230,7 +15230,7 @@
       "version": "file:packages/cells",
       "requires": {
         "@babel/preset-env": "^7.16.11",
-        "@e2xgrader/api": "0.1.1",
+        "@e2xgrader/api": "0.2.0-dev0",
         "css-loader": "^6.6.0",
         "style-loader": "^3.3.1",
         "webpack": "^5.70.0",
@@ -15241,8 +15241,8 @@
       "version": "file:packages/create-assignment-celltoolbar",
       "requires": {
         "@babel/preset-env": "^7.16.11",
-        "@e2xgrader/cells": "0.1.1",
-        "@e2xgrader/utils": "0.1.1",
+        "@e2xgrader/cells": "0.2.0-dev0",
+        "@e2xgrader/utils": "0.2.0-dev0",
         "css-loader": "^6.6.0",
         "style-loader": "^3.3.1",
         "webpack": "^5.70.0",
@@ -15252,8 +15252,8 @@
     "@e2xgrader/exam-menubar": {
       "version": "file:packages/exam-menubar",
       "requires": {
-        "@e2xgrader/api": "0.1.1",
-        "@e2xgrader/menubar": "0.1.1",
+        "@e2xgrader/api": "0.2.0-dev0",
+        "@e2xgrader/menubar": "0.2.0-dev0",
         "webpack": "^5.73.0",
         "webpack-cli": "^4.9.2"
       }
@@ -15262,7 +15262,7 @@
       "version": "file:packages/help-tab",
       "requires": {
         "@babel/preset-env": "^7.16.11",
-        "@e2xgrader/api": "0.1.1",
+        "@e2xgrader/api": "0.2.0-dev0",
         "css-loader": "^6.6.0",
         "style-loader": "^3.3.1",
         "webpack": "^5.70.0",
@@ -15280,14 +15280,14 @@
       "version": "file:packages/notebook-extensions",
       "requires": {
         "@babel/preset-env": "^7.16.11",
-        "@e2xgrader/assignment-view-celltoolbar": "0.1.1",
-        "@e2xgrader/authoring-menubar": "0.1.1",
-        "@e2xgrader/cell-extension": "0.1.1",
-        "@e2xgrader/create-assignment-celltoolbar": "0.1.1",
-        "@e2xgrader/exam-menubar": "0.1.1",
-        "@e2xgrader/restricted-assignment-notebook": "0.1.1",
-        "@e2xgrader/restricted-exam-notebook": "0.1.1",
-        "@e2xgrader/utils": "0.1.1",
+        "@e2xgrader/assignment-view-celltoolbar": "0.2.0-dev0",
+        "@e2xgrader/authoring-menubar": "0.2.0-dev0",
+        "@e2xgrader/cell-extension": "0.2.0-dev0",
+        "@e2xgrader/create-assignment-celltoolbar": "0.2.0-dev0",
+        "@e2xgrader/exam-menubar": "0.2.0-dev0",
+        "@e2xgrader/restricted-assignment-notebook": "0.2.0-dev0",
+        "@e2xgrader/restricted-exam-notebook": "0.2.0-dev0",
+        "@e2xgrader/utils": "0.2.0-dev0",
         "css-loader": "^6.6.0",
         "style-loader": "^3.3.1",
         "webpack": "^5.70.0",
@@ -15297,7 +15297,7 @@
     "@e2xgrader/restricted-assignment-notebook": {
       "version": "file:packages/restricted-assignment-notebook",
       "requires": {
-        "@e2xgrader/utils": "0.1.1",
+        "@e2xgrader/utils": "0.2.0-dev0",
         "webpack": "^5.73.0",
         "webpack-cli": "^4.9.2"
       }
@@ -15305,7 +15305,7 @@
     "@e2xgrader/restricted-exam-notebook": {
       "version": "file:packages/restricted-exam-notebook",
       "requires": {
-        "@e2xgrader/utils": "0.1.1",
+        "@e2xgrader/utils": "0.2.0-dev0",
         "webpack": "^5.73.0",
         "webpack-cli": "^4.9.2"
       }
@@ -15314,7 +15314,7 @@
       "version": "file:packages/tree-extensions",
       "requires": {
         "@babel/preset-env": "^7.16.11",
-        "@e2xgrader/help-tab": "0.1.1",
+        "@e2xgrader/help-tab": "0.2.0-dev0",
         "css-loader": "^6.6.0",
         "style-loader": "^3.3.1",
         "webpack": "^5.70.0",

From 7d9c87072ca0d18754098b2cdd32d5607575c036 Mon Sep 17 00:00:00 2001
From: Tim Daniel Metzler <tim.metzler@h-brs.de>
Date: Mon, 4 Sep 2023 16:56:25 +0200
Subject: [PATCH 19/23] Replace hardcoded URL

---
 packages/cells/src/utils/diagram-editor.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/cells/src/utils/diagram-editor.js b/packages/cells/src/utils/diagram-editor.js
index ae6f2d56..88ece020 100644
--- a/packages/cells/src/utils/diagram-editor.js
+++ b/packages/cells/src/utils/diagram-editor.js
@@ -206,7 +206,7 @@ class DiagramEditor {
     if (this.frame != null) {
       this.frame.contentWindow.postMessage(
         JSON.stringify(msg),
-        "https://embed.diagrams.net"
+        this.drawOrigin
       );
     }
   }

From fa9c40341e2193eed2bb34366152a984beb3ac10 Mon Sep 17 00:00:00 2001
From: Tim Daniel Metzler <tim.metzler@h-brs.de>
Date: Fri, 15 Sep 2023 15:37:38 +0200
Subject: [PATCH 20/23] When a cell is not present in the notebook, do not try
 to render an AnnotationUI

---
 .../apps/formgrader/static/js/formgrade_models.js           | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/e2xgrader/server_extensions/apps/formgrader/static/js/formgrade_models.js b/e2xgrader/server_extensions/apps/formgrader/static/js/formgrade_models.js
index eb394246..4c78958a 100644
--- a/e2xgrader/server_extensions/apps/formgrader/static/js/formgrade_models.js
+++ b/e2xgrader/server_extensions/apps/formgrader/static/js/formgrade_models.js
@@ -175,6 +175,12 @@ let Comments = Backbone.Collection.extend({
 
 let AnnotationUI = Backbone.View.extend({
   initialize: function () {
+    if (this.$el.length == 0) {
+      console.log(
+        "Failed to create AnnotationUI. Cell is not present in the notebook"
+      );
+      return;
+    }
     this.$switch = this.$el.find('input[name="annotate"]');
     this.$switch.prop("checked", "checked");
 

From 0f86f554a7fea9f4bd3aff15c121f1ec8f174fe2 Mon Sep 17 00:00:00 2001
From: Tim Daniel Metzler <tim.metzler@h-brs.de>
Date: Fri, 15 Sep 2023 15:47:22 +0200
Subject: [PATCH 21/23] Open html version of submission in new tab

---
 packages/exam-menubar/src/submit.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/exam-menubar/src/submit.js b/packages/exam-menubar/src/submit.js
index e39d86d0..c16f88df 100644
--- a/packages/exam-menubar/src/submit.js
+++ b/packages/exam-menubar/src/submit.js
@@ -156,10 +156,12 @@ export class Submit {
       body.append($("<pre/>").text(data["hashcode"]));
 
       body.append(
-        $("<p/>")
-          .append("You can verify your submission ")
-          .append($("<a/>").attr("href", hashcode_html).text("here"))
-          .append(".")
+        $("<h4/>").append(
+          $("<a/>")
+            .attr("href", hashcode_html)
+            .attr("target", "_blank")
+            .text("Click here to view the HTML version of your submitted exam.")
+        )
       );
     }
 

From 142ab5e912271b90ed286beb0ff8e8fe0393341c Mon Sep 17 00:00:00 2001
From: Tim Daniel Metzler <tim.metzler@h-brs.de>
Date: Fri, 15 Sep 2023 16:45:18 +0200
Subject: [PATCH 22/23] Remove mathjax url

---
 e2xgrader/server_extensions/apps/formgrader/handlers.py         | 1 -
 .../apps/formgrader/templates/formgrade/index.html.j2           | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/e2xgrader/server_extensions/apps/formgrader/handlers.py b/e2xgrader/server_extensions/apps/formgrader/handlers.py
index e2cb567c..8ddbf79b 100644
--- a/e2xgrader/server_extensions/apps/formgrader/handlers.py
+++ b/e2xgrader/server_extensions/apps/formgrader/handlers.py
@@ -214,7 +214,6 @@ def get(self, submission_id):
             "index": ix,
             "total": len(indices),
             "base_url": self.base_url,
-            "my_mathjax_url": self.base_url + "/" + self.mathjax_url,
             "student": student_id,
             "last_name": submission.student.last_name,
             "first_name": submission.student.first_name,
diff --git a/e2xgrader/server_extensions/apps/formgrader/templates/formgrade/index.html.j2 b/e2xgrader/server_extensions/apps/formgrader/templates/formgrade/index.html.j2
index d12624e0..d18d9fae 100644
--- a/e2xgrader/server_extensions/apps/formgrader/templates/formgrade/index.html.j2
+++ b/e2xgrader/server_extensions/apps/formgrader/templates/formgrade/index.html.j2
@@ -15,7 +15,7 @@
 
 
 <!-- Loading mathjax macro -->
-{{ mathjax( resources.my_mathjax_url + '?config=TeX-AMS-MML_HTMLorMML-full') }}
+{{ mathjax( ) }}
 
 <link rel="stylesheet" href="{{ resources.base_url }}/formgrader/static/css/formgrade.css" />
 <style type="text/css">

From e336b82291778cc484ecc04104c23a980f44615e Mon Sep 17 00:00:00 2001
From: Tim Daniel Metzler <tim.metzler@h-brs.de>
Date: Fri, 15 Sep 2023 16:56:57 +0200
Subject: [PATCH 23/23] Bump to 0.2.0-dev1

---
 docs/source/conf.py                            |  2 +-
 e2xgrader/__version__.py                       |  2 +-
 lerna.json                                     |  2 +-
 package.json                                   |  2 +-
 packages/api/package.json                      |  2 +-
 .../assignment-view-celltoolbar/package.json   |  6 +++---
 packages/authoring-menubar/package.json        |  8 ++++----
 packages/cell-extension/package.json           |  4 ++--
 packages/cells/package.json                    |  4 ++--
 .../create-assignment-celltoolbar/package.json |  6 +++---
 packages/exam-menubar/package.json             |  6 +++---
 packages/help-tab/package.json                 |  4 ++--
 packages/menubar/package.json                  |  2 +-
 packages/notebook-extensions/package.json      | 18 +++++++++---------
 .../package.json                               |  4 ++--
 packages/restricted-exam-notebook/package.json |  4 ++--
 packages/tree-extensions/package.json          |  4 ++--
 packages/utils/package.json                    |  2 +-
 pyproject.toml                                 |  2 +-
 19 files changed, 42 insertions(+), 42 deletions(-)

diff --git a/docs/source/conf.py b/docs/source/conf.py
index 715c8f21..705f0659 100644
--- a/docs/source/conf.py
+++ b/docs/source/conf.py
@@ -9,7 +9,7 @@
 project = "e2xgrader"
 copyright = "2023, Tim Metzler"
 author = "Tim Metzler"
-release = "0.2.0-dev0"
+release = "0.2.0-dev1"
 github_project_url = "https://github.com/Digiklausur/e2xgrader"
 
 # -- General configuration ---------------------------------------------------
diff --git a/e2xgrader/__version__.py b/e2xgrader/__version__.py
index 71852dda..09697477 100644
--- a/e2xgrader/__version__.py
+++ b/e2xgrader/__version__.py
@@ -1 +1 @@
-__version__ = "0.2.0-dev0"
+__version__ = "0.2.0-dev1"
diff --git a/lerna.json b/lerna.json
index d4b64491..bfc0670b 100644
--- a/lerna.json
+++ b/lerna.json
@@ -2,5 +2,5 @@
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
   "useNx": true,
   "useWorkspaces": true,
-  "version": "0.2.0-dev0"
+  "version": "0.2.0-dev1"
 }
diff --git a/package.json b/package.json
index 8e821769..0981ea01 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "workspaces": [
     "packages/*"
   ],
-  "version": "0.2.0-dev0",
+  "version": "0.2.0-dev1",
   "description": "An addon for nbgrader",
   "scripts": {
     "install": "lerna run bootstrap",
diff --git a/packages/api/package.json b/packages/api/package.json
index 935125db..a00bb4ab 100644
--- a/packages/api/package.json
+++ b/packages/api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/api",
-  "version": "0.2.0-dev0",
+  "version": "0.2.0-dev1",
   "main": "lib/index.js",
   "description": "api functions for e2xgrader",
   "scripts": {
diff --git a/packages/assignment-view-celltoolbar/package.json b/packages/assignment-view-celltoolbar/package.json
index d848289f..22bf4f5f 100644
--- a/packages/assignment-view-celltoolbar/package.json
+++ b/packages/assignment-view-celltoolbar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/assignment-view-celltoolbar",
-  "version": "0.2.0-dev0",
+  "version": "0.2.0-dev1",
   "description": "",
   "main": "lib/index.js",
   "scripts": {
@@ -10,8 +10,8 @@
   "author": "Tim Metzler",
   "license": "ISC",
   "dependencies": {
-    "@e2xgrader/cells": "0.2.0-dev0",
-    "@e2xgrader/utils": "0.2.0-dev0"
+    "@e2xgrader/cells": "0.2.0-dev1",
+    "@e2xgrader/utils": "0.2.0-dev1"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",
diff --git a/packages/authoring-menubar/package.json b/packages/authoring-menubar/package.json
index a981cfc7..958abf6e 100644
--- a/packages/authoring-menubar/package.json
+++ b/packages/authoring-menubar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/authoring-menubar",
-  "version": "0.2.0-dev0",
+  "version": "0.2.0-dev1",
   "main": "lib/index.js",
   "description": "a menubar for teachers for creating assignments",
   "scripts": {
@@ -10,9 +10,9 @@
   "author": "TM",
   "license": "MIT",
   "dependencies": {
-    "@e2xgrader/menubar": "0.2.0-dev0",
-    "@e2xgrader/utils": "0.2.0-dev0",
-    "@e2xgrader/api": "0.2.0-dev0"
+    "@e2xgrader/menubar": "0.2.0-dev1",
+    "@e2xgrader/utils": "0.2.0-dev1",
+    "@e2xgrader/api": "0.2.0-dev1"
   },
   "devDependencies": {
     "webpack": "^5.73.0",
diff --git a/packages/cell-extension/package.json b/packages/cell-extension/package.json
index 6c6848d7..59525d68 100644
--- a/packages/cell-extension/package.json
+++ b/packages/cell-extension/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/cell-extension",
-  "version": "0.2.0-dev0",
+  "version": "0.2.0-dev1",
   "description": "",
   "main": "lib/index.js",
   "scripts": {
@@ -10,7 +10,7 @@
   "author": "Tim Metzler",
   "license": "ISC",
   "dependencies": {
-    "@e2xgrader/cells": "0.2.0-dev0"
+    "@e2xgrader/cells": "0.2.0-dev1"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",
diff --git a/packages/cells/package.json b/packages/cells/package.json
index 32b4ed1c..81c30ea7 100644
--- a/packages/cells/package.json
+++ b/packages/cells/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/cells",
-  "version": "0.2.0-dev0",
+  "version": "0.2.0-dev1",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
@@ -10,7 +10,7 @@
   "author": "Tim Metzler",
   "license": "ISC",
   "dependencies": {
-    "@e2xgrader/api": "0.2.0-dev0"
+    "@e2xgrader/api": "0.2.0-dev1"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",
diff --git a/packages/create-assignment-celltoolbar/package.json b/packages/create-assignment-celltoolbar/package.json
index 9ad9b1f8..5c4f9584 100644
--- a/packages/create-assignment-celltoolbar/package.json
+++ b/packages/create-assignment-celltoolbar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/create-assignment-celltoolbar",
-  "version": "0.2.0-dev0",
+  "version": "0.2.0-dev1",
   "description": "",
   "main": "lib/index.js",
   "scripts": {
@@ -10,8 +10,8 @@
   "author": "Tim Metzler",
   "license": "ISC",
   "dependencies": {
-    "@e2xgrader/cells": "0.2.0-dev0",
-    "@e2xgrader/utils": "0.2.0-dev0"
+    "@e2xgrader/cells": "0.2.0-dev1",
+    "@e2xgrader/utils": "0.2.0-dev1"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",
diff --git a/packages/exam-menubar/package.json b/packages/exam-menubar/package.json
index 65374210..4634bb55 100644
--- a/packages/exam-menubar/package.json
+++ b/packages/exam-menubar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/exam-menubar",
-  "version": "0.2.0-dev0",
+  "version": "0.2.0-dev1",
   "main": "lib/index.js",
   "description": "a menubar for students during an exams",
   "scripts": {
@@ -10,8 +10,8 @@
   "author": "TM",
   "license": "MIT",
   "dependencies": {
-    "@e2xgrader/menubar": "0.2.0-dev0",
-    "@e2xgrader/api": "0.2.0-dev0"
+    "@e2xgrader/menubar": "0.2.0-dev1",
+    "@e2xgrader/api": "0.2.0-dev1"
   },
   "devDependencies": {
     "webpack": "^5.73.0",
diff --git a/packages/help-tab/package.json b/packages/help-tab/package.json
index bdfc350a..a11f2b30 100644
--- a/packages/help-tab/package.json
+++ b/packages/help-tab/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/help-tab",
-  "version": "0.2.0-dev0",
+  "version": "0.2.0-dev1",
   "main": "lib/index.js",
   "description": "adds a tab to the Jupyter notebook list that lists additional resources provided by the help app",
   "scripts": {
@@ -10,7 +10,7 @@
   "author": "Tim Metzler",
   "license": "ISC",
   "dependencies": {
-    "@e2xgrader/api": "0.2.0-dev0"
+    "@e2xgrader/api": "0.2.0-dev1"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",
diff --git a/packages/menubar/package.json b/packages/menubar/package.json
index 2093eece..a1f3b8b4 100644
--- a/packages/menubar/package.json
+++ b/packages/menubar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/menubar",
-  "version": "0.2.0-dev0",
+  "version": "0.2.0-dev1",
   "main": "lib/index.js",
   "description": "a menubar for e2xgrader",
   "scripts": {
diff --git a/packages/notebook-extensions/package.json b/packages/notebook-extensions/package.json
index fc87f219..ff4c8dd1 100644
--- a/packages/notebook-extensions/package.json
+++ b/packages/notebook-extensions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/notebook-extensions",
-  "version": "0.2.0-dev0",
+  "version": "0.2.0-dev1",
   "description": "",
   "scripts": {
     "build": "webpack --config webpack.config.js",
@@ -9,14 +9,14 @@
   "author": "Tim Metzler",
   "license": "ISC",
   "dependencies": {
-    "@e2xgrader/cell-extension": "0.2.0-dev0",
-    "@e2xgrader/create-assignment-celltoolbar": "0.2.0-dev0",
-    "@e2xgrader/assignment-view-celltoolbar": "0.2.0-dev0",
-    "@e2xgrader/restricted-assignment-notebook": "0.2.0-dev0",
-    "@e2xgrader/restricted-exam-notebook": "0.2.0-dev0",
-    "@e2xgrader/exam-menubar": "0.2.0-dev0",
-    "@e2xgrader/authoring-menubar": "0.2.0-dev0",
-    "@e2xgrader/utils": "0.2.0-dev0"
+    "@e2xgrader/cell-extension": "0.2.0-dev1",
+    "@e2xgrader/create-assignment-celltoolbar": "0.2.0-dev1",
+    "@e2xgrader/assignment-view-celltoolbar": "0.2.0-dev1",
+    "@e2xgrader/restricted-assignment-notebook": "0.2.0-dev1",
+    "@e2xgrader/restricted-exam-notebook": "0.2.0-dev1",
+    "@e2xgrader/exam-menubar": "0.2.0-dev1",
+    "@e2xgrader/authoring-menubar": "0.2.0-dev1",
+    "@e2xgrader/utils": "0.2.0-dev1"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",
diff --git a/packages/restricted-assignment-notebook/package.json b/packages/restricted-assignment-notebook/package.json
index f140dde8..b01930ae 100644
--- a/packages/restricted-assignment-notebook/package.json
+++ b/packages/restricted-assignment-notebook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/restricted-assignment-notebook",
-  "version": "0.2.0-dev0",
+  "version": "0.2.0-dev1",
   "main": "lib/index.js",
   "description": "utility functions for e2xgrader",
   "scripts": {
@@ -10,7 +10,7 @@
   "author": "TM",
   "license": "MIT",
   "dependencies": {
-    "@e2xgrader/utils": "0.2.0-dev0"
+    "@e2xgrader/utils": "0.2.0-dev1"
   },
   "devDependencies": {
     "webpack": "^5.73.0",
diff --git a/packages/restricted-exam-notebook/package.json b/packages/restricted-exam-notebook/package.json
index 6cf6dafb..e97ee1b4 100644
--- a/packages/restricted-exam-notebook/package.json
+++ b/packages/restricted-exam-notebook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/restricted-exam-notebook",
-  "version": "0.2.0-dev0",
+  "version": "0.2.0-dev1",
   "main": "lib/index.js",
   "description": "utility functions for e2xgrader",
   "scripts": {
@@ -10,7 +10,7 @@
   "author": "TM",
   "license": "MIT",
   "dependencies": {
-    "@e2xgrader/utils": "0.2.0-dev0"
+    "@e2xgrader/utils": "0.2.0-dev1"
   },
   "devDependencies": {
     "webpack": "^5.73.0",
diff --git a/packages/tree-extensions/package.json b/packages/tree-extensions/package.json
index af4762fa..9966bb50 100644
--- a/packages/tree-extensions/package.json
+++ b/packages/tree-extensions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/tree-extensions",
-  "version": "0.2.0-dev0",
+  "version": "0.2.0-dev1",
   "description": "",
   "scripts": {
     "build": "webpack --config webpack.config.js",
@@ -9,7 +9,7 @@
   "author": "Tim Metzler",
   "license": "ISC",
   "dependencies": {
-    "@e2xgrader/help-tab": "0.2.0-dev0"
+    "@e2xgrader/help-tab": "0.2.0-dev1"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",
diff --git a/packages/utils/package.json b/packages/utils/package.json
index beabfaa1..14fb1bf8 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e2xgrader/utils",
-  "version": "0.2.0-dev0",
+  "version": "0.2.0-dev1",
   "main": "lib/index.js",
   "description": "utility functions for e2xgrader",
   "scripts": {
diff --git a/pyproject.toml b/pyproject.toml
index 3c84cc3a..0eb93068 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -67,7 +67,7 @@ artifacts = [
 github_url = "https://github.com/Digiklausur/e2xgrader/"
 
 [tool.tbump.version]
-current = "0.2.0-dev0"
+current = "0.2.0-dev1"
 
 regex = '''
   (?P<major>\d+)