@streamplace/components 0.10.6 → 0.10.8

package/src/livestream-store/chat.tsx

@@ -437,3 +437,95 @@ export const useReportChatMessage = () => {
 };
 
 export const reduceChat = reduceChatIncremental;
+
+export const usePinChatMessage = () => {
+  const agent = usePDSAgent();
+  const store = getStoreFromContext();
+
+  return async (
+    messageUri: string,
+    streamerDID: string,
+    expiresAt?: string,
+  ) => {
+    if (!agent || !agent.did) {
+      throw new Error("No PDS agent or user DID found");
+    }
+
+    // If streamer, create directly
+    if (agent.did === streamerDID) {
+      // First delete any existing pinned records
+      const listResult = await agent.com.atproto.repo.listRecords({
+        repo: streamerDID,
+        collection: "place.stream.chat.pinnedRecord",
+      });
+      for (const rec of listResult.data.records) {
+        const rkey = rec.uri.split("/").pop();
+        if (rkey) {
+          await agent.com.atproto.repo.deleteRecord({
+            repo: streamerDID,
+            collection: "place.stream.chat.pinnedRecord",
+            rkey,
+          });
+        }
+      }
+
+      const record = {
+        $type: "place.stream.chat.pinnedRecord",
+        pinnedMessage: messageUri,
+        createdAt: new Date().toISOString(),
+        ...(expiresAt ? { expiresAt } : {}),
+      };
+
+      const result = await agent.com.atproto.repo.createRecord({
+        repo: streamerDID,
+        collection: "place.stream.chat.pinnedRecord",
+        record,
+      });
+      return result;
+    }
+
+    // Otherwise, use delegated moderation endpoint
+    const result = await agent.place.stream.moderation.createPin({
+      streamer: streamerDID,
+      messageUri,
+      ...(expiresAt ? { expiresAt } : {}),
+    });
+    return result;
+  };
+};
+
+export const useUnpinChatMessage = () => {
+  const agent = usePDSAgent();
+  const store = getStoreFromContext();
+
+  return async (pinUri: string, streamerDID: string) => {
+    if (!agent || !agent.did) {
+      throw new Error("No PDS agent or user DID found");
+    }
+
+    // If streamer, delete directly
+    if (agent.did === streamerDID) {
+      const rkey = pinUri.split("/").pop();
+      if (!rkey) {
+        throw new Error("Invalid pin URI");
+      }
+
+      await agent.com.atproto.repo.deleteRecord({
+        repo: streamerDID,
+        collection: "place.stream.chat.pinnedRecord",
+        rkey,
+      });
+      // Optimistically clear the pinned comment
+      store.setState({ pinnedComment: null });
+      return;
+    }
+
+    // Otherwise, use delegated moderation endpoint
+    await agent.place.stream.moderation.deletePin({
+      streamer: streamerDID,
+      pinUri,
+    });
+    // Optimistically clear the pinned comment
+    store.setState({ pinnedComment: null });
+  };
+};

package/src/livestream-store/livestream-state.tsx

@@ -2,6 +2,7 @@ import { AppBskyActorDefs } from "@atproto/api";
 import {
   ChatMessageViewHydrated,
   LivestreamViewHydrated,
+  PinnedRecordViewHydrated,
   PlaceStreamDefs,
   PlaceStreamLiveTeleport,
   PlaceStreamModerationPermission,
@@ -28,6 +29,7 @@ export interface LivestreamState {
   setActiveTeleportUri: (uri: string | null) => void;
   websocketConnected: boolean;
   hasReceivedSegment: boolean;
+  pinnedComment: PinnedRecordViewHydrated | null;
   moderationPermissions: PlaceStreamModerationPermission.Record[];
   setModerationPermissions: (
     permissions: PlaceStreamModerationPermission.Record[],

package/src/livestream-store/livestream-store.tsx

@@ -27,6 +27,7 @@ export const makeLivestreamStore = (): StoreApi<LivestreamState> => {
     setActiveTeleportUri: (uri) => set({ activeTeleportUri: uri }),
     websocketConnected: false,
     hasReceivedSegment: false,
+    pinnedComment: null,
     moderationPermissions: [],
     setModerationPermissions: (perms) => set({ moderationPermissions: perms }),
     localLivestreamURI: null,
@@ -60,6 +61,9 @@ export const useHandleWebsocketMessages = () => {
 
 export const useChat = () => useLivestreamStore((x) => x.chat);
 
+export const usePinnedComment = () =>
+  useLivestreamStore((x) => x.pinnedComment);
+
 export const useProfile = () => useLivestreamStore((x) => x.profile);
 
 export const useViewers = () => useLivestreamStore((x) => x.viewers);

package/src/livestream-store/websocket-consumer.tsx

@@ -2,6 +2,7 @@ import { AppBskyActorDefs } from "@atproto/api";
 import {
   ChatMessageViewHydrated,
   LivestreamViewHydrated,
+  PinnedRecordViewHydrated,
   PlaceStreamChatDefs,
   PlaceStreamChatGate,
   PlaceStreamChatMessage,
@@ -123,6 +124,20 @@ export const handleWebSocketMessages = (
           pendingHides: newPendingHides,
         };
         state = reduceChat(state, [], [], [hiddenMessageUri]);
+      } else if (PlaceStreamChatDefs.isPinnedRecordView(message)) {
+        const pinnedView = message as PinnedRecordViewHydrated;
+        state = {
+          ...state,
+          pinnedComment: pinnedView,
+        };
+      } else if (
+        (message as any).$type === "place.stream.chat.pinnedRecord" &&
+        (message as any).deleted === true
+      ) {
+        state = {
+          ...state,
+          pinnedComment: null,
+        };
       } else if (PlaceStreamLiveTeleport.isRecord(message)) {
         const teleportRecord = message as PlaceStreamLiveTeleport.Record;
         state = {

package/src/streamplace-store/moderation.tsx

@@ -6,6 +6,7 @@ import { usePDSAgent } from "./xrpc";
 export interface ModerationPermissions {
   canBan: boolean;
   canHide: boolean;
+  canPin: boolean;
   canManageLivestream: boolean;
   isOwner: boolean;
   isLoading: boolean;
@@ -177,6 +178,7 @@ export function useCanModerate(
   return {
     canBan: isOwner || permissions.includes("ban"),
     canHide: isOwner || permissions.includes("hide"),
+    canPin: isOwner || permissions.includes("message.pin"),
     canManageLivestream: isOwner || permissions.includes("livestream.manage"),
     isOwner,
     isLoading,

package/src/streamplace-store/moderator-management.tsx

@@ -81,7 +81,7 @@ export function useListModerators(): ListModeratorsResult {
 
 interface AddModeratorParams {
   moderatorDID: string;
-  permissions: ("ban" | "hide" | "livestream.manage")[];
+  permissions: ("ban" | "hide" | "livestream.manage" | "message.pin")[];
   expirationTime?: string; // ISO 8601 datetime string
 }
 

package/src/streamplace-store/xrpc.tsx

@@ -1,3 +1,4 @@
+import { SessionManager } from "@atproto/api/dist/session-manager";
 import { useMemo } from "react";
 import { StreamplaceAgent } from "streamplace";
 import { useStreamplaceStore, useUrl } from "./streamplace-store";
@@ -38,6 +39,27 @@ export function usePossiblyUnauthedPDSAgent(): StreamplaceAgent | null {
   }, [oauthSession]);
 }
 
+// Creates an agent that targets a specific server URL. When authenticated,
+// the OAuth session's DPoP fetch is reused but requests are redirected to the
+// target server by passing an absolute URL to the session's fetchHandler
+// (absolute URLs in `new URL(abs, base)` ignore the base).
+export function createAgentForServer(
+  oauthSession: SessionManager | null | undefined,
+  serverUrl: string,
+): StreamplaceAgent {
+  if (!oauthSession) {
+    return new StreamplaceAgent(serverUrl);
+  }
+  const wrappedSession: SessionManager = {
+    did: oauthSession.did,
+    fetchHandler(pathname: string, init: RequestInit): Promise<Response> {
+      const fullUrl = new URL(pathname, serverUrl).toString();
+      return oauthSession.fetchHandler.call(oauthSession, fullUrl, init);
+    },
+  };
+  return new StreamplaceAgent(wrappedSession);
+}
+
 // always returns an unauthenticated agent pointed at the public bluesky API
 // probably should not be used in most places, but in case we have a bug it may be useful
 export function useUnauthenticatedBlueskyAppViewAgent(): StreamplaceAgent {