@norskvideo/norsk-studio-built-ins 1.0.0 → 1.0.1

package/client/info.js

@@ -743,7 +743,7 @@ var require_config = __commonJS({
       return void 0;
     }
     exports.contractHardwareAcceleration = contractHardwareAcceleration;
-    function HardwareSelection6() {
+    function HardwareSelection7() {
       return {
         id: "hardware-acceleration",
         form: {
@@ -761,7 +761,7 @@ var require_config = __commonJS({
         }
       };
     }
-    exports.HardwareSelection = HardwareSelection6;
+    exports.HardwareSelection = HardwareSelection7;
     function RootDataDir() {
       return {
         id: "root-data-dir",
@@ -1442,6 +1442,94 @@ var init_inline_view8 = __esm({
   }
 });
 
+// build/processor.dynamicBug/bug-selection.js
+var bug_selection_exports = {};
+__export(bug_selection_exports, {
+  default: () => bug_selection_default
+});
+function BugSelection(props) {
+  const [loading, setLoading] = (0, import_react33.useState)(true);
+  (0, import_react33.useEffect)(() => {
+    const fn = async () => {
+      const result2 = await fetch("components/processor.dynamicBug/bugs");
+      if (result2.ok && result2.body) {
+        const bugs2 = await result2.json();
+        setBugs(bugs2);
+        setLoading(false);
+        if (props.defaultValue)
+          props.onChanged(props.defaultValue);
+      } else {
+        const text = await result2.text();
+        throw new Error(text);
+      }
+    };
+    fn().catch(console.error);
+  }, []);
+  const [bugs, setBugs] = (0, import_react33.useState)([]);
+  if (loading) {
+    return (0, import_jsx_runtime31.jsx)("div", { children: "Loading.." });
+  }
+  if (bugs.length == 0) {
+    return (0, import_jsx_runtime31.jsx)("div", { children: "No bugs loaded" });
+  }
+  return (0, import_jsx_runtime31.jsx)("div", { children: (0, import_jsx_runtime31.jsxs)("select", { defaultValue: props.defaultValue, className: `node-editor-select-input`, id: props.id, onChange: myOnChange, onBlur: myOnChange, children: [(0, import_jsx_runtime31.jsx)("option", { value: "", children: "---" }, "empty"), bugs.map((o, i) => {
+    return (0, import_jsx_runtime31.jsx)("option", { value: o, children: o }, i);
+  })] }) });
+  function myOnChange(e) {
+    props.onChanged(e.target.value);
+  }
+}
+var import_jsx_runtime31, import_react33, bug_selection_default;
+var init_bug_selection = __esm({
+  "build/processor.dynamicBug/bug-selection.js"() {
+    "use strict";
+    import_jsx_runtime31 = __toESM(require_jsx_runtime());
+    import_react33 = __toESM(require_react());
+    bug_selection_default = BugSelection;
+  }
+});
+
+// build/processor.dynamicBug/summary-view.js
+var summary_view_exports5 = {};
+__export(summary_view_exports5, {
+  default: () => summary_view_default5
+});
+function SummaryView7({ state, config, sendCommand }) {
+  const [bug, setBug] = (0, import_react34.useState)(state.activeBug?.file ?? config.defaultBug);
+  const [orientation, setOrientation] = (0, import_react34.useState)(state.activeBug?.orientation ?? config.defaultOrientation);
+  const [bugs, setBugs] = (0, import_react34.useState)([]);
+  (0, import_react34.useEffect)(() => {
+    const fn = async () => {
+      const result2 = await fetch("components/processor.dynamicBug/bugs");
+      if (result2.ok && result2.body) {
+        const bugs2 = await result2.json();
+        setBugs(bugs2);
+      } else {
+        const text = await result2.text();
+        throw new Error(text);
+      }
+    };
+    fn().catch(console.error);
+  }, []);
+  return (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [(0, import_jsx_runtime32.jsx)("h2", { children: "Controls" }), (0, import_jsx_runtime32.jsx)("label", { htmlFor: "select-preview", className: "mt-2", children: "Source" }), (0, import_jsx_runtime32.jsxs)("select", { id: "select-bug", className: "mt-2 node-editor-select-input", onChange: (e) => {
+    setBug(e.currentTarget.value);
+  }, children: [(0, import_jsx_runtime32.jsx)("option", { selected: bug === void 0, children: "---" }), bugs.map((s, i) => (0, import_jsx_runtime32.jsx)("option", { selected: bug == s, value: s, children: s }, i))] }), (0, import_jsx_runtime32.jsxs)("select", { id: "select-orientation", className: "mt-2 node-editor-select-input", onChange: (e) => {
+    setOrientation(e.currentTarget.value);
+  }, children: [(0, import_jsx_runtime32.jsx)("option", { selected: orientation === void 0, children: "---" }), (0, import_jsx_runtime32.jsx)("option", { value: "topleft", selected: orientation === "topleft", children: "Top Left" }), (0, import_jsx_runtime32.jsx)("option", { value: "topright", selected: orientation === "topright", children: "Top Right" }), (0, import_jsx_runtime32.jsx)("option", { value: "bottomleft", selected: orientation === "bottomleft", children: "Bottom Left" }), (0, import_jsx_runtime32.jsx)("option", { value: "bottomright", selected: orientation === "bottomright", children: "Bottom Right" })] }), bug != state.activeBug?.file || orientation != state.activeBug?.orientation ? (0, import_jsx_runtime32.jsx)("button", { type: "button", className: "mt-2 mb-2 text-white w-full justify-center bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800", onClick: (e) => {
+    e.preventDefault();
+    sendCommand({ type: "change-bug", file: bug, orientation });
+  }, children: "Commit" }) : (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, {})] });
+}
+var import_jsx_runtime32, import_react34, summary_view_default5;
+var init_summary_view5 = __esm({
+  "build/processor.dynamicBug/summary-view.js"() {
+    "use strict";
+    import_jsx_runtime32 = __toESM(require_jsx_runtime());
+    import_react34 = __toESM(require_react());
+    summary_view_default5 = SummaryView7;
+  }
+});
+
 // build/processor.monetise/summary.js
 var summary_exports3 = {};
 __export(summary_exports3, {
@@ -1450,9 +1538,9 @@ __export(summary_exports3, {
 function InlineView14({ state, config, sendCommand }) {
   const url = state.url;
   const id = config.id;
-  const previewVideo = (0, import_react33.useRef)(null);
-  const durationSlider = (0, import_react33.useRef)(null);
-  (0, import_react33.useEffect)(() => {
+  const previewVideo = (0, import_react36.useRef)(null);
+  const durationSlider = (0, import_react36.useRef)(null);
+  (0, import_react36.useEffect)(() => {
     if (!url)
       return;
     setTimeout(() => {
@@ -1465,8 +1553,8 @@ function InlineView14({ state, config, sendCommand }) {
     }, 1e3);
   }, [state.url]);
   if (!url)
-    return (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: "Starting up..." });
-  return (0, import_jsx_runtime31.jsxs)("div", { className: "mb-5", children: [(0, import_jsx_runtime31.jsx)("div", { ref: previewVideo, className: "", id: `preview-${id}` }), state.currentAdvert ? (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: ["Advert currently playing: ", Math.floor(state.currentAdvert.timeLeftMs / 1e3), "s"] }) : (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [(0, import_jsx_runtime31.jsxs)("label", { htmlFor: "default-range", className: "block mb-2 text-sm font-medium text-gray-900 dark:text-white", children: ["Advert Duration (", durationSlider.current?.value ?? 16, "s)"] }), (0, import_jsx_runtime31.jsx)("input", { ref: durationSlider, id: "default-range", type: "range", defaultValue: "16", min: "16", max: "120", className: "w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer dark:bg-gray-700" }), (0, import_jsx_runtime31.jsx)("button", { onClick: sendAdvertCommand, type: "button", className: "mt-2 mb-2 text-white w-full justify-center bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800", children: "Inject Advert" })] })] });
+    return (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: "Starting up..." });
+  return (0, import_jsx_runtime33.jsxs)("div", { className: "mb-5", children: [(0, import_jsx_runtime33.jsx)("div", { ref: previewVideo, className: "", id: `preview-${id}` }), state.currentAdvert ? (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: ["Advert currently playing: ", Math.floor(state.currentAdvert.timeLeftMs / 1e3), "s"] }) : (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [(0, import_jsx_runtime33.jsxs)("label", { htmlFor: "default-range", className: "block mb-2 text-sm font-medium text-gray-900 dark:text-white", children: ["Advert Duration (", durationSlider.current?.value ?? 16, "s)"] }), (0, import_jsx_runtime33.jsx)("input", { ref: durationSlider, id: "default-range", type: "range", defaultValue: "16", min: "16", max: "120", className: "w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer dark:bg-gray-700" }), (0, import_jsx_runtime33.jsx)("button", { onClick: sendAdvertCommand, type: "button", className: "mt-2 mb-2 text-white w-full justify-center bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800", children: "Inject Advert" })] })] });
   function sendAdvertCommand() {
     if (!previewVideo.current)
       return;
@@ -1478,12 +1566,12 @@ function InlineView14({ state, config, sendCommand }) {
     });
   }
 }
-var import_jsx_runtime31, import_react33, import_webrtc_client2, summary_default3;
+var import_jsx_runtime33, import_react36, import_webrtc_client2, summary_default3;
 var init_summary3 = __esm({
   "build/processor.monetise/summary.js"() {
     "use strict";
-    import_jsx_runtime31 = __toESM(require_jsx_runtime());
-    import_react33 = __toESM(require_react());
+    import_jsx_runtime33 = __toESM(require_jsx_runtime());
+    import_react36 = __toESM(require_react());
     import_webrtc_client2 = __toESM(require_webrtc_client());
     summary_default3 = InlineView14;
   }
@@ -15813,8 +15901,8 @@ __export(inline_view_exports9, {
   default: () => inline_view_default9
 });
 function InlineView15({ state, config: _2 }) {
-  const chartContainer = (0, import_react35.useRef)(null);
-  const [chartControl, setChartControl] = (0, import_react35.useState)(void 0);
+  const chartContainer = (0, import_react38.useRef)(null);
+  const [chartControl, setChartControl] = (0, import_react38.useState)(void 0);
   function makeDataSet(key, color2, values) {
     return {
       label: key,
@@ -15831,7 +15919,7 @@ function InlineView15({ state, config: _2 }) {
       datasets: [makeDataSet("latency", "rgba(255, 0, 0, 255)", state2.values)]
     };
   }
-  (0, import_react35.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (!chartContainer.current)
       return;
     auto_default.defaults.color = "#FFF";
@@ -15869,19 +15957,19 @@ function InlineView15({ state, config: _2 }) {
       chart.update();
     }, 100);
   }, [chartContainer]);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (!chartControl)
       return;
     chartControl.data = makeData(state);
   }, [state]);
-  return (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-50 dark:bg-gray-700 rounded", style: { width: "360px", height: "200px", padding: "10px" }, children: (0, import_jsx_runtime32.jsx)("canvas", { className: "bg-gray-50 dark:bg-gray-700 rounded", ref: chartContainer }) });
+  return (0, import_jsx_runtime34.jsx)("div", { className: "bg-gray-50 dark:bg-gray-700 rounded", style: { width: "360px", height: "200px", padding: "10px" }, children: (0, import_jsx_runtime34.jsx)("canvas", { className: "bg-gray-50 dark:bg-gray-700 rounded", ref: chartContainer }) });
 }
-var import_jsx_runtime32, import_react35, inline_view_default9;
+var import_jsx_runtime34, import_react38, inline_view_default9;
 var init_inline_view9 = __esm({
   "build/util.latency/inline-view.js"() {
     "use strict";
-    import_jsx_runtime32 = __toESM(require_jsx_runtime());
-    import_react35 = __toESM(require_react());
+    import_jsx_runtime34 = __toESM(require_jsx_runtime());
+    import_react38 = __toESM(require_react());
     init_auto();
     inline_view_default9 = InlineView15;
   }
@@ -15893,22 +15981,22 @@ __export(source_node_selection_exports, {
   default: () => source_node_selection_default
 });
 function SourceNodeSelection(props) {
-  return (0, import_jsx_runtime33.jsx)("div", { children: (0, import_jsx_runtime33.jsxs)("select", { defaultValue: props.defaultValue, className: `node-editor-select-input`, id: props.id, onChange: myOnChange, onBlur: myOnChange, children: [(0, import_jsx_runtime33.jsx)("option", { value: "", children: "---" }, "empty"), Object.values(props.latestDocument.nodes).map((o, i) => {
+  return (0, import_jsx_runtime35.jsx)("div", { children: (0, import_jsx_runtime35.jsxs)("select", { defaultValue: props.defaultValue, className: `node-editor-select-input`, id: props.id, onChange: myOnChange, onBlur: myOnChange, children: [(0, import_jsx_runtime35.jsx)("option", { value: "", children: "---" }, "empty"), Object.values(props.latestDocument.nodes).map((o, i) => {
     if (o.id == props.id)
-      return (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, {});
+      return (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, {});
     if (o.info.category === "output")
       return;
-    return (0, import_jsx_runtime33.jsx)("option", { value: o.id, children: o.config.displayName }, i);
+    return (0, import_jsx_runtime35.jsx)("option", { value: o.id, children: o.config.displayName }, i);
   })] }) });
   function myOnChange(e) {
     props.onChanged(e.target.value);
   }
 }
-var import_jsx_runtime33, source_node_selection_default;
+var import_jsx_runtime35, source_node_selection_default;
 var init_source_node_selection = __esm({
   "build/util.latency/source-node-selection.js"() {
     "use strict";
-    import_jsx_runtime33 = __toESM(require_jsx_runtime());
+    import_jsx_runtime35 = __toESM(require_jsx_runtime());
     source_node_selection_default = SourceNodeSelection;
   }
 });
@@ -15919,8 +16007,8 @@ __export(inline_view_exports10, {
   default: () => inline_view_default10
 });
 function InlineView16({ state, config: _2 }) {
-  const chartContainer = (0, import_react37.useRef)(null);
-  const [chartControl, setChartControl] = (0, import_react37.useState)(void 0);
+  const chartContainer = (0, import_react40.useRef)(null);
+  const [chartControl, setChartControl] = (0, import_react40.useState)(void 0);
   function makeDataSet(key, color2, values) {
     return {
       label: key,
@@ -15941,7 +16029,7 @@ function InlineView16({ state, config: _2 }) {
       ]
     };
   }
-  (0, import_react37.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (!chartContainer.current)
       return;
     auto_default.defaults.color = "#FFF";
@@ -15979,19 +16067,19 @@ function InlineView16({ state, config: _2 }) {
       chart.update();
     }, 100);
   }, [chartContainer]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (!chartControl)
       return;
     chartControl.data = makeData(state);
   }, [state]);
-  return (0, import_jsx_runtime34.jsx)("div", { className: "bg-gray-50 dark:bg-gray-700 rounded", style: { width: "360px", height: "200px", padding: "10px" }, children: (0, import_jsx_runtime34.jsx)("canvas", { className: "bg-gray-50 dark:bg-gray-700 rounded", ref: chartContainer }) });
+  return (0, import_jsx_runtime36.jsx)("div", { className: "bg-gray-50 dark:bg-gray-700 rounded", style: { width: "360px", height: "200px", padding: "10px" }, children: (0, import_jsx_runtime36.jsx)("canvas", { className: "bg-gray-50 dark:bg-gray-700 rounded", ref: chartContainer }) });
 }
-var import_jsx_runtime34, import_react37, inline_view_default10;
+var import_jsx_runtime36, import_react40, inline_view_default10;
 var init_inline_view10 = __esm({
   "build/util.ma35d/inline-view.js"() {
     "use strict";
-    import_jsx_runtime34 = __toESM(require_jsx_runtime());
-    import_react37 = __toESM(require_react());
+    import_jsx_runtime36 = __toESM(require_jsx_runtime());
+    import_react40 = __toESM(require_react());
     init_auto();
     inline_view_default10 = InlineView16;
   }
@@ -16003,9 +16091,9 @@ __export(inline_view_exports11, {
   default: () => inline_view_default11
 });
 function InlineView17({ state, config: _2 }) {
-  const chartContainer = (0, import_react39.useRef)(null);
-  const [chartControl, setChartControl] = (0, import_react39.useState)(void 0);
-  (0, import_react39.useEffect)(() => {
+  const chartContainer = (0, import_react42.useRef)(null);
+  const [chartControl, setChartControl] = (0, import_react42.useState)(void 0);
+  (0, import_react42.useEffect)(() => {
     if (!chartContainer.current)
       return;
     if (state.timestamps.length < 2)
@@ -16067,7 +16155,7 @@ function InlineView17({ state, config: _2 }) {
       chart.update();
     }, 100);
   }, [chartContainer]);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (!chartControl)
       return;
     chartControl.data = {
@@ -16090,14 +16178,14 @@ function InlineView17({ state, config: _2 }) {
       })
     };
   }, [state]);
-  return (0, import_jsx_runtime35.jsx)("div", { className: "bg-gray-50 dark:bg-gray-700 rounded", style: { width: "360px", height: "200px", padding: "10px" }, children: (0, import_jsx_runtime35.jsx)("canvas", { className: "bg-gray-50 dark:bg-gray-700 rounded", ref: chartContainer }) });
+  return (0, import_jsx_runtime37.jsx)("div", { className: "bg-gray-50 dark:bg-gray-700 rounded", style: { width: "360px", height: "200px", padding: "10px" }, children: (0, import_jsx_runtime37.jsx)("canvas", { className: "bg-gray-50 dark:bg-gray-700 rounded", ref: chartContainer }) });
 }
-var import_jsx_runtime35, import_react39, inline_view_default11;
+var import_jsx_runtime37, import_react42, inline_view_default11;
 var init_inline_view11 = __esm({
   "build/util.timestamps/inline-view.js"() {
     "use strict";
-    import_jsx_runtime35 = __toESM(require_jsx_runtime());
-    import_react39 = __toESM(require_react());
+    import_jsx_runtime37 = __toESM(require_jsx_runtime());
+    import_react42 = __toESM(require_react());
     init_auto();
     inline_view_default11 = InlineView17;
   }
@@ -16525,7 +16613,7 @@ function info_default7({ defineComponent, Video, validation: { SourceName }, com
 // build/output.autoCmaf/info.js
 var import_react10 = __toESM(require_react());
 function info_default8({ defineComponent, All, validation: { Z, Hostname } }) {
-  const SummaryView7 = import_react10.default.lazy(async () => Promise.resolve().then(() => (init_summary(), summary_exports)));
+  const SummaryView8 = import_react10.default.lazy(async () => Promise.resolve().then(() => (init_summary(), summary_exports)));
   const FullscreenView3 = import_react10.default.lazy(async () => Promise.resolve().then(() => (init_fullscreen(), fullscreen_exports)));
   const SegmentConfiguration2 = import_react10.default.lazy(async () => {
     const views = await Promise.resolve().then(() => (init_form_views(), form_views_exports));
@@ -16572,7 +16660,7 @@ function info_default8({ defineComponent, All, validation: { Z, Hostname } }) {
         }
         return { ...state };
       },
-      summary: SummaryView7,
+      summary: SummaryView8,
       fullscreen: FullscreenView3
     },
     configForm: {
@@ -17065,8 +17153,8 @@ function info_default15(R) {
 // build/processor.actionReplay/info.js
 var import_react24 = __toESM(require_react());
 var import_config3 = __toESM(require_config());
-function info_default16({ defineComponent, assertUnreachable: assertUnreachable15, Av }) {
-  const SummaryView7 = import_react24.default.lazy(async () => Promise.resolve().then(() => (init_summary2(), summary_exports2)));
+function info_default16({ defineComponent, assertUnreachable: assertUnreachable16, Av }) {
+  const SummaryView8 = import_react24.default.lazy(async () => Promise.resolve().then(() => (init_summary2(), summary_exports2)));
   return defineComponent({
     identifier: "processor.transform.actionReplay",
     category: "processor",
@@ -17097,7 +17185,7 @@ function info_default16({ defineComponent, assertUnreachable: assertUnreachable1
       }
     },
     runtime: {
-      summary: SummaryView7,
+      summary: SummaryView8,
       initialState: () => ({
         replaying: false,
         contentPlayerUrl: void 0
@@ -17112,7 +17200,7 @@ function info_default16({ defineComponent, assertUnreachable: assertUnreachable1
           case "replay-finished":
             return { ...state, replaying: false };
           default:
-            return assertUnreachable15(evType);
+            return assertUnreachable16(evType);
         }
       }
     },
@@ -17133,7 +17221,7 @@ function info_default16({ defineComponent, assertUnreachable: assertUnreachable1
 var import_react26 = __toESM(require_react());
 function info_default17({ defineComponent, Audio, validation: { Z } }) {
   const InlineView18 = import_react26.default.lazy(async () => Promise.resolve().then(() => (init_inline_view6(), inline_view_exports6)));
-  const SummaryView7 = import_react26.default.lazy(async () => Promise.resolve().then(() => (init_summary_view3(), summary_view_exports3)));
+  const SummaryView8 = import_react26.default.lazy(async () => Promise.resolve().then(() => (init_summary_view3(), summary_view_exports3)));
   return defineComponent({
     identifier: "processor.audioLevel",
     category: "processor",
@@ -17174,7 +17262,7 @@ function info_default17({ defineComponent, Audio, validation: { Z } }) {
         return { ...state };
       },
       inline: InlineView18,
-      summary: SummaryView7
+      summary: SummaryView8
     },
     configForm: {
       form: {
@@ -17195,7 +17283,7 @@ function mkSourceKey3(sourceId, key) {
 function info_default18({ defineComponent, Audio, validation: { Z } }) {
   const InlineView18 = import_react28.default.lazy(async () => Promise.resolve().then(() => (init_inline_view7(), inline_view_exports7)));
   const FullscreenView3 = import_react28.default.lazy(async () => Promise.resolve().then(() => (init_fullscreen_view(), fullscreen_view_exports)));
-  const SummaryView7 = import_react28.default.lazy(async () => Promise.resolve().then(() => (init_summary_view4(), summary_view_exports4)));
+  const SummaryView8 = import_react28.default.lazy(async () => Promise.resolve().then(() => (init_summary_view4(), summary_view_exports4)));
   return defineComponent({
     identifier: "processor.audioMixer",
     category: "processor",
@@ -17280,7 +17368,7 @@ function info_default18({ defineComponent, Audio, validation: { Z } }) {
       },
       inline: InlineView18,
       fullscreen: FullscreenView3,
-      summary: SummaryView7
+      summary: SummaryView8
     },
     configForm: {
       form: {
@@ -17411,9 +17499,9 @@ function info_default20({ defineComponent, Video, validation: { Z } }) {
 }
 
 // build/processor.cascadingSwitch/info.js
-function info_default21({ defineComponent, Av, React: React19, common: { Resolutions, FrameRates } }) {
-  const SourceSelection = React19.lazy(async () => Promise.resolve().then(() => (init_source_selection(), source_selection_exports)));
-  const InlineView18 = React19.lazy(async () => Promise.resolve().then(() => (init_inline_view8(), inline_view_exports8)));
+function info_default21({ defineComponent, Av, React: React20, common: { Resolutions, FrameRates } }) {
+  const SourceSelection = React20.lazy(async () => Promise.resolve().then(() => (init_source_selection(), source_selection_exports)));
+  const InlineView18 = React20.lazy(async () => Promise.resolve().then(() => (init_inline_view8(), inline_view_exports8)));
   return defineComponent({
     identifier: "processor.control.cascadingSwitch",
     category: "processor",
@@ -17546,9 +17634,84 @@ function assertUnreachable10(_) {
   throw new Error("Didn't expect to get here");
 }
 
-// build/processor.fixedLadder/info.js
+// build/processor.dynamicBug/info.js
 var import_config5 = __toESM(require_config());
+var import_react35 = __toESM(require_react());
 function info_default22({ defineComponent, Video }) {
+  const BugSelection2 = import_react35.default.lazy(async () => Promise.resolve().then(() => (init_bug_selection(), bug_selection_exports)));
+  const SummaryView8 = import_react35.default.lazy(async () => Promise.resolve().then(() => (init_summary_view5(), summary_view_exports5)));
+  return defineComponent({
+    identifier: "processor.dynamicBug",
+    category: "processor",
+    name: "Dynamic Bug",
+    subscription: {
+      // Only accept a single video stream
+      accepts: {
+        type: "single-stream",
+        media: Video
+      },
+      produces: {
+        type: "single-stream",
+        media: Video
+      }
+    },
+    extraValidation: function(ctx) {
+      ctx.requireVideo(1);
+    },
+    display: (desc) => {
+      return {
+        default: desc.config.defaultBug ?? "none"
+      };
+    },
+    runtime: {
+      summary: SummaryView8,
+      initialState: () => ({}),
+      handleEvent: (ev, state) => {
+        const evType = ev.type;
+        switch (evType) {
+          case "bug-changed":
+            return { ...state, activeBug: { file: ev.file, orientation: ev.orientation } };
+          default:
+            assertUnreachable11(evType);
+        }
+      }
+    },
+    configForm: {
+      global: {
+        hardware: (0, import_config5.HardwareSelection)()
+      },
+      form: {
+        defaultBug: {
+          help: "The default bug to render on the video (if any)",
+          hint: {
+            type: "custom",
+            component: BugSelection2
+          }
+        },
+        defaultOrientation: {
+          help: "The default location to render the bug in",
+          hint: {
+            type: "select",
+            optional: true,
+            options: [
+              { value: "topleft", display: "Top Left" },
+              { value: "topright", display: "Top Right" },
+              { value: "bottomleft", display: "Bottom Left" },
+              { value: "bottomright", display: "Bottom Right" }
+            ]
+          }
+        }
+      }
+    }
+  });
+}
+function assertUnreachable11(_) {
+  throw new Error("Didn't expect to get here");
+}
+
+// build/processor.fixedLadder/info.js
+var import_config6 = __toESM(require_config());
+function info_default23({ defineComponent, Video }) {
   return defineComponent({
     identifier: "processor.transform.fixedLadder",
     category: "processor",
@@ -17588,7 +17751,7 @@ function info_default22({ defineComponent, Video }) {
     },
     configForm: {
       global: {
-        hardware: (0, import_config5.HardwareSelection)()
+        hardware: (0, import_config6.HardwareSelection)()
       },
       form: {
         rungs: {
@@ -17617,11 +17780,11 @@ var rungNames = [
 ];
 
 // build/processor.monetise/info.js
-var import_react34 = __toESM(require_react());
-var import_config6 = __toESM(require_config());
-function info_default23(R) {
+var import_react37 = __toESM(require_react());
+var import_config7 = __toESM(require_config());
+function info_default24(R) {
   const { defineComponent, Av } = R;
-  const SummaryView7 = import_react34.default.lazy(async () => Promise.resolve().then(() => (init_summary3(), summary_exports3)));
+  const SummaryView8 = import_react37.default.lazy(async () => Promise.resolve().then(() => (init_summary3(), summary_exports3)));
   return defineComponent({
     identifier: "processor.monetise",
     category: "output",
@@ -17661,27 +17824,27 @@ function info_default23(R) {
             state.currentAdvert = void 0;
             break;
           default:
-            assertUnreachable11(evType);
+            assertUnreachable12(evType);
         }
         return { ...state };
       },
-      summary: SummaryView7
+      summary: SummaryView8
     },
     configForm: {
       global: {
-        iceServers: (0, import_config6.GlobalIceServers)(R),
-        hardware: (0, import_config6.HardwareSelection)()
+        iceServers: (0, import_config7.GlobalIceServers)(R),
+        hardware: (0, import_config7.HardwareSelection)()
       },
       form: {}
     }
   });
 }
-function assertUnreachable11(_) {
+function assertUnreachable12(_) {
   throw new Error("Didn't expect to get here");
 }
 
 // build/processor.whisper-transcribe/info.js
-function info_default24({ defineComponent, Av, Subtitle, validation: { Z } }) {
+function info_default25({ defineComponent, Av, Subtitle, validation: { Z } }) {
   return defineComponent({
     identifier: "processor.whisper-transcribe",
     category: "processor",
@@ -17723,11 +17886,11 @@ function info_default24({ defineComponent, Av, Subtitle, validation: { Z } }) {
 }
 
 // build/util.latency/info.js
-var import_react36 = __toESM(require_react());
-function info_default25(R) {
+var import_react39 = __toESM(require_react());
+function info_default26(R) {
   const { defineComponent } = R;
-  const InlineView18 = import_react36.default.lazy(async () => Promise.resolve().then(() => (init_inline_view9(), inline_view_exports9)));
-  const SourceNodeSelection2 = import_react36.default.lazy(async () => Promise.resolve().then(() => (init_source_node_selection(), source_node_selection_exports)));
+  const InlineView18 = import_react39.default.lazy(async () => Promise.resolve().then(() => (init_inline_view9(), inline_view_exports9)));
+  const SourceNodeSelection2 = import_react39.default.lazy(async () => Promise.resolve().then(() => (init_source_node_selection(), source_node_selection_exports)));
   return defineComponent({
     identifier: "util.latency-stats",
     category: "output",
@@ -17754,7 +17917,7 @@ function info_default25(R) {
             break;
           }
           default:
-            assertUnreachable12(evType);
+            assertUnreachable13(evType);
         }
         return { ...state };
       },
@@ -17808,15 +17971,15 @@ function info_default25(R) {
     }
   });
 }
-function assertUnreachable12(_) {
+function assertUnreachable13(_) {
   throw new Error("Didn't expect to get here");
 }
 
 // build/util.ma35d/info.js
-var import_react38 = __toESM(require_react());
-function info_default26(R) {
+var import_react41 = __toESM(require_react());
+function info_default27(R) {
   const { defineComponent } = R;
-  const InlineView18 = import_react38.default.lazy(async () => Promise.resolve().then(() => (init_inline_view10(), inline_view_exports10)));
+  const InlineView18 = import_react41.default.lazy(async () => Promise.resolve().then(() => (init_inline_view10(), inline_view_exports10)));
   return defineComponent({
     identifier: "util.ma35d-stats",
     category: "output",
@@ -17849,7 +18012,7 @@ function info_default26(R) {
             break;
           }
           default:
-            assertUnreachable13(evType);
+            assertUnreachable14(evType);
         }
         return { ...state };
       },
@@ -17860,15 +18023,15 @@ function info_default26(R) {
     }
   });
 }
-function assertUnreachable13(_) {
+function assertUnreachable14(_) {
   throw new Error("Didn't expect to get here");
 }
 
 // build/util.timestamps/info.js
-var import_react40 = __toESM(require_react());
-function info_default27(R) {
+var import_react43 = __toESM(require_react());
+function info_default28(R) {
   const { defineComponent, All } = R;
-  const InlineView18 = import_react40.default.lazy(async () => Promise.resolve().then(() => (init_inline_view11(), inline_view_exports11)));
+  const InlineView18 = import_react43.default.lazy(async () => Promise.resolve().then(() => (init_inline_view11(), inline_view_exports11)));
   return defineComponent({
     identifier: "util.timestamps",
     category: "output",
@@ -17903,7 +18066,7 @@ function info_default27(R) {
             break;
           }
           default:
-            assertUnreachable14(evType);
+            assertUnreachable15(evType);
         }
         return { ...state };
       },
@@ -17914,7 +18077,7 @@ function info_default27(R) {
     }
   });
 }
-function assertUnreachable14(_) {
+function assertUnreachable15(_) {
   throw new Error("Didn't expect to get here");
 }
 
@@ -17959,6 +18122,7 @@ AllComponents.push((r) => info_default24(r));
 AllComponents.push((r) => info_default25(r));
 AllComponents.push((r) => info_default26(r));
 AllComponents.push((r) => info_default27(r));
+AllComponents.push((r) => info_default28(r));
 export {
   getNodeInfo as default
 };

package/lib/info.js

@@ -59,16 +59,18 @@ const info_20 = __importDefault(require("./processor.browserOverlay/info"));
 AllComponents.push((r) => (0, info_20.default)(r));
 const info_21 = __importDefault(require("./processor.cascadingSwitch/info"));
 AllComponents.push((r) => (0, info_21.default)(r));
-const info_22 = __importDefault(require("./processor.fixedLadder/info"));
+const info_22 = __importDefault(require("./processor.dynamicBug/info"));
 AllComponents.push((r) => (0, info_22.default)(r));
-const info_23 = __importDefault(require("./processor.monetise/info"));
+const info_23 = __importDefault(require("./processor.fixedLadder/info"));
 AllComponents.push((r) => (0, info_23.default)(r));
-const info_24 = __importDefault(require("./processor.whisper-transcribe/info"));
+const info_24 = __importDefault(require("./processor.monetise/info"));
 AllComponents.push((r) => (0, info_24.default)(r));
-const info_25 = __importDefault(require("./util.latency/info"));
+const info_25 = __importDefault(require("./processor.whisper-transcribe/info"));
 AllComponents.push((r) => (0, info_25.default)(r));
-const info_26 = __importDefault(require("./util.ma35d/info"));
+const info_26 = __importDefault(require("./util.latency/info"));
 AllComponents.push((r) => (0, info_26.default)(r));
-const info_27 = __importDefault(require("./util.timestamps/info"));
+const info_27 = __importDefault(require("./util.ma35d/info"));
 AllComponents.push((r) => (0, info_27.default)(r));
+const info_28 = __importDefault(require("./util.timestamps/info"));
+AllComponents.push((r) => (0, info_28.default)(r));
 //# sourceMappingURL=info.js.map

package/lib/info.js.map

@@ -1 +1 @@
-{"version":3,"file":"info.js","sourceRoot":"","sources":["../src/info.ts"],"names":[],"mappings":";;;;;AAGA,MAAM,qBAAqB,GAA4C,EAAE,CAAC;AAC1E,IAAI,WAAW,GAAG,KAAK,CAAC;AAExB,MAAM,aAAa,GAAkD,EAAE,CAAC;AAExE,SAAwB,WAAW,CAAC,CAAe,EAAE,IAAY;IAC/D,IAAG,CAAC,WAAW,EAAE,CAAC;QAChB,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YAC1B,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YACf,qBAAqB,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAA;QACF,WAAW,GAAG,IAAI,CAAC;IACrB,CAAC;IACD,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAAC;AACrC,CAAC;AATD,8BASC;AAED,qEAA2D;AAC3D,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,cAAkB,EAAC,CAAC,CAAoC,CAAC,CAAC;AAClG,6DAA2C;AAC3C,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,cAAU,EAAC,CAAC,CAAoC,CAAC,CAAC;AAC1F,gEAAiD;AACjD,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,cAAa,EAAC,CAAC,CAAoC,CAAC,CAAC;AAC7F,mEAAuD;AACvD,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,cAAgB,EAAC,CAAC,CAAoC,CAAC,CAAC;AAChG,qEAA2D;AAC3D,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,cAAkB,EAAC,CAAC,CAAoC,CAAC,CAAC;AAClG,+DAA+C;AAC/C,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,cAAY,EAAC,CAAC,CAAoC,CAAC,CAAC;AAC5F,sEAA6D;AAC7D,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,cAAmB,EAAC,CAAC,CAAoC,CAAC,CAAC;AACnG,kEAAqD;AACrD,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,cAAe,EAAC,CAAC,CAAoC,CAAC,CAAC;AAC/F,mEAAuD;AACvD,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,cAAgB,EAAC,CAAC,CAAoC,CAAC,CAAC;AAChG,kEAAmD;AACnD,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,eAAc,EAAC,CAAC,CAAoC,CAAC,CAAC;AAC9F,+DAA6C;AAC7C,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,eAAW,EAAC,CAAC,CAAoC,CAAC,CAAC;AAC3F,8DAA2C;AAC3C,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,eAAU,EAAC,CAAC,CAAoC,CAAC,CAAC;AAC1F,qEAAyD;AACzD,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,eAAiB,EAAC,CAAC,CAAoC,CAAC,CAAC;AACjG,gEAA+C;AAC/C,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,eAAY,EAAC,CAAC,CAAoC,CAAC,CAAC;AAC5F,+DAA6C;AAC7C,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,eAAW,EAAC,CAAC,CAAoC,CAAC,CAAC;AAC3F,0EAAmE;AACnE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,eAAsB,EAAC,CAAC,CAAoC,CAAC,CAAC;AACtG,wEAA+D;AAC/D,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,eAAoB,EAAC,CAAC,CAAoC,CAAC,CAAC;AACpG,wEAA+D;AAC/D,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,eAAoB,EAAC,CAAC,CAAoC,CAAC,CAAC;AACpG,4EAAuE;AACvE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,eAAwB,EAAC,CAAC,CAAoC,CAAC,CAAC;AACxG,4EAAuE;AACvE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,eAAwB,EAAC,CAAC,CAAoC,CAAC,CAAC;AACxG,6EAAyE;AACzE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,eAAyB,EAAC,CAAC,CAAoC,CAAC,CAAC;AACzG,yEAAiE;AACjE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,eAAqB,EAAC,CAAC,CAAoC,CAAC,CAAC;AACrG,sEAA2D;AAC3D,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,eAAkB,EAAC,CAAC,CAAoC,CAAC,CAAC;AAClG,gFAA+E;AAC/E,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,eAA4B,EAAC,CAAC,CAAoC,CAAC,CAAC;AAC5G,gEAA+C;AAC/C,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,eAAY,EAAC,CAAC,CAAoC,CAAC,CAAC;AAC5F,8DAA2C;AAC3C,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,eAAU,EAAC,CAAC,CAAoC,CAAC,CAAC;AAC1F,mEAAqD;AACrD,aAAa,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,IAAA,eAAe,EAAC,CAAC,CAAoC,CAAC,CAAC"}
+{"version":3,"file":"info.js","sourceRoot":"","sources":["../src/info.ts"],"names":[],"mappings":"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"}

package/lib/processor.dynamicBug/bug-selection.d.ts

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

package/lib/processor.dynamicBug/bug-selection.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+function BugSelection(props) {
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    (0, react_1.useEffect)(() => {
+        const fn = async () => {
+            const result = await fetch('components/processor.dynamicBug/bugs');
+            if (result.ok && result.body) {
+                const bugs = await result.json();
+                setBugs(bugs);
+                setLoading(false);
+                if (props.defaultValue)
+                    props.onChanged(props.defaultValue);
+            }
+            else {
+                const text = await result.text();
+                throw new Error(text);
+            }
+        };
+        fn().catch(console.error);
+    }, []);
+    const [bugs, setBugs] = (0, react_1.useState)([]);
+    if (loading) {
+        return (0, jsx_runtime_1.jsx)("div", { children: "Loading.." });
+    }
+    if (bugs.length == 0) {
+        return (0, jsx_runtime_1.jsx)("div", { children: "No bugs loaded" });
+    }
+    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"), bugs.map((o, i) => {
+                    return (0, jsx_runtime_1.jsx)("option", { value: o, children: o }, i);
+                })] }) });
+    function myOnChange(e) {
+        props.onChanged(e.target.value);
+    }
+}
+exports.default = BugSelection;
+//# sourceMappingURL=bug-selection.js.map

package/lib/processor.dynamicBug/bug-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bug-selection.js","sourceRoot":"","sources":["../../src/processor.dynamicBug/bug-selection.tsx"],"names":[],"mappings":";;;AAAA,iCAAyD;AAUzD,SAAS,YAAY,CAAC,KAAwB;IAC5C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAE7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,KAAK,IAAI,EAAE;YACpB,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,sCAAsC,CAAC,CAAA;YAClE,IAAI,MAAM,CAAC,EAAE,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;gBAC7B,MAAM,IAAI,GAAG,MAAM,MAAM,CAAC,IAAI,EAAc,CAAC;gBAC7C,OAAO,CAAC,IAAI,CAAC,CAAC;gBACd,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,IAAI,KAAK,CAAC,YAAY;oBACpB,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;YACxC,CAAC;iBAAM,CAAC;gBACN,MAAM,IAAI,GAAG,MAAM,MAAM,CAAC,IAAI,EAAE,CAAC;gBACjC,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC;QACH,CAAC,CAAA;QACD,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAW,EAAE,CAAC,CAAC;IAE/C,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,wDAAoB,CAAA;IAC7B,CAAC;IAED,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;QACrB,OAAO,6DAAyB,CAAA;IAClC,CAAC;IAED,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,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBACjB,OAAO,mCAAgB,KAAK,EAAE,CAAC,YAAG,CAAC,IAAf,CAAC,CAAwB,CAAA;gBAC/C,CAAC,CAAC,IACK,GACL,CAAA;IAGN,SAAS,UAAU,CAAC,CAAiC;QACnD,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC;AACH,CAAC;AAED,kBAAe,YAAY,CAAC"}

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

@@ -0,0 +1,3 @@
+import type Registration from "@norskvideo/norsk-studio/lib/extension/registration";
+import type { DynamicBugCommand, DynamicBugConfig, DynamicBugEvent, DynamicBugState } from "./runtime";
+export default function ({ defineComponent, Video }: Registration): import("@norskvideo/norsk-studio/lib/extension/client-types").NodeInfo<DynamicBugConfig, DynamicBugState, DynamicBugCommand, DynamicBugEvent>;

package/lib/processor.dynamicBug/info.js

@@ -0,0 +1,102 @@
+"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 });
+const config_1 = require("@norskvideo/norsk-studio/lib/shared/config");
+const react_1 = __importDefault(require("react"));
+function default_1({ defineComponent, Video }) {
+    const BugSelection = react_1.default.lazy(async () => Promise.resolve().then(() => __importStar(require('./bug-selection'))));
+    const SummaryView = react_1.default.lazy(async () => Promise.resolve().then(() => __importStar(require('./summary-view'))));
+    return defineComponent({
+        identifier: 'processor.dynamicBug',
+        category: 'processor',
+        name: "Dynamic Bug",
+        subscription: {
+            accepts: {
+                type: 'single-stream',
+                media: Video
+            },
+            produces: {
+                type: "single-stream",
+                media: Video
+            }
+        },
+        extraValidation: function (ctx) {
+            ctx.requireVideo(1);
+        },
+        display: (desc) => {
+            return {
+                default: desc.config.defaultBug ?? 'none',
+            };
+        },
+        runtime: {
+            summary: SummaryView,
+            initialState: () => ({}),
+            handleEvent: (ev, state) => {
+                const evType = ev.type;
+                switch (evType) {
+                    case "bug-changed":
+                        return { ...state, activeBug: { file: ev.file, orientation: ev.orientation } };
+                    default:
+                        assertUnreachable(evType);
+                }
+            }
+        },
+        configForm: {
+            global: {
+                hardware: (0, config_1.HardwareSelection)()
+            },
+            form: {
+                defaultBug: {
+                    help: "The default bug to render on the video (if any)",
+                    hint: {
+                        type: "custom",
+                        component: BugSelection,
+                    }
+                },
+                defaultOrientation: {
+                    help: "The default location to render the bug in",
+                    hint: {
+                        type: 'select',
+                        optional: true,
+                        options: [
+                            { value: 'topleft', display: 'Top Left' },
+                            { value: 'topright', display: 'Top Right' },
+                            { value: 'bottomleft', display: 'Bottom Left' },
+                            { value: 'bottomright', display: 'Bottom Right' }
+                        ]
+                    }
+                }
+            }
+        }
+    });
+}
+exports.default = default_1;
+function assertUnreachable(_) {
+    throw new Error("Didn't expect to get here");
+}
+//# sourceMappingURL=info.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"info.js","sourceRoot":"","sources":["../../src/processor.dynamicBug/info.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,uEAA+E;AAC/E,kDAA0B;AAG1B,mBAAwB,EACtB,eAAe,EACf,KAAK,EACQ;IACb,MAAM,YAAY,GAAG,eAAK,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,mDAAQ,iBAAiB,GAAC,CAAC,CAAC;IACvE,MAAM,WAAW,GAAG,eAAK,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,mDAAQ,gBAAgB,GAAC,CAAC,CAAC;IAErE,OAAO,eAAe,CAAwE;QAC5F,UAAU,EAAE,sBAAsB;QAClC,QAAQ,EAAE,WAAW;QACrB,IAAI,EAAE,aAAa;QACnB,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,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,IAAI,MAAM;aAC1C,CAAA;QACH,CAAC;QACD,OAAO,EAAE;YACP,OAAO,EAAE,WAAW;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,aAAa;wBAChB,OAAO,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC;oBACjF;wBACE,iBAAiB,CAAC,MAAM,CAAC,CAAA;gBAE7B,CAAC;YACH,CAAC;SACF;QACD,UAAU,EAAE;YACV,MAAM,EAAE;gBACN,QAAQ,EAAE,IAAA,0BAAiB,GAAE;aAC9B;YACD,IAAI,EAAE;gBACJ,UAAU,EAAE;oBACV,IAAI,EAAE,iDAAiD;oBACvD,IAAI,EAAE;wBACJ,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,YAAY;qBACxB;iBACF;gBACD,kBAAkB,EAAE;oBAClB,IAAI,EAAE,2CAA2C;oBACjD,IAAI,EAAE;wBACJ,IAAI,EAAE,QAAQ;wBACd,QAAQ,EAAE,IAAI;wBACd,OAAO,EAAE;4BACP,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE;4BACzC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE;4BAC3C,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE;4BAC/C,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,cAAc,EAAE;yBAClD;qBACF;iBACF;aACF;SACF;KACF,CAAC,CAAC;AACL,CAAC;AAzED,4BAyEC;AAED,SAAS,iBAAiB,CAAC,CAAQ;IACjC,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAC;AAC/C,CAAC"}

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

@@ -0,0 +1,55 @@
+import { ComposePart, FileImageInputNode, Norsk, SubscribeDestination, SubscriptionError, VideoComposeNode } from '@norskvideo/norsk-sdk';
+import { CreatedMediaNode, OnCreated, RelatedMediaNodes, RuntimeUpdates, ServerComponentDefinition, StudioNodeSubscriptionSource, StudioRuntime } from '@norskvideo/norsk-studio/lib/extension/runtime-types';
+import { HardwareAccelerationType } from '@norskvideo/norsk-studio/lib/shared/config';
+import { Router } from 'express';
+export type DynamicBugOrientation = "topleft" | "topright" | "bottomleft" | "bottomright";
+export type DynamicBugConfig = {
+    __global: {
+        hardware?: HardwareAccelerationType;
+        dataDir?: string;
+    };
+    id: string;
+    displayName: string;
+    defaultBug?: string;
+    defaultOrientation?: DynamicBugOrientation;
+};
+export type DynamicBugState = {
+    activeBug?: {
+        file?: string;
+        orientation?: DynamicBugOrientation;
+    };
+};
+export type DynamicBugCommand = {
+    type: 'change-bug';
+    file?: string;
+    orientation?: DynamicBugOrientation;
+};
+export type DynamicBugEvent = {
+    type: 'bug-changed';
+    file?: string;
+    orientation?: DynamicBugOrientation;
+};
+export default class DynamicBugDefinition implements ServerComponentDefinition<DynamicBugConfig, DynamicBug, DynamicBugState, DynamicBugCommand, DynamicBugEvent> {
+    create(norsk: Norsk, cfg: DynamicBugConfig, cb: OnCreated<DynamicBug>, runtime: StudioRuntime<DynamicBugState, DynamicBugEvent>): Promise<void>;
+    routes(): Router;
+    handleCommand(node: DynamicBug, command: DynamicBugCommand): Promise<void>;
+}
+export declare class DynamicBug implements CreatedMediaNode, SubscribeDestination {
+    id: string;
+    relatedMediaNodes: RelatedMediaNodes;
+    norsk: Norsk;
+    cfg: DynamicBugConfig;
+    videoSource?: StudioNodeSubscriptionSource;
+    composeNode?: VideoComposeNode<"video" | "bug">;
+    imageSource?: FileImageInputNode;
+    initialised: Promise<void>;
+    updates: RuntimeUpdates<DynamicBugState, DynamicBugEvent>;
+    static create(norsk: Norsk, cfg: DynamicBugConfig, updates: RuntimeUpdates<DynamicBugState, DynamicBugEvent>): Promise<DynamicBug>;
+    constructor(norsk: Norsk, cfg: DynamicBugConfig, updates: RuntimeUpdates<DynamicBugState, DynamicBugEvent>);
+    sourceContextChange(_responseCallback: (error?: SubscriptionError | undefined) => void): Promise<boolean>;
+    setupBug(bug?: string, orientation?: DynamicBugOrientation): Promise<void>;
+    imagePart(orientation: DynamicBugOrientation): ComposePart<"bug">;
+    videoPart(): ComposePart<"video">;
+    initialise(): Promise<void>;
+    subscribe(sources: StudioNodeSubscriptionSource[]): void;
+}

package/lib/processor.dynamicBug/runtime.js

@@ -0,0 +1,156 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DynamicBug = 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 config_1 = require("@norskvideo/norsk-studio/lib/shared/config");
+const util_1 = require("@norskvideo/norsk-studio/lib/shared/util");
+const express_1 = __importDefault(require("express"));
+const promises_1 = __importDefault(require("fs/promises"));
+const path_1 = __importDefault(require("path"));
+function bugDir() {
+    return path_1.default.resolve(process.env.NORSK_DATA_DIR || "data/bugs");
+}
+class DynamicBugDefinition {
+    async create(norsk, cfg, cb, runtime) {
+        const node = await DynamicBug.create(norsk, cfg, runtime.updates);
+        cb(node);
+    }
+    routes() {
+        const router = express_1.default.Router();
+        router.get("/bugs", async (_req, res) => {
+            const files = await promises_1.default.readdir(bugDir());
+            const images = files.filter((f) => {
+                return f.endsWith(".png") || f.endsWith(".jpg");
+            });
+            res.writeHead(200);
+            res.end(JSON.stringify(images));
+        });
+        return router;
+    }
+    async handleCommand(node, command) {
+        const commandType = command.type;
+        switch (commandType) {
+            case 'change-bug':
+                await node.setupBug(command.file, command.orientation);
+                break;
+            default:
+                (0, util_1.assertUnreachable)(commandType);
+        }
+    }
+}
+exports.default = DynamicBugDefinition;
+class DynamicBug {
+    id;
+    relatedMediaNodes = new runtime_types_1.RelatedMediaNodes();
+    norsk;
+    cfg;
+    videoSource;
+    composeNode;
+    imageSource;
+    initialised;
+    updates;
+    static async create(norsk, cfg, updates) {
+        const node = new DynamicBug(norsk, cfg, updates);
+        await node.initialised;
+        return node;
+    }
+    constructor(norsk, cfg, updates) {
+        this.cfg = cfg;
+        this.id = cfg.id;
+        this.norsk = norsk;
+        this.initialised = this.initialise();
+        this.updates = updates;
+    }
+    async sourceContextChange(_responseCallback) {
+        if (this.composeNode)
+            return false;
+        if (!this.videoSource) {
+            (0, logging_1.errorlog)("Context received by node, but no video source is presently active", { id: this.id });
+            return false;
+        }
+        const videoStream = this.videoSource.latestStreams()[0];
+        if (!videoStream) {
+            return false;
+        }
+        if (videoStream.metadata.message.case !== 'video') {
+            (0, logging_1.errorlog)("Media other than video received in dynamicBug node??", { id: this.id, metadata: videoStream.metadata });
+            return false;
+        }
+        this.composeNode = await this.norsk.processor.transform.videoCompose({
+            id: `${this.id}-compose`,
+            referenceStream: 'video',
+            referenceResolution: { width: 100, height: 100 },
+            hardwareAcceleration: (0, config_1.contractHardwareAcceleration)(this.cfg.__global.hardware, ["nvidia"]),
+            outputResolution: {
+                width: videoStream.metadata.message.value.width,
+                height: videoStream.metadata.message.value.height
+            },
+            parts: [this.videoPart()]
+        });
+        this.composeNode.subscribeToPins(this.videoSource.selectVideoToPin("video"));
+        this.relatedMediaNodes.addOutput(this.composeNode);
+        this.relatedMediaNodes.addInput(this.composeNode);
+        void this.setupBug(this.cfg.defaultBug, this.cfg.defaultOrientation);
+        return false;
+    }
+    async setupBug(bug, orientation) {
+        if (!bug) {
+            this.composeNode?.subscribeToPins(this.videoSource?.selectVideoToPin("video") || []);
+            this.updates.raiseEvent({ type: 'bug-changed' });
+            return;
+        }
+        if (this.imageSource) {
+            await this.imageSource.close();
+        }
+        this.imageSource = await this.norsk.input.fileImage({
+            sourceName: `${this.id}-bug`,
+            fileName: path_1.default.join(bugDir(), bug)
+        });
+        this.composeNode?.updateConfig({
+            parts: [
+                this.videoPart(),
+                this.imagePart(orientation ?? 'topleft')
+            ]
+        });
+        this.composeNode?.subscribeToPins((this.videoSource?.selectVideoToPin("video") ?? []).concat([
+            { source: this.imageSource, sourceSelector: (0, norsk_sdk_1.videoToPin)("bug") }
+        ]));
+        this.updates.raiseEvent({ type: 'bug-changed', file: bug, orientation });
+    }
+    imagePart(orientation) {
+        return {
+            id: "bug",
+            zIndex: 1,
+            sourceRect: { x: 0, y: 0, width: 100, height: 100 },
+            destRect: (orientation == 'topleft' ? { x: 0.1, y: 0.1, width: 5.0, height: 5.0 } :
+                orientation == 'topright' ? { x: 94.9, y: 0.1, width: 5.0, height: 5.0 } :
+                    orientation == 'bottomleft' ? { x: 0.1, y: 94.9, width: 5.0, height: 5.0 } :
+                        { x: 94.9, y: 94.9, width: 5.0, height: 5.0 }),
+            opacity: 1.0,
+            pin: "bug"
+        };
+    }
+    videoPart() {
+        return {
+            id: "video",
+            zIndex: 0,
+            sourceRect: { x: 0, y: 0, width: 100, height: 100 },
+            destRect: { x: 0, y: 0, width: 100, height: 100 },
+            opacity: 1.0,
+            pin: "video"
+        };
+    }
+    async initialise() {
+    }
+    subscribe(sources) {
+        this.videoSource = sources[0];
+        this.videoSource.registerForContextChange(this);
+    }
+}
+exports.DynamicBug = DynamicBug;
+//# sourceMappingURL=runtime.js.map

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

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

package/lib/processor.dynamicBug/summary-view.d.ts

@@ -0,0 +1,7 @@
+import type { DynamicBugState, DynamicBugConfig, DynamicBugCommand } from "./runtime";
+declare function SummaryView({ state, config, sendCommand }: {
+    state: DynamicBugState;
+    config: DynamicBugConfig;
+    sendCommand: (cmd: DynamicBugCommand) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export default SummaryView;

package/lib/processor.dynamicBug/summary-view.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+function SummaryView({ state, config, sendCommand }) {
+    const [bug, setBug] = (0, react_1.useState)(state.activeBug?.file ?? config.defaultBug);
+    const [orientation, setOrientation] = (0, react_1.useState)(state.activeBug?.orientation ?? config.defaultOrientation);
+    const [bugs, setBugs] = (0, react_1.useState)([]);
+    (0, react_1.useEffect)(() => {
+        const fn = async () => {
+            const result = await fetch('components/processor.dynamicBug/bugs');
+            if (result.ok && result.body) {
+                const bugs = await result.json();
+                setBugs(bugs);
+            }
+            else {
+                const text = await result.text();
+                throw new Error(text);
+            }
+        };
+        fn().catch(console.error);
+    }, []);
+    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h2", { children: "Controls" }), (0, jsx_runtime_1.jsx)("label", { htmlFor: "select-preview", className: "mt-2", children: "Source" }), (0, jsx_runtime_1.jsxs)("select", { id: "select-bug", className: "mt-2 node-editor-select-input", onChange: (e) => {
+                    setBug(e.currentTarget.value);
+                }, children: [(0, jsx_runtime_1.jsx)("option", { selected: bug === undefined, children: "---" }), bugs.map((s, i) => (0, jsx_runtime_1.jsx)("option", { selected: bug == s, value: s, children: s }, i))] }), (0, jsx_runtime_1.jsxs)("select", { id: "select-orientation", className: "mt-2 node-editor-select-input", onChange: (e) => {
+                    setOrientation(e.currentTarget.value);
+                }, children: [(0, jsx_runtime_1.jsx)("option", { selected: orientation === undefined, children: "---" }), (0, jsx_runtime_1.jsx)("option", { value: 'topleft', selected: orientation === 'topleft', children: "Top Left" }), (0, jsx_runtime_1.jsx)("option", { value: 'topright', selected: orientation === 'topright', children: "Top Right" }), (0, jsx_runtime_1.jsx)("option", { value: 'bottomleft', selected: orientation === 'bottomleft', children: "Bottom Left" }), (0, jsx_runtime_1.jsx)("option", { value: 'bottomright', selected: orientation === 'bottomright', children: "Bottom Right" })] }), (bug != state.activeBug?.file || orientation != state.activeBug?.orientation) ? (0, jsx_runtime_1.jsx)("button", { type: "button", className: "mt-2 mb-2 text-white w-full justify-center bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800", onClick: (e) => {
+                    e.preventDefault();
+                    sendCommand({ type: "change-bug", file: bug, orientation });
+                }, children: "Commit" }) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})] });
+}
+exports.default = SummaryView;
+//# sourceMappingURL=summary-view.js.map

package/lib/processor.dynamicBug/summary-view.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norskvideo/norsk-studio-built-ins",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "",
   "scripts": {
     "clean": "rm -rf lib",
@@ -24,7 +24,7 @@
     "@aws-sdk/client-mediapackage": "^3.499.0",
     "@aws-sdk/client-translate": "^3.535.0",
     "@norskvideo/norsk-sdk": "^1.0.360",
-    "@norskvideo/norsk-studio": "^1.0.3",
+    "@norskvideo/norsk-studio": "^1.0.4",
     "@norskvideo/webrtc-client": "^0.1.2",
     "express": "^4.18.2",
     "express-ws": "^5.0.2"
@@ -58,4 +58,4 @@
     "typescript": "^5.4.5",
     "yaml": "^2.3.3"
   }
-}
+}