ryugi-artifacts 1.47.0 → 1.48.0

package/dist/viewer-lib/{PreviewView-DrA6Vyn8.js → PreviewView-Dhif0ukY.js}

@@ -27,7 +27,16 @@ var p = [
 	"html",
 	"image",
 	"video"
-], h = (e) => e.type === "image" || e.type === "video", g = "[a-z0-9][a-z0-9-]*", _ = "(?:[\\w-]{21}|[a-f0-9]{32})", v = `(?:${g}|${_})`, y = RegExp(`^${g}$`), b = RegExp(`^${_}$`), ee = (e) => y.test(e), te = (e) => b.test(e), x = (e) => y.test(e) || b.test(e), ne = (e) => p.includes(e), S = class extends r {
+], h = (e) => e.type === "image" || e.type === "video", g = "[a-z0-9][a-z0-9-]*", _ = "(?:[\\w-]{21}|[a-f0-9]{32})", v = `(?:${g}|${_})`, y = RegExp(`^${g}$`), b = RegExp(`^${_}$`), ee = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz", x = 21, S = RegExp(`^[a-z0-9]{${x}}$`, "i"), C = 248;
+function w() {
+	let e = "", t = /* @__PURE__ */ new Uint8Array(42);
+	for (; e.length < x;) {
+		crypto.getRandomValues(t);
+		for (let n of t) if (!(n >= C) && (e += ee[n % 62], e.length === x)) break;
+	}
+	return e;
+}
+var T = (e) => S.test(e), E = (e) => y.test(e), D = (e) => b.test(e), O = (e) => y.test(e) || b.test(e), k = (e) => p.includes(e), A = class extends r {
 	state = {
 		error: null,
 		resetKey: this.props.resetKey
@@ -47,17 +56,17 @@ var p = [
 			children: t("chrome.canvasFailed", { message: this.state.error.message })
 		}) : this.props.children;
 	}
-}, C = a(null);
-function w({ pageWindow: e, children: t }) {
-	return /* @__PURE__ */ u(C.Provider, {
+}, j = a(null);
+function M({ pageWindow: e, children: t }) {
+	return /* @__PURE__ */ u(j.Provider, {
 		value: e ?? null,
 		children: t
 	});
 }
-var T = () => s(C) ?? window;
+var N = () => s(j) ?? window;
 //#endregion
 //#region src/viewer/hooks/useSystemTheme.ts
-function E() {
+function P() {
 	c(() => {
 		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = () => d({ appearance: e.matches ? "dark" : "light" });
 		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
@@ -65,47 +74,47 @@ function E() {
 }
 //#endregion
 //#region src/viewer/lib/view.ts
-var D = .02, O = .9, k = (e) => Math.min(4, Math.max(D, e)), A = (e) => ({
+var F = .02, I = .9, L = (e) => Math.min(4, Math.max(F, e)), R = (e) => ({
 	minX: e.x,
 	minY: e.y,
 	maxX: e.x + e.w,
 	maxY: e.y + e.h
 });
-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));
+function z(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 = L(Math.min(1, Math.min(r / a, i / o) * I));
 	return {
 		k: s,
 		x: n.left + (r - a * s) / 2 - e.minX * s,
 		y: n.top + (i - o * s) / 2 - e.minY * s
 	};
 }
-function M(e, t, n, r) {
-	let i = k(e.k * t), a = i / e.k;
+function B(e, t, n, r) {
+	let i = L(e.k * t), a = i / e.k;
 	return {
 		k: i,
 		x: n - (n - e.x) * a,
 		y: r - (r - e.y) * a
 	};
 }
-function N(e, t, n) {
+function V(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 = k(e.k * (r(n) / r(t))), o = a / e.k, s = i(t), c = i(n);
+	}), a = L(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 P(e, t, n, r) {
-	return M(e, t / e.k, n, r);
+function H(e, t, n, r) {
+	return B(e, t / e.k, n, r);
 }
-function F(e, t, n) {
+function U(e, t, n) {
 	let r = e.boards[n];
 	if (r) return {
 		page: r.page,
-		bounds: A({
+		bounds: R({
 			...r,
 			y: r.y - 48,
 			h: r.h + 48
@@ -115,12 +124,12 @@ function F(e, t, n) {
 		let t = r.groups[n] ?? r.notes[n];
 		if (t) return {
 			page: e,
-			bounds: A(t)
+			bounds: R(t)
 		};
 	}
 	return null;
 }
-function I(e, t) {
+function W(e, t) {
 	let n = e.w * t.k;
 	return n < 48 ? null : {
 		left: t.x + e.x * t.k,
@@ -128,34 +137,34 @@ function I(e, t) {
 		width: n
 	};
 }
-var L = {
+var G = {
 	base: 27,
 	follow: .7,
 	min: 4,
 	hideBelow: .05,
 	cap: !0
-}, R = {
+}, K = {
 	base: 23,
 	follow: .85,
 	min: 0,
 	hideBelow: .11,
 	cap: !0
-}, z = {
+}, q = {
 	follow: 1,
 	min: 24,
 	hideBelow: 0,
 	cap: !1
 };
-function B(e, t) {
+function J(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 V = (e, t) => B({
-	...z,
+var Y = (e, t) => J({
+	...q,
 	base: e
 }, t) / (e * t);
-function H(e, t, n, r) {
+function X(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,68 +177,22 @@ function H(e, t, n, r) {
 		return i(s, t, r);
 	};
 }
-var U = (e, t, n) => ({
+var Z = (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
-}), 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,
-	1,
-	2
-], q = 240, J = (e, t) => K.find((n) => n >= e * t) ?? K.at(-1), Y = (e, t) => {
-	let n = t.x + e.x * t.k, r = t.y + e.y * t.k;
-	return {
-		left: n,
-		top: r,
-		right: n + e.w * t.k,
-		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 re({ 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,
-			area: c,
-			mostlyVisible: c * 2 > Math.min((o - i) * (s - a), n.width * n.height),
-			distance: l
-		};
-	}), 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 Z({ boards: e, view: t, viewport: n }) {
-	return new Map(e.map((e) => {
-		let { left: r, top: i, right: a, bottom: o } = Y(e, t), s = a >= -240 && o >= -240 && r <= n.width + q && i <= n.height + q;
-		return [e.id, {
-			tier: s ? "live" : "empty",
-			mounted: s,
-			image: null,
-			overlay: !1,
-			hidden: !1
-		}];
-	}));
-}
-function ie({ 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);
+});
+function Q(e, t, n, r = 240) {
+	let i = /* @__PURE__ */ new Set();
+	for (let a of e) {
+		let e = t.x + a.x * t.k, o = t.y + a.y * t.k, s = e + a.w * t.k, c = o + a.h * t.k;
+		(s < -r || c < -r || e > n.width + r || o > n.height + r) && i.add(a.id);
+	}
+	return i;
 }
 //#endregion
 //#region src/viewer/layouts/previewStyles.ts
-var Q = {
+var $ = {
 	message: {
 		kVAEAm: "xixxii4",
 		k87sOh: "x13vifvy",
@@ -270,8 +233,8 @@ var Q = {
 		kgSjnq: "xcdf9qb",
 		$$css: !0
 	}
-}, ae = o(() => import("./shims.js").then(() => import("./SnapshotDocument-DQoei-wY.js").then((e) => e.n))), oe = o(() => import("./Canvas-CsAyNFlN.js").then((e) => e.n).then(({ Canvas: e }) => ({ default: e }))), $ = () => () => {}, se = () => {}, ce = /* @__PURE__ */ new Set();
-function le({ type: t, id: r, data: a, failed: o }) {
+}, te = o(() => import("./shims.js").then(() => import("./SnapshotDocument-DQoei-wY.js").then((e) => e.n))), ne = o(() => import("./Canvas-aHZz21RV.js").then((e) => e.n).then(({ Canvas: e }) => ({ default: e }))), re = () => () => {}, ie = () => {}, ae = /* @__PURE__ */ new Set();
+function oe({ type: t, id: r, data: a, failed: o }) {
 	let { t: s } = e(), [d, f] = l(() => ({
 		width: innerWidth,
 		height: innerHeight
@@ -284,23 +247,23 @@ function le({ type: t, id: r, data: a, failed: o }) {
 		return addEventListener("resize", e), () => removeEventListener("resize", e);
 	}, []);
 	let p = (e) => /* @__PURE__ */ u("div", {
-		...n(Q.message),
+		...n($.message),
 		children: e
 	});
 	if (o) return p(s("preview.unavailable"));
 	if (!a) return p(s("preview.loading"));
 	if (t === "html") return a.warnings?.length ? p(s("preview.waitingPage")) : /* @__PURE__ */ u("iframe", {
-		...n(Q.html),
+		...n($.html),
 		sandbox: "allow-scripts",
 		src: `${a.contentBase}index.html`,
 		tabIndex: -1,
 		title: a.title
 	});
-	if (t === "document") return a.state ? /* @__PURE__ */ u(S, {
+	if (t === "document") return a.state ? /* @__PURE__ */ u(A, {
 		resetKey: a.state,
 		children: /* @__PURE__ */ u(i, {
 			fallback: p(s("preview.loading")),
-			children: /* @__PURE__ */ u(ae, {
+			children: /* @__PURE__ */ u(te, {
 				contentBase: a.contentBase,
 				id: r,
 				state: a.state
@@ -309,42 +272,38 @@ function le({ type: t, id: r, data: a, failed: o }) {
 	}) : p(s("preview.waitingDocument"));
 	let m = a.canvas, h = m?.activePage ?? m?.pages[0]?.id, g = h ? a.layout?.pages[h]?.bounds : null;
 	if (!m || !h || !g) return p(s("preview.waitingCanvas"));
-	let _ = j(g, d, {
+	let _ = z(g, d, {
 		top: 24,
 		right: 24,
 		bottom: 24,
 		left: 24
 	}), v = Object.entries(m.boards).filter(([, e]) => e.page === h);
 	return /* @__PURE__ */ u("div", {
-		...n(Q.canvas),
-		children: /* @__PURE__ */ u(S, {
+		...n($.canvas),
+		children: /* @__PURE__ */ u(A, {
 			resetKey: m,
 			children: /* @__PURE__ */ u(i, {
 				fallback: p(s("preview.loading")),
-				children: /* @__PURE__ */ u(oe, {
+				children: /* @__PURE__ */ u(ne, {
 					boards: v,
 					contentBase: a.contentBase,
-					frameLoaded: se,
-					frameRef: $,
+					frameLoaded: ie,
+					frameRef: re,
 					inspecting: !1,
 					notes: Object.entries(m.notes ?? {}).filter(([, e]) => e.page === h),
 					pending: new Set(a.pending),
-					playing: ce,
+					playing: ae,
 					replays: {},
 					versions: a.versions ?? {},
 					view: _,
-					renders: Z({
-						boards: v.map(([e, t]) => ({
-							id: e,
-							...t
-						})),
-						view: _,
-						viewport: d
-					})
+					culled: Q(v.map(([e, t]) => ({
+						id: e,
+						...t
+					})), _, d)
 				})
 			})
 		})
 	});
 }
 //#endregion
-export { h as A, v as C, ne as D, x as E, p as O, S, ee as T, M as _, Z as a, w as b, L as c, I as d, B as f, U as g, V as h, J as i, f as j, m as k, H as l, F as m, ie as n, G as o, N as p, re as r, R as s, le as t, j as u, P as v, te as w, T as x, E as y };
+export { k as C, m as D, p as E, h as O, O as S, w as T, N as _, X as a, D as b, J as c, Y as d, Z as f, M as g, P as h, G as i, f as k, V as l, H as m, Q as n, z as o, B as p, K as r, W as s, oe as t, U as u, A as v, T as w, E as x, v as y };

package/dist/viewer-lib/core.js

@@ -1,4 +1,4 @@
 import './stylex-C87PWRry.css';
-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-DrA6Vyn8.js";
-import { a as f, c as p, d as m, f as h, h as g, i as _, l as v, m as y, n as b, p as x, r as S, s as C, t as w, u as T } from "./i18n-C0ysopzN.js";
-export { t as ARTIFACT_LOCATOR_SOURCE, i as ARTIFACT_TYPES, c as BOARD_TYPES, C as HTML_LANG, l as PreviewView, w as Trans, o as ViewerProvider, s as cloudErrorDetails, b as createViewerI18n, S as i18n, u as isArtifactAddress, a as isArtifactId, r as isArtifactLocator, n as isArtifactType, e as isMediaBoard, T as isVisibility, m as ownLink, p as parseAcceptLanguage, h as publishState, x as publishing, y as readPublication, v as resolveLocale, g as syncNote, _ as t, d as useSystemTheme, f as useTranslation };
+import { C as e, D as t, E as n, O as r, S as i, T as a, b as o, g as s, h as c, k as l, t as u, w as d, x as f, y as p } from "./PreviewView-Dhif0ukY.js";
+import { a as m, c as h, d as g, f as _, h as v, i as y, l as b, m as x, n as S, p as C, r as w, s as T, t as E, u as D } from "./i18n-C0ysopzN.js";
+export { p as ARTIFACT_LOCATOR_SOURCE, n as ARTIFACT_TYPES, t as BOARD_TYPES, T as HTML_LANG, u as PreviewView, E as Trans, s as ViewerProvider, l as cloudErrorDetails, S as createViewerI18n, w as i18n, o as isArtifactAddress, f as isArtifactId, i as isArtifactLocator, e as isArtifactType, r as isMediaBoard, d as isMintedArtifactId, D as isVisibility, a as mintArtifactId, g as ownLink, h as parseAcceptLanguage, _ as publishState, C as publishing, x as readPublication, b as resolveLocale, v as syncNote, y as t, c as useSystemTheme, m as useTranslation };

package/dist/viewer-lib/ids.js

@@ -0,0 +1,40 @@
+// src/shared/types.ts
+var ARTIFACT_TYPES = ["artboard", "document", "html"];
+
+// src/shared/ids.ts
+var SLUG_SOURCE = "[a-z0-9][a-z0-9-]*";
+var ADDRESS_SOURCE = "(?:[\\w-]{21}|[a-f0-9]{32})";
+var ARTIFACT_LOCATOR_SOURCE = `(?:${SLUG_SOURCE}|${ADDRESS_SOURCE})`;
+var ID_PATTERN = new RegExp(`^${SLUG_SOURCE}$`);
+var ADDRESS_PATTERN = new RegExp(`^${ADDRESS_SOURCE}$`);
+var MINT_ALPHABET = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
+var MINT_LENGTH = 21;
+var MINTED_PATTERN = new RegExp(`^[a-z0-9]{${MINT_LENGTH}}$`, "i");
+var MINT_BYTE_LIMIT = 248;
+function mintArtifactId() {
+  let id = "";
+  const bytes = new Uint8Array(MINT_LENGTH * 2);
+  while (id.length < MINT_LENGTH) {
+    crypto.getRandomValues(bytes);
+    for (const byte of bytes) {
+      if (byte >= MINT_BYTE_LIMIT) continue;
+      id += MINT_ALPHABET[byte % MINT_ALPHABET.length];
+      if (id.length === MINT_LENGTH) break;
+    }
+  }
+  return id;
+}
+var isMintedArtifactId = (id) => MINTED_PATTERN.test(id);
+var isArtifactId = (id) => ID_PATTERN.test(id);
+var isArtifactAddress = (id) => ADDRESS_PATTERN.test(id);
+var isArtifactLocator = (id) => ID_PATTERN.test(id) || ADDRESS_PATTERN.test(id);
+var isArtifactType = (type) => ARTIFACT_TYPES.includes(type);
+export {
+  ARTIFACT_LOCATOR_SOURCE,
+  isArtifactAddress,
+  isArtifactId,
+  isArtifactLocator,
+  isArtifactType,
+  isMintedArtifactId,
+  mintArtifactId
+};