@commonpub/layer 0.3.16 → 0.3.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commonpub/layer",
-  "version": "0.3.16",
+  "version": "0.3.17",
   "type": "module",
   "main": "./nuxt.config.ts",
   "files": [
@@ -45,14 +45,14 @@
     "vue-router": "^4.3.0",
     "zod": "^4.3.6",
     "@commonpub/auth": "0.5.0",
+    "@commonpub/config": "0.7.0",
     "@commonpub/docs": "0.5.2",
     "@commonpub/editor": "0.5.0",
-    "@commonpub/learning": "0.5.0",
     "@commonpub/protocol": "0.9.4",
-    "@commonpub/schema": "0.8.12",
-    "@commonpub/server": "2.12.0",
-    "@commonpub/config": "0.7.0",
-    "@commonpub/ui": "0.7.1"
+    "@commonpub/server": "2.12.1",
+    "@commonpub/learning": "0.5.0",
+    "@commonpub/ui": "0.7.1",
+    "@commonpub/schema": "0.8.12"
   },
   "scripts": {}
 }

package/pages/hubs/[slug]/posts/[postId].vue

@@ -358,7 +358,7 @@ useSeoMeta({
 .cpub-btn-primary:hover:not(:disabled) { opacity: 0.9; }
 .cpub-btn-primary:disabled { opacity: 0.5; cursor: default; }
 .cpub-btn-danger { color: var(--red); border-color: var(--red); }
-.cpub-btn-danger:hover { background: var(--red); color: white; }
+.cpub-btn-danger:hover { background: var(--red); color: var(--accent-text, #fff); }
 
 /* Reply form */
 .cpub-reply-form { margin-bottom: 16px; }

package/pages/messages/[conversationId].vue

@@ -5,16 +5,37 @@ const conversationId = route.params.conversationId as string;
 definePageMeta({ middleware: 'auth' });
 
 const { user } = useAuth();
+const toast = useToast();
 
-const { data: convInfo } = useLazyFetch<any>(`/api/messages/${conversationId}/info`, {
-  default: () => ({ id: conversationId, participants: [] as string[] }),
+interface ConvParticipant {
+  id: string;
+  displayName?: string;
+  username?: string;
+}
+
+interface MessageItem {
+  id: string;
+  senderId: string;
+  senderName?: string | null;
+  senderAvatarUrl?: string | null;
+  body: string;
+  createdAt: string;
+}
+
+const { data: convInfo } = useLazyFetch<{ id: string; participants: ConvParticipant[] }>(`/api/messages/${conversationId}/info`, {
+  default: () => ({ id: conversationId, participants: [] }),
 });
 
-const { data: initialMessages, refresh } = useLazyFetch<any[]>(`/api/messages/${conversationId}`, {
+const { data: initialMessages, refresh } = useLazyFetch<MessageItem[]>(`/api/messages/${conversationId}`, {
   default: () => [],
 });
 
-const messages = ref([...(initialMessages.value ?? [])]);
+const messages = ref<MessageItem[]>([]);
+
+// Sync with lazy fetch when it resolves
+watch(initialMessages, (val) => {
+  if (val?.length) messages.value = [...val];
+}, { immediate: true });
 
 // SSE real-time stream
 let eventSource: EventSource | null = null;
@@ -51,22 +72,23 @@ const participantLabel = computed(() => {
   const parts = convInfo.value?.participants ?? [];
   if (!parts.length) return 'Conversation';
   const others = parts
-    .filter((p: any) => typeof p === 'object' ? p.id !== user.value?.id : p !== user.value?.id)
-    .map((p: any) => typeof p === 'object' ? (p.displayName || p.username) : p);
+    .filter((p) => p.id !== user.value?.id)
+    .map((p) => p.displayName || p.username || p.id);
   return others.length > 0 ? others.join(', ') : 'Conversation';
 });
 
 useSeoMeta({ title: () => `Message — ${participantLabel.value}` });
 
 async function handleSend(text: string): Promise<void> {
-  await $fetch(`/api/messages/${conversationId}` as string, {
-    method: 'POST',
-    body: { body: text },
-  });
-  // SSE will pick up the new message, but also do an immediate refresh for responsiveness
-  await refresh();
-  if (initialMessages.value) {
-    messages.value = [...initialMessages.value];
+  try {
+    await $fetch(`/api/messages/${conversationId}` as string, {
+      method: 'POST',
+      body: { body: text },
+    });
+    // SSE will pick up the new message, but also do an immediate refresh for responsiveness
+    await refresh();
+  } catch {
+    toast.error('Failed to send message');
   }
 }
 </script>

package/server/api/admin/federation/hub-mirrors/[id]/backfill.post.ts

@@ -3,8 +3,7 @@ import { backfillHubFromOutbox, fetchRemoteHubFollowers, repairFederatedHubPostA
 export default defineEventHandler(async (event) => {
   requireFeature('federation');
   requireFeature('federateHubs');
-  requireAuth(event);
-  // TODO: admin role check — for now relies on admin layout auth
+  requireAdmin(event);
 
   const db = useDB();
   const config = useConfig();