hyperbook 0.84.4 → 0.85.0

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

@@ -1,17 +1,25 @@
+/// <reference path="../hyperbook.types.js" />
+
+/**
+ * GeoGebra math applet integration.
+ * @type {HyperbookGeogebra}
+ * @memberof hyperbook
+ * @see hyperbook.store
+ */
 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);
+      const result = await hyperbook.store.geogebra.get(id);
       if (result && result.state) {
         el.setBase64(result.state);
       }
 
       el.registerUpdateListener(() => {
         el.getBase64((b) => {
-          store.geogebra.put({ id, state: b });
+          hyperbook.store.geogebra.put({ id, state: b });
         });
       });
     }
@@ -33,5 +41,10 @@ hyperbook.geogebra = (function () {
 
   observer.observe(document.body, { childList: true, subtree: true });
 
-  init(document);
+  // Initialize existing elements on document load
+  document.addEventListener("DOMContentLoaded", () => {
+    init(document);
+  });
+
+  return { init };
 })();

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

@@ -1,3 +1,11 @@
+/// <reference path="../hyperbook.types.js" />
+
+/**
+ * H5P interactive content integration.
+ * @type {HyperbookH5p}
+ * @memberof hyperbook
+ * @see hyperbook.store
+ */
 hyperbook.h5p = (function () {
   /**
    * Initialize H5P elements within the given root element.
@@ -7,7 +15,7 @@ hyperbook.h5p = (function () {
   const save = (id) =>
     H5P.getUserData(id, "state", (error, userData) => {
       if (!error) {
-        store.h5p.put({ id, userData });
+        hyperbook.store.h5p.put({ id, userData });
       }
     });
 
@@ -33,7 +41,7 @@ hyperbook.h5p = (function () {
       const src = el.getAttribute("data-src");
       const id = el.getAttribute("data-id");
       if (h5pFrame && src) {
-        const result = await store.h5p.get(id);
+        const result = await hyperbook.store.h5p.get(id);
         const h5pOptions = {
           ...h5pBaseOptions,
           id,
@@ -51,5 +59,26 @@ hyperbook.h5p = (function () {
     }
   };
 
-  init(document);
+  // Initialize existing elements on document load
+  document.addEventListener("DOMContentLoaded", () => {
+    init(document);
+  });
+
+  // Observe for new elements added to the DOM
+  const observer = new MutationObserver((mutations) => {
+    mutations.forEach((mutation) => {
+      mutation.addedNodes.forEach((node) => {
+        if (
+          node.nodeType === 1 &&
+          node.classList.contains("directive-h5p")
+        ) {
+          init(node);
+        }
+      });
+    });
+  });
+
+  observer.observe(document.body, { childList: true, subtree: true });
+
+  return { init, save };
 })();

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

@@ -1,3 +1,11 @@
+/// <reference path="../hyperbook.types.js" />
+
+/**
+ * Learning map visualization and progress tracking.
+ * @type {HyperbookLearningmap}
+ * @memberof hyperbook
+ * @see hyperbook.store
+ */
 hyperbook.learningmap = (function () {
   async function init(root) {
     const elems = root.getElementsByClassName("directive-learningmap");
@@ -5,12 +13,12 @@ hyperbook.learningmap = (function () {
     for (let elem of elems) {
       const map = elem.getElementsByTagName("hyperbook-learningmap")[0];
       if (map) {
-        const result = await store.learningmap.get(elem.id);
+        const result = await hyperbook.store.learningmap.get(elem.id);
         if (result) {
           map.initialState = result;
         }
         map.addEventListener("change", function (event) {
-          store.learningmap
+          hyperbook.store.learningmap
             .update(elem.id, {
               id: elem.id,
               nodes: event.detail.nodes,
@@ -20,7 +28,7 @@ hyperbook.learningmap = (function () {
             })
             .then((updated) => {
               if (updated == 0) {
-                store.learningmap.put({
+                hyperbook.store.learningmap.put({
                   id: elem.id,
                   nodes: event.detail.nodes,
                   x: event.detail.x,

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

@@ -1,3 +1,10 @@
+/// <reference path="../hyperbook.types.js" />
+
+/**
+ * Mermaid diagram rendering.
+ * @type {HyperbookMermaid}
+ * @memberof hyperbook
+ */
 hyperbook.mermaid = (function () {
   const elementCode = ".directive-mermaid";
 
@@ -69,7 +76,10 @@ hyperbook.mermaid = (function () {
     });
   };
 
-  init();
+  // Initialize existing elements on document load
+  document.addEventListener("DOMContentLoaded", () => {
+    init();
+  });
 
   // Observe for new elements added to the DOM
   const observer = new MutationObserver((mutations) => {

package/dist/assets/directive-multievent/multievent.js

@@ -204,14 +204,14 @@ var multievent = {
       });
     }
     
-    await store.multievent.put({
+    await hyperbook.store.multievent.put({
       id: "multievent_" + clNr + "_" + window.location.pathname,
       state: JSON.stringify(state)
     });
   },
   loadState: async function (clNr) {
     try {
-      var record = await store.multievent.get("multievent_" + clNr + "_" + window.location.pathname);
+      var record = await hyperbook.store.multievent.get("multievent_" + clNr + "_" + window.location.pathname);
       if (!record) return false;
       
       var state = JSON.parse(record.state);

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

@@ -1,3 +1,10 @@
+/// <reference path="../hyperbook.types.js" />
+
+/**
+ * Online IDE integration.
+ * @type {HyperbookOnlineide}
+ * @memberof hyperbook
+ */
 hyperbook.onlineide = (function () {
   /**
    * @param {HTMLElement} el