@malloy-publisher/app 0.0.77 → 0.0.78

package/dist/RenderedResult-BAZuT25g-D9KeGh71.cjs

@@ -0,0 +1 @@
+"use strict";var b=Object.create;var p=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var C=(e,t,n,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of v(t))!j.call(e,i)&&i!==n&&p(e,i,{get:()=>t[i],enumerable:!(l=m(t,i))||l.enumerable});return e};var E=(e,t,n)=>(n=e!=null?b(x(e)):{},C(t||!e||!e.__esModule?p(n,"default",{value:e,enumerable:!0}):n,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),f=require("react"),L=async e=>{if(typeof window>"u")throw new Error("MalloyRenderer can only be used in browser environment");const{MalloyRenderer:t}=await import("@malloydata/render");return new t({onClick:e}).createViz()};function N({result:e,height:t,isFillElement:n,onSizeChange:l,onDrill:i}){const d=f.useRef(null),[g,h]=f.useState(!1);return f.useLayoutEffect(()=>{if(!d.current||!e)return;let r=!0;const o=d.current;for(;o.firstChild;)o.removeChild(o.firstChild);return L(i).then(u=>{if(!r)return;const s=new MutationObserver(c=>{for(const y of c)if(y.type==="childList"&&y.addedNodes.length>0&&Array.from(y.addedNodes).some(w=>w.nodeType===Node.ELEMENT_NODE)){s.disconnect(),setTimeout(()=>{r&&h(!0)},50);break}});s.observe(o,{childList:!0,subtree:!0,characterData:!0});try{u.setResult(JSON.parse(e)),u.render(o)}catch(c){console.error("Error rendering visualization:",c),s.disconnect(),r&&h(!0)}}).catch(u=>{console.error("Failed to create renderer:",u),r&&h(!0)}),()=>{r=!1}},[e,i]),f.useEffect(()=>{if(!d.current||!g)return;const r=d.current,o=()=>{if(r){const c=r.offsetHeight;c>0?l&&l(c):n&&r.firstChild&&(r.firstChild.offsetHeight==0?n(!0):n(!1))}},u=setTimeout(o,100);let s=null;return s=new MutationObserver(o),s.observe(r,{childList:!0,subtree:!0,attributes:!0}),()=>{clearTimeout(u),s?.disconnect()}},[l,e,n,g]),a.jsx("div",{ref:d,style:{width:"100%",height:t?`${t}px`:"100%"}})}function M(e){return typeof window>"u"?a.jsx("div",{style:{width:"100%",height:e.height?`${e.height}px`:"100%",display:"flex",alignItems:"center",justifyContent:"center",color:"#666"},children:"Loading..."}):a.jsx(f.Suspense,{fallback:a.jsx("div",{style:{width:"100%",height:e.height?`${e.height}px`:"100%",display:"flex",alignItems:"center",justifyContent:"center",color:"#666"},children:"Loading visualization..."}),children:a.jsx(N,{...e})})}exports.default=M;

package/dist/RenderedResult-BAZuT25g-zsmphQm1.js

@@ -0,0 +1,117 @@
+import { jsx as l } from "react/jsx-runtime";
+import { Suspense as p, useRef as m, useState as w, useLayoutEffect as b, useEffect as v } from "react";
+const C = async (e) => {
+  if (typeof window > "u")
+    throw new Error("MalloyRenderer can only be used in browser environment");
+  const { MalloyRenderer: u } = await import("@malloydata/render");
+  return new u({
+    onClick: e
+  }).createViz();
+};
+function E({
+  result: e,
+  height: u,
+  isFillElement: c,
+  onSizeChange: d,
+  onDrill: h
+}) {
+  const s = m(null), [y, a] = w(!1);
+  return b(() => {
+    if (!s.current || !e) return;
+    let t = !0;
+    const r = s.current;
+    for (; r.firstChild; )
+      r.removeChild(r.firstChild);
+    return C(h).then((i) => {
+      if (!t) return;
+      const n = new MutationObserver((o) => {
+        for (const f of o)
+          if (f.type === "childList" && f.addedNodes.length > 0 && Array.from(f.addedNodes).some(
+            (g) => g.nodeType === Node.ELEMENT_NODE
+          )) {
+            n.disconnect(), setTimeout(() => {
+              t && a(!0);
+            }, 50);
+            break;
+          }
+      });
+      n.observe(r, {
+        childList: !0,
+        subtree: !0,
+        characterData: !0
+      });
+      try {
+        i.setResult(JSON.parse(e)), i.render(r);
+      } catch (o) {
+        console.error("Error rendering visualization:", o), n.disconnect(), t && a(!0);
+      }
+    }).catch((i) => {
+      console.error("Failed to create renderer:", i), t && a(!0);
+    }), () => {
+      t = !1;
+    };
+  }, [e, h]), v(() => {
+    if (!s.current || !y) return;
+    const t = s.current, r = () => {
+      if (t) {
+        const o = t.offsetHeight;
+        o > 0 ? d && d(o) : c && t.firstChild && (t.firstChild.offsetHeight == 0 ? c(!0) : c(!1));
+      }
+    }, i = setTimeout(r, 100);
+    let n = null;
+    return n = new MutationObserver(r), n.observe(t, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0
+    }), () => {
+      clearTimeout(i), n?.disconnect();
+    };
+  }, [d, e, c, y]), /* @__PURE__ */ l(
+    "div",
+    {
+      ref: s,
+      style: {
+        width: "100%",
+        height: u ? `${u}px` : "100%"
+      }
+    }
+  );
+}
+function N(e) {
+  return typeof window > "u" ? /* @__PURE__ */ l(
+    "div",
+    {
+      style: {
+        width: "100%",
+        height: e.height ? `${e.height}px` : "100%",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        color: "#666"
+      },
+      children: "Loading..."
+    }
+  ) : /* @__PURE__ */ l(
+    p,
+    {
+      fallback: /* @__PURE__ */ l(
+        "div",
+        {
+          style: {
+            width: "100%",
+            height: e.height ? `${e.height}px` : "100%",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            color: "#666"
+          },
+          children: "Loading visualization..."
+        }
+      ),
+      children: /* @__PURE__ */ l(E, { ...e })
+    }
+  );
+}
+export {
+  N as default
+};