@marimo-team/islands 0.21.2-dev2 → 0.21.2-dev20

package/dist/main.js

@@ -29325,6 +29325,8 @@ ${c.sqlString}
   var NotebookLanguageServerClient = (_a = class {
     constructor(e, r, c = defaultGetNotebookEditors) {
       __publicField(this, "completionItemCache", new LRUCache(10));
+      __publicField(this, "latestDiagnosticsVersion", null);
+      __publicField(this, "forwardedDiagnosticsVersion", 0);
       this.documentUri = getLSPDocument(), this.getNotebookEditors = c, this.initialSettings = r, this.client = e, this.patchProcessNotification(), this.initializePromise.then(() => {
         invariant(isClientWithNotify(this.client), "notify is not a method on the client"), this.client.notify("workspace/didChangeConfiguration", {
           settings: r
@@ -29372,7 +29374,7 @@ ${c.sqlString}
         settings: this.initialSettings
       });
       let { lens: e, version: r } = this.snapshotter.snapshot();
-      await this.client.textDocumentDidOpen({
+      this.latestDiagnosticsVersion = null, this.forwardedDiagnosticsVersion = 0, await this.client.textDocumentDidOpen({
         textDocument: {
           languageId: "python",
           text: e.mergedText,
@@ -29570,39 +29572,49 @@ ${c.sqlString}
       invariant("processNotification" in this.client, "processNotification is not a method on the client");
       let r = this.client.processNotification.bind(this.client), c = (c2) => {
         if (c2.method === "textDocument/publishDiagnostics") {
+          let d = c2.params.version;
+          if (d != null) {
+            let e = this.latestDiagnosticsVersion;
+            if (e !== null && Number.isFinite(d) && d < e) {
+              Logger.debug("[lsp] dropping stale diagnostics notification", c2);
+              return;
+            }
+            this.latestDiagnosticsVersion = d;
+          }
           Logger.debug("[lsp] handling diagnostics", c2);
-          let d = this.snapshotter.getLatestSnapshot(), f = c2.params.diagnostics, { lens: _, version: v } = d, y = /* @__PURE__ */ new Map();
-          for (let e of f) for (let r2 of _.cellIds) if (_.isInRange(e.range, r2)) {
-            y.has(r2) || y.set(r2, []);
+          let f = this.snapshotter.getLatestSnapshot(), _ = c2.params.diagnostics, { lens: v } = f, y = ++this.forwardedDiagnosticsVersion, S = /* @__PURE__ */ new Map();
+          for (let e of _) for (let r2 of v.cellIds) if (v.isInRange(e.range, r2)) {
+            S.has(r2) || S.set(r2, []);
             let c3 = {
               ...e,
-              range: _.reverseRange(e.range, r2)
+              range: v.reverseRange(e.range, r2)
             };
-            y.get(r2).push(c3);
+            S.get(r2).push(c3);
             break;
           }
-          let S = new Set(_.cellIds);
-          _a.pruneSeenCellUris(S);
-          let w = new Set(_a.SEEN_CELL_DOCUMENT_URIS);
-          for (let [e, d2] of y.entries()) {
+          let w = new Set(v.cellIds);
+          _a.pruneSeenCellUris(w);
+          let E = new Set(_a.SEEN_CELL_DOCUMENT_URIS);
+          for (let [e, d2] of S.entries()) {
             Logger.debug("[lsp] diagnostics for cell", e, d2);
             let f2 = CellDocumentUri.of(e);
-            w.delete(f2), r({
+            E.delete(f2), r({
               ...c2,
               params: {
                 ...c2.params,
                 uri: f2,
-                version: v,
+                version: y,
                 diagnostics: d2
               }
             });
           }
-          if (w.size > 0) {
-            Logger.debug("[lsp] clearing diagnostics", w);
-            for (let e of w) r({
+          if (E.size > 0) {
+            Logger.debug("[lsp] clearing diagnostics", E);
+            for (let e of E) r({
               method: "textDocument/publishDiagnostics",
               params: {
                 uri: e,
+                version: y,
                 diagnostics: []
               }
             });
@@ -32264,12 +32276,14 @@ ${c.sqlString}
       afterCursorCode: getEditorCodeAsPython(e, v)
     };
   }
-  var TEMPORARY_ATTRIBUTE = "data-temp-href-target";
-  purify.addHook("beforeSanitizeAttributes", (e) => {
-    e.tagName === "A" && (e.hasAttribute("target") || e.setAttribute("target", "_self"), e.hasAttribute("target") && e.setAttribute(TEMPORARY_ATTRIBUTE, e.getAttribute("target") || ""));
-  }), purify.addHook("afterSanitizeAttributes", (e) => {
-    e.tagName === "A" && e.hasAttribute(TEMPORARY_ATTRIBUTE) && (e.setAttribute("target", e.getAttribute(TEMPORARY_ATTRIBUTE) || ""), e.removeAttribute(TEMPORARY_ATTRIBUTE), e.getAttribute("target") === "_blank" && e.setAttribute("rel", "noopener noreferrer"));
-  });
+  if (typeof document < "u") {
+    let e = "data-temp-href-target";
+    purify.addHook("beforeSanitizeAttributes", (r) => {
+      r.tagName === "A" && (r.hasAttribute("target") || r.setAttribute("target", "_self"), r.hasAttribute("target") && r.setAttribute(e, r.getAttribute("target") || ""));
+    }), purify.addHook("afterSanitizeAttributes", (r) => {
+      r.tagName === "A" && r.hasAttribute(e) && (r.setAttribute("target", r.getAttribute(e) || ""), r.removeAttribute(e), r.getAttribute("target") === "_blank" && r.setAttribute("rel", "noopener noreferrer"));
+    });
+  }
   function sanitizeHtml(e) {
     let r = {
       USE_PROFILES: {
@@ -58976,9 +58990,16 @@ ${r}
   }
   var isSlotElement = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", isSVGElement = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
   async function cloneChildren(e, r, c) {
+    var _a3;
     if (isSVGElement(r)) return r;
     let d = [];
-    return d = isSlotElement(e) && e.assignedNodes ? toArray(e.assignedNodes()) : toArray((e.shadowRoot ?? e).childNodes), d.length === 0 || isInstanceOfElement(e, HTMLVideoElement) || await d.reduce((e2, d2) => e2.then(() => cloneNode(d2, c)).then((e3) => {
+    if (isSlotElement(e) && e.assignedNodes) d = toArray(e.assignedNodes());
+    else if (isInstanceOfElement(e, HTMLIFrameElement)) try {
+      ((_a3 = e.contentDocument) == null ? void 0 : _a3.body) && (d = toArray(e.contentDocument.body.childNodes));
+    } catch {
+    }
+    else d = toArray((e.shadowRoot ?? e).childNodes);
+    return d.length === 0 || isInstanceOfElement(e, HTMLVideoElement) || await d.reduce((e2, d2) => e2.then(() => cloneNode(d2, c)).then((e3) => {
       e3 && r.appendChild(e3);
     }), Promise.resolve()), r;
   }
@@ -59190,12 +59211,13 @@ ${r}
     return getWebFontRules(await getCSSRules(toArray(e.ownerDocument.styleSheets), r));
   }
   function normalizeFontFamily(e) {
-    return e.trim().replace(/["']/g, "");
+    return (e || "").trim().replace(/["']/g, "");
   }
   function getUsedFonts(e) {
     let r = /* @__PURE__ */ new Set();
     function c(e2) {
-      (e2.style.fontFamily || getComputedStyle(e2).fontFamily).split(",").forEach((e3) => {
+      let d = e2.style.fontFamily || getComputedStyle(e2).fontFamily;
+      d && d.split(",").forEach((e3) => {
         r.add(normalizeFontFamily(e3));
       }), Array.from(e2.children).forEach((e3) => {
         e3 instanceof HTMLElement && c(e3);
@@ -59211,7 +59233,7 @@ ${r}
     }))).join("\n");
   }
   async function embedWebFonts(e, r) {
-    let c = r.fontEmbedCSS == null ? r.skipFonts ? null : await getWebFontCSS(e, r) : r.fontEmbedCSS, d = r.extraStyleContent == null ? c : r.extraStyleContent.concat(c || "");
+    let c = r.fontEmbedCSS == null ? r.skipFonts ? null : await getWebFontCSS(e, r) : r.fontEmbedCSS, d = r.extraStyleContent == null ? c : (c || "").concat(r.extraStyleContent);
     if (d) {
       let r2 = document.createElement("style"), c2 = document.createTextNode(d);
       r2.appendChild(c2), e.firstChild ? e.insertBefore(r2, e.firstChild) : e.appendChild(r2);
@@ -59240,6 +59262,7 @@ ${r}
         return Logger.error("Error filtering node:", e2), true;
       }
     },
+    imagePlaceholder: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQI12NgAAIABQABNjN9GQAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAAA0lEQVQI12P4z8BQDwAEgAF/QualIQAAAABJRU5ErkJggg==",
     onImageErrorHandler: (e) => {
       Logger.error("Error loading image:", e);
     },
@@ -59423,10 +59446,10 @@ Defaulting to \`null\`.`;
     d && (v = d(r));
     try {
       downloadByURL(await toPng(r), Filenames.toPNG(c));
-    } catch {
-      toast({
-        title: "Error",
-        description: "Failed to download as PNG.",
+    } catch (e2) {
+      Logger.error("Error downloading as PNG", e2), toast({
+        title: "Failed to download as PNG",
+        description: prettyError(e2),
         variant: "danger"
       });
     } finally {
@@ -70777,7 +70800,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.21.2-dev2"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.21.2-dev20"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime$89 = require_compiler_runtime();
   function useKeydownOnElement(e, r) {
@@ -93082,7 +93105,7 @@ ${c}
       });
     }
   }, SliderComponent = (e) => {
-    let r = (0, import_compiler_runtime$26.c)(55), { label: c, setValue: d, value: f, start: _, stop: v, step: y, debounce: S, orientation: w, showValue: E, fullWidth: O, valueMap: M, includeInput: I, disabled: z } = e, G = (0, import_react.useId)(), { locale: q } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [IY, LY] = (0, import_react.useState)(f), RY, zY;
+    let r = (0, import_compiler_runtime$26.c)(54), { label: c, setValue: d, value: f, start: _, stop: v, step: y, debounce: S, orientation: w, showValue: E, fullWidth: O, valueMap: M, includeInput: I, disabled: z } = e, G = (0, import_react.useId)(), { locale: q } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [IY, LY] = (0, import_react.useState)(f), RY, zY;
     r[0] === f ? (RY = r[1], zY = r[2]) : (RY = () => {
       LY(f);
     }, zY = [
@@ -93128,10 +93151,10 @@ ${c}
       })
     }), r[27] = IY, r[28] = q, r[29] = E, r[30] = M, r[31] = ZY) : ZY = r[31];
     let QY;
-    r[32] !== S || r[33] !== z || r[34] !== I || r[35] !== IY || r[36] !== c || r[37] !== d || r[38] !== _ || r[39] !== y || r[40] !== v || r[41] !== M ? (QY = I && (0, import_jsx_runtime.jsx)(NumberField, {
+    r[32] !== z || r[33] !== I || r[34] !== IY || r[35] !== c || r[36] !== d || r[37] !== _ || r[38] !== y || r[39] !== v || r[40] !== M ? (QY = I && (0, import_jsx_runtime.jsx)(NumberField, {
       value: M(IY),
       onChange: (e2) => {
-        (e2 == null || Number.isNaN(e2)) && (e2 = Number(_)), LY(e2), S || d(e2);
+        (e2 == null || Number.isNaN(e2)) && (e2 = Number(_)), LY(e2), d(e2);
       },
       minValue: _,
       maxValue: v,
@@ -93139,25 +93162,25 @@ ${c}
       className: "w-24",
       "aria-label": `${c || "Slider"} value input`,
       isDisabled: z
-    }), r[32] = S, r[33] = z, r[34] = I, r[35] = IY, r[36] = c, r[37] = d, r[38] = _, r[39] = y, r[40] = v, r[41] = M, r[42] = QY) : QY = r[42];
+    }), r[32] = z, r[33] = I, r[34] = IY, r[35] = c, r[36] = d, r[37] = _, r[38] = y, r[39] = v, r[40] = M, r[41] = QY) : QY = r[41];
     let $Y;
-    r[43] !== XY || r[44] !== ZY || r[45] !== QY || r[46] !== WY ? ($Y = (0, import_jsx_runtime.jsxs)("div", {
+    r[42] !== XY || r[43] !== ZY || r[44] !== QY || r[45] !== WY ? ($Y = (0, import_jsx_runtime.jsxs)("div", {
       className: WY,
       children: [
         XY,
         ZY,
         QY
       ]
-    }), r[43] = XY, r[44] = ZY, r[45] = QY, r[46] = WY, r[47] = $Y) : $Y = r[47];
+    }), r[42] = XY, r[43] = ZY, r[44] = QY, r[45] = WY, r[46] = $Y) : $Y = r[46];
     let eX;
-    return r[48] !== O || r[49] !== G || r[50] !== c || r[51] !== $Y || r[52] !== BY || r[53] !== HY ? (eX = (0, import_jsx_runtime.jsx)(Labeled, {
+    return r[47] !== O || r[48] !== G || r[49] !== c || r[50] !== $Y || r[51] !== BY || r[52] !== HY ? (eX = (0, import_jsx_runtime.jsx)(Labeled, {
       label: c,
       id: G,
       align: BY,
       fullWidth: O,
       className: HY,
       children: $Y
-    }), r[48] = O, r[49] = G, r[50] = c, r[51] = $Y, r[52] = BY, r[53] = HY, r[54] = eX) : eX = r[54], eX;
+    }), r[47] = O, r[48] = G, r[49] = c, r[50] = $Y, r[51] = BY, r[52] = HY, r[53] = eX) : eX = r[53], eX;
   }, import_compiler_runtime$25 = require_compiler_runtime(), SwitchPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-switch");