@zenuml/core 3.27.10 → 3.27.12

package/dist/{zoom-in.c8fc5e0f.js → zoom-in.51811ef7.js}

@@ -1,4 +1,4 @@
-import { o as c, c as e, a as o } from "./core.5d747191.js";
+import { o as c, c as e, a as o } from "./core.d2435cf8.js";
 const s = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
@@ -20,4 +20,4 @@ export {
   _ as default,
   l as render
 };
-//# sourceMappingURL=zoom-in.c8fc5e0f.js.map
+//# sourceMappingURL=zoom-in.51811ef7.js.map

package/dist/{zoom-out.32596871.js → zoom-out.4f76068f.js}

@@ -1,4 +1,4 @@
-import { o as t, c, a as o } from "./core.5d747191.js";
+import { o as t, c, a as o } from "./core.d2435cf8.js";
 const e = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
@@ -20,4 +20,4 @@ export {
   h as default,
   s as render
 };
-//# sourceMappingURL=zoom-out.32596871.js.map
+//# sourceMappingURL=zoom-out.4f76068f.js.map

package/index.html

@@ -7,7 +7,6 @@
       as="style"
       href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;700&display=swap"
     />
-    <!--    <link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;700&display=swap'>-->
     <style id="zenumlstyle">
       /* Prefix your CSS rules with `#diagram` */
       /*@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap');*/
@@ -79,70 +78,48 @@
           class="col-span-1 m-1 border-2"
           cols="30"
           rows="200"
-          oninput="updateCode(this.value)"
         ></textarea>
       </div>
       <div class="col-span-4">
         <pre class="zenuml" style="margin: 0"></pre>
       </div>
     </div>
-    <script>
+    <script type="module">
+      import { waitUntil, debounce } from "./src/utils.ts";
+      import { createConfig } from "./src/config.ts";
+
       const editor = CodeMirror.fromTextArea(document.getElementById("text"), {
         lineNumbers: true,
         singleCursorHeightPerLine: false,
       });
 
-      // implement a waitUntil function
-      function waitUntil(condition, callback) {
-        if (condition()) {
-          callback();
-        } else {
-          setTimeout(function () {
-            waitUntil(condition, callback);
-          }, 100);
-        }
-      }
+      const updateDiagram = debounce((content) => {
+        const config = createConfig({
+          onContentChange: (code) => editor.setValue(code),
+        });
+
+        window.zenUml.render(content, config).then((r) => {
+          window.parentLogger
+            .child({ name: "index.html" })
+            .debug("render resolved", r);
+        });
+      }, 500);
 
       editor.on("change", function (cm) {
         waitUntil(
+          () => window.zenUml,
           () => {
-            return window.zenUml;
+            updateDiagram(cm.getValue());
+            // Save to localStorage
+            localStorage.setItem("zenuml-cm-code", cm.getValue());
           },
-          (() => {
-            let timer = 0;
-            return () => {
-              clearTimeout(timer);
-              timer = setTimeout(() => {
-                const theme =
-                  localStorage.getItem(`${location.hostname}-zenuml-theme`) ||
-                  "theme-default";
-                window.zenUml
-                  .render(cm.getValue(), {
-                    theme,
-                    onContentChange: (code) => editor.setValue(code),
-                    onThemeChange: ({ theme }) => {
-                      localStorage.setItem(
-                        `${location.hostname}-zenuml-theme`,
-                        theme,
-                      );
-                    },
-                  })
-                  .then((r) => {
-                    window.parentLogger
-                      .child({ name: "index.html" })
-                      .debug("render resolved", r);
-                  });
-              }, 500);
-            };
-          })(),
         );
-        // write cm.getValue() to localStorage
-        localStorage.setItem("zenuml-cm-code", cm.getValue());
       });
-      // read localStorage and set to code mirror
-      const code = localStorage.getItem("zenuml-cm-code");
-      if (code) {
-        editor.setValue(code);
+
+      // Load saved code from localStorage
+      const savedCode = localStorage.getItem("zenuml-cm-code");
+      if (savedCode) {
+        editor.setValue(savedCode);
       }
     </script>
     <script type="module" src="./src/main.ts"></script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zenuml/core",
-  "version": "3.27.10",
+  "version": "3.27.12",
   "private": false,
   "license": "MIT",
   "repository": {
@@ -60,7 +60,7 @@
     "pino": "^8.8.0",
     "postcss": "^8.4.31",
     "ramda": "^0.28.0",
-    "tailwindcss": "^3.2.4",
+    "tailwindcss": "^3.4.17",
     "vue": "^3.2.45",
     "vuex": "^4.1.0"
   },