memi-board 0.52.4 → 0.53.0

package/dist/runtime/components/Editor.vue

@@ -27,6 +27,9 @@ import {
   buildPostPreview,
   hashText,
   useMemiBoardWritingAssistant,
+  CUSTOM_FIELD_VALUE_MAX,
+  extendForFields,
+  readExtend,
 } from 'memi-board/runtime'
 import { useMemiBoardStorage, EDITOR_IMAGE_SOURCE_MAX_BYTES } from 'memi-board/storage'
 import MemiBoardAttachments from './Attachments.vue'
@@ -41,7 +44,7 @@ const props = defineProps<{
 
 const emit = defineEmits<{ saved: [id: string], cancel: [] }>()
 
-const { user, isSignedIn, isAdmin, isWriteRestricted, restrictedMessage, canManageBoard } = useMemiBoardAuth()
+const { user, isSignedIn, isWriteRestricted, restrictedMessage, canManageBoard } = useMemiBoardAuth()
 const resolvedBoardId = computed(() => props.boardId || props.fixedCategory || '')
 const { createPostId, getPost, createPost, updatePost, savePostTranslations, resolveUniqueSlug, setPostPinned } = useMemiBoardPosts(resolvedBoardId)
 const { getBoard, ensureSettings } = useMemiBoardSettings()
@@ -53,6 +56,10 @@ const { uploadEditorImage } = useMemiBoardStorage()
 const { assist, translatePost } = useMemiBoardWritingAssistant({ locale })
 
 const title = ref('')
+/** 보드 커스텀 필드 값. 키는 설정에 있는 것만 저장한다. */
+const extendValues = ref<Record<string, string>>({})
+/** 글을 열 때 읽은 값. 설정이 늦게 도착해도 입력칸을 채운다. */
+const loadedExtend = ref<Record<string, string>>({})
 /** UEditor content-type=html (shineb 와 동일) */
 const content = ref('')
 const tags = ref<string[]>([])
@@ -63,6 +70,28 @@ const isImageEditor = computed(() => getBoard(resolvedBoardId.value)?.editorType
 /** 보드 설정의 번역 언어(비어 있으면 전체) */
 const translationTargets = computed(() => boardTranslationLocales(getBoard(resolvedBoardId.value)))
 const isEdit = computed(() => Boolean(props.postId))
+const customFields = computed(() => getBoard(resolvedBoardId.value)?.customFields ?? [])
+
+function blankExtend(): Record<string, string> {
+  return Object.fromEntries(customFields.value.map(field => [field.key, '']))
+}
+
+function storedExtend(value: unknown): Record<string, string> {
+  const stored = readExtend(value)
+  return Object.fromEntries(customFields.value.map(field => [field.key, stored[field.key] ?? '']))
+}
+
+watch(customFields, (fields) => {
+  const next = { ...extendValues.value }
+  let changed = false
+  for (const field of fields) {
+    if (next[field.key] == null) {
+      next[field.key] = loadedExtend.value[field.key] ?? ''
+      changed = true
+    }
+  }
+  if (changed) extendValues.value = next
+}, { immediate: true })
 
 const loading = ref(false)
 const saving = ref(false)
@@ -109,8 +138,6 @@ const aiPreviewLabels = computed(() => {
     default: return { before: t('editor.aiPreview.before'), after: t('editor.aiPreview.after') }
   }
 })
-/** 관리자 전용 — 비속어 필터 건너뛰기 (테스트/공지 등 의도적 작성용) */
-const adminSkipModeration = ref(false)
 /** 공지 지정 — 게시된 글을 수정할 때 보드 매니저에게만 보인다. 새 글은 게시 후 상세에서 지정한다. */
 const pinned = ref(false)
 const loadedPinned = ref(false)
@@ -952,6 +979,8 @@ async function loadPost(id: string) {
       return
     }
     title.value = post.title
+    loadedExtend.value = readExtend(post.extend)
+    extendValues.value = storedExtend(post.extend)
     pinned.value = loadedPinned.value = post.pinned === true
     loadedPublished.value = post.isPublished === true
     tags.value = post.tags ?? []
@@ -990,6 +1019,8 @@ watch(
     if (id) void loadPost(id)
     else {
       loading.value = false
+      loadedExtend.value = {}
+      extendValues.value = blankExtend()
       attachmentNamespace.value = createPostId()
       coverSlots.value = []
       void ensureSettings().catch(() => {})
@@ -1045,7 +1076,7 @@ async function handleSubmit() {
   try {
     const plain = plainTextFromHtml(content.value)
     const moderationText = imageBoard ? plain : `${title.value}\n${plain}`
-    const moderation = await checkText(moderationText, { skipFilter: isAdmin.value && adminSkipModeration.value })
+    const moderation = await checkText(moderationText)
     if (moderation.flagged) {
       error.value = moderation.reason || t('editor.errors.moderationBlocked')
       return
@@ -1082,6 +1113,7 @@ async function handleSubmit() {
       tags: tags.value.map(t => t.trim()).filter(Boolean),
       // 이미지 보드: 파일 첨부 없음 (커버는 본문 앞 img 로 저장)
       attachments: imageBoard ? [] : attachments.value,
+      extend: extendForFields(extendValues.value, customFields.value),
       ...(translations ? { translations } : {}),
     }
 
@@ -1442,21 +1474,26 @@ async function handleSubmit() {
     </p>
 
     <div
-      v-if="isAdmin || canPin"
+      v-if="canPin"
       class="flex flex-wrap items-center gap-x-6 gap-y-2"
     >
       <USwitch
-        v-if="canPin"
         v-model="pinned"
         size="sm"
         :label="t('editor.pinNotice')"
       />
-      <USwitch
-        v-if="isAdmin"
-        v-model="adminSkipModeration"
-        size="sm"
-        :label="t('editor.skipModeration')"
-      />
+    </div>
+
+    <div v-if="customFields.length" class="flex flex-col gap-3">
+      <label v-for="field in customFields" :key="field.key" class="flex flex-col gap-1">
+        <span class="text-sm font-medium">{{ field.label }}</span>
+        <UInput
+          v-model="extendValues[field.key]"
+          :placeholder="field.placeholder"
+          :maxlength="CUSTOM_FIELD_VALUE_MAX"
+          autocomplete="off"
+        />
+      </label>
     </div>
 
     <div class="flex gap-2">

package/dist/runtime/components/Settings.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import { computed, onMounted, ref, watch } from 'vue'
-import { boardCopyIsTranslated, boardTranslationLocales, MEMI_BOARD_LOCALES, slugify, useMemiBoardAuth, useMemiBoardI18n, useMemiBoardSettings, useMemiBoardUsers } from 'memi-board/runtime'
+import { BOARD_NAME_MAX, boardCopyIsTranslated, boardTranslationLocales, MEMI_BOARD_LOCALES, slugify, useMemiBoardAuth, useMemiBoardI18n, useMemiBoardSettings, useMemiBoardUsers } from 'memi-board/runtime'
 import type { BoardCategory, BoardEditorType, BoardListView, BoardVisibility, BoardWriteRole } from 'memi-board/runtime'
+import MemiBoardCustomFieldEditor from './CustomFieldEditor.vue'
 import MemiBoardOptionCards from './OptionCards.vue'
 import MemiBoardOrphanCleanup from './OrphanCleanup.vue'
 
@@ -10,6 +11,8 @@ const props = withDefaults(defineProps<{
   authorized?: boolean
   /** 카테고리 페이지 기본 경로. 기본 `/board` → `/board/{id}` */
   categoryBase?: string
+  /** 목록에서 게시판 설정으로 이동할 경로. 기본 `/board-settings` → `/board-settings/{id}` */
+  settingsBase?: string
   /** 지정하면 해당 카테고리 하나만 편집하고 추가·삭제·순서·위험 영역을 숨긴다. */
   categoryId?: string
   /** 호스트 서버에서 게시판 전체 데이터를 삭제하는 관리자 전용 작업. */
@@ -22,6 +25,7 @@ const props = withDefaults(defineProps<{
 }>(), {
   authorized: false,
   categoryBase: '/board',
+  settingsBase: '/board-settings',
 })
 
 const emit = defineEmits<{
@@ -93,6 +97,8 @@ const pending = computed(() => !mounted.value || rolePending.value || settingsPe
 
 const draft = ref<BoardCategory[]>([])
 const newLabel = ref('')
+const adding = ref(false)
+const newIdPreview = computed(() => slugify(newLabel.value.trim()))
 const savingId = ref<string | null>(null)
 const translatingId = ref<string | null>(null)
 const translatedDraftIds = ref(new Set<string>())
@@ -121,18 +127,19 @@ watch([categories, settingsPending], ([list, loading]) => {
       autoTranslate: category.autoTranslate === true,
       autoTranslatePosts: category.autoTranslatePosts === true,
       translationLocales: [...(category.translationLocales ?? [])],
+      customFields: (category.customFields ?? []).map(field => ({ ...field })),
     }))
   }
 }, { immediate: true })
 
-function addCategory() {
-  const label = newLabel.value.trim()
-  if (!label) return
-  const base = slugify(label) || `board-${Date.now()}`
+async function addCategory() {
+  const label = newLabel.value.trim().slice(0, BOARD_NAME_MAX)
+  const base = slugify(label)
+  if (!label || !base || adding.value) return
   let id = base
   let suffix = 2
   while (draft.value.some(category => category.id === id)) id = `${base}-${suffix++}`
-  draft.value.push({
+  const board: BoardCategory = {
     id,
     label,
     description: '',
@@ -146,8 +153,23 @@ function addCategory() {
     locale: '',
     autoTranslatePosts: false,
     translationLocales: [],
-  })
-  newLabel.value = ''
+    customFields: [],
+    order: draft.value.length,
+  }
+  adding.value = true
+  error.value = ''
+  try {
+    await saveCategory(board, draft.value.length)
+    draft.value.push(board)
+    newLabel.value = ''
+    savedId.value = board.id
+  }
+  catch (cause) {
+    error.value = cause instanceof Error ? cause.message : t('settings.error.saveFailed')
+  }
+  finally {
+    adding.value = false
+  }
 }
 
 async function moveCategory(index: number, offset: -1 | 1) {
@@ -193,6 +215,87 @@ function categoryTo(id: string) {
   return `${props.categoryBase.replace(/\/$/, '')}/${encodeURIComponent(id)}`
 }
 
+function settingsTo(id: string) {
+  return `${props.settingsBase.replace(/\/$/, '')}/${encodeURIComponent(id)}`
+}
+
+const listQuery = ref('')
+const listSort = ref<'label' | 'description' | 'id'>('label')
+const visibilityFilter = ref<'all' | BoardVisibility>('all')
+const visibilityFilterItems = computed(() => [
+  { label: t('settings.list.filterAll'), value: 'all' as const },
+  { label: t('settings.visibility.options.public.label'), value: 'public' as const },
+  { label: t('settings.visibility.options.hidden.label'), value: 'hidden' as const },
+])
+const listSortItems = computed(() => [
+  { label: t('settings.list.sortName'), value: 'label' as const },
+  { label: t('settings.list.sortDescription'), value: 'description' as const },
+  { label: t('settings.list.sortId'), value: 'id' as const },
+])
+const filteredDraft = computed(() => {
+  const query = listQuery.value.trim().toLowerCase()
+  const rows = draft.value.filter((category) => {
+    if (visibilityFilter.value !== 'all' && (category.visibility ?? 'public') !== visibilityFilter.value) return false
+    if (!query) return true
+    const haystack = [category.id, category.label, category.description].filter(Boolean).join('\n').toLowerCase()
+    return haystack.includes(query)
+  })
+  const sort = listSort.value
+  const textOf = (category: BoardCategory) => {
+    if (sort === 'description') return category.description?.trim() ?? ''
+    if (sort === 'id') return category.id
+    return category.label.trim() || category.id
+  }
+  return rows.sort((a, b) => {
+    const left = textOf(a)
+    const right = textOf(b)
+    if (!left && right) return 1
+    if (left && !right) return -1
+    return left.localeCompare(right, 'ko', { sensitivity: 'base' }) || a.id.localeCompare(b.id, 'ko')
+  })
+})
+
+function draftIndex(id: string) {
+  return draft.value.findIndex(category => category.id === id)
+}
+
+function roleLabel(role: BoardWriteRole | undefined) {
+  return t(`settings.writeRole.options.${role ?? 'user'}`)
+}
+
+function boardFacts(category: BoardCategory) {
+  const listView = category.listView ?? 'default'
+  const listViewLabel = listView === 'dense'
+    ? t('settings.listView.options.dense')
+    : listView === 'image'
+      ? t('common.label.image')
+      : listView === 'video'
+        ? t('settings.listView.options.video')
+        : t('settings.option.default')
+  const editor = category.editorType ?? (listView === 'image' ? 'image' : 'default')
+  const fieldCount = category.customFields?.length ?? 0
+  return [
+    {
+      label: t('settings.visibility.label'),
+      value: (category.visibility ?? 'public') === 'hidden'
+        ? t('settings.visibility.options.hidden.label')
+        : t('settings.visibility.options.public.label'),
+    },
+    { label: t('settings.listView.label'), value: listViewLabel },
+    { label: t('settings.editorType.label'), value: editor === 'image' ? t('common.label.image') : t('settings.option.default') },
+    { label: t('settings.writeRole.label'), value: roleLabel(category.writeRole) },
+    {
+      label: t('settings.commentWriteRole.label'),
+      value: category.visibility === 'hidden' ? t('settings.commentWriteRole.hiddenFixed') : roleLabel(category.commentWriteRole),
+    },
+    {
+      label: t('settings.customFields.label'),
+      value: fieldCount ? t('settings.list.fieldCount', { count: fieldCount }) : t('settings.list.none'),
+    },
+    { label: t('settings.locale.label'), value: category.locale || t('settings.list.localeAuto') },
+  ]
+}
+
 async function translateCopy(category: BoardCategory) {
   if (!translationEnabled.value || !category.label.trim() || translatingId.value || savingId.value) return
   const snapshot = { ...category }
@@ -265,7 +368,7 @@ const bulk = ref({
 const bulkConfirmOpen = ref(false)
 const bulkRunning = ref<'apply' | 'translate' | null>(null)
 const bulkNotice = ref('')
-const showBulk = computed(() => !props.categoryId && draft.value.length > 0 && (translationEnabled.value || i18nEnabled.value))
+const showBulk = computed(() => false)
 const bulkHasChanges = computed(() => bulk.value.translationLocalesOn || bulk.value.autoTranslateOn
   || bulk.value.autoTranslatePostsOn || bulk.value.localeOn)
 const untranslatedBoards = computed(() => categories.value.filter(board => board.label.trim() && !boardCopyIsTranslated(board)))
@@ -450,6 +553,82 @@ async function runDeleteAll() {
       </template>
     </UModal>
 
+    <div v-if="!categoryId" class="flex flex-col gap-3">
+      <div class="flex flex-col gap-2">
+        <div class="flex gap-2">
+          <UInput v-model="newLabel" class="flex-1" :placeholder="t('settings.newCategoryPlaceholder')" :maxlength="BOARD_NAME_MAX" :disabled="adding" @keyup.enter="addCategory" />
+          <UButton :label="t('common.action.add')" icon="i-lucide-plus" color="neutral" variant="outline" :loading="adding" @click="addCategory" />
+        </div>
+        <p class="text-xs text-muted">{{ t('settings.newCategoryHelp') }}</p>
+        <p v-if="newIdPreview" class="text-xs text-muted">{{ t('settings.newCategoryUrl', { path: `${categoryBase.replace(/\/$/, '')}/${newIdPreview}` }) }}</p>
+      </div>
+      <div class="flex items-center gap-2">
+        <UInput
+          v-model="listQuery"
+          icon="i-lucide-search"
+          class="min-w-0 flex-1"
+          :placeholder="t('settings.list.filterPlaceholder')"
+          :aria-label="t('settings.list.filterPlaceholder')"
+        />
+        <USelect
+          v-model="listSort"
+          :items="listSortItems"
+          value-key="value"
+          class="w-24 shrink-0"
+          :aria-label="t('settings.list.sort')"
+        />
+        <UFieldGroup :aria-label="t('settings.visibility.label')" class="shrink-0">
+          <UButton
+            v-for="item in visibilityFilterItems"
+            :key="item.value"
+            :label="item.label"
+            size="sm"
+            :color="visibilityFilter === item.value ? 'primary' : 'neutral'"
+            :variant="visibilityFilter === item.value ? 'solid' : 'outline'"
+            @click="visibilityFilter = item.value"
+          />
+        </UFieldGroup>
+      </div>
+      <p v-if="!filteredDraft.length" class="text-sm text-muted">{{ t('settings.list.empty') }}</p>
+      <UPageGrid class="gap-3">
+      <article
+        v-for="category in filteredDraft"
+        :key="category.id"
+        class="flex flex-col gap-3 rounded-xl border border-default bg-default p-4"
+      >
+        <div class="flex items-start justify-between gap-3">
+          <NuxtLink :to="settingsTo(category.id)" class="min-w-0">
+            <p class="flex items-center gap-1 font-semibold text-highlighted">
+              {{ category.label || t('settings.noLabel') }}
+              <UIcon name="i-lucide-chevron-right" class="size-4 text-muted" />
+            </p>
+            <code class="mt-0.5 block text-xs text-muted">{{ category.id }}</code>
+          </NuxtLink>
+          <div class="flex shrink-0 gap-1">
+          <UButton
+            icon="i-lucide-trash-2"
+            color="error"
+            variant="ghost"
+            size="sm"
+            :aria-label="t('settings.action.deleteBoard')"
+            :loading="deletingId === category.id"
+            :disabled="deletingId !== null"
+            @click="removeCategory(draftIndex(category.id))"
+          />
+          </div>
+        </div>
+        <p v-if="category.description" class="line-clamp-2 text-sm text-muted">{{ category.description }}</p>
+        <dl class="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
+          <div v-for="fact in boardFacts(category)" :key="fact.label">
+            <dt class="text-xs text-muted">{{ fact.label }}</dt>
+            <dd class="mt-0.5 text-highlighted">{{ fact.value }}</dd>
+          </div>
+        </dl>
+      </article>
+      </UPageGrid>
+    </div>
+
+    <template v-if="categoryId">
     <details
       v-for="(category, index) in draft"
       :key="category.id"
@@ -603,6 +782,7 @@ async function runDeleteAll() {
             @update:model-value="savedId = null"
           />
         </div>
+        <MemiBoardCustomFieldEditor v-model="category.customFields" @dirty="savedId = null" />
         <div v-if="i18nEnabled" class="grid gap-2 sm:grid-cols-[9rem_1fr] sm:items-center">
           <div><p class="text-sm font-medium">{{ t('settings.locale.label') }}</p><p class="text-xs text-muted">{{ t('settings.locale.help') }}</p></div>
           <USelect
@@ -650,11 +830,8 @@ async function runDeleteAll() {
         </div>
       </div>
     </details>
+    </template>
 
-    <div v-if="!categoryId" class="flex gap-2 border-t border-default pt-4">
-      <UInput v-model="newLabel" class="flex-1" :placeholder="t('settings.newCategoryPlaceholder')" @keyup.enter="addCategory" />
-      <UButton :label="t('common.action.add')" icon="i-lucide-plus" color="neutral" variant="outline" @click="addCategory" />
-    </div>
     <UAlert v-if="error" color="error" variant="subtle" :description="error" />
     <UAlert v-if="savedId" color="success" variant="subtle" :description="t('settings.savedCategory', { label: draft.find(item => item.id === savedId)?.label })" />
 

package/dist/storage.js

@@ -1,9 +1,9 @@
-import { W as e, i as t, m as n, n as r, s as i, w as a } from "./commentImages-4IOk2u0O.js";
+import { G as e, T as t, a as n, c as r, h as i, n as a } from "./commentImages-t4lu_hxD.js";
 import { useFirebaseApp as o } from "vuefire";
 import { getAuth as s } from "firebase/auth";
 import { deleteObject as c, getDownloadURL as l, getStorage as u, ref as d, uploadBytes as f, uploadBytesResumable as p } from "firebase/storage";
 //#region src/utils/compressImage.ts
-async function m(e, { maxWidth: t = 400, quality: r = .8 } = {}, i) {
+async function m(e, { maxWidth: t = 400, quality: n = .8 } = {}, r) {
 	return new Promise((a, o) => {
 		let s = new Image(), c = URL.createObjectURL(e);
 		s.onload = () => {
@@ -12,12 +12,12 @@ async function m(e, { maxWidth: t = 400, quality: r = .8 } = {}, i) {
 			l.width = Math.round(s.naturalWidth * e), l.height = Math.round(s.naturalHeight * e);
 			let u = l.getContext("2d");
 			if (!u) {
-				o(Error(n(i, "storage.canvasUnavailable")));
+				o(Error(i(r, "storage.canvasUnavailable")));
 				return;
 			}
-			u.drawImage(s, 0, 0, l.width, l.height), l.toBlob((e) => e ? a(e) : o(Error(n(i, "storage.compressFailed"))), "image/jpeg", r);
+			u.drawImage(s, 0, 0, l.width, l.height), l.toBlob((e) => e ? a(e) : o(Error(i(r, "storage.compressFailed"))), "image/jpeg", n);
 		}, s.onerror = () => {
-			URL.revokeObjectURL(c), o(Error(n(i, "storage.loadFailed")));
+			URL.revokeObjectURL(c), o(Error(i(r, "storage.loadFailed")));
 		}, s.src = c;
 	});
 }
@@ -31,19 +31,19 @@ function _(e) {
 var v = class extends Error {};
 async function y(e, t) {
 	if (e.size <= 5242880) return e;
-	let r = await m(e, {
+	let n = await m(e, {
 		maxWidth: 2560,
 		quality: .85
 	}, t);
-	if (r.size > 5242880 && (r = await m(e, {
+	if (n.size > 5242880 && (n = await m(e, {
 		maxWidth: 2048,
 		quality: .75
-	}, t)), r.size > 5242880) throw new v(n(t, "storage.tooLargeAfterCompress"));
-	return r;
+	}, t)), n.size > 5242880) throw new v(i(t, "storage.tooLargeAfterCompress"));
+	return n;
 }
 async function b(e, t) {
-	if (e.size > 26214400) throw Error(n(t, "storage.sourceTooLarge", { max: g / 1024 / 1024 }));
-	if (_(e)) throw Error(n(t, "storage.heicUnsupported"));
+	if (e.size > 26214400) throw Error(i(t, "storage.sourceTooLarge", { max: g / 1024 / 1024 }));
+	if (_(e)) throw Error(i(t, "storage.heicUnsupported"));
 	if (e.size <= 5242880) return {
 		blob: e,
 		compressed: !1
@@ -54,34 +54,34 @@ async function b(e, t) {
 			compressed: !0
 		};
 	} catch (e) {
-		throw e instanceof v ? e : Error(n(t, "storage.cannotOptimize"));
+		throw e instanceof v ? e : Error(i(t, "storage.cannotOptimize"));
 	}
 }
 function x() {
-	let n = () => a(), h = o(), { t: g, locale: _ } = i();
+	let i = () => t(), h = o(), { t: g, locale: _ } = r();
 	function v() {
 		let e = s(h).currentUser?.uid;
 		if (!e) throw Error("Sign in before uploading a file.");
 		return { ownerUid: e };
 	}
-	function y(r, i, a) {
-		let o = u(h), s = `${e(n(), i)}/attachments/${Date.now()}-${t(r.name)}`, c = d(o, s), f = p(c, r, {
+	function y(t, r, a) {
+		let o = u(h), s = `${e(i(), r)}/attachments/${Date.now()}-${n(t.name)}`, c = d(o, s), f = p(c, t, {
 			customMetadata: v(),
-			contentType: r.type || "application/octet-stream",
-			contentDisposition: `attachment; filename*=UTF-8''${encodeURIComponent(r.name)}`
+			contentType: t.type || "application/octet-stream",
+			contentDisposition: `attachment; filename*=UTF-8''${encodeURIComponent(t.name)}`
 		});
 		return {
-			promise: new Promise((e, t) => {
+			promise: new Promise((e, n) => {
 				f.on("state_changed", (e) => {
 					a && e.totalBytes > 0 && a(e.bytesTransferred / e.totalBytes);
-				}, t, async () => {
-					let t = await l(c);
+				}, n, async () => {
+					let n = await l(c);
 					e({
-						name: r.name,
-						url: t,
+						name: t.name,
+						url: n,
 						path: s,
-						size: r.size,
-						type: r.type
+						size: t.size,
+						type: t.type
 					});
 				});
 			}),
@@ -92,21 +92,21 @@ function x() {
 		let t = u(h);
 		await c(d(t, e.path)).catch(() => {});
 	}
-	function S(i, a, o, s) {
-		if (!r(i)) throw Error(g("commentForm.imageOnly"));
-		if (!/^[A-Za-z0-9]{10,128}$/.test(a) || !/^[A-Za-z0-9]{10,128}$/.test(o)) throw Error(g("commentForm.uploadFailed"));
+	function S(t, r, o, s) {
+		if (!a(t)) throw Error(g("commentForm.imageOnly"));
+		if (!/^[A-Za-z0-9]{10,128}$/.test(r) || !/^[A-Za-z0-9]{10,128}$/.test(o)) throw Error(g("commentForm.uploadFailed"));
 		let c = v(), f = u(h), y, x = !1;
 		return {
 			promise: (async () => {
-				let r = await b(i, _.value);
+				let a = await b(t, _.value);
 				if (x) throw Error(g("commentForm.uploadFailed"));
-				let u = r.blob;
+				let u = a.blob;
 				if (u.size >= 5242880 && (u = await m(u, {
 					maxWidth: 2048,
 					quality: .75
 				}, _.value)), x) throw Error(g("commentForm.uploadFailed"));
 				if (u.size >= 5242880) throw Error(g("storage.tooLargeAfterCompress"));
-				let h = (u.type || i.type || "image/jpeg").toLowerCase(), v = h === "image/png" ? "png" : h === "image/gif" ? "gif" : h === "image/webp" ? "webp" : "jpg", S = t(i.name.replace(/\.[^.]+$/, "") || "image", 40) || "image", C = `${e(n(), a)}/comment-images/${o}/${Date.now()}-${S}.${v}`, w = d(f, C);
+				let h = (u.type || t.type || "image/jpeg").toLowerCase(), v = h === "image/png" ? "png" : h === "image/gif" ? "gif" : h === "image/webp" ? "webp" : "jpg", S = n(t.name.replace(/\.[^.]+$/, "") || "image", 40) || "image", C = `${e(i(), r)}/comment-images/${o}/${Date.now()}-${S}.${v}`, w = d(f, C);
 				if (y = p(w, u, {
 					customMetadata: c,
 					contentType: h
@@ -118,7 +118,7 @@ function x() {
 				});
 				let T = await l(w);
 				return {
-					name: i.name || `image.${v}`,
+					name: t.name || `image.${v}`,
 					url: T,
 					path: C,
 					size: u.size,
@@ -130,9 +130,9 @@ function x() {
 			}
 		};
 	}
-	async function C(r, i) {
-		if (!r.type.startsWith("image/")) throw Error(g("storage.imageOnly"));
-		let a = await b(r, _.value), o = u(h), s = (a.compressed ? "jpg" : r.name.split(".").pop() || r.type.split("/")[1] || "png").replace(/[^a-zA-Z0-9]/g, "").slice(0, 8) || "png", c = t(r.name.replace(/\.[^.]+$/, "") || "image", 40), p = `${Date.now()}-${c || "image"}`, y = i || `new-${Date.now()}`, x = e(n(), y), S = `${x}/images/${p}.${s}`, C = d(o, S);
+	async function C(t, r) {
+		if (!t.type.startsWith("image/")) throw Error(g("storage.imageOnly"));
+		let a = await b(t, _.value), o = u(h), s = (a.compressed ? "jpg" : t.name.split(".").pop() || t.type.split("/")[1] || "png").replace(/[^a-zA-Z0-9]/g, "").slice(0, 8) || "png", c = n(t.name.replace(/\.[^.]+$/, "") || "image", 40), p = `${Date.now()}-${c || "image"}`, y = r || `new-${Date.now()}`, x = e(i(), y), S = `${x}/images/${p}.${s}`, C = d(o, S);
 		await f(C, a.blob, {
 			customMetadata: v(),
 			contentType: a.blob.type || "image/jpeg"
@@ -156,7 +156,7 @@ function x() {
 		await Promise.all([c(d(t, e.originalPath)).catch(() => {}), c(d(t, e.thumbnailPath)).catch(() => {})]);
 	}
 	async function T(e, t) {
-		let r = u(h), i = `${n().usersCollection}/${e}/avatar.jpg`, a = d(r, i);
+		let n = u(h), r = `${i().usersCollection}/${e}/avatar.jpg`, a = d(n, r);
 		return await f(a, t, { contentType: t.type || "image/jpeg" }), l(a);
 	}
 	return {
@@ -169,6 +169,6 @@ function x() {
 	};
 }
 //#endregion
-export { h as EDITOR_IMAGE_MAX_BYTES, g as EDITOR_IMAGE_SOURCE_MAX_BYTES, m as compressImage, r as isCommentImageFile, x as useMemiBoardStorage };
+export { h as EDITOR_IMAGE_MAX_BYTES, g as EDITOR_IMAGE_SOURCE_MAX_BYTES, m as compressImage, a as isCommentImageFile, x as useMemiBoardStorage };
 
 //# sourceMappingURL=storage.js.map

package/dist/types.d.ts

@@ -60,6 +60,11 @@ export interface PostModel {
     /** 영상 목록 카드용 URL. 현재 YouTube 임베드 또는 영상 첨부파일. */
     videoUrl?: string;
     tags?: string[];
+    /**
+     * 보드 customFields 에 맞춘 추가 값. 키는 보드 설정을 따른다.
+     * 값은 입력한 그대로 저장하고 번역하지 않는다.
+     */
+    extend?: Record<string, string>;
     /**
      * @deprecated 카테고리 개념 제거 — boardId 로 대체.
      * 레거시 읽기 호환용으로만 남을 수 있음.
@@ -205,6 +210,18 @@ export type BoardEditorType = 'default' | 'image';
 export type BoardWriteRole = 'user' | 'staff' | 'admin';
 /** 게시판 공개 범위. hidden 이면 일반 목록·전체 필터에서 제외되고 글·댓글 listed=false. 댓글 쓰기는 담당 스태프만. */
 export type BoardVisibility = 'public' | 'hidden';
+/**
+ * 보드가 글의 extend 에 받는 추가 항목.
+ * label 은 입력한 그대로 보여 주고, 보드 이름·설명처럼 번역하지 않는다.
+ */
+export interface BoardCustomField {
+    /** extend 의 키. 영문 소문자로 시작하고 영문·숫자·밑줄만, 32자 이하. */
+    key: string;
+    /** 글쓰기·상세에 보이는 이름. 번역하지 않는다. */
+    label: string;
+    /** 글쓰기 입력칸의 플레이스홀더. 비우면 보여 주지 않는다. 번역하지 않는다. */
+    placeholder?: string;
+}
 /**
  * 보드 1개 메타 (= 예전 BoardCategory).
  * id 가 곧 boardId — memiBoardSettings/{id} 에 저장.
@@ -253,6 +270,11 @@ export interface BoardModel {
      * 비어 있거나 없으면 지원 언어 전체. 글쓴 언어(원문)는 번역하지 않는다.
      */
     translationLocales?: MemiBoardLocale[];
+    /**
+     * 글의 extend 에 넣을 수 있는 필드. 최대 8개.
+     * 키는 보드 안에서 고유하고, 이름은 번역하지 않는다.
+     */
+    customFields?: BoardCustomField[];
     /** 보드 목록 정렬 */
     order?: number;
 }
@@ -324,7 +346,7 @@ export interface BoardLikeModel {
     commentId?: string;
 }
 /** 검열이 어느 단계에서 끝났는지 (호스트/로깅용, UI 노출 없음) */
-export type ModerationVia = 'empty' | 'disabled' | 'local' | 'ai' | 'restricted' | 'ai-error-allow' | 'ai-error-block' | 'admin-override';
+export type ModerationVia = 'empty' | 'disabled' | 'local' | 'ai' | 'restricted' | 'ai-error-allow' | 'ai-error-block';
 export interface ModerationResult {
     flagged: boolean;
     category: 'none' | 'abuse' | 'spam' | 'adult' | 'violence' | 'other';