ryugi-artifacts 1.44.1 → 1.45.0

package/dist/viewer-lib/{PreviewView-BD64tt21.js → PreviewView-Clnb4pmR.js}

@@ -27,7 +27,7 @@ var f = [
 	"html",
 	"image",
 	"video"
-], m = (e) => e.type === "image" || e.type === "video", h = "[a-z0-9][a-z0-9-]*", g = "(?:[\\w-]{21}|[a-f0-9]{32})", _ = `(?:${h}|${g})`, v = RegExp(`^${h}$`), y = RegExp(`^${g}$`), b = (e) => v.test(e), x = (e) => y.test(e), S = (e) => v.test(e) || y.test(e), C = (e) => f.includes(e), w = class extends n {
+], m = (e) => e.type === "image" || e.type === "video", h = "[a-z0-9][a-z0-9-]*", g = "(?:[\\w-]{21}|[a-f0-9]{32})", _ = `(?:${h}|${g})`, v = RegExp(`^${h}$`), y = RegExp(`^${g}$`), b = (e) => v.test(e), x = (e) => y.test(e), ee = (e) => v.test(e) || y.test(e), S = (e) => f.includes(e), C = class extends n {
 	state = {
 		error: null,
 		resetKey: this.props.resetKey
@@ -47,17 +47,17 @@ var f = [
 			children: t("chrome.canvasFailed", { message: this.state.error.message })
 		}) : this.props.children;
 	}
-}, T = i(null);
-function E({ pageWindow: e, children: t }) {
-	return /* @__PURE__ */ l(T.Provider, {
+}, w = i(null);
+function T({ pageWindow: e, children: t }) {
+	return /* @__PURE__ */ l(w.Provider, {
 		value: e ?? null,
 		children: t
 	});
 }
-var D = () => o(T) ?? window;
+var E = () => o(w) ?? window;
 //#endregion
 //#region src/viewer/hooks/useSystemTheme.ts
-function O() {
+function D() {
 	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);
@@ -65,47 +65,47 @@ function O() {
 }
 //#endregion
 //#region src/viewer/lib/view.ts
-var k = .02, A = .9, j = (e) => Math.min(4, Math.max(k, e)), M = (e) => ({
+var te = .02, O = .9, k = (e) => Math.min(4, Math.max(te, e)), A = (e) => ({
 	minX: e.x,
 	minY: e.y,
 	maxX: e.x + e.w,
 	maxY: e.y + e.h
 });
-function N(e, t, n) {
-	let r = Math.max(1, t.width - n.left - n.right), i = Math.max(1, t.height - n.top - n.bottom), a = Math.max(1, e.maxX - e.minX), o = Math.max(1, e.maxY - e.minY), s = j(Math.min(1, Math.min(r / a, i / o) * A));
+function j(e, t, n) {
+	let r = Math.max(1, t.width - n.left - n.right), i = Math.max(1, t.height - n.top - n.bottom), a = Math.max(1, e.maxX - e.minX), o = Math.max(1, e.maxY - e.minY), s = k(Math.min(1, Math.min(r / a, i / o) * O));
 	return {
 		k: s,
 		x: n.left + (r - a * s) / 2 - e.minX * s,
 		y: n.top + (i - o * s) / 2 - e.minY * s
 	};
 }
-function P(e, t, n, r) {
-	let i = j(e.k * t), a = i / e.k;
+function M(e, t, n, r) {
+	let i = k(e.k * t), a = i / e.k;
 	return {
 		k: i,
 		x: n - (n - e.x) * a,
 		y: r - (r - e.y) * a
 	};
 }
-function F(e, t, n) {
+function N(e, t, n) {
 	let r = ([e, t]) => Math.max(1, Math.hypot(t.x - e.x, t.y - e.y)), i = ([e, t]) => ({
 		x: (e.x + t.x) / 2,
 		y: (e.y + t.y) / 2
-	}), a = j(e.k * (r(n) / r(t))), o = a / e.k, s = i(t), c = i(n);
+	}), a = k(e.k * (r(n) / r(t))), o = a / e.k, s = i(t), c = i(n);
 	return {
 		k: a,
 		x: c.x - (s.x - e.x) * o,
 		y: c.y - (s.y - e.y) * o
 	};
 }
-function I(e, t, n, r) {
-	return P(e, t / e.k, n, r);
+function P(e, t, n, r) {
+	return M(e, t / e.k, n, r);
 }
-function L(e, t, n) {
+function F(e, t, n) {
 	let r = e.boards[n];
 	if (r) return {
 		page: r.page,
-		bounds: M({
+		bounds: A({
 			...r,
 			y: r.y - 48,
 			h: r.h + 48
@@ -115,12 +115,12 @@ function L(e, t, n) {
 		let t = r.groups[n] ?? r.notes[n];
 		if (t) return {
 			page: e,
-			bounds: M(t)
+			bounds: A(t)
 		};
 	}
 	return null;
 }
-function R(e, t) {
+function I(e, t) {
 	let n = e.w * t.k;
 	return n < 48 ? null : {
 		left: t.x + e.x * t.k,
@@ -128,34 +128,34 @@ function R(e, t) {
 		width: n
 	};
 }
-var z = {
+var L = {
 	base: 27,
 	follow: .7,
 	min: 4,
 	hideBelow: .05,
 	cap: !0
-}, B = {
+}, R = {
 	base: 23,
 	follow: .85,
 	min: 0,
 	hideBelow: .11,
 	cap: !0
-}, V = {
+}, z = {
 	follow: 1,
 	min: 24,
 	hideBelow: 0,
 	cap: !1
 };
-function H(e, t) {
+function B(e, t) {
 	if (t < e.hideBelow) return null;
 	let n = e.base * t ** e.follow;
 	return Math.max(e.cap ? Math.min(n, e.base) : n, e.min);
 }
-var U = (e, t) => H({
-	...V,
+var V = (e, t) => B({
+	...z,
 	base: e
 }, t) / (e * t);
-function W(e, t, n, r) {
+function H(e, t, n, r) {
 	let i = (e, t, n) => 3 * t * e * (1 - e) ** 2 + 3 * n * e ** 2 * (1 - e) + e ** 3, a = (e, t, n) => 3 * t * (1 - e) ** 2 + 6 * (n - t) * e * (1 - e) + 3 * (1 - n) * e ** 2;
 	return (o) => {
 		if (o <= 0 || o >= 1) return Math.min(1, Math.max(0, o));
@@ -168,11 +168,21 @@ function W(e, t, n, r) {
 		return i(s, t, r);
 	};
 }
-var G = (e, t, n) => ({
+var U = (e, t, n) => ({
 	x: e.x + (t.x - e.x) * n,
 	y: e.y + (t.y - e.y) * n,
 	k: e.k + (t.k - e.k) * n
-}), K = [
+}), W = {
+	width: 1440,
+	height: 900
+};
+function G({ device: e = {}, viewport: t }) {
+	let { cores: n, memoryGB: r } = e, i = Math.min(Math.max(t.width * t.height / (W.width * W.height), .75), 1.75), a = r !== void 0 && r <= 4 ? .5 : 1, o = n !== void 0 && n <= 4 ? .7 : 1, s = n !== void 0 && n >= 12 ? 1.2 : 1;
+	return Math.min(Math.max(Math.round(24 * i * a * o * s), 8), 32);
+}
+//#endregion
+//#region src/viewer/lib/board-tiers.ts
+var K = [
 	.125,
 	.25,
 	.5,
@@ -187,8 +197,8 @@ var G = (e, t, n) => ({
 		bottom: r + e.h * t.k
 	};
 }, X = ({ 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 Z({ boards: e, view: t, viewport: n, pinned: r, snapshots: i, hovered: a }) {
-	let o = e.map((e) => {
+function Z({ boards: e, view: t, viewport: n, pinned: r, snapshots: i, hovered: a, limit: o = 24, untilSnapshot: s = !1 }) {
+	let c = e.map((e) => {
 		let r = Y(e, t), { left: i, top: a, right: o, bottom: s } = r, c = X(r, n), l = Math.hypot(Math.max(0, -o, i - n.width), Math.max(0, -s, a - n.height));
 		return {
 			id: e.id,
@@ -196,8 +206,8 @@ function Z({ boards: e, view: t, viewport: n, pinned: r, snapshots: i, hovered:
 			mostlyVisible: c * 2 > Math.min((o - i) * (s - a), n.width * n.height),
 			distance: l
 		};
-	}), 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"]));
+	}), l = a && !r.has(a) && c.some((e) => e.id === a) ? [a] : [], u = t.k >= .4 ? c.filter((e) => e.mostlyVisible && !r.has(e.id) && e.id !== a && (!s || !i.has(e.id))).sort((e, t) => t.area - e.area).map((e) => e.id) : [], d = new Set([...l, ...u].slice(0, Math.max(0, o)));
+	return new Map(c.map(({ id: e, distance: t }) => r.has(e) || d.has(e) ? [e, "live"] : t > n.width ? [e, "empty"] : [e, i.has(e) ? "snapshot" : "placeholder"]));
 }
 function Q({ boards: e, view: t, viewport: n }) {
 	return new Map(e.map((e) => {
@@ -211,16 +221,16 @@ function Q({ boards: e, view: t, viewport: n }) {
 		}];
 	}));
 }
-function $({ 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) => ({
+function ne({ boards: e, view: t, viewport: n, snapshots: r, skip: i, minWidth: a = 120 }) {
+	return e.filter((e) => !r.has(e.id) && !i.has(e.id) && e.w * t.k >= a).map((e) => ({
 		id: e.id,
 		area: X(Y(e, t), n)
 	})).filter((e) => e.area > 0).sort((e, t) => t.area - e.area).map((e) => e.id);
 }
 //#endregion
 //#region src/viewer/layouts/PreviewView.tsx
-var ee = a(() => import("./shims.js").then(() => import("./SnapshotDocument-B2n8Szmf.js").then((e) => e.n))), te = a(() => import("./Canvas-CNqEckLj.js").then((e) => e.n).then(({ Canvas: e }) => ({ default: e }))), ne = () => () => {}, re = () => {}, ie = /* @__PURE__ */ new Set();
-function ae({ type: t, id: n, data: i, failed: a }) {
+var re = a(() => import("./shims.js").then(() => import("./SnapshotDocument-B2n8Szmf.js").then((e) => e.n))), $ = a(() => import("./Canvas-OcYUm3tP.js").then((e) => e.n).then(({ Canvas: e }) => ({ default: e }))), ie = () => () => {}, ae = () => {}, oe = /* @__PURE__ */ new Set();
+function se({ type: t, id: n, data: i, failed: a }) {
 	let { t: o } = e(), [u, d] = c(() => ({
 		width: innerWidth,
 		height: innerHeight
@@ -245,11 +255,11 @@ function ae({ type: t, id: n, data: i, failed: a }) {
 		tabIndex: -1,
 		title: i.title
 	});
-	if (t === "document") return i.state ? /* @__PURE__ */ l(w, {
+	if (t === "document") return i.state ? /* @__PURE__ */ l(C, {
 		resetKey: i.state,
 		children: /* @__PURE__ */ l(r, {
 			fallback: f(o("preview.loading")),
-			children: /* @__PURE__ */ l(ee, {
+			children: /* @__PURE__ */ l(re, {
 				contentBase: i.contentBase,
 				id: n,
 				state: i.state
@@ -258,7 +268,7 @@ function ae({ type: t, id: n, data: i, failed: a }) {
 	}) : f(o("preview.waitingDocument"));
 	let p = i.canvas, m = p?.activePage ?? p?.pages[0]?.id, h = m ? i.layout?.pages[m]?.bounds : null;
 	if (!p || !m || !h) return f(o("preview.waitingCanvas"));
-	let g = N(h, u, {
+	let g = j(h, u, {
 		top: 24,
 		right: 24,
 		bottom: 24,
@@ -266,19 +276,19 @@ function ae({ type: t, id: n, data: i, failed: a }) {
 	}), _ = Object.entries(p.boards).filter(([, e]) => e.page === m);
 	return /* @__PURE__ */ l("div", {
 		className: "artifact-preview-canvas",
-		children: /* @__PURE__ */ l(w, {
+		children: /* @__PURE__ */ l(C, {
 			resetKey: p,
 			children: /* @__PURE__ */ l(r, {
 				fallback: f(o("preview.loading")),
-				children: /* @__PURE__ */ l(te, {
+				children: /* @__PURE__ */ l($, {
 					boards: _,
 					contentBase: i.contentBase,
-					frameLoaded: re,
-					frameRef: ne,
+					frameLoaded: ae,
+					frameRef: ie,
 					inspecting: !1,
 					notes: Object.entries(p.notes ?? {}).filter(([, e]) => e.page === m),
 					pending: new Set(i.pending),
-					playing: ie,
+					playing: oe,
 					replays: {},
 					versions: i.versions ?? {},
 					view: g,
@@ -296,4 +306,4 @@ function ae({ type: t, id: n, data: i, failed: a }) {
 	});
 }
 //#endregion
-export { d as A, x as C, f as D, C as E, p as O, _ as S, S as T, I as _, Q as a, D as b, W as c, H as d, F as f, P as g, G as h, J as i, m as k, N as l, U as m, $ as n, B as o, L as p, Z as r, z as s, ae as t, R as u, O as v, b as w, w as x, E as y };
+export { m as A, _ as C, S as D, ee as E, f as O, C as S, b as T, M as _, Q as a, T as b, L as c, I as d, B as f, U as g, V as h, J as i, d as j, p as k, H as l, F as m, ne as n, G as o, N as p, Z as r, R as s, se as t, j as u, P as v, x as w, E as x, D as y };

package/dist/viewer-lib/core.js

@@ -1,4 +1,4 @@
 import './stylex-Bp5PFQ3Y.css';
-import { A as e, C as t, D as n, E as r, O as i, S as a, T as o, k as s, t as c, v as l, w as u, y as d } from "./PreviewView-BD64tt21.js";
+import { A as e, C as t, D as n, E as r, O as i, T as a, b as o, j as s, k as c, t as l, w as u, y as d } from "./PreviewView-Clnb4pmR.js";
 import { a as f, c as p, d as m, f as h, i as g, l as _, m as v, n as y, o as b, p as x, r as S, s as C, t as w, u as T } from "./i18n-ah-b6Etu.js";
-export { a as ARTIFACT_LOCATOR_SOURCE, n as ARTIFACT_TYPES, i as BOARD_TYPES, b as HTML_LANG, c as PreviewView, w as Trans, d as ViewerProvider, e as cloudErrorDetails, y as createViewerI18n, S as i18n, t as isArtifactAddress, u as isArtifactId, o as isArtifactLocator, r as isArtifactType, s as isMediaBoard, _ as isVisibility, T as ownLink, C as parseAcceptLanguage, m as publishState, h as publishing, x as readPublication, p as resolveLocale, v as syncNote, g as t, l as useSystemTheme, f as useTranslation };
+export { t as ARTIFACT_LOCATOR_SOURCE, i as ARTIFACT_TYPES, c as BOARD_TYPES, b as HTML_LANG, l as PreviewView, w as Trans, o as ViewerProvider, s as cloudErrorDetails, y as createViewerI18n, S as i18n, u as isArtifactAddress, a as isArtifactId, r as isArtifactLocator, n as isArtifactType, e as isMediaBoard, _ as isVisibility, T as ownLink, C as parseAcceptLanguage, m as publishState, h as publishing, x as readPublication, p as resolveLocale, v as syncNote, g as t, d as useSystemTheme, f as useTranslation };