@draftably/runtime 0.2.0 → 0.3.0

package/dist/viewer.js

@@ -1,5 +1,7 @@
-import { r as ce, F as ee } from "./render-ZzhO-2H6.js";
-import { f as Ee, a as ke } from "./render-ZzhO-2H6.js";
+import { r as ce } from "./render-Dgo42PR4.js";
+import { a as ke } from "./render-Dgo42PR4.js";
+import { F as ee } from "./compile-Csfz4rk4.js";
+import { h as Ae } from "./compile-Csfz4rk4.js";
 const de = "http://www.w3.org/2000/svg", le = new Set(
   "svg title desc metadata defs style marker g a path rect ellipse circle line polyline polygon text tspan".split(
     " "
@@ -84,7 +86,7 @@ function K(y, c, V) {
     diagnostics: [{ code: c, severity: "error", message: V, itemIds: [] }]
   };
 }
-function ve(y, c = {}) {
+function be(y, c = {}) {
   const V = y?.ownerDocument?.defaultView;
   if (!V || !(y instanceof V.HTMLElement))
     throw new TypeError("host must be an HTMLElement.");
@@ -102,9 +104,9 @@ function ve(y, c = {}) {
   const w = s.createElement("ol");
   w.className = "draft-viewer__outline", w.setAttribute("aria-label", "Diagram outline"), l.append(b, o, f, w), y.append(l);
   const p = `draftViewer${(++me).toString(36)}${Math.random().toString(36).slice(2, 9)}`;
-  let m = 0, x = !1, a = { centerX: 0, centerY: 0, zoom: 1 }, _ = !1, u, F, q, te = 0;
-  const N = /* @__PURE__ */ new Map(), G = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map(), L = (e, r) => {
-    for (const t of G.get(e) ?? [])
+  let m = 0, x = !1, a = { centerX: 0, centerY: 0, zoom: 1 }, _ = !1, u, C, q, te = 0;
+  const N = /* @__PURE__ */ new Map(), U = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map(), L = (e, r) => {
+    for (const t of U.get(e) ?? [])
       try {
         t(r);
       } catch {
@@ -161,9 +163,9 @@ function ve(y, c = {}) {
     if (!g) throw new Error("The browser cannot load embedded diagram fonts.");
     return Promise.all(
       S.map(async (n) => {
-        const h = `${n.family}:${n.weight}`, C = N.get(h);
-        if (C?.status === "loaded" && Array.from(s.fonts).includes(C))
-          return { key: h, face: C };
+        const h = `${n.family}:${n.weight}`, F = N.get(h);
+        if (F?.status === "loaded" && Array.from(s.fonts).includes(F))
+          return { key: h, face: F };
         const d = new g(n.family, `url("${n.data}")`, { weight: n.weight });
         if (await d.load(), d.status !== "loaded")
           throw new Error(`Embedded font ${n.family} ${n.weight} did not load.`);
@@ -172,12 +174,12 @@ function ve(y, c = {}) {
     );
   }, z = (e) => {
     const r = q;
-    q = void 0, r && (v.clearTimeout(r.timer), r.cleanup(), r.finish(void 0, e ?? new Error("Viewer render was cancelled."))), F?.terminate(), F = void 0;
+    q = void 0, r && (v.clearTimeout(r.timer), r.cleanup(), r.finish(void 0, e ?? new Error("Viewer render was cancelled."))), C?.terminate(), C = void 0;
   }, ae = (e, r, t) => (c.execution ?? { mode: "worker" }).mode === "main" ? ce(e, { ...r, signal: t }) : new Promise((S, g) => {
     const n = ++te;
     let h = !1;
-    const C = () => {
-      F && (F.removeEventListener("message", E), F.removeEventListener("error", W), F.removeEventListener("messageerror", U), t?.removeEventListener("abort", H));
+    const F = () => {
+      C && (C.removeEventListener("message", E), C.removeEventListener("error", W), C.removeEventListener("messageerror", G), t?.removeEventListener("abort", H));
     }, d = (k, D) => {
       if (h) return;
       h = !0;
@@ -187,18 +189,18 @@ function ve(y, c = {}) {
       k.data?.id === n && d(k.data.result);
     }, W = (k) => {
       k.preventDefault(), z(new Error(k.message || "Viewer render worker failed."));
-    }, U = () => z(new Error("Viewer render worker returned an unreadable result.")), H = () => z(new Error("Viewer render was aborted."));
+    }, G = () => z(new Error("Viewer render worker returned an unreadable result.")), H = () => z(new Error("Viewer render was aborted."));
     try {
-      F ??= c.execution?.mode === "worker" && c.execution.createWorker ? c.execution.createWorker() : new Worker(new URL(
+      C ??= c.execution?.mode === "worker" && c.execution.createWorker ? c.execution.createWorker() : new Worker(new URL(
         /* @vite-ignore */
-        "" + new URL("assets/render.worker-fWW85Tf9.js", import.meta.url).href,
+        "" + new URL("assets/render.worker-dvseyGmC.js", import.meta.url).href,
         import.meta.url
-      ), { type: "module" }), F.addEventListener("message", E), F.addEventListener("error", W), F.addEventListener("messageerror", U), t?.addEventListener("abort", H, { once: !0 });
+      ), { type: "module" }), C.addEventListener("message", E), C.addEventListener("error", W), C.addEventListener("messageerror", G), t?.addEventListener("abort", H, { once: !0 });
       const k = c.execution?.mode === "worker" ? c.execution.timeoutMs ?? 5e3 : 5e3, D = v.setTimeout(
         () => z(new Error("Viewer render worker timed out.")),
         k
       );
-      q = { id: n, timer: D, finish: d, cleanup: C }, F.postMessage({ id: n, source: e, options: r });
+      q = { id: n, timer: D, finish: d, cleanup: F }, C.postMessage({ id: n, source: e, options: r });
     } catch (k) {
       z(
         k instanceof Error ? k : new Error("Viewer render worker could not start.")
@@ -276,14 +278,14 @@ function ve(y, c = {}) {
           return;
         }
         r.signal?.addEventListener("abort", h, { once: !0 });
-        const C = {
+        const F = {
           ...c.render ?? {},
           target: "inline",
           idPrefix: p,
           fonts: c.render?.fonts ?? "embed",
           ...r.state !== void 0 ? { state: r.state } : {}
         };
-        ae(e, C, r.signal).then(async (d) => {
+        ae(e, F, r.signal).then(async (d) => {
           if (x || t !== m || r.signal?.aborted) {
             n({ status: "superseded", revision: t });
             return;
@@ -294,7 +296,7 @@ function ve(y, c = {}) {
           }
           let E;
           try {
-            E = await oe(d.value.svg, C.fonts ?? "embed");
+            E = await oe(d.value.svg, F.fonts ?? "embed");
           } catch (i) {
             if (x || t !== m || r.signal?.aborted) {
               n({
@@ -317,18 +319,18 @@ function ve(y, c = {}) {
           }
           let W;
           try {
-            W = ge(s, d.value.svg, C.fonts !== "host");
+            W = ge(s, d.value.svg, F.fonts !== "host");
           } catch (i) {
             const $ = i instanceof Error ? i.message : "Could not build safe SVG.", M = K("internal", "DRAFT_VIEWER_DOM", $);
             X(t, M.diagnostics), n({ status: "error", revision: t, error: M });
             return;
           }
-          const U = [];
+          const G = [];
           try {
             for (const i of E)
-              N.has(i.key) || (s.fonts.add(i.face), N.set(i.key, i.face), U.push(i));
+              N.has(i.key) || (s.fonts.add(i.face), N.set(i.key, i.face), G.push(i));
           } catch (i) {
-            for (const { key: M, face: Z } of U)
+            for (const { key: M, face: Z } of G)
               s.fonts.delete(Z), N.delete(M);
             const $ = K(
               "environment",
@@ -396,8 +398,8 @@ function ve(y, c = {}) {
     on(e, r) {
       if (x) return () => {
       };
-      const t = G.get(e) ?? /* @__PURE__ */ new Set();
-      return t.add(r), G.set(e, t), () => t.delete(r);
+      const t = U.get(e) ?? /* @__PURE__ */ new Set();
+      return t.add(r), U.set(e, t), () => t.delete(r);
     },
     getCamera: () => ({ ...a }),
     setCamera(e) {
@@ -426,13 +428,13 @@ function ve(y, c = {}) {
           r.resolve({ status: "destroyed", revision: e });
         B.clear(), z(new Error("Viewer was destroyed."));
         for (const e of N.values()) s.fonts.delete(e);
-        N.clear(), J.disconnect(), G.clear(), y.replaceChildren(), u = void 0;
+        N.clear(), J.disconnect(), U.clear(), y.replaceChildren(), u = void 0;
       }
     }
   };
 }
 export {
-  Ee as fontMetricsVersion,
-  ve as mountViewer,
+  Ae as fontMetricsVersion,
+  be as mountViewer,
   ke as runtimeVersion
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftably/runtime",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "private": false,
   "description": "Portable native Draftably SVG rendering, validation, and optional viewer.",
   "type": "module",
@@ -26,6 +26,10 @@
       "types": "./dist/types/src/runtime/element.d.ts",
       "import": "./dist/element.js"
     },
+    "./graph": {
+      "types": "./dist/types/src/graph-api/index.d.ts",
+      "import": "./dist/graph.js"
+    },
     "./viewer.css": "./dist/viewer.css",
     "./fonts.css": "./dist/fonts.css",
     "./browser": {