@marimo-team/islands 0.25.3-dev192 → 0.25.3-dev193

package/dist/feedback-button-MpeoIn1D.js

@@ -1,379 +0,0 @@
-import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
-import { h as t, t as n } from "./button-BQRdqQi1.js";
-import { t as r } from "./react-sHtZdjeP.js";
-import { t as i } from "./compiler-runtime-CldRdSsv.js";
-import { t as a } from "./copy-icon-De584pZ4.js";
-import { Bt as o, H as s, J as c, K as l, Rt as u, i as d, kt as f, m as p, n as m, pn as h } from "./error-entries-CZ1NQ6Kv.js";
-import { b as g } from "./select-2KOiReNY.js";
-import { n as ee, t as te } from "./globals-BeBDOk22.js";
-import { t as _ } from "./jsx-runtime-3BD1kT0s.js";
-import { _ as ne, i as v, w as y } from "./useTheme-CoEtr4mK.js";
-import { a as re, i as ie, n as ae, r as oe } from "./dialog-DVRfQuhD.js";
-import { t as se } from "./useAsyncData-DEhLdRIu.js";
-import { t as ce } from "./code-visibility-v_7ijLtx.js";
-//#region src/components/ui/skeleton.tsx
-var b = /* @__PURE__ */ e(r(), 1), x = i(), S = _(), le = (e) => {
-	let n = (0, x.c)(8), r, i;
-	n[0] === e ? (r = n[1], i = n[2]) : ({className: r, ...i} = e, n[0] = e, n[1] = r, n[2] = i);
-	let a;
-	n[3] === r ? a = n[4] : (a = t("animate-pulse rounded-md bg-muted", r), n[3] = r, n[4] = a);
-	let o;
-	return n[5] !== i || n[6] !== a ? (o = /* @__PURE__ */ (0, S.jsx)("div", {
-		className: a,
-		...i
-	}), n[5] = i, n[6] = a, n[7] = o) : o = n[7], o;
-};
-//#endregion
-//#region src/core/diagnostics/issue-details.ts
-function ue(e, t) {
-	return {
-		...e,
-		Binaries: {
-			...e.Binaries,
-			Browser: t
-		}
-	};
-}
-function de(e, t, n, r) {
-	return {
-		marimo: e,
-		Locale: n || void 0,
-		Binaries: { Browser: t },
-		"Environment Collection Error": r
-	};
-}
-function C(e, t) {
-	let n = Math.max(2, ...Array.from(t.matchAll(/`+/g), (e) => e[0].length)), r = "`".repeat(n + 1);
-	return `${r}${e}\n${t}\n${r}`;
-}
-function fe(e, t) {
-	let n = e.includes("?") ? "&" : "?", r = [], i = e, a = 0;
-	for (let [e, o] of Object.entries(t)) {
-		if (o.length === 0) continue;
-		let t = `${e}=${encodeURIComponent(o)}`, s = `${i}${a === 0 ? n : "&"}${t}`;
-		if (s.length > 6e3) {
-			r.push(e);
-			continue;
-		}
-		i = s, a += 1;
-	}
-	return {
-		url: i,
-		omitted: r
-	};
-}
-function w(e, t) {
-	return [
-		"<details>",
-		`<summary>${g.htmlEscape(e) ?? ""}</summary>`,
-		"",
-		t,
-		"",
-		"</details>"
-	].join("\n");
-}
-function pe(e) {
-	return w("Environment", C("json", JSON.stringify(e, null, 2)));
-}
-function me(e) {
-	return w("Errors", C("text", e.map(m).join("\n\n---\n\n")));
-}
-function he(e) {
-	return w("Code", C("python", e));
-}
-//#endregion
-//#region src/hooks/useLocalStorage.ts
-function ge(e, t) {
-	let n = (0, x.c)(11), r;
-	n[0] === t ? r = n[1] : (r = new u(t), n[0] = t, n[1] = r);
-	let i = r, a;
-	n[2] !== e || n[3] !== i ? (a = () => i.get(e), n[2] = e, n[3] = i, n[4] = a) : a = n[4];
-	let [o, s] = (0, b.useState)(a), c;
-	n[5] !== e || n[6] !== i ? (c = (t) => {
-		s(t), i.set(e, t);
-	}, n[5] = e, n[6] = i, n[7] = c) : c = n[7];
-	let l = c, d;
-	return n[8] !== l || n[9] !== o ? (d = [o, l], n[8] = l, n[9] = o, n[10] = d) : d = n[10], d;
-}
-var _e = (e) => {
-	let r = (0, x.c)(16), { content: i } = e, [a, o] = (0, b.useState)(!1), s = !a && "max-h-24 overflow-hidden", c;
-	r[0] === s ? c = r[1] : (c = t("text-xs bg-muted rounded p-2 overflow-x-auto whitespace-pre-wrap", s), r[0] = s, r[1] = c);
-	let l;
-	r[2] !== i || r[3] !== c ? (l = /* @__PURE__ */ (0, S.jsx)("pre", {
-		className: c,
-		children: i
-	}), r[2] = i, r[3] = c, r[4] = l) : l = r[4];
-	let u;
-	r[5] === a ? u = r[6] : (u = !a && /* @__PURE__ */ (0, S.jsx)("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-10 rounded-b bg-gradient-to-b from-transparent to-muted" }), r[5] = a, r[6] = u);
-	let d;
-	r[7] !== l || r[8] !== u ? (d = /* @__PURE__ */ (0, S.jsxs)("div", {
-		className: "relative",
-		children: [l, u]
-	}), r[7] = l, r[8] = u, r[9] = d) : d = r[9];
-	let f;
-	r[10] === Symbol.for("react.memo_cache_sentinel") ? (f = () => o(E), r[10] = f) : f = r[10];
-	let p = a ? "Show less" : "Show more", m;
-	r[11] === p ? m = r[12] : (m = /* @__PURE__ */ (0, S.jsx)(n, {
-		type: "button",
-		variant: "link",
-		size: "xs",
-		className: "self-start",
-		onClick: f,
-		children: p
-	}), r[11] = p, r[12] = m);
-	let h;
-	return r[13] !== d || r[14] !== m ? (h = /* @__PURE__ */ (0, S.jsxs)("div", {
-		className: "flex flex-col gap-1",
-		children: [d, m]
-	}), r[13] = d, r[14] = m, r[15] = h) : h = r[15], h;
-};
-function ve(e) {
-	if (!e.hasRequestClient) return "Notebook source is unavailable.";
-	if (e.filename === null) return "Save the notebook first.";
-	if (!e.codeAvailable) return "Notebook source is hidden in this view.";
-	if (e.connectionState !== c.OPEN) return "Connect the notebook to include its source.";
-}
-var T = () => {
-	let e = (0, x.c)(61), t = y(f), r, i;
-	e[0] === t ? (r = e[1], i = e[2]) : (r = async () => {
-		if (t != null) return t.getEnvironmentInfo();
-	}, i = [t], e[0] = t, e[1] = r, e[2] = i);
-	let c = se(r, i), u = y(p), g = d(ne), _;
-	if (e[3] !== u.cellData || e[4] !== u.cellIds.inOrderIds) {
-		let t;
-		e[6] === u.cellData ? t = e[7] : (t = (e) => u.cellData[e], e[6] = u.cellData, e[7] = t), _ = u.cellIds.inOrderIds.map(t), e[3] = u.cellData, e[4] = u.cellIds.inOrderIds, e[5] = _;
-	} else _ = e[5];
-	let b = ce(_), C = y(o), w = y(l), T = t != null, E;
-	e[8] !== b || e[9] !== w.state || e[10] !== C || e[11] !== T ? (E = ve({
-		hasRequestClient: T,
-		filename: C,
-		codeAvailable: b,
-		connectionState: w.state
-	}), e[8] = b, e[9] = w.state, e[10] = C, e[11] = T, e[12] = E) : E = e[12];
-	let D = E, O = D === void 0, [k, be] = ge("marimo:issue-report:include-errors", !1), [A, xe] = ge("marimo:issue-report:include-code", !1), j = c.data ? ue(c.data, navigator.userAgent) : c.status === "error" || t == null ? de(te(), navigator.userAgent, navigator.language, "Server environment information unavailable") : void 0, M, N;
-	e[13] !== A || e[14] !== O || e[15] !== t ? (M = async () => {
-		if (!A || !O || t == null) return;
-		let { contents: e } = await t.readCode();
-		return e;
-	}, N = [
-		A,
-		O,
-		t
-	], e[13] = A, e[14] = O, e[15] = t, e[16] = M, e[17] = N) : (M = e[16], N = e[17]);
-	let P = se(M, N), Se = v.bugReportUrl, Ce = [];
-	if (j) {
-		let e = { env: pe(j) };
-		k && g.length > 0 && (e["bug-description"] = me(g)), A && P.data && (e["reproduction-code"] = he(P.data)), {url: Se, omitted: Ce} = fe(v.bugReportUrl, e);
-	}
-	let we = Ce.map(ye).join(", "), F;
-	e[18] === Symbol.for("react.memo_cache_sentinel") ? (F = /* @__PURE__ */ (0, S.jsxs)(ie, { children: [/* @__PURE__ */ (0, S.jsx)(re, { children: "Report an issue" }), /* @__PURE__ */ (0, S.jsx)(oe, { children: "Open a GitHub bug report prefilled with your environment, and optionally your current errors and notebook code. Nothing is uploaded automatically; review the details before posting." })] }), e[18] = F) : F = e[18];
-	let I;
-	e[19] === Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ (0, S.jsx)(h, { className: "w-4 h-4 mr-2" }), e[19] = I) : I = e[19];
-	let Te = g.length === 0, L;
-	e[20] === be ? L = e[21] : (L = (e) => be(e === !0), e[20] = be, e[21] = L);
-	let R;
-	e[22] !== k || e[23] !== L || e[24] !== Te ? (R = /* @__PURE__ */ (0, S.jsx)(s, {
-		id: "issue-include-errors",
-		checked: k,
-		disabled: Te,
-		onCheckedChange: L,
-		"aria-label": "Include errors"
-	}), e[22] = k, e[23] = L, e[24] = Te, e[25] = R) : R = e[25];
-	let z;
-	e[26] === Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ (0, S.jsx)("label", {
-		htmlFor: "issue-include-errors",
-		children: "Include errors"
-	}), e[26] = z) : z = e[26];
-	let B;
-	e[27] === R ? B = e[28] : (B = /* @__PURE__ */ (0, S.jsxs)("div", {
-		className: "flex items-center gap-2 text-sm",
-		children: [R, z]
-	}), e[27] = R, e[28] = B);
-	let Ee = !O, V;
-	e[29] === xe ? V = e[30] : (V = (e) => xe(e === !0), e[29] = xe, e[30] = V);
-	let H;
-	e[31] !== A || e[32] !== Ee || e[33] !== V ? (H = /* @__PURE__ */ (0, S.jsx)(s, {
-		id: "issue-include-code",
-		checked: A,
-		disabled: Ee,
-		onCheckedChange: V,
-		"aria-label": "Include notebook code"
-	}), e[31] = A, e[32] = Ee, e[33] = V, e[34] = H) : H = e[34];
-	let U;
-	e[35] === Symbol.for("react.memo_cache_sentinel") ? (U = /* @__PURE__ */ (0, S.jsx)("label", {
-		htmlFor: "issue-include-code",
-		children: "Include notebook code"
-	}), e[35] = U) : U = e[35];
-	let W;
-	e[36] === H ? W = e[37] : (W = /* @__PURE__ */ (0, S.jsxs)("div", {
-		className: "flex items-center gap-2 text-sm",
-		children: [H, U]
-	}), e[36] = H, e[37] = W);
-	let G;
-	e[38] === D ? G = e[39] : (G = D && /* @__PURE__ */ (0, S.jsx)("span", {
-		className: "text-xs text-muted-foreground ml-6",
-		children: D
-	}), e[38] = D, e[39] = G);
-	let K;
-	e[40] !== P || e[41] !== A ? (K = A && P.status === "error" && /* @__PURE__ */ (0, S.jsx)("span", {
-		className: "text-xs text-(--red-11) ml-6",
-		children: "Notebook source could not be loaded."
-	}), e[40] = P, e[41] = A, e[42] = K) : K = e[42];
-	let q;
-	e[43] !== W || e[44] !== G || e[45] !== K ? (q = /* @__PURE__ */ (0, S.jsxs)("div", {
-		className: "flex flex-col gap-1",
-		children: [
-			W,
-			G,
-			K
-		]
-	}), e[43] = W, e[44] = G, e[45] = K, e[46] = q) : q = e[46];
-	let J;
-	e[47] !== B || e[48] !== q ? (J = /* @__PURE__ */ (0, S.jsxs)("div", {
-		className: "flex flex-col gap-2",
-		children: [B, q]
-	}), e[47] = B, e[48] = q, e[49] = J) : J = e[49];
-	let Y;
-	e[50] !== c.status || e[51] !== t ? (Y = c.status === "pending" && t != null && /* @__PURE__ */ (0, S.jsxs)("div", {
-		className: "flex flex-col gap-2",
-		children: [
-			/* @__PURE__ */ (0, S.jsx)("span", {
-				className: "text-sm text-muted-foreground",
-				children: "Loading environment details…"
-			}),
-			/* @__PURE__ */ (0, S.jsx)(le, { className: "h-4 w-full" }),
-			/* @__PURE__ */ (0, S.jsx)(le, { className: "h-4 w-3/4" }),
-			/* @__PURE__ */ (0, S.jsx)(le, { className: "h-4 w-1/2" })
-		]
-	}), e[50] = c.status, e[51] = t, e[52] = Y) : Y = e[52];
-	let X;
-	e[53] !== c || e[54] !== t ? (X = (c.status === "error" || t == null) && /* @__PURE__ */ (0, S.jsxs)("div", {
-		className: "flex items-center gap-2 text-sm",
-		children: [
-			/* @__PURE__ */ (0, S.jsx)(ee, { className: "w-4 h-4 text-(--yellow-11) shrink-0" }),
-			/* @__PURE__ */ (0, S.jsx)("span", { children: "Server environment information unavailable" }),
-			t != null && /* @__PURE__ */ (0, S.jsx)(n, {
-				type: "button",
-				variant: "link",
-				size: "xs",
-				onClick: () => c.refetch(),
-				children: "Retry"
-			})
-		]
-	}), e[53] = c, e[54] = t, e[55] = X) : X = e[55];
-	let Z;
-	e[56] !== j || e[57] !== g ? (Z = j && g.length === 0 && /* @__PURE__ */ (0, S.jsx)("span", {
-		className: "text-sm text-muted-foreground",
-		children: "No errors detected."
-	}), e[56] = j, e[57] = g, e[58] = Z) : Z = e[58];
-	let Q;
-	e[59] === Symbol.for("react.memo_cache_sentinel") ? (Q = /* @__PURE__ */ (0, S.jsx)("a", {
-		href: v.feedbackForm,
-		target: "_blank",
-		rel: "noreferrer",
-		className: "underline",
-		children: "two-minute survey"
-	}), e[59] = Q) : Q = e[59];
-	let $;
-	return e[60] === Symbol.for("react.memo_cache_sentinel") ? ($ = /* @__PURE__ */ (0, S.jsx)("div", {
-		className: "border-t pt-3",
-		children: /* @__PURE__ */ (0, S.jsxs)("p", {
-			className: "text-sm text-muted-foreground",
-			children: [
-				"Other feedback? Take our",
-				" ",
-				Q,
-				" ",
-				"or chat with us on",
-				" ",
-				/* @__PURE__ */ (0, S.jsx)("a", {
-					href: v.discordLink,
-					target: "_blank",
-					rel: "noreferrer",
-					className: "underline",
-					children: "Discord"
-				}),
-				"."
-			]
-		})
-	}), e[60] = $) : $ = e[60], /* @__PURE__ */ (0, S.jsxs)(ae, {
-		className: "w-[540px] max-w-[90vw]",
-		children: [F, /* @__PURE__ */ (0, S.jsxs)("div", {
-			className: "flex flex-col gap-4 max-h-[60vh] overflow-y-auto",
-			children: [
-				/* @__PURE__ */ (0, S.jsxs)("div", {
-					className: "flex flex-col gap-3",
-					children: [
-						/* @__PURE__ */ (0, S.jsx)(n, {
-							type: "button",
-							variant: "default",
-							size: "xs",
-							asChild: !0,
-							className: "self-start",
-							children: /* @__PURE__ */ (0, S.jsxs)("a", {
-								href: Se,
-								target: "_blank",
-								rel: "noreferrer",
-								children: [I, "Open GitHub issue"]
-							})
-						}),
-						J,
-						we ? /* @__PURE__ */ (0, S.jsxs)("div", {
-							className: "flex items-start gap-2 text-xs text-(--yellow-11)",
-							children: [/* @__PURE__ */ (0, S.jsx)(ee, { className: "w-3.5 h-3.5 shrink-0 mt-0.5" }), /* @__PURE__ */ (0, S.jsxs)("span", { children: [
-								"Too large to prefill and left out of the link: ",
-								we,
-								". Paste them into the issue manually."
-							] })]
-						}) : /* @__PURE__ */ (0, S.jsx)("p", {
-							className: "text-xs text-muted-foreground",
-							children: "Your environment is always included."
-						})
-					]
-				}),
-				Y,
-				X,
-				j && /* @__PURE__ */ (0, S.jsxs)("div", {
-					className: "flex flex-col gap-1",
-					children: [/* @__PURE__ */ (0, S.jsxs)("div", {
-						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ (0, S.jsx)("span", {
-							className: "text-sm font-medium",
-							children: "Environment details"
-						}), /* @__PURE__ */ (0, S.jsx)(a, {
-							className: "w-3.5 h-3.5",
-							value: JSON.stringify(j, null, 2),
-							ariaLabel: "Copy environment JSON",
-							toastTitle: "Environment details copied"
-						})]
-					}), /* @__PURE__ */ (0, S.jsx)(_e, { content: JSON.stringify(j, null, 2) })]
-				}),
-				j && g.length > 0 && /* @__PURE__ */ (0, S.jsxs)("div", {
-					className: "flex flex-col gap-1",
-					children: [/* @__PURE__ */ (0, S.jsxs)("div", {
-						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ (0, S.jsx)("span", {
-							className: "text-sm font-medium",
-							children: "Errors"
-						}), /* @__PURE__ */ (0, S.jsx)(a, {
-							className: "w-3.5 h-3.5",
-							value: me(g),
-							ariaLabel: "Copy errors",
-							toastTitle: "Errors copied"
-						})]
-					}), /* @__PURE__ */ (0, S.jsx)(_e, { content: g.map(m).join("\n\n---\n\n") })]
-				}),
-				Z,
-				$
-			]
-		})]
-	});
-};
-function E(e) {
-	return !e;
-}
-function ye(e) {
-	return e === "bug-description" ? "errors" : e === "reproduction-code" ? "code" : e;
-}
-//#endregion
-export { T as FeedbackModal };

package/src/components/editor/navigation/__tests__/state.test.ts

@@ -1,81 +0,0 @@
-/* Copyright 2026 Marimo. All rights reserved. */
-
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import { cellId } from "@/__tests__/branded";
-import { type CellId, HTMLCellId } from "@/core/cells/ids";
-
-const mockScrollCellIntoView = vi.fn();
-const mockRaf2 = vi.fn((callback: () => void) => callback());
-
-vi.mock("../focus-utils", () => ({
-  scrollCellIntoView: mockScrollCellIntoView,
-  raf2: mockRaf2,
-}));
-
-type TemporarilyShownCodeState = Set<CellId>;
-
-describe("temporarilyShownCodeActions", () => {
-  const cid = cellId("cell-1");
-  let cellElement: HTMLElement;
-
-  beforeEach(() => {
-    cellElement = document.createElement("div");
-    cellElement.id = HTMLCellId.create(cid);
-    document.body.append(cellElement);
-    cellElement.focus();
-
-    vi.spyOn(HTMLCellId, "findElementThroughShadowDOMs").mockReturnValue(
-      cellElement as HTMLElement & { id: HTMLCellId },
-    );
-
-    mockScrollCellIntoView.mockClear();
-    mockRaf2.mockClear();
-  });
-
-  afterEach(() => {
-    cellElement.remove();
-    vi.restoreAllMocks();
-  });
-
-  it("should scroll cell into view when removing cell causes layout shift", () => {
-    const state = new Set<CellId>([cid]);
-    removeCell(state, cid);
-
-    expect(mockScrollCellIntoView).toHaveBeenCalledWith(cid);
-  });
-
-  it("should not scroll when focused cell is not found", () => {
-    vi.spyOn(HTMLCellId, "findElementThroughShadowDOMs").mockReturnValue(null);
-
-    const state = new Set<CellId>([cid]);
-    removeCell(state, cid);
-
-    expect(mockScrollCellIntoView).not.toHaveBeenCalled();
-  });
-});
-
-// Helper function that replicates the remove reducer logic
-function removeCell(
-  state: TemporarilyShownCodeState,
-  cellId: CellId,
-): TemporarilyShownCodeState {
-  if (!state.has(cellId)) {
-    return state;
-  }
-  const newState = new Set(state);
-  newState.delete(cellId);
-
-  mockRaf2(() => {
-    const activeElement = document.activeElement;
-    if (!activeElement) {
-      return;
-    }
-    const focusedCell = HTMLCellId.findElementThroughShadowDOMs(activeElement);
-    if (!focusedCell) {
-      return;
-    }
-    mockScrollCellIntoView(HTMLCellId.parse(focusedCell.id));
-  });
-
-  return newState;
-}

package/src/components/editor/navigation/state.ts

@@ -1,65 +0,0 @@
-/* Copyright 2026 Marimo. All rights reserved. */
-
-import { atom, useAtomValue } from "jotai";
-import { useMemo } from "react";
-import { type CellId, HTMLCellId } from "@/core/cells/ids";
-import { scrollCellIntoView } from "@/core/cells/scrollCellIntoView";
-import { createReducerAndAtoms } from "@/utils/createReducer";
-import { raf2 } from "./focus-utils";
-
-type TemporarilyShownCodeState = Set<CellId>;
-
-// This previously used jotai-scope, but unfortunately this bug creates unnecessary work:
-// https://github.com/jotaijs/jotai-scope/issues/25
-
-const {
-  valueAtom: temporarilyShownCodeAtom,
-  useActions: useTemporarilyShownCodeActions,
-} = createReducerAndAtoms(() => new Set<CellId>(), {
-  add: (state: TemporarilyShownCodeState, cellId: CellId) => {
-    if (state.has(cellId)) {
-      // no-op
-      return state;
-    }
-    const newState = new Set(state);
-    newState.add(cellId);
-    return newState;
-  },
-  remove: (state: TemporarilyShownCodeState, cellId: CellId) => {
-    if (!state.has(cellId)) {
-      // no-op
-      return state;
-    }
-    const newState = new Set(state);
-    newState.delete(cellId);
-
-    // If we are hiding the code, this will cause a layout shift
-    // so we need to scroll cursor/activeElement into view.
-    raf2(() => {
-      // Get the active
-      const activeElement = document.activeElement;
-      if (!activeElement) {
-        return;
-      }
-      // Get the current focused cell id
-      const focusedCell =
-        HTMLCellId.findElementThroughShadowDOMs(activeElement);
-      if (!focusedCell) {
-        return;
-      }
-      scrollCellIntoView(HTMLCellId.parse(focusedCell.id));
-    });
-
-    return newState;
-  },
-});
-
-const createTemporarilyShownCodeAtom = (cellId: CellId) =>
-  atom((get) => get(temporarilyShownCodeAtom).has(cellId));
-
-export function useTemporarilyShownCode(cellId: CellId) {
-  const atom = useMemo(() => createTemporarilyShownCodeAtom(cellId), [cellId]);
-  return useAtomValue(atom);
-}
-
-export { temporarilyShownCodeAtom, useTemporarilyShownCodeActions };