memi-board 0.3.1 → 0.4.0

package/dist/runtime/components/SignIn.vue

@@ -0,0 +1,146 @@
+<script setup lang="ts">
+import { ref, computed } from 'vue'
+import { useMemiBoardConfig } from 'memi-board'
+import { useMemiBoardAuth } from 'memi-board'
+
+const config = useMemiBoardConfig()
+const providers = computed(() => config.auth?.providers ?? ['google', 'apple'])
+const hasOAuthProvider = computed(() => providers.value.includes('google') || providers.value.includes('apple'))
+
+const { signInWithGoogle, signInWithApple, signInWithEmail, signUpWithEmail } = useMemiBoardAuth()
+
+const mode = ref<'signin' | 'signup'>('signin')
+const email = ref('')
+const password = ref('')
+const displayName = ref('')
+const loading = ref(false)
+const error = ref('')
+
+async function handleGoogle() {
+  loading.value = true
+  error.value = ''
+  try {
+    await signInWithGoogle()
+  }
+  catch (e) {
+    error.value = (e as Error).message
+  }
+  finally {
+    loading.value = false
+  }
+}
+
+async function handleApple() {
+  loading.value = true
+  error.value = ''
+  try {
+    await signInWithApple()
+  }
+  catch (e) {
+    error.value = (e as Error).message
+  }
+  finally {
+    loading.value = false
+  }
+}
+
+async function handleEmailSubmit() {
+  loading.value = true
+  error.value = ''
+  try {
+    if (mode.value === 'signin') {
+      await signInWithEmail(email.value, password.value)
+    }
+    else {
+      await signUpWithEmail(email.value, password.value, displayName.value || undefined)
+    }
+  }
+  catch (e) {
+    error.value = (e as Error).message
+  }
+  finally {
+    loading.value = false
+  }
+}
+</script>
+
+<template>
+  <div class="flex flex-col gap-4 max-w-sm">
+    <UButton
+      v-if="providers.includes('google')"
+      icon="i-simple-icons-google"
+      color="neutral"
+      variant="outline"
+      label="Google로 로그인"
+      block
+      :loading="loading"
+      @click="handleGoogle"
+    />
+
+    <UButton
+      v-if="providers.includes('apple')"
+      icon="i-simple-icons-apple"
+      color="neutral"
+      variant="outline"
+      label="Apple로 로그인"
+      block
+      :loading="loading"
+      @click="handleApple"
+    />
+
+    <template v-if="providers.includes('emailPassword')">
+      <div
+        v-if="hasOAuthProvider"
+        class="flex items-center gap-2 text-xs text-muted"
+      >
+        <div class="flex-1 border-t border-default" />
+        또는
+        <div class="flex-1 border-t border-default" />
+      </div>
+
+      <form
+        class="flex flex-col gap-3"
+        @submit.prevent="handleEmailSubmit"
+      >
+        <UInput
+          v-if="mode === 'signup'"
+          v-model="displayName"
+          placeholder="이름"
+        />
+        <UInput
+          v-model="email"
+          type="email"
+          placeholder="이메일"
+          required
+        />
+        <UInput
+          v-model="password"
+          type="password"
+          placeholder="비밀번호"
+          required
+        />
+        <UButton
+          type="submit"
+          block
+          :loading="loading"
+          :label="mode === 'signin' ? '로그인' : '회원가입'"
+        />
+      </form>
+
+      <UButton
+        variant="link"
+        size="sm"
+        color="neutral"
+        :label="mode === 'signin' ? '계정이 없으신가요? 회원가입' : '이미 계정이 있으신가요? 로그인'"
+        @click="mode = mode === 'signin' ? 'signup' : 'signin'"
+      />
+    </template>
+
+    <p
+      v-if="error"
+      class="text-sm text-error"
+    >
+      {{ error }}
+    </p>
+  </div>
+</template>

package/dist/runtime/components/VersionHistory.vue

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+import { versionHistory } from 'memi-board'
+</script>
+
+<template>
+  <div class="flex flex-col gap-6">
+    <div
+      v-for="entry in versionHistory"
+      :key="entry.version"
+      class="flex flex-col gap-2"
+    >
+      <div class="flex items-center gap-2">
+        <UBadge
+          :label="`v${entry.version}`"
+          color="primary"
+          variant="subtle"
+        />
+        <span class="text-sm text-muted">{{ entry.date }}</span>
+      </div>
+      <ul class="list-disc list-inside text-sm leading-relaxed space-y-1">
+        <li
+          v-for="item in entry.highlights"
+          :key="item"
+        >
+          {{ item }}
+        </li>
+      </ul>
+      <p
+        v-if="entry.note"
+        class="text-xs text-muted"
+      >
+        {{ entry.note }}
+      </p>
+    </div>
+  </div>
+</template>

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "memi-board",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "type": "module",
-  "description": "Firebase 기반 게시판 Vue 컴포넌트/composable 패키지 — Nuxt 4 + Nuxt UI 프로젝트에 posts CRUD, 첨부파일, 댓글, 권한, AI 검열을 바로 붙임",
+  "description": "Firebase 게시판 — core composable + thin Nuxt module(UI SFC). Nuxt 4 + Nuxt UI 호스트에 붙임",
   "license": "MIT",
   "author": "fkkmemi",
   "repository": {
@@ -13,8 +13,19 @@
     "url": "https://github.com/fkkmemi/memi-board/issues"
   },
   "homepage": "https://github.com/fkkmemi/memi-board#readme",
-  "keywords": ["vue", "nuxt", "firebase", "firestore", "board", "community", "nuxt-ui"],
-  "sideEffects": false,
+  "keywords": [
+    "vue",
+    "nuxt",
+    "firebase",
+    "firestore",
+    "board",
+    "community",
+    "nuxt-ui"
+  ],
+  "sideEffects": [
+    "**/*.vue",
+    "**/*.css"
+  ],
   "publishConfig": {
     "access": "public"
   },
@@ -22,6 +33,10 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
+    },
+    "./nuxt": {
+      "types": "./dist/module.d.ts",
+      "import": "./dist/module.mjs"
     }
   },
   "main": "./dist/index.js",
@@ -31,23 +46,31 @@
   ],
   "scripts": {
     "prepack": "pnpm build",
-    "build": "vite build",
+    "build": "node scripts/build.mjs",
     "build:watch": "vite build --watch",
-    "dev": "nuxi dev playground",
-    "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxi prepare playground",
+    "dev": "pnpm build && nuxi dev playground",
+    "dev:build": "pnpm build && nuxi build playground",
+    "dev:prepare": "pnpm build && nuxi prepare playground",
     "typecheck": "vue-tsc --noEmit"
   },
   "peerDependencies": {
     "@nuxt/ui": "^4.0.0",
     "firebase": "^12.0.0",
+    "nuxt": ">=3.0.0 || >=4.0.0",
     "vue": "^3.5.0",
     "vue-router": "^4.0.0 || ^5.0.0",
     "vuefire": "^3.2.3"
   },
+  "peerDependenciesMeta": {
+    "nuxt": {
+      "optional": true
+    },
+    "@nuxt/ui": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@nuxt/ui": "^4.9.0",
-    "@vitejs/plugin-vue": "^6.0.8",
     "firebase": "^12.15.0",
     "nuxt": "^4.5.1",
     "nuxt-vuefire": "^1.1.2",
@@ -67,5 +90,8 @@
       "protobufjs",
       "vue-demi"
     ]
+  },
+  "dependencies": {
+    "@nuxt/kit": "^4.5.1"
   }
 }

package/dist/components/Attachments.vue.d.ts

@@ -1,17 +0,0 @@
-import { Attachment } from '../types';
-type __VLS_Props = {
-    modelValue: Attachment[];
-    /** 새 글 작성 중이면 아직 slug가 없으므로 임시 네임스페이스를 넘긴다. */
-    postId: string;
-    editable?: boolean;
-    maxFiles?: number;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (attachments: Attachment[]) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((attachments: Attachment[]) => any) | undefined;
-}>, {
-    editable: boolean;
-    maxFiles: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/CommentForm.vue.d.ts

@@ -1,5 +0,0 @@
-type __VLS_Props = {
-    postId: string;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/CommentList.vue.d.ts

@@ -1,5 +0,0 @@
-type __VLS_Props = {
-    postId: string;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/Detail.vue.d.ts

@@ -1,11 +0,0 @@
-type __VLS_Props = {
-    postId: string;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    deleted: () => any;
-    edit: (postId: string) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onDeleted?: (() => any) | undefined;
-    onEdit?: ((postId: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/Editor.vue.d.ts

@@ -1,12 +0,0 @@
-type __VLS_Props = {
-    /** 지정하면 수정 모드, 지정하지 않으면 새 글 작성 모드. */
-    postId?: string;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    saved: (id: string) => any;
-    cancel: () => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSaved?: ((id: string) => any) | undefined;
-    onCancel?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/List.vue.d.ts

@@ -1,14 +0,0 @@
-import { PostModel } from '../types';
-type __VLS_Props = {
-    pageSize?: number;
-    /** 지정하면 각 글이 `${linkBase}/${id}`로 이동하는 링크가 된다. 지정하지 않으면 select 이벤트만 emit. */
-    linkBase?: string;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    select: (post: PostModel) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((post: PostModel) => any) | undefined;
-}>, {
-    pageSize: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/SignIn.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/components/VersionHistory.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;