@commonpub/layer 0.3.15 → 0.3.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commonpub/layer",
-  "version": "0.3.15",
+  "version": "0.3.17",
   "type": "module",
   "main": "./nuxt.config.ts",
   "files": [
@@ -46,13 +46,13 @@
     "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/protocol": "0.9.4",
-    "@commonpub/docs": "0.5.2",
-    "@commonpub/schema": "0.8.12",
+    "@commonpub/server": "2.12.1",
     "@commonpub/learning": "0.5.0",
-    "@commonpub/server": "2.11.2",
-    "@commonpub/ui": "0.7.1"
+    "@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

@@ -0,0 +1,30 @@
+import { backfillHubFromOutbox, fetchRemoteHubFollowers, repairFederatedHubPostActors } from '@commonpub/server';
+
+export default defineEventHandler(async (event) => {
+  requireFeature('federation');
+  requireFeature('federateHubs');
+  requireAdmin(event);
+
+  const db = useDB();
+  const config = useConfig();
+  const { id } = parseParams(event, { id: 'uuid' });
+
+  // Run all three operations
+  const [backfillResult, followersResult, repaired] = await Promise.all([
+    backfillHubFromOutbox(db, id, config.instance.domain).catch((err) => {
+      console.error('[hub-backfill] Failed:', err);
+      return { processed: 0, errors: 1 };
+    }),
+    fetchRemoteHubFollowers(db, id).catch((err) => {
+      console.error('[hub-followers] Failed:', err);
+      return { fetched: 0, errors: 1 };
+    }),
+    repairFederatedHubPostActors(db).catch(() => 0),
+  ]);
+
+  return {
+    backfill: backfillResult,
+    followers: followersResult,
+    repairedActors: repaired,
+  };
+});

package/server/api/hubs/[slug]/posts/[postId]/like.post.ts

@@ -1,4 +1,4 @@
-import { likePost, unlikePost, hasLikedPost, getHubBySlug, getPostById, federateHubPostLike, checkBan } from '@commonpub/server';
+import { likePost, unlikePost, hasLikedPost, getHubBySlug, getPostById, federateHubPostLike, federateHubPostUnlike, checkBan } from '@commonpub/server';
 
 export default defineEventHandler(async (event) => {
   const user = requireAuth(event);
@@ -19,6 +19,12 @@ export default defineEventHandler(async (event) => {
   const alreadyLiked = await hasLikedPost(db, user.id, postId);
   if (alreadyLiked) {
     await unlikePost(db, user.id, postId);
+    // Federate the unlike (fire-and-forget)
+    if (config.features.federation && config.features.federateHubs) {
+      federateHubPostUnlike(db, user.id, postId, slug, config.instance.domain).catch((err) => {
+        console.error('[hub-federation] Failed to federate post unlike:', err);
+      });
+    }
     return { liked: false };
   }
   await likePost(db, user.id, postId);