hyperbook 0.50.0 → 0.50.2

package/dist/assets/client.js

@@ -15,6 +15,7 @@ var hyperbook = (function () {
         });
       }
       collapsible.addEventListener("click", () => {
+        window.dispatchEvent(new Event("resize")); // geogebra new this in order resize the applet
         collapsible.classList.toggle("expanded");
         if (id) {
           store.collapsibles.get(id).then((result) => {

package/dist/assets/directive-geogebra/client.js

@@ -0,0 +1,37 @@
+hyperbook.geogebra = (function () {
+  async function init(root) {
+    const els = root.getElementsByTagName("hyperbook-geogebra");
+    for (const el of els) {
+      const id = el.getAttribute("data-id");
+
+      const result = await store.geogebra.get(id);
+      if (result && result.state) {
+        el.setBase64(result.state);
+      }
+
+      el.registerUpdateListener(() => {
+        el.getBase64((b) => {
+          store.geogebra.put({ id, state: b });
+        });
+      });
+    }
+  }
+
+  const observer = new MutationObserver((mutations) => {
+    mutations.forEach((mutation) => {
+      mutation.addedNodes.forEach((node) => {
+        if (
+          node.nodeType === 1 &&
+          node.classList.contains("directive-geogebra")
+        ) {
+          // Element node
+          init(node);
+        }
+      });
+    });
+  });
+
+  observer.observe(document.body, { childList: true, subtree: true });
+
+  init(document);
+})();

package/dist/assets/directive-geogebra/style.css

@@ -1,10 +1,3 @@
 .directive-geogebra {
-  display: flex;
-  justify-content: center;
-  margin-bottom: 12px;
-}
-
-.directive-geogebra hyperbook-geogebra {
-  overflow: hidden;
-  border-radius: 8px;
+  margin: 12px auto;
 }

package/dist/assets/store.js

@@ -25,6 +25,7 @@ store.version(1).stores({
   excalidraw: `id,excalidrawElements,appState,files`,
   webide: `id,html,css,js`,
   h5p: `id,userData`,
+  geogebra: `id,state`,
 });
 var sqlIdeDB = new Dexie("SQL-IDE");
 sqlIdeDB.version(0.1).stores({
@@ -130,7 +131,7 @@ async function hyperbookImport() {
         alert(
           i18n.get("store-not-supported-file-version", {
             version: data.version,
-          })
+          }),
         );
         return;
       }