@marimo-team/islands 0.20.1 → 0.20.3-dev76

package/src/plugins/impl/matplotlib/matplotlib-renderer.ts

@@ -257,6 +257,11 @@ function isPointInBox(
   return pt.x >= minX && pt.x <= maxX && pt.y >= minY && pt.y <= maxY;
 }
 
+function isInAxes(pt: PixelPoint, g: AxesGeometry): boolean {
+  const [axLeft, axTop, axRight, axBottom] = g.axesPixelBounds;
+  return pt.x >= axLeft && pt.x <= axRight && pt.y >= axTop && pt.y <= axBottom;
+}
+
 export const visibleForTesting = {
   createScale,
   pixelToData,
@@ -264,6 +269,7 @@ export const visibleForTesting = {
   pointInPolygon,
   clampToAxes,
   isPointInBox,
+  isInAxes,
 };
 
 export class MatplotlibRenderer {
@@ -568,6 +574,9 @@ export class MatplotlibRenderer {
 
     // Shift+click -> start lasso
     if (e.shiftKey) {
+      if (!isInAxes(pt, this.#state)) {
+        return;
+      }
       this.#interaction = {
         type: "lasso",
         points: [clampToAxes(pt, this.#state)],
@@ -620,7 +629,10 @@ export class MatplotlibRenderer {
       this.#clearSelection();
     }
 
-    // Start new box selection
+    // Start new box selection (only inside axes)
+    if (!isInAxes(pt, this.#state)) {
+      return;
+    }
     const clamped = clampToAxes(pt, this.#state);
     this.#interaction = {
       type: "box",

package/src/utils/__tests__/filenames.test.ts

@@ -2,7 +2,7 @@
 
 import { describe, expect, it } from "vitest";
 import { EDGE_CASE_FILENAMES } from "../../__tests__/mocks";
-import { Filenames } from "../filenames";
+import { Filenames, getImageExtension } from "../filenames";
 
 describe("Filenames", () => {
   it("should convert filename to markdown", () => {
@@ -45,3 +45,56 @@ describe("Filenames", () => {
     expect(typeof withoutExt).toBe("string");
   });
 });
+
+describe("getImageExtension", () => {
+  it("should return correct extensions for common image URLs", () => {
+    expect(getImageExtension("https://example.com/image.png")).toBe("png");
+    expect(getImageExtension("https://example.com/image.jpeg")).toBe("jpeg");
+    expect(getImageExtension("https://example.com/image.JPEG?param=1")).toBe(
+      "jpeg",
+    );
+    expect(getImageExtension("https://example.com/image.gif")).toBe("gif");
+    expect(getImageExtension("https://example.com/image.svg")).toBe("svg");
+    expect(getImageExtension("https://example.com/image.webp")).toBe("webp");
+    expect(getImageExtension("https://example.com/image.avif")).toBe("avif");
+    expect(getImageExtension("https://example.com/image.bmp")).toBe("bmp");
+    expect(getImageExtension("https://example.com/image.tiff")).toBe("tiff");
+  });
+
+  it("should return correct extensions for data URIs", () => {
+    expect(getImageExtension("data:image/png;base64,...")).toBe("png");
+    expect(getImageExtension("data:image/jpeg;base64,...")).toBe("jpeg");
+    expect(getImageExtension("data:image/svg+xml;base64,...")).toBe("svg");
+  });
+
+  it("should return correct extensions for relative URLs resolved with window.location.href", () => {
+    // Mock window.location
+    const originalLocation = window.location;
+    Object.defineProperty(window, "location", {
+      value: new URL("https://example.com/some/path/index.html"),
+      writable: true,
+    });
+
+    expect(getImageExtension("../assets/image.png")).toBe("png");
+    expect(getImageExtension("image.jpeg")).toBe("jpeg");
+    expect(getImageExtension("/root/image.gif")).toBe("gif");
+
+    // Restore original window.location
+    Object.defineProperty(window, "location", {
+      value: originalLocation,
+      writable: true,
+    });
+  });
+
+  it("should return undefined for URLs without recognized image extensions", () => {
+    expect(
+      getImageExtension("https://example.com/document.pdf"),
+    ).toBeUndefined();
+    expect(
+      getImageExtension("https://example.com/archive.tar.gz"),
+    ).toBeUndefined();
+    expect(getImageExtension("https://example.com/image")).toBeUndefined(); // No extension
+    expect(getImageExtension("image")).toBeUndefined();
+    expect(getImageExtension("")).toBeUndefined();
+  });
+});

package/src/utils/filenames.ts

@@ -30,3 +30,45 @@ export const Filenames = {
     return `${Filenames.withoutExtension(filename)}.${extension}`;
   },
 };
+
+const IMAGE_EXTENSIONS: Record<string, string> = {
+  png: "png",
+  jpg: "jpg",
+  jpeg: "jpeg",
+  gif: "gif",
+  webp: "webp",
+  avif: "avif",
+  bmp: "bmp",
+  tiff: "tiff",
+  svg: "svg",
+  "svg+xml": "svg",
+};
+
+/**
+ * Infers the file extension from an image source string (src).
+ * If the extension cannot be determined, it returns `undefined`.
+ *
+ * @param src - The image source string (a URL or a data URI).
+ * @returns The inferred file extension (e.g., "png", "jpeg", "svg"),
+ *          or `undefined` if it cannot be determined.
+ *
+ * @example
+ * getImageExtension("https://example.com/image.png");  // Returns "png"
+ * getImageExtension("../assets/image.gif");            // Returns "gif"
+ * getImageExtension("data:image/svg+xml;base64,...");  // Returns "svg"
+ * getImageExtension("https://example.com/image");      // Returns undefined
+ */
+export function getImageExtension(src: string): string | undefined {
+  const dataUriMatch = src.match(/^data:image\/([^,;]+)/);
+  if (dataUriMatch) {
+    return IMAGE_EXTENSIONS[dataUriMatch[1]];
+  }
+
+  try {
+    const url = new URL(src, window.location.href);
+    const ext = url.pathname.split(".").pop()?.toLowerCase() ?? "";
+    return IMAGE_EXTENSIONS[ext];
+  } catch {
+    return undefined;
+  }
+}

package/dist/apl-C1bki_dE.js

@@ -1,4 +0,0 @@
-import { t as apl } from "./apl-Oc3bL26_.js";
-export {
-  apl
-};

package/dist/architecture-U656AL7Q-Jd2CvPgJ.js

@@ -1,6 +0,0 @@
-import "./chunk-FPAJGGOC-quWdfNUB.js";
-import "./main-DmxVpB19.js";
-import { n as createArchitectureServices, t as ArchitectureModule } from "./chunk-O7ZBX7Z2-CdpLwOP0.js";
-export {
-  createArchitectureServices
-};

package/dist/asciiarmor-BdlkCCRr.js

@@ -1,4 +0,0 @@
-import { t as asciiArmor } from "./asciiarmor-DTbPh2VI.js";
-export {
-  asciiArmor
-};

package/dist/asn1-CvE30hox.js

@@ -1,4 +0,0 @@
-import { t as asn1 } from "./asn1-CGhwu1Ri.js";
-export {
-  asn1
-};

package/dist/brainfuck-BalwWy1a.js

@@ -1,4 +0,0 @@
-import { t as brainfuck } from "./brainfuck-CA0L8lRq.js";
-export {
-  brainfuck
-};

package/dist/classDiagram-2ON5EDUG-CUJlS_eo.js

@@ -1,30 +0,0 @@
-import "./purify.es-D4vaFt5N.js";
-import "./chunk-S3R3BYOJ-C_1SJcWo.js";
-import { r as __name } from "./src-jICM_d2B.js";
-import "./chunk-ABZYJK2D-BwNsaa1P.js";
-import "./chunk-HN2XXSSU-BsB4dtgF.js";
-import "./chunk-CVBHYZKI-Bb2XMuXJ.js";
-import "./chunk-ATLVNIR6-DtFMAawc.js";
-import "./dist-BYznkC5E.js";
-import "./chunk-JA3XYJ7Z-n8UTzfok.js";
-import "./chunk-JZLCHNYA-ChKqHUdB.js";
-import "./chunk-QXUST7PY-ClIEpoCT.js";
-import "./chunk-N4CR4FBY-BxOHGL3P.js";
-import "./chunk-FMBD7UC4-C0DZU_4q.js";
-import "./chunk-55IACEB6-irYMvHJu.js";
-import "./chunk-QN33PNHL-Dda-55xY.js";
-import { i as styles_default, n as classDiagram_default, r as classRenderer_v3_unified_default, t as ClassDB } from "./chunk-B4BG7PRW-lfWcLlzS.js";
-var diagram = {
-  parser: classDiagram_default,
-  get db() {
-    return new ClassDB();
-  },
-  renderer: classRenderer_v3_unified_default,
-  styles: styles_default,
-  init: /* @__PURE__ */ __name((e) => {
-    e.class || (e.class = {}), e.class.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
-  }, "init")
-};
-export {
-  diagram
-};

package/dist/classDiagram-v2-WZHVMYZB-BhSPpbkE.js

@@ -1,30 +0,0 @@
-import "./purify.es-D4vaFt5N.js";
-import "./chunk-S3R3BYOJ-C_1SJcWo.js";
-import { r as __name } from "./src-jICM_d2B.js";
-import "./chunk-ABZYJK2D-BwNsaa1P.js";
-import "./chunk-HN2XXSSU-BsB4dtgF.js";
-import "./chunk-CVBHYZKI-Bb2XMuXJ.js";
-import "./chunk-ATLVNIR6-DtFMAawc.js";
-import "./dist-BYznkC5E.js";
-import "./chunk-JA3XYJ7Z-n8UTzfok.js";
-import "./chunk-JZLCHNYA-ChKqHUdB.js";
-import "./chunk-QXUST7PY-ClIEpoCT.js";
-import "./chunk-N4CR4FBY-BxOHGL3P.js";
-import "./chunk-FMBD7UC4-C0DZU_4q.js";
-import "./chunk-55IACEB6-irYMvHJu.js";
-import "./chunk-QN33PNHL-Dda-55xY.js";
-import { i as styles_default, n as classDiagram_default, r as classRenderer_v3_unified_default, t as ClassDB } from "./chunk-B4BG7PRW-lfWcLlzS.js";
-var diagram = {
-  parser: classDiagram_default,
-  get db() {
-    return new ClassDB();
-  },
-  renderer: classRenderer_v3_unified_default,
-  styles: styles_default,
-  init: /* @__PURE__ */ __name((e) => {
-    e.class || (e.class = {}), e.class.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
-  }, "init")
-};
-export {
-  diagram
-};

package/dist/clojure-CUC2I1hM.js

@@ -1,4 +0,0 @@
-import { t as clojure } from "./clojure-BszjvdGo.js";
-export {
-  clojure
-};

package/dist/cmake-8PcMxXnB.js

@@ -1,4 +0,0 @@
-import { t as cmake } from "./cmake-B2Gvps8b.js";
-export {
-  cmake
-};

package/dist/cobol-DkkkDz5v.js

@@ -1,4 +0,0 @@
-import { t as cobol } from "./cobol-DuMch8nn.js";
-export {
-  cobol
-};

package/dist/coffeescript-CCupxOZf.js

@@ -1,4 +0,0 @@
-import { t as coffeeScript } from "./coffeescript-L9aKXVsJ.js";
-export {
-  coffeeScript
-};

package/dist/commonlisp-DhUfGX6b.js

@@ -1,4 +0,0 @@
-import { t as commonLisp } from "./commonlisp-CrtdssxB.js";
-export {
-  commonLisp
-};

package/dist/crystal-DSaw6rFQ.js

@@ -1,4 +0,0 @@
-import { t as crystal } from "./crystal-vvNY0LpY.js";
-export {
-  crystal
-};

package/dist/css-D4QDewkG.js

@@ -1,4 +0,0 @@
-import { n as mkCSS, t as gss } from "./css-B1GdzqT1.js";
-export {
-  gss
-};

package/dist/cypher-CrYVqw_F.js

@@ -1,4 +0,0 @@
-import { t as cypher } from "./cypher-BtZvV7bW.js";
-export {
-  cypher
-};

package/dist/d-Cr3H3pPx.js

@@ -1,4 +0,0 @@
-import { t as d } from "./d-B0UN3V-Z.js";
-export {
-  d
-};

package/dist/diff-ODiZJGls.js

@@ -1,4 +0,0 @@
-import { t as diff } from "./diff-DOpgjj1W.js";
-export {
-  diff
-};

package/dist/dist-BA-HK7pI.js

@@ -1,5 +0,0 @@
-import "./dist-CUOuFgHt.js";
-import { n as jsonLanguage, t as json } from "./dist-EZFqUJhh.js";
-export {
-  json
-};

package/dist/dist-BD5GU948.js

@@ -1,5 +0,0 @@
-import "./dist-CUOuFgHt.js";
-import { n as yamlLanguage, t as yaml } from "./dist-BUEi7EKT.js";
-export {
-  yaml
-};

package/dist/dist-BIYmAsND.js

@@ -1,5 +0,0 @@
-import "./dist-CUOuFgHt.js";
-import { i as defineCSSCompletionSource, n as cssCompletionSource, r as cssLanguage, t as css } from "./dist-Ey9hP8-j.js";
-export {
-  css
-};

package/dist/dist-BcKTJXJi.js

@@ -1,5 +0,0 @@
-import "./dist-CUOuFgHt.js";
-import { n as cppLanguage, t as cpp } from "./dist-C_9IMrtt.js";
-export {
-  cpp
-};

package/dist/dist-BgnrtcWg.js

@@ -1,8 +0,0 @@
-import "./dist-CUOuFgHt.js";
-import "./dist-DOLQQtWK.js";
-import "./dist-Ey9hP8-j.js";
-import "./dist-BswsDM4k.js";
-import { n as phpLanguage, t as php } from "./dist-CMOy93xY.js";
-export {
-  php
-};

package/dist/dist-C1njTlBq.js

@@ -1,5 +0,0 @@
-import "./dist-CUOuFgHt.js";
-import { i as pythonLanguage, n as localCompletionSource, r as python, t as globalCompletion } from "./dist-IlWGXVjO.js";
-export {
-  python
-};

package/dist/dist-CSKHwJYH.js

@@ -1,5 +0,0 @@
-import "./dist-CUOuFgHt.js";
-import { n as wastLanguage, t as wast } from "./dist-Cb3iqED3.js";
-export {
-  wast
-};

package/dist/dist-CSKKyiIq.js

@@ -1,5 +0,0 @@
-import "./dist-CUOuFgHt.js";
-import { n as javaLanguage, t as java } from "./dist-W6TdeACj.js";
-export {
-  java
-};

package/dist/dist-CrQ_pOuK.js

@@ -1,6 +0,0 @@
-import "./dist-CUOuFgHt.js";
-import "./dist-Ey9hP8-j.js";
-import { n as sassCompletionSource, r as sassLanguage, t as sass } from "./dist-xCB683Dh.js";
-export {
-  sass
-};

package/dist/dist-Cskx1daf.js

@@ -1,5 +0,0 @@
-import "./dist-CUOuFgHt.js";
-import { n as rustLanguage, t as rust } from "./dist-iDeoXzdN.js";
-export {
-  rust
-};

package/dist/dist-D4i0Ef34.js

@@ -1,8 +0,0 @@
-import "./dist-CUOuFgHt.js";
-import "./dist-DOLQQtWK.js";
-import "./dist-Ey9hP8-j.js";
-import "./dist-BswsDM4k.js";
-import { i as liquidLanguage, n as liquid, r as liquidCompletionSource, t as closePercentBrace } from "./dist-CD7uLx0M.js";
-export {
-  liquid
-};

package/dist/dist-DOcn61TX.js

@@ -1,8 +0,0 @@
-import "./dist-CUOuFgHt.js";
-import "./dist-DOLQQtWK.js";
-import "./dist-Ey9hP8-j.js";
-import "./dist-BswsDM4k.js";
-import { i as jinjaLanguage, n as jinja, r as jinjaCompletionSource, t as closePercentBrace } from "./dist-bz6WguLy.js";
-export {
-  jinja
-};

package/dist/dist-DwMejAPB.js

@@ -1,6 +0,0 @@
-import "./dist-CUOuFgHt.js";
-import "./dist-Ey9hP8-j.js";
-import { n as lessCompletionSource, r as lessLanguage, t as less } from "./dist-CrAYcS_4.js";
-export {
-  less
-};

package/dist/dist-DzSe1wby.js

@@ -1,8 +0,0 @@
-import "./dist-CUOuFgHt.js";
-import "./dist-DOLQQtWK.js";
-import "./dist-Ey9hP8-j.js";
-import "./dist-BswsDM4k.js";
-import { n as vueLanguage, t as vue } from "./dist-D8EhXZ4S.js";
-export {
-  vue
-};

package/dist/dtd-C-t2Rk7F.js

@@ -1,4 +0,0 @@
-import { t as dtd } from "./dtd-Ctnjxrle.js";
-export {
-  dtd
-};

package/dist/dylan-B4ctBLGp.js

@@ -1,4 +0,0 @@
-import { t as dylan } from "./dylan-DFXkoaZy.js";
-export {
-  dylan
-};

package/dist/ecl-DqWfymni.js

@@ -1,4 +0,0 @@
-import { t as ecl } from "./ecl-C1NExZip.js";
-export {
-  ecl
-};

package/dist/eiffel-DjBKKAr7.js

@@ -1,4 +0,0 @@
-import { t as eiffel } from "./eiffel-uXVGgleg.js";
-export {
-  eiffel
-};

package/dist/elm--fxeC0FV.js

@@ -1,4 +0,0 @@
-import { t as elm } from "./elm-CBOFnnib.js";
-export {
-  elm
-};

package/dist/erlang-CaKXCX6H.js

@@ -1,4 +0,0 @@
-import { t as erlang } from "./erlang-DMnrT8XK.js";
-export {
-  erlang
-};

package/dist/factor-DlLO5EFS.js

@@ -1,4 +0,0 @@
-import { t as factor } from "./factor--4HHM8Rw.js";
-export {
-  factor
-};

package/dist/flatten-CWZjF1fc.js

@@ -1,8 +0,0 @@
-import { i as _baseFlatten_default } from "./_baseProperty-6juuyX7Z.js";
-function flatten(n) {
-  return n != null && n.length ? _baseFlatten_default(n, 1) : [];
-}
-var flatten_default = flatten;
-export {
-  flatten_default as t
-};

package/dist/forth-rOO6LVj_.js

@@ -1,4 +0,0 @@
-import { t as forth } from "./forth-DDpxS4nw.js";
-export {
-  forth
-};

package/dist/fortran-CUg15VGR.js

@@ -1,4 +0,0 @@
-import { t as fortran } from "./fortran-B6uYqQMz.js";
-export {
-  fortran
-};

package/dist/gas-BMRJspiW.js

@@ -1,4 +0,0 @@
-import { t as gas } from "./gas-BKnWzuFz.js";
-export {
-  gas
-};

package/dist/gherkin-DRxzijZU.js

@@ -1,4 +0,0 @@
-import { t as gherkin } from "./gherkin-pBt0wT4X.js";
-export {
-  gherkin
-};