memi-board 0.43.0 → 0.44.1

package/README.md

@@ -196,10 +196,26 @@ const { post: postSeo } = await useMemiBoardPostSeo({
     `/board/${encodeURIComponent(categoryId.value)}/${encodeURIComponent(id.value)}`,
   ),
 })
-// postSeo: id · title · previewImage 등 — 상세 로드와 공유 가능
+// postSeo: id · title · previewImage 등 — SSR 첫 로드에서는 바로 채워진다.
+// 클라이언트 이동에서는 화면 전환을 막지 않으려고 기다리지 않으므로 처음엔 null 일 수 있다.
+
+const { resolvePostIdBySlug } = useMemiBoardPosts(categoryId)
+const internalId = ref('')
+watch([categoryId, id], async ([category, slug]) => {
+  if (postSeo.value?.id && postSeo.value.category === category && postSeo.value.slug === slug) {
+    internalId.value = postSeo.value.id
+    return
+  }
+  if (import.meta.server) return
+  // id 만 조회 (본문은 MemiBoardDetail 이 구독). 방금 작성한 글은 조회 없이 바로 나온다.
+  const result = await resolvePostIdBySlug(slug)
+  internalId.value = result.status === 'ok' ? result.id : ''
+}, { immediate: true })
 </script>
 ```
 
+> 상세·수정 페이지에서 slug → id 는 `getPostBySlug`(본문까지 읽음) 대신 `resolvePostIdBySlug` 를 쓴다. 저장 직후 미리보기 진입이 Firestore 왕복 2회만큼 빨라진다.
+
 | composable | 대상 | OG 요약 |
 |------------|------|---------|
 | `useMemiBoardListSeo` | 목록 | 카테고리 label·description, 최근 공개 글 이미지 |

package/dist/composables/useMemiBoardPosts.d.ts

@@ -11,6 +11,8 @@ export interface CreatePostInput {
     authorName: string | null;
     authorPhoto: string | null;
     moderationModel?: string;
+    /** resolveUniqueSlug 로 미리 구한 slug. 없으면 createPost 가 직접 구한다. */
+    slug?: string;
 }
 export interface UpdatePostInput {
     title: string;
@@ -29,6 +31,17 @@ export type GetPostBySlugResult = {
     status: 'error';
     message: string;
 };
+export type ResolvePostIdResult = {
+    status: 'ok';
+    id: string;
+} | {
+    status: 'not-found';
+} | {
+    status: 'permission-denied';
+} | {
+    status: 'error';
+    message: string;
+};
 export declare function isFirestorePermissionDenied(error: unknown): boolean;
 /** 목록은 posts 메타만, 본문(body/main)은 상세에서만. */
 export declare function useMemiBoardPosts(boardId: MaybeRefOrGetter<string>): {
@@ -44,6 +57,8 @@ export declare function useMemiBoardPosts(boardId: MaybeRefOrGetter<string>): {
     }>;
     getPost: (id: string) => Promise<PostDetail | null>;
     getPostBySlug: (slug: string) => Promise<GetPostBySlugResult>;
+    resolvePostIdBySlug: (slug: string) => Promise<ResolvePostIdResult>;
+    resolveUniqueSlug: (title: string) => Promise<string>;
     getAdjacentPosts: (current: PostModel) => Promise<{
         previous: PostModel | null;
         next: PostModel | null;

package/dist/index.d.ts

@@ -8,8 +8,9 @@ export type { PublicSeoDb } from './composables/fetchPublicSeo';
 export { boardPostOgTitle, boardPostOgDescription, boardListOgTitle, boardListOgDescription, toAbsoluteUrl, asHttpUrl, toBoardOgImageUrl, normalizeBasePath, } from './utils/boardSeo';
 export type { BoardPostSeoPayload, BoardListSeoPayload } from './utils/boardSeo';
 export { useMemiBoardAuth } from './composables/useMemiBoardAuth';
+export { imeSafeSubmitClick, imeSafeSubmitPointerDown } from './utils/imeSafeSubmit';
 export { useMemiBoardPosts, useMemiBoardPostList, useMemiBoardPost } from './composables/useMemiBoardPosts';
-export type { CreatePostInput, UpdatePostInput, GetPostBySlugResult } from './composables/useMemiBoardPosts';
+export type { CreatePostInput, UpdatePostInput, GetPostBySlugResult, ResolvePostIdResult } from './composables/useMemiBoardPosts';
 export { isFirestorePermissionDenied } from './composables/useMemiBoardPosts';
 export { useMemiBoardUserPosts } from './composables/useMemiBoardUserPosts';
 export { useMemiBoardUserComments } from './composables/useMemiBoardUserComments';