@streamplace/components 0.7.34 → 0.8.0

package/dist/streamplace-store/graph.js

@@ -0,0 +1,195 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCreateFollowRecord = useCreateFollowRecord;
+exports.useDeleteFollowRecord = useDeleteFollowRecord;
+exports.useGraphManager = useGraphManager;
+const react_1 = require("react");
+const streamplace_store_1 = require("./streamplace-store");
+const xrpc_1 = require("./xrpc");
+function useCreateFollowRecord() {
+    let agent = (0, xrpc_1.usePDSAgent)();
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const createFollow = async (subjectDID) => {
+        if (!agent) {
+            throw new Error("No PDS agent found");
+        }
+        if (!agent.did) {
+            throw new Error("No user DID found, assuming not logged in");
+        }
+        setIsLoading(true);
+        try {
+            const record = {
+                $type: "app.bsky.graph.follow",
+                subject: subjectDID,
+                createdAt: new Date().toISOString(),
+            };
+            const result = await agent.com.atproto.repo.createRecord({
+                repo: agent.did,
+                collection: "app.bsky.graph.follow",
+                record,
+            });
+            return result;
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    return { createFollow, isLoading };
+}
+function useDeleteFollowRecord() {
+    let agent = (0, xrpc_1.usePDSAgent)();
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const deleteFollow = async (followRecordUri) => {
+        if (!agent) {
+            throw new Error("No PDS agent found");
+        }
+        if (!agent.did) {
+            throw new Error("No user DID found, assuming not logged in");
+        }
+        setIsLoading(true);
+        try {
+            const result = await agent.com.atproto.repo.deleteRecord({
+                repo: agent.did,
+                collection: "app.bsky.graph.follow",
+                rkey: followRecordUri.split("/").pop(),
+            });
+            return result;
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    return { deleteFollow, isLoading };
+}
+function useGraphManager(subjectDID) {
+    const agent = (0, xrpc_1.usePDSAgent)();
+    const [isFollowing, setIsFollowing] = (0, react_1.useState)(null);
+    const [followUri, setFollowUri] = (0, react_1.useState)(null);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(null);
+    const userDID = agent?.did;
+    const streamplaceUrl = (0, streamplace_store_1.useStreamplaceStore)((state) => state.url);
+    const fetchFollowStatus = async () => {
+        if (!userDID || !subjectDID || !streamplaceUrl) {
+            setIsFollowing(null);
+            setFollowUri(null);
+            return;
+        }
+        setIsLoading(true);
+        setError(null);
+        try {
+            const res = await fetch(`${streamplaceUrl}/xrpc/place.stream.graph.getFollowingUser?subjectDID=${encodeURIComponent(subjectDID)}&userDID=${encodeURIComponent(userDID)}`, {
+                credentials: "include",
+            });
+            if (!res.ok) {
+                const errorText = await res.text();
+                throw new Error(`Failed to fetch follow status: ${errorText}`);
+            }
+            const data = await res.json();
+            if (data.follow) {
+                setIsFollowing(true);
+                setFollowUri(data.follow.uri);
+            }
+            else {
+                setIsFollowing(false);
+                setFollowUri(null);
+            }
+        }
+        catch (err) {
+            setError(`Could not determine follow state: ${err instanceof Error ? err.message : `Unknown error: ${err}`}`);
+            setIsFollowing(null);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        if (!userDID || !subjectDID) {
+            setIsFollowing(null);
+            setFollowUri(null);
+            setError(null);
+            return;
+        }
+        fetchFollowStatus();
+    }, [userDID, subjectDID, streamplaceUrl]);
+    const follow = async () => {
+        if (!agent || !subjectDID) {
+            throw new Error("Cannot follow: not logged in or no subject DID");
+        }
+        if (!agent.did) {
+            throw new Error("No user DID found, assuming not logged in");
+        }
+        setIsLoading(true);
+        setError(null);
+        const previousState = isFollowing;
+        setIsFollowing(true); // Optimistic
+        try {
+            const record = {
+                $type: "app.bsky.graph.follow",
+                subject: subjectDID,
+                createdAt: new Date().toISOString(),
+            };
+            const result = await agent.com.atproto.repo.createRecord({
+                repo: agent.did,
+                collection: "app.bsky.graph.follow",
+                record,
+            });
+            setFollowUri(result.data.uri);
+            setIsFollowing(true);
+        }
+        catch (err) {
+            setIsFollowing(previousState);
+            const errorMsg = `Failed to follow: ${err instanceof Error ? err.message : "Unknown error"}`;
+            setError(errorMsg);
+            throw new Error(errorMsg);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    const unfollow = async () => {
+        if (!agent || !subjectDID) {
+            throw new Error("Cannot unfollow: not logged in or no subject DID");
+        }
+        if (!agent.did) {
+            throw new Error("No user DID found, assuming not logged in");
+        }
+        if (!followUri) {
+            throw new Error("Cannot unfollow: no follow URI found");
+        }
+        setIsLoading(true);
+        setError(null);
+        const previousState = isFollowing;
+        const previousUri = followUri;
+        setIsFollowing(false); // Optimistic
+        setFollowUri(null);
+        try {
+            await agent.com.atproto.repo.deleteRecord({
+                repo: agent.did,
+                collection: "app.bsky.graph.follow",
+                rkey: followUri.split("/").pop(),
+            });
+            setIsFollowing(false);
+            setFollowUri(null);
+        }
+        catch (err) {
+            setIsFollowing(previousState);
+            setFollowUri(previousUri);
+            const errorMsg = `Failed to unfollow: ${err instanceof Error ? err.message : "Unknown error"}`;
+            setError(errorMsg);
+            throw new Error(errorMsg);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    return {
+        isFollowing,
+        followUri,
+        isLoading,
+        error,
+        follow,
+        unfollow,
+        refresh: fetchFollowStatus,
+    };
+}

package/dist/streamplace-store/streamplace-store.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useEffectiveVolume = exports.useSetMuted = exports.useSetVolume = exports.useMuted = exports.useVolume = exports.useSetHandle = exports.useHandle = exports.useDID = exports.useUrl = exports.makeStreamplaceStore = void 0;
+exports.useUpdateStreamRecord = exports.useCreateStreamRecord = exports.useEffectiveVolume = exports.useSetMuted = exports.useSetVolume = exports.useMuted = exports.useVolume = exports.useSetContentMetadata = exports.useContentMetadata = exports.useSetHandle = exports.useHandle = exports.useDID = exports.useUrl = exports.makeStreamplaceStore = void 0;
 exports.getStreamplaceStoreFromContext = getStreamplaceStoreFromContext;
 exports.useStreamplaceStore = useStreamplaceStore;
 const tslib_1 = require("tslib");
@@ -25,6 +25,9 @@ const makeStreamplaceStore = ({ url, }) => {
         oauthSession: null,
         handle: null,
         chatProfile: null,
+        // Content metadata
+        contentMetadata: null,
+        setContentMetadata: (metadata) => set({ contentMetadata: metadata }),
         // Volume state - start with defaults
         volume: 1.0,
         muted: false,
@@ -68,14 +71,13 @@ const makeStreamplaceStore = ({ url, }) => {
             if (storedMuted) {
                 initialMuted = storedMuted === "true";
             }
-            // Update the store with loaded values
             store.setState({
                 volume: initialVolume,
                 muted: initialMuted,
             });
         }
-        catch (e) {
-            console.warn("Failed to load volume settings from storage:", e);
+        catch (error) {
+            console.error("Failed to load volume state from storage:", error);
         }
     })();
     return store;
@@ -102,7 +104,15 @@ const useSetHandle = () => {
     return (handle) => store.setState({ handle });
 };
 exports.useSetHandle = useSetHandle;
-// Volume convenience hooks
+// Content metadata hooks
+const useContentMetadata = () => useStreamplaceStore((x) => x.contentMetadata);
+exports.useContentMetadata = useContentMetadata;
+const useSetContentMetadata = () => {
+    const store = getStreamplaceStoreFromContext();
+    return (metadata) => store.setState({ contentMetadata: metadata });
+};
+exports.useSetContentMetadata = useSetContentMetadata;
+// Volume/muted hooks
 const useVolume = () => useStreamplaceStore((x) => x.volume);
 exports.useVolume = useVolume;
 const useMuted = () => useStreamplaceStore((x) => x.muted);
@@ -118,3 +128,6 @@ const useEffectiveVolume = () => useStreamplaceStore((state) => {
     return Number.isFinite(effectiveVolume) ? effectiveVolume : 1.0;
 });
 exports.useEffectiveVolume = useEffectiveVolume;
+var stream_1 = require("./stream");
+Object.defineProperty(exports, "useCreateStreamRecord", { enumerable: true, get: function () { return stream_1.useCreateStreamRecord; } });
+Object.defineProperty(exports, "useUpdateStreamRecord", { enumerable: true, get: function () { return stream_1.useUpdateStreamRecord; } });

package/dist/streamplace-store/user.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useGetChatProfile = useGetChatProfile;
+exports.useCreateEmptyChatProfile = useCreateEmptyChatProfile;
 exports.useGetBskyProfile = useGetBskyProfile;
 exports.useChatProfile = useChatProfile;
 const streamplace_1 = require("streamplace");
@@ -10,17 +11,34 @@ function useGetChatProfile() {
     const did = (0, streamplace_store_1.useDID)();
     const pdsAgent = (0, xrpc_1.usePDSAgent)();
     const store = (0, streamplace_store_1.getStreamplaceStoreFromContext)();
+    const createEmptyChatProfile = useCreateEmptyChatProfile();
     return async () => {
         if (!did || !pdsAgent) {
             throw new Error("No DID or PDS agent");
         }
-        const res = await pdsAgent.com.atproto.repo.getRecord({
-            repo: did,
-            collection: "place.stream.chat.profile",
-            rkey: "self",
-        });
-        if (!res.success) {
-            throw new Error("Failed to get chat profile record");
+        let res;
+        try {
+            res = await pdsAgent.com.atproto.repo.getRecord({
+                repo: did,
+                collection: "place.stream.chat.profile",
+                rkey: "self",
+            });
+        }
+        catch (e) {
+            console.error("Failed to get chat profile record, attempting creation", e);
+        }
+        if (!res || !res.success) {
+            try {
+                await createEmptyChatProfile();
+                res = await pdsAgent.com.atproto.repo.getRecord({
+                    repo: did,
+                    collection: "place.stream.chat.profile",
+                    rkey: "self",
+                });
+            }
+            catch (e) {
+                console.error("Failed to create empty chat profile record", e);
+            }
         }
         if (streamplace_1.PlaceStreamChatProfile.isRecord(res.data.value)) {
             store.setState({ chatProfile: res.data.value });
@@ -30,6 +48,27 @@ function useGetChatProfile() {
         }
     };
 }
+function useCreateEmptyChatProfile() {
+    const did = (0, streamplace_store_1.useDID)();
+    const pdsAgent = (0, xrpc_1.usePDSAgent)();
+    return async () => {
+        if (!did || !pdsAgent) {
+            throw new Error("No DID or PDS agent");
+        }
+        const res = await pdsAgent.com.atproto.repo.putRecord({
+            repo: did,
+            collection: "place.stream.chat.profile",
+            rkey: "self",
+            record: {
+                $type: "place.stream.chat.profile",
+                color: DEFAULT_COLORS[Math.floor(Math.random() * DEFAULT_COLORS.length)],
+            },
+        });
+        if (!res.success) {
+            throw new Error("Failed to create empty chat profile record");
+        }
+    };
+}
 function useGetBskyProfile() {
     const did = (0, streamplace_store_1.useDID)();
     const pdsAgent = (0, xrpc_1.usePDSAgent)();
@@ -50,3 +89,24 @@ function useGetBskyProfile() {
 function useChatProfile() {
     return (0, streamplace_store_1.useStreamplaceStore)((x) => x.chatProfile);
 }
+const DEFAULT_COLORS = [
+    { red: 244, green: 67, blue: 54 },
+    { red: 233, green: 30, blue: 99 },
+    { red: 156, green: 39, blue: 176 },
+    { red: 103, green: 58, blue: 183 },
+    { red: 63, green: 81, blue: 181 },
+    { red: 33, green: 150, blue: 243 },
+    { red: 3, green: 169, blue: 244 },
+    { red: 0, green: 188, blue: 212 },
+    { red: 0, green: 150, blue: 136 },
+    { red: 76, green: 175, blue: 80 },
+    { red: 139, green: 195, blue: 74 },
+    { red: 205, green: 220, blue: 57 },
+    { red: 255, green: 235, blue: 59 },
+    { red: 255, green: 193, blue: 7 },
+    { red: 255, green: 152, blue: 0 },
+    { red: 255, green: 87, blue: 34 },
+    { red: 121, green: 85, blue: 72 },
+    { red: 158, green: 158, blue: 158 },
+    { red: 96, green: 125, blue: 139 },
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamplace/components",
-  "version": "0.7.34",
+  "version": "0.8.0",
   "description": "Streamplace React (Native) Components",
   "main": "dist/index.js",
   "types": "src/index.tsx",
@@ -42,7 +42,7 @@
     "react-native-svg": "^15.0.0",
     "react-native-webrtc": "git+https://github.com/streamplace/react-native-webrtc.git#6b8472a771ac47f89217d327058a8a4124a6ae56",
     "react-use-websocket": "^4.13.0",
-    "streamplace": "0.7.25",
+    "streamplace": "0.8.0",
     "viem": "^2.21.44",
     "zustand": "^5.0.5"
   },
@@ -54,5 +54,5 @@
     "start": "tsc --watch --preserveWatchOutput",
     "prepare": "tsc"
   },
-  "gitHead": "8d33e4f6129af71ccf3c5d959e347f78b6eb609a"
+  "gitHead": "cb213f8cc49fc200aaf853a1f84d4ee1a6f69a9c"
 }