ryugi-artifacts 1.40.0 → 1.41.1

package/dist/viewer-lib/{Canvas-BBqpPRdY.js → Canvas-BsBvccuh.js}

@@ -1,6 +1,6 @@
 import './Canvas-DpuVHV-Q.css';
 import { n as e } from "./rolldown-runtime-5HNE8Q1r.js";
-import { E as t, b as n } from "./ids-DDz78ZZ5.js";
+import { D as t, x as n } from "./ids-AIzX298J.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 { E as e, T as t, a as n, i as r, n as i, o as a, r as o, t as s, w as c } from "./ids-DDz78ZZ5.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-AIzX298J.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 { c as ARTIFACT_TYPES, t as BOARD_TYPES, f as HTML_LANG, n as PreviewView, b as Trans, a as ViewerProvider, o as cloudErrorDetails, u as createViewerI18n, m as i18n, s as isArtifactId, i 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, r as useSystemTheme, d as useTranslation };
+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-DDz78ZZ5.js → ids-AIzX298J.js}

@@ -153,19 +153,19 @@ var A = (e, t, n) => ({
 		right: n + e.w * t.k,
 		bottom: r + e.h * t.k
 	};
-};
-function I({ boards: e, view: t, viewport: n, pinned: r, snapshots: i }) {
+}, 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) => {
-		let { left: r, top: i, right: a, bottom: o } = F(e, t), s = Math.max(0, Math.min(a, n.width) - Math.max(r, 0)) * Math.max(0, Math.min(o, n.height) - Math.max(i, 0)), c = Math.hypot(Math.max(0, -a, r - n.width), Math.max(0, -o, i - n.height));
+		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: s,
-			distance: c
+			area: c,
+			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"]));
 }
-function L({ boards: e, view: t, viewport: n }) {
+function R({ boards: e, view: t, viewport: n }) {
 	return new Map(e.map((e) => {
 		let { left: r, top: i, right: a, bottom: o } = F(e, t), s = a >= -240 && o >= -240 && r <= n.width + N && i <= n.height + N;
 		return [e.id, {
@@ -177,17 +177,23 @@ function L({ boards: e, view: t, viewport: n }) {
 		}];
 	}));
 }
+function z({ boards: e, view: t, viewport: n, snapshots: r, skip: i }) {
+	return e.filter((e) => !r.has(e.id) && !i.has(e.id) && e.w * t.k >= 120).map((e) => ({
+		id: e.id,
+		area: I(F(e, t), n)
+	})).filter((e) => e.area > 0).sort((e, t) => t.area - e.area).map((e) => e.id);
+}
 //#endregion
 //#region src/viewer/ViewerContext.tsx
-var R = i(null);
-function z({ pageWindow: e, children: t }) {
-	return /* @__PURE__ */ l(R.Provider, {
+var B = i(null);
+function V({ pageWindow: e, children: t }) {
+	return /* @__PURE__ */ l(B.Provider, {
 		value: e ?? null,
 		children: t
 	});
 }
-var B = () => o(R) ?? window, V = a(() => import("./shims.js").then(() => import("./SnapshotDocument-De-tiDPI.js").then((e) => e.n))), H = a(() => import("./Canvas-BBqpPRdY.js").then((e) => e.n).then(({ Canvas: e }) => ({ default: e }))), U = () => () => {}, W = () => {}, G = /* @__PURE__ */ new Set();
-function K({ type: t, id: n, data: i, failed: a }) {
+var H = () => o(B) ?? window, U = a(() => import("./shims.js").then(() => import("./SnapshotDocument-De-tiDPI.js").then((e) => e.n))), W = a(() => import("./Canvas-BsBvccuh.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,
 		height: innerHeight
@@ -216,7 +222,7 @@ function K({ type: t, id: n, data: i, failed: a }) {
 		resetKey: i.state,
 		children: /* @__PURE__ */ l(r, {
 			fallback: f(o("preview.loading")),
-			children: /* @__PURE__ */ l(V, {
+			children: /* @__PURE__ */ l(U, {
 				id: n,
 				state: i.state,
 				contentBase: i.contentBase
@@ -237,9 +243,9 @@ function K({ type: t, id: n, data: i, failed: a }) {
 			resetKey: p,
 			children: /* @__PURE__ */ l(r, {
 				fallback: f(o("preview.loading")),
-				children: /* @__PURE__ */ l(H, {
+				children: /* @__PURE__ */ l(W, {
 					view: g,
-					renders: L({
+					renders: R({
 						boards: _.map(([e, t]) => ({
 							id: e,
 							...t
@@ -252,11 +258,11 @@ function K({ type: t, id: n, data: i, failed: a }) {
 					contentBase: i.contentBase,
 					versions: i.versions ?? {},
 					pending: new Set(i.pending),
-					playing: G,
+					playing: q,
 					replays: {},
 					inspecting: !1,
-					frameRef: U,
-					frameLoaded: W
+					frameRef: G,
+					frameLoaded: K
 				})
 			})
 		})
@@ -264,7 +270,7 @@ function K({ type: t, id: n, data: i, failed: a }) {
 }
 //#endregion
 //#region src/viewer/hooks/useSystemTheme.ts
-function q() {
+function Y() {
 	s(() => {
 		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = () => u({ appearance: e.matches ? "dark" : "light" });
 		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
@@ -272,7 +278,7 @@ function q() {
 }
 //#endregion
 //#region src/shared/cloud-error.ts
-function J(e) {
+function X(e) {
 	if (!e || typeof e != "object") return {};
 	let t = e, n = {};
 	if (typeof t.code == "string" && (n.code = t.code), (t.plan === "free" || t.plan === "pro") && (n.plan = t.plan), typeof t.upgradeUrl == "string" && (n.upgradeUrl = t.upgradeUrl), t.limit && typeof t.limit == "object") {
@@ -287,6 +293,6 @@ function J(e) {
 }
 //#endregion
 //#region src/shared/ids.ts
-var Y = /^[a-z0-9][a-z0-9-]*$/, X = (e) => Y.test(e), Z = (e) => d.includes(e);
+var Z = /^[a-z0-9][a-z0-9-]*$/, Q = (e) => Z.test(e), $ = (e) => d.includes(e);
 //#endregion
-export { x as C, p as E, y as S, f as T, D as _, K as a, O as b, I as c, j as d, T as f, C as g, v as h, q as i, P as l, k as m, Z as n, z as o, w as p, J as r, B as s, X as t, L as u, b as v, d as w, A as x, S as y };
+export { y as C, p as D, f as E, A as S, d as T, C as _, J as a, S as b, z as c, R as d, j as f, v as g, k as h, Y as i, L as l, w as m, $ as n, V as o, T as p, X as r, H as s, Q as t, P as u, D as v, x as w, O as x, b as y };