memi-board 0.3.1

package/dist/index.js

@@ -0,0 +1,1121 @@
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, onMounted as l, openBlock as u, reactive as d, ref as f, renderList as p, resolveComponent as m, resolveDynamicComponent as h, toDisplayString as g, unref as _, watch as v, withCtx as y, withModifiers as b } from "vue";
+import { useCollection as x, useCurrentUser as S, useDocument as C, useFirebaseApp as w, useFirebaseAuth as T, useFirestore as E } from "vuefire";
+import { collection as D, deleteDoc as O, doc as k, getDoc as A, getDocs as j, increment as M, limit as N, orderBy as P, query as F, serverTimestamp as I, setDoc as L, startAfter as ee, updateDoc as R, writeBatch as z } from "firebase/firestore";
+import { GoogleAuthProvider as te, OAuthProvider as ne, createUserWithEmailAndPassword as re, signInWithEmailAndPassword as ie, signInWithPopup as ae, signOut as oe, updateProfile as se } from "firebase/auth";
+import { deleteObject as ce, getDownloadURL as le, getStorage as B, listAll as ue, ref as V, uploadBytesResumable as de } from "firebase/storage";
+import { GoogleAIBackend as fe, Schema as H, getAI as pe, getGenerativeModel as me } from "firebase/ai";
+import { RouterLink as he } from "vue-router";
+//#region src/config.ts
+var U = d({
+	collectionPrefix: "memiBoard",
+	auth: { providers: ["google", "apple"] },
+	moderation: {
+		enabled: !0,
+		model: "gemini-2.5-flash",
+		onError: "allow",
+		moderateImages: !1,
+		localBlocklist: []
+	}
+});
+function ge(e) {
+	e.collectionPrefix && (U.collectionPrefix = e.collectionPrefix), e.auth && Object.assign(U.auth, e.auth), e.moderation && Object.assign(U.moderation, e.moderation);
+}
+function W() {
+	return U;
+}
+//#endregion
+//#region src/composables/useMemiBoardAuth.ts
+function G() {
+	let e = W(), n = E(), r = T(), i = S(), a = f("user"), o = f(!0);
+	function s(t) {
+		return k(n, `${e.collectionPrefix}Users`, t);
+	}
+	async function c(e) {
+		let t = s(e.uid), n = await A(t);
+		return n.exists() ? (await R(t, {
+			displayName: e.displayName,
+			updatedAt: I()
+		}), n.data().role ?? "user") : (await L(t, {
+			role: "user",
+			displayName: e.displayName,
+			updatedAt: I()
+		}), "user");
+	}
+	v(i, async (e) => {
+		if (o.value = !0, !e) {
+			a.value = "user", o.value = !1;
+			return;
+		}
+		try {
+			a.value = await c(e);
+		} catch {
+			a.value = "user";
+		} finally {
+			o.value = !1;
+		}
+	}, { immediate: !0 });
+	let l = t(() => !!i.value), u = t(() => a.value === "admin");
+	function d() {
+		if (!r) throw Error("[memi-board] Firebase Auth가 초기화되지 않았습니다.");
+		return r;
+	}
+	async function p() {
+		return ae(d(), new te());
+	}
+	async function m() {
+		let e = new ne("apple.com");
+		return e.addScope("email"), e.addScope("name"), ae(d(), e);
+	}
+	async function h(e, t) {
+		return ie(d(), e, t);
+	}
+	async function g(e, t, n) {
+		let r = await re(d(), e, t);
+		return n && await se(r.user, { displayName: n }), r;
+	}
+	async function _() {
+		await oe(d());
+	}
+	function y(e) {
+		return l.value && (i.value?.uid === e.authorUid || u.value);
+	}
+	function b(e) {
+		return l.value && (i.value?.uid === e.authorUid || u.value);
+	}
+	return {
+		user: i,
+		isSignedIn: l,
+		isAdmin: u,
+		rolePending: o,
+		signInWithGoogle: p,
+		signInWithApple: m,
+		signInWithEmail: h,
+		signUpWithEmail: g,
+		signOut: _,
+		canEdit: y,
+		canDelete: y,
+		canDeleteComment: b
+	};
+}
+//#endregion
+//#region src/utils/slugify.ts
+function _e(e) {
+	return e.trim().replace(/\s+/g, "-").replace(/[^a-zA-Z0-9가-힣ㄱ-ㅎㅏ-ㅣ-]/g, "").replace(/-+/g, "-").replace(/^-+|-+$/g, "");
+}
+function ve(e, t = 60) {
+	return e.replace(/[^a-zA-Z0-9가-힣ㄱ-ㅎ._-]/g, "-").slice(0, t);
+}
+//#endregion
+//#region src/composables/useMemiBoardPosts.ts
+async function K(e) {
+	let t = await ue(e).catch(() => ({
+		items: [],
+		prefixes: []
+	}));
+	await Promise.all([...t.items.map((e) => ce(e)), ...t.prefixes.map((e) => K(e))]);
+}
+function q() {
+	let e = W(), t = E(), n = w(), r = e.collectionPrefix, i = () => D(t, `${r}Posts`), a = (e) => k(t, `${r}Posts`, e), o = (e) => k(t, `${r}Posts`, e, "body", "main"), s = (e) => D(t, `${r}Posts`, e, "comments");
+	async function c(e = {}) {
+		let t = e.pageSize ?? 20, n = e.cursor ? [
+			P("createdAt", "desc"),
+			ee(e.cursor),
+			N(t + 1)
+		] : [P("createdAt", "desc"), N(t + 1)], r = await j(F(i(), ...n)), a = r.docs.slice(0, t);
+		return {
+			posts: a.map((e) => ({
+				id: e.id,
+				...e.data()
+			})),
+			cursor: a[a.length - 1],
+			hasMore: r.docs.length > t
+		};
+	}
+	async function l(e) {
+		let [t, n] = await Promise.all([A(a(e)), A(o(e))]);
+		return t.exists() ? {
+			id: t.id,
+			...t.data(),
+			content: n.exists() ? n.data().content ?? "" : ""
+		} : null;
+	}
+	async function u(e) {
+		let t = _e(e.title) || "post", n = t, r = 1;
+		for (; (await A(a(n))).exists();) r++, n = `${t}-${r}`;
+		return await Promise.all([L(a(n), {
+			title: e.title,
+			tags: e.tags ?? [],
+			...e.category ? { category: e.category } : {},
+			attachments: e.attachments ?? [],
+			commentCount: 0,
+			authorUid: e.authorUid,
+			authorName: e.authorName,
+			authorPhoto: e.authorPhoto,
+			moderationStatus: "approved",
+			moderationModel: e.moderationModel ?? null,
+			createdAt: I(),
+			updatedAt: I()
+		}), L(o(n), { content: e.content })]), n;
+	}
+	async function d(e, t) {
+		await Promise.all([R(a(e), {
+			title: t.title,
+			tags: t.tags ?? [],
+			...t.category ? { category: t.category } : {},
+			attachments: t.attachments ?? [],
+			updatedAt: I()
+		}), L(o(e), { content: t.content })]);
+	}
+	async function f(e) {
+		let i = await j(s(e));
+		for (let e = 0; e < i.docs.length; e += 450) {
+			let n = z(t);
+			i.docs.slice(e, e + 450).forEach((e) => n.delete(e.ref)), await n.commit();
+		}
+		let c = B(n);
+		await O(o(e)), await K(V(c, `${r}/posts/${e}`)), await O(a(e));
+	}
+	return {
+		getPosts: c,
+		getPost: l,
+		createPost: u,
+		updatePost: d,
+		deletePost: f
+	};
+}
+//#endregion
+//#region src/composables/useMemiBoardComments.ts
+function J(e) {
+	let n = W(), r = E(), i = n.collectionPrefix, a = t(() => typeof e == "string" ? e : e.value), o = t(() => F(D(r, `${i}Posts`, a.value, "comments"), P("createdAt", "asc"))), s = x(o);
+	async function c(e) {
+		let t = z(r), n = k(D(r, `${i}Posts`, a.value, "comments"));
+		t.set(n, {
+			postId: a.value,
+			body: e.body,
+			authorUid: e.authorUid,
+			authorName: e.authorName,
+			authorPhoto: e.authorPhoto,
+			moderationStatus: "approved",
+			createdAt: I()
+		}), t.update(k(r, `${i}Posts`, a.value), { commentCount: M(1) }), await t.commit();
+	}
+	async function l(e) {
+		let t = z(r);
+		t.delete(k(r, `${i}Posts`, a.value, "comments", e)), t.update(k(r, `${i}Posts`, a.value), { commentCount: M(-1) }), await t.commit();
+	}
+	return {
+		comments: s,
+		addComment: c,
+		deleteComment: l
+	};
+}
+//#endregion
+//#region src/utils/moderation-prompt.ts
+var ye = "당신은 게시판 콘텐츠를 심사하는 엄격한 모더레이터입니다.\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- flagged=false면 category는 \"none\", reason은 \"\"", be = [
+	"씨발",
+	"시발",
+	"씨팔",
+	"시팔",
+	"병신",
+	"븅신",
+	"지랄",
+	"좆",
+	"존나",
+	"개새끼",
+	"개새",
+	"꺼져",
+	"닥쳐",
+	"씹",
+	"니미",
+	"느금",
+	"애미",
+	"애비",
+	"fuck",
+	"shit",
+	"bitch",
+	"asshole"
+];
+function xe(e) {
+	return new RegExp(e.join("|"), "i");
+}
+var Se = /* @__PURE__ */ new Set([
+	"none",
+	"abuse",
+	"spam",
+	"adult",
+	"violence",
+	"other"
+]);
+function Ce(e) {
+	let t = e.trim();
+	if (!t) return null;
+	let n;
+	try {
+		n = JSON.parse(t);
+	} catch {
+		let e = t.match(/\{[\s\S]*\}/);
+		if (!e) return null;
+		try {
+			n = JSON.parse(e[0]);
+		} catch {
+			return null;
+		}
+	}
+	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 : "";
+	return {
+		flagged: r.flagged,
+		category: i,
+		reason: a
+	};
+}
+//#endregion
+//#region src/composables/useMemiBoardModeration.ts
+var Y = {
+	flagged: !1,
+	category: "none",
+	reason: ""
+};
+function X() {
+	let e = W().moderation ?? {}, t = w(), n = xe([...be, ...e.localBlocklist ?? []]);
+	function r(e) {
+		return n.test(e) ? {
+			flagged: !0,
+			category: "abuse",
+			reason: "욕설·비속어가 포함되어 게시할 수 없습니다. 표현을 바꿔 주세요."
+		} : null;
+	}
+	function i() {
+		let n = pe(t, {
+			backend: new fe(),
+			useLimitedUseAppCheckTokens: !0
+		});
+		return me(n, {
+			model: e.model ?? "gemini-2.5-flash",
+			systemInstruction: ye,
+			generationConfig: {
+				temperature: 0,
+				maxOutputTokens: 256,
+				responseMimeType: "application/json",
+				responseSchema: H.object({ properties: {
+					flagged: H.boolean(),
+					category: H.string(),
+					reason: H.string()
+				} })
+			}
+		});
+	}
+	function a() {
+		return e.onError === "block" ? {
+			flagged: !0,
+			category: "other",
+			reason: "검열 서비스에 일시적으로 연결할 수 없어 제출이 보류되었습니다. 잠시 후 다시 시도해 주세요.",
+			error: !0
+		} : {
+			...Y,
+			error: !0
+		};
+	}
+	async function o(t) {
+		let n = t.trim();
+		if (!n) return Y;
+		let o = r(n);
+		if (o) return o;
+		if (e.enabled === !1) return Y;
+		try {
+			let e = Ce((await i().generateContent(`심사할 텍스트:\n"""${n.slice(0, 4e3)}"""`)).response.text());
+			return e ? {
+				flagged: e.flagged,
+				category: e.category,
+				reason: e.reason
+			} : (console.warn("[memi-board] 검열 응답 파싱 실패 → onError 정책 적용"), a());
+		} catch (e) {
+			return console.warn("[memi-board] AI 검열 호출 실패 → onError 정책 적용", e), a();
+		}
+	}
+	async function s(t) {
+		if (e.enabled === !1 || !e.moderateImages) return Y;
+		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 i().generateContent([{ inlineData: {
+				mimeType: t.type || "image/jpeg",
+				data: e
+			} }, "이 이미지를 심사해 주세요."])).response.text());
+			return n ? {
+				flagged: n.flagged,
+				category: n.category,
+				reason: n.reason
+			} : a();
+		} catch (e) {
+			return console.warn("[memi-board] 이미지 검열 호출 실패 → onError 정책 적용", e), a();
+		}
+	}
+	return {
+		checkText: o,
+		checkImage: s
+	};
+}
+//#endregion
+//#region src/composables/useMemiBoardStorage.ts
+function we() {
+	let e = W(), t = w(), n = e.collectionPrefix;
+	function r(e, r, i) {
+		let a = B(t), o = `${n}/posts/${r}/attachments/${Date.now()}-${ve(e.name)}`, s = V(a, o), c = de(s, e, {
+			contentType: e.type || "application/octet-stream",
+			contentDisposition: `attachment; filename*=UTF-8''${encodeURIComponent(e.name)}`
+		});
+		return {
+			promise: new Promise((t, n) => {
+				c.on("state_changed", (e) => {
+					i && e.totalBytes > 0 && i(e.bytesTransferred / e.totalBytes);
+				}, n, async () => {
+					let n = await le(s);
+					t({
+						name: e.name,
+						url: n,
+						path: o,
+						size: e.size,
+						type: e.type
+					});
+				});
+			}),
+			cancel: () => c.cancel()
+		};
+	}
+	async function i(e) {
+		let n = B(t);
+		await ce(V(n, e.path)).catch(() => {});
+	}
+	return {
+		uploadAttachment: r,
+		deleteAttachment: i
+	};
+}
+//#endregion
+//#region src/composables/useMemiBoardSettings.ts
+var Te = [
+	{
+		id: "free",
+		label: "자유"
+	},
+	{
+		id: "notice",
+		label: "공지"
+	},
+	{
+		id: "question",
+		label: "질문"
+	}
+];
+function Z() {
+	let e = W(), n = E(), { isAdmin: r } = G(), i = e.collectionPrefix, a = k(n, `${i}Settings`, "config"), { data: o, pending: s } = C(a), c = t(() => {
+		let e = o.value?.categories;
+		return e && e.length > 0 ? e : Te;
+	});
+	function l(e) {
+		if (e) return c.value.find((t) => t.id === e)?.label ?? e;
+	}
+	return v([r, s], async ([e, t]) => {
+		if (!e || t || o.value) return;
+		let n = await A(a).catch(() => null);
+		!n || n.exists() || await L(a, {
+			categories: Te,
+			updatedAt: I()
+		}).catch(() => {});
+	}, { immediate: !0 }), {
+		categories: c,
+		categoryLabel: l,
+		settingsPending: s
+	};
+}
+//#endregion
+//#region src/utils/formatDate.ts
+function Q(e) {
+	return e?.toDate ? e.toDate().toLocaleDateString("ko-KR") : "";
+}
+//#endregion
+//#region src/components/List.vue?vue&type=script&setup=true&lang.ts
+var Ee = { class: "flex flex-col gap-2" }, De = {
+	key: 1,
+	class: "text-sm text-muted text-center py-8"
+}, Oe = { class: "flex items-center justify-between gap-4" }, ke = { class: "flex items-center gap-2 min-w-0" }, Ae = { class: "font-medium truncate" }, je = { class: "text-xs text-muted shrink-0" }, Me = { class: "flex items-center gap-3 text-xs text-muted mt-2" }, Ne = { class: "flex items-center gap-1" }, Pe = {
+	key: 0,
+	class: "flex items-center gap-1"
+}, Fe = /* @__PURE__ */ c({
+	__name: "List",
+	props: {
+		pageSize: { default: 20 },
+		linkBase: {}
+	},
+	emits: ["select"],
+	setup(t, { emit: c }) {
+		let d = t, v = c, { getPosts: b } = q(), { categoryLabel: x } = Z(), S = f([]), C = f(void 0), w = f(!1), T = f(!1), E = f(!0);
+		async function D() {
+			T.value = !0;
+			try {
+				let e = await b({
+					pageSize: d.pageSize,
+					cursor: C.value
+				});
+				S.value.push(...e.posts), C.value = e.cursor, w.value = e.hasMore;
+			} finally {
+				T.value = !1, E.value = !1;
+			}
+		}
+		l(D);
+		function O(e) {
+			d.linkBase || v("select", e);
+		}
+		return (c, l) => {
+			let d = m("USkeleton"), f = m("UBadge"), v = m("UIcon"), b = m("UCard"), C = m("UButton");
+			return u(), i("div", Ee, [
+				E.value ? (u(), i(e, { key: 0 }, p(3, (e) => s(d, {
+					key: e,
+					class: "h-20 w-full"
+				})), 64)) : S.value.length ? r("", !0) : (u(), i("p", De, " 아직 게시글이 없습니다. ")),
+				(u(!0), i(e, null, p(S.value, (e) => (u(), n(h(t.linkBase ? _(he) : "button"), {
+					key: e.id,
+					to: t.linkBase ? `${t.linkBase}/${e.id}` : void 0,
+					class: "text-left",
+					onClick: (t) => O(e)
+				}, {
+					default: y(() => [s(b, { class: "hover:bg-elevated/50 transition-colors" }, {
+						default: y(() => [a("div", Oe, [a("div", ke, [e.category ? (u(), n(f, {
+							key: 0,
+							label: _(x)(e.category),
+							variant: "subtle",
+							size: "sm"
+						}, null, 8, ["label"])) : r("", !0), a("h3", Ae, g(e.title), 1)]), a("span", je, g(_(Q)(e.createdAt)), 1)]), a("div", Me, [
+							a("span", null, g(e.authorName ?? "익명"), 1),
+							a("span", Ne, [s(v, {
+								name: "i-lucide-message-circle",
+								class: "size-3"
+							}), o(g(e.commentCount), 1)]),
+							e.attachments?.length ? (u(), i("span", Pe, [s(v, {
+								name: "i-lucide-paperclip",
+								class: "size-3"
+							}), o(g(e.attachments.length), 1)])) : r("", !0)
+						])]),
+						_: 2
+					}, 1024)]),
+					_: 2
+				}, 1032, ["to", "onClick"]))), 128)),
+				w.value ? (u(), n(C, {
+					key: 2,
+					variant: "outline",
+					color: "neutral",
+					label: "더 보기",
+					block: "",
+					loading: T.value,
+					onClick: D
+				}, null, 8, ["loading"])) : r("", !0)
+			]);
+		};
+	}
+}), Ie = { class: "space-y-2" }, Le = ["src"], Re = { class: "flex-1 min-w-0" }, ze = { class: "text-sm font-medium truncate" }, Be = { class: "text-xs text-muted" }, Ve = {
+	key: 1,
+	class: "text-xs text-error"
+}, He = {
+	key: 1,
+	class: "text-xs text-muted"
+}, $ = /* @__PURE__ */ c({
+	__name: "Attachments",
+	props: {
+		modelValue: {},
+		postId: {},
+		editable: {
+			type: Boolean,
+			default: !1
+		},
+		maxFiles: { default: 5 }
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: o }) {
+		let c = t, l = o, { uploadAttachment: d, deleteAttachment: h } = we(), _ = f(null), v = f(!1), y = f(0), b = f(null), x = f("");
+		function S(e) {
+			return e.startsWith("image/");
+		}
+		async function C(e) {
+			let t = e.target, n = Array.from(t.files ?? []);
+			if (t.value = "", !n.length) return;
+			let r = c.maxFiles - c.modelValue.length, i = n.slice(0, r);
+			v.value = !0, x.value = "";
+			try {
+				let e = [];
+				for (let t of i) {
+					y.value = 0;
+					let { promise: n } = d(t, c.postId, (e) => {
+						y.value = e;
+					});
+					e.push(await n);
+				}
+				l("update:modelValue", [...c.modelValue, ...e]);
+			} catch (e) {
+				x.value = e.message;
+			} finally {
+				v.value = !1;
+			}
+		}
+		async function w(e) {
+			let t = c.modelValue[e];
+			if (t) {
+				b.value = e;
+				try {
+					await h(t), l("update:modelValue", c.modelValue.filter((t, n) => n !== e));
+				} finally {
+					b.value = null;
+				}
+			}
+		}
+		function T(e) {
+			return e === "application/pdf" ? "i-lucide-file-text" : e.includes("zip") || e.includes("archive") || e.includes("compressed") ? "i-lucide-archive" : e.includes("spreadsheet") || e.includes("excel") || e.includes("csv") ? "i-lucide-table" : e.includes("presentation") || e.includes("powerpoint") ? "i-lucide-presentation" : S(e) ? "i-lucide-image" : e.includes("video") ? "i-lucide-video" : e.includes("audio") ? "i-lucide-music" : "i-lucide-file";
+		}
+		function E(e) {
+			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1024 / 1024).toFixed(1)} MB`;
+		}
+		return (o, c) => {
+			let l = m("UIcon"), d = m("UButton"), f = m("UProgress");
+			return u(), i("div", Ie, [(u(!0), i(e, null, p(t.modelValue, (e, r) => (u(), i("div", {
+				key: e.path,
+				class: "flex items-center gap-3 px-3 py-2 rounded-lg border border-default"
+			}, [
+				S(e.type) ? (u(), i("img", {
+					key: 0,
+					src: e.url,
+					class: "size-10 rounded object-cover shrink-0"
+				}, null, 8, Le)) : (u(), n(l, {
+					key: 1,
+					name: T(e.type),
+					class: "size-5 shrink-0 text-muted"
+				}, null, 8, ["name"])),
+				a("div", Re, [a("p", ze, g(e.name), 1), a("p", Be, g(E(e.size)), 1)]),
+				t.editable ? (u(), n(d, {
+					key: 2,
+					icon: "i-lucide-x",
+					size: "xs",
+					color: "error",
+					variant: "ghost",
+					loading: b.value === r,
+					onClick: (e) => w(r)
+				}, null, 8, ["loading", "onClick"])) : (u(), n(d, {
+					key: 3,
+					icon: "i-lucide-download",
+					size: "xs",
+					color: "neutral",
+					variant: "ghost",
+					to: e.url,
+					target: "_blank"
+				}, null, 8, ["to"]))
+			]))), 128)), t.editable && t.modelValue.length < t.maxFiles ? (u(), i(e, { key: 0 }, [
+				a("input", {
+					ref_key: "fileInput",
+					ref: _,
+					type: "file",
+					multiple: "",
+					class: "hidden",
+					onChange: C
+				}, null, 544),
+				s(d, {
+					icon: "i-lucide-paperclip",
+					label: `파일 첨부 (${t.modelValue.length} / ${t.maxFiles})`,
+					variant: "outline",
+					color: "neutral",
+					size: "sm",
+					loading: v.value,
+					onClick: c[0] ||= (e) => _.value?.click()
+				}, null, 8, ["label", "loading"]),
+				v.value ? (u(), n(f, {
+					key: 0,
+					"model-value": Math.round(y.value * 100)
+				}, null, 8, ["model-value"])) : r("", !0),
+				x.value ? (u(), i("p", Ve, g(x.value), 1)) : r("", !0)
+			], 64)) : t.editable ? (u(), i("p", He, " 최대 " + g(t.maxFiles) + "개까지 첨부할 수 있습니다. ", 1)) : r("", !0)]);
+		};
+	}
+}), Ue = { class: "flex justify-between items-center" }, We = {
+	key: 0,
+	class: "text-xs text-error"
+}, Ge = {
+	key: 1,
+	class: "text-sm text-muted"
+}, Ke = /* @__PURE__ */ c({
+	__name: "CommentForm",
+	props: { postId: {} },
+	setup(e) {
+		let t = e, { user: n, isSignedIn: o } = G(), { addComment: c } = J(t.postId), { checkText: l } = X(), d = f(""), p = f(!1), h = f("");
+		async function v() {
+			if (h.value = "", d.value.trim()) {
+				if (!n.value) {
+					h.value = "로그인이 필요합니다.";
+					return;
+				}
+				p.value = !0;
+				try {
+					let e = await l(d.value);
+					if (e.flagged) {
+						h.value = e.reason || "작성할 수 없는 내용이 포함되어 있습니다.";
+						return;
+					}
+					await c({
+						body: d.value,
+						authorUid: n.value.uid,
+						authorName: n.value.displayName,
+						authorPhoto: n.value.photoURL
+					}), d.value = "";
+				} catch (e) {
+					h.value = e.message;
+				} finally {
+					p.value = !1;
+				}
+			}
+		}
+		return (e, t) => {
+			let n = m("UTextarea"), c = m("UButton");
+			return _(o) ? (u(), i("form", {
+				key: 0,
+				class: "flex flex-col gap-2",
+				onSubmit: b(v, ["prevent"])
+			}, [s(n, {
+				modelValue: d.value,
+				"onUpdate:modelValue": t[0] ||= (e) => d.value = e,
+				placeholder: "댓글을 입력하세요",
+				rows: 2
+			}, null, 8, ["modelValue"]), a("div", Ue, [
+				h.value ? (u(), i("p", We, g(h.value), 1)) : r("", !0),
+				t[1] ||= a("div", { class: "flex-1" }, null, -1),
+				s(c, {
+					type: "submit",
+					size: "sm",
+					label: "댓글 작성",
+					loading: p.value,
+					disabled: !d.value.trim()
+				}, null, 8, ["loading", "disabled"])
+			])], 32)) : (u(), i("p", Ge, " 댓글을 작성하려면 로그인이 필요합니다. "));
+		};
+	}
+}), qe = { class: "flex flex-col gap-3" }, Je = {
+	key: 0,
+	class: "text-sm text-muted"
+}, Ye = { class: "flex-1 min-w-0" }, Xe = { class: "flex items-center gap-2" }, Ze = { class: "text-sm font-medium" }, Qe = { class: "text-xs text-muted" }, $e = { class: "text-sm whitespace-pre-wrap break-words" }, et = /* @__PURE__ */ c({
+	__name: "CommentList",
+	props: { postId: {} },
+	setup(t) {
+		let { comments: o, deleteComment: c } = J(t.postId), { canDeleteComment: l } = G(), d = f(null);
+		async function h(e) {
+			d.value = e;
+			try {
+				await c(e);
+			} finally {
+				d.value = null;
+			}
+		}
+		return (t, c) => {
+			let f = m("UAvatar"), v = m("UButton");
+			return u(), i("div", qe, [_(o).length ? r("", !0) : (u(), i("p", Je, " 아직 댓글이 없습니다. ")), (u(!0), i(e, null, p(_(o), (e) => (u(), i("div", {
+				key: e.id,
+				class: "flex items-start gap-3"
+			}, [
+				s(f, {
+					src: e.authorPhoto ?? void 0,
+					alt: e.authorName ?? "익명",
+					size: "sm"
+				}, null, 8, ["src", "alt"]),
+				a("div", Ye, [a("div", Xe, [a("span", Ze, g(e.authorName ?? "익명"), 1), a("span", Qe, g(_(Q)(e.createdAt)), 1)]), a("p", $e, g(e.body), 1)]),
+				_(l)(e) ? (u(), n(v, {
+					key: 0,
+					icon: "i-lucide-trash-2",
+					size: "xs",
+					variant: "ghost",
+					color: "error",
+					loading: d.value === e.id,
+					onClick: (t) => h(e.id)
+				}, null, 8, ["loading", "onClick"])) : r("", !0)
+			]))), 128))]);
+		};
+	}
+}), tt = {
+	key: 0,
+	class: "flex flex-col gap-3"
+}, nt = {
+	key: 1,
+	class: "text-sm text-muted"
+}, rt = {
+	key: 2,
+	class: "flex flex-col gap-6"
+}, it = { class: "flex flex-col gap-2" }, at = { class: "flex items-start justify-between gap-4" }, ot = { class: "flex items-center gap-2 min-w-0" }, st = { class: "text-2xl font-semibold" }, ct = {
+	key: 0,
+	class: "flex gap-2 shrink-0"
+}, lt = { class: "flex items-center gap-3 text-sm text-muted" }, ut = {
+	key: 0,
+	class: "flex gap-1"
+}, dt = { class: "whitespace-pre-wrap break-words leading-relaxed" }, ft = { class: "flex flex-col gap-4 border-t border-default pt-4" }, pt = { class: "text-sm font-medium text-muted" }, mt = /* @__PURE__ */ c({
+	__name: "Detail",
+	props: { postId: {} },
+	emits: ["deleted", "edit"],
+	setup(t, { emit: c }) {
+		let d = t, h = c, { getPost: b, deletePost: x } = q(), { canEdit: S, canDelete: C } = G(), { categoryLabel: w } = Z(), { comments: T } = J(d.postId), E = f(null), D = f(!0), O = f(!1), k = f(!1);
+		async function A() {
+			D.value = !0, k.value = !1;
+			let e = await b(d.postId);
+			e || (k.value = !0), E.value = e, D.value = !1;
+		}
+		l(A), v(() => d.postId, A);
+		async function j() {
+			if (E.value && window.confirm("이 게시글을 삭제하시겠습니까? 되돌릴 수 없습니다.")) {
+				O.value = !0;
+				try {
+					await x(d.postId), h("deleted");
+				} finally {
+					O.value = !1;
+				}
+			}
+		}
+		return (c, l) => {
+			let d = m("USkeleton"), f = m("UBadge"), v = m("UButton"), b = m("UAvatar");
+			return D.value ? (u(), i("div", tt, [s(d, { class: "h-8 w-2/3" }), s(d, { class: "h-32 w-full" })])) : k.value ? (u(), i("p", nt, " 게시글을 찾을 수 없습니다. ")) : E.value ? (u(), i("div", rt, [
+				a("header", it, [
+					a("div", at, [a("div", ot, [E.value.category ? (u(), n(f, {
+						key: 0,
+						label: _(w)(E.value.category),
+						variant: "subtle"
+					}, null, 8, ["label"])) : r("", !0), a("h1", st, g(E.value.title), 1)]), _(S)(E.value) || _(C)(E.value) ? (u(), i("div", ct, [_(S)(E.value) ? (u(), n(v, {
+						key: 0,
+						icon: "i-lucide-pencil",
+						size: "sm",
+						variant: "outline",
+						color: "neutral",
+						label: "수정",
+						onClick: l[0] ||= (e) => h("edit", t.postId)
+					})) : r("", !0), _(C)(E.value) ? (u(), n(v, {
+						key: 1,
+						icon: "i-lucide-trash-2",
+						size: "sm",
+						variant: "outline",
+						color: "error",
+						label: "삭제",
+						loading: O.value,
+						onClick: j
+					}, null, 8, ["loading"])) : r("", !0)])) : r("", !0)]),
+					a("div", lt, [
+						s(b, {
+							src: E.value.authorPhoto ?? void 0,
+							alt: E.value.authorName ?? "익명",
+							size: "xs"
+						}, null, 8, ["src", "alt"]),
+						a("span", null, g(E.value.authorName ?? "익명"), 1),
+						a("span", null, g(_(Q)(E.value.createdAt)), 1)
+					]),
+					E.value.tags?.length ? (u(), i("div", ut, [(u(!0), i(e, null, p(E.value.tags, (e) => (u(), n(f, {
+						key: e,
+						variant: "subtle",
+						color: "neutral",
+						size: "sm"
+					}, {
+						default: y(() => [o(g(e), 1)]),
+						_: 2
+					}, 1024))), 128))])) : r("", !0)
+				]),
+				a("p", dt, g(E.value.content), 1),
+				E.value.attachments?.length ? (u(), n($, {
+					key: 0,
+					"model-value": E.value.attachments,
+					"post-id": t.postId
+				}, null, 8, ["model-value", "post-id"])) : r("", !0),
+				a("section", ft, [
+					a("h2", pt, " 댓글 " + g(_(T).length), 1),
+					s(Ke, { "post-id": t.postId }, null, 8, ["post-id"]),
+					s(et, { "post-id": t.postId }, null, 8, ["post-id"])
+				])
+			])) : r("", !0);
+		};
+	}
+}), ht = {
+	key: 0,
+	class: "flex flex-col gap-3"
+}, gt = {
+	key: 0,
+	class: "text-sm text-error"
+}, _t = { class: "flex gap-2" }, vt = /* @__PURE__ */ c({
+	__name: "Editor",
+	props: { postId: {} },
+	emits: ["saved", "cancel"],
+	setup(e, { emit: n }) {
+		let o = e, c = n, { user: d } = G(), { getPost: p, createPost: h, updatePost: _ } = q(), { checkText: v } = X(), { categories: y } = Z(), x = f(""), S = f(""), C = f(""), w = f(void 0), T = f([]), E = t(() => y.value.map((e) => ({
+			label: e.label,
+			value: e.id
+		}))), D = f(!!o.postId), O = f(!1), k = f(""), A = f(o.postId ?? `new-${Date.now()}`);
+		l(async () => {
+			if (o.postId) try {
+				let e = await p(o.postId);
+				if (!e) {
+					k.value = "게시글을 찾을 수 없습니다.";
+					return;
+				}
+				x.value = e.title, S.value = e.content, C.value = (e.tags ?? []).join(", "), w.value = e.category, T.value = e.attachments ?? [];
+			} finally {
+				D.value = !1;
+			}
+		});
+		async function j() {
+			if (k.value = "", !x.value.trim() || !S.value.trim()) {
+				k.value = "제목과 내용을 입력해 주세요.";
+				return;
+			}
+			if (!d.value) {
+				k.value = "로그인이 필요합니다.";
+				return;
+			}
+			O.value = !0;
+			try {
+				let e = await v(`${x.value}\n${S.value}`);
+				if (e.flagged) {
+					k.value = e.reason || "게시할 수 없는 내용이 포함되어 있습니다.";
+					return;
+				}
+				let t = C.value.split(",").map((e) => e.trim()).filter(Boolean);
+				if (o.postId) await _(o.postId, {
+					title: x.value,
+					content: S.value,
+					tags: t,
+					category: w.value,
+					attachments: T.value
+				}), c("saved", o.postId);
+				else {
+					let e = await h({
+						title: x.value,
+						content: S.value,
+						tags: t,
+						category: w.value,
+						attachments: T.value,
+						authorUid: d.value.uid,
+						authorName: d.value.displayName,
+						authorPhoto: d.value.photoURL
+					});
+					c("saved", e);
+				}
+			} catch (e) {
+				k.value = e.message;
+			} finally {
+				O.value = !1;
+			}
+		}
+		return (t, n) => {
+			let o = m("USkeleton"), l = m("USelect"), d = m("UInput"), f = m("UTextarea"), p = m("UButton");
+			return D.value ? (u(), i("div", ht, [s(o, { class: "h-10 w-full" }), s(o, { class: "h-40 w-full" })])) : (u(), i("form", {
+				key: 1,
+				class: "flex flex-col gap-4",
+				onSubmit: b(j, ["prevent"])
+			}, [
+				s(l, {
+					modelValue: w.value,
+					"onUpdate:modelValue": n[0] ||= (e) => w.value = e,
+					items: E.value,
+					placeholder: "카테고리 선택",
+					class: "w-40"
+				}, null, 8, ["modelValue", "items"]),
+				s(d, {
+					modelValue: x.value,
+					"onUpdate:modelValue": n[1] ||= (e) => x.value = e,
+					placeholder: "제목",
+					size: "lg",
+					required: ""
+				}, null, 8, ["modelValue"]),
+				s(f, {
+					modelValue: S.value,
+					"onUpdate:modelValue": n[2] ||= (e) => S.value = e,
+					placeholder: "내용을 입력하세요",
+					rows: 12,
+					required: ""
+				}, null, 8, ["modelValue"]),
+				s(d, {
+					modelValue: C.value,
+					"onUpdate:modelValue": n[3] ||= (e) => C.value = e,
+					placeholder: "태그 (쉼표로 구분)"
+				}, null, 8, ["modelValue"]),
+				s($, {
+					modelValue: T.value,
+					"onUpdate:modelValue": n[4] ||= (e) => T.value = e,
+					"post-id": A.value,
+					editable: ""
+				}, null, 8, ["modelValue", "post-id"]),
+				k.value ? (u(), i("p", gt, g(k.value), 1)) : r("", !0),
+				a("div", _t, [s(p, {
+					type: "submit",
+					loading: O.value,
+					label: e.postId ? "수정 완료" : "게시하기"
+				}, null, 8, ["loading", "label"]), s(p, {
+					variant: "ghost",
+					color: "neutral",
+					label: "취소",
+					onClick: n[5] ||= (e) => c("cancel")
+				})])
+			], 32));
+		};
+	}
+}), yt = { class: "flex flex-col gap-4 max-w-sm" }, bt = {
+	key: 0,
+	class: "flex items-center gap-2 text-xs text-muted"
+}, xt = {
+	key: 3,
+	class: "text-sm text-error"
+}, St = /* @__PURE__ */ c({
+	__name: "SignIn",
+	setup(c) {
+		let l = W(), d = t(() => l.auth?.providers ?? ["google", "apple"]), p = t(() => d.value.includes("google") || d.value.includes("apple")), { signInWithGoogle: h, signInWithApple: _, signInWithEmail: v, signUpWithEmail: y } = G(), x = f("signin"), S = f(""), C = f(""), w = f(""), T = f(!1), E = f("");
+		async function D() {
+			T.value = !0, E.value = "";
+			try {
+				await h();
+			} catch (e) {
+				E.value = e.message;
+			} finally {
+				T.value = !1;
+			}
+		}
+		async function O() {
+			T.value = !0, E.value = "";
+			try {
+				await _();
+			} catch (e) {
+				E.value = e.message;
+			} finally {
+				T.value = !1;
+			}
+		}
+		async function k() {
+			T.value = !0, E.value = "";
+			try {
+				x.value === "signin" ? await v(S.value, C.value) : await y(S.value, C.value, w.value || void 0);
+			} catch (e) {
+				E.value = e.message;
+			} finally {
+				T.value = !1;
+			}
+		}
+		return (t, c) => {
+			let l = m("UButton"), f = m("UInput");
+			return u(), i("div", yt, [
+				d.value.includes("google") ? (u(), n(l, {
+					key: 0,
+					icon: "i-simple-icons-google",
+					color: "neutral",
+					variant: "outline",
+					label: "Google로 로그인",
+					block: "",
+					loading: T.value,
+					onClick: D
+				}, null, 8, ["loading"])) : r("", !0),
+				d.value.includes("apple") ? (u(), n(l, {
+					key: 1,
+					icon: "i-simple-icons-apple",
+					color: "neutral",
+					variant: "outline",
+					label: "Apple로 로그인",
+					block: "",
+					loading: T.value,
+					onClick: O
+				}, null, 8, ["loading"])) : r("", !0),
+				d.value.includes("emailPassword") ? (u(), i(e, { key: 2 }, [
+					p.value ? (u(), i("div", bt, [...c[4] ||= [
+						a("div", { class: "flex-1 border-t border-default" }, null, -1),
+						o(" 또는 ", -1),
+						a("div", { class: "flex-1 border-t border-default" }, null, -1)
+					]])) : r("", !0),
+					a("form", {
+						class: "flex flex-col gap-3",
+						onSubmit: b(k, ["prevent"])
+					}, [
+						x.value === "signup" ? (u(), n(f, {
+							key: 0,
+							modelValue: w.value,
+							"onUpdate:modelValue": c[0] ||= (e) => w.value = e,
+							placeholder: "이름"
+						}, null, 8, ["modelValue"])) : r("", !0),
+						s(f, {
+							modelValue: S.value,
+							"onUpdate:modelValue": c[1] ||= (e) => S.value = e,
+							type: "email",
+							placeholder: "이메일",
+							required: ""
+						}, null, 8, ["modelValue"]),
+						s(f, {
+							modelValue: C.value,
+							"onUpdate:modelValue": c[2] ||= (e) => C.value = e,
+							type: "password",
+							placeholder: "비밀번호",
+							required: ""
+						}, null, 8, ["modelValue"]),
+						s(l, {
+							type: "submit",
+							block: "",
+							loading: T.value,
+							label: x.value === "signin" ? "로그인" : "회원가입"
+						}, null, 8, ["loading", "label"])
+					], 32),
+					s(l, {
+						variant: "link",
+						size: "sm",
+						color: "neutral",
+						label: x.value === "signin" ? "계정이 없으신가요? 회원가입" : "이미 계정이 있으신가요? 로그인",
+						onClick: c[3] ||= (e) => x.value = x.value === "signin" ? "signup" : "signin"
+					}, null, 8, ["label"])
+				], 64)) : r("", !0),
+				E.value ? (u(), i("p", xt, g(E.value), 1)) : r("", !0)
+			]);
+		};
+	}
+}), Ct = [
+	{
+		version: "0.2.2",
+		date: "2026-07-31",
+		highlights: ["카테고리 — 글을 주제별로 분류해서 올릴 수 있어요"]
+	},
+	{
+		version: "0.2.0",
+		date: "2026-07-31",
+		highlights: [
+			"글쓰기 / 수정 / 삭제 — 제목, 본문, 태그를 자유롭게 작성",
+			"파일 첨부 — 이미지·문서를 게시글에 첨부, 이미지는 미리보기 제공",
+			"댓글 — 실시간으로 댓글을 달고 지울 수 있음",
+			"로그인 / 권한 — 로그인해야 글을 쓸 수 있고, 본인 글만 수정·삭제 가능(관리자는 전체 관리)",
+			"AI 자동 검열 — 욕설·부적절한 내용이 담긴 글/댓글은 AI가 자동으로 걸러 게시를 막음",
+			"한 줄 설정으로 바로 시작 — pages: true 옵션 하나로 게시판 화면이 바로 만들어짐"
+		],
+		note: "서버 없이 동작하는 모듈이라, 실제 보안은 Firebase 프로젝트에 규칙 파일을 등록해야 완성됩니다. README의 Security Model 안내를 꼭 따라주세요."
+	},
+	{
+		version: "0.1.0",
+		date: "2026-07-27",
+		highlights: ["프로젝트 최초 생성 (아직 게시판 기능은 없는 빈 Nuxt 4 프로젝트)"]
+	}
+], wt = { class: "flex flex-col gap-6" }, Tt = { class: "flex items-center gap-2" }, Et = { class: "text-sm text-muted" }, Dt = { class: "list-disc list-inside text-sm leading-relaxed space-y-1" }, Ot = {
+	key: 0,
+	class: "text-xs text-muted"
+}, kt = /* @__PURE__ */ c({
+	__name: "VersionHistory",
+	setup(t) {
+		return (t, n) => {
+			let o = m("UBadge");
+			return u(), i("div", wt, [(u(!0), i(e, null, p(_(Ct), (t) => (u(), i("div", {
+				key: t.version,
+				class: "flex flex-col gap-2"
+			}, [
+				a("div", Tt, [s(o, {
+					label: `v${t.version}`,
+					color: "primary",
+					variant: "subtle"
+				}, null, 8, ["label"]), a("span", Et, g(t.date), 1)]),
+				a("ul", Dt, [(u(!0), i(e, null, p(t.highlights, (e) => (u(), i("li", { key: e }, g(e), 1))), 128))]),
+				t.note ? (u(), i("p", Ot, g(t.note), 1)) : r("", !0)
+			]))), 128))]);
+		};
+	}
+});
+//#endregion
+export { $ as MemiBoardAttachments, Ke as MemiBoardCommentForm, et as MemiBoardCommentList, mt as MemiBoardDetail, vt as MemiBoardEditor, Fe as MemiBoardList, St as MemiBoardSignIn, kt as MemiBoardVersionHistory, ge as configureMemiBoard, G as useMemiBoardAuth, J as useMemiBoardComments, W as useMemiBoardConfig, X as useMemiBoardModeration, q as useMemiBoardPosts, Z as useMemiBoardSettings, we as useMemiBoardStorage, Ct as versionHistory };
+
+//# sourceMappingURL=index.js.map