@streamplace/components 0.8.0 → 0.8.5

package/dist/components/content-metadata/content-metadata-form.js

@@ -41,12 +41,16 @@ exports.ContentMetadataForm = (0, react_1.forwardRef)(({ showUpdateButton = fals
     const [contentRights, setContentRights] = (0, react_1.useState)({});
     const [selectedLicense, setSelectedLicense] = (0, react_1.useState)("");
     const [customLicenseText, setCustomLicenseText] = (0, react_1.useState)("");
-    const [customDateTime, setCustomDateTime] = (0, react_1.useState)("");
     const [loading, setLoading] = (0, react_1.useState)(false);
     const [hasMetadata, setHasMetadata] = (0, react_1.useState)(false);
     // State for section toggles
     const [activeSection, setActiveSection] = (0, react_1.useState)("contentWarnings");
     const currentYear = new Date().getFullYear();
+    const getBroadcasterDID = (0, content_metadata_actions_1.useGetBroadcasterDID)();
+    (0, react_1.useEffect)(() => {
+        getBroadcasterDID();
+    }, [getBroadcasterDID]);
+    const broadcasterDID = (0, streamplace_store_1.useStreamplaceStore)((state) => state.broadcasterDID);
     // Load existing metadata on mount or from initialMetadata prop
     (0, react_1.useEffect)(() => {
         if (initialMetadata) {
@@ -56,9 +60,6 @@ exports.ContentMetadataForm = (0, react_1.forwardRef)(({ showUpdateButton = fals
             }
             if (initialMetadata.distributionPolicy) {
                 setDistributionPolicy(initialMetadata.distributionPolicy);
-                setCustomDateTime(initialMetadata.distributionPolicy.deleteAfter
-                    ? String(initialMetadata.distributionPolicy.deleteAfter)
-                    : "");
             }
             if (initialMetadata.contentRights) {
                 setContentRights(initialMetadata.contentRights);
@@ -78,9 +79,6 @@ exports.ContentMetadataForm = (0, react_1.forwardRef)(({ showUpdateButton = fals
                     }
                     if (metadata.record.distributionPolicy) {
                         setDistributionPolicy(metadata.record.distributionPolicy);
-                        setCustomDateTime(metadata.record.distributionPolicy.deleteAfter
-                            ? String(metadata.record.distributionPolicy.deleteAfter)
-                            : "");
                     }
                     if (metadata.record.contentRights) {
                         setContentRights(metadata.record.contentRights);
@@ -102,6 +100,7 @@ exports.ContentMetadataForm = (0, react_1.forwardRef)(({ showUpdateButton = fals
         setContentWarnings(newWarnings);
         if (onMetadataChange) {
             onMetadataChange({
+                $type: "place.stream.metadata.configuration",
                 contentWarnings: { warnings: newWarnings },
                 distributionPolicy,
                 contentRights,
@@ -112,6 +111,7 @@ exports.ContentMetadataForm = (0, react_1.forwardRef)(({ showUpdateButton = fals
     (0, react_1.useEffect)(() => {
         if (onMetadataChange) {
             onMetadataChange({
+                $type: "place.stream.metadata.configuration",
                 contentWarnings: { warnings: contentWarnings },
                 distributionPolicy,
                 contentRights,
@@ -119,18 +119,33 @@ exports.ContentMetadataForm = (0, react_1.forwardRef)(({ showUpdateButton = fals
         }
     }, [contentWarnings, distributionPolicy, contentRights, onMetadataChange]);
     // Handle distribution policy changes
-    const handleDistributionPolicyChange = (0, react_1.useCallback)((deleteAfter) => {
-        let duration = parseInt(deleteAfter, 10);
-        if (isNaN(duration) || duration < 0) {
-            duration = 0;
+    const handleDistributionPolicyChange = (0, react_1.useCallback)(({ deleteAfter, allowedBroadcasters, }) => {
+        let newDistributionPolicy = {
+            ...distributionPolicy,
+        };
+        if (typeof deleteAfter === "string") {
+            let duration = parseInt(deleteAfter, 10);
+            if (isNaN(duration)) {
+                newDistributionPolicy.deleteAfter = undefined;
+            }
+            else {
+                if (isNaN(duration) || duration < 0) {
+                    duration = -1;
+                }
+                newDistributionPolicy.deleteAfter =
+                    duration === 0 ? undefined : duration;
+            }
         }
-        const newPolicy = duration > 0 ? { deleteAfter: duration } : {};
-        console.log("newPolicy", newPolicy);
-        setDistributionPolicy(newPolicy);
+        if (typeof allowedBroadcasters === "string") {
+            newDistributionPolicy.allowedBroadcasters =
+                allowedBroadcasters.split("\n");
+        }
+        setDistributionPolicy(newDistributionPolicy);
         if (onMetadataChange) {
             onMetadataChange({
+                $type: "place.stream.metadata.configuration",
                 contentWarnings: { warnings: contentWarnings },
-                distributionPolicy: newPolicy,
+                distributionPolicy: newDistributionPolicy,
                 contentRights,
             });
         }
@@ -147,6 +162,7 @@ exports.ContentMetadataForm = (0, react_1.forwardRef)(({ showUpdateButton = fals
         setContentRights(newRights);
         if (onMetadataChange) {
             onMetadataChange({
+                $type: "place.stream.metadata.configuration",
                 contentWarnings: { warnings: contentWarnings },
                 distributionPolicy,
                 contentRights: newRights,
@@ -157,19 +173,12 @@ exports.ContentMetadataForm = (0, react_1.forwardRef)(({ showUpdateButton = fals
         setLoading(true);
         try {
             // Build the metadata object, only including non-empty fields
-            const metadata = {};
+            const metadata = {
+                $type: "place.stream.metadata.configuration",
+            };
             // Only include contentWarnings if it has values
             if (contentWarnings && contentWarnings.length > 0) {
-                metadata.contentWarnings = contentWarnings;
-            }
-            // Only include distributionPolicy if it has a deleteAfter value
-            const duration = parseInt(customDateTime, 10);
-            if (!isNaN(duration) && duration > 0) {
-                metadata.distributionPolicy = { deleteAfter: duration };
-                setCustomDateTime(`${duration}`);
-            }
-            else {
-                setCustomDateTime("");
+                metadata.contentWarnings = { warnings: contentWarnings };
             }
             // Only include contentRights if it has actual values
             const rightsWithLicense = {
@@ -193,6 +202,17 @@ exports.ContentMetadataForm = (0, react_1.forwardRef)(({ showUpdateButton = fals
             if (Object.keys(filteredRights).length > 0) {
                 metadata.contentRights = filteredRights;
             }
+            metadata.distributionPolicy = {
+                ...distributionPolicy,
+            };
+            if (distributionPolicy?.allowedBroadcasters) {
+                const filteredBs = distributionPolicy.allowedBroadcasters.filter((broadcaster) => broadcaster !== "");
+                metadata.distributionPolicy.allowedBroadcasters = filteredBs;
+                setDistributionPolicy({
+                    ...distributionPolicy,
+                    allowedBroadcasters: filteredBs,
+                });
+            }
             await saveContentMetadata(metadata);
             setHasMetadata(true);
             // Show success toast
@@ -211,7 +231,6 @@ exports.ContentMetadataForm = (0, react_1.forwardRef)(({ showUpdateButton = fals
         contentRights,
         selectedLicense,
         customLicenseText,
-        customDateTime,
         hasMetadata,
         saveContentMetadata,
     ]);
@@ -362,7 +381,50 @@ exports.ContentMetadataForm = (0, react_1.forwardRef)(({ showUpdateButton = fals
                                 ], children: [(0, jsx_runtime_1.jsx)(text_1.Text, { style: [
                                             text.neutral[300],
                                             { minWidth: 100, textAlign: "left", paddingBottom: 8 },
-                                        ], children: "Distribution" }), (0, jsx_runtime_1.jsx)(text_1.Text, { style: [text.gray[500], { fontSize: 12, paddingBottom: 8 }], children: "optional" })] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [gap.all[3], w.percent[100]], children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
+                                        ], children: "Distribution" }), (0, jsx_runtime_1.jsx)(text_1.Text, { style: [text.gray[500], { fontSize: 12, paddingBottom: 8 }], children: "optional" })] }), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { content: "Distribution of your content is unlimited, but they still have to respect the deleteAfter policy below.", position: "top", children: (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { checked: distributionPolicy.allowedBroadcasters?.includes("*") ||
+                                        false, onCheckedChange: (checked) => handleDistributionPolicyChange({
+                                        allowedBroadcasters: checked
+                                            ? "*"
+                                            : broadcasterDID || "",
+                                    }), label: "Allow everyone to distribute your content", style: [{ fontSize: 12 }] }) }), !distributionPolicy.allowedBroadcasters?.includes("*") && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [gap.all[3], w.percent[100]], children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
+                                        layout.flex.row,
+                                        layout.flex.alignCenter,
+                                        w.percent[100],
+                                    ], children: [(0, jsx_runtime_1.jsxs)(text_1.Text, { style: [
+                                                text.neutral[300],
+                                                {
+                                                    minWidth: 100,
+                                                    textAlign: "left",
+                                                    paddingBottom: 8,
+                                                    fontSize: 14,
+                                                },
+                                            ], children: ["Allowed", (0, jsx_runtime_1.jsx)("br", {}), "Broadcasters"] }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [flex.values[1]], children: [(0, jsx_runtime_1.jsx)(text_1.Text, { style: [
+                                                        text.gray[500],
+                                                        { fontSize: 12, paddingBottom: 4 },
+                                                    ], children: "Enter the did:webs of the broadcasters you want to allow to distribute your content, one per line." }), (0, jsx_runtime_1.jsx)(input_1.Input, { multiline: true, numberOfLines: 4, value: distributionPolicy.allowedBroadcasters?.join("\n") || "", onChange: (value) => {
+                                                        handleDistributionPolicyChange({
+                                                            allowedBroadcasters: value,
+                                                        });
+                                                    }, variant: "filled", inputStyle: [
+                                                        p[3],
+                                                        r.md,
+                                                        bg.neutral[800],
+                                                        text.white,
+                                                        borders.width.thin,
+                                                        borders.color.neutral[600],
+                                                        w.percent[100],
+                                                    ] })] })] }) })), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { content: "Anyone may archive your content indefinitely.", position: "top", children: (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { checked: distributionPolicy.deleteAfter === -1, onCheckedChange: (checked) => {
+                                        if (checked) {
+                                            handleDistributionPolicyChange({
+                                                deleteAfter: "-1",
+                                            });
+                                        }
+                                        else {
+                                            handleDistributionPolicyChange({
+                                                deleteAfter: "300",
+                                            });
+                                        }
+                                    }, label: "Allow everyone to archive your content", style: [{ fontSize: 12 }] }) }), distributionPolicy.deleteAfter !== -1 && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [gap.all[3], w.percent[100]], children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
                                         layout.flex.row,
                                         layout.flex.alignCenter,
                                         w.percent[100],
@@ -377,9 +439,10 @@ exports.ContentMetadataForm = (0, react_1.forwardRef)(({ showUpdateButton = fals
                                             ], children: "Delete After" }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [flex.values[1]], children: [(0, jsx_runtime_1.jsx)(text_1.Text, { style: [
                                                         text.gray[500],
                                                         { fontSize: 12, paddingBottom: 4 },
-                                                    ], children: "Duration in seconds (e.g., 300 for 5 minutes) or 0 to allow archiving your stream" }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: customDateTime, onChange: (value) => {
-                                                        setCustomDateTime(value);
-                                                        handleDistributionPolicyChange(value);
+                                                    ], children: "Duration in seconds (e.g., 300 for 5 minutes)" }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: distributionPolicy.deleteAfter?.toString() || "", onChange: (value) => {
+                                                        handleDistributionPolicyChange({
+                                                            deleteAfter: value,
+                                                        });
                                                     }, keyboardType: "numeric", variant: "filled", inputStyle: [
                                                         p[3],
                                                         r.md,
@@ -388,7 +451,7 @@ exports.ContentMetadataForm = (0, react_1.forwardRef)(({ showUpdateButton = fals
                                                         borders.width.thin,
                                                         borders.color.neutral[600],
                                                         w.percent[100],
-                                                    ] })] })] }) })] })), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [layout.flex.center, w.percent[100]], children: (0, jsx_runtime_1.jsx)(button_1.Button, { onPress: handleSave, loading: loading, disabled: loading, style: [
+                                                    ] })] })] }) }))] })), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [layout.flex.center, w.percent[100]], children: (0, jsx_runtime_1.jsx)(button_1.Button, { onPress: handleSave, loading: loading, disabled: loading, style: [
                                 bg.primary[500],
                                 r.md,
                                 gap.all[3],

package/dist/components/mobile-player/rotation-async.native.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScreenOrientation = exports.isRotationAvailable = void 0;
+let ScreenOrientation = null;
+exports.ScreenOrientation = ScreenOrientation;
+try {
+    exports.ScreenOrientation = ScreenOrientation = require("expo-screen-orientation");
+}
+catch {
+    // expo-screen-orientation not available
+    if (__DEV__) {
+        console.warn("expo-screen-orientation not installed, rotation features disabled");
+    }
+}
+exports.isRotationAvailable = ScreenOrientation != null;

package/dist/components/mobile-player/rotation-lock.js

@@ -0,0 +1,137 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRotation = exports.RotationProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const rotation_async_native_1 = require("./rotation-async.native");
+const RotationContext = (0, react_1.createContext)(null);
+const RotationProvider = ({ children, enabled = true, }) => {
+    const [isLocked, setIsLocked] = (0, react_1.useState)(false);
+    const [canRotate, setCanRotate] = (0, react_1.useState)(rotation_async_native_1.isRotationAvailable);
+    const [currentOrientation, setCurrentOrientation] = (0, react_1.useState)(rotation_async_native_1.ScreenOrientation?.Orientation.PORTRAIT_UP ?? 1);
+    // If module not available, provide disabled context
+    if (!rotation_async_native_1.isRotationAvailable || !rotation_async_native_1.ScreenOrientation) {
+        const disabledContextValue = {
+            currentOrientation: 1, // Orientation.PORTRAIT_UP
+            isLocked: false,
+            isActive: false,
+            rotateToLandscape: async () => { },
+            rotateToPortrait: async () => { },
+            toggleRotation: async () => { },
+            canRotate: false,
+        };
+        return ((0, jsx_runtime_1.jsx)(RotationContext.Provider, { value: disabledContextValue, children: children }));
+    }
+    // Manual rotation functions
+    const rotateToLandscape = async () => {
+        if (!enabled || !canRotate || !rotation_async_native_1.ScreenOrientation)
+            return;
+        try {
+            await rotation_async_native_1.ScreenOrientation.unlockAsync();
+            await rotation_async_native_1.ScreenOrientation.lockAsync(rotation_async_native_1.ScreenOrientation.OrientationLock.LANDSCAPE_RIGHT);
+            setIsLocked(true);
+            // set current orientation to landscape right
+            setCurrentOrientation(rotation_async_native_1.ScreenOrientation.Orientation.LANDSCAPE_RIGHT);
+            if (__DEV__) {
+                console.log("📲 Manual landscape");
+            }
+        }
+        catch (error) {
+            console.warn("Failed to rotate to landscape:", error);
+        }
+    };
+    const rotateToPortrait = async () => {
+        if (!enabled || !canRotate || !rotation_async_native_1.ScreenOrientation)
+            return;
+        try {
+            await rotation_async_native_1.ScreenOrientation.unlockAsync();
+            await rotation_async_native_1.ScreenOrientation.lockAsync(rotation_async_native_1.ScreenOrientation.OrientationLock.PORTRAIT_UP);
+            setIsLocked(true);
+            setCurrentOrientation(rotation_async_native_1.ScreenOrientation.Orientation.PORTRAIT_UP);
+            if (__DEV__) {
+                console.log("📲 Manual portrait");
+            }
+        }
+        catch (error) {
+            console.warn("Failed to rotate to portrait:", error);
+        }
+    };
+    const toggleRotation = async () => {
+        if (!rotation_async_native_1.ScreenOrientation)
+            return;
+        const isLandscape = currentOrientation === rotation_async_native_1.ScreenOrientation.Orientation.LANDSCAPE_LEFT ||
+            currentOrientation === rotation_async_native_1.ScreenOrientation.Orientation.LANDSCAPE_RIGHT;
+        if (__DEV__) {
+            console.log(`🔄 Toggle: current=${currentOrientation}, isLandscape=${isLandscape}`);
+        }
+        if (isLandscape) {
+            await rotateToPortrait();
+        }
+        else {
+            await rotateToLandscape();
+        }
+    };
+    // Track orientation changes
+    (0, react_1.useEffect)(() => {
+        if (!enabled)
+            return;
+        const getCurrentOrientation = async () => {
+            if (!rotation_async_native_1.ScreenOrientation)
+                return;
+            try {
+                const orient = await rotation_async_native_1.ScreenOrientation.getOrientationAsync();
+                setCurrentOrientation(orient);
+                if (__DEV__) {
+                    console.log(`📲 Orientation on load: ${orient}`);
+                }
+            }
+            catch (error) {
+                console.warn("Failed to get orientation:", error);
+            }
+        };
+        getCurrentOrientation();
+        if (!rotation_async_native_1.ScreenOrientation)
+            return;
+        const subscription = rotation_async_native_1.ScreenOrientation.addOrientationChangeListener((event) => {
+            const newOrientation = event.orientationInfo.orientation;
+            setCurrentOrientation(newOrientation);
+            if (__DEV__) {
+                console.log(`🔄 Orientation: ${newOrientation} (locked: ${isLocked})`);
+            }
+        });
+        return () => {
+            subscription?.remove();
+            if (rotation_async_native_1.ScreenOrientation) {
+                rotation_async_native_1.ScreenOrientation.removeOrientationChangeListeners();
+                rotation_async_native_1.ScreenOrientation.unlockAsync().catch(() => { });
+            }
+        };
+    }, [enabled]);
+    const contextValue = (0, react_1.useMemo)(() => ({
+        currentOrientation,
+        isLocked,
+        isActive: enabled,
+        rotateToLandscape,
+        rotateToPortrait,
+        toggleRotation,
+        canRotate,
+    }), [
+        currentOrientation,
+        isLocked,
+        enabled,
+        canRotate,
+        rotateToLandscape,
+        rotateToPortrait,
+        toggleRotation,
+    ]);
+    return ((0, jsx_runtime_1.jsx)(RotationContext.Provider, { value: contextValue, children: children }));
+};
+exports.RotationProvider = RotationProvider;
+const useRotation = () => {
+    const context = (0, react_1.useContext)(RotationContext);
+    if (!context) {
+        throw new Error("useRotation must be used within a RotationProvider");
+    }
+    return context;
+};
+exports.useRotation = useRotation;

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.storage = exports.Dashboard = exports.VideoRetry = exports.zero = exports.ui = exports.PlayerUI = exports.Player = exports.usePlayerContext = exports.withPlayerProvider = exports.PlayerProvider = void 0;
+exports.storage = exports.Dashboard = exports.useRotation = exports.RotationProvider = exports.VideoRetry = exports.zero = exports.ui = exports.PlayerUI = exports.Player = exports.usePlayerContext = exports.withPlayerProvider = exports.PlayerProvider = void 0;
 const tslib_1 = require("tslib");
 // barrel file :)
 require("./crypto-polyfill");
@@ -29,6 +29,10 @@ tslib_1.__exportStar(require("./components/chat/system-message"), exports);
 var video_retry_1 = require("./components/mobile-player/video-retry");
 Object.defineProperty(exports, "VideoRetry", { enumerable: true, get: function () { return tslib_1.__importDefault(video_retry_1).default; } });
 tslib_1.__exportStar(require("./lib/system-messages"), exports);
+// Rotation lock system exports
+var rotation_lock_1 = require("./components/mobile-player/rotation-lock");
+Object.defineProperty(exports, "RotationProvider", { enumerable: true, get: function () { return rotation_lock_1.RotationProvider; } });
+Object.defineProperty(exports, "useRotation", { enumerable: true, get: function () { return rotation_lock_1.useRotation; } });
 tslib_1.__exportStar(require("./components/share/sharesheet"), exports);
 tslib_1.__exportStar(require("./components/keep-awake"), exports);
 // Dashboard components

package/dist/streamplace-store/content-metadata-actions.js

@@ -1,46 +1,52 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGetContentMetadata = exports.useSaveContentMetadata = void 0;
+exports.useGetContentMetadata = exports.useSaveContentMetadata = exports.useGetBroadcasterDID = void 0;
 const streamplace_store_1 = require("./streamplace-store");
 const xrpc_1 = require("./xrpc");
+const useGetBroadcasterDID = () => {
+    const pdsAgent = (0, xrpc_1.usePDSAgent)();
+    const did = (0, streamplace_store_1.useDID)();
+    const setBroadcasterDID = (0, streamplace_store_1.useStreamplaceStore)((state) => state.setBroadcasterDID);
+    const setServerDID = (0, streamplace_store_1.useStreamplaceStore)((state) => state.setServerDID);
+    return async () => {
+        if (!pdsAgent || !did) {
+            throw new Error("No PDS agent or DID available");
+        }
+        const result = await pdsAgent.place.stream.broadcast.getBroadcaster();
+        if (!result.success) {
+            throw new Error("Failed to get broadcaster DID");
+        }
+        setBroadcasterDID(result.data.broadcaster);
+        if (result.data.server) {
+            setServerDID(result.data.server);
+        }
+        else {
+            setServerDID(null);
+        }
+    };
+};
+exports.useGetBroadcasterDID = useGetBroadcasterDID;
 const useSaveContentMetadata = () => {
     const pdsAgent = (0, xrpc_1.usePDSAgent)();
     const did = (0, streamplace_store_1.useDID)();
     const setContentMetadata = (0, streamplace_store_1.useSetContentMetadata)();
-    return async (params) => {
+    return async (metadataRecord) => {
         if (!pdsAgent || !did) {
             throw new Error("No PDS agent or DID available");
         }
-        const metadataRecord = {
-            $type: "place.stream.metadata.configuration",
-            createdAt: new Date().toISOString(),
-            ...(params.contentWarnings &&
-                params.contentWarnings.length > 0 && {
-                contentWarnings: { warnings: params.contentWarnings },
-            }),
-            ...(params.distributionPolicy &&
-                params.distributionPolicy.deleteAfter && {
-                distributionPolicy: params.distributionPolicy,
-            }),
-            ...(params.contentRights &&
-                Object.keys(params.contentRights).length > 0 && {
-                contentRights: params.contentRights,
-            }),
-        };
-        const rkey = params.rkey || "self";
         try {
             // Try to update existing record first
             const result = await pdsAgent.com.atproto.repo.putRecord({
                 repo: did,
                 collection: "place.stream.metadata.configuration",
-                rkey,
+                rkey: "self",
                 record: metadataRecord,
             });
             const contentMetadata = {
                 record: metadataRecord,
                 uri: result.data.uri,
                 cid: result.data.cid || "",
-                rkey,
+                rkey: "self",
             };
             setContentMetadata(contentMetadata);
             return contentMetadata;
@@ -55,14 +61,14 @@ const useSaveContentMetadata = () => {
                 const createResult = await pdsAgent.com.atproto.repo.createRecord({
                     repo: did,
                     collection: "place.stream.metadata.configuration",
-                    rkey,
+                    rkey: "self",
                     record: metadataRecord,
                 });
                 const contentMetadata = {
                     record: metadataRecord,
                     uri: createResult.data.uri,
                     cid: createResult.data.cid || "",
-                    rkey,
+                    rkey: "self",
                 };
                 setContentMetadata(contentMetadata);
                 return contentMetadata;

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

@@ -25,6 +25,10 @@ const makeStreamplaceStore = ({ url, }) => {
         oauthSession: null,
         handle: null,
         chatProfile: null,
+        broadcasterDID: null,
+        setBroadcasterDID: (broadcasterDID) => set({ broadcasterDID }),
+        serverDID: null,
+        setServerDID: (serverDID) => set({ serverDID }),
         // Content metadata
         contentMetadata: null,
         setContentMetadata: (metadata) => set({ contentMetadata: metadata }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamplace/components",
-  "version": "0.8.0",
+  "version": "0.8.5",
   "description": "Streamplace React (Native) Components",
   "main": "dist/index.js",
   "types": "src/index.tsx",
@@ -30,6 +30,8 @@
     "@rn-primitives/slider": "^1.2.0",
     "class-variance-authority": "^0.6.1",
     "expo-keep-awake": "^14.0.0",
+    "expo-screen-orientation": "^9.0.7",
+    "expo-sensors": "^15.0.7",
     "expo-sqlite": "~15.2.12",
     "expo-video": "^2.0.0",
     "hls.js": "^1.5.17",
@@ -54,5 +56,5 @@
     "start": "tsc --watch --preserveWatchOutput",
     "prepare": "tsc"
   },
-  "gitHead": "cb213f8cc49fc200aaf853a1f84d4ee1a6f69a9c"
+  "gitHead": "baa713714aac33e98c399f92ce12268a1aac3ef6"
 }