@marimo-team/islands 0.25.3-dev28 → 0.25.3-dev281

package/dist/feedback-button-CY92zeC6.js

@@ -0,0 +1,374 @@
+import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
+import { h as t, t as n } from "./button-DZuNnIZO.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-CtllOdmg.js";
+import { D as o, E as s, F as c, Gt as l, L as u, i as d, j as f, n as p, q as m } from "./error-entries-9U4BFHjf.js";
+import { n as h, t as ee } from "./globals-CjnqsurJ.js";
+import { r as g } from "./assertNever-B-YzWzbL.js";
+import { t as _ } from "./jsx-runtime-3BD1kT0s.js";
+import { Ft as te, p as v, yt as ne } from "./use-restore-focus-CosX7-gx.js";
+import { a as re, i as ie, n as ae, r as oe } from "./dialog-CaYm5imE.js";
+import { t as se } from "./useAsyncData-Ci4AvJff.js";
+import { t as ce } from "./code-visibility-BhtW7mrV.js";
+//#region src/components/ui/skeleton.tsx
+var y = /* @__PURE__ */ e(r(), 1), b = i(), x = _(), S = (e) => {
+	let n = (0, b.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, x.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 le(e, t) {
+	return {
+		...e,
+		Binaries: {
+			...e.Binaries,
+			Browser: t
+		}
+	};
+}
+function ue(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 de(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 fe(e) {
+	return w("Environment", C("json", JSON.stringify(e, null, 2)));
+}
+function pe(e) {
+	return w("Errors", C("text", e.map(p).join("\n\n---\n\n")));
+}
+function me(e) {
+	return w("Code", C("python", e));
+}
+//#endregion
+//#region src/hooks/useLocalStorage.ts
+function he(e, t) {
+	let n = (0, b.c)(11), r;
+	n[0] === t ? r = n[1] : (r = new c(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, y.useState)(a), l;
+	n[5] !== e || n[6] !== i ? (l = (t) => {
+		s(t), i.set(e, t);
+	}, n[5] = e, n[6] = i, n[7] = l) : l = n[7];
+	let u = l, d;
+	return n[8] !== u || n[9] !== o ? (d = [o, u], n[8] = u, n[9] = o, n[10] = d) : d = n[10], d;
+}
+var ge = (e) => {
+	let r = (0, b.c)(16), { content: i } = e, [a, o] = (0, y.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, x.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, x.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, x.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, x.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, x.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 _e(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 !== f.OPEN) return "Connect the notebook to include its source.";
+}
+var T = () => {
+	let e = (0, b.c)(56), t = te(m), 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), f = d(ne), g = ce(), _ = te(u), y = te(o), C = t != null, w;
+	e[3] !== g || e[4] !== y.state || e[5] !== _ || e[6] !== C ? (w = _e({
+		hasRequestClient: C,
+		filename: _,
+		codeAvailable: g,
+		connectionState: y.state
+	}), e[3] = g, e[4] = y.state, e[5] = _, e[6] = C, e[7] = w) : w = e[7];
+	let T = w, E = T === void 0, [D, O] = he("marimo:issue-report:include-errors", !1), [k, ye] = he("marimo:issue-report:include-code", !1), A = c.data ? le(c.data, navigator.userAgent) : c.status === "error" || t == null ? ue(ee(), navigator.userAgent, navigator.language, "Server environment information unavailable") : void 0, j, M;
+	e[8] !== k || e[9] !== E || e[10] !== t ? (j = async () => {
+		if (!k || !E || t == null) return;
+		let { contents: e } = await t.readCode();
+		return e;
+	}, M = [
+		k,
+		E,
+		t
+	], e[8] = k, e[9] = E, e[10] = t, e[11] = j, e[12] = M) : (j = e[11], M = e[12]);
+	let N = se(j, M), be = v.bugReportUrl, xe = [];
+	if (A) {
+		let e = { env: fe(A) };
+		D && f.length > 0 && (e["bug-description"] = pe(f)), k && N.data && (e["reproduction-code"] = me(N.data)), {url: be, omitted: xe} = de(v.bugReportUrl, e);
+	}
+	let Se = xe.map(ve).join(", "), P;
+	e[13] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ (0, x.jsxs)(ie, { children: [/* @__PURE__ */ (0, x.jsx)(re, { children: "Report an issue" }), /* @__PURE__ */ (0, x.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[13] = P) : P = e[13];
+	let F;
+	e[14] === Symbol.for("react.memo_cache_sentinel") ? (F = /* @__PURE__ */ (0, x.jsx)(l, { className: "w-4 h-4 mr-2" }), e[14] = F) : F = e[14];
+	let I = f.length === 0, L;
+	e[15] === O ? L = e[16] : (L = (e) => O(e === !0), e[15] = O, e[16] = L);
+	let R;
+	e[17] !== D || e[18] !== I || e[19] !== L ? (R = /* @__PURE__ */ (0, x.jsx)(s, {
+		id: "issue-include-errors",
+		checked: D,
+		disabled: I,
+		onCheckedChange: L,
+		"aria-label": "Include errors"
+	}), e[17] = D, e[18] = I, e[19] = L, e[20] = R) : R = e[20];
+	let z;
+	e[21] === Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ (0, x.jsx)("label", {
+		htmlFor: "issue-include-errors",
+		children: "Include errors"
+	}), e[21] = z) : z = e[21];
+	let B;
+	e[22] === R ? B = e[23] : (B = /* @__PURE__ */ (0, x.jsxs)("div", {
+		className: "flex items-center gap-2 text-sm",
+		children: [R, z]
+	}), e[22] = R, e[23] = B);
+	let Ce = !E, V;
+	e[24] === ye ? V = e[25] : (V = (e) => ye(e === !0), e[24] = ye, e[25] = V);
+	let H;
+	e[26] !== k || e[27] !== Ce || e[28] !== V ? (H = /* @__PURE__ */ (0, x.jsx)(s, {
+		id: "issue-include-code",
+		checked: k,
+		disabled: Ce,
+		onCheckedChange: V,
+		"aria-label": "Include notebook code"
+	}), e[26] = k, e[27] = Ce, e[28] = V, e[29] = H) : H = e[29];
+	let U;
+	e[30] === Symbol.for("react.memo_cache_sentinel") ? (U = /* @__PURE__ */ (0, x.jsx)("label", {
+		htmlFor: "issue-include-code",
+		children: "Include notebook code"
+	}), e[30] = U) : U = e[30];
+	let W;
+	e[31] === H ? W = e[32] : (W = /* @__PURE__ */ (0, x.jsxs)("div", {
+		className: "flex items-center gap-2 text-sm",
+		children: [H, U]
+	}), e[31] = H, e[32] = W);
+	let G;
+	e[33] === T ? G = e[34] : (G = T && /* @__PURE__ */ (0, x.jsx)("span", {
+		className: "text-xs text-muted-foreground ml-6",
+		children: T
+	}), e[33] = T, e[34] = G);
+	let K;
+	e[35] !== N || e[36] !== k ? (K = k && N.status === "error" && /* @__PURE__ */ (0, x.jsx)("span", {
+		className: "text-xs text-(--red-11) ml-6",
+		children: "Notebook source could not be loaded."
+	}), e[35] = N, e[36] = k, e[37] = K) : K = e[37];
+	let q;
+	e[38] !== W || e[39] !== G || e[40] !== K ? (q = /* @__PURE__ */ (0, x.jsxs)("div", {
+		className: "flex flex-col gap-1",
+		children: [
+			W,
+			G,
+			K
+		]
+	}), e[38] = W, e[39] = G, e[40] = K, e[41] = q) : q = e[41];
+	let J;
+	e[42] !== B || e[43] !== q ? (J = /* @__PURE__ */ (0, x.jsxs)("div", {
+		className: "flex flex-col gap-2",
+		children: [B, q]
+	}), e[42] = B, e[43] = q, e[44] = J) : J = e[44];
+	let Y;
+	e[45] !== c.status || e[46] !== t ? (Y = c.status === "pending" && t != null && /* @__PURE__ */ (0, x.jsxs)("div", {
+		className: "flex flex-col gap-2",
+		children: [
+			/* @__PURE__ */ (0, x.jsx)("span", {
+				className: "text-sm text-muted-foreground",
+				children: "Loading environment details…"
+			}),
+			/* @__PURE__ */ (0, x.jsx)(S, { className: "h-4 w-full" }),
+			/* @__PURE__ */ (0, x.jsx)(S, { className: "h-4 w-3/4" }),
+			/* @__PURE__ */ (0, x.jsx)(S, { className: "h-4 w-1/2" })
+		]
+	}), e[45] = c.status, e[46] = t, e[47] = Y) : Y = e[47];
+	let X;
+	e[48] !== c || e[49] !== t ? (X = (c.status === "error" || t == null) && /* @__PURE__ */ (0, x.jsxs)("div", {
+		className: "flex items-center gap-2 text-sm",
+		children: [
+			/* @__PURE__ */ (0, x.jsx)(h, { className: "w-4 h-4 text-(--yellow-11) shrink-0" }),
+			/* @__PURE__ */ (0, x.jsx)("span", { children: "Server environment information unavailable" }),
+			t != null && /* @__PURE__ */ (0, x.jsx)(n, {
+				type: "button",
+				variant: "link",
+				size: "xs",
+				onClick: () => c.refetch(),
+				children: "Retry"
+			})
+		]
+	}), e[48] = c, e[49] = t, e[50] = X) : X = e[50];
+	let Z;
+	e[51] !== A || e[52] !== f ? (Z = A && f.length === 0 && /* @__PURE__ */ (0, x.jsx)("span", {
+		className: "text-sm text-muted-foreground",
+		children: "No errors detected."
+	}), e[51] = A, e[52] = f, e[53] = Z) : Z = e[53];
+	let Q;
+	e[54] === Symbol.for("react.memo_cache_sentinel") ? (Q = /* @__PURE__ */ (0, x.jsx)("a", {
+		href: v.feedbackForm,
+		target: "_blank",
+		rel: "noreferrer",
+		className: "underline",
+		children: "two-minute survey"
+	}), e[54] = Q) : Q = e[54];
+	let $;
+	return e[55] === Symbol.for("react.memo_cache_sentinel") ? ($ = /* @__PURE__ */ (0, x.jsx)("div", {
+		className: "border-t pt-3",
+		children: /* @__PURE__ */ (0, x.jsxs)("p", {
+			className: "text-sm text-muted-foreground",
+			children: [
+				"Other feedback? Take our",
+				" ",
+				Q,
+				" ",
+				"or chat with us on",
+				" ",
+				/* @__PURE__ */ (0, x.jsx)("a", {
+					href: v.discordLink,
+					target: "_blank",
+					rel: "noreferrer",
+					className: "underline",
+					children: "Discord"
+				}),
+				"."
+			]
+		})
+	}), e[55] = $) : $ = e[55], /* @__PURE__ */ (0, x.jsxs)(ae, {
+		className: "w-[540px] max-w-[90vw]",
+		children: [P, /* @__PURE__ */ (0, x.jsxs)("div", {
+			className: "flex flex-col gap-4 max-h-[60vh] overflow-y-auto",
+			children: [
+				/* @__PURE__ */ (0, x.jsxs)("div", {
+					className: "flex flex-col gap-3",
+					children: [
+						/* @__PURE__ */ (0, x.jsx)(n, {
+							type: "button",
+							variant: "default",
+							size: "xs",
+							asChild: !0,
+							className: "self-start",
+							children: /* @__PURE__ */ (0, x.jsxs)("a", {
+								href: be,
+								target: "_blank",
+								rel: "noreferrer",
+								children: [F, "Open GitHub issue"]
+							})
+						}),
+						J,
+						Se ? /* @__PURE__ */ (0, x.jsxs)("div", {
+							className: "flex items-start gap-2 text-xs text-(--yellow-11)",
+							children: [/* @__PURE__ */ (0, x.jsx)(h, { className: "w-3.5 h-3.5 shrink-0 mt-0.5" }), /* @__PURE__ */ (0, x.jsxs)("span", { children: [
+								"Too large to prefill and left out of the link: ",
+								Se,
+								". Paste them into the issue manually."
+							] })]
+						}) : /* @__PURE__ */ (0, x.jsx)("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Your environment is always included."
+						})
+					]
+				}),
+				Y,
+				X,
+				A && /* @__PURE__ */ (0, x.jsxs)("div", {
+					className: "flex flex-col gap-1",
+					children: [/* @__PURE__ */ (0, x.jsxs)("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ (0, x.jsx)("span", {
+							className: "text-sm font-medium",
+							children: "Environment details"
+						}), /* @__PURE__ */ (0, x.jsx)(a, {
+							className: "w-3.5 h-3.5",
+							value: JSON.stringify(A, null, 2),
+							ariaLabel: "Copy environment JSON",
+							toastTitle: "Environment details copied"
+						})]
+					}), /* @__PURE__ */ (0, x.jsx)(ge, { content: JSON.stringify(A, null, 2) })]
+				}),
+				A && f.length > 0 && /* @__PURE__ */ (0, x.jsxs)("div", {
+					className: "flex flex-col gap-1",
+					children: [/* @__PURE__ */ (0, x.jsxs)("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ (0, x.jsx)("span", {
+							className: "text-sm font-medium",
+							children: "Errors"
+						}), /* @__PURE__ */ (0, x.jsx)(a, {
+							className: "w-3.5 h-3.5",
+							value: pe(f),
+							ariaLabel: "Copy errors",
+							toastTitle: "Errors copied"
+						})]
+					}), /* @__PURE__ */ (0, x.jsx)(ge, { content: f.map(p).join("\n\n---\n\n") })]
+				}),
+				Z,
+				$
+			]
+		})]
+	});
+};
+function E(e) {
+	return !e;
+}
+function ve(e) {
+	return e === "bug-description" ? "errors" : e === "reproduction-code" ? "code" : e;
+}
+//#endregion
+export { T as FeedbackModal };

package/dist/{flowDiagram-HODETNUW-DQ4JuadE.js → flowDiagram-HODETNUW-aIFlAtOy.js}

@@ -8,9 +8,9 @@ import "./chunk-4HAMMTFA-D4eFPyFh.js";
 import "./chunk-GVQU2GXP-Cwbt-lF0.js";
 import "./chunk-L3NEJ4N5-n-zgIVSy.js";
 import "./chunk-OSK3NFVY-DXa-Cxbn.js";
-import "./mermaid-Bjm6C1qN.js";
+import "./mermaid-A36unKXJ.js";
 import "./chunk-F27PBJKO-ufseIn5y.js";
 import "./chunk-XXDRQBXY-Dnl5VBqG.js";
 import "./chunk-POPQ4Y6H-hYOXbYH_.js";
-import { n as e } from "./chunk-SHT3W25Y-CMaybO3O.js";
+import { n as e } from "./chunk-SHT3W25Y-D0ZdASqB.js";
 export { e as diagram };

package/dist/{formats-Bv_5N2Ff.js → formats-PzBQMUnr.js}

@@ -1,10 +1,10 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
-import { h as t, r as n } from "./button-CvjkwdSk.js";
+import { h as t, r as n } from "./button-DZuNnIZO.js";
 import { t as r } from "./react-sHtZdjeP.js";
 import { t as i } from "./compiler-runtime-CldRdSsv.js";
-import { t as a } from "./toDate-BvdkR0aH.js";
-import { t as o } from "./jsx-runtime-3BD1kT0s.js";
-import { i as s } from "./loader-BPdQhmlq.js";
+import { t as a } from "./jsx-runtime-3BD1kT0s.js";
+import { u as o } from "./static-state-D-Q-Ajaa.js";
+import { i as s } from "./loader-DZvtzQoD.js";
 //#region ../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/isDate.js
 function c(e) {
 	return e instanceof Date || typeof e == "object" && Object.prototype.toString.call(e) === "[object Date]";
@@ -12,11 +12,11 @@ function c(e) {
 //#endregion
 //#region ../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/isValid.js
 function l(e) {
-	return !(!c(e) && typeof e != "number" || isNaN(+a(e)));
+	return !(!c(e) && typeof e != "number" || isNaN(+o(e)));
 }
 //#endregion
 //#region src/components/ui/alert.tsx
-var u = i(), d = /* @__PURE__ */ e(r(), 1), f = o(), p = n("relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:text-foreground [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:translate-y-[-3px] has-[svg]:pl-11", {
+var u = i(), d = /* @__PURE__ */ e(r(), 1), f = a(), p = n("relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:text-foreground [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:translate-y-[-3px] has-[svg]:pl-11", {
 	variants: { variant: {
 		default: "bg-background text-foreground",
 		destructive: "text-destructive border-destructive/50 dark:border-destructive [&>svg]:text-destructive text-destructive",