deepsea-components 5.17.35 → 5.18.0

package/dist/components/ReadExcel.d.ts

@@ -1,4 +1,4 @@
-import { ReadSheetProps } from "./ReadSheet";
+import { ReadSheet, ReadSheetProps } from "./ReadSheet";
 /**
  * @deprecated 请使用 ReadSheetProps 代替
  */
@@ -6,4 +6,4 @@ export type ReadExcelProps = ReadSheetProps;
 /**
  * @deprecated 请使用 ReadSheet 代替
  */
-export declare const ReadExcel: import("react").FC<ReadSheetProps>;
+export declare const ReadExcel: typeof ReadSheet;

package/dist/components/ReadSheet.cjs

@@ -30,15 +30,14 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
 const external_InputFile_cjs_namespaceObject = require("./InputFile.cjs");
-const ReadSheet = (props)=>{
-    const { onValueChange, ...rest } = props;
+function ReadSheet({ onValueChange, ...rest }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_InputFile_cjs_namespaceObject.InputFile, {
         accept: ".xlsx",
         type: "arrayBuffer",
         onValueChange: (data)=>null == onValueChange ? void 0 : onValueChange((0, external_deepsea_tools_namespaceObject.readSheet)(data)),
         ...rest
     });
-};
+}
 exports.ReadSheet = __webpack_exports__.ReadSheet;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "ReadSheet"

package/dist/components/ReadSheet.d.ts

@@ -1,8 +1,7 @@
-import { FC } from "react";
 import { WorkBookData, WorkSheetData } from "deepsea-tools";
 import { InputFileProps } from "./InputFile";
-export interface ReadSheetProps extends Omit<InputFileProps<false, "arrayBuffer">, "multiple" | "accept" | "type" | "onValueChange"> {
-    onValueChange?: <Sheet = WorkSheetData>(data: WorkBookData<Sheet>) => void;
+export interface ReadSheetProps<Sheet = WorkSheetData> extends Omit<InputFileProps<false, "arrayBuffer">, "multiple" | "accept" | "type" | "onValueChange"> {
+    onValueChange?: (data: WorkBookData<Sheet>) => void;
 }
 /** 专门用于读取 excel 的组件 */
-export declare const ReadSheet: FC<ReadSheetProps>;
+export declare function ReadSheet<Sheet = WorkSheetData>({ onValueChange, ...rest }: ReadSheetProps<Sheet>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ReadSheet.js

@@ -2,13 +2,12 @@
 import { jsx } from "react/jsx-runtime";
 import { readSheet } from "deepsea-tools";
 import { InputFile } from "./InputFile.js";
-const ReadSheet = (props)=>{
-    const { onValueChange, ...rest } = props;
+function ReadSheet({ onValueChange, ...rest }) {
     return /*#__PURE__*/ jsx(InputFile, {
         accept: ".xlsx",
         type: "arrayBuffer",
         onValueChange: (data)=>null == onValueChange ? void 0 : onValueChange(readSheet(data)),
         ...rest
     });
-};
+}
 export { ReadSheet };

package/dist/components/RtspPlayer.cjs

@@ -0,0 +1,113 @@
+"use client"
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    RtspPlayer: ()=>RtspPlayer
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const reader_cjs_namespaceObject = require("./rtspPlayer/reader.cjs");
+function getWhepUrl(src) {
+    const url = new URL(src, window.location.href);
+    if ("http:" !== url.protocol && "https:" !== url.protocol) throw new Error("RtspPlayer expects a MediaMTX HTTP(S) playback URL, not an RTSP URL");
+    const pathname = url.pathname.replace(/\/+$/, "");
+    url.pathname = pathname.endsWith("/whep") ? pathname : `${pathname}/whep`;
+    url.hash = "";
+    return url.toString();
+}
+function stopStream(stream) {
+    stream.getTracks().forEach((track)=>track.stop());
+}
+const RtspPlayer = ({ ref, src, user, pass, token, onReaderError, ...rest })=>{
+    const video = (0, external_react_namespaceObject.useRef)(null);
+    const onReaderErrorRef = (0, external_react_namespaceObject.useRef)(onReaderError);
+    (0, external_react_namespaceObject.useImperativeHandle)(ref, ()=>video.current, []);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        onReaderErrorRef.current = onReaderError;
+    }, [
+        onReaderError
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const { current: player } = video;
+        if (!player || !src) return;
+        if ("undefined" == typeof RTCPeerConnection || "undefined" == typeof MediaStream) {
+            var _onReaderErrorRef_current;
+            null == (_onReaderErrorRef_current = onReaderErrorRef.current) || _onReaderErrorRef_current.call(onReaderErrorRef, "RtspPlayer requires WebRTC support in the current browser");
+            return;
+        }
+        let whepUrl;
+        try {
+            whepUrl = getWhepUrl(src);
+        } catch (error) {
+            var _onReaderErrorRef_current1;
+            null == (_onReaderErrorRef_current1 = onReaderErrorRef.current) || _onReaderErrorRef_current1.call(onReaderErrorRef, error instanceof Error ? error.message : String(error));
+            return;
+        }
+        let closed = false;
+        const fallbackStream = new MediaStream();
+        const reader = new reader_cjs_namespaceObject.MediaMTXWebRTCReader({
+            url: whepUrl,
+            user,
+            pass,
+            token,
+            onError: (error)=>{
+                var _onReaderErrorRef_current;
+                return null == (_onReaderErrorRef_current = onReaderErrorRef.current) ? void 0 : _onReaderErrorRef_current.call(onReaderErrorRef, error);
+            },
+            onTrack: (evt)=>{
+                if (closed) return;
+                const stream = evt.streams[0] ?? fallbackStream;
+                if (0 === evt.streams.length && !fallbackStream.getTracks().includes(evt.track)) fallbackStream.addTrack(evt.track);
+                if (player.srcObject !== stream) player.srcObject = stream;
+            }
+        });
+        return ()=>{
+            closed = true;
+            reader.close();
+            const { srcObject } = player;
+            if (srcObject instanceof MediaStream) stopStream(srcObject);
+            if (srcObject !== fallbackStream) stopStream(fallbackStream);
+            player.srcObject = null;
+            player.load();
+        };
+    }, [
+        src,
+        user,
+        pass,
+        token
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("video", {
+        ref: video,
+        ...rest
+    });
+};
+exports.RtspPlayer = __webpack_exports__.RtspPlayer;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "RtspPlayer"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/RtspPlayer.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps, FC } from "react";
+export interface RtspPlayerProps extends Omit<ComponentProps<"video">, "src" | "children"> {
+    src: string;
+    user?: string;
+    pass?: string;
+    token?: string;
+    onReaderError?: (error: string) => void;
+}
+export declare const RtspPlayer: FC<RtspPlayerProps>;

package/dist/components/RtspPlayer.js

@@ -0,0 +1,79 @@
+"use client"
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useImperativeHandle, useRef } from "react";
+import { MediaMTXWebRTCReader } from "./rtspPlayer/reader.js";
+function getWhepUrl(src) {
+    const url = new URL(src, window.location.href);
+    if ("http:" !== url.protocol && "https:" !== url.protocol) throw new Error("RtspPlayer expects a MediaMTX HTTP(S) playback URL, not an RTSP URL");
+    const pathname = url.pathname.replace(/\/+$/, "");
+    url.pathname = pathname.endsWith("/whep") ? pathname : `${pathname}/whep`;
+    url.hash = "";
+    return url.toString();
+}
+function stopStream(stream) {
+    stream.getTracks().forEach((track)=>track.stop());
+}
+const RtspPlayer = ({ ref, src, user, pass, token, onReaderError, ...rest })=>{
+    const video = useRef(null);
+    const onReaderErrorRef = useRef(onReaderError);
+    useImperativeHandle(ref, ()=>video.current, []);
+    useEffect(()=>{
+        onReaderErrorRef.current = onReaderError;
+    }, [
+        onReaderError
+    ]);
+    useEffect(()=>{
+        const { current: player } = video;
+        if (!player || !src) return;
+        if ("undefined" == typeof RTCPeerConnection || "undefined" == typeof MediaStream) {
+            var _onReaderErrorRef_current;
+            null == (_onReaderErrorRef_current = onReaderErrorRef.current) || _onReaderErrorRef_current.call(onReaderErrorRef, "RtspPlayer requires WebRTC support in the current browser");
+            return;
+        }
+        let whepUrl;
+        try {
+            whepUrl = getWhepUrl(src);
+        } catch (error) {
+            var _onReaderErrorRef_current1;
+            null == (_onReaderErrorRef_current1 = onReaderErrorRef.current) || _onReaderErrorRef_current1.call(onReaderErrorRef, error instanceof Error ? error.message : String(error));
+            return;
+        }
+        let closed = false;
+        const fallbackStream = new MediaStream();
+        const reader = new MediaMTXWebRTCReader({
+            url: whepUrl,
+            user,
+            pass,
+            token,
+            onError: (error)=>{
+                var _onReaderErrorRef_current;
+                return null == (_onReaderErrorRef_current = onReaderErrorRef.current) ? void 0 : _onReaderErrorRef_current.call(onReaderErrorRef, error);
+            },
+            onTrack: (evt)=>{
+                if (closed) return;
+                const stream = evt.streams[0] ?? fallbackStream;
+                if (0 === evt.streams.length && !fallbackStream.getTracks().includes(evt.track)) fallbackStream.addTrack(evt.track);
+                if (player.srcObject !== stream) player.srcObject = stream;
+            }
+        });
+        return ()=>{
+            closed = true;
+            reader.close();
+            const { srcObject } = player;
+            if (srcObject instanceof MediaStream) stopStream(srcObject);
+            if (srcObject !== fallbackStream) stopStream(fallbackStream);
+            player.srcObject = null;
+            player.load();
+        };
+    }, [
+        src,
+        user,
+        pass,
+        token
+    ]);
+    return /*#__PURE__*/ jsx("video", {
+        ref: video,
+        ...rest
+    });
+};
+export { RtspPlayer };