@hyperbook/markdown 0.25.0 → 0.25.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;
       }

package/dist/index.js

@@ -73790,26 +73790,30 @@ var remarkDirectiveGeogebra_default = (ctx) => () => {
       if (isDirective(node3)) {
         if (node3.name !== name) return;
         const data = node3.data || (node3.data = {});
+        const {
+          src = "",
+          id = hash(node3),
+          height = 600,
+          width = 800,
+          showFullscreenButton = true,
+          showResetIcon = true,
+          ...props
+        } = node3.attributes || {};
         registerDirective(
           file,
           name,
           [
             "https://www.geogebra.org/apps/deployggb.js",
-            "geogebra-web-component.js"
+            "geogebra-web-component.js",
+            "client.js"
           ],
           ["style.css"]
         );
-        const { src, ...props } = node3.attributes || {};
         data.hName = "div";
         data.hProperties = {
-          class: "directive-geogebra"
+          class: "directive-geogebra",
+          style: `max-height: ${height}px; max-width: ${width}px; aspect-ratio: ${width}/${height};`
         };
-        if (!src && !props.width) {
-          props.width = "800";
-        }
-        if (!src && !props.height) {
-          props.height = "600";
-        }
         const value = toText2(node3);
         data.hChildren = [
           {
@@ -73817,8 +73821,16 @@ var remarkDirectiveGeogebra_default = (ctx) => () => {
             tagName: "hyperbook-geogebra",
             properties: {
               ...props,
+              height,
+              width,
               borderRadius: 8,
-              material: src ? ctx.makeUrl(src, "public") : void 0
+              material: src ? ctx.makeUrl(src, "public") : void 0,
+              language: ctx.config.language || "en",
+              "data-id": id,
+              showFullscreenButton,
+              scaleContainerClass: "directive-geogebra",
+              allowUpscale: true,
+              showResetIcon
             },
             children: [
               {