@streamplace/components 0.7.0 → 0.7.2

package/dist/livestream-store/livestream-store.js

@@ -1,9 +1,14 @@
-import { useContext } from "react";
-import { createStore, useStore } from "zustand";
-import { LivestreamContext } from "./context";
-import { handleWebSocketMessages } from "./websocket-consumer";
-export const makeLivestreamStore = () => {
-    return createStore()((set) => ({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRenditions = exports.useSegment = exports.useLivestream = exports.useViewers = exports.useProfile = exports.useChat = exports.useHandleWebsocketMessages = exports.makeLivestreamStore = void 0;
+exports.getStoreFromContext = getStoreFromContext;
+exports.useLivestreamStore = useLivestreamStore;
+const react_1 = require("react");
+const zustand_1 = require("zustand");
+const context_1 = require("./context");
+const websocket_consumer_1 = require("./websocket-consumer");
+const makeLivestreamStore = () => {
+    return (0, zustand_1.createStore)()((set) => ({
         profile: null,
         chatIndex: {},
         chat: [],
@@ -17,26 +22,34 @@ export const makeLivestreamStore = () => {
         authors: {},
     }));
 };
-export function getStoreFromContext() {
-    const context = useContext(LivestreamContext);
+exports.makeLivestreamStore = makeLivestreamStore;
+function getStoreFromContext() {
+    const context = (0, react_1.useContext)(context_1.LivestreamContext);
     if (!context) {
         throw new Error("useLivestreamStore must be used within a LivestreamProvider");
     }
     return context.store;
 }
-export function useLivestreamStore(selector) {
+function useLivestreamStore(selector) {
     const store = getStoreFromContext();
-    return useStore(store, selector);
+    return (0, zustand_1.useStore)(store, selector);
 }
-export const useHandleWebsocketMessages = () => {
+const useHandleWebsocketMessages = () => {
     const store = getStoreFromContext();
     return (messages) => {
-        store.setState((state) => handleWebSocketMessages(state, messages));
+        store.setState((state) => (0, websocket_consumer_1.handleWebSocketMessages)(state, messages));
     };
 };
-export const useChat = () => useLivestreamStore((x) => x.chat);
-export const useProfile = () => useLivestreamStore((x) => x.profile);
-export const useViewers = () => useLivestreamStore((x) => x.viewers);
-export const useLivestream = () => useLivestreamStore((x) => x.livestream);
-export const useSegment = () => useLivestreamStore((x) => x.segment);
-export const useRenditions = () => useLivestreamStore((x) => x.renditions);
+exports.useHandleWebsocketMessages = useHandleWebsocketMessages;
+const useChat = () => useLivestreamStore((x) => x.chat);
+exports.useChat = useChat;
+const useProfile = () => useLivestreamStore((x) => x.profile);
+exports.useProfile = useProfile;
+const useViewers = () => useLivestreamStore((x) => x.viewers);
+exports.useViewers = useViewers;
+const useLivestream = () => useLivestreamStore((x) => x.livestream);
+exports.useLivestream = useLivestream;
+const useSegment = () => useLivestreamStore((x) => x.segment);
+exports.useSegment = useSegment;
+const useRenditions = () => useLivestreamStore((x) => x.renditions);
+exports.useRenditions = useRenditions;

package/dist/livestream-store/stream-key.js

@@ -1,9 +1,12 @@
-import { bytesToMultibase, Secp256k1Keypair } from "@atproto/crypto";
-import { useEffect, useState } from "react";
-import { Platform } from "react-native";
-import { privateKeyToAccount } from "viem/accounts";
-import { usePDSAgent } from "../streamplace-store/xrpc";
-import { useLivestreamStore } from "./livestream-store";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStreamKey = void 0;
+const crypto_1 = require("@atproto/crypto");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const accounts_1 = require("viem/accounts");
+const xrpc_1 = require("../streamplace-store/xrpc");
+const livestream_store_1 = require("./livestream-store");
 function getBrowserName(userAgent) {
     // The order matters here, and this may report false positives for unlisted browsers.
     if (userAgent.includes("Firefox")) {
@@ -36,13 +39,13 @@ function getBrowserName(userAgent) {
     }
     return "unknown";
 }
-export const useStreamKey = () => {
-    const pdsAgent = usePDSAgent();
-    const streamKey = useLivestreamStore((state) => state.streamKey);
-    const setStreamKey = useLivestreamStore((state) => state.setStreamKey);
-    const [key, setKey] = useState(streamKey ? JSON.parse(streamKey) : null);
-    const [error, setError] = useState(null);
-    useEffect(() => {
+const useStreamKey = () => {
+    const pdsAgent = (0, xrpc_1.usePDSAgent)();
+    const streamKey = (0, livestream_store_1.useLivestreamStore)((state) => state.streamKey);
+    const setStreamKey = (0, livestream_store_1.useLivestreamStore)((state) => state.setStreamKey);
+    const [key, setKey] = (0, react_1.useState)(streamKey ? JSON.parse(streamKey) : null);
+    const [error, setError] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
         if (key)
             return; // already have key
         const generateKey = async () => {
@@ -55,22 +58,22 @@ export const useStreamKey = () => {
                 setError("PDS Agent did is not available (not logged in?)");
                 return;
             }
-            const keypair = await Secp256k1Keypair.create({ exportable: true });
+            const keypair = await crypto_1.Secp256k1Keypair.create({ exportable: true });
             const exportedKey = await keypair.export();
             const didBytes = new TextEncoder().encode(did);
             const combinedKey = new Uint8Array([...exportedKey, ...didBytes]);
-            const multibaseKey = bytesToMultibase(combinedKey, "base58btc");
+            const multibaseKey = (0, crypto_1.bytesToMultibase)(combinedKey, "base58btc");
             const hexKey = Array.from(exportedKey)
                 .map((b) => b.toString(16).padStart(2, "0"))
                 .join("");
-            const account = privateKeyToAccount(`0x${hexKey}`);
+            const account = (0, accounts_1.privateKeyToAccount)(`0x${hexKey}`);
             const newKey = {
                 privateKey: multibaseKey,
                 did: keypair.did(),
                 address: account.address.toLowerCase(),
             };
-            let platform = Platform.OS;
-            if (Platform.OS === "web" &&
+            let platform = react_native_1.Platform.OS;
+            if (react_native_1.Platform.OS === "web" &&
                 typeof window !== "undefined" &&
                 window.navigator) {
                 if (window.navigator.userAgent.includes("streamplace-desktop")) {
@@ -113,3 +116,4 @@ export const useStreamKey = () => {
     }, [key, setStreamKey]);
     return { streamKey: key, error };
 };
+exports.useStreamKey = useStreamKey;

package/dist/livestream-store/websocket-consumer.js

@@ -1,21 +1,24 @@
-import { AppBskyActorDefs } from "@atproto/api";
-import { PlaceStreamChatDefs, PlaceStreamDefs, PlaceStreamLivestream, PlaceStreamSegment, } from "streamplace";
-import { reduceChat } from "./chat";
-export const handleWebSocketMessages = (state, messages) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleWebSocketMessages = void 0;
+const api_1 = require("@atproto/api");
+const streamplace_1 = require("streamplace");
+const chat_1 = require("./chat");
+const handleWebSocketMessages = (state, messages) => {
     for (const message of messages) {
-        if (PlaceStreamLivestream.isLivestreamView(message)) {
+        if (streamplace_1.PlaceStreamLivestream.isLivestreamView(message)) {
             state = {
                 ...state,
                 livestream: message,
             };
         }
-        else if (PlaceStreamLivestream.isViewerCount(message)) {
+        else if (streamplace_1.PlaceStreamLivestream.isViewerCount(message)) {
             state = {
                 ...state,
                 viewers: message.count,
             };
         }
-        else if (PlaceStreamChatDefs.isMessageView(message)) {
+        else if (streamplace_1.PlaceStreamChatDefs.isMessageView(message)) {
             // Explicitly map MessageView to MessageViewHydrated
             const hydrated = {
                 uri: message.uri,
@@ -26,30 +29,31 @@ export const handleWebSocketMessages = (state, messages) => {
                 chatProfile: message.chatProfile,
                 replyTo: message.replyTo,
             };
-            state = reduceChat(state, [hydrated], []);
+            state = (0, chat_1.reduceChat)(state, [hydrated], []);
         }
-        else if (PlaceStreamSegment.isRecord(message)) {
+        else if (streamplace_1.PlaceStreamSegment.isRecord(message)) {
             state = {
                 ...state,
                 segment: message,
             };
         }
-        else if (PlaceStreamDefs.isBlockView(message)) {
+        else if (streamplace_1.PlaceStreamDefs.isBlockView(message)) {
             const block = message;
-            state = reduceChat(state, [], [block]);
+            state = (0, chat_1.reduceChat)(state, [], [block]);
         }
-        else if (PlaceStreamDefs.isRenditions(message)) {
+        else if (streamplace_1.PlaceStreamDefs.isRenditions(message)) {
             state = {
                 ...state,
                 renditions: message.renditions,
             };
         }
-        else if (AppBskyActorDefs.isProfileViewBasic(message)) {
+        else if (api_1.AppBskyActorDefs.isProfileViewBasic(message)) {
             state = {
                 ...state,
                 profile: message,
             };
         }
     }
-    return reduceChat(state, [], []);
+    return (0, chat_1.reduceChat)(state, [], []);
 };
+exports.handleWebSocketMessages = handleWebSocketMessages;

package/dist/player-store/context.js

@@ -1,2 +1,5 @@
-import { createContext } from "react";
-export const PlayerContext = createContext(null);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlayerContext = void 0;
+const react_1 = require("react");
+exports.PlayerContext = (0, react_1.createContext)(null);

package/dist/player-store/index.js

@@ -1,6 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 // barrel file :)
-export * from "./context";
-export * from "./player-provider";
-export * from "./player-state";
-export * from "./player-store";
-export * from "./single-player-provider";
+tslib_1.__exportStar(require("./context"), exports);
+tslib_1.__exportStar(require("./player-provider"), exports);
+tslib_1.__exportStar(require("./player-state"), exports);
+tslib_1.__exportStar(require("./player-store"), exports);
+tslib_1.__exportStar(require("./single-player-provider"), exports);

package/dist/player-store/player-provider.js

@@ -1,30 +1,34 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useMemo, useState } from "react";
-import { PlayerContext } from "./context";
-import { makePlayerStore } from "./player-store";
-export const PlayerProvider = ({ children, initialPlayers = [], defaultId = Math.random().toString(36).slice(8), }) => {
-    const [players, setPlayers] = useState(() => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlayerProvider = void 0;
+exports.withPlayerProvider = withPlayerProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const context_1 = require("./context");
+const player_store_1 = require("./player-store");
+const PlayerProvider = ({ children, initialPlayers = [], defaultId = Math.random().toString(36).slice(8), }) => {
+    const [players, setPlayers] = (0, react_1.useState)(() => {
         // Initialize with any initial player IDs provided
         const initialPlayerStores = {};
         for (const playerId of initialPlayers) {
-            initialPlayerStores[playerId] = makePlayerStore(playerId);
+            initialPlayerStores[playerId] = (0, player_store_1.makePlayerStore)(playerId);
         }
         // Always create at least one player by default
         if (initialPlayers.length === 0) {
-            initialPlayerStores[defaultId] = makePlayerStore(defaultId);
+            initialPlayerStores[defaultId] = (0, player_store_1.makePlayerStore)(defaultId);
         }
         return initialPlayerStores;
     });
-    const createPlayer = useCallback((id) => {
+    const createPlayer = (0, react_1.useCallback)((id) => {
         const playerId = id || Math.random().toString(36).slice(8);
-        const playerStore = makePlayerStore(playerId);
+        const playerStore = (0, player_store_1.makePlayerStore)(playerId);
         setPlayers((prev) => ({
             ...prev,
             [playerId]: playerStore,
         }));
         return playerId;
     }, []);
-    const removePlayer = useCallback((id) => {
+    const removePlayer = (0, react_1.useCallback)((id) => {
         setPlayers((prev) => {
             // Don't remove the last player
             if (Object.keys(prev).length <= 1) {
@@ -36,17 +40,18 @@ export const PlayerProvider = ({ children, initialPlayers = [], defaultId = Math
             return newPlayers;
         });
     }, []);
-    const contextValue = useMemo(() => ({
+    const contextValue = (0, react_1.useMemo)(() => ({
         players,
         createPlayer,
         removePlayer,
     }), [players, createPlayer, removePlayer]);
-    return (_jsx(PlayerContext.Provider, { value: contextValue, children: children }));
+    return ((0, jsx_runtime_1.jsx)(context_1.PlayerContext.Provider, { value: contextValue, children: children }));
 };
+exports.PlayerProvider = PlayerProvider;
 // HOC to wrap components that need player context
-export function withPlayerProvider(Component) {
+function withPlayerProvider(Component) {
     return function WithPlayerProvider(props) {
         const { initialPlayers, ...componentProps } = props;
-        return (_jsx(PlayerProvider, { initialPlayers: initialPlayers, children: _jsx(Component, { ...componentProps }) }));
+        return ((0, jsx_runtime_1.jsx)(exports.PlayerProvider, { initialPlayers: initialPlayers, children: (0, jsx_runtime_1.jsx)(Component, { ...componentProps }) }));
     };
 }

package/dist/player-store/player-state.js

@@ -1,11 +1,14 @@
-export var PlayerProtocol;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IngestMediaSource = exports.PlayerStatus = exports.PlayerProtocol = void 0;
+var PlayerProtocol;
 (function (PlayerProtocol) {
     PlayerProtocol["WEBRTC"] = "webrtc";
     PlayerProtocol["HLS"] = "hls";
     PlayerProtocol["PROGRESSIVE_MP4"] = "progressive-mp4";
     PlayerProtocol["PROGRESSIVE_WEBM"] = "progressive-webm";
-})(PlayerProtocol || (PlayerProtocol = {}));
-export var PlayerStatus;
+})(PlayerProtocol || (exports.PlayerProtocol = PlayerProtocol = {}));
+var PlayerStatus;
 (function (PlayerStatus) {
     PlayerStatus["START"] = "start";
     PlayerStatus["PLAYING"] = "playing";
@@ -14,9 +17,9 @@ export var PlayerStatus;
     PlayerStatus["WAITING"] = "waiting";
     PlayerStatus["PAUSE"] = "pause";
     PlayerStatus["MUTE"] = "mute";
-})(PlayerStatus || (PlayerStatus = {}));
-export var IngestMediaSource;
+})(PlayerStatus || (exports.PlayerStatus = PlayerStatus = {}));
+var IngestMediaSource;
 (function (IngestMediaSource) {
     IngestMediaSource["USER"] = "user";
     IngestMediaSource["DISPLAY"] = "display";
-})(IngestMediaSource || (IngestMediaSource = {}));
+})(IngestMediaSource || (exports.IngestMediaSource = IngestMediaSource = {}));

package/dist/player-store/player-store.js

@@ -1,13 +1,21 @@
-import { useContext } from "react";
-import { createStore, useStore } from "zustand";
-import { PlayerContext } from "./context";
-import { PlayerProtocol, PlayerStatus, } from "./player-state";
-export const makePlayerStore = (id) => {
-    return createStore()((set) => ({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.intoPlayerProtocol = exports.usePlayerProtocol = exports.makePlayerStore = void 0;
+exports.usePlayerContext = usePlayerContext;
+exports.getPlayerStoreById = getPlayerStoreById;
+exports.getFirstPlayerID = getFirstPlayerID;
+exports.getPlayerStoreFromContext = getPlayerStoreFromContext;
+exports.usePlayerStore = usePlayerStore;
+const react_1 = require("react");
+const zustand_1 = require("zustand");
+const context_1 = require("./context");
+const player_state_1 = require("./player-state");
+const makePlayerStore = (id) => {
+    return (0, zustand_1.createStore)()((set) => ({
         id: id || Math.random().toString(36).slice(8),
         selectedRendition: "source",
         setSelectedRendition: (rendition) => set((state) => ({ ...state, selectedRendition: rendition })),
-        protocol: PlayerProtocol.WEBRTC,
+        protocol: player_state_1.PlayerProtocol.WEBRTC,
         setProtocol: (protocol) => set((state) => ({ ...state, protocol: protocol })),
         src: "",
         setSrc: (src) => set(() => ({ src })),
@@ -29,7 +37,7 @@ export const makePlayerStore = (id) => {
         setVolume: (volume) => set(() => ({ volume, muteWasForced: false })),
         fullscreen: false,
         setFullscreen: (isFullscreen) => set(() => ({ fullscreen: isFullscreen })),
-        status: PlayerStatus.START,
+        status: player_state_1.PlayerStatus.START,
         setStatus: (status) => set(() => ({ status })),
         playTime: 0,
         setPlayTime: (playTime) => set(() => ({ playTime })),
@@ -100,15 +108,16 @@ export const makePlayerStore = (id) => {
         setModMessage: (modMessage) => set(() => ({ modMessage })),
     }));
 };
-export function usePlayerContext() {
-    const context = useContext(PlayerContext);
+exports.makePlayerStore = makePlayerStore;
+function usePlayerContext() {
+    const context = (0, react_1.useContext)(context_1.PlayerContext);
     if (!context) {
         throw new Error("usePlayerContext must be used within a PlayerProvider");
     }
     return context;
 }
 // Get a specific player store by ID
-export function getPlayerStoreById(id) {
+function getPlayerStoreById(id) {
     const { players } = usePlayerContext();
     const playerStore = players[id];
     if (!playerStore) {
@@ -117,7 +126,7 @@ export function getPlayerStoreById(id) {
     return playerStore;
 }
 // Will get the first player ID in the context
-export function getFirstPlayerID() {
+function getFirstPlayerID() {
     const { players } = usePlayerContext();
     const playerIds = Object.keys(players);
     if (playerIds.length === 0) {
@@ -125,7 +134,7 @@ export function getFirstPlayerID() {
     }
     return playerIds[0];
 }
-export function getPlayerStoreFromContext() {
+function getPlayerStoreFromContext() {
     console.warn("getPlayerStoreFromContext is deprecated. Use getPlayerStoreById instead.");
     const { players } = usePlayerContext();
     const playerIds = Object.keys(players);
@@ -136,24 +145,26 @@ export function getPlayerStoreFromContext() {
 }
 // Use a specific player store by ID
 // If no ID is provided, it will use the first player in the context
-export function usePlayerStore(selector, playerId) {
+function usePlayerStore(selector, playerId) {
     if (!playerId) {
         playerId = Object.keys(usePlayerContext().players)[0];
     }
     const store = getPlayerStoreById(playerId);
-    return useStore(store, selector);
+    return (0, zustand_1.useStore)(store, selector);
 }
 /* Convenience selectors/hooks */
-export const usePlayerProtocol = (playerId) => usePlayerStore((x) => [x.protocol, x.setProtocol], playerId);
-export const intoPlayerProtocol = (protocol) => {
+const usePlayerProtocol = (playerId) => usePlayerStore((x) => [x.protocol, x.setProtocol], playerId);
+exports.usePlayerProtocol = usePlayerProtocol;
+const intoPlayerProtocol = (protocol) => {
     switch (protocol) {
         case "hls":
-            return PlayerProtocol.HLS;
+            return player_state_1.PlayerProtocol.HLS;
         case "progressive-mp4":
-            return PlayerProtocol.PROGRESSIVE_MP4;
+            return player_state_1.PlayerProtocol.PROGRESSIVE_MP4;
         case "progressive-webm":
-            return PlayerProtocol.PROGRESSIVE_WEBM;
+            return player_state_1.PlayerProtocol.PROGRESSIVE_WEBM;
         default:
-            return PlayerProtocol.WEBRTC;
+            return player_state_1.PlayerProtocol.WEBRTC;
     }
 };
+exports.intoPlayerProtocol = intoPlayerProtocol;

package/dist/player-store/single-player-provider.js

@@ -1,17 +1,28 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { createContext, useContext, useMemo } from "react";
-import { useStore } from "zustand";
-import { usePlayerContext } from "../player-store";
-import { PlayerProtocol } from "./player-state";
-const SinglePlayerContext = createContext(null);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SinglePlayerProvider = void 0;
+exports.useSinglePlayerContext = useSinglePlayerContext;
+exports.useCurrentPlayerId = useCurrentPlayerId;
+exports.useCurrentPlayerStore = useCurrentPlayerStore;
+exports.useCurrentPlayerProtocol = useCurrentPlayerProtocol;
+exports.useCurrentPlayerRendition = useCurrentPlayerRendition;
+exports.useCurrentPlayerIngest = useCurrentPlayerIngest;
+exports.withSinglePlayer = withSinglePlayer;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const zustand_1 = require("zustand");
+const player_store_1 = require("../player-store");
+const player_state_1 = require("./player-state");
+const SinglePlayerContext = (0, react_1.createContext)(null);
 /**
  * Provider component for a single player that creates a scoped context
  * This allows components to access a specific player's state without passing IDs around
  */
-export const SinglePlayerProvider = ({ children, playerId: providedPlayerId, protocol = PlayerProtocol.WEBRTC, rendition = "auto", }) => {
-    const { players, createPlayer } = usePlayerContext();
+const SinglePlayerProvider = ({ children, playerId: providedPlayerId, protocol = player_state_1.PlayerProtocol.WEBRTC, rendition = "auto", }) => {
+    const { players, createPlayer } = (0, player_store_1.usePlayerContext)();
     // Create or get a player ID
-    const playerId = useMemo(() => {
+    const playerId = (0, react_1.useMemo)(() => {
         // If a player ID is provided and exists, use it
         if (providedPlayerId && players[providedPlayerId]) {
             return providedPlayerId;
@@ -24,11 +35,11 @@ export const SinglePlayerProvider = ({ children, playerId: providedPlayerId, pro
         return createPlayer();
     }, [providedPlayerId, players, createPlayer]);
     // Get the player store
-    const playerStore = useMemo(() => {
+    const playerStore = (0, react_1.useMemo)(() => {
         return players[playerId];
     }, [players, playerId]);
     // Set initial protocol and rendition if provided
-    React.useEffect(() => {
+    react_1.default.useEffect(() => {
         if (protocol) {
             playerStore.setState((state) => ({
                 ...state,
@@ -43,17 +54,18 @@ export const SinglePlayerProvider = ({ children, playerId: providedPlayerId, pro
         }
     }, [playerStore, protocol, rendition]);
     // Create context value
-    const contextValue = useMemo(() => ({
+    const contextValue = (0, react_1.useMemo)(() => ({
         playerId,
         playerStore,
     }), [playerId, playerStore]);
-    return (_jsx(SinglePlayerContext.Provider, { value: contextValue, children: children }));
+    return ((0, jsx_runtime_1.jsx)(SinglePlayerContext.Provider, { value: contextValue, children: children }));
 };
+exports.SinglePlayerProvider = SinglePlayerProvider;
 /**
  * Hook to access the current single player context
  */
-export function useSinglePlayerContext() {
-    const context = useContext(SinglePlayerContext);
+function useSinglePlayerContext() {
+    const context = (0, react_1.useContext)(SinglePlayerContext);
     if (!context) {
         throw new Error("useSinglePlayerContext must be used within a SinglePlayerProvider");
     }
@@ -62,33 +74,33 @@ export function useSinglePlayerContext() {
 /**
  * Hook to access the current player ID from the single player context
  */
-export function useCurrentPlayerId() {
+function useCurrentPlayerId() {
     const { playerId } = useSinglePlayerContext();
     return playerId;
 }
 /**
  * Hook to access state from the current player without needing to specify the ID
  */
-export function useCurrentPlayerStore(selector) {
+function useCurrentPlayerStore(selector) {
     const { playerStore } = useSinglePlayerContext();
-    return useStore(playerStore, selector);
+    return (0, zustand_1.useStore)(playerStore, selector);
 }
 /**
  * Hook to get the protocol of the current player
  */
-export function useCurrentPlayerProtocol() {
+function useCurrentPlayerProtocol() {
     return useCurrentPlayerStore((state) => [state.protocol, state.setProtocol]);
 }
 /**
  * Hook to get the selected rendition of the current player
  */
-export function useCurrentPlayerRendition() {
+function useCurrentPlayerRendition() {
     return useCurrentPlayerStore((state) => [state.selectedRendition, state.setSelectedRendition]);
 }
 /**
  * Hook to get the ingest state of the current player
  */
-export function useCurrentPlayerIngest() {
+function useCurrentPlayerIngest() {
     return useCurrentPlayerStore((state) => ({
         starting: state.ingestStarting,
         setStarting: state.setIngestStarting,
@@ -101,9 +113,9 @@ export function useCurrentPlayerIngest() {
 /**
  * HOC to wrap components with a SinglePlayerProvider
  */
-export function withSinglePlayer(Component) {
+function withSinglePlayer(Component) {
     return function WithSinglePlayer(props) {
         const { playerId, protocol, rendition, ...componentProps } = props;
-        return (_jsx(SinglePlayerProvider, { playerId: playerId, protocol: protocol, rendition: rendition, children: _jsx(Component, { ...componentProps }) }));
+        return ((0, jsx_runtime_1.jsx)(exports.SinglePlayerProvider, { playerId: playerId, protocol: protocol, rendition: rendition, children: (0, jsx_runtime_1.jsx)(Component, { ...componentProps }) }));
     };
 }

package/dist/streamplace-provider/context.js

@@ -1,2 +1,5 @@
-import { createContext } from "react";
-export const StreamplaceContext = createContext(null);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StreamplaceContext = void 0;
+const react_1 = require("react");
+exports.StreamplaceContext = (0, react_1.createContext)(null);

package/dist/streamplace-provider/index.js

@@ -1,16 +1,20 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef } from "react";
-import { makeStreamplaceStore } from "../streamplace-store/streamplace-store";
-import { StreamplaceContext } from "./context";
-import Poller from "./poller";
-export function StreamplaceProvider({ children, url, oauthSession, }) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StreamplaceProvider = StreamplaceProvider;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const streamplace_store_1 = require("../streamplace-store/streamplace-store");
+const context_1 = require("./context");
+const poller_1 = tslib_1.__importDefault(require("./poller"));
+function StreamplaceProvider({ children, url, oauthSession, }) {
     // todo: handle url changes?
-    const store = useRef(makeStreamplaceStore({ url })).current;
-    useEffect(() => {
+    const store = (0, react_1.useRef)((0, streamplace_store_1.makeStreamplaceStore)({ url })).current;
+    (0, react_1.useEffect)(() => {
         store.setState({ url });
     }, [url]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         store.setState({ oauthSession });
     }, [oauthSession]);
-    return (_jsx(StreamplaceContext.Provider, { value: { store: store }, children: _jsx(Poller, { children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(context_1.StreamplaceContext.Provider, { value: { store: store }, children: (0, jsx_runtime_1.jsx)(poller_1.default, { children: children }) }));
 }