@norskvideo/norsk-studio-built-ins 1.27.0-2025-03-25-1268af9f → 1.27.0-2025-03-27-419657f2

package/lib/processor.multiview/runtime.js

@@ -0,0 +1,254 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Multiview = void 0;
+const norsk_sdk_1 = require("@norskvideo/norsk-sdk");
+const runtime_types_1 = require("@norskvideo/norsk-studio/lib/extension/runtime-types");
+const logging_1 = require("@norskvideo/norsk-studio/lib/server/logging");
+const info_1 = require("./info");
+class MultiviewDefinition {
+    async create(norsk, cfg, cb) {
+        const node = await Multiview.create(norsk, cfg);
+        cb(node);
+    }
+}
+exports.default = MultiviewDefinition;
+class Multiview {
+    id;
+    relatedMediaNodes = new runtime_types_1.RelatedMediaNodes();
+    norsk;
+    cfg;
+    sources = [];
+    composeNode;
+    audioOutputs = new Map();
+    initialised;
+    currentVideo;
+    streamKeyMapping;
+    videoOutput;
+    referenceStream;
+    static async create(norsk, cfg) {
+        const node = new Multiview(norsk, cfg);
+        await node.initialised;
+        return node;
+    }
+    constructor(norsk, cfg) {
+        this.cfg = cfg;
+        this.id = cfg.id;
+        this.norsk = norsk;
+        this.streamKeyMapping = (0, info_1.getStreamKeyMapping)(cfg.id, cfg.rows, cfg.columns);
+        this.initialised = this.initialise();
+    }
+    async initialise() {
+        const referenceStream = await this.norsk.input.videoTestCard({
+            id: `${this.id}-video-card`,
+            sourceName: "video-card",
+            resolution: this.cfg.resolution,
+            frameRate: { frames: 25, seconds: 1 },
+            pattern: "black",
+        });
+        this.referenceStream = referenceStream;
+    }
+    async subscribe(sources) {
+        this.sources = sources;
+        const sourceMap = new Map();
+        for (const source of sources) {
+            const sourceName = source.definition.sourceName || source.source.id;
+            if (!sourceMap.has(sourceName)) {
+                sourceMap.set(sourceName, {});
+            }
+            const entry = sourceMap.get(sourceName);
+            if (source.isMedia("video")) {
+                entry.video = source;
+            }
+            else if (source.isMedia("audio")) {
+                entry.audio = source;
+            }
+        }
+        const videoSources = Array.from(sourceMap.entries())
+            .filter(([_, val]) => val.video)
+            .map(([sourceName, val]) => ({
+            sourceName,
+            video: val.video,
+            audio: val.audio,
+        }));
+        (0, logging_1.debuglog)("Found video sources for Multiview", {
+            id: this.id,
+            count: videoSources.length,
+            sourceNames: videoSources.map((s) => s.sourceName),
+        });
+        if (videoSources.length === 0) {
+            (0, logging_1.debuglog)("No valid video sources for Multiview", { id: this.id });
+            await this.close();
+            return;
+        }
+        if (!this.composeNode) {
+            (0, logging_1.debuglog)("Creating compose node for Multiview", { id: this.id });
+            const parts = [];
+            const { rows, columns } = this.cfg;
+            for (let r = 0; r < rows; r++) {
+                for (let c = 0; c < columns; c++) {
+                    parts.push({
+                        compose: norsk_sdk_1.VideoComposeDefaults.percentage({
+                            sourceRect: { x: 0, y: 0, width: 100, height: 100 },
+                            destRect: {
+                                x: (100 / columns) * c,
+                                y: (100 / rows) * r,
+                                width: 100 / columns,
+                                height: 100 / rows,
+                            },
+                        }),
+                        opacity: 1.0,
+                        pin: `video_${r}_${c}`,
+                        zIndex: 1,
+                    });
+                }
+            }
+            const thisCompose = (this.composeNode =
+                await this.norsk.processor.transform.videoCompose({
+                    id: `${this.cfg.id}-compose`,
+                    onCreate: (n) => {
+                        this.relatedMediaNodes.addInput(n);
+                    },
+                    onClose: () => {
+                        this.relatedMediaNodes.removeInput(thisCompose);
+                    },
+                    referenceStream: "video-card",
+                    parts: parts,
+                    outputResolution: this.cfg.resolution,
+                    missingStreamBehaviour: "drop_part",
+                }));
+            this.composeNode.subscribeToPins([
+                {
+                    source: this.referenceStream,
+                    sourceSelector: (0, norsk_sdk_1.videoToPin)("video-card"),
+                },
+            ]);
+            this.videoOutput = await this.norsk.processor.transform.streamKeyOverride({
+                id: `${this.id}-video-output`,
+                onCreate: (n) => {
+                    this.relatedMediaNodes.addOutput(n);
+                },
+                onClose: () => {
+                    if (this.videoOutput) {
+                        this.relatedMediaNodes.removeOutput(this.videoOutput);
+                    }
+                },
+                streamKey: this.streamKeyMapping.videoStreamKey,
+            });
+            this.videoOutput.subscribe([
+                {
+                    source: this.composeNode,
+                    sourceSelector: norsk_sdk_1.selectVideo,
+                },
+            ]);
+        }
+        await this.setupVideoSubscriptions(videoSources);
+        await this.setupAudioOutputs(videoSources);
+    }
+    async setupVideoSubscriptions(sources) {
+        if (!this.composeNode)
+            return;
+        const subscriptions = [];
+        const { rows, columns } = this.cfg;
+        (0, logging_1.debuglog)("Setting up video subscriptions for Multiview", {
+            id: this.id,
+            count: sources.length,
+            sourceNames: sources.map((s) => s.sourceName),
+        });
+        this.composeNode.subscribeToPins([]);
+        if (this.referenceStream) {
+            subscriptions.push({
+                source: this.referenceStream,
+                sourceSelector: (0, norsk_sdk_1.videoToPin)("video-card"),
+            });
+        }
+        for (let i = 0; i < sources.length && i < rows * columns; i++) {
+            const source = sources[i];
+            const r = Math.floor(i / columns);
+            const c = i % columns;
+            const pinName = `video_${r}_${c}`;
+            const sub = source.video.selectToPin(pinName);
+            if (sub) {
+                subscriptions.push(sub);
+                (0, logging_1.debuglog)("Added video subscription for source", {
+                    id: this.id,
+                    sourceId: source.sourceName,
+                    pinName,
+                    r,
+                    c,
+                });
+            }
+        }
+        if (subscriptions.length > 0) {
+            this.composeNode.subscribeToPins(subscriptions);
+            (0, logging_1.debuglog)("Set up video pin subscriptions", {
+                id: this.id,
+                count: subscriptions.length,
+            });
+        }
+        else {
+            (0, logging_1.debuglog)("WARNING: No video subscriptions created", { id: this.id });
+        }
+    }
+    async setupAudioOutputs(sources) {
+        const { rows, columns } = this.cfg;
+        for (const [outputId, output] of this.audioOutputs.entries()) {
+            (0, logging_1.debuglog)("Closing existing audio output", {
+                id: this.id,
+                outputId,
+            });
+            await output.close();
+            this.audioOutputs.delete(outputId);
+            this.relatedMediaNodes.removeOutput(output);
+        }
+        for (let r = 0; r < rows; r++) {
+            for (let c = 0; c < columns; c++) {
+                const streamKey = this.streamKeyMapping.audioStreamKeys.find((key) => key.row === r && key.column === c)?.key;
+                if (!streamKey) {
+                    (0, logging_1.debuglog)("No stream key found for position", {
+                        id: this.id,
+                        row: r,
+                        column: c,
+                    });
+                    continue;
+                }
+                const outputId = `${this.id}-audio-${r}-${c}`;
+                const audioOutput = await this.norsk.processor.transform.streamKeyOverride({
+                    id: outputId,
+                    onCreate: (n) => {
+                        this.relatedMediaNodes.addOutput(n);
+                    },
+                    onClose: () => {
+                        const output = this.audioOutputs.get(outputId);
+                        if (output) {
+                            this.relatedMediaNodes.removeOutput(output);
+                            this.audioOutputs.delete(outputId);
+                        }
+                    },
+                    streamKey: streamKey,
+                });
+                this.audioOutputs.set(outputId, audioOutput);
+                audioOutput.subscribe([]);
+                const position = r * columns + c;
+                if (position < sources.length && sources[position]?.audio) {
+                    audioOutput.subscribe([sources[position].audio.select()]);
+                }
+            }
+        }
+    }
+    async close() {
+        if (this.composeNode) {
+            await this.composeNode.close();
+            this.composeNode = undefined;
+        }
+        if (this.videoOutput) {
+            await this.videoOutput.close();
+            this.videoOutput = undefined;
+        }
+        for (const [outputId, output] of this.audioOutputs.entries()) {
+            await output.close();
+            this.audioOutputs.delete(outputId);
+        }
+    }
+}
+exports.Multiview = Multiview;
+//# sourceMappingURL=runtime.js.map

package/lib/processor.multiview/runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/processor.multiview/runtime.ts"],"names":[],"mappings":"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"}

package/lib/processor.onscreenGraphic/info.js

@@ -7,12 +7,14 @@ exports.default = default_1;
 const config_1 = require("@norskvideo/norsk-studio/lib/shared/config");
 const image_selection_1 = __importDefault(require("./image-selection"));
 const summary_view_1 = __importDefault(require("./summary-view"));
+const FaImage_1 = require("@react-icons/all-files/fa/FaImage");
 function default_1({ defineComponent, }) {
     return defineComponent({
         identifier: 'processor.onscreenGraphic',
         category: 'processor',
         name: 'Onscreen Graphic',
         description: 'Overlay graphics onto a video',
+        icon: FaImage_1.FaImage,
         subscription: {
             accepts: {
                 type: 'simple-stream',

package/lib/processor.onscreenGraphic/info.js.map

@@ -1 +1 @@
-{"version":3,"file":"info.js","sourceRoot":"","sources":["../../src/processor.onscreenGraphic/info.ts"],"names":[],"mappings":";;;;;AAMA,4BA6EC;AAjFD,uEAA+E;AAC/E,wEAAiD;AACjD,kEAAyC;AAEzC,mBAAwB,EACtB,eAAe,GACF;IAEb,OAAO,eAAe,CAA4F;QAChH,UAAU,EAAE,2BAA2B;QACvC,QAAQ,EAAE,WAAW;QACrB,IAAI,EAAE,kBAAkB;QACxB,WAAW,EAAE,+BAA+B;QAC5C,YAAY,EAAE;YAEZ,OAAO,EAAE;gBACP,IAAI,EAAE,eAAe;gBACrB,KAAK,EAAE,IAAI;aACZ;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,eAAe;gBACrB,KAAK,EAAE,IAAI;aACZ;SACF;QACD,eAAe,EAAE,UAAS,GAAG;YAC3B,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QACtB,CAAC;QACD,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;YAChB,OAAO;gBACL,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM;aAC9C,CAAA;QACH,CAAC;QACD,OAAO,EAAE;YACP,OAAO,EAAE,sBAAW;YACpB,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,EACpB,CAAC;YACF,WAAW,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;gBACzB,MAAM,MAAM,GAAG,EAAE,CAAC,IAAI,CAAC;gBACvB,QAAQ,MAAM,EAAE,CAAC;oBACf,KAAK,iBAAiB;wBACpB,OAAO,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC;oBAC/E,KAAK,eAAe;wBAClB,OAAO,EAAE,GAAG,KAAK,EAAE,YAAY,EAAE,EAAE,CAAC,YAAY,EAAE,CAAC;oBACrD,KAAK,gBAAgB;wBACnB,OAAO,EAAE,GAAG,KAAK,EAAE,cAAc,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC;oBACzD;wBACE,iBAAiB,CAAC,MAAM,CAAC,CAAA;gBAC7B,CAAC;YACH,CAAC;SACF;QACD,UAAU,EAAE;YACV,MAAM,EAAE;gBACN,QAAQ,EAAE,IAAA,0BAAiB,GAAE;aAC9B;YACD,IAAI,EAAE;gBACJ,cAAc,EAAE;oBACd,IAAI,EAAE,qDAAqD;oBAC3D,IAAI,EAAE;wBACJ,IAAI,EAAE,QAAQ;wBACd,QAAQ,EAAE,IAAI;wBACd,SAAS,EAAE,yBAAgB;qBAC5B;iBACF;gBACD,eAAe,EAAE;oBACf,IAAI,EAAE,qDAAqD;oBAC3D,IAAI,EAAE;wBACJ,IAAI,EAAE,QAAQ;wBACd,QAAQ,EAAE,IAAI;wBACd,OAAO,EAAE;4BACP,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;4BACtE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;4BACxE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE;4BAC5E,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE;4BAC9E,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;yBACtE;qBACF;iBACF;gBACD,KAAK,EAAE,EAAE,IAAI,EAAE,4BAA4B,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE;aACtF;SACF;KACF,CAAC,CAAC;AACL,CAAC;AAED,SAAS,iBAAiB,CAAC,CAAQ;IACjC,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAC;AAC/C,CAAC"}
+{"version":3,"file":"info.js","sourceRoot":"","sources":["../../src/processor.onscreenGraphic/info.ts"],"names":[],"mappings":"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"}

package/lib/processor.streamKeyOverride/info.js

@@ -2,12 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = default_1;
 exports.assertUnreachable = assertUnreachable;
+const FaKey_1 = require("@react-icons/all-files/fa/FaKey");
 function default_1({ defineComponent, All, validation: { Z }, }) {
     return defineComponent({
         identifier: 'processor.streamKeyOverride',
         category: 'processor',
         name: "Stream Key Override",
         description: "Override stream keys for several streams at once, optionally setting one or more properties.",
+        icon: FaKey_1.FaKey,
         subscription: {
             accepts: {
                 type: 'dynamic-streams',

package/lib/processor.streamKeyOverride/info.js.map

@@ -1 +1 @@
-{"version":3,"file":"info.js","sourceRoot":"","sources":["../../src/processor.streamKeyOverride/info.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"info.js","sourceRoot":"","sources":["../../src/processor.streamKeyOverride/info.ts"],"names":[],"mappings":"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"}

package/lib/processor.videoDecoder/info.js

@@ -1,12 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = default_1;
+const FaFileVideo_1 = require("@react-icons/all-files/fa/FaFileVideo");
 function default_1({ defineComponent, }) {
     return defineComponent({
         identifier: 'processor.videoDecoder',
         category: 'processor',
         name: "Video Decoder",
         description: "Explicit video decode.",
+        icon: FaFileVideo_1.FaFileVideo,
         subscription: {
             accepts: {
                 type: 'simple-stream',

package/lib/processor.videoDecoder/info.js.map

@@ -1 +1 @@
-{"version":3,"file":"info.js","sourceRoot":"","sources":["../../src/processor.videoDecoder/info.ts"],"names":[],"mappings":";;AAGA,4BA6CC;AA7CD,mBAAwB,EACtB,eAAe,GACF;IACb,OAAO,eAAe,CAAqB;QACzC,UAAU,EAAE,wBAAwB;QACpC,QAAQ,EAAE,WAAW;QACrB,IAAI,EAAE,eAAe;QACrB,WAAW,EAAE,wBAAwB;QACrC,YAAY,EAAE;YACZ,OAAO,EAAE;gBACP,IAAI,EAAE,eAAe;gBACrB,KAAK,EAAE,IAAI;aACZ;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,eAAe;gBACrB,KAAK,EAAE,IAAI;aACZ;SACF;QACD,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;YACtB,MAAM,SAAS,GAA2B;gBACxC,YAAY,EAAE,MAAM,CAAC,IAAI;aAC1B,CAAC;YACF,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,eAAe,EAAE,CAAC,GAAG,EAAE,EAAE;YACvB,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QACtB,CAAC;QACD,UAAU,EAAE;YACV,IAAI,EAAE;gBACJ,IAAI,EAAE;oBACJ,IAAI,EAAE,cAAc;oBACpB,IAAI,EAAE;wBACJ,IAAI,EAAE,QAAQ;wBACd,YAAY,EAAE,UAAU;wBACxB,OAAO,EAAE;4BACP,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;4BAC1C,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;4BACtC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;yBACvC;qBACF;iBACF;gBACD,KAAK,EAAE,EAAE,IAAI,EAAE,4BAA4B,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE;aACtF;SACF;KACF,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"info.js","sourceRoot":"","sources":["../../src/processor.videoDecoder/info.ts"],"names":[],"mappings":";;AAIA,4BA8CC;AAhDD,uEAAoE;AAEpE,mBAAwB,EACtB,eAAe,GACF;IACb,OAAO,eAAe,CAAqB;QACzC,UAAU,EAAE,wBAAwB;QACpC,QAAQ,EAAE,WAAW;QACrB,IAAI,EAAE,eAAe;QACrB,WAAW,EAAE,wBAAwB;QACrC,IAAI,EAAE,yBAAW;QACjB,YAAY,EAAE;YACZ,OAAO,EAAE;gBACP,IAAI,EAAE,eAAe;gBACrB,KAAK,EAAE,IAAI;aACZ;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,eAAe;gBACrB,KAAK,EAAE,IAAI;aACZ;SACF;QACD,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;YACtB,MAAM,SAAS,GAA2B;gBACxC,YAAY,EAAE,MAAM,CAAC,IAAI;aAC1B,CAAC;YACF,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,eAAe,EAAE,CAAC,GAAG,EAAE,EAAE;YACvB,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QACtB,CAAC;QACD,UAAU,EAAE;YACV,IAAI,EAAE;gBACJ,IAAI,EAAE;oBACJ,IAAI,EAAE,cAAc;oBACpB,IAAI,EAAE;wBACJ,IAAI,EAAE,QAAQ;wBACd,YAAY,EAAE,UAAU;wBACxB,OAAO,EAAE;4BACP,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;4BAC1C,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;4BACtC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;yBACvC;qBACF;iBACF;gBACD,KAAK,EAAE,EAAE,IAAI,EAAE,4BAA4B,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE;aACtF;SACF;KACF,CAAC,CAAC;AACL,CAAC"}

package/lib/shared/srt-caller-metrics.d.ts

@@ -0,0 +1,8 @@
+import type { BaseConfig, MetricViewProps } from "@norskvideo/norsk-studio/lib/extension/client-types";
+import React from "react";
+import { SrtCallerMetrics } from "./srt-types";
+export type BaseState = {
+    metrics: SrtCallerMetrics;
+    enabled?: boolean;
+};
+export default function MetricsView<Config extends BaseConfig, State extends BaseState, Command extends object>({ state }: MetricViewProps<Config, State, Command>): React.JSX.Element;

package/lib/shared/srt-caller-metrics.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = MetricsView;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function MetricsView({ state }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "srt-output", children: [(0, jsx_runtime_1.jsx)("div", { children: "SRT Packets" }), (state.enabled || state.enabled === undefined) ? ((0, jsx_runtime_1.jsx)("div", { children: state.metrics.connectionCount == 0 ?
+                    (0, jsx_runtime_1.jsx)("div", { className: "active text-red-300 dark:text-red-300", children: "Not Connected" })
+                    : (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "active text-green-500 dark:text-green-300", children: "Component Enabled" }), state.metrics.packetsSent >= 0 ?
+                                (0, jsx_runtime_1.jsxs)("div", { children: ["Sent: ", state.metrics.packetsSent] })
+                                :
+                                    (0, jsx_runtime_1.jsxs)("div", { children: ["Received: ", state.metrics.packetsReceived] }), (0, jsx_runtime_1.jsxs)("div", { children: ["Lost/Retransmitted: ", state.metrics.packetsLost, "/", state.metrics.packetsResent] })] }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "disabled text-gray-500 dark:text-gray-400", children: "Component disabled" }))] }));
+}
+//# sourceMappingURL=srt-caller-metrics.js.map

package/lib/shared/srt-caller-metrics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"srt-caller-metrics.js","sourceRoot":"","sources":["../../src/shared/srt-caller-metrics.tsx"],"names":[],"mappings":";;AAWA,8BA6BC;;AA7BD,SAAwB,WAAW,CAA6E,EAAE,KAAK,EAA2C;IAChK,OAAO,CACL,iCAAK,SAAS,EAAC,YAAY,aACzB,0DAAsB,EACrB,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAChD,0CACG,KAAK,CAAC,OAAO,CAAC,eAAe,IAAI,CAAC,CAAC,CAAC;oBACnC,gCAAK,SAAS,EAAC,uCAAuC,8BAEhD;oBACN,CAAC,CAAC,6DACA,gCAAK,SAAS,EAAC,2CAA2C,kCAEpD,EACL,KAAK,CAAC,OAAO,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC;gCAC/B,sDAAY,KAAK,CAAC,OAAO,CAAC,WAAW,IAAO;gCAC5C,CAAC;oCACD,0DAAgB,KAAK,CAAC,OAAO,CAAC,eAAe,IAAO,EAEtD,oEAA0B,KAAK,CAAC,OAAO,CAAC,WAAW,OAAG,KAAK,CAAC,OAAO,CAAC,aAAa,IAAO,IACvF,GACD,CACP,CAAC,CAAC,CAAC,CACF,gCAAK,SAAS,EAAC,2CAA2C,mCAEpD,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/lib/shared/srt-listener-metrics.d.ts

@@ -0,0 +1,9 @@
+import type { BaseConfig, MetricViewProps } from "@norskvideo/norsk-studio/lib/extension/client-types";
+import React from "react";
+import type { SrtListenerMetrics } from "./srt-types";
+export type BaseState = {
+    metrics: SrtListenerMetrics;
+    names?: string[];
+    enabled?: boolean;
+};
+export default function MetricsView<State extends BaseState, Command extends object>({ state }: MetricViewProps<BaseConfig, State, Command>): React.JSX.Element;

package/lib/shared/srt-listener-metrics.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = MetricsView;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function MetricsView({ state }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "srt-output", children: [(0, jsx_runtime_1.jsx)("div", { children: "SRT Packets" }), (state.enabled === undefined || state.enabled) ? (state.metrics.connectionCount == 0 ?
+                (0, jsx_runtime_1.jsx)("div", { className: "active text-red-300 dark:text-red-300", children: "No connections" })
+                : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { className: "divide-y", children: (state.metrics.packetsSent.length == 0 ? state.metrics.packetsReceived : state.metrics.packetsSent).map((p, i) => {
+                            return (0, jsx_runtime_1.jsxs)("div", { className: "sm:grid sm:grid-cols-2 mt-2", children: [(0, jsx_runtime_1.jsx)("dt", { children: "Connection" }), (0, jsx_runtime_1.jsx)("dd", { className: "", children: state.names?.[i] ?? i }), (0, jsx_runtime_1.jsx)("dt", { className: "", children: state.metrics.packetsSent.length == 0 ? "Received" : "Sent" }), (0, jsx_runtime_1.jsx)("dd", { className: "", children: p }), (0, jsx_runtime_1.jsx)("dt", { className: "", children: "Retransmitted" }), (0, jsx_runtime_1.jsx)("dd", { className: "", children: state.metrics.packetsResent[i] }), (0, jsx_runtime_1.jsx)("dt", { className: "", children: "Lost" }), (0, jsx_runtime_1.jsx)("dd", { className: "", children: state.metrics.packetsLost[i] })] }, i);
+                        }) }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "disabled text-gray-500 dark:text-gray-400", children: "Component disabled" }))] }));
+}
+//# sourceMappingURL=srt-listener-metrics.js.map

package/lib/shared/srt-listener-metrics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"srt-listener-metrics.js","sourceRoot":"","sources":["../../src/shared/srt-listener-metrics.tsx"],"names":[],"mappings":";;AAaA,8BAgCC;;AAhCD,SAAwB,WAAW,CAAkD,EAAE,KAAK,EAA+C;IACzI,OAAO,CACL,iCAAK,SAAS,EAAC,YAAY,aACzB,0DAAsB,EACrB,CAAC,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAChD,KAAK,CAAC,OAAO,CAAC,eAAe,IAAI,CAAC,CAAC,CAAC;gBAClC,gCAAK,SAAS,EAAC,uCAAuC,+BAEhD;gBACN,CAAC,CAAC,2DACA,gCAAK,SAAS,EAAC,UAAU,YACtB,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;4BAChH,OAAO,iCAAa,SAAS,EAAC,6BAA6B,aACzD,wDAAmB,EACnB,+BAAI,SAAS,EAAC,EAAE,YAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAM,EAC7C,+BAAI,SAAS,EAAC,EAAE,YAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,GAAM,EACnF,+BAAI,SAAS,EAAC,EAAE,YAAE,CAAC,GAAM,EACzB,+BAAI,SAAS,EAAC,EAAE,8BAAmB,EACnC,+BAAI,SAAS,EAAC,EAAE,YAAE,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,GAAM,EACtD,+BAAI,SAAS,EAAC,EAAE,qBAAU,EAC1B,+BAAI,SAAS,EAAC,EAAE,YAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,GAAM,KARrC,CAAC,CASZ,CAAA;wBACR,CAAC,CAAC,GACE,GACL,CACN,CAAC,CAAC,CAAC,CACF,gCAAK,SAAS,EAAC,2CAA2C,mCAEpD,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/lib/shared/srt-types.d.ts

@@ -1,2 +1,19 @@
 import type { SrtOutputSettings as SdkSettings } from '@norskvideo/norsk-sdk';
+import type { GatheredMetric } from '@norskvideo/norsk-studio/lib/extension/client-types';
 export type SocketOptions = Pick<SdkSettings, 'peerLatency' | 'receiveLatency' | 'inputBandwidth' | 'overheadBandwidth' | 'maxBandwidth'>;
+export type SrtListenerMetrics = {
+    connectionCount: number;
+    packetsLost: number[];
+    packetsResent: number[];
+    packetsSent: number[];
+    packetsReceived: number[];
+};
+export type SrtCallerMetrics = {
+    connectionCount: number;
+    packetsLost: number;
+    packetsResent: number;
+    packetsSent: number;
+    packetsReceived: number;
+};
+export declare function extractSrtCallerMetricsForNode(targetNodeId: string, latest: readonly GatheredMetric[]): SrtCallerMetrics;
+export declare function extractSrtListenerMetricsForNode(targetNodeId: string, latest: readonly GatheredMetric[]): SrtListenerMetrics;

package/lib/shared/srt-types.js

@@ -1,3 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractSrtCallerMetricsForNode = extractSrtCallerMetricsForNode;
+exports.extractSrtListenerMetricsForNode = extractSrtListenerMetricsForNode;
+function extractSrtCallerMetricsForNode(targetNodeId, latest) {
+    const matching = latest.filter((l) => l.nodeId == targetNodeId);
+    return {
+        connectionCount: matching.find((m) => m.name == "norsk_connection_count")?.history.at(-1)?.value ?? 0,
+        packetsSent: matching.find((m) => m.name == "norsk_packet_count" && m.labels['type'] == 'sent')?.history.at(-1)?.value ?? 0,
+        packetsResent: matching.find((m) => m.name == "norsk_packet_count" && m.labels['type'] == 'retransmitted')?.history.at(-1)?.value ?? 0,
+        packetsLost: matching.find((m) => m.name == "norsk_packet_count" && (m.labels['type'] == 'sent_lost' || m.labels['type'] == 'received_lost'))?.history.at(-1)?.value ?? 0,
+        packetsReceived: matching.find((m) => m.name == "norsk_packet_count" && m.labels['type'] == 'received')?.history.at(-1)?.value ?? 0,
+    };
+}
+function extractSrtListenerMetricsForNode(targetNodeId, latest) {
+    const matching = latest.filter((l) => l.nodeId == targetNodeId);
+    return {
+        connectionCount: matching.find((m) => m.name == "norsk_connection_count")?.history.at(-1)?.value ?? 0,
+        packetsSent: matching.filter((m) => m.name == "norsk_packet_count" && m.labels['type'] == 'sent').sort(byIndex).map((m) => m.history.at(-1)?.value ?? -1),
+        packetsResent: matching.filter((m) => m.name == "norsk_packet_count" && m.labels['type'] == 'retransmitted').sort(byIndex).map((m) => m.history.at(-1)?.value ?? 0),
+        packetsLost: matching.filter((m) => m.name == "norsk_packet_count" && (m.labels['type'] == 'sent_lost' || m.labels['type'] == 'received_lost')).sort(byIndex).map((m) => m.history.at(-1)?.value ?? 0),
+        packetsReceived: matching.filter((m) => m.name == "norsk_packet_count" && m.labels['type'] == 'received').sort(byIndex).map((m) => m.history.at(-1)?.value ?? -1),
+    };
+}
+function byIndex(l, r) {
+    return (l.labels['index'] ?? "").localeCompare(r.labels['index'] ?? "");
+}
 //# sourceMappingURL=srt-types.js.map

package/lib/shared/srt-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"srt-types.js","sourceRoot":"","sources":["../../src/shared/srt-types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"srt-types.js","sourceRoot":"","sources":["../../src/shared/srt-types.ts"],"names":[],"mappings":"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"}

package/lib/shared/stream-statistics-view.d.ts

@@ -0,0 +1,3 @@
+import type { BaseConfig, MetricViewProps } from "@norskvideo/norsk-studio/lib/extension/client-types";
+export type BaseState = object;
+export default function MetricsView<State extends BaseState, Command extends object>({ metrics, config }: MetricViewProps<BaseConfig, State, Command>): React.JSX.Element;

package/lib/shared/stream-statistics-view.js

@@ -0,0 +1,164 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = MetricsView;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_chartjs_2_1 = require("react-chartjs-2");
+const chart_js_1 = require("chart.js");
+function displayStreamKey(streamKey) {
+    if (!streamKey) {
+        return "unknown";
+    }
+    return `${streamKey.sourceName}-${streamKey.programNumber}-${streamKey.streamId}-${streamKey.renditionName}`;
+}
+chart_js_1.Chart.register(...chart_js_1.registerables);
+function MetricsView({ metrics, config }) {
+    const isDarkMode = true;
+    const colors = [
+        "#FF6384",
+        "#36A2EB",
+        "#FFCE56",
+        "#4BC0C0",
+        "#9966FF",
+        "#FF9F40",
+        "#FF8A80",
+        "#82B1FF",
+        "#B9F6CA",
+        "#FFFF8D",
+        "#84FFFF",
+        "#B388FF",
+        "#EA80FC",
+        "#FFD180",
+        "#A7FFEB",
+        "#CCFF90",
+    ];
+    const darkModeColors = {
+        lineColor: "#00c3ff",
+        backgroundColor: "rgba(0, 195, 255, 0.1)",
+        gridColor: "rgba(68, 68, 68, 0.5)",
+        textColor: "#888",
+        tooltipBg: "rgba(0, 0, 0, 0.8)",
+    };
+    const lightModeColors = {
+        lineColor: "#007bff",
+        backgroundColor: "rgba(0, 123, 255, 0.1)",
+        gridColor: "rgba(0, 0, 0, 0.1)",
+        textColor: "#333",
+        tooltipBg: "rgba(255, 255, 255, 0.9)",
+    };
+    const themeColors = isDarkMode ? darkModeColors : lightModeColors;
+    const cpuChartOptions = {
+        responsive: false,
+        maintainAspectRatio: false,
+        animation: {
+            duration: 0,
+        },
+        scales: {
+            x: {
+                type: "linear",
+                display: true,
+                title: {
+                    display: true,
+                    text: "Seconds",
+                },
+                ticks: {
+                    callback: (value) => {
+                        const numValue = typeof value === "string" ? parseFloat(value) : value;
+                        if (isNaN(numValue))
+                            return "";
+                        return 60 - Math.round((numValue - (Date.now() - 60000)) / 1000);
+                    },
+                    stepSize: 10000,
+                },
+                min: Date.now() - 250000,
+                max: Date.now(),
+            },
+            y: {
+                type: "logarithmic",
+                min: 0,
+                grid: {
+                    color: themeColors.gridColor,
+                    drawTicks: false,
+                },
+                border: { display: false },
+                display: false
+            },
+        },
+        plugins: {
+            legend: {
+                display: false,
+            },
+            tooltip: {
+                mode: "index",
+                intersect: false,
+                callbacks: {
+                    label: (context) => {
+                        const value = context.parsed.y;
+                        return `${context.dataset.label}: ${value.toFixed(1)}bps`;
+                    },
+                    title: (tooltipItems) => {
+                        if (tooltipItems.length === 0)
+                            return "";
+                        const time = tooltipItems[0].parsed.x;
+                        const seconds = Math.round((Date.now() - time) / 1000);
+                        return `${seconds} second${seconds !== 1 ? "s" : ""} ago`;
+                    },
+                },
+                backgroundColor: themeColors.tooltipBg,
+                titleColor: themeColors.lineColor,
+                bodyColor: themeColors.textColor,
+                borderColor: themeColors.lineColor,
+                borderWidth: 1,
+                padding: 10,
+            },
+        },
+        elements: {
+            line: {
+                tension: 0.4,
+                borderWidth: 2,
+                borderCapStyle: "round",
+                borderJoinStyle: "round",
+            },
+            point: {
+                radius: 0,
+                hoverRadius: 5,
+            },
+        },
+    };
+    if (!metrics[config.id])
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Loading statistics.." });
+    const allBitrates = metrics[config.id]
+        .filter((v) => v.name == "norsk_measured_bitrate")
+        .sort((l, r) => displayStreamKey(l.streamKey).localeCompare(displayStreamKey(r.streamKey)));
+    const createInitialDataset = (label, color, initialValue) => ({
+        label,
+        data: Array(50)
+            .fill(null)
+            .map((_, index) => ({
+            x: index,
+            y: initialValue,
+        })),
+        borderColor: color,
+        backgroundColor: "transparent",
+        borderWidth: 2,
+        fill: false,
+    });
+    const bitrates = {
+        labels: Array(50)
+            .fill(null)
+            .map((_, index) => index),
+        datasets: allBitrates.map((b, i) => {
+            return createInitialDataset(`${displayStreamKey(b.streamKey)}`, colors[i], b.history[0]?.value ?? 0);
+        })
+    };
+    allBitrates.forEach((b, bi) => {
+        b.history.forEach((h, hi) => {
+            const dataIndex = hi;
+            bitrates.datasets[bi].data[dataIndex] = {
+                x: h.time,
+                y: h.value
+            };
+        });
+    });
+    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { children: "Measured Bitrates" }), (0, jsx_runtime_1.jsx)(react_chartjs_2_1.Line, { options: cpuChartOptions, data: bitrates })] });
+}
+//# sourceMappingURL=stream-statistics-view.js.map