memi-board 0.4.13 → 0.5.0

package/dist/index.js

@@ -1,14 +1,14 @@
 import { computed as e, reactive as t, ref as n, watch as r } from "vue";
-import { useCollection as i, useCurrentUser as a, useDocument as o, useFirebaseApp as s, useFirebaseAuth as c, useFirestore as l } from "vuefire";
-import { collection as u, deleteDoc as d, deleteField as f, doc as p, getDoc as m, getDocs as h, increment as g, limit as _, orderBy as v, query as y, serverTimestamp as b, setDoc as x, startAfter as S, updateDoc as C, where as ee, writeBatch as w } from "firebase/firestore";
-import { GoogleAuthProvider as T, OAuthProvider as te, createUserWithEmailAndPassword as ne, signInWithEmailAndPassword as re, signInWithPopup as ie, signOut as ae, updateProfile as oe } from "firebase/auth";
-import { deleteObject as E, getDownloadURL as D, getStorage as O, listAll as k, ref as A, uploadBytes as j, uploadBytesResumable as M } from "firebase/storage";
-import { GoogleAIBackend as N, Schema as P, getAI as se, getGenerativeModel as ce } from "firebase/ai";
+import { useCollection as i, useCurrentUser as a, useFirebaseApp as o, useFirebaseAuth as s, useFirestore as c } from "vuefire";
+import { collection as l, deleteDoc as u, deleteField as d, doc as f, endBefore as p, getDoc as m, getDocs as h, increment as g, limit as _, limitToLast as v, orderBy as y, query as b, serverTimestamp as x, setDoc as S, startAfter as C, updateDoc as w, where as T, writeBatch as E } from "firebase/firestore";
+import { GoogleAuthProvider as D, OAuthProvider as ee, createUserWithEmailAndPassword as O, signInWithEmailAndPassword as te, signInWithPopup as k, signOut as ne, updateProfile as re } from "firebase/auth";
+import { deleteObject as A, getDownloadURL as j, getStorage as M, listAll as N, ref as P, uploadBytes as ie, uploadBytesResumable as F } from "firebase/storage";
+import { GoogleAIBackend as ae, Schema as I, getAI as oe, getGenerativeModel as se } from "firebase/ai";
 //#region src/config.ts
-var F = "__MEMI_BOARD_CONFIG__";
-function I() {
+var L = "__MEMI_BOARD_CONFIG__";
+function R() {
 	let e = globalThis;
-	return e[F] || (e[F] = t({
+	return e[L] || (e[L] = t({
 		collectionPrefix: "memiBoard",
 		auth: { providers: ["google", "apple"] },
 		moderation: {
@@ -20,19 +20,19 @@ function I() {
 			blockBanThreshold: 3,
 			blockBanDecayMs: 864e5
 		}
-	})), e[F];
+	})), e[L];
 }
-function L(e) {
-	let t = I();
+function ce(e) {
+	let t = R();
 	e.collectionPrefix && (t.collectionPrefix = e.collectionPrefix), e.auth && Object.assign(t.auth, e.auth), e.moderation && Object.assign(t.moderation, e.moderation);
 }
-function R() {
-	return I();
+function z() {
+	return R();
 }
 //#endregion
 //#region src/utils/moderation-strike.ts
-var le = 3, z = 864e5;
-function B(e, t, n = Date.now(), r = z) {
+var le = 3, B = 864e5;
+function V(e, t, n = Date.now(), r = B) {
 	let i = Math.max(0, Math.floor(Number(e) || 0));
 	if (i <= 0) return 0;
 	let a = typeof t == "number" && Number.isFinite(t) ? t : null;
@@ -40,7 +40,7 @@ function B(e, t, n = Date.now(), r = z) {
 	let o = Math.floor((n - a) / r);
 	return Math.max(0, i - o);
 }
-function V(e, t, n = Date.now(), r = 3, i = z) {
+function H(e, t, n = Date.now(), r = 3, i = B) {
 	let a = Math.max(0, Math.floor(Number(e) || 0));
 	if (a < r) return null;
 	let o = typeof t == "number" && Number.isFinite(t) ? t : null;
@@ -48,10 +48,10 @@ function V(e, t, n = Date.now(), r = 3, i = z) {
 	let s = o + (a - (r - 1)) * i;
 	return s > n ? s : null;
 }
-function H(e, t, n = Date.now(), r = 3, i = z) {
-	return V(e, t, n, r, i) != null;
+function U(e, t, n = Date.now(), r = 3, i = B) {
+	return H(e, t, n, r, i) != null;
 }
-function U(e, t = Date.now()) {
+function W(e, t = Date.now()) {
 	let n = Math.max(0, e - t), r = Math.ceil(n / 36e5);
 	if (r <= 0) return "곧 해제";
 	if (r < 24) return `약 ${r}시간 후 해제`;
@@ -70,168 +70,168 @@ function ue(e) {
 }
 //#endregion
 //#region src/composables/useMemiBoardAuth.ts
-var W = "__MEMI_BOARD_AUTH_STATE__";
+var G = "__MEMI_BOARD_AUTH_STATE__";
 function de() {
 	let e = globalThis;
-	return e[W] || (e[W] = {
+	return e[G] || (e[G] = {
 		role: n("user"),
 		rolePending: n(!0),
 		rawBlockCount: n(0),
 		blockAtMs: n(null),
 		watchStarted: !1
-	}), e[W];
+	}), e[G];
 }
-function G() {
-	let t = R(), n = de(), i = l(), o = c(), s = a(), { role: u, rolePending: d, rawBlockCount: f, blockAtMs: h } = n;
+function K() {
+	let t = z(), n = de(), i = c(), o = s(), l = a(), { role: u, rolePending: d, rawBlockCount: p, blockAtMs: h } = n;
 	function _() {
 		let e = t.moderation?.blockBanThreshold;
 		return e === 0 ? 0 : typeof e == "number" && e > 0 ? Math.floor(e) : 3;
 	}
 	function v() {
 		let e = t.moderation?.blockBanDecayMs;
-		return typeof e == "number" && e > 0 ? e : z;
+		return typeof e == "number" && e > 0 ? e : B;
 	}
 	function y(e) {
-		return p(i, `${t.collectionPrefix}Users`, e);
+		return f(i, `${t.collectionPrefix}Users`, e);
 	}
-	function S(e) {
+	function b(e) {
 		if (!e) {
-			f.value = 0, h.value = null;
+			p.value = 0, h.value = null;
 			return;
 		}
-		f.value = Math.max(0, Math.floor(Number(e.moderationBlockCount) || 0)), h.value = ue(e.moderationBlockAt);
+		p.value = Math.max(0, Math.floor(Number(e.moderationBlockCount) || 0)), h.value = ue(e.moderationBlockAt);
 	}
-	async function ee(e) {
+	async function C(e) {
 		let t = y(e.uid), n = await m(t);
-		if (!n.exists()) return await x(t, {
+		if (!n.exists()) return await S(t, {
 			role: "user",
 			displayName: e.displayName,
-			updatedAt: b()
-		}), S({ moderationBlockCount: 0 }), "user";
+			updatedAt: x()
+		}), b({ moderationBlockCount: 0 }), "user";
 		let r = n.data();
-		return S(r), await C(t, {
+		return b(r), await w(t, {
 			displayName: e.displayName,
-			updatedAt: b()
+			updatedAt: x()
 		}), r.role ?? "user";
 	}
-	async function w() {
-		let e = s.value?.uid;
+	async function T() {
+		let e = l.value?.uid;
 		if (!e) {
-			S(void 0);
+			b(void 0);
 			return;
 		}
 		let t = await m(y(e));
-		S(t.exists() ? t.data() : void 0);
+		b(t.exists() ? t.data() : void 0);
 	}
-	n.watchStarted || (n.watchStarted = !0, r(s, async (e) => {
+	n.watchStarted || (n.watchStarted = !0, r(l, async (e) => {
 		if (d.value = !0, !e) {
-			u.value = "user", S(void 0), d.value = !1;
+			u.value = "user", b(void 0), d.value = !1;
 			return;
 		}
 		try {
-			u.value = await ee(e);
+			u.value = await C(e);
 		} catch {
 			u.value = "user";
 		} finally {
 			d.value = !1;
 		}
 	}, { immediate: !0 }));
-	let E = e(() => !!s.value), D = e(() => u.value === "admin"), O = e(() => B(f.value, h.value, Date.now(), v())), k = e(() => {
+	let E = e(() => !!l.value), A = e(() => u.value === "admin"), j = e(() => V(p.value, h.value, Date.now(), v())), M = e(() => {
 		let e = _();
-		return e <= 0 ? !1 : H(f.value, h.value, Date.now(), e, v());
-	}), A = e(() => {
+		return e <= 0 ? !1 : U(p.value, h.value, Date.now(), e, v());
+	}), N = e(() => {
 		let e = _();
 		if (e <= 0) return null;
-		let t = V(f.value, h.value, Date.now(), e, v());
-		return t == null ? null : U(t);
-	}), j = e(() => {
-		if (!k.value) return null;
-		let e = A.value;
+		let t = H(p.value, h.value, Date.now(), e, v());
+		return t == null ? null : W(t);
+	}), P = e(() => {
+		if (!M.value) return null;
+		let e = N.value;
 		return e ? `콘텐츠 경고가 누적되어 글·댓글 작성이 잠시 제한됐어요. (${e})` : "콘텐츠 경고가 누적되어 글·댓글 작성이 잠시 제한됐어요.";
 	});
-	async function M() {
-		let e = s.value?.uid, t = _();
+	async function ie() {
+		let e = l.value?.uid, t = _();
 		if (!e || t <= 0) return {
 			effectiveCount: 0,
 			restricted: !1,
 			messageSuffix: ""
 		};
 		let n = y(e), r = await m(n);
-		r.exists() ? await C(n, {
+		r.exists() ? await w(n, {
 			moderationBlockCount: g(1),
-			moderationBlockAt: b(),
-			updatedAt: b()
-		}) : await x(n, {
+			moderationBlockAt: x(),
+			updatedAt: x()
+		}) : await S(n, {
 			role: "user",
-			displayName: s.value?.displayName ?? null,
+			displayName: l.value?.displayName ?? null,
 			moderationBlockCount: 1,
-			moderationBlockAt: b(),
-			updatedAt: b()
+			moderationBlockAt: x(),
+			updatedAt: x()
 		});
 		let i = (r.exists() ? Math.max(0, Math.floor(Number(r.data().moderationBlockCount) || 0)) : 0) + 1, a = Date.now();
-		f.value = i, h.value = a;
-		let o = B(i, a, a, v()), c = H(i, a, a, t, v()), l = ` (경고 ${o}/${t})`;
-		if (c) {
-			let e = V(i, a, a, t, v()), n = e == null ? null : U(e, a);
-			l = n ? ` 경고 ${o}회가 되어 글·댓글 작성이 제한됩니다 (${n}).` : ` 경고 ${o}회가 되어 글·댓글 작성이 제한됩니다.`;
+		p.value = i, h.value = a;
+		let o = V(i, a, a, v()), s = U(i, a, a, t, v()), c = ` (경고 ${o}/${t})`;
+		if (s) {
+			let e = H(i, a, a, t, v()), n = e == null ? null : W(e, a);
+			c = n ? ` 경고 ${o}회가 되어 글·댓글 작성이 제한됩니다 (${n}).` : ` 경고 ${o}회가 되어 글·댓글 작성이 제한됩니다.`;
 		}
 		return {
 			effectiveCount: o,
-			restricted: c,
-			messageSuffix: l
+			restricted: s,
+			messageSuffix: c
 		};
 	}
-	function N() {
+	function F() {
 		if (!o) throw Error("[memi-board] Firebase Auth가 초기화되지 않았습니다.");
 		return o;
 	}
-	async function P() {
-		return ie(N(), new T());
+	async function ae() {
+		return k(F(), new D());
 	}
-	async function se() {
-		let e = new te("apple.com");
-		return e.addScope("email"), e.addScope("name"), ie(N(), e);
+	async function I() {
+		let e = new ee("apple.com");
+		return e.addScope("email"), e.addScope("name"), k(F(), e);
 	}
-	async function ce(e, t) {
-		return re(N(), e, t);
+	async function oe(e, t) {
+		return te(F(), e, t);
 	}
-	async function F(e, t, n) {
-		let r = await ne(N(), e, t);
-		return n && await oe(r.user, { displayName: n }), r;
+	async function se(e, t, n) {
+		let r = await O(F(), e, t);
+		return n && await re(r.user, { displayName: n }), r;
 	}
-	async function I() {
-		await ae(N());
+	async function L() {
+		await ne(F());
 	}
-	function L(e) {
-		return E.value && (s.value?.uid === e.authorUid || D.value);
+	function R(e) {
+		return E.value && (l.value?.uid === e.authorUid || A.value);
 	}
-	function le(e) {
-		return E.value && (s.value?.uid === e.authorUid || D.value);
+	function ce(e) {
+		return E.value && (l.value?.uid === e.authorUid || A.value);
 	}
 	return {
-		user: s,
+		user: l,
 		isSignedIn: E,
-		isAdmin: D,
+		isAdmin: A,
 		rolePending: d,
-		moderationBlockCount: O,
-		isWriteRestricted: k,
-		restrictedUntilLabel: A,
-		restrictedMessage: j,
-		signInWithGoogle: P,
-		signInWithApple: se,
-		signInWithEmail: ce,
-		signUpWithEmail: F,
-		signOut: I,
-		canEdit: L,
-		canDelete: L,
-		canDeleteComment: le,
-		recordContentModerationBlock: M,
-		refreshBoardUser: w
+		moderationBlockCount: j,
+		isWriteRestricted: M,
+		restrictedUntilLabel: N,
+		restrictedMessage: P,
+		signInWithGoogle: ae,
+		signInWithApple: I,
+		signInWithEmail: oe,
+		signUpWithEmail: se,
+		signOut: L,
+		canEdit: R,
+		canDelete: R,
+		canDeleteComment: ce,
+		recordContentModerationBlock: ie,
+		refreshBoardUser: T
 	};
 }
 //#endregion
 //#region src/utils/slugify.ts
-function K(e) {
+function q(e) {
 	return e.trim().replace(/\s+/g, "-").replace(/[^a-zA-Z0-9가-힣ㄱ-ㅎㅏ-ㅣ-]/g, "").replace(/-+/g, "-").replace(/^-+|-+$/g, "");
 }
 function fe(e, t = 60) {
@@ -256,28 +256,53 @@ function me(e) {
 		return null;
 	}
 }
-function q(e) {
+function J(e) {
 	return e.match(/(?:^|\/)posts\/([^/]+)\//)?.[1] ?? null;
 }
 //#endregion
+//#region src/utils/postPreview.ts
+function Y(e) {
+	return e.replace(/&amp;/g, "&").replace(/&quot;/g, "\"").replace(/&#39;/g, "'");
+}
+function he(e) {
+	try {
+		let t = new URL(Y(e)), n = t.hostname.toLowerCase().replace(/^www\./, "");
+		if (n === "youtu.be") return t.pathname.split("/").filter(Boolean)[0];
+		if (n.endsWith("youtube.com") || n === "youtube-nocookie.com") return t.pathname.startsWith("/embed/") || t.pathname.startsWith("/shorts/") ? t.pathname.split("/")[2] : t.searchParams.get("v") || void 0;
+	} catch {
+		return;
+	}
+}
+function ge(e, t = []) {
+	let n = e.match(/<img\b[^>]*\bsrc=["']([^"']+)["']/i), r = e.match(/<iframe\b[^>]*\bsrc=["']([^"']+)["']/i), i = t.find((e) => e.type.startsWith("image/"))?.url, a = t.find((e) => e.type.startsWith("video/"))?.url, o = r ? Y(r[1]) : a, s = o ? he(o) : void 0, c = n ? Y(n[1]) : i || (s ? `https://i.ytimg.com/vi/${s}/hqdefault.jpg` : void 0);
+	return {
+		summary: e.replace(/<style[\s\S]*?<\/style>/gi, " ").replace(/<script[\s\S]*?<\/script>/gi, " ").replace(/<[^>]+>/g, " ").replace(/&nbsp;/g, " ").replace(/&amp;/g, "&").replace(/\s+/g, " ").trim().slice(0, 160),
+		...c ? { previewImage: c } : {},
+		...o ? { videoUrl: o } : {}
+	};
+}
+//#endregion
 //#region src/composables/useMemiBoardPosts.ts
-async function J(e) {
-	let t = await k(e).catch(() => ({
+async function X(e) {
+	let t = await N(e).catch(() => ({
 		items: [],
 		prefixes: []
 	}));
-	await Promise.all([...t.items.map((e) => E(e)), ...t.prefixes.map((e) => J(e))]);
+	await Promise.all([...t.items.map((e) => A(e)), ...t.prefixes.map((e) => X(e))]);
 }
-async function he(e, t) {
+async function _e(e, t) {
 	let n = [...new Set([...t].filter(Boolean))];
-	await Promise.all(n.map((t) => E(A(e, t)).catch(() => {})));
+	await Promise.all(n.map((t) => A(P(e, t)).catch(() => {})));
 }
-function ge() {
-	let e = R(), t = l(), n = s(), r = () => e.collectionPrefix, i = () => u(t, `${r()}Posts`), a = (e) => p(t, `${r()}Posts`, e), o = (e) => p(t, `${r()}Posts`, e, "body", "main"), c = (e) => u(t, `${r()}Posts`, e, "comments");
-	async function g(e = {}) {
+function ve() {
+	let e = z(), t = c(), n = o(), r = () => e.collectionPrefix, i = () => l(t, `${r()}Posts`), a = (e) => f(t, `${r()}Posts`, e), s = (e) => f(t, `${r()}Posts`, e, "body", "main"), g = (e) => l(t, `${r()}Posts`, e, "comments");
+	function D() {
+		return f(i()).id;
+	}
+	async function ee(e = {}) {
 		let t = e.pageSize ?? 20, n = [];
-		e.category && n.push(ee("category", "==", e.category)), n.push(v("createdAt", "desc")), e.cursor && n.push(S(e.cursor)), n.push(_(t + 1));
-		let r = await h(y(i(), ...n)), a = r.docs.slice(0, t);
+		e.category && n.push(T("category", "==", e.category)), n.push(y("createdAt", "desc")), e.cursor && n.push(C(e.cursor)), n.push(_(t + 1));
+		let r = await h(b(i(), ...n)), a = r.docs.slice(0, t);
 		return {
 			posts: a.map((e) => ({
 				id: e.id,
@@ -287,19 +312,43 @@ function ge() {
 			hasMore: r.docs.length > t
 		};
 	}
-	async function T(e) {
-		let [t, n] = await Promise.all([m(a(e)), m(o(e))]);
+	async function O(e) {
+		let [t, n] = await Promise.all([m(a(e)), m(s(e))]);
 		return t.exists() ? {
 			id: t.id,
 			...t.data(),
 			content: n.exists() ? n.data().content ?? "" : ""
 		} : null;
 	}
-	async function te(e) {
-		let t = K(e.title) || "post", n = t, r = 1;
-		for (; (await m(a(n))).exists();) r++, n = `${t}-${r}`;
-		return await Promise.all([x(a(n), {
+	async function te(e, t) {
+		let n = (await h(b(i(), T("category", "==", e), T("slug", "==", t), _(1)))).docs[0];
+		return n ? O(n.id) : null;
+	}
+	async function k(e) {
+		if (!e.category || !e.createdAt) return {
+			previous: null,
+			next: null
+		};
+		let t = [T("category", "==", e.category), y("createdAt", "desc")], [n, r] = await Promise.all([h(b(i(), ...t, C(e.createdAt), _(1))), h(b(i(), ...t, p(e.createdAt), v(1)))]), a = (e) => {
+			let t = e.docs[0];
+			return t ? {
+				id: t.id,
+				...t.data()
+			} : null;
+		};
+		return {
+			previous: a(n),
+			next: a(r)
+		};
+	}
+	async function ne(e) {
+		let t = q(e.title) || "post", n = t, r = 1;
+		for (; !(await h(b(i(), T("category", "==", e.category || ""), T("slug", "==", n), _(1)))).empty;) r++, n = `${t}-${r}`;
+		let o = e.postId || D(), c = ge(e.content, e.attachments);
+		return await S(a(o), {
+			slug: n,
 			title: e.title,
+			...c,
 			tags: e.tags ?? [],
 			...e.category ? { category: e.category } : {},
 			attachments: e.attachments ?? [],
@@ -309,62 +358,69 @@ function ge() {
 			authorPhoto: e.authorPhoto,
 			moderationStatus: "approved",
 			moderationModel: e.moderationModel ?? null,
-			createdAt: b(),
-			updatedAt: b()
-		}), x(o(n), { content: e.content })]), n;
+			createdAt: x(),
+			updatedAt: x()
+		}), await S(s(o), { content: e.content }), n;
 	}
-	async function ne(e, t) {
-		await Promise.all([C(a(e), {
+	async function re(e, t) {
+		let n = ge(t.content, t.attachments);
+		await Promise.all([w(a(e), {
 			title: t.title,
+			...n,
+			previewImage: n.previewImage ? n.previewImage : d(),
+			videoUrl: n.videoUrl ? n.videoUrl : d(),
 			tags: t.tags ?? [],
-			category: t.category ? t.category : f(),
+			category: t.category ? t.category : d(),
 			attachments: t.attachments ?? [],
-			updatedAt: b()
-		}), x(o(e), { content: t.content }, { merge: !0 })]);
+			updatedAt: x()
+		}), S(s(e), { content: t.content }, { merge: !0 })]);
 	}
-	async function re(e) {
-		let [i, s] = await Promise.all([m(a(e)), m(o(e))]);
+	async function A(e) {
+		let [i, o] = await Promise.all([m(a(e)), m(s(e))]);
 		if (!i.exists()) return;
-		let l = i.data(), u = s.exists() ? String(s.data().content ?? "") : "", f = await h(c(e));
-		for (let e = 0; e < f.docs.length; e += 450) {
-			let n = w(t);
-			f.docs.slice(e, e + 450).forEach((e) => n.delete(e.ref)), await n.commit();
+		let c = i.data(), l = o.exists() ? String(o.data().content ?? "") : "", d = await h(g(e));
+		for (let e = 0; e < d.docs.length; e += 450) {
+			let n = E(t);
+			d.docs.slice(e, e + 450).forEach((e) => n.delete(e.ref)), await n.commit();
 		}
-		let p = O(n), g = /* @__PURE__ */ new Set(), _ = /* @__PURE__ */ new Set();
-		for (let t of l.attachments ?? []) if (t?.path) {
-			g.add(t.path);
-			let n = q(t.path);
+		let f = M(n), p = /* @__PURE__ */ new Set(), _ = /* @__PURE__ */ new Set();
+		for (let t of c.attachments ?? []) if (t?.path) {
+			p.add(t.path);
+			let n = J(t.path);
 			n && n !== e && _.add(n);
 		}
-		for (let t of pe(u)) {
+		for (let t of pe(l)) {
 			let n = me(t);
 			if (!n) continue;
-			g.add(n);
+			p.add(n);
 			let r = n.replace(/\/images\/([^/]+)$/, "/images/thumbnails/$1").replace(/\.[^.]+$/, ".jpg");
-			r !== n && r.includes("/images/thumbnails/") && g.add(r);
+			r !== n && r.includes("/images/thumbnails/") && p.add(r);
 			let i = n.match(/^(.*\/images\/)([^/]+)\.[^.]+$/);
-			i && !n.includes("/thumbnails/") && g.add(`${i[1]}thumbnails/${i[2]}.jpg`);
-			let a = q(n);
+			i && !n.includes("/thumbnails/") && p.add(`${i[1]}thumbnails/${i[2]}.jpg`);
+			let a = J(n);
 			a && a !== e && _.add(a);
 		}
-		await d(o(e)), await J(A(p, `${r()}/posts/${e}`));
-		for (let e of _) await J(A(p, `${r()}/posts/${e}`));
-		await he(p, g), await d(a(e));
+		await u(s(e)), await X(P(f, `${r()}/posts/${e}`));
+		for (let e of _) await X(P(f, `${r()}/posts/${e}`));
+		await _e(f, p), await u(a(e));
 	}
 	return {
-		getPosts: g,
-		getPost: T,
-		createPost: te,
-		updatePost: ne,
-		deletePost: re
+		createPostId: D,
+		getPosts: ee,
+		getPost: O,
+		getPostBySlug: te,
+		getAdjacentPosts: k,
+		createPost: ne,
+		updatePost: re,
+		deletePost: A
 	};
 }
 //#endregion
 //#region src/composables/useMemiBoardComments.ts
-function _e(t) {
-	let n = R(), r = l(), a = () => n.collectionPrefix, o = e(() => typeof t == "string" ? t : t.value), s = e(() => y(u(r, `${a()}Posts`, o.value, "comments"), v("createdAt", "asc"))), c = i(s);
+function ye(t) {
+	let n = z(), r = c(), a = () => n.collectionPrefix, o = e(() => typeof t == "string" ? t : t.value), s = e(() => b(l(r, `${a()}Posts`, o.value, "comments"), y("createdAt", "asc"))), u = i(s);
 	async function d(e) {
-		let t = w(r), n = a(), i = p(u(r, `${n}Posts`, o.value, "comments"));
+		let t = E(r), n = a(), i = f(l(r, `${n}Posts`, o.value, "comments"));
 		t.set(i, {
 			postId: o.value,
 			body: e.body,
@@ -372,22 +428,22 @@ function _e(t) {
 			authorName: e.authorName,
 			authorPhoto: e.authorPhoto,
 			moderationStatus: "approved",
-			createdAt: b()
-		}), t.update(p(r, `${n}Posts`, o.value), { commentCount: g(1) }), await t.commit();
+			createdAt: x()
+		}), t.update(f(r, `${n}Posts`, o.value), { commentCount: g(1) }), await t.commit();
 	}
-	async function f(e) {
-		let t = w(r), n = a();
-		t.delete(p(r, `${n}Posts`, o.value, "comments", e)), t.update(p(r, `${n}Posts`, o.value), { commentCount: g(-1) }), await t.commit();
+	async function p(e) {
+		let t = E(r), n = a();
+		t.delete(f(r, `${n}Posts`, o.value, "comments", e)), t.update(f(r, `${n}Posts`, o.value), { commentCount: g(-1) }), await t.commit();
 	}
 	return {
-		comments: c,
+		comments: u,
 		addComment: d,
-		deleteComment: f
+		deleteComment: p
 	};
 }
 //#endregion
 //#region src/utils/moderation-prompt.ts
-var ve = "당신은 게시판 콘텐츠를 심사하는 엄격한 모더레이터입니다.\n아래 텍스트에 욕설·비속어·성희롱·혐오·위협·스팸·도배성 광고가 있으면 반드시 거부(flagged=true)합니다.\n\nflagged=true 예:\n- 욕설/비속어: 씨발, 시발, 병신, 지랄, 좆, 개새끼, 존나, fuck, shit, bitch 등\n- 성적 모욕, 혐오 발언, 협박\n- 게시판 주제와 무관한 도배성 광고/스팸\n\nflagged=false:\n- 게시판 주제에 맞는 정상적인 글/댓글 (강한 의견이나 정당한 비판은 허용)\n\nJSON만 출력:\n{\"flagged\":boolean,\"category\":\"none\"|\"abuse\"|\"spam\"|\"adult\"|\"violence\"|\"other\",\"reason\":string}\n- flagged=true면 category를 고르고, reason은 한국어로 **무엇이 문제인지** 구체적으로 1문장\n  (예: \"욕설(비속어)이 포함되어 게시할 수 없습니다.\", \"광고·스팸성 문구가 있어 게시할 수 없습니다.\")\n  욕설 단어 전체를 그대로 길게 인용하지 말고, 유형(욕설/혐오/스팸 등)을 분명히 밝힌다.\n- flagged=false면 category는 \"none\", reason은 \"\"", ye = {
+var be = "당신은 게시판 콘텐츠를 심사하는 엄격한 모더레이터입니다.\n아래 텍스트에 욕설·비속어·성희롱·혐오·위협·스팸·도배성 광고가 있으면 반드시 거부(flagged=true)합니다.\n\nflagged=true 예:\n- 욕설/비속어: 씨발, 시발, 병신, 지랄, 좆, 개새끼, 존나, fuck, shit, bitch 등\n- 성적 모욕, 혐오 발언, 협박\n- 게시판 주제와 무관한 도배성 광고/스팸\n\nflagged=false:\n- 게시판 주제에 맞는 정상적인 글/댓글 (강한 의견이나 정당한 비판은 허용)\n\nJSON만 출력:\n{\"flagged\":boolean,\"category\":\"none\"|\"abuse\"|\"spam\"|\"adult\"|\"violence\"|\"other\",\"reason\":string}\n- flagged=true면 category를 고르고, reason은 한국어로 **무엇이 문제인지** 구체적으로 1문장\n  (예: \"욕설(비속어)이 포함되어 게시할 수 없습니다.\", \"광고·스팸성 문구가 있어 게시할 수 없습니다.\")\n  욕설 단어 전체를 그대로 길게 인용하지 말고, 유형(욕설/혐오/스팸 등)을 분명히 밝힌다.\n- flagged=false면 category는 \"none\", reason은 \"\"", xe = {
 	abuse: "욕설·비속어·모욕",
 	spam: "스팸·광고",
 	adult: "선정적·성인 내용",
@@ -395,17 +451,17 @@ var ve = "당신은 게시판 콘텐츠를 심사하는 엄격한 모더레이
 	other: "부적절한 내용",
 	none: ""
 };
-function Y(e) {
+function Z(e) {
 	if (e.via === "local" && e.localHit) {
 		let t = e.localHit.trim();
 		return t.length > 0 && t.length <= 12 ? `「${t}」 같은 표현은 사용할 수 없습니다. 다른 말로 바꿔 주세요.` : "욕설·비속어가 포함되어 게시할 수 없습니다. 표현을 바꿔 주세요.";
 	}
 	let t = (e.reason || "").trim();
 	if (t) return t;
-	let n = e.category && e.category !== "none" ? ye[e.category] || e.category : "";
+	let n = e.category && e.category !== "none" ? xe[e.category] || e.category : "";
 	return n ? `${n}이(가) 포함되어 게시할 수 없습니다. 내용을 수정해 주세요.` : "게시할 수 없는 내용이 포함되어 있습니다. 내용을 수정해 주세요.";
 }
-var be = [
+var Se = [
 	"씨발",
 	"시발",
 	"시이발",
@@ -431,10 +487,10 @@ var be = [
 	"bitch",
 	"asshole"
 ];
-function xe(e) {
+function Ce(e) {
 	return new RegExp(e.join("|"), "i");
 }
-var Se = /* @__PURE__ */ new Set([
+var we = /* @__PURE__ */ new Set([
 	"none",
 	"abuse",
 	"spam",
@@ -442,7 +498,7 @@ var Se = /* @__PURE__ */ new Set([
 	"violence",
 	"other"
 ]);
-function Ce(e) {
+function Te(e) {
 	let t = e.trim();
 	if (!t) return null;
 	let n;
@@ -460,7 +516,7 @@ function Ce(e) {
 	if (typeof n != "object" || !n) return null;
 	let r = n;
 	if (typeof r.flagged != "boolean") return null;
-	let i = typeof r.category == "string" && Se.has(r.category) ? r.category : r.flagged ? "other" : "none", a = typeof r.reason == "string" ? r.reason : "";
+	let i = typeof r.category == "string" && we.has(r.category) ? r.category : r.flagged ? "other" : "none", a = typeof r.reason == "string" ? r.reason : "";
 	return {
 		flagged: r.flagged,
 		category: i,
@@ -469,20 +525,20 @@ function Ce(e) {
 }
 //#endregion
 //#region src/composables/useMemiBoardModeration.ts
-var X = {
+var Ee = {
 	flagged: !1,
 	category: "none",
 	reason: "",
 	via: "empty"
 };
-function we() {
-	let e = R().moderation ?? {}, t = s(), { isWriteRestricted: n, restrictedMessage: r, recordContentModerationBlock: i } = G(), a = xe([...be, ...e.localBlocklist ?? []]);
-	function o(e) {
+function De() {
+	let e = z().moderation ?? {}, t = o(), { isWriteRestricted: n, restrictedMessage: r, recordContentModerationBlock: i } = K(), a = Ce([...Se, ...e.localBlocklist ?? []]);
+	function s(e) {
 		let t = e.match(a);
 		return t ? {
 			flagged: !0,
 			category: "abuse",
-			reason: Y({
+			reason: Z({
 				via: "local",
 				localHit: t[0] || "",
 				category: "abuse"
@@ -491,21 +547,21 @@ function we() {
 		} : null;
 	}
 	function c() {
-		let n = e.model ?? "gemini-3.5-flash-lite", r = e.useLimitedUseAppCheckTokens !== !1, i = se(t, {
-			backend: new N(),
+		let n = e.model ?? "gemini-3.5-flash-lite", r = e.useLimitedUseAppCheckTokens !== !1, i = oe(t, {
+			backend: new ae(),
 			useLimitedUseAppCheckTokens: r
 		});
-		return ce(i, {
+		return se(i, {
 			model: n,
-			systemInstruction: ve,
+			systemInstruction: be,
 			generationConfig: {
 				temperature: 0,
 				maxOutputTokens: 256,
 				responseMimeType: "application/json",
-				responseSchema: P.object({ properties: {
-					flagged: P.boolean(),
-					category: P.string(),
-					reason: P.string()
+				responseSchema: I.object({ properties: {
+					flagged: I.boolean(),
+					category: I.string(),
+					reason: I.string()
 				} })
 			}
 		});
@@ -526,7 +582,7 @@ function we() {
 		};
 	}
 	function u(e, t = "") {
-		let n = Y({
+		let n = Z({
 			reason: e.reason,
 			category: e.category,
 			via: e.via
@@ -554,22 +610,22 @@ function we() {
 		};
 		let i = t.trim();
 		if (!i) return {
-			...X,
+			...Ee,
 			via: "empty"
 		};
-		let a = o(i);
+		let a = s(i);
 		if (a) return d(a);
 		if (e.enabled === !1) return {
-			...X,
+			...Ee,
 			via: "disabled"
 		};
 		try {
-			let e = Ce((await c().generateContent(`심사할 텍스트:\n"""${i.slice(0, 4e3)}"""`)).response.text());
+			let e = Te((await c().generateContent(`심사할 텍스트:\n"""${i.slice(0, 4e3)}"""`)).response.text());
 			if (!e) return l();
 			let t = {
 				flagged: e.flagged,
 				category: e.category,
-				reason: Y({
+				reason: Z({
 					reason: e.reason,
 					category: e.category,
 					via: "ai"
@@ -589,14 +645,14 @@ function we() {
 			via: "restricted"
 		};
 		if (e.enabled === !1 || !e.moderateImages) return {
-			...X,
+			...Ee,
 			via: "disabled"
 		};
 		try {
 			let e = await new Promise((e, n) => {
 				let r = new FileReader();
 				r.onload = () => e(r.result.split(",")[1] ?? ""), r.onerror = n, r.readAsDataURL(t);
-			}), n = Ce((await c().generateContent([{ inlineData: {
+			}), n = Te((await c().generateContent([{ inlineData: {
 				mimeType: t.type || "image/jpeg",
 				data: e
 			} }, "이 이미지를 심사해 주세요."])).response.text());
@@ -604,7 +660,7 @@ function we() {
 			let r = {
 				flagged: n.flagged,
 				category: n.category,
-				reason: Y({
+				reason: Z({
 					reason: n.reason,
 					category: n.category,
 					via: "ai"
@@ -623,7 +679,7 @@ function we() {
 }
 //#endregion
 //#region src/utils/compressImage.ts
-async function Te(e, { maxWidth: t = 400, quality: n = .8 } = {}) {
+async function Oe(e, { maxWidth: t = 400, quality: n = .8 } = {}) {
 	return new Promise((r, i) => {
 		let a = new Image(), o = URL.createObjectURL(e);
 		a.onload = () => {
@@ -643,11 +699,11 @@ async function Te(e, { maxWidth: t = 400, quality: n = .8 } = {}) {
 }
 //#endregion
 //#region src/composables/useMemiBoardStorage.ts
-var Ee = 5242880;
-function De() {
-	let e = R(), t = s(), n = () => e.collectionPrefix;
+var ke = 5242880;
+function Ae() {
+	let e = z(), t = o(), n = () => e.collectionPrefix;
 	function r(e, r, i) {
-		let a = O(t), o = `${n()}/posts/${r}/attachments/${Date.now()}-${fe(e.name)}`, s = A(a, o), c = M(s, e, {
+		let a = M(t), o = `${n()}/posts/${r}/attachments/${Date.now()}-${fe(e.name)}`, s = P(a, o), c = F(s, e, {
 			contentType: e.type || "application/octet-stream",
 			contentDisposition: `attachment; filename*=UTF-8''${encodeURIComponent(e.name)}`
 		});
@@ -656,7 +712,7 @@ function De() {
 				c.on("state_changed", (e) => {
 					i && e.totalBytes > 0 && i(e.bytesTransferred / e.totalBytes);
 				}, n, async () => {
-					let n = await D(s);
+					let n = await j(s);
 					t({
 						name: e.name,
 						url: n,
@@ -670,111 +726,150 @@ function De() {
 		};
 	}
 	async function i(e) {
-		let n = O(t);
-		await E(A(n, e.path)).catch(() => {});
+		let n = M(t);
+		await A(P(n, e.path)).catch(() => {});
 	}
 	async function a(e, r) {
 		if (!e.type.startsWith("image/")) throw Error("이미지 파일만 업로드할 수 있습니다.");
-		if (e.size > 5242880) throw Error(`이미지는 ${Ee / 1024 / 1024}MB 이하여야 합니다.`);
-		let i = O(t), a = (e.name.split(".").pop() || e.type.split("/")[1] || "png").replace(/[^a-zA-Z0-9]/g, "").slice(0, 8) || "png", o = fe(e.name.replace(/\.[^.]+$/, "") || "image", 40), s = `${Date.now()}-${o || "image"}`, c = r || `new-${Date.now()}`, l = `${n()}/posts/${c}/images/${s}.${a}`, u = A(i, l);
-		await j(u, e, { contentType: e.type || "image/png" });
-		let d = await D(u), f = await Te(e, {
+		if (e.size > 5242880) throw Error(`이미지는 ${ke / 1024 / 1024}MB 이하여야 합니다.`);
+		let i = M(t), a = (e.name.split(".").pop() || e.type.split("/")[1] || "png").replace(/[^a-zA-Z0-9]/g, "").slice(0, 8) || "png", o = fe(e.name.replace(/\.[^.]+$/, "") || "image", 40), s = `${Date.now()}-${o || "image"}`, c = r || `new-${Date.now()}`, l = `${n()}/posts/${c}/images/${s}.${a}`, u = P(i, l);
+		await ie(u, e, { contentType: e.type || "image/png" });
+		let d = await j(u), f = await Oe(e, {
 			maxWidth: 400,
 			quality: .8
-		}), p = `${n()}/posts/${c}/images/thumbnails/${s}.jpg`, m = A(i, p);
-		return await j(m, f, { contentType: "image/jpeg" }), {
+		}), p = `${n()}/posts/${c}/images/thumbnails/${s}.jpg`, m = P(i, p);
+		return await ie(m, f, { contentType: "image/jpeg" }), {
 			originalUrl: d,
 			originalPath: l,
-			thumbnailUrl: await D(m),
+			thumbnailUrl: await j(m),
 			thumbnailPath: p
 		};
 	}
-	async function o(e) {
-		let n = O(t);
-		await Promise.all([E(A(n, e.originalPath)).catch(() => {}), E(A(n, e.thumbnailPath)).catch(() => {})]);
+	async function s(e) {
+		let n = M(t);
+		await Promise.all([A(P(n, e.originalPath)).catch(() => {}), A(P(n, e.thumbnailPath)).catch(() => {})]);
 	}
 	return {
 		uploadAttachment: r,
 		deleteAttachment: i,
 		uploadEditorImage: a,
-		deleteEditorImage: o
+		deleteEditorImage: s
 	};
 }
 //#endregion
 //#region src/composables/useMemiBoardSettings.ts
-var Z = [
+var je = [
 	{
 		id: "free",
-		label: "자유"
+		label: "자유",
+		listView: "default",
+		order: 0
 	},
 	{
 		id: "notice",
-		label: "공지"
+		label: "공지",
+		listView: "default",
+		order: 1
 	},
 	{
 		id: "question",
-		label: "질문"
+		label: "질문",
+		listView: "default",
+		order: 2
 	}
 ];
-function Oe() {
-	let t = R(), n = l(), { isSignedIn: i, isAdmin: a } = G(), s = e(() => p(n, `${t.collectionPrefix}Settings`, "config")), { data: c, pending: u } = o(s), d = e(() => {
-		let e = c.value?.categories;
-		return e && e.length > 0 ? e : Z;
-	});
-	function f(e) {
-		if (e) return d.value.find((t) => t.id === e)?.label ?? e;
-	}
-	async function h() {
-		if (!i.value) return;
-		let e = s.value, t = await m(e).catch(() => null);
-		!t || t.exists() || await x(e, {
-			categories: Z,
-			updatedAt: b()
-		});
-	}
-	async function g(e) {
+function Me() {
+	let t = z(), n = c(), { isSignedIn: r } = K(), a = e(() => f(n, `${t.collectionPrefix}Settings`, "config")), o = e(() => l(n, `${t.collectionPrefix}Settings`, "config", "categories")), s = e(() => b(o.value, y("order", "asc"))), { data: d, pending: p } = i(s), m = e(() => d.value.map((e, t) => ({
+		...e,
+		id: e.id,
+		order: typeof e.order == "number" ? e.order : t,
+		listView: e.listView ?? "default"
+	})));
+	function h(e) {
+		if (e) return m.value.find((t) => t.id === e)?.label ?? e;
+	}
+	async function g(e, t = e.order ?? 0) {
+		if (!r.value) throw Error("로그인이 필요합니다.");
+		let n = e.id.trim(), i = e.label.trim();
+		if (!n || !i) throw Error("카테고리 ID와 이름을 입력해 주세요.");
+		await S(a.value, { updatedAt: x() }, { merge: !0 }), await S(f(o.value, n), {
+			label: i,
+			listView: e.listView ?? "default",
+			order: t,
+			updatedAt: x()
+		}, { merge: !0 });
+	}
+	async function _(e) {
+		if (!r.value) throw Error("로그인이 필요합니다.");
+		let t = E(n);
+		t.set(a.value, { updatedAt: x() }, { merge: !0 }), e.forEach((e, n) => {
+			let r = e.id.trim(), i = e.label.trim();
+			if (!r || !i) throw Error("카테고리 ID와 이름을 입력해 주세요.");
+			t.set(f(o.value, r), {
+				label: i,
+				listView: e.listView ?? "default",
+				order: n,
+				updatedAt: x()
+			}, { merge: !0 });
+		}), await t.commit();
+	}
+	async function v(e) {
+		if (!r.value) throw Error("로그인이 필요합니다.");
+		await u(f(o.value, e));
+	}
+	async function C() {
+		return Promise.resolve();
+	}
+	async function w(e) {
 		let t = e.trim();
 		if (!t) throw Error("카테고리 이름을 입력해 주세요.");
-		if (!i.value) throw Error("로그인이 필요합니다.");
-		await h();
-		let n = d.value.find((e) => e.label === t || e.id === K(t));
+		if (!r.value) throw Error("로그인이 필요합니다.");
+		let n = m.value.find((e) => e.label === t);
 		if (n) return n.id;
-		let r = K(t) || `cat-${Date.now()}`, a = new Set(d.value.map((e) => e.id));
-		if (a.has(r)) {
-			let e = 2;
-			for (; a.has(`${r}-${e}`);) e++;
-			r = `${r}-${e}`;
-		}
-		let o = [...d.value, {
-			id: r,
-			label: t
-		}], c = s.value;
-		return (await m(c)).exists() ? await C(c, {
-			categories: o,
-			updatedAt: b()
-		}) : await x(c, {
-			categories: o,
-			updatedAt: b()
-		}), r;
-	}
-	return r([
-		a,
-		i,
-		u
-	], async ([e, t, n]) => {
-		n || c.value || !e && !t || await h().catch(() => {});
-	}, { immediate: !0 }), {
-		categories: d,
-		categoryLabel: f,
-		settingsPending: u,
-		ensureSettings: h,
-		addCategory: g,
-		DEFAULT_CATEGORIES: Z
+		let i = q(t) || `cat-${Date.now()}`, a = i, o = 2, s = new Set(m.value.map((e) => e.id));
+		for (; s.has(a);) a = `${i}-${o++}`;
+		return await g({
+			id: a,
+			label: t,
+			listView: "default",
+			order: m.value.length
+		}), a;
+	}
+	return {
+		categories: m,
+		categoryLabel: h,
+		settingsPending: p,
+		ensureSettings: C,
+		addCategory: w,
+		saveCategory: g,
+		saveCategories: _,
+		deleteCategory: v,
+		DEFAULT_CATEGORIES: je
 	};
 }
 //#endregion
 //#region src/data/versionHistory.ts
-var ke = [
+var Ne = [
+	{
+		version: "0.5.0",
+		date: "2026-08-04",
+		highlights: [
+			"게시판마다 일반·이미지·영상 목록 화면을 선택할 수 있어요",
+			"YouTube 링크를 붙여넣으면 본문에 영상으로 표시돼요",
+			"게시글 아래에서 이전 글·목록·다음 글로 이동할 수 있어요",
+			"관리자가 카테고리를 각각 저장하고 관리할 수 있어요"
+		]
+	},
+	{
+		version: "0.4.15",
+		date: "2026-08-03",
+		highlights: ["설정 화면이 설치된 프로젝트에서 정상적으로 열리도록 고쳤어요"]
+	},
+	{
+		version: "0.4.14",
+		date: "2026-08-03",
+		highlights: ["관리자가 카테고리 이름과 순서를 한 화면에서 관리할 수 있어요", "카테고리마다 일반·이미지·영상 목록 방식을 선택할 수 있어요"]
+	},
 	{
 		version: "0.2.2",
 		date: "2026-07-31",
@@ -801,7 +896,7 @@ var ke = [
 ];
 //#endregion
 //#region src/utils/formatDate.ts
-function Ae(e) {
+function Pe(e) {
 	return e?.toDate ? e.toDate().toLocaleDateString("ko-KR") : "";
 }
 //#endregion
@@ -813,7 +908,7 @@ function $(e) {
 	let t = e;
 	return t = t.replace(/`([^`]+)`/g, "<code>$1</code>"), t = t.replace(/!\[([^\]]*)\]\((https?:\/\/[^)\s]+)\)/g, "<img src=\"$2\" alt=\"$1\" class=\"max-w-full h-auto rounded-lg my-3\" loading=\"lazy\" />"), t = t.replace(/\[([^\]]+)\]\((https?:\/\/[^)\s]+)\)/g, "<a href=\"$2\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-primary underline\">$1</a>"), t = t.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>"), t = t.replace(/\*([^*]+)\*/g, "<em>$1</em>"), t = t.replace(/~~([^~]+)~~/g, "<del>$1</del>"), t;
 }
-function je(e) {
+function Fe(e) {
 	if (!e?.trim()) return "";
 	let t = e.replace(/\r\n/g, "\n").split("\n"), n = [], r = 0, i = !1, a = [], o = null, s = [];
 	function c() {
@@ -878,6 +973,6 @@ function je(e) {
 	return c(), i && a.length && n.push(`<pre class="overflow-x-auto rounded-lg bg-muted p-3 text-sm"><code>${a.join("\n")}</code></pre>`), n.join("\n");
 }
 //#endregion
-export { z as DEFAULT_BLOCK_BAN_DECAY_MS, le as DEFAULT_BLOCK_BAN_THRESHOLD, Z as DEFAULT_CATEGORIES, Ee as EDITOR_IMAGE_MAX_BYTES, Te as compressImage, L as configureMemiBoard, B as effectiveModerationBlockCount, pe as extractEditorImageUrls, Ae as formatDate, U as formatRestrictedUntilLabel, H as isModerationWriteRestricted, V as moderationWriteRestrictedUntilMs, q as postNamespaceFromStoragePath, je as renderMarkdownToHtml, me as storagePathFromDownloadUrl, G as useMemiBoardAuth, _e as useMemiBoardComments, R as useMemiBoardConfig, we as useMemiBoardModeration, ge as useMemiBoardPosts, Oe as useMemiBoardSettings, De as useMemiBoardStorage, ke as versionHistory };
+export { B as DEFAULT_BLOCK_BAN_DECAY_MS, le as DEFAULT_BLOCK_BAN_THRESHOLD, je as DEFAULT_CATEGORIES, ke as EDITOR_IMAGE_MAX_BYTES, Oe as compressImage, ce as configureMemiBoard, V as effectiveModerationBlockCount, pe as extractEditorImageUrls, Pe as formatDate, W as formatRestrictedUntilLabel, U as isModerationWriteRestricted, H as moderationWriteRestrictedUntilMs, J as postNamespaceFromStoragePath, Fe as renderMarkdownToHtml, q as slugify, me as storagePathFromDownloadUrl, K as useMemiBoardAuth, ye as useMemiBoardComments, z as useMemiBoardConfig, De as useMemiBoardModeration, ve as useMemiBoardPosts, Me as useMemiBoardSettings, Ae as useMemiBoardStorage, Ne as versionHistory };
 
 //# sourceMappingURL=index.js.map