@streamplace/components 0.7.18 → 0.7.21

package/dist/index.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dashboard = 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 :)
+tslib_1.__exportStar(require("./livestream-provider"), exports);
+tslib_1.__exportStar(require("./livestream-store"), exports);
+tslib_1.__exportStar(require("./player-store"), exports);
+tslib_1.__exportStar(require("./streamplace-provider"), exports);
+tslib_1.__exportStar(require("./streamplace-store"), exports);
+var player_provider_1 = require("./player-store/player-provider");
+Object.defineProperty(exports, "PlayerProvider", { enumerable: true, get: function () { return player_provider_1.PlayerProvider; } });
+Object.defineProperty(exports, "withPlayerProvider", { enumerable: true, get: function () { return player_provider_1.withPlayerProvider; } });
+var player_store_1 = require("./player-store/player-store");
+Object.defineProperty(exports, "usePlayerContext", { enumerable: true, get: function () { return player_store_1.usePlayerContext; } });
+var player_1 = require("./components/mobile-player/player");
+Object.defineProperty(exports, "Player", { enumerable: true, get: function () { return player_1.Player; } });
+Object.defineProperty(exports, "PlayerUI", { enumerable: true, get: function () { return player_1.PlayerUI; } });
+exports.ui = tslib_1.__importStar(require("./components/ui"));
+tslib_1.__exportStar(require("./components/ui"), exports);
+exports.zero = tslib_1.__importStar(require("./ui"));
+tslib_1.__exportStar(require("./hooks"), exports);
+// Theme system exports
+tslib_1.__exportStar(require("./lib/theme"), exports);
+tslib_1.__exportStar(require("./components/chat/chat"), exports);
+tslib_1.__exportStar(require("./components/chat/chat-box"), exports);
+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);
+tslib_1.__exportStar(require("./components/share/sharesheet"), exports);
+tslib_1.__exportStar(require("./components/keep-awake"), exports);
+// Dashboard components
+exports.Dashboard = tslib_1.__importStar(require("./components/dashboard"));

package/dist/lib/browser.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBrowserName = getBrowserName;
+function getBrowserName(userAgent) {
+    // The order matters here, and this may report false positives for unlisted browsers.
+    if (userAgent.includes("Firefox")) {
+        // "Mozilla/5.0 (X11; Linux i686; rv:104.0) Gecko/20100101 Firefox/104.0"
+        return "Firefox";
+    }
+    else if (userAgent.includes("SamsungBrowser")) {
+        // "Mozilla/5.0 (Linux; Android 9; SAMSUNG SM-G955F Build/PPR1.180610.011) AppleWebKit/537.36 (KHTML, like Gecko) SamsungBrowser/9.4 Chrome/67.0.3396.87 Mobile Safari/537.36"
+        return "Samsung Internet";
+    }
+    else if (userAgent.includes("Opera") || userAgent.includes("OPR")) {
+        // "Mozilla/5.0 (Macintosh; Intel Mac OS X 12_5_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36 OPR/90.0.4480.54"
+        return "Opera";
+    }
+    else if (userAgent.includes("Edge")) {
+        // "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36 Edge/16.16299"
+        return "Edge (Legacy)";
+    }
+    else if (userAgent.includes("Edg")) {
+        // "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36 Edg/104.0.1293.70"
+        return "Edge (Chromium)";
+    }
+    else if (userAgent.includes("Chrome")) {
+        // "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36"
+        return "Chrome";
+    }
+    else if (userAgent.includes("Safari")) {
+        // "Mozilla/5.0 (iPhone; CPU iPhone OS 15_6_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6 Mobile/15E148 Safari/604.1"
+        return "Safari";
+    }
+    return "unknown";
+}

package/dist/lib/facet.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.segmentize = void 0;
+const segment = (text, features) => {
+    return { text, features: text.length > 0 ? features : undefined };
+};
+const segmentize = (text, facets) => {
+    if (facets === undefined || facets.length === 0) {
+        return [segment(text, undefined)];
+    }
+    const segments = [];
+    const utf16Length = text.length;
+    let utf16Cursor = 0;
+    let utf8Cursor = 0;
+    const advanceCursor = (startUtf16, endUtf8) => {
+        let curs = startUtf16;
+        // Fast-path for entirely ASCII text
+        const isLikelyAsciiText = text.charCodeAt(curs) < 0x80;
+        if (isLikelyAsciiText) {
+            curs += 1;
+            utf8Cursor += 1;
+            // SIMD-like batch processing
+            while (utf8Cursor + 8 <= endUtf8 && curs + 8 <= utf16Length) {
+                const char1 = text.charCodeAt(curs);
+                const char2 = text.charCodeAt(curs + 1);
+                const char3 = text.charCodeAt(curs + 2);
+                const char4 = text.charCodeAt(curs + 3);
+                const char5 = text.charCodeAt(curs + 4);
+                const char6 = text.charCodeAt(curs + 5);
+                const char7 = text.charCodeAt(curs + 6);
+                const char8 = text.charCodeAt(curs + 7);
+                if ((char1 | char2 | char3 | char4 | char5 | char6 | char7 | char8) <
+                    0x80) {
+                    curs += 8;
+                    utf8Cursor += 8;
+                    continue;
+                }
+                break;
+            }
+        }
+        // Process remaining characters individually
+        while (utf8Cursor < endUtf8 && curs < utf16Length) {
+            const code = text.charCodeAt(curs);
+            if (code < 0x80) {
+                curs += 1;
+                utf8Cursor += 1;
+            }
+            else if (code < 0x800) {
+                curs += 1;
+                utf8Cursor += 2;
+            }
+            else if (code < 0xd800 || code > 0xdbff) {
+                curs += 1;
+                utf8Cursor += 3;
+            }
+            else {
+                curs += 2;
+                utf8Cursor += 4;
+            }
+        }
+        return curs;
+    };
+    // Process facets
+    for (let idx = 0, len = facets.length; idx < len; idx++) {
+        const facet = facets[idx];
+        const { byteStart, byteEnd } = facet.index;
+        const features = facet.features;
+        if (byteStart > byteEnd || features.length === 0) {
+            continue;
+        }
+        if (utf8Cursor < byteStart) {
+            const nextUtf16Cursor = advanceCursor(utf16Cursor, byteStart);
+            if (nextUtf16Cursor > utf16Cursor) {
+                segments.push(segment(text.slice(utf16Cursor, nextUtf16Cursor), undefined));
+            }
+            utf16Cursor = nextUtf16Cursor;
+        }
+        {
+            const nextUtf16Cursor = advanceCursor(utf16Cursor, byteEnd);
+            if (nextUtf16Cursor > utf16Cursor) {
+                segments.push(segment(text.slice(utf16Cursor, nextUtf16Cursor), features));
+            }
+            utf16Cursor = nextUtf16Cursor;
+        }
+    }
+    // Handle remaining text
+    if (utf16Cursor < utf16Length) {
+        segments.push(segment(text.slice(utf16Cursor), undefined));
+    }
+    return segments;
+};
+exports.segmentize = segmentize;

package/dist/lib/system-messages.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseSystemMessageMetadata = exports.getSystemMessageType = exports.isSystemMessage = exports.SystemMessages = exports.createSystemMessage = exports.SystemMessageType = void 0;
+var SystemMessageType;
+(function (SystemMessageType) {
+    SystemMessageType["stream_start"] = "stream_start";
+    SystemMessageType["stream_end"] = "stream_end";
+    SystemMessageType["notification"] = "notification";
+})(SystemMessageType || (exports.SystemMessageType = SystemMessageType = {}));
+/**
+ * Creates a system message with the proper structure
+ * @param type The type of system message
+ * @param text The message text
+ * @param metadata Optional metadata for the message
+ * @returns A properly formatted ChatMessageViewHydrated object
+ */
+const createSystemMessage = (type, text, metadata, date = new Date()) => {
+    const now = date;
+    return {
+        uri: `at://did:sys:system/place.stream.chat.message/${now.getTime()}`,
+        cid: `system-${now.getTime()}`,
+        author: {
+            did: "did:sys:system",
+            handle: type, // Use handle to specify the type of system message
+        },
+        record: {
+            text,
+            createdAt: now.toISOString(),
+            streamer: "system",
+            $type: "place.stream.chat.message",
+        },
+        indexedAt: now.toISOString(),
+        chatProfile: {
+            color: { red: 128, green: 128, blue: 128 }, // Gray color for system messages
+        },
+    };
+};
+exports.createSystemMessage = createSystemMessage;
+/**
+ * System message factory functions for common scenarios
+ */
+exports.SystemMessages = {
+    streamStart: (streamerName) => (0, exports.createSystemMessage)(SystemMessageType.stream_start, `Now streaming - ${streamerName}`, {
+        streamerName,
+    }),
+    // technically, streams can't 'end' on Streamplace
+    // possibly we could use deleting or editing streams (`endedAt` param) for this?
+    streamEnd: (duration) => (0, exports.createSystemMessage)(SystemMessageType.stream_end, duration ? `Stream has ended. Duration: ${duration}` : "Stream has ended", { duration }),
+    notification: (message) => (0, exports.createSystemMessage)(SystemMessageType.notification, message),
+};
+/**
+ * Checks if a message is a system message
+ * @param message The message to check
+ * @returns True if the message is a system message
+ */
+const isSystemMessage = (message) => {
+    return message.author.did === "did:sys:system";
+};
+exports.isSystemMessage = isSystemMessage;
+/**
+ * Gets the system message type from a message
+ * @param message The message to check
+ * @returns The system message type or null if not a system message
+ */
+const getSystemMessageType = (message) => {
+    if (!(0, exports.isSystemMessage)(message)) {
+        return null;
+    }
+    return message.author.handle;
+};
+exports.getSystemMessageType = getSystemMessageType;
+/**
+ * Parses metadata from a system message based on its type
+ * @param message The system message to parse
+ * @returns The parsed metadata
+ */
+const parseSystemMessageMetadata = (message) => {
+    const metadata = {};
+    const type = (0, exports.getSystemMessageType)(message);
+    const text = message.record.text;
+    if (!type)
+        return metadata;
+    switch (type) {
+        case "stream_end": {
+            const durationMatch = text.match(/Duration:\s*(\d+:\d+(?::\d+)?)/);
+            if (durationMatch) {
+                metadata.duration = durationMatch[1];
+            }
+            break;
+        }
+        case "stream_start": {
+            const streamerMatch = text.match(/^(.+?)\s+is now live!/);
+            if (streamerMatch) {
+                metadata.streamerName = streamerMatch[1];
+            }
+            break;
+        }
+    }
+    return metadata;
+};
+exports.parseSystemMessageMetadata = parseSystemMessageMetadata;