@norskvideo/norsk-studio-built-ins 1.11.6 → 1.12.0-2025-01-28-397642d6

package/lib/output.whep/info.js

@@ -1,13 +1,42 @@
 "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.default = default_1;
 const config_1 = require("@norskvideo/norsk-studio/lib/shared/config");
+const react_1 = __importDefault(require("react"));
 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.whep',
         category: 'output',
         name: "WHEP Egest",
+        description: "This component allows us to use WebRTC egress for outputs.",
         subscription: {
             accepts: {
                 type: 'single-stream',
@@ -15,14 +44,34 @@ function default_1(R) {
             },
         },
         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;
+                    default:
+                        assertUnreachable(evType);
+                }
+                return { ...state };
+            },
+            inline: InlineView
+        },
         configForm: {
             global: {
                 iceServers: (0, config_1.GlobalIceServers)(R)
             },
             form: {
                 bufferDelayMs: { help: "How many milliseconds in the jitter buffer", hint: { type: 'numeric', validation: JitterBuffer, defaultValue: 500.0 } },
-            }
+                showPreview: { help: "Show video preview", hint: { type: 'boolean', defaultValue: true } }
+            },
         }
     });
 }
+function assertUnreachable(_) {
+    throw new Error("Didn't expect to get here");
+}
 //# sourceMappingURL=info.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"info.js","sourceRoot":"","sources":["../../src/output.whep/info.ts"],"names":[],"mappings":";;AAKA,4BA+BC;AAjCD,uEAA6E;AAE7E,mBAAwB,CAAe;IACrC,MAAM,EACJ,eAAe,EACf,EAAE,EACF,UAAU,EAAE,EAAE,YAAY,EAAE,GAC7B,GAAG,CAAC,CAAC;IACN,OAAO,eAAe,CAAqB;QACzC,UAAU,EAAE,aAAa;QACzB,QAAQ,EAAE,QAAQ;QAClB,IAAI,EAAE,YAAY;QAClB,YAAY,EAAE;YAMZ,OAAO,EAAE;gBACP,IAAI,EAAE,eAAe;gBACrB,KAAK,EAAE,EAAE;aACV;SACF;QACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC,CAAC;QAClC,UAAU,EAAE;YACV,MAAM,EAAE;gBACN,UAAU,EAAE,IAAA,yBAAgB,EAAC,CAAC,CAAC;aAChC;YACD,IAAI,EAAE;gBACJ,aAAa,EAAE,EAAE,IAAI,EAAE,4CAA4C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE;aAChJ;SACF;KACF,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"info.js","sourceRoot":"","sources":["../../src/output.whep/info.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,4BAmDC;AAtDD,uEAA6E;AAC7E,kDAA0B;AAE1B,mBAAwB,CAAe;IACrC,MAAM,EACJ,eAAe,EACf,EAAE,EACF,UAAU,EAAE,EAAE,YAAY,EAAE,GAC7B,GAAG,CAAC,CAAC;IACN,MAAM,UAAU,GAAG,eAAK,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,mDAAQ,eAAe,GAAC,CAAC,CAAC;IAEnE,OAAO,eAAe,CAA0E;QAC9F,UAAU,EAAE,aAAa;QACzB,QAAQ,EAAE,QAAQ;QAClB,IAAI,EAAE,YAAY;QAClB,WAAW,EAAE,4DAA4D;QACzE,YAAY,EAAE;YAMZ,OAAO,EAAE;gBACP,IAAI,EAAE,eAAe;gBACrB,KAAK,EAAE,EAAE;aACV;SACF;QACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC,CAAC;QAClC,GAAG,EAAE,CAAC,YAAY,CAAC;QACnB,OAAO,EAAE;YACP,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;YACxB,WAAW,CAAC,EAAE,EAAE,KAAK;gBACnB,MAAM,MAAM,GAAG,EAAE,CAAC,IAAI,CAAC;gBACvB,QAAQ,MAAM,EAAE,CAAC;oBACf,KAAK,eAAe;wBAClB,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;wBACnB,MAAM;oBACR;wBACE,iBAAiB,CAAC,MAAM,CAAC,CAAA;gBAC7B,CAAC;gBACD,OAAO,EAAE,GAAG,KAAK,EAAE,CAAC;YACtB,CAAC;YACD,MAAM,EAAE,UAAU;SACnB;QACD,UAAU,EAAE;YACV,MAAM,EAAE;gBACN,UAAU,EAAE,IAAA,yBAAgB,EAAC,CAAC,CAAC;aAChC;YACD,IAAI,EAAE;gBACJ,aAAa,EAAE,EAAE,IAAI,EAAE,4CAA4C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE;gBAC/I,WAAW,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,IAAI,EAAE,EAAC,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,EAAC;aACzF;SACF;KACF,CAAC,CAAC;AACL,CAAC;AAED,SAAS,iBAAiB,CAAC,CAAQ;IACjC,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAC;AAC/C,CAAC"}

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

@@ -0,0 +1,4 @@
+import type { WhepOutputState, WhepOutputSettings } from "./runtime";
+import type { ViewProps } from "@norskvideo/norsk-studio/lib/extension/client-types";
+declare function InlineView({ state, config, raise }: ViewProps<WhepOutputSettings, WhepOutputState>): import("react/jsx-runtime").JSX.Element;
+export default InlineView;

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

@@ -0,0 +1,57 @@
+"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, raise }) {
+    const url = state.url;
+    const id = config.id;
+    const [showPreview, setShowPreview] = (0, react_1.useState)(config.showPreview ?? true);
+    const [client, setClient] = (0, react_1.useState)(null);
+    const createClient = (url) => {
+        const newClient = new webrtc_client_1.WhepClient({
+            url,
+            container: document.getElementById(`whep-${id}`) ?? undefined,
+        });
+        newClient.start().catch(console.error);
+        return newClient;
+    };
+    const cleanupClient = (client) => {
+        client.outputVideoTracks.forEach(track => track.stop());
+        if (client.outputAudioTrack) {
+            client.outputAudioTrack.stop();
+        }
+        client.videoElements.forEach(video => {
+            video.srcObject = null;
+            video.remove();
+        });
+    };
+    (0, react_1.useEffect)(() => {
+        if (!url || !showPreview) {
+            if (client) {
+                cleanupClient(client);
+                setClient(null);
+            }
+            return;
+        }
+        const newClient = createClient(url);
+        setClient(newClient);
+        return () => {
+            cleanupClient(newClient);
+        };
+    }, [state.url, showPreview]);
+    (0, react_1.useEffect)(() => {
+        setShowPreview(config.showPreview ?? true);
+    }, [config.showPreview]);
+    raise && (0, react_1.useEffect)(raise, []);
+    if (!url)
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "..." });
+    const videoStyles = `
+    #whep-${id} video::-webkit-media-controls-play-button { 
+      display: none; 
+    }
+  `;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "whep-container", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", id: `video-toggle-${id}`, checked: showPreview, onChange: (e) => setShowPreview(e.target.checked), className: "h-4 w-4" }), (0, jsx_runtime_1.jsx)("label", { htmlFor: `video-toggle-${id}`, className: "text-sm", children: "Show Preview" })] }), showPreview ? ((0, jsx_runtime_1.jsx)("div", { className: "whep-video", id: `whep-${id}`, children: (0, jsx_runtime_1.jsx)("style", { children: videoStyles }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "whep-video bg-black flex items-center justify-center text-white h-full", children: "Preview turned off" }))] }));
+}
+exports.default = InlineView;
+//# sourceMappingURL=inline-view.js.map

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

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

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

@@ -1,15 +1,37 @@
-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 { Norsk, WhepOutputSettings as SdkSettings, WhepOutputNode } from '@norskvideo/norsk-sdk';
+import { OnCreated, RuntimeUpdates, ServerComponentDefinition, StudioNodeSubscriptionSource, StudioRuntime, StudioShared } from '@norskvideo/norsk-studio/lib/extension/runtime-types';
+import { CustomSinkNode, SimpleSinkWrapper, SubscriptionOpts } from '@norskvideo/norsk-studio/lib/extension/base-nodes';
 import { IceServer } from '@norskvideo/norsk-studio/lib/shared/config';
+import { ContextPromiseControl } from '@norskvideo/norsk-studio/lib/runtime/util';
 export type WhepOutputSettings = {
     id: string;
     displayName: string;
     bufferDelayMs?: SdkSettings['bufferDelayMs'];
+    showPreview?: boolean;
     __global: {
         iceServers: IceServer[];
     };
 };
-export default class WhepOutputDefinition implements ServerComponentDefinition<WhepOutputSettings, SimpleSinkWrapper> {
-    create(norsk: Norsk, cfg: WhepOutputSettings, cb: OnCreated<SimpleSinkWrapper>, { report }: StudioRuntime): Promise<void>;
+export type WhepOutputState = {
+    url?: string;
+};
+export type WhepOutputEvent = {
+    type: 'url-published';
+    url: string;
+};
+export type WhepOutputCommand = object;
+export declare class WhepOutput extends CustomSinkNode {
+    initialised: Promise<void>;
+    norsk: Norsk;
+    updates: RuntimeUpdates<WhepOutputState, WhepOutputCommand, WhepOutputEvent>;
+    shared: StudioShared;
+    cfg: WhepOutputSettings;
+    whep?: WhepOutputNode;
+    context: ContextPromiseControl;
+    constructor(norsk: Norsk, { updates, shared }: StudioRuntime<WhepOutputState, WhepOutputCommand, WhepOutputEvent>, cfg: WhepOutputSettings);
+    subscribe(sources: StudioNodeSubscriptionSource[], _opts?: SubscriptionOpts): void;
+    subscribeImpl(sources: StudioNodeSubscriptionSource[]): Promise<void>;
+}
+export default class WhepOutputDefinition implements ServerComponentDefinition<WhepOutputSettings, SimpleSinkWrapper, WhepOutputState, WhepOutputCommand, WhepOutputEvent> {
+    create(norsk: Norsk, cfg: WhepOutputSettings, cb: OnCreated<SimpleSinkWrapper>, runtime: StudioRuntime<WhepOutputState, WhepOutputCommand, WhepOutputEvent>): Promise<void>;
 }

package/lib/output.whep/runtime.js

@@ -1,21 +1,72 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.WhepOutput = void 0;
 const base_nodes_1 = require("@norskvideo/norsk-studio/lib/extension/base-nodes");
 const webrtcSettings_1 = require("../shared/webrtcSettings");
+const util_1 = require("@norskvideo/norsk-studio/lib/runtime/util");
+class WhepOutput extends base_nodes_1.CustomSinkNode {
+    initialised;
+    norsk;
+    updates;
+    shared;
+    cfg;
+    whep;
+    context = new util_1.ContextPromiseControl(this.subscribeImpl.bind(this));
+    constructor(norsk, { updates, shared }, cfg) {
+        super(cfg.id);
+        this.cfg = cfg;
+        this.norsk = norsk;
+        this.updates = updates;
+        this.shared = shared;
+        this.initialised = Promise.resolve();
+    }
+    subscribe(sources, _opts) {
+        this.context.setSources(sources);
+    }
+    async subscribeImpl(sources) {
+        const videoSource = sources.filter((s) => s.streams.select.includes("video")).at(0)?.selectVideo();
+        const audioSource = sources.filter((s) => s.streams.select.includes("audio")).at(0)?.selectAudio();
+        const subscriptions = [];
+        if (videoSource && videoSource.length > 0) {
+            subscriptions.push(videoSource[0]);
+        }
+        if (audioSource && audioSource.length > 0) {
+            subscriptions.push(audioSource[0]);
+        }
+        if (subscriptions.length > 0) {
+            if (!this.whep) {
+                const whepCfg = {
+                    id: `${this.cfg.id}-whep`,
+                    bufferDelayMs: this.cfg.bufferDelayMs,
+                    onPublishStart: () => {
+                        const url = this.whep?.endpointUrl;
+                        if (url) {
+                            this.updates.raiseEvent({ type: 'url-published', url });
+                            this.updates.update({ url });
+                        }
+                    },
+                    ...(0, webrtcSettings_1.webRtcSettings)(this.cfg.__global.iceServers)
+                };
+                this.whep = await this.norsk.output.whep(whepCfg);
+            }
+            this.whep?.subscribe(subscriptions, (ctx) => {
+                return ctx.streams.length === subscriptions.length;
+            });
+        }
+        else {
+            await this.whep?.close();
+            this.whep = undefined;
+            this.updates.update({});
+        }
+    }
+}
+exports.WhepOutput = WhepOutput;
 class WhepOutputDefinition {
-    async create(norsk, cfg, cb, { report }) {
-        const wrapper = new base_nodes_1.SimpleSinkWrapper(cfg.id, async () => {
-            const mappedCfg = {
-                id: cfg.id,
-                bufferDelayMs: cfg.bufferDelayMs,
-                ...(0, webrtcSettings_1.webRtcSettings)(cfg.__global.iceServers),
-            };
-            const node = await norsk.output.whep(mappedCfg);
-            report.registerOutput(cfg.id, node.playerUrl);
-            return node;
-        });
-        await wrapper.initialised;
-        void cb(wrapper);
+    async create(norsk, cfg, cb, runtime) {
+        const node = new WhepOutput(norsk, runtime, cfg);
+        runtime.report.registerOutput(cfg.id, node.whep?.endpointUrl);
+        await node.initialised;
+        cb(node);
     }
 }
 exports.default = WhepOutputDefinition;

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

@@ -1 +1 @@
-{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/output.whep/runtime.ts"],"names":[],"mappings":";;AAGA,kFAAsF;AAEtF,6DAAwD;AAWxD,MAAqB,oBAAoB;IACvC,KAAK,CAAC,MAAM,CAAC,KAAY,EAAE,GAAuB,EAAE,EAAgC,EAAE,EAAE,MAAM,EAAiB;QAC7G,MAAM,OAAO,GAAG,IAAI,8BAAiB,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,IAAI,EAAE;YACvD,MAAM,SAAS,GAAgB;gBAC7B,EAAE,EAAE,GAAG,CAAC,EAAE;gBACV,aAAa,EAAE,GAAG,CAAC,aAAa;gBAChC,GAAI,IAAA,+BAAc,EAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC;aAC5C,CAAC;YACF,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAChD,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YAC9C,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;QACH,MAAM,OAAO,CAAC,WAAW,CAAC;QAC1B,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;CACF;AAfD,uCAeC"}
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/output.whep/runtime.ts"],"names":[],"mappings":"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"}

package/lib/output.whep/types.d.ts

@@ -0,0 +1,101 @@
+export interface paths {
+    "/enable": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get?: never;
+        put?: never;
+        post: {
+            parameters: {
+                query?: never;
+                header?: never;
+                path?: never;
+                cookie?: never;
+            };
+            requestBody?: never;
+            responses: {
+                204: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
+                    content?: never;
+                };
+                400: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
+                    content?: never;
+                };
+                500: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
+                    content?: never;
+                };
+            };
+        };
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
+    "/disable": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get?: never;
+        put?: never;
+        post: {
+            parameters: {
+                query?: never;
+                header?: never;
+                path?: never;
+                cookie?: never;
+            };
+            requestBody?: never;
+            responses: {
+                204: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
+                    content?: never;
+                };
+                400: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
+                    content?: never;
+                };
+                500: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
+                    content?: never;
+                };
+            };
+        };
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
+}
+export type webhooks = Record<string, never>;
+export interface components {
+    schemas: never;
+    responses: never;
+    parameters: never;
+    requestBodies: never;
+    headers: never;
+    pathItems: never;
+}
+export type $defs = Record<string, never>;
+export type operations = Record<string, never>;

package/lib/output.whep/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/lib/output.whep/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/output.whep/types.ts"],"names":[],"mappings":""}

package/lib/output.whep/types.yaml

@@ -0,0 +1,30 @@
+openapi: 3.0.0
+info:
+  title: Whep Output Component
+  version: 1.0.0
+
+paths:
+  /enable:
+    post:
+      summary: Enable WHEP output
+      description: Enables output if currently disabled
+      x-route-type: instance
+      responses:
+        204:
+          description: Output successfully enabled
+        400:
+          description: Output is already enabled
+        500:
+          description: Server error while enabling output
+  /disable:
+    post:
+      summary: Disable WHEP output
+      description: Disables output if currently enabled
+      x-route-type: instance
+      responses:
+        204:
+          description: Output successfully disabled
+        400:
+          description: Output is already disabled
+        500:
+          description: Server error while disabling output

package/lib/processor.browserOverlay/info.d.ts

@@ -1,3 +1,3 @@
 import type Registration from "@norskvideo/norsk-studio/lib/extension/registration";
-import type { BrowserOverlayConfig } from "./runtime";
-export default function ({ defineComponent, Video, validation: { Z }, }: Registration): import("@norskvideo/norsk-studio/lib/extension/client-types").NodeInfo<BrowserOverlayConfig, object, object, object>;
+import type { BrowserOverlayCommand, BrowserOverlayConfig, BrowserOverlayEvent, BrowserOverlayState } from "./runtime";
+export default function ({ defineComponent, Video, validation: { Z }, }: Registration): import("@norskvideo/norsk-studio/lib/extension/client-types").NodeInfo<BrowserOverlayConfig, BrowserOverlayState, BrowserOverlayCommand, BrowserOverlayEvent>;

package/lib/processor.browserOverlay/info.js

@@ -1,12 +1,42 @@
 "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.default = default_1;
 const config_1 = require("@norskvideo/norsk-studio/lib/shared/config");
+const react_1 = __importDefault(require("react"));
+const SummaryView = react_1.default.lazy(async () => Promise.resolve().then(() => __importStar(require('./summary-view'))));
+const InlineView = react_1.default.lazy(async () => Promise.resolve().then(() => __importStar(require('./inline-view'))));
 function default_1({ defineComponent, Video, validation: { Z }, }) {
     return defineComponent({
-        identifier: 'processor.transform.browserOverlay',
+        identifier: 'processor.browserOverlay',
         category: 'processor',
         name: "Browser Overlay",
+        description: 'Capture a live URL and overlay onto a video',
         subscription: {
             accepts: {
                 type: 'single-stream',
@@ -22,9 +52,30 @@ function default_1({ defineComponent, Video, validation: { Z }, }) {
         },
         display: (desc) => {
             return {
-                url: desc.config?.url
+                url: desc.config.url
             };
         },
+        runtime: {
+            summary: SummaryView,
+            inline: InlineView,
+            initialState: () => ({
+                currentUrl: "",
+                enabled: true
+            }),
+            handleEvent: (ev, state) => {
+                const evType = ev.type;
+                switch (evType) {
+                    case "url-changed":
+                        return { ...state, currentUrl: ev.url };
+                    case "enabled":
+                        return { ...state, enabled: true };
+                    case "disabled":
+                        return { ...state, enabled: false };
+                    default:
+                        assertUnreachable(evType);
+                }
+            }
+        },
         configForm: {
             global: {
                 hardware: (0, config_1.HardwareSelection)()
@@ -35,4 +86,7 @@ function default_1({ defineComponent, Video, validation: { Z }, }) {
         }
     });
 }
+function assertUnreachable(_) {
+    throw new Error("Didn't expect to get here");
+}
 //# sourceMappingURL=info.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"info.js","sourceRoot":"","sources":["../../src/processor.browserOverlay/info.ts"],"names":[],"mappings":";;AAKA,4BAqCC;AAxCD,uEAA+E;AAG/E,mBAAwB,EACtB,eAAe,EACf,KAAK,EACL,UAAU,EAAE,EAAE,CAAC,EAAE,GACJ;IACb,OAAO,eAAe,CAAuB;QAC3C,UAAU,EAAE,oCAAoC;QAChD,QAAQ,EAAE,WAAW;QACrB,IAAI,EAAE,iBAAiB;QACvB,YAAY,EAAE;YAEZ,OAAO,EAAE;gBACP,IAAI,EAAE,eAAe;gBACrB,KAAK,EAAE,KAAK;aACb;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,eAAe;gBACrB,KAAK,EAAE,KAAK;aACb;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,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG;aACtB,CAAA;QACH,CAAC;QACD,UAAU,EAAE;YACV,MAAM,EAAE;gBACN,QAAQ,EAAE,IAAA,0BAAiB,GAAE;aAC9B;YACD,IAAI,EAAE;gBACJ,GAAG,EAAE,EAAE,IAAI,EAAE,mCAAmC,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE;aAC3H;SACF;KACF,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"info.js","sourceRoot":"","sources":["../../src/processor.browserOverlay/info.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,4BA2DC;AAjED,uEAA+E;AAC/E,kDAA0B;AAE1B,MAAM,WAAW,GAAG,eAAK,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,mDAAQ,gBAAgB,GAAC,CAAC,CAAC;AACrE,MAAM,UAAU,GAAG,eAAK,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,mDAAQ,eAAe,GAAC,CAAC,CAAC;AAEnE,mBAAwB,EACtB,eAAe,EACf,KAAK,EACL,UAAU,EAAE,EAAE,CAAC,EAAE,GACJ;IACb,OAAO,eAAe,CAAwF;QAC5G,UAAU,EAAE,0BAA0B;QACtC,QAAQ,EAAE,WAAW;QACrB,IAAI,EAAE,iBAAiB;QACvB,WAAW,EAAE,6CAA6C;QAC1D,YAAY,EAAE;YAEZ,OAAO,EAAE;gBACP,IAAI,EAAE,eAAe;gBACrB,KAAK,EAAE,KAAK;aACb;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,eAAe;gBACrB,KAAK,EAAE,KAAK;aACb;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,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG;aACrB,CAAA;QACH,CAAC;QACD,OAAO,EAAE;YACP,OAAO,EAAE,WAAW;YACpB,MAAM,EAAE,UAAU;YAClB,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC;gBACnB,UAAU,EAAE,EAAE;gBACd,OAAO,EAAE,IAAI;aACd,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,aAAa;wBAChB,OAAO,EAAE,GAAG,KAAK,EAAE,UAAU,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC;oBAC1C,KAAK,SAAS;wBACZ,OAAO,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oBACrC,KAAK,UAAU;wBACb,OAAO,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,KAAK,EAAC,CAAC;oBACrC;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,GAAG,EAAE,EAAE,IAAI,EAAE,mCAAmC,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE;aAC3H;SACF;KACF,CAAC,CAAC;AACL,CAAC;AAED,SAAS,iBAAiB,CAAC,CAAQ;IACjC,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAC;AAC/C,CAAC"}

package/lib/processor.browserOverlay/inline-view.d.ts

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

package/lib/processor.browserOverlay/inline-view.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function InlineView({ state, config }) {
+    return (0, jsx_runtime_1.jsx)("div", { id: `browser-overlay-${config.id}`, children: (0, jsx_runtime_1.jsxs)("div", { className: "w-64 grid grid-cols-[min-content,1fr] gap-2", children: [(0, jsx_runtime_1.jsx)("div", { children: "URL:" }), (0, jsx_runtime_1.jsx)("div", { className: "truncate", children: state.currentUrl }), (0, jsx_runtime_1.jsx)("div", { children: "Enabled:" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("label", { className: "inline-flex items-center cursor-pointer", children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: state.enabled, disabled: true, className: "sr-only peer" }), (0, jsx_runtime_1.jsx)("div", { className: "relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" })] }) })] }) });
+}
+exports.default = InlineView;
+//# sourceMappingURL=inline-view.js.map

package/lib/processor.browserOverlay/inline-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-view.js","sourceRoot":"","sources":["../../src/processor.browserOverlay/inline-view.tsx"],"names":[],"mappings":";;;AAEA,SAAS,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAgE;IAClG,OAAO,gCAAK,EAAE,EAAE,mBAAmB,MAAM,CAAC,EAAE,EAAE,YAC7C,iCAAK,SAAS,EAAC,6CAA6C,aAC3D,mDAAe,EACf,gCAAK,SAAS,EAAC,UAAU,YAAE,KAAK,CAAC,UAAU,GAAO,EAElD,uDAAmB,EACnB,0CACC,mCAAO,SAAS,EAAC,yCAAyC,aACzD,kCAAO,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,QAAQ,QAAC,SAAS,EAAC,cAAc,GAAG,EACnF,gCAAK,SAAS,EAAC,gfAAgf,GAAO,IAC/f,GACH,IACD,GACD,CAAA;AACP,CAAC;AAED,kBAAe,UAAU,CAAC"}

package/lib/processor.browserOverlay/runtime.d.ts

@@ -1,5 +1,5 @@
-import { BrowserInputNode, Norsk, VideoComposeNode, VideoStreamMetadata } from '@norskvideo/norsk-sdk';
-import { CreatedMediaNode, OnCreated, RelatedMediaNodes, ServerComponentDefinition, StudioNodeSubscriptionSource } from '@norskvideo/norsk-studio/lib/extension/runtime-types';
+import { BrowserInputNode, ComposePart, Norsk, VideoComposeNode, VideoStreamMetadata } from '@norskvideo/norsk-sdk';
+import { CreatedMediaNode, InstanceRouteInfo, OnCreated, RelatedMediaNodes, RuntimeUpdates, ServerComponentDefinition, StudioNodeSubscriptionSource, StudioRuntime } from '@norskvideo/norsk-studio/lib/extension/runtime-types';
 import { HardwareAccelerationType } from '@norskvideo/norsk-studio/lib/shared/config';
 import { ContextPromiseControl } from '@norskvideo/norsk-studio/lib/runtime/util';
 export type BrowserOverlayConfig = {
@@ -10,24 +10,58 @@ export type BrowserOverlayConfig = {
     displayName: string;
     url: string;
 };
-export default class BrowserOverlayDefinition implements ServerComponentDefinition<BrowserOverlayConfig, BrowserOverlay> {
-    create(norsk: Norsk, cfg: BrowserOverlayConfig, cb: OnCreated<BrowserOverlay>): Promise<void>;
+export type BrowserOverlayState = {
+    currentUrl: string;
+    enabled: boolean;
+};
+export type BrowserOverlayCommand = BrowserOverlayChangeUrlCommand | BrowserOverlayEnableCommand | BrowserOverlayDisableCommand;
+export type BrowserOverlayChangeUrlCommand = {
+    type: 'change-url';
+    url: string;
+};
+export type BrowserOverlayEnableCommand = {
+    type: 'enable';
+};
+export type BrowserOverlayDisableCommand = {
+    type: 'disable';
+};
+export type BrowserOverlayEvent = BrowserOverlayChangedUrlEvent | BrowserOverlayEnabledEvent | BrowserOverlayDisabledEvent;
+export type BrowserOverlayChangedUrlEvent = {
+    type: 'url-changed';
+    url: string;
+};
+export type BrowserOverlayEnabledEvent = {
+    type: 'enabled';
+};
+export type BrowserOverlayDisabledEvent = {
+    type: 'disabled';
+};
+export default class BrowserOverlayDefinition implements ServerComponentDefinition<BrowserOverlayConfig, BrowserOverlay, BrowserOverlayState, BrowserOverlayCommand, BrowserOverlayEvent> {
+    create(norsk: Norsk, cfg: BrowserOverlayConfig, cb: OnCreated<BrowserOverlay>, runtime: StudioRuntime<BrowserOverlayState, BrowserOverlayCommand, BrowserOverlayEvent>): Promise<void>;
+    handleCommand(node: BrowserOverlay, command: BrowserOverlayCommand): Promise<void>;
+    instanceRoutes(): Promise<InstanceRouteInfo<BrowserOverlayConfig, BrowserOverlay, BrowserOverlayState, BrowserOverlayCommand, BrowserOverlayEvent>[]>;
 }
 export declare class BrowserOverlay implements CreatedMediaNode {
     compose?: VideoComposeNode<"video" | "overlay">;
     browser?: BrowserInputNode;
     currentVideo?: VideoStreamMetadata;
     norsk: Norsk;
+    updates: RuntimeUpdates<BrowserOverlayState, BrowserOverlayCommand, BrowserOverlayEvent>;
     control: ContextPromiseControl;
     videoSource?: StudioNodeSubscriptionSource;
     cfg: BrowserOverlayConfig;
     initialised: Promise<void>;
     id: string;
     relatedMediaNodes: RelatedMediaNodes;
-    static create(norsk: Norsk, cfg: BrowserOverlayConfig): Promise<BrowserOverlay>;
-    constructor(norsk: Norsk, cfg: BrowserOverlayConfig);
+    enabledParts: ComposePart<'video' | 'overlay'>[];
+    disabledParts: ComposePart<'video' | 'overlay'>[];
+    static create(norsk: Norsk, cfg: BrowserOverlayConfig, updates: RuntimeUpdates<BrowserOverlayState, BrowserOverlayCommand, BrowserOverlayEvent>): Promise<BrowserOverlay>;
+    constructor(norsk: Norsk, cfg: BrowserOverlayConfig, updates: RuntimeUpdates<BrowserOverlayState, BrowserOverlayCommand, BrowserOverlayEvent>);
     initialise(): Promise<void>;
     subscribe(sources: StudioNodeSubscriptionSource[]): void;
     handleContext(): Promise<void>;
     close(): Promise<void>;
+    changeUrl(newUrl: string): Promise<void>;
+    enable(): Promise<void>;
+    disable(): Promise<void>;
 }