@norskvideo/norsk-studio-built-ins 1.0.0

package/lib/output.medialive/input-selection.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+function inputSelection(props) {
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [channels, setChannels] = (0, react_1.useState)(undefined);
+    const [channel, setChannel] = (0, react_1.useState)(undefined);
+    (0, react_1.useEffect)(() => {
+        console.log("Loading channels for input", props);
+        const fn = async () => {
+            setLoading(true);
+            const result = await fetch('components/output.medialive/channels');
+            if (result.ok && result.body) {
+                const channels = await result.json();
+                setChannels(channels);
+                setLoading(false);
+                if (props.defaultValue)
+                    props.onChanged(props.defaultValue);
+            }
+            else {
+                const text = await result.text();
+                throw new Error(text);
+            }
+        };
+        fn().catch(console.error);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        const channel = channels?.find((c) => c.Id == props.latest.channelId);
+        setChannel(channel);
+        const firstInput = channel?.InputAttachments?.[0]?.InputId;
+        if (firstInput && channel?.InputAttachments?.length == 1 && firstInput !== props.defaultValue) {
+            props.onChanged(firstInput);
+        }
+    }, [channels, props.latest.channelId]);
+    if (loading) {
+        return (0, jsx_runtime_1.jsx)("div", { children: "..." });
+    }
+    if (channel == undefined) {
+        return (0, jsx_runtime_1.jsx)("div", { children: "..." });
+    }
+    if (!channel.InputAttachments) {
+        return (0, jsx_runtime_1.jsx)("div", { children: "Channel has no inputs" });
+    }
+    const firstInput = channel.InputAttachments?.[0];
+    if (firstInput && channel.InputAttachments.length == 1) {
+        return (0, jsx_runtime_1.jsx)("div", { children: firstInput.InputAttachmentName });
+    }
+    return (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("select", { defaultValue: props.defaultValue, className: `node-editor-select-input`, id: props.id, onChange: myOnChange, onBlur: myOnChange, children: [(0, jsx_runtime_1.jsx)("option", { value: "", children: "---" }, "empty"), channel.InputAttachments.map((o, i) => {
+                    const val = o.InputId;
+                    return (0, jsx_runtime_1.jsx)("option", { value: val, children: o.InputAttachmentName }, i);
+                })] }) });
+    function myOnChange(e) {
+        props.onChanged(e.target.value);
+    }
+}
+exports.default = inputSelection;
+//# sourceMappingURL=input-selection.js.map

package/lib/output.medialive/input-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-selection.js","sourceRoot":"","sources":["../../src/output.medialive/input-selection.tsx"],"names":[],"mappings":"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"}

package/lib/output.medialive/node-view.d.ts

@@ -0,0 +1,6 @@
+import type { NodeDescription } from "@norskvideo/norsk-studio/lib/shared/document";
+import type { MediaLiveConfig } from "./runtime";
+declare function NodeView(props: {
+    node: NodeDescription<MediaLiveConfig>;
+}): import("react/jsx-runtime").JSX.Element;
+export default NodeView;

package/lib/output.medialive/node-view.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+function NodeView(props) {
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [channel, setChannel] = (0, react_1.useState)(undefined);
+    const [input, setInput] = (0, react_1.useState)(undefined);
+    (0, react_1.useEffect)(() => {
+        if (!props.node.config.channelId)
+            return;
+        if (!props.node.config.inputId)
+            return;
+        const fn = async () => {
+            const channels = await fetch('components/output.medialive/channels').then(async (f) => f.json());
+            const input = await fetch('components/output.medialive/inputs/' + props.node.config.inputId).then(async (f) => f.json());
+            const channel = channels.find((c) => c.Id == props.node.config.channelId);
+            setChannel(channel);
+            setInput(input);
+            setLoading(false);
+        };
+        fn().catch(console.error);
+    }, [props.node.config.channelId, props.node.config.inputId]);
+    if (loading) {
+        return (0, jsx_runtime_1.jsx)("div", { children: "..." });
+    }
+    if (!channel) {
+        return (0, jsx_runtime_1.jsx)("div", { children: "[Error: Failed to load channel]" });
+    }
+    if (!input) {
+        return (0, jsx_runtime_1.jsx)("div", { children: "[Error: Missing input on channel]" });
+    }
+    return (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { children: ["Name: ", channel.Name] }), (0, jsx_runtime_1.jsxs)("div", { children: ["Input: ", input.Name] }), (0, jsx_runtime_1.jsxs)("div", { children: ["Url: ", input.Destinations?.[props.node.config.destinationIndex].Url] })] });
+}
+exports.default = NodeView;
+//# sourceMappingURL=node-view.js.map

package/lib/output.medialive/node-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-view.js","sourceRoot":"","sources":["../../src/output.medialive/node-view.tsx"],"names":[],"mappings":";;;AAIA,iCAA4C;AAE5C,SAAS,QAAQ,CAAC,KAAiD;IACjE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAA6B,SAAS,CAAC,CAAC;IAC9E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAyC,SAAS,CAAC,CAAC;IAEtF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS;YAAE,OAAO;QACzC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO;YAAE,OAAO;QAEvC,MAAM,EAAE,GAAG,KAAK,IAAI,EAAE;YACpB,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,sCAAsC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAqB,CAAA;YACpH,MAAM,KAAK,GAAG,MAAM,KAAK,CAAC,qCAAqC,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAA+B,CAAC;YACvJ,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YAC1E,UAAU,CAAC,OAAO,CAAC,CAAC;YACpB,QAAQ,CAAC,KAAK,CAAC,CAAC;YAEhB,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,CAAA;QACD,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAA;IAE5D,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,kDAAc,CAAA;IACvB,CAAC;IAED,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,8EAA0C,CAAA;IACnD,CAAC;IAED,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,gFAA4C,CAAA;IACrD,CAAC;IAED,OAAO,4CACL,sDAAY,OAAO,CAAC,IAAI,IAAO,EAC/B,uDAAa,KAAK,CAAC,IAAI,IAAO,EAC9B,qDAAW,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,GAAG,IAAO,IAC1E,CAAA;AACR,CAAC;AAED,kBAAe,QAAQ,CAAC"}

package/lib/output.medialive/runtime.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="express-ws" />
+import { Norsk } from '@norskvideo/norsk-sdk';
+import { CustomSinkNode } from '@norskvideo/norsk-studio/lib/extension/base-nodes';
+import { OnCreated, RuntimeUpdates, ServerComponentDefinition, StudioRuntime } from '@norskvideo/norsk-studio/lib/extension/runtime-types';
+export type MediaLiveConfig = {
+    id: string;
+    displayName: string;
+    channelId: string;
+    inputId: string;
+    destinationIndex: number;
+};
+export type MediaLiveState = {
+    url?: string;
+};
+export type MediaLiveEvent = {
+    type: 'url-located';
+    url: string;
+};
+export type MediaLiveCommand = object;
+export default class MediaConnectSourceDefinition implements ServerComponentDefinition<MediaLiveConfig, MediaLiveOutput, MediaLiveState, MediaLiveCommand, MediaLiveEvent> {
+    create(norsk: Norsk, cfg: MediaLiveConfig, cb: OnCreated<MediaLiveOutput>, { updates }: StudioRuntime<MediaLiveState, MediaLiveEvent>): Promise<void>;
+    routes(): import("express-ws").Router;
+}
+export declare class MediaLiveOutput extends CustomSinkNode {
+    norsk: Norsk;
+    cfg: MediaLiveConfig;
+    initialised: Promise<void>;
+    updates: RuntimeUpdates<MediaLiveState, MediaLiveEvent>;
+    static create(norsk: Norsk, cfg: MediaLiveConfig, updates: RuntimeUpdates<MediaLiveState, MediaLiveEvent>): Promise<MediaLiveOutput>;
+    constructor(cfg: MediaLiveConfig, norsk: Norsk, updates: RuntimeUpdates<MediaLiveState, MediaLiveEvent>);
+    initialise(): Promise<void>;
+    loadOutputInformation(): Promise<void>;
+    close(): Promise<void>;
+}

package/lib/output.medialive/runtime.js

@@ -0,0 +1,142 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaLiveOutput = void 0;
+const base_nodes_1 = require("@norskvideo/norsk-studio/lib/extension/base-nodes");
+const express_1 = __importDefault(require("express"));
+const client_medialive_1 = require("@aws-sdk/client-medialive");
+const logging_1 = require("@norskvideo/norsk-studio/lib/server/logging");
+const client_mediapackage_1 = require("@aws-sdk/client-mediapackage");
+class MediaConnectSourceDefinition {
+    async create(norsk, cfg, cb, { updates }) {
+        const node = await MediaLiveOutput.create(norsk, cfg, updates);
+        cb(node);
+    }
+    routes() {
+        const router = express_1.default.Router();
+        router.get("/channels", async (_req, res) => {
+            let channels = [];
+            try {
+                const client = new client_medialive_1.MediaLiveClient({ region: process.env.AWS_REGION ?? "eu-west-2" });
+                const response = await client.send(new client_medialive_1.ListChannelsCommand({ MaxResults: 100 }));
+                channels = response.Channels ?? [];
+                client.destroy();
+            }
+            catch (e) {
+                handleAwsException(e, res);
+                return;
+            }
+            res.writeHead(200);
+            res.end(JSON.stringify(channels));
+        });
+        router.get('/inputs/:id', async (req, res) => {
+            let input = undefined;
+            try {
+                const client = new client_medialive_1.MediaLiveClient({ region: process.env.AWS_REGION ?? "eu-west-2" });
+                input = await client.send(new client_medialive_1.DescribeInputCommand({ InputId: req.params.id }));
+                client.destroy();
+            }
+            catch (e) {
+                handleAwsException(e, res);
+                return;
+            }
+            if (!input) {
+                res.writeHead(404);
+                res.end("Input not found?");
+                return;
+            }
+            res.writeHead(200);
+            res.end(JSON.stringify(input));
+        });
+        return router;
+    }
+}
+exports.default = MediaConnectSourceDefinition;
+function handleAwsException(e, res) {
+    if (e instanceof client_medialive_1.MediaLiveServiceException) {
+        res.writeHead(e?.$metadata?.httpStatusCode ?? 500);
+        res.end(JSON.stringify(e));
+    }
+    else {
+        res.writeHead(500);
+        res.end(JSON.stringify(e));
+    }
+}
+class MediaLiveOutput extends base_nodes_1.CustomSinkNode {
+    norsk;
+    cfg;
+    initialised;
+    updates;
+    static async create(norsk, cfg, updates) {
+        const node = new MediaLiveOutput(cfg, norsk, updates);
+        await node.initialised;
+        return node;
+    }
+    constructor(cfg, norsk, updates) {
+        super(cfg.id);
+        this.norsk = norsk;
+        this.cfg = cfg;
+        this.initialised = this.initialise();
+        this.updates = updates;
+    }
+    async initialise() {
+        let input = undefined;
+        try {
+            const client = new client_medialive_1.MediaLiveClient({ region: process.env.AWS_REGION ?? "eu-west-2" });
+            input = await client.send(new client_medialive_1.DescribeInputCommand({ InputId: this.cfg.inputId }));
+            client.destroy();
+        }
+        catch (e) {
+            console.error("Failed to retrieve input information from AWS, cannot start media node");
+            return;
+        }
+        const url = input?.Destinations?.[this.cfg.destinationIndex];
+        if (!input || !url) {
+            console.error("Failed to load channel and input details, cannot start node", this.id, this.cfg);
+            return;
+        }
+        if (!url.Ip) {
+            console.error("No IP address on input, cannot start", this.id, this.cfg);
+            return;
+        }
+        if (!url.Port) {
+            console.error("No listener port on flow output, cannot start", this.id, this.cfg);
+            return;
+        }
+        const udp = await this.norsk.output.udpTs({
+            id: `${this.id}-udpTs`,
+            destinationIp: url.Ip,
+            port: parseInt(url.Port, 10),
+            interface: 'any',
+            rtpEncapsulate: true,
+            bufferDelayMs: 5000.0,
+            avDelayMs: 50.0,
+        });
+        this.setup({ sink: udp });
+        void this.loadOutputInformation();
+    }
+    async loadOutputInformation() {
+        const client = new client_medialive_1.MediaLiveClient({ region: process.env.AWS_REGION ?? "eu-west-2" });
+        const packageClient = new client_mediapackage_1.MediaPackageClient({ region: process.env.AWS_REGION ?? "eu-west-2" });
+        const result = await client.send(new client_medialive_1.DescribeChannelCommand({ ChannelId: this.cfg.channelId }));
+        const mediaPackageChannel = result?.Destinations?.[0]?.MediaPackageSettings?.[0]?.ChannelId;
+        if (!mediaPackageChannel) {
+            (0, logging_1.warninglog)("Failed to locate media package for medialive output, no preview is available");
+            return;
+        }
+        const result2 = await packageClient.send(new client_mediapackage_1.ListOriginEndpointsCommand({ ChannelId: mediaPackageChannel }));
+        const url = result2.OriginEndpoints?.[0]?.Url;
+        if (!url) {
+            (0, logging_1.warninglog)("No URL available for media package, no preview is available");
+            return;
+        }
+        this.updates.raiseEvent({ type: 'url-located', url });
+    }
+    async close() {
+        await super.close();
+    }
+}
+exports.MediaLiveOutput = MediaLiveOutput;
+//# sourceMappingURL=runtime.js.map

package/lib/output.medialive/runtime.js.map

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

package/lib/output.medialive/url-selection.d.ts

@@ -0,0 +1,9 @@
+import type { MediaLiveConfig } from "./runtime";
+type UrlSelectionProps = {
+    defaultValue?: number;
+    id: string;
+    onChanged: (value: number) => void;
+    latest: Partial<MediaLiveConfig>;
+};
+declare function UrlSelection(props: UrlSelectionProps): import("react/jsx-runtime").JSX.Element;
+export default UrlSelection;

package/lib/output.medialive/url-selection.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+function UrlSelection(props) {
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [input, setInput] = (0, react_1.useState)(undefined);
+    (0, react_1.useEffect)(() => {
+        const fn = async () => {
+            setLoading(true);
+            if (props.latest.inputId) {
+                const result = await fetch('components/output.medialive/inputs/' + props.latest.inputId);
+                if (result.ok && result.body) {
+                    const flow = await result.json();
+                    setInput(flow);
+                    setLoading(false);
+                    if (props.defaultValue !== undefined)
+                        props.onChanged(props.defaultValue);
+                }
+                else {
+                    const text = await result.text();
+                    throw new Error(text);
+                }
+            }
+        };
+        fn().catch(console.error);
+    }, [props.latest.inputId]);
+    if (loading) {
+        return (0, jsx_runtime_1.jsx)("div", { children: "..." });
+    }
+    if (input == undefined) {
+        return (0, jsx_runtime_1.jsx)("div", { children: "..." });
+    }
+    if (!input.Destinations) {
+        return (0, jsx_runtime_1.jsx)("div", { children: "Input has no destinations" });
+    }
+    return (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("select", { defaultValue: props.defaultValue, className: `node-editor-select-input`, id: props.id, onChange: myOnChange, onBlur: myOnChange, children: [(0, jsx_runtime_1.jsx)("option", { value: "", children: "---" }, "empty"), input.Destinations.map((o, i) => {
+                    return (0, jsx_runtime_1.jsx)("option", { value: i, children: o.Url }, i);
+                })] }) });
+    function myOnChange(e) {
+        props.onChanged(parseInt(e.target.value, 10));
+    }
+}
+exports.default = UrlSelection;
+//# sourceMappingURL=url-selection.js.map

package/lib/output.medialive/url-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-selection.js","sourceRoot":"","sources":["../../src/output.medialive/url-selection.tsx"],"names":[],"mappings":";;;AAAA,iCAAyD;AAYzD,SAAS,YAAY,CAAC,KAAwB;IAC5C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAyC,SAAS,CAAC,CAAC;IAEtF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,KAAK,IAAI,EAAE;YACpB,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;gBACzB,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,qCAAqC,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;gBACxF,IAAI,MAAM,CAAC,EAAE,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;oBAC7B,MAAM,IAAI,GAAG,MAAM,MAAM,CAAC,IAAI,EAAgC,CAAC;oBAC/D,QAAQ,CAAC,IAAI,CAAC,CAAC;oBACf,UAAU,CAAC,KAAK,CAAC,CAAC;oBAClB,IAAI,KAAK,CAAC,YAAY,KAAK,SAAS;wBAClC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;gBACxC,CAAC;qBAAM,CAAC;oBACN,MAAM,IAAI,GAAG,MAAM,MAAM,CAAC,IAAI,EAAE,CAAC;oBACjC,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC;gBACxB,CAAC;YACH,CAAC;QACH,CAAC,CAAA;QACD,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAA;IAG1B,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,kDAAc,CAAA;IACvB,CAAC;IAED,IAAI,KAAK,IAAI,SAAS,EAAE,CAAC;QACvB,OAAO,kDAAc,CAAA;IACvB,CAAC;IAED,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;QACxB,OAAO,wEAAoC,CAAA;IAC7C,CAAC;IACD,OAAO,0CACL,oCAAQ,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,EAAE,0BAA0B,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,aACrI,mCAAoB,KAAK,EAAC,EAAE,qBAAhB,OAAO,CAAsB,EACxC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBAC/B,OAAO,mCAAgB,KAAK,EAAE,CAAC,YAAG,CAAC,CAAC,GAAG,IAAnB,CAAC,CAA4B,CAAA;gBACnD,CAAC,CAAC,IACK,GACL,CAAA;IAEN,SAAS,UAAU,CAAC,CAAiC;QACnD,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;IAChD,CAAC;AACH,CAAC;AAED,kBAAe,YAAY,CAAC"}

package/lib/output.preview/info.d.ts

@@ -0,0 +1,5 @@
+import type { PreviewOutputEvent, PreviewOutputSettings, PreviewOutputState } from "./runtime";
+import type Registration from "@norskvideo/norsk-studio/lib/extension/registration";
+export default function (R: Registration): import("@norskvideo/norsk-studio/lib/extension/client-types").NodeInfo<PreviewOutputSettings, PreviewOutputState, object, PreviewOutputEvent>;
+export declare const hardwareNames: readonly ["quadra", "nvidia"];
+export type HardwareName = typeof hardwareNames[number];

package/lib/output.preview/info.js

@@ -0,0 +1,103 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hardwareNames = void 0;
+const react_1 = __importDefault(require("react"));
+const config_1 = require("@norskvideo/norsk-studio/lib/shared/config");
+function default_1(R) {
+    const { defineComponent, Av, validation: { JitterBuffer }, } = R;
+    const InlineView = react_1.default.lazy(async () => Promise.resolve().then(() => __importStar(require('./inline-view'))));
+    return defineComponent({
+        identifier: 'output.preview',
+        category: 'output',
+        name: "Preview",
+        subscription: {
+            accepts: {
+                type: "single-stream",
+                media: Av
+            },
+            produces: undefined
+        },
+        extraValidation: (ctx) => {
+            const video = ctx.subscriptions.filter((s) => s.streams.select.includes("video"));
+            const audio = ctx.subscriptions.filter((s) => s.streams.select.includes("audio"));
+            if (video.length == 1 && audio.length == 1)
+                return;
+            if (video.length == 0) {
+                ctx.addError("Preview requires a video subscription in order to work");
+            }
+            if (audio.length == 0) {
+                ctx.addError("Preview requires an audio subscription in order to work");
+            }
+            if (video.length > 1) {
+                ctx.addError("Preview cannot work with more than one video subscription");
+            }
+            if (audio.length > 1) {
+                ctx.addError("Preview cannot work with more than one audio subscription");
+            }
+        },
+        display: (_desc) => { return {}; },
+        css: ["styles.css"],
+        runtime: {
+            initialState: () => ({}),
+            handleEvent(ev, state) {
+                const evType = ev.type;
+                switch (evType) {
+                    case 'url-published':
+                        state.url = ev.url;
+                        break;
+                    case 'audio-levels':
+                        state.levels = ev.levels;
+                        break;
+                    default:
+                        assertUnreachable(evType);
+                }
+                return { ...state };
+            },
+            inline: InlineView
+        },
+        configForm: {
+            global: {
+                iceServers: (0, config_1.GlobalIceServers)(R),
+                hardware: (0, config_1.HardwareSelection)()
+            },
+            form: {
+                bufferDelayMs: { help: "How many milliseconds in the jitter buffer", hint: { type: 'numeric', validation: JitterBuffer, defaultValue: 500.0 } },
+            }
+        }
+    });
+}
+exports.default = default_1;
+function assertUnreachable(_) {
+    throw new Error("Didn't expect to get here");
+}
+exports.hardwareNames = [
+    'quadra',
+    'nvidia'
+];
+//# sourceMappingURL=info.js.map

package/lib/output.preview/info.js.map

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

package/lib/output.preview/inline-view.d.ts

@@ -0,0 +1,6 @@
+import type { PreviewOutputState, PreviewOutputSettings } from "./runtime";
+declare function InlineView({ state, config }: {
+    state: PreviewOutputState;
+    config: PreviewOutputSettings;
+}): import("react/jsx-runtime").JSX.Element;
+export default InlineView;

package/lib/output.preview/inline-view.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const webrtc_client_1 = require("@norskvideo/webrtc-client");
+function InlineView({ state, config }) {
+    const url = state.url;
+    const id = config.id;
+    (0, react_1.useEffect)(() => {
+        if (!url)
+            return;
+        const client = new webrtc_client_1.WhepClient({ url, container: document.getElementById(`preview-${id}`) ?? undefined });
+        void client.start();
+    }, [state.url]);
+    if (!url)
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "..." });
+    function percentage(levels) {
+        if (!levels) {
+            return 0;
+        }
+        const rebase = levels.rms - 12.0;
+        const capped = 0 - (rebase / 112);
+        const snapped = Math.floor(capped * 10.0) * 10;
+        return Math.max(0, 100 - snapped);
+    }
+    return (0, jsx_runtime_1.jsxs)("div", { className: "preview-outer-container", children: [(0, jsx_runtime_1.jsx)("div", { className: "preview-video", id: `preview-${id}` }), (0, jsx_runtime_1.jsx)("div", { className: "preview-levels", children: (0, jsx_runtime_1.jsx)("div", { className: `preview-level clip-${percentage(state.levels)}-preview` }) })] });
+}
+exports.default = InlineView;
+//# sourceMappingURL=inline-view.js.map

package/lib/output.preview/inline-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-view.js","sourceRoot":"","sources":["../../src/output.preview/inline-view.tsx"],"names":[],"mappings":";;;AAAA,iCAAkC;AAGlC,6DAAsD;AAEtD,SAAS,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAgE;IACjG,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;IACtB,MAAM,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC;IACrB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG;YAAE,OAAO;QACjB,MAAM,MAAM,GAAG,IAAI,0BAAU,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,WAAW,EAAE,EAAE,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC;QACzG,KAAK,MAAM,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IAEhB,IAAI,CAAC,GAAG;QAAE,OAAO,mEAAQ,CAAA;IAEzB,SAAS,UAAU,CAAC,MAAkD;QACpE,IAAI,CAAC,MAAM,EAAE,CAAC;YAAC,OAAO,CAAC,CAAC;QAAC,CAAC;QAG1B,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC;QAGjC,MAAM,MAAM,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC;QAGlC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAE/C,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,CAAC;IACpC,CAAC;IAGD,OAAO,iCAAK,SAAS,EAAC,yBAAyB,aAC7C,gCAAK,SAAS,EAAC,eAAe,EAAC,EAAE,EAAE,WAAW,EAAE,EAAE,GAC5C,EACN,gCAAK,SAAS,EAAC,gBAAgB,YAC7B,gCAAK,SAAS,EAAE,sBAAsB,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,GAAQ,GAC5E,IACD,CAAA;AACT,CAAC;AAED,kBAAe,UAAU,CAAC"}

package/lib/output.preview/runtime.d.ts

@@ -0,0 +1,34 @@
+import { Norsk, WhepOutputSettings as SdkSettings } from '@norskvideo/norsk-sdk';
+import { OnCreated, ServerComponentDefinition, StudioRuntime } from '@norskvideo/norsk-studio/lib/extension/runtime-types';
+import { SimpleSinkWrapper } from '@norskvideo/norsk-studio/lib/extension/base-nodes';
+import { HardwareAccelerationType } from '@norskvideo/norsk-studio/lib/shared/config';
+export type PreviewOutputSettings = {
+    id: string;
+    displayName: string;
+    bufferDelayMs?: SdkSettings['bufferDelayMs'];
+    __global: {
+        iceServers: string[];
+        hardware?: HardwareAccelerationType;
+    };
+};
+export type PreviewOutputState = {
+    url?: string;
+    levels?: {
+        peak: number;
+        rms: number;
+    };
+};
+export type PreviewOutputEvent = {
+    type: 'url-published';
+    url: string;
+} | {
+    type: 'audio-levels';
+    levels: {
+        peak: number;
+        rms: number;
+    };
+};
+export type PreviewOutputCommand = object;
+export default class WhepOutputDefinition implements ServerComponentDefinition<PreviewOutputSettings, SimpleSinkWrapper, PreviewOutputState, PreviewOutputCommand, PreviewOutputEvent> {
+    create(norsk: Norsk, cfg: PreviewOutputSettings, cb: OnCreated<SimpleSinkWrapper>, runtime: StudioRuntime<PreviewOutputState, PreviewOutputEvent>): Promise<void>;
+}

package/lib/output.preview/runtime.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const norsk_sdk_1 = require("@norskvideo/norsk-sdk");
+const base_nodes_1 = require("@norskvideo/norsk-studio/lib/extension/base-nodes");
+const logging_1 = require("@norskvideo/norsk-studio/lib/server/logging");
+class WhepOutputDefinition {
+    async create(norsk, cfg, cb, runtime) {
+        const node = new PreviewOutput(norsk, runtime, cfg);
+        await node.initialised;
+        cb(node);
+    }
+}
+exports.default = WhepOutputDefinition;
+class PreviewOutput extends base_nodes_1.CustomSinkNode {
+    initialised;
+    norsk;
+    updates;
+    shared;
+    cfg;
+    encoder;
+    whep;
+    audioLevels;
+    constructor(norsk, { updates, shared }, cfg) {
+        super(cfg.id);
+        this.cfg = cfg;
+        this.norsk = norsk;
+        this.updates = updates;
+        this.shared = shared;
+        this.initialised = this.initialise();
+    }
+    async initialise() {
+        const whepCfg = {
+            id: `${this.cfg.id}-whep`,
+            bufferDelayMs: this.cfg.bufferDelayMs,
+            iceServers: this.cfg.__global.iceServers?.map((s) => ({ urls: [s] })),
+            onPublishStart: () => {
+                const url = this.whep?.endpointUrl;
+                if (url) {
+                    this.updates.raiseEvent({ type: 'url-published', url });
+                }
+            }
+        };
+        this.whep = await this.norsk.output.whep(whepCfg);
+        this.audioLevels = await this.norsk.processor.control.audioMeasureLevels({
+            id: `${this.cfg.id}-audiolevels`,
+            onData: (levels) => {
+                const total = levels.channelLevels.reduce((acc, l) => {
+                    acc.peak += l.peak ?? 0;
+                    acc.rms += l.rms ?? 0;
+                    return acc;
+                }, { rms: 0, peak: 0 });
+                this.updates.raiseEvent({
+                    type: 'audio-levels',
+                    levels: {
+                        peak: levels.channelLevels.length == 0 ? 0 : total.peak / levels.channelLevels.length,
+                        rms: levels.channelLevels.length == 0 ? 0 : total.rms / levels.channelLevels.length
+                    }
+                });
+            }
+        });
+        this.registerInput(this.whep);
+        this.registerInput(this.audioLevels);
+    }
+    subscribe(sources, _opts) {
+        void this.subscribeImpl(sources);
+    }
+    async subscribeImpl(sources) {
+        const videoSource = sources.filter((s) => s.streams.select.includes("video"))[0];
+        const audioSource = sources.filter((s) => s.streams.select.includes("audio"))[0];
+        if (!this.encoder) {
+            (0, logging_1.debuglog)("Finding preview encode for preview node", this.id);
+            this.encoder = await this.shared.previewEncode(videoSource.selectVideo()[0], this.cfg.__global.hardware);
+            this.registerInput(this.encoder);
+        }
+        this.audioLevels?.subscribe(audioSource.selectAudio());
+        const subscriptions = [{
+                source: this.encoder,
+                sourceSelector: norsk_sdk_1.selectVideo
+            }];
+        if (audioSource?.source.relatedMediaNodes.output) {
+            subscriptions.push(audioSource.selectAudio()[0]);
+        }
+        this.whep?.subscribe(subscriptions, (ctx) => ctx.streams.length == subscriptions.length);
+    }
+}
+//# sourceMappingURL=runtime.js.map