memi-board 0.64.0 → 0.65.0

package/dist/runtime/components/AuthorMemoList.vue

@@ -0,0 +1,83 @@
+<script setup lang="ts">
+import { onMounted, ref } from 'vue'
+import { AUTHOR_MEMO_MAX_COUNT, useMemiBoardI18n, useMemiBoardMyAuthorMemos } from 'memi-board/runtime'
+import MemiBoardAuthorMemoListItem from './AuthorMemoListItem.vue'
+
+defineProps<{
+  authorProfileTo?: (authorUid: string) => string | undefined
+  authorPostsTo?: (authorUid: string) => string | undefined
+  authorCommentsTo?: (authorUid: string) => string | undefined
+}>()
+
+const { t } = useMemiBoardI18n()
+const { memos, pending, error, load } = useMemiBoardMyAuthorMemos()
+
+// 기본은 접어둔다. 개수 배지 때문에 마운트 시 불러온다(게시판 닷과 같은 쿼리 1회·캐시 공유).
+const open = ref(false)
+onMounted(() => { void load() })
+</script>
+
+<template>
+  <UCollapsible v-model:open="open" class="flex flex-col gap-2">
+    <UButton
+      icon="i-lucide-notebook-pen"
+      color="neutral"
+      variant="ghost"
+      block
+      class="justify-start font-semibold text-highlighted"
+      :trailing-icon="open ? 'i-lucide-chevron-up' : 'i-lucide-chevron-down'"
+      :ui="{ trailingIcon: 'ms-auto' }"
+    >
+      <template #default>
+        {{ t('authorMenu.myMemosTitle') }}
+        <UBadge
+          v-if="memos.length"
+          :label="`${memos.length} / ${AUTHOR_MEMO_MAX_COUNT}`"
+          :color="memos.length >= AUTHOR_MEMO_MAX_COUNT ? 'warning' : 'neutral'"
+          variant="subtle"
+          size="sm"
+        />
+      </template>
+    </UButton>
+
+    <template #content>
+      <div class="flex flex-col gap-2">
+        <UAlert
+          v-if="error"
+          color="error"
+          variant="subtle"
+          :description="error"
+        />
+
+        <div
+          v-else-if="pending && !memos.length"
+          class="flex flex-col gap-2"
+        >
+          <USkeleton class="h-10 w-full" />
+          <USkeleton class="h-10 w-full" />
+        </div>
+
+        <p
+          v-else-if="!memos.length"
+          class="text-sm text-muted"
+        >
+          {{ t('authorMenu.myMemosEmpty') }}
+        </p>
+
+        <div
+          v-else
+          class="divide-y divide-default"
+        >
+          <MemiBoardAuthorMemoListItem
+            v-for="memo in memos"
+            :key="memo.targetUid"
+            :memo="memo"
+            :author-profile-to="authorProfileTo"
+            :author-posts-to="authorPostsTo"
+            :author-comments-to="authorCommentsTo"
+          />
+        </div>
+      </div>
+    </template>
+  </UCollapsible>
+</template>

package/dist/runtime/components/AuthorMemoListItem.vue

@@ -0,0 +1,47 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useMemiBoardI18n, useMemiBoardUserProfile } from 'memi-board/runtime'
+import type { MyAuthorMemo } from 'memi-board/runtime'
+import MemiBoardAuthorMenu from './AuthorMenu.vue'
+
+const props = defineProps<{
+  memo: MyAuthorMemo
+  authorProfileTo?: (authorUid: string) => string | undefined
+  authorPostsTo?: (authorUid: string) => string | undefined
+  authorCommentsTo?: (authorUid: string) => string | undefined
+}>()
+
+const { t } = useMemiBoardI18n()
+const { profile } = useMemiBoardUserProfile(() => props.memo.targetUid)
+const name = computed(() => profile.value?.displayName ?? t('common.label.anonymous'))
+</script>
+
+<template>
+  <div class="flex items-start gap-3 py-3">
+    <div class="flex min-w-0 flex-1 flex-col gap-1">
+      <MemiBoardAuthorMenu
+        :author-uid="memo.targetUid"
+        :author-name="name"
+        :author-photo="profile?.photoURL"
+        :author-profile-to="authorProfileTo"
+        :author-posts-to="authorPostsTo"
+        :author-comments-to="authorCommentsTo"
+        class="-ms-2 self-start"
+      />
+      <p
+        v-if="memo.text"
+        class="break-words whitespace-pre-line text-sm text-toned"
+      >
+        {{ memo.text }}
+      </p>
+    </div>
+    <UBadge
+      v-if="memo.sentiment"
+      :label="memo.sentiment === 'good' ? t('authorMenu.good') : t('authorMenu.bad')"
+      :color="memo.sentiment === 'good' ? 'primary' : 'error'"
+      variant="subtle"
+      size="sm"
+      class="mt-1 shrink-0"
+    />
+  </div>
+</template>

package/dist/runtime/components/AuthorMenu.vue

@@ -30,15 +30,29 @@ const authorCommentsLink = computed(() => props.authorUid ? props.authorComments
 const { user } = useMemiBoardAuth()
 const showMemo = computed(() => !!props.authorUid && !!user.value?.uid && user.value.uid !== props.authorUid)
 const { text: memoText, sentiment: memoSentiment, loaded: memoLoaded, saving: memoSaving, error: memoError, load: loadMemo, save: saveMemo, remove: removeMemo } = useMemiBoardAuthorMemo(() => props.authorUid)
-const menuOpen = ref(false)
 const memoOpen = ref(false)
 const memoPendingSentiment = ref<'good' | 'bad' | null>(null)
+// 모달에서 고치는 중인 텍스트 — 저장 전에는 이름 옆 표시·툴팁에 새지 않게 따로 둔다.
+const memoDraft = ref('')
 
-// 메뉴를 열 때 불러와 메모 항목 색으로 평가(좋음/나쁨)를 보여준다.
-watch(menuOpen, (open) => {
-  if (open && showMemo.value && !memoLoaded.value) void loadMemo()
+// 이름 옆 아이콘·툴팁으로 메모를 바로 보여줘야 해서 마운트 시 불러온다.
+// 뷰어의 메모 전체를 쿼리 한 번으로 읽고 모든 인스턴스가 공유하므로 작성자 수만큼 읽지 않는다.
+watch(showMemo, (show) => {
+  if (show && !memoLoaded.value) void loadMemo()
+}, { immediate: true })
+
+watch(memoOpen, (open) => {
+  if (open) memoDraft.value = memoText.value
 })
 
+const hasMemo = computed(() => showMemo.value && (!!memoText.value || !!memoSentiment.value))
+// 메모가 있으면 아바타(없으면 버튼) 모서리에 평가 색 닷을 찍는다 — 좋음 primary, 나쁨 error, 평가 없음 neutral.
+const memoChipColor = computed(() => memoSentiment.value === 'good' ? 'primary' as const : memoSentiment.value === 'bad' ? 'error' as const : 'neutral' as const)
+const avatar = computed(() => props.showAvatar
+  ? { src: props.authorPhoto ?? undefined, alt: props.authorName ?? t('common.label.anonymous'), chip: hasMemo.value ? { color: memoChipColor.value } : undefined }
+  : undefined)
+const tooltipText = computed(() => hasMemo.value && memoText.value ? memoText.value : t('authorMenu.menu'))
+
 const items = computed(() => [
   [
     { label: t('authorMenu.viewProfile'), icon: 'i-lucide-user-round', to: authorProfileLink.value, disabled: !authorProfileLink.value },
@@ -49,6 +63,8 @@ const items = computed(() => [
     ? [[{
         label: t('authorMenu.memoTitle'),
         icon: 'i-lucide-notebook-pen',
+        slot: 'memo' as const,
+        description: memoText.value || undefined,
         color: memoSentiment.value === 'good' ? 'primary' as const : memoSentiment.value === 'bad' ? 'error' as const : undefined,
         onSelect: () => { memoOpen.value = true },
       }]]
@@ -58,7 +74,7 @@ const items = computed(() => [
 async function onSaveMemo(sentiment: 'good' | 'bad') {
   memoPendingSentiment.value = sentiment
   try {
-    await saveMemo(memoText.value, sentiment)
+    await saveMemo(memoDraft.value, sentiment)
     memoOpen.value = false
   }
   catch {
@@ -85,21 +101,38 @@ async function onDeleteMemo() {
     class="flex max-w-full items-center"
     :class="truncate ? 'w-full min-w-0 justify-end' : 'inline-flex'"
   >
-    <UTooltip :text="t('authorMenu.menu')" :delay-duration="200" :content="{ side: 'top' }">
+    <UTooltip :text="tooltipText" :delay-duration="200" :content="{ side: 'top' }">
       <span class="inline-flex max-w-full">
-        <UDropdownMenu v-model:open="menuOpen" :items="items" :content="{ align: 'start' }">
-          <UButton
-            :avatar="showAvatar ? { src: authorPhoto ?? undefined, alt: authorName ?? t('common.label.anonymous') } : undefined"
-            :label="authorName ?? t('common.label.anonymous')"
-            variant="ghost"
-            color="neutral"
-            size="xs"
-            class="max-w-full"
-            :ui="truncate
-              ? { base: 'max-w-full' }
-              : { base: 'max-w-full', label: 'whitespace-normal overflow-visible text-clip' }"
-          />
-        </UDropdownMenu>
+        <UChip
+          :show="hasMemo && !showAvatar"
+          :color="memoChipColor"
+          class="max-w-full"
+        >
+          <UDropdownMenu :items="items" :content="{ align: 'start' }">
+            <UButton
+              :avatar="avatar"
+              :label="authorName ?? t('common.label.anonymous')"
+              variant="ghost"
+              color="neutral"
+              size="xs"
+              class="max-w-full"
+              :aria-label="hasMemo ? `${authorName ?? t('common.label.anonymous')} — ${t('authorMenu.memoAriaLabel')}` : undefined"
+              :ui="truncate
+                ? { base: 'max-w-full' }
+                : { base: 'max-w-full', label: 'whitespace-normal overflow-visible text-clip' }"
+            />
+            <template #memo-trailing>
+              <UBadge
+                v-if="memoSentiment"
+                :label="memoSentiment === 'good' ? t('authorMenu.good') : t('authorMenu.bad')"
+                :color="memoSentiment === 'good' ? 'primary' : 'error'"
+                variant="subtle"
+                size="sm"
+                class="ms-auto shrink-0"
+              />
+            </template>
+          </UDropdownMenu>
+        </UChip>
       </span>
     </UTooltip>
 
@@ -111,7 +144,7 @@ async function onDeleteMemo() {
     >
       <template #body>
         <UTextarea
-          v-model="memoText"
+          v-model="memoDraft"
           :rows="3"
           :maxlength="AUTHOR_MEMO_MAX_LENGTH"
           :placeholder="t('authorMenu.memoPlaceholder')"
@@ -127,7 +160,7 @@ async function onDeleteMemo() {
       </template>
       <template #footer>
         <UButton
-          v-if="memoText || memoSentiment"
+          v-if="hasMemo"
           :label="t('common.action.delete')"
           color="neutral"
           variant="ghost"

package/dist/runtime/components/CategorySettings.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import MemiBoardSurface from './BoardSurface.vue'
+import MemiBoardSettingsVersion from './SettingsVersion.vue'
 import { useMemiBoardStorage } from 'memi-board/storage'
 import { computed, onMounted, ref, watch } from 'vue'
 import { boardCopyIsTranslated, boardTranslationLocales, MEMI_BOARD_LOCALES, memiBoardEnabledLocales, useMemiBoardAuth, useMemiBoardPostTranslations, useMemiBoardI18n, useMemiBoardSettings, useMemiBoardUsers } from 'memi-board/runtime'
@@ -412,5 +413,6 @@ async function save() {
     <UAlert v-if="error" color="error" variant="subtle" :description="error" />
     <UAlert v-if="saved" color="success" variant="subtle" :description="isNew ? t('settings.created') : t('settings.savedSettings')" />
   </div>
+  <MemiBoardSettingsVersion />
   </MemiBoardSurface>
 </template>

package/dist/runtime/components/ListCard.vue

@@ -56,15 +56,15 @@ function image(post: PostModel): string | undefined {
         class="memi-board-post-link flex flex-1 flex-col text-left text-highlighted"
         @click="!postTo(post) && emit('select', post)"
       >
+        <h3 class="line-clamp-2 break-words px-4 pb-3 pt-4 text-base font-bold leading-snug text-inherit">
+          <UBadge v-if="post.isPublished === false" :label="t('common.label.draft')" color="warning" variant="subtle" size="sm" class="me-1 align-middle" />
+          <UIcon v-if="post.pinned" name="i-lucide-pin" class="me-1 align-[-0.125em] text-primary" :aria-label="t('list.notice')" />
+          {{ titleOf(post) }}
+        </h3>
         <div v-if="image(post)" class="aspect-video w-full overflow-hidden bg-elevated">
           <img :src="image(post)" :alt="titleOf(post)" class="size-full object-cover transition-transform duration-300 hover:scale-105">
         </div>
-        <div class="flex flex-1 flex-col gap-2 p-4">
-          <h3 class="line-clamp-2 break-words text-base font-bold leading-snug text-inherit">
-            <UBadge v-if="post.isPublished === false" :label="t('common.label.draft')" color="warning" variant="subtle" size="sm" class="me-1 align-middle" />
-            <UIcon v-if="post.pinned" name="i-lucide-pin" class="me-1 align-[-0.125em] text-primary" :aria-label="t('list.notice')" />
-            {{ titleOf(post) }}
-          </h3>
+        <div class="flex flex-1 flex-col gap-2 px-4 pb-4" :class="image(post) ? 'pt-3' : 'pt-0'">
           <p v-if="summaryOf(post)" class="line-clamp-3 break-words whitespace-pre-line text-sm leading-relaxed text-muted">
             {{ summaryOf(post) }}
           </p>
@@ -101,11 +101,18 @@ function image(post: PostModel): string | undefined {
             truncate
             class="min-w-0"
           />
-          <UTooltip :text="t('list.likeCount', { count: post.likeCount ?? 0 })" :delay-duration="200" :content="{ side: 'top' }">
-            <span class="inline-flex shrink-0 items-center gap-1 tabular-nums">
-              <UIcon name="i-lucide-heart" class="size-3.5" />{{ post.likeCount ?? 0 }}
-            </span>
-          </UTooltip>
+          <div class="flex shrink-0 items-center gap-3">
+            <UTooltip :text="t('common.label.viewCount', { count: post.viewCount ?? 0 })" :delay-duration="200" :content="{ side: 'top' }">
+              <span class="inline-flex items-center gap-1 tabular-nums">
+                <UIcon name="i-lucide-eye" class="size-3.5" />{{ post.viewCount ?? 0 }}
+              </span>
+            </UTooltip>
+            <UTooltip :text="t('list.likeCount', { count: post.likeCount ?? 0 })" :delay-duration="200" :content="{ side: 'top' }">
+              <span class="inline-flex items-center gap-1 tabular-nums">
+                <UIcon name="i-lucide-heart" class="size-3.5" />{{ post.likeCount ?? 0 }}
+              </span>
+            </UTooltip>
+          </div>
         </div>
       </template>
     </UCard>

package/dist/runtime/components/OrphanCleanup.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import MemiBoardSurface from './BoardSurface.vue'
+import MemiBoardSettingsVersion from './SettingsVersion.vue'
 import { computed, ref } from 'vue'
 import { useMemiBoardCleanup, useMemiBoardI18n } from 'memi-board/runtime'
 
@@ -57,5 +58,6 @@ async function deleteSelected() {
     </template>
     <p v-if="result" role="status" class="text-sm">{{ result }}</p>
   </section>
+  <MemiBoardSettingsVersion />
   </MemiBoardSurface>
 </template>

package/dist/runtime/components/Profile.vue

@@ -3,11 +3,16 @@ import MemiBoardSurface from './BoardSurface.vue'
 import { computed, ref } from 'vue'
 import { useMemiBoardAuth, useMemiBoardI18n, useMemiBoardUserProfile, useMemiBoardUserStats, WRITING_ASSISTANT_DAILY_LIMIT } from 'memi-board/runtime'
 import MemiBoardProfileEditModal from './ProfileEditModal.vue'
+import MemiBoardAuthorMemoList from './AuthorMemoList.vue'
 
 const props = defineProps<{
   uid: string
   /** 본인 프로필의 수정 버튼 대신 표시할 호스트 계정 페이지 주소. */
   accountTo?: string
+  /** 본인 프로필의 "내가 남긴 메모" 목록에서 작성자 메뉴 링크로 쓴다. */
+  authorProfileTo?: (authorUid: string) => string | undefined
+  authorPostsTo?: (authorUid: string) => string | undefined
+  authorCommentsTo?: (authorUid: string) => string | undefined
 }>()
 
 const { profile, profilePending } = useMemiBoardUserProfile(() => props.uid)
@@ -134,6 +139,15 @@ const aiUsage = computed(() => {
     >
       {{ profile.bio }}
     </p>
+
+    <template v-if="isOwnProfile">
+      <USeparator class="mt-2" />
+      <MemiBoardAuthorMemoList
+        :author-profile-to="authorProfileTo"
+        :author-posts-to="authorPostsTo"
+        :author-comments-to="authorCommentsTo"
+      />
+    </template>
   </div>
 
   <MemiBoardProfileEditModal

package/dist/runtime/components/ReportList.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import MemiBoardSurface from './BoardSurface.vue'
+import MemiBoardSettingsVersion from './SettingsVersion.vue'
 import { computed, ref, resolveComponent, watch } from 'vue'
 import {
   imeSafeSubmitClick,
@@ -128,5 +129,6 @@ async function handle() {
         </form>
       </template>
     </UModal>
+  <MemiBoardSettingsVersion />
   </MemiBoardSurface>
 </template>

package/dist/runtime/components/Settings.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import MemiBoardSurface from './BoardSurface.vue'
+import MemiBoardSettingsVersion from './SettingsVersion.vue'
 import { useMemiBoardStorage } from 'memi-board/storage'
 import { computed, onMounted, reactive, ref, watch } from 'vue'
 import { BOARD_NAME_MAX, boardCopyIsTranslated, boardTranslationLocales, MEMI_BOARD_LOCALES, memiBoardEnabledLocales, slugify, useMemiBoardAppSettings, useMemiBoardAuth, useMemiBoardI18n, useMemiBoardSettings, useMemiBoardUsers } from 'memi-board/runtime'
@@ -979,5 +980,6 @@ async function runDeleteAll() {
       <UAlert v-if="deleteDone" color="success" variant="subtle" :description="t('settings.danger.done')" />
     </section>
   </div>
+  <MemiBoardSettingsVersion />
   </MemiBoardSurface>
 </template>

package/dist/runtime/components/SettingsVersion.vue

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+import { versionHistory } from 'memi-board/runtime'
+
+/** 설정·관리 화면 맨 아래에 붙는 패키지 버전. 문의할 때 어떤 버전인지 바로 알 수 있게 한다. */
+const version = versionHistory[0]?.version
+</script>
+
+<template>
+  <p v-if="version" class="mt-8 text-center font-mono text-xs text-dimmed">memi-board™ v{{ version }}</p>
+</template>

package/dist/runtime/components/UsersSettings.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import MemiBoardSurface from './BoardSurface.vue'
+import MemiBoardSettingsVersion from './SettingsVersion.vue'
 import UserManagementEmail from './UserManagementEmail.vue'
 import UserRoleGuide from './UserRoleGuide.vue'
 import UserListControls from './UserListControls.vue'
@@ -115,5 +116,6 @@ async function confirmRoleChange() {
       </div>
     </template>
   </UModal>
+  <MemiBoardSettingsVersion />
   </MemiBoardSurface>
 </template>

package/dist/storage.js

@@ -1,4 +1,4 @@
-import { T as e, Z as t, a as n, c as r, h as i, n as a } from "./commentImages-xb5Y4ySe.js";
+import { Q as e, T as t, a as n, c as r, h as i, n as a } from "./commentImages-DHIuwvex.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";
@@ -58,30 +58,30 @@ async function b(e, t) {
 	}
 }
 function x() {
-	let i = () => e(), h = o(), { t: g, locale: _ } = r();
+	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(e, r, a) {
-		let o = u(h), s = `${t(i(), r)}/attachments/${Date.now()}-${n(e.name)}`, c = d(o, s), f = p(c, e, {
+	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: e.type || "application/octet-stream",
-			contentDisposition: `attachment; filename*=UTF-8''${encodeURIComponent(e.name)}`
+			contentType: t.type || "application/octet-stream",
+			contentDisposition: `attachment; filename*=UTF-8''${encodeURIComponent(t.name)}`
 		});
 		return {
-			promise: new Promise((t, n) => {
+			promise: new Promise((e, n) => {
 				f.on("state_changed", (e) => {
 					a && e.totalBytes > 0 && a(e.bytesTransferred / e.totalBytes);
 				}, n, async () => {
 					let n = await l(c);
-					t({
-						name: e.name,
+					e({
+						name: t.name,
 						url: n,
 						path: s,
-						size: e.size,
-						type: e.type
+						size: t.size,
+						type: t.type
 					});
 				});
 			}),
@@ -92,13 +92,13 @@ function x() {
 		let t = u(h);
 		await c(d(t, e.path)).catch(() => {});
 	}
-	function S(e, r, o, s) {
-		if (!a(e)) throw Error(g("commentForm.imageOnly"));
+	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 a = await b(e, _.value);
+				let a = await b(t, _.value);
 				if (x) throw Error(g("commentForm.uploadFailed"));
 				let u = a.blob;
 				if (u.size >= 5242880 && (u = await m(u, {
@@ -106,7 +106,7 @@ function x() {
 					quality: .75
 				}, _.value)), x) throw Error(g("commentForm.uploadFailed"));
 				if (u.size >= 5242880) throw Error(g("storage.tooLargeAfterCompress"));
-				let h = (u.type || e.type || "image/jpeg").toLowerCase(), v = h === "image/png" ? "png" : h === "image/gif" ? "gif" : h === "image/webp" ? "webp" : "jpg", S = n(e.name.replace(/\.[^.]+$/, "") || "image", 40) || "image", C = `${t(i(), r)}/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: e.name || `image.${v}`,
+					name: t.name || `image.${v}`,
 					url: T,
 					path: C,
 					size: u.size,
@@ -130,9 +130,9 @@ function x() {
 			}
 		};
 	}
-	async function C(e, r) {
-		if (!e.type.startsWith("image/")) throw Error(g("storage.imageOnly"));
-		let a = await b(e, _.value), o = u(h), s = (a.compressed ? "jpg" : e.name.split(".").pop() || e.type.split("/")[1] || "png").replace(/[^a-zA-Z0-9]/g, "").slice(0, 8) || "png", c = n(e.name.replace(/\.[^.]+$/, "") || "image", 40), p = `${Date.now()}-${c || "image"}`, y = r || `new-${Date.now()}`, x = t(i(), 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"

package/dist/utils/boardPaths.d.ts

@@ -54,6 +54,8 @@ export declare function boardUserDoc(db: Firestore, cfg: BoardPathConfig, uid: s
 export declare function boardUserPrivateDoc(db: Firestore, cfg: BoardPathConfig, uid: string): DocumentReference;
 /** 본인만 보는 작성자 메모 — 문서 ID 자체가 targetUid라 대상당 메모가 하나로 고정된다. */
 export declare function authorMemoDoc(db: Firestore, cfg: BoardPathConfig, viewerUid: string, targetUid: string): DocumentReference;
+/** 내가 남긴 작성자 메모 전체 — 목록 화면에서 한 번의 쿼리로 모두 불러올 때 쓴다. */
+export declare function authorMemosCollection(db: Firestore, cfg: BoardPathConfig, viewerUid: string): CollectionReference;
 /** postId 가 전역 고유이므로 boardId 프리픽스 불필요 */
 export declare function postStorageFolder(cfg: BoardPathConfig, postId: string): string;
 export declare function boardSsrKey(cfg: BoardPathConfig, suffix: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "memi-board",
-  "version": "0.64.0",
+  "version": "0.65.0",
   "type": "module",
   "description": "Board (forum) module for Nuxt 4 + Nuxt UI + VueFire/Firebase",
   "license": "MIT",