ryugi-artifacts 1.68.3 → 1.70.0

package/dist/viewer-lib/{ReadOnlyWhiteboard-C9v2Zbtp.js → ReadOnlyWhiteboard-B5wXA3u9.js}

@@ -1,22 +1,23 @@
-import { i as e, o as t } from "./i18n-QksLzzWi.js";
-import { i as n, t as r } from "./PhoneArtboardBar-DYEcy0Qa.js";
-import { t as i } from "./prod-IPTdmVn7.js";
-import { useEffect as a, useLayoutEffect as o, useRef as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { MessageSquare as d } from "lucide-react";
+import { l as e, s as t } from "./RyugiLoader-_MZxEs2s.js";
+import { i as n, t as r } from "./PhoneArtboardBar-MV_lMiiq.js";
+import { t as i } from "./PageLoader-M5KGHqfg.js";
+import { t as a } from "./prod-C-Yl3reA.js";
+import { useEffect as o, useLayoutEffect as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { MessageSquare as f } from "lucide-react";
 // src/shared/whiteboard/pages.ts
-var f = "main", p = "pages", m = (e) => e === "main" ? "scene.excalidraw" : `${p}/${e}.excalidraw`, h = (e) => e && typeof e == "object" && !Array.isArray(e) ? e : {};
-function g(e, t = "scene.excalidraw") {
+var p = "main", m = "pages", h = (e) => e === "main" ? "scene.excalidraw" : `${m}/${e}.excalidraw`, g = (e) => e && typeof e == "object" && !Array.isArray(e) ? e : {};
+function _(e, t = "scene.excalidraw") {
 	let n;
 	try {
 		n = JSON.parse(e);
 	} catch {
 		return { error: `${t} is not valid JSON` };
 	}
-	let r = h(n), i = r.elements ?? [];
+	let r = g(n), i = r.elements ?? [];
 	if (!Array.isArray(i)) return { error: `${t}: elements must be an array` };
 	for (let [e, n] of i.entries()) {
-		let r = h(n);
+		let r = g(n);
 		if (typeof r.id != "string" || typeof r.type != "string") return { error: `${t}: element ${e} needs a string id and type` };
 	}
 	return { scene: {
@@ -24,14 +25,14 @@ function g(e, t = "scene.excalidraw") {
 		version: 2,
 		source: typeof r.source == "string" ? r.source : "ryugi",
 		elements: i,
-		appState: h(r.appState),
-		files: h(r.files)
+		appState: g(r.appState),
+		files: g(r.files)
 	} };
 }
 // src/viewer/whiteboard/pageName.ts
-var _ = (t) => t.name ?? (t.id === "main" ? e("whiteboard.pages.first") : t.id);
+var v = (e) => e.name ?? (e.id === "main" ? t("whiteboard.pages.first") : e.id);
 // src/viewer/whiteboard/phone.ts
-function v(e) {
+function y(e) {
 	return [{
 		id: null,
 		label: null
@@ -41,7 +42,7 @@ function v(e) {
 	}))];
 }
 // src/viewer/whiteboard/styles.ts
-var y = {
+var b = {
 	root: {
 		kVAEAm: "xixxii4",
 		kpwlN0: "x10a8y8t",
@@ -181,69 +182,69 @@ var y = {
 		kMwMTN: "xddlp02",
 		$$css: !0
 	}
-}, b = () => typeof window > "u" || !window.matchMedia ? null : window.matchMedia("(prefers-color-scheme: dark)");
-function x() {
-	let [e, t] = c(() => b()?.matches ?? !1);
-	return a(() => {
-		let e = b();
+}, x = () => typeof window > "u" || !window.matchMedia ? null : window.matchMedia("(prefers-color-scheme: dark)");
+function S() {
+	let [e, t] = l(() => x()?.matches ?? !1);
+	return o(() => {
+		let e = x();
 		if (!e) return;
 		let n = () => t(e.matches);
 		return e.addEventListener("change", n), () => e.removeEventListener("change", n);
 	}, []), e;
 }
 // src/viewer/whiteboard/ReadOnlyCanvas.tsx
-var S = { path: {
+var C = { path: {
 	kUk6DE: "x98rzlu",
 	k7Eaqz: "xeuugli",
 	kVQacm: "xb3r6kr",
 	kg5iWk: "xlyipyv",
 	khDVqt: "xuxw1ft",
 	$$css: !0
-} }, C = {
+} }, w = {
 	fitToViewport: !0,
 	viewportZoomFactor: .9
 };
-function w({ id: n, scene: r, threads: f, setApi: p, onView: m, header: h, children: g }) {
-	let _ = x(), b = s(null), [w, T] = c(null), E = s(!1), [D, O] = c(null), k = () => {
-		let e = b.current?.getSceneElements();
+function T({ id: n, scene: r, threads: p, setApi: m, onView: h, header: g, children: _ }) {
+	let v = S(), x = c(null), [T, E] = l(null), D = c(!1), [O, k] = l(null), A = () => {
+		let e = x.current?.getSceneElements();
 		return e?.length ? e : r?.elements ?? [];
-	}, A = (e, t = !0) => {
-		let n = b.current, r = k(), i = e ? r.filter((t) => t.id === e) : r;
+	}, j = (e, t = !0) => {
+		let n = x.current, r = A(), i = e ? r.filter((t) => t.id === e) : r;
 		return !n || !i.length ? !1 : (n.scrollToContent(i, {
-			...C,
+			...w,
 			animate: t
-		}), T(e), !0);
-	}, j = () => {
-		if (E.current) return;
-		let e = v(k())[1]?.id ?? null;
-		E.current = A(e, !1);
-	}, M = s(j);
-	o(() => {
-		M.current = j;
-	}), a(() => {
-		r && M.current();
+		}), E(e), !0);
+	}, M = () => {
+		if (D.current) return;
+		let e = y(A())[1]?.id ?? null;
+		D.current = j(e, !1);
+	}, N = c(M);
+	s(() => {
+		N.current = M;
+	}), o(() => {
+		r && N.current();
 	}, [r]);
-	let N = (e, t) => {
-		j();
-		let n = v(e);
-		JSON.stringify(n) !== JSON.stringify(D) && O(n), m?.({
+	let P = (e, t) => {
+		M();
+		let n = y(e);
+		JSON.stringify(n) !== JSON.stringify(O) && k(n), h?.({
 			scrollX: t.scrollX,
 			scrollY: t.scrollY,
 			zoom: t.zoom.value
 		});
 	};
-	return /* @__PURE__ */ u("div", {
-		...t(y.root),
+	return /* @__PURE__ */ d("div", {
+		...e(b.root),
 		children: [
-			r ? /* @__PURE__ */ l("div", {
+			r ? /* @__PURE__ */ u("div", {
 				"data-whiteboard-canvas": !0,
 				"data-hide-native": "true",
-				...t(y.canvas),
-				children: /* @__PURE__ */ l(i, {
+				...e(b.canvas),
+				children: /* @__PURE__ */ u(a, {
 					viewModeEnabled: !0,
-					theme: _ ? "dark" : "light",
+					theme: v ? "dark" : "light",
 					excalidrawAPI: (e) => {
-						b.current = e, p?.(e);
+						x.current = e, m?.(e);
 					},
 					initialData: {
 						elements: r.elements,
@@ -253,57 +254,57 @@ function w({ id: n, scene: r, threads: f, setApi: p, onView: m, header: h, child
 						},
 						files: r.files
 					},
-					onChange: N
+					onChange: P
 				})
-			}) : /* @__PURE__ */ l("div", {
-				...t(y.loading),
-				children: e("whiteboard.loading")
+			}) : /* @__PURE__ */ u("div", {
+				...e(b.loading),
+				children: /* @__PURE__ */ u(i, { label: t("whiteboard.loading") })
 			}),
-			/* @__PURE__ */ u("header", {
+			/* @__PURE__ */ d("header", {
 				className: "x10l6tqk x13vifvy x17y0mx6 x78zum5 x6s0dn4 x167g77z xsdox4t xqin4a2 x12ilycc xso031l x1q0q8m5 xtrfj0v x4z9k3i x1n327nk",
 				children: [
-					/* @__PURE__ */ u("span", {
-						...t(S.path, y.crumb),
+					/* @__PURE__ */ d("span", {
+						...e(C.path, b.crumb),
 						children: [
-							e("type.whiteboard"),
+							t("type.whiteboard"),
 							" / ",
-							/* @__PURE__ */ l("span", {
-								...t(y.crumbId),
+							/* @__PURE__ */ u("span", {
+								...e(b.crumbId),
 								children: n
 							})
 						]
 					}),
-					h,
-					/* @__PURE__ */ l("span", {
+					g,
+					/* @__PURE__ */ u("span", {
 						className: "xj8oexa xlkn9b3 x1sxf85j xahzvm9 x1bo0w0s x1j6dyjg",
-						children: e("whiteboard.readOnly")
+						children: t("whiteboard.readOnly")
 					}),
-					f !== void 0 && /* @__PURE__ */ u("span", {
+					p !== void 0 && /* @__PURE__ */ d("span", {
 						className: "x3nfvp2 x6s0dn4 x1jnr06f x1bo0w0s",
-						children: [/* @__PURE__ */ l(d, { size: 14 }), f]
+						children: [/* @__PURE__ */ u(f, { size: 14 }), p]
 					})
 				]
 			}),
-			g,
-			/* @__PURE__ */ l("nav", {
+			_,
+			/* @__PURE__ */ u("nav", {
 				className: "x10l6tqk x191j7n5 xpnmzw7 x1s76y0k x78zum5 x17d4w8g xw2csxc x1n327nk",
-				children: (D ?? v(r?.elements ?? [])).map((t) => /* @__PURE__ */ l("button", {
-					"aria-pressed": w === t.id,
-					"data-frame-chip": t.id ?? "",
+				children: (O ?? y(r?.elements ?? [])).map((e) => /* @__PURE__ */ u("button", {
+					"aria-pressed": T === e.id,
+					"data-frame-chip": e.id ?? "",
 					type: "button",
-					onClick: () => A(t.id),
+					onClick: () => j(e.id),
 					...{
 						0: { className: "x2lah0s x10w6t97 xqin4a2 xmkeg23 x1y0btm7 x12xov25 xgqmno8 x12ilycc xo2rkog xjb2p0i x4z9k3i xuxw1ft" },
 						1: { className: "x2lah0s x10w6t97 xqin4a2 xmkeg23 x1y0btm7 xgqmno8 xjb2p0i x4z9k3i xuxw1ft x19ckca5 x1rqon0r xs0jrwl" }
-					}[w === t.id | 0],
-					children: t.label ?? e("whiteboard.all")
-				}, t.id ?? ""))
+					}[T === e.id | 0],
+					children: e.label ?? t("whiteboard.all")
+				}, e.id ?? ""))
 			})
 		]
 	});
 }
 // src/viewer/whiteboard/ReadOnlyWhiteboard.tsx
-var T = {
+var E = {
 	type: "excalidraw",
 	version: 2,
 	source: "ryugi",
@@ -311,36 +312,36 @@ var T = {
 	appState: {},
 	files: {}
 };
-function E({ id: e, sceneUrl: t, pages: i = [] }) {
-	let [o, s] = n(), u = o && i.some((e) => e.id === o) ? o : f, d = u === "main" ? t : t.replace(/scene\.excalidraw$/, m(u)), [p, h] = c(null);
-	return a(() => {
+function D({ id: e, sceneUrl: t, pages: i = [] }) {
+	let [a, s] = n(), c = a && i.some((e) => e.id === a) ? a : p, d = c === "main" ? t : t.replace(/scene\.excalidraw$/, h(c)), [f, m] = l(null);
+	return o(() => {
 		let e = new AbortController();
 		return fetch(d, {
 			credentials: "same-origin",
 			signal: e.signal
-		}).then((e) => e.ok ? e.text() : e.status === 404 && u !== "main" ? "" : null).catch(() => null).then((t) => {
+		}).then((e) => e.ok ? e.text() : e.status === 404 && c !== "main" ? "" : null).catch(() => null).then((t) => {
 			if (e.signal.aborted || t === null) return;
-			if (t === "") return h({
+			if (t === "") return m({
 				url: d,
-				scene: T
+				scene: E
 			});
-			let n = g(t);
-			"scene" in n && h({
+			let n = _(t);
+			"scene" in n && m({
 				url: d,
 				scene: n.scene
 			});
 		}), () => e.abort();
-	}, [d, u]), /* @__PURE__ */ l(w, {
+	}, [d, c]), /* @__PURE__ */ u(T, {
 		id: e,
-		scene: p?.url === d ? p.scene : null,
-		header: /* @__PURE__ */ l(r, {
-			page: u,
+		scene: f?.url === d ? f.scene : null,
+		header: /* @__PURE__ */ u(r, {
+			page: c,
 			pages: i.map((e) => ({
 				id: e.id,
-				name: _(e)
+				name: v(e)
 			})),
 			onPageChange: (e) => s(e === "main" ? null : e, !1)
 		})
-	}, u);
+	}, c);
 }
-export { E as ReadOnlyWhiteboard };
+export { D as ReadOnlyWhiteboard };

package/dist/viewer-lib/{i18n-QksLzzWi.js → RyugiLoader-_MZxEs2s.js}

@@ -1,15 +1,17 @@
-import e from "i18next";
-import { Trans as t, initReactI18next as n, useTranslation as r } from "react-i18next";
+import { useId as e, useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import i from "i18next";
+import { Trans as a, initReactI18next as o, useTranslation as s } from "react-i18next";
 // src/shared/cloud.ts
-var i = 20971520, a = [
+var c = 20971520, l = [
 	"private",
 	"public",
 	"total",
 	"publishes",
 	"storage",
 	"objects"
-], o = (e) => e === "preparing" || e === "uploading" || e === "publishing";
-function s(e) {
+], u = (e) => e === "preparing" || e === "uploading" || e === "publishing";
+function d(e) {
 	if (!e || typeof e != "object") return null;
 	let t = e;
 	return typeof t.phase != "string" || ![
@@ -22,8 +24,8 @@ function s(e) {
 		"published"
 	].includes(t.phase) || t.publishedAt !== null && (typeof t.publishedAt != "string" || !Number.isFinite(Date.parse(t.publishedAt))) || typeof t.autoPublish != "boolean" || t.message !== void 0 && typeof t.message != "string" || t.reasons !== void 0 && (!Array.isArray(t.reasons) || !t.reasons.every((e) => typeof e == "string")) ? null : t;
 }
-var c = (e, t) => t ? `${e}#ryugi-host=${t}` : e, l = (e) => e === "private" || e === "public";
-function u(e) {
+var f = (e, t) => t ? `${e}#ryugi-host=${t}` : e, p = (e) => e === "private" || e === "public";
+function m(e) {
 	let t = e?.visibility ?? "private", n = e?.cloud, r = !!n?.publishedAt;
 	return {
 		published: r,
@@ -32,34 +34,34 @@ function u(e) {
 		synced: !r || n.visibility === t
 	};
 }
-function d(e, t) {
+function h(e, t) {
 	return e === null ? null : e ? "upToDate" : t ? "localChangesAuto" : "localChanges";
 }
 // src/shared/types.ts
-var f = [
+var g = [
 	"artboard",
 	"document",
 	"html",
 	"whiteboard"
-], p = {
+], _ = {
 	artboard: "canvas.json",
 	document: "doc.xml",
 	html: "index.html",
 	whiteboard: "scene.excalidraw"
-}, m = [
+}, v = [
 	"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(`^${_}$`), x = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz", S = 21, C = RegExp(`^[a-z0-9]{${S}}$`, "i"), w = 248;
-function T() {
+], y = (e) => e.type === "image" || e.type === "video", b = "[a-z0-9][a-z0-9-]*", x = "(?:[\\w-]{21}|[a-f0-9]{32})", S = `(?:${b}|${x})`, C = RegExp(`^${b}$`), w = RegExp(`^${x}$`), T = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz", E = 21, D = RegExp(`^[a-z0-9]{${E}}$`, "i"), ee = 248;
+function te() {
 	let e = "", t = /* @__PURE__ */ new Uint8Array(42);
-	for (; e.length < S;) {
+	for (; e.length < E;) {
 		crypto.getRandomValues(t);
-		for (let n of t) if (!(n >= w) && (e += x[n % 62], e.length === S)) break;
+		for (let n of t) if (!(n >= ee) && (e += T[n % 62], e.length === E)) break;
 	}
 	return e;
 }
-var E = (e) => C.test(e), D = (e) => y.test(e), O = (e) => b.test(e), k = (e) => y.test(e) || b.test(e), A = (e) => f.includes(e), j = {
+var ne = (e) => D.test(e), re = (e) => C.test(e), O = (e) => w.test(e), k = (e) => C.test(e) || w.test(e), A = (e) => g.includes(e), j = {
 	en: "en",
 	zh: "zh-CN"
 };
@@ -1733,8 +1735,131 @@ function G(e, t) {
 		initAsync: !1
 	}), e;
 }
-function K(t) {
-	return G(e.createInstance(), t);
+function K(e) {
+	return G(i.createInstance(), e);
 }
-var q = G(e.createInstance().use(n), W()), J = q.t.bind(q);
-export { s as A, h as C, c as D, l as E, u as O, p as S, a as T, A as _, r as a, f as b, P as c, N as d, M as f, k as g, D as h, J as i, d as j, o as k, I as l, O as m, K as n, V as o, v as p, q as r, F as s, t, j as u, E as v, i as w, m as x, T as y };
+var q = G(i.createInstance().use(o), W()), J = q.t.bind(q), ie = "0 0 512 512", Y = [
+	"M4945 3889 c-339 -44 -682 -239 -905 -517 -139 -172 -232 -355 -365 -717 -136 -368 -285 -735 -360 -890 -219 -449 -524 -768 -849 -887 -121 -44 -215 -60 -356 -60 -162 0 -244 18 -450 97 -291 111 -420 144 -650 166 -257 24 -637 -19 -772 -87 -148 -75 -249 -247 -235 -399 19 -197 186 -344 392 -346 40 -1 127 11 205 27 115 23 160 28 300 28 242 1 372 -29 671 -155 226 -95 467 -149 662 -149 252 0 548 74 789 197 394 201 708 521 988 1008 83 144 271 529 405 830 220 493 300 632 436 759 121 112 226 162 424 201 44 9 108 29 143 45 165 77 274 285 244 467 -31 188 -168 334 -354 378 -70 16 -249 18 -363 4z",
+	"M765 3139 c-202 -11 -415 -48 -497 -86 -91 -44 -151 -101 -193 -186 -123 -248 31 -525 307 -554 38 -4 99 3 204 23 137 27 167 29 384 29 205 0 249 -3 347 -23 225 -45 387 -106 658 -247 182 -94 308 -144 463 -182 138 -35 350 -39 447 -9 174 53 275 152 305 299 26 130 -40 267 -158 323 -52 25 -72 28 -227 35 -248 11 -328 37 -576 187 -232 140 -384 213 -585 281 -283 95 -541 127 -879 110z",
+	"M620 2104 c-273 -32 -384 -65 -471 -143 -235 -208 -136 -589 172 -660 68 -16 129 -13 272 14 400 73 702 31 1167 -163 239 -99 350 -125 535 -125 193 0 338 51 448 157 117 113 139 261 56 375 -50 69 -99 85 -294 92 -245 10 -332 35 -563 163 -224 123 -456 211 -693 262 -111 23 -149 26 -359 29 -129 2 -251 1 -270 -1z"
+], ae = `<g transform="translate(82 136.317460) scale(0.613756614)"><g transform="translate(0.000000,390.000000) scale(0.100000,-0.100000)" stroke="none"><path d="${Y.join(" ")}"/></g></g>`, oe = 2200, X = {
+	x: 76,
+	y: 130,
+	width: 360,
+	height: 252
+}, Z = {
+	sweep: {
+		kR8GR0: "x1764fhq",
+		k3nNDw: "x1nf803f",
+		k3aq6I: "x1ufz0iv xuupxpy",
+		k44tkh: "xrp5g2y",
+		kKxzle: "x17lr28o",
+		kyAemX: "xq57n9",
+		ko0y90: "xa4qsjk",
+		$$css: !0
+	},
+	writeTop: {
+		kKVMdj: "xxpt2xb x1aquc0h",
+		$$css: !0
+	},
+	writeMiddle: {
+		kKVMdj: "x9olinu x1aquc0h",
+		$$css: !0
+	},
+	writeRise: {
+		kKVMdj: "x2voo3l x1aquc0h",
+		$$css: !0
+	}
+}, se = [
+	{
+		x: 82.1,
+		y: 136.4,
+		width: 347.7,
+		height: 239.3
+	},
+	{
+		x: 84,
+		y: 182.8,
+		width: 194.2,
+		height: 77.3
+	},
+	{
+		x: 83.2,
+		y: 246.4,
+		width: 173.7,
+		height: 66.2
+	}
+], Q = [
+	{
+		stroke: 1,
+		sweep: Z.writeTop
+	},
+	{
+		stroke: 2,
+		sweep: Z.writeMiddle
+	},
+	{
+		stroke: 0,
+		sweep: Z.writeRise
+	}
+];
+function $({ d: e }) {
+	return /* @__PURE__ */ n("g", {
+		transform: "translate(82 136.317460) scale(0.613756614)",
+		children: /* @__PURE__ */ n("g", {
+			transform: "translate(0,390) scale(0.1,-0.1)",
+			children: /* @__PURE__ */ n("path", { d: e })
+		})
+	});
+}
+function ce({ size: i = 16, label: a, stack: o }) {
+	let s = `ryugi-loader-${e().replaceAll(/[^\w-]/g, "")}`, [c] = t(() => `-${Date.now() % oe}ms`), l = {
+		0: { className: "x3nfvp2 x6s0dn4 x167g77z" },
+		1: { className: "x3nfvp2 x6s0dn4 xdt5ytf x1af02g3" }
+	}[!!o | 0];
+	return /* @__PURE__ */ r("span", {
+		"aria-label": a ? void 0 : J("common.loading"),
+		role: "status",
+		...l,
+		style: {
+			...l.style,
+			"--ryugi-loader-phase": c
+		},
+		children: [/* @__PURE__ */ r("svg", {
+			"aria-hidden": "true",
+			fill: "currentColor",
+			height: i,
+			viewBox: `${X.x} ${X.y} ${X.width} ${X.height}`,
+			width: Math.round(i * X.width / X.height * 10) / 10,
+			className: "x1okw0bk x1lliihq x1rea2x4",
+			children: [
+				/* @__PURE__ */ n("defs", { children: Q.map(({ stroke: e, sweep: t }) => {
+					let r = se[e];
+					return /* @__PURE__ */ n("clipPath", {
+						clipPathUnits: "userSpaceOnUse",
+						id: `${s}-${e}`,
+						children: /* @__PURE__ */ n("rect", {
+							height: r.height + 8,
+							width: r.width + 8,
+							x: r.x - 4,
+							y: r.y - 4,
+							...V(Z.sweep, t)
+						})
+					}, e);
+				}) }),
+				/* @__PURE__ */ n("g", {
+					className: "xuo7x8y x1o9sq8h",
+					children: Y.map((e) => /* @__PURE__ */ n($, { d: e }, e))
+				}),
+				/* @__PURE__ */ n("g", {
+					className: "x1d3f7z4 x1aquc0h xrp5g2y x17lr28o x1esw782 xa4qsjk",
+					children: Q.map(({ stroke: e }) => /* @__PURE__ */ n("g", {
+						clipPath: `url(#${s}-${e})`,
+						children: /* @__PURE__ */ n($, { d: Y[e] })
+					}, e))
+				})
+			]
+		}), a]
+	});
+}
+export { f as A, g as C, c as D, y as E, u as M, d as N, l as O, h as P, te as S, _ as T, O as _, K as a, A as b, s as c, P as d, I as f, S as g, M as h, a as i, m as j, p as k, V as l, N as m, ae as n, q as o, j as p, ie as r, J as s, ce as t, F as u, re as v, v as w, ne as x, k as y };