ryugi-artifacts 1.41.0 → 1.42.0

package/dist/viewer-lib/{Canvas-BL1JoYEQ.js → Canvas-BdS1Xa5w.js}

@@ -1,6 +1,6 @@
 import './Canvas-DpuVHV-Q.css';
 import { n as e } from "./rolldown-runtime-5HNE8Q1r.js";
-import { D as t, x as n } from "./ids-8QtprMNq.js";
+import { D as t, x as n } from "./ids-Crgtnwo0.js";
 import { d as r } from "./cloud-BA1xJLJk.js";
 import { useEffect as i, useLayoutEffect as a, useRef as o, useState as s } from "react";
 import { Maximize2 as c, Repeat as l } from "lucide-react";
@@ -391,7 +391,7 @@ function O({ x: e, y: t, zoom: n, agent: r, title: i }) {
 }
 //#endregion
 //#region src/viewer/components/Canvas.tsx
-var k = /* @__PURE__ */ e({ Canvas: () => N });
+var k = /* @__PURE__ */ e({ Canvas: () => P });
 function A(e) {
 	if (!e) return {
 		backgroundColor: "#fff6db",
@@ -410,8 +410,8 @@ function A(e) {
 		color: .2126 * n + .7152 * r + .0722 * i > .179 ? "#000" : "#fff"
 	};
 }
-var j = { visibility: "hidden" };
-function M({ image: e, showImage: t, hideFrame: n, frame: r, onError: a }) {
+var j = { visibility: "hidden" }, M = { opacity: 0 };
+function N({ image: e, showImage: t, hideFrame: n, frame: r, onError: a }) {
 	let [c, l] = s(null), [u, m] = s(!1), [h, g] = s(!1), _ = o(t);
 	i(() => {
 		if (!t || !c) {
@@ -443,7 +443,7 @@ function M({ image: e, showImage: t, hideFrame: n, frame: r, onError: a }) {
 		className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq x47corl"
 	}, t))] });
 }
-function N({ view: e, renders: r, boards: i, notes: a, contentBase: o, versions: s, pending: c, playing: l, replays: u, inspecting: m, frameRef: v, frameLoaded: y, live: b, writing: x, agent: S, onExpand: w, onImageError: T }) {
+function P({ view: e, renders: r, boards: i, notes: a, contentBase: o, versions: s, pending: c, playing: l, replays: u, inspecting: m, frameRef: v, frameLoaded: y, live: b, writing: x, agent: S, onExpand: w, onImageError: T }) {
 	let E = x;
 	if (b) {
 		E = void 0;
@@ -484,7 +484,7 @@ function N({ view: e, renders: r, boards: i, notes: a, contentBase: o, versions:
 						src: _(o, i.file, s[i.file] ?? 0, 0),
 						zoom: e.k,
 						onExpand: w && (() => w(n))
-					}) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(M, {
+					}) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(N, {
 						image: D,
 						showImage: !E || !!b?.overlay,
 						hideFrame: !!b?.hidden,
@@ -492,7 +492,7 @@ function N({ view: e, renders: r, boards: i, notes: a, contentBase: o, versions:
 						frame: E ? (e) => /* @__PURE__ */ f("iframe", {
 							ref: v(n),
 							onLoad: () => y(n),
-							style: e ? j : void 0,
+							style: e ? M : void 0,
 							title: i.title ?? n,
 							src: _(o, i.file, s[i.file] ?? 0, u[n] ?? 0),
 							sandbox: "allow-scripts",
@@ -544,4 +544,4 @@ function N({ view: e, renders: r, boards: i, notes: a, contentBase: o, versions:
 	});
 }
 //#endregion
-export { h as a, S as i, k as n, g as o, C as r, m as s, N as t };
+export { h as a, S as i, k as n, g as o, C as r, m as s, P as t };

package/dist/viewer-lib/core.js

@@ -1,4 +1,4 @@
 import './stylex-Bp5PFQ3Y.css';
-import { D as e, E as t, T as n, a as r, i, n as a, o, r as s, t as c } from "./ids-8QtprMNq.js";
+import { D as e, E as t, T as n, a as r, i, n as a, o, r as s, t as c } from "./ids-Crgtnwo0.js";
 import { a as l, c as u, d, f, i as p, l as m, m as h, n as g, o as _, p as v, r as y, s as b, t as x, u as S } from "./cloud-BA1xJLJk.js";
 export { n as ARTIFACT_TYPES, t as BOARD_TYPES, f as HTML_LANG, r as PreviewView, b as Trans, o as ViewerProvider, s as cloudErrorDetails, u as createViewerI18n, m as i18n, c as isArtifactId, a as isArtifactType, e as isMediaBoard, x as isVisibility, g as ownLink, v as parseAcceptLanguage, y as publishState, p as publishing, l as readPublication, h as resolveLocale, _ as syncNote, S as t, i as useSystemTheme, d as useTranslation };

package/dist/viewer-lib/{ids-8QtprMNq.js → ids-Crgtnwo0.js}

@@ -154,16 +154,17 @@ var A = (e, t, n) => ({
 		bottom: r + e.h * t.k
 	};
 }, I = ({ left: e, top: t, right: n, bottom: r }, i) => Math.max(0, Math.min(n, i.width) - Math.max(e, 0)) * Math.max(0, Math.min(r, i.height) - Math.max(t, 0));
-function L({ boards: e, view: t, viewport: n, pinned: r, snapshots: i }) {
-	let a = e.map((e) => {
+function L({ boards: e, view: t, viewport: n, pinned: r, snapshots: i, hovered: a }) {
+	let o = e.map((e) => {
 		let r = F(e, t), { left: i, top: a, right: o, bottom: s } = r, c = I(r, n), l = Math.hypot(Math.max(0, -o, i - n.width), Math.max(0, -s, a - n.height));
 		return {
 			id: e.id,
 			area: c,
+			mostlyVisible: c * 2 > Math.min((o - i) * (s - a), n.width * n.height),
 			distance: l
 		};
-	}), o = t.k >= .4 ? new Set(a.filter((e) => e.area > 0).sort((e, t) => t.area - e.area).slice(0, 4).map((e) => e.id)) : /* @__PURE__ */ new Set();
-	return new Map(a.map(({ id: e, distance: t }) => r.has(e) || o.has(e) ? [e, "live"] : t > n.width ? [e, "empty"] : [e, i.has(e) ? "snapshot" : "placeholder"]));
+	}), s = a && !r.has(a) && o.some((e) => e.id === a) ? [a] : [], c = t.k >= .4 ? o.filter((e) => e.mostlyVisible && !r.has(e.id) && e.id !== a).sort((e, t) => t.area - e.area).map((e) => e.id) : [], l = new Set([...s, ...c].slice(0, 8));
+	return new Map(o.map(({ id: e, distance: t }) => r.has(e) || l.has(e) ? [e, "live"] : t > n.width ? [e, "empty"] : [e, i.has(e) ? "snapshot" : "placeholder"]));
 }
 function R({ boards: e, view: t, viewport: n }) {
 	return new Map(e.map((e) => {
@@ -192,7 +193,7 @@ function V({ pageWindow: e, children: t }) {
 		children: t
 	});
 }
-var H = () => o(B) ?? window, U = a(() => import("./shims.js").then(() => import("./SnapshotDocument-De-tiDPI.js").then((e) => e.n))), W = a(() => import("./Canvas-BL1JoYEQ.js").then((e) => e.n).then(({ Canvas: e }) => ({ default: e }))), G = () => () => {}, K = () => {}, q = /* @__PURE__ */ new Set();
+var H = () => o(B) ?? window, U = a(() => import("./shims.js").then(() => import("./SnapshotDocument-De-tiDPI.js").then((e) => e.n))), W = a(() => import("./Canvas-BdS1Xa5w.js").then((e) => e.n).then(({ Canvas: e }) => ({ default: e }))), G = () => () => {}, K = () => {}, q = /* @__PURE__ */ new Set();
 function J({ type: t, id: n, data: i, failed: a }) {
 	let { t: o } = e(), [u, d] = c(() => ({
 		width: innerWidth,