@commonpub/layer 0.3.28 → 0.3.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commonpub/layer",
-  "version": "0.3.28",
+  "version": "0.3.30",
   "type": "module",
   "main": "./nuxt.config.ts",
   "files": [
@@ -44,14 +44,14 @@
     "vue": "^3.4.0",
     "vue-router": "^4.3.0",
     "zod": "^4.3.6",
-    "@commonpub/config": "0.7.1",
-    "@commonpub/protocol": "0.9.5",
     "@commonpub/auth": "0.5.0",
-    "@commonpub/editor": "0.5.0",
+    "@commonpub/docs": "0.5.2",
+    "@commonpub/config": "0.7.1",
     "@commonpub/learning": "0.5.0",
+    "@commonpub/editor": "0.5.0",
+    "@commonpub/protocol": "0.9.5",
     "@commonpub/schema": "0.8.13",
-    "@commonpub/server": "2.16.0",
-    "@commonpub/docs": "0.5.2",
+    "@commonpub/server": "2.18.0",
     "@commonpub/ui": "0.7.1"
   },
   "devDependencies": {

package/pages/index.vue

@@ -294,7 +294,8 @@ async function handleHubJoin(hubSlug: string): Promise<void> {
           <div class="cpub-sb-head">Trending Hubs <NuxtLink to="/hubs">Browse</NuxtLink></div>
           <div v-for="hub in communities.items" :key="hub.id" class="cpub-hub-item">
             <div class="cpub-hub-icon">
-              <i class="fa-solid fa-users"></i>
+              <img v-if="hub.iconUrl" :src="hub.iconUrl" :alt="hub.name" class="cpub-hub-icon-img" />
+              <i v-else class="fa-solid fa-users"></i>
             </div>
             <div class="cpub-hub-info">
               <NuxtLink :to="`/hubs/${hub.slug}`" class="cpub-hub-name">{{ hub.name }}</NuxtLink>
@@ -877,6 +878,12 @@ async function handleHubJoin(hubSlug: string): Promise<void> {
   border: var(--border-width-default) solid var(--teal);
   background: var(--teal-bg);
   color: var(--teal);
+  overflow: hidden;
+}
+.cpub-hub-icon-img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
 }
 
 .cpub-hub-info { flex: 1; min-width: 0; }

package/server/routes/hubs/[slug]/followers.ts

@@ -1,8 +1,11 @@
 import { getHubBySlug, getHubFederatedFollowers, getHubActorUri } from '@commonpub/server';
+import { hubMembers, users } from '@commonpub/schema';
+import { eq, and } from 'drizzle-orm';
 
 /**
- * Hub Group actor followers collection.
- * Returns an OrderedCollection of remote actors following this hub.
+ * Hub Group actor followers/members collection.
+ * Returns an OrderedCollection of both local members (as Person actor URIs)
+ * and remote AP followers. Remote instances use this to populate member lists.
  */
 export default defineEventHandler(async (event) => {
   const config = useConfig();
@@ -24,16 +27,29 @@ export default defineEventHandler(async (event) => {
   }
 
   const hubActorUri = getHubActorUri(domain, slug);
+
+  // Get remote AP followers
   const followers = await getHubFederatedFollowers(db, hub.id);
   const followerUris = followers.map((f) => f.followerActorUri);
 
+  // Get local hub members as Person actor URIs
+  const localMembers = await db
+    .select({ username: users.username })
+    .from(hubMembers)
+    .innerJoin(users, eq(hubMembers.userId, users.id))
+    .where(and(eq(hubMembers.hubId, hub.id), eq(hubMembers.status, 'active')));
+  const memberUris = localMembers.map((m) => `https://${domain}/users/${m.username}`);
+
+  // Combine and deduplicate
+  const allUris = [...new Set([...memberUris, ...followerUris])];
+
   setResponseHeader(event, 'content-type', 'application/activity+json');
 
   return {
     '@context': 'https://www.w3.org/ns/activitystreams',
     id: `${hubActorUri}/followers`,
     type: 'OrderedCollection',
-    totalItems: followerUris.length,
-    orderedItems: followerUris,
+    totalItems: allUris.length,
+    orderedItems: allUris,
   };
 });