@norskvideo/norsk-studio-built-ins 1.26.0-2025-02-23-763ed056 → 1.26.0-2025-02-25-7fa494e5

package/client/info.js

@@ -5153,6 +5153,61 @@ var init_form_views = __esm({
   }
 });
 
+// build/output.rtmp/summary-view.js
+var summary_view_exports4 = {};
+__export(summary_view_exports4, {
+  default: () => summary_view_default4
+});
+function SummaryView6({ state, sendCommand }) {
+  const handleEnableOutput = () => {
+    void enableOutput();
+  };
+  const enableOutput = async () => {
+    sendCommand({
+      type: "enable-output"
+    });
+  };
+  const handleDisableOutput = () => {
+    void disableOutput();
+  };
+  const disableOutput = async () => {
+    sendCommand({
+      type: "disable-output"
+    });
+  };
+  return (0, import_jsx_runtime10.jsx)("div", { className: "mb-5", children: (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [(0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, import_jsx_runtime10.jsx)("span", { className: `inline-block w-2 h-2 rounded-full ${state.enabled ? "bg-blue-500" : "bg-red-500"}` }), (0, import_jsx_runtime10.jsxs)("span", { className: "text-sm", children: ["Status: ", state.enabled ? "Enabled" : "Disabled"] })] }), (0, import_jsx_runtime10.jsx)("div", { children: state.enabled ? (0, import_jsx_runtime10.jsx)("button", { onClick: handleDisableOutput, className: "px-3 py-1 text-sm bg-red-600 hover:bg-red-700 text-white rounded", children: "Disable Output" }) : (0, import_jsx_runtime10.jsx)("button", { onClick: handleEnableOutput, className: "px-3 py-1 text-sm bg-blue-600 hover:bg-blue-700 text-white rounded", children: "Enable Output" }) })] }) });
+}
+var import_jsx_runtime10, summary_view_default4;
+var init_summary_view4 = __esm({
+  "build/output.rtmp/summary-view.js"() {
+    "use strict";
+    import_jsx_runtime10 = __toESM(require_jsx_runtime());
+    summary_view_default4 = SummaryView6;
+  }
+});
+
+// build/output.rtmp/inline-view.js
+var inline_view_exports4 = {};
+__export(inline_view_exports4, {
+  default: () => inline_view_default4
+});
+function InlineView6({ state, config }) {
+  if (!state.enabled) {
+    return (0, import_jsx_runtime11.jsx)("div", { className: "disabled text-gray-500 dark:text-gray-400", children: "Output disabled" });
+  }
+  const connected = (0, import_jsx_runtime11.jsx)("div", { className: "active text-green-500 dark:text-green-300", children: "Connected and publishing" });
+  const disconnected = (0, import_jsx_runtime11.jsxs)("div", { className: "inactive text-orange-500 dark:text-orange-300", children: ["Disconnected ", state.connectRetries > 0 ? `- retrying(${state.connectRetries})` : ""] });
+  return (0, import_jsx_runtime11.jsx)("div", { className: "rtmp-output", id: `rtmp-output-${config.id}`, children: state.connected ? connected : disconnected });
+}
+var import_jsx_runtime11, inline_view_default4;
+var init_inline_view4 = __esm({
+  "build/output.rtmp/inline-view.js"() {
+    "use strict";
+    import_jsx_runtime11 = __toESM(require_jsx_runtime());
+    inline_view_default4 = InlineView6;
+  }
+});
+
 // external-global-plugin:@norskvideo/webrtc-client
 var require_webrtc_client = __commonJS({
   "external-global-plugin:@norskvideo/webrtc-client"(exports, module) {
@@ -5161,15 +5216,15 @@ var require_webrtc_client = __commonJS({
 });
 
 // build/output.preview/inline-view.js
-var inline_view_exports4 = {};
-__export(inline_view_exports4, {
-  default: () => inline_view_default4
+var inline_view_exports5 = {};
+__export(inline_view_exports5, {
+  default: () => inline_view_default5
 });
-function InlineView6({ state, config, raise }) {
+function InlineView7({ state, config, raise }) {
   const url = state.url;
   const id = config.id;
-  const [showPreview, setShowPreview] = (0, import_react6.useState)(config.showPreview ?? true);
-  const [client, setClient] = (0, import_react6.useState)(null);
+  const [showPreview, setShowPreview] = (0, import_react7.useState)(config.showPreview ?? true);
+  const [client, setClient] = (0, import_react7.useState)(null);
   const createClient = (url2) => {
     const client2 = new import_webrtc_client.WhepClient({
       url: url2,
@@ -5188,8 +5243,8 @@ function InlineView6({ state, config, raise }) {
       video.remove();
     });
   };
-  const [loadedImage, setLoadedImage] = (0, import_react6.useState)(void 0);
-  (0, import_react6.useEffect)(() => {
+  const [loadedImage, setLoadedImage] = (0, import_react7.useState)(void 0);
+  (0, import_react7.useEffect)(() => {
     const container = document.getElementById(`preview-${id}`) ?? void 0;
     if (!container)
       return;
@@ -5198,7 +5253,7 @@ function InlineView6({ state, config, raise }) {
       container.appendChild(loadedImage);
     }
   }, [loadedImage]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (!url || !showPreview) {
       if (client) {
         cleanupClient(client);
@@ -5225,12 +5280,12 @@ function InlineView6({ state, config, raise }) {
       };
     }
   }, [state.url, showPreview]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     setShowPreview(config.showPreview ?? true);
   }, [config.showPreview]);
-  raise && (0, import_react6.useEffect)(raise, []);
+  raise && (0, import_react7.useEffect)(raise, []);
   if (!url)
-    return (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: "..." });
+    return (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children: "..." });
   function percentage(levels) {
     if (!levels) {
       return 0;
@@ -5240,72 +5295,17 @@ function InlineView6({ state, config, raise }) {
     const snapped = Math.floor(capped * 10) * 10;
     return Math.max(0, 100 - snapped);
   }
-  return (0, import_jsx_runtime10.jsxs)("div", { className: "preview-outer-container", children: [(0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [(0, import_jsx_runtime10.jsx)("input", { type: "checkbox", id: `video-toggle-${id}`, checked: showPreview, onChange: (e) => setShowPreview(e.target.checked), className: "h-4 w-4" }), (0, import_jsx_runtime10.jsx)("label", { htmlFor: `video-toggle-${id}`, className: "text-sm", children: "Show Preview" })] }), showPreview ? (0, import_jsx_runtime10.jsx)("div", { className: "preview-video", id: `preview-${id}`, children: (0, import_jsx_runtime10.jsx)("style", { children: `
+  return (0, import_jsx_runtime12.jsxs)("div", { className: "preview-outer-container", children: [(0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [(0, import_jsx_runtime12.jsx)("input", { type: "checkbox", id: `video-toggle-${id}`, checked: showPreview, onChange: (e) => setShowPreview(e.target.checked), className: "h-4 w-4" }), (0, import_jsx_runtime12.jsx)("label", { htmlFor: `video-toggle-${id}`, className: "text-sm", children: "Show Preview" })] }), showPreview ? (0, import_jsx_runtime12.jsx)("div", { className: "preview-video", id: `preview-${id}`, children: (0, import_jsx_runtime12.jsx)("style", { children: `
             #preview-${id} video::-webkit-media-controls-play-button { display: none; },
-          ` }) }) : (0, import_jsx_runtime10.jsx)("div", { className: "preview-video bg-black flex items-center justify-center text-white h-full", children: "Preview turned off" }), (0, import_jsx_runtime10.jsx)("div", { className: "preview-levels", children: (0, import_jsx_runtime10.jsx)("div", { className: `preview-level clip-${percentage(state.levels)}-preview` }) })] });
-}
-var import_jsx_runtime10, import_react6, import_webrtc_client, inline_view_default4;
-var init_inline_view4 = __esm({
-  "build/output.preview/inline-view.js"() {
-    "use strict";
-    import_jsx_runtime10 = __toESM(require_jsx_runtime());
-    import_react6 = __toESM(require_react());
-    import_webrtc_client = __toESM(require_webrtc_client());
-    inline_view_default4 = InlineView6;
-  }
-});
-
-// build/output.rtmp/summary-view.js
-var summary_view_exports4 = {};
-__export(summary_view_exports4, {
-  default: () => summary_view_default4
-});
-function SummaryView6({ state, sendCommand }) {
-  const handleEnableOutput = () => {
-    void enableOutput();
-  };
-  const enableOutput = async () => {
-    sendCommand({
-      type: "enable-output"
-    });
-  };
-  const handleDisableOutput = () => {
-    void disableOutput();
-  };
-  const disableOutput = async () => {
-    sendCommand({
-      type: "disable-output"
-    });
-  };
-  return (0, import_jsx_runtime11.jsx)("div", { className: "mb-5", children: (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [(0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, import_jsx_runtime11.jsx)("span", { className: `inline-block w-2 h-2 rounded-full ${state.enabled ? "bg-blue-500" : "bg-red-500"}` }), (0, import_jsx_runtime11.jsxs)("span", { className: "text-sm", children: ["Status: ", state.enabled ? "Enabled" : "Disabled"] })] }), (0, import_jsx_runtime11.jsx)("div", { children: state.enabled ? (0, import_jsx_runtime11.jsx)("button", { onClick: handleDisableOutput, className: "px-3 py-1 text-sm bg-red-600 hover:bg-red-700 text-white rounded", children: "Disable Output" }) : (0, import_jsx_runtime11.jsx)("button", { onClick: handleEnableOutput, className: "px-3 py-1 text-sm bg-blue-600 hover:bg-blue-700 text-white rounded", children: "Enable Output" }) })] }) });
-}
-var import_jsx_runtime11, summary_view_default4;
-var init_summary_view4 = __esm({
-  "build/output.rtmp/summary-view.js"() {
-    "use strict";
-    import_jsx_runtime11 = __toESM(require_jsx_runtime());
-    summary_view_default4 = SummaryView6;
-  }
-});
-
-// build/output.rtmp/inline-view.js
-var inline_view_exports5 = {};
-__export(inline_view_exports5, {
-  default: () => inline_view_default5
-});
-function InlineView7({ state, config }) {
-  if (!state.enabled) {
-    return (0, import_jsx_runtime12.jsx)("div", { className: "disabled text-gray-500 dark:text-gray-400", children: "Output disabled" });
-  }
-  const connected = (0, import_jsx_runtime12.jsx)("div", { className: "active text-green-500 dark:text-green-300", children: "Connected and publishing" });
-  const disconnected = (0, import_jsx_runtime12.jsxs)("div", { className: "inactive text-orange-500 dark:text-orange-300", children: ["Disconnected ", state.connectRetries > 0 ? `- retrying(${state.connectRetries})` : ""] });
-  return (0, import_jsx_runtime12.jsx)("div", { className: "rtmp-output", id: `rtmp-output-${config.id}`, children: state.connected ? connected : disconnected });
+          ` }) }) : (0, import_jsx_runtime12.jsx)("div", { className: "preview-video bg-black flex items-center justify-center text-white h-full", children: "Preview turned off" }), (0, import_jsx_runtime12.jsx)("div", { className: "preview-levels", children: (0, import_jsx_runtime12.jsx)("div", { className: `preview-level clip-${percentage(state.levels)}-preview` }) })] });
 }
-var import_jsx_runtime12, inline_view_default5;
+var import_jsx_runtime12, import_react7, import_webrtc_client, inline_view_default5;
 var init_inline_view5 = __esm({
-  "build/output.rtmp/inline-view.js"() {
+  "build/output.preview/inline-view.js"() {
     "use strict";
     import_jsx_runtime12 = __toESM(require_jsx_runtime());
+    import_react7 = __toESM(require_react());
+    import_webrtc_client = __toESM(require_webrtc_client());
     inline_view_default5 = InlineView7;
   }
 });
@@ -5403,7 +5403,7 @@ var init_inline_view7 = __esm({
 });
 
 // build/output.statistics/info.js
-function info_default12({ defineComponent, All }) {
+function info_default14({ defineComponent, All }) {
   const InlineView15 = import_react10.default.lazy(async () => Promise.resolve().then(() => (init_inline_view7(), inline_view_exports7)));
   return defineComponent({
     identifier: "output.statistics",
@@ -21352,12 +21352,144 @@ function info_default8(R) {
   };
 }
 
+// build/output.rtmp/info.js
+var import_react6 = __toESM(require_react());
+function info_default9(r) {
+  const { validation: { JitterBuffer, Z } } = r;
+  return defineRtmpOutputComponent(r, {
+    identifier: "output.rtmp",
+    name: "RTMP Egest",
+    description: "This component handles the output of RTMP (Real-Time Messaging Protocol) streams. It is used to connect to a remote RTMP server and manage the streaming of media. ",
+    configForm: {
+      form: {
+        url: { help: "The URL of the remote RTMP server to connect to, including the full stream path and credentials", hint: { type: "text", validation: Z.string().min(5) } },
+        bufferDelayMs: { help: "How many milliseconds in the jitter buffer", hint: { type: "numeric", validation: JitterBuffer, defaultValue: 500 } },
+        avDelayMs: { help: "How many milliseconds to delay A/V to account for subtitles", hint: { type: "numeric", validation: JitterBuffer, defaultValue: 50 } },
+        retryConnectionTimeout: { help: "Number of seconds to wait until a retry is attempted to the RTMP server", hint: { type: "numeric", validation: Z.number().min(1).max(10), defaultValue: 5 } },
+        notes: {
+          help: "Additional notes about this component",
+          hint: { type: "text", optional: true }
+        }
+      }
+    }
+  });
+}
+function defineRtmpOutputComponent({ defineComponent, Av }, settings) {
+  const SummaryView12 = import_react6.default.lazy(async () => Promise.resolve().then(() => (init_summary_view4(), summary_view_exports4)));
+  const InlineView15 = import_react6.default.lazy(async () => Promise.resolve().then(() => (init_inline_view4(), inline_view_exports4)));
+  return defineComponent({
+    ...settings,
+    category: "output",
+    subscription: {
+      // No validation?
+      // Accept either *just* audio, or *just* video, or audio *and* video
+      // there can only be one of each though
+      // The selection of these things should determine the subscriptionValidation callback
+      // requireAV or just 'cool cool cool'
+      accepts: {
+        type: "single-stream",
+        media: Av
+      }
+    },
+    display: (_desc) => {
+      return {
+        // url: desc.config.url
+      };
+    },
+    runtime: {
+      initialState: () => ({ connected: false, connectRetries: 0, enabled: true }),
+      handleEvent: (ev, state) => {
+        const evType = ev.type;
+        switch (evType) {
+          case "rtmp-server-connected-and-publishing":
+            state.connected = true;
+            break;
+          case "rtmp-server-connection-failed-retry":
+            state.connected = false;
+            state.connectRetries++;
+            break;
+          case "output-enabled":
+            state.enabled = true;
+            break;
+          case "output-disabled":
+            state.enabled = false;
+            break;
+          default:
+            assertUnreachable4(evType);
+        }
+        return { ...state };
+      },
+      inline: InlineView15,
+      summary: SummaryView12
+    }
+  });
+}
+function assertUnreachable4(_) {
+  throw new Error("Didn't expect to get here");
+}
+
+// build/output.facebook/info.js
+function info_default10(r) {
+  const { validation: { Z } } = r;
+  return defineRtmpOutputComponent(r, {
+    identifier: "output.Facebook",
+    name: "Facebook Live",
+    description: "Stream directly to Facebook Live using RTMP",
+    configForm: {
+      form: {
+        streamKey: {
+          help: "Facebook Stream Key",
+          hint: {
+            type: "text",
+            validation: Z.string().min(1)
+          }
+        },
+        notes: {
+          help: "Additional notes about this component",
+          hint: {
+            type: "text",
+            optional: true
+          }
+        }
+      }
+    }
+  });
+}
+
+// build/output.linkedin/info.js
+function info_default11(r) {
+  const { validation: { Z } } = r;
+  return defineRtmpOutputComponent(r, {
+    identifier: "output.LinkedIn",
+    name: "LinkedIn Live",
+    description: "Stream directly to LinkedIn Live using RTMP",
+    configForm: {
+      form: {
+        streamUrl: {
+          help: "LinkedIn Stream URL",
+          hint: {
+            type: "text",
+            validation: Z.string().min(1)
+          }
+        },
+        notes: {
+          help: "Additional notes about this component",
+          hint: {
+            type: "text",
+            optional: true
+          }
+        }
+      }
+    }
+  });
+}
+
 // build/output.preview/info.js
-var import_react7 = __toESM(require_react());
+var import_react8 = __toESM(require_react());
 var import_config2 = __toESM(require_config());
-function info_default9(R) {
+function info_default12(R) {
   const { defineComponent, Av, validation: { JitterBuffer } } = R;
-  const InlineView15 = import_react7.default.lazy(async () => Promise.resolve().then(() => (init_inline_view4(), inline_view_exports4)));
+  const InlineView15 = import_react8.default.lazy(async () => Promise.resolve().then(() => (init_inline_view5(), inline_view_exports5)));
   return defineComponent({
     identifier: "output.preview",
     category: "output",
@@ -21407,7 +21539,7 @@ function info_default9(R) {
             state = {};
             break;
           default:
-            assertUnreachable4(evType);
+            assertUnreachable5(evType);
         }
         return { ...state };
       },
@@ -21441,76 +21573,6 @@ function info_default9(R) {
     }
   });
 }
-function assertUnreachable4(_) {
-  throw new Error("Didn't expect to get here");
-}
-
-// build/output.rtmp/info.js
-var import_react8 = __toESM(require_react());
-function info_default10({ defineComponent, Av, validation: { Z, JitterBuffer } }) {
-  const SummaryView12 = import_react8.default.lazy(async () => Promise.resolve().then(() => (init_summary_view4(), summary_view_exports4)));
-  const InlineView15 = import_react8.default.lazy(async () => Promise.resolve().then(() => (init_inline_view5(), inline_view_exports5)));
-  return defineComponent({
-    identifier: "output.rtmp",
-    category: "output",
-    name: "RTMP Egest",
-    description: "This component handles the output of RTMP (Real-Time Messaging Protocol) streams. It is used to connect to a remote RTMP server and manage the streaming of media. ",
-    subscription: {
-      // No validation?
-      // Accept either *just* audio, or *just* video, or audio *and* video
-      // there can only be one of each though
-      // The selection of these things should determine the subscriptionValidation callback
-      // requireAV or just 'cool cool cool'
-      accepts: {
-        type: "single-stream",
-        media: Av
-      }
-    },
-    display: (desc) => {
-      return {
-        url: desc.config.url
-      };
-    },
-    runtime: {
-      initialState: () => ({ connected: false, connectRetries: 0, enabled: true }),
-      handleEvent: (ev, state) => {
-        const evType = ev.type;
-        switch (evType) {
-          case "rtmp-server-connected-and-publishing":
-            state.connected = true;
-            break;
-          case "rtmp-server-connection-failed-retry":
-            state.connected = false;
-            state.connectRetries++;
-            break;
-          case "output-enabled":
-            state.enabled = true;
-            break;
-          case "output-disabled":
-            state.enabled = false;
-            break;
-          default:
-            assertUnreachable5(evType);
-        }
-        return { ...state };
-      },
-      inline: InlineView15,
-      summary: SummaryView12
-    },
-    configForm: {
-      form: {
-        url: { help: "The URL of the remote RTMP server to connect to, including the full stream path and credentials", hint: { type: "text", validation: Z.string().min(5) } },
-        bufferDelayMs: { help: "How many milliseconds in the jitter buffer", hint: { type: "numeric", validation: JitterBuffer, defaultValue: 500 } },
-        avDelayMs: { help: "How many milliseconds to delay A/V to account for subtitles", hint: { type: "numeric", validation: JitterBuffer, defaultValue: 50 } },
-        retryConnectionTimeout: { help: "Number of seconds to wait until a retry is attempted to the RTMP server", hint: { type: "numeric", validation: Z.number().min(1).max(10), defaultValue: 5 } },
-        notes: {
-          help: "Additional notes about this component",
-          hint: { type: "text", optional: true }
-        }
-      }
-    }
-  });
-}
 function assertUnreachable5(_) {
   throw new Error("Didn't expect to get here");
 }
@@ -21518,7 +21580,7 @@ function assertUnreachable5(_) {
 // build/output.srt/info.js
 var import_react9 = __toESM(require_react());
 var import_util = __toESM(require_util2());
-function info_default11(registration) {
+function info_default13(registration) {
   const { defineComponent, All, validation } = registration;
   const SummaryView12 = import_react9.default.lazy(async () => Promise.resolve().then(() => (init_summary_view5(), summary_view_exports5)));
   const InlineView15 = import_react9.default.lazy(async () => Promise.resolve().then(() => (init_inline_view6(), inline_view_exports6)));
@@ -21626,8 +21688,36 @@ function info_default11(registration) {
 // build/info.js
 init_info();
 
+// build/output.twitch/info.js
+function info_default15(r) {
+  const { validation: { Z } } = r;
+  return defineRtmpOutputComponent(r, {
+    identifier: "output.twitch",
+    name: "Twitch Live",
+    description: "Stream directly to Twitch using RTMP",
+    configForm: {
+      form: {
+        streamKey: {
+          help: "Twitch Stream Key (from Twitch Creator Dashboard)",
+          hint: {
+            type: "text",
+            validation: Z.string().min(1)
+          }
+        },
+        notes: {
+          help: "Additional notes about this component",
+          hint: {
+            type: "text",
+            optional: true
+          }
+        }
+      }
+    }
+  });
+}
+
 // build/output.udpTs/info.js
-function info_default13({ defineComponent, All, validation: { Port, Hostname, JitterBuffer, Iface, Z } }) {
+function info_default16({ defineComponent, All, validation: { Port, Hostname, JitterBuffer, Iface, Z } }) {
   return defineComponent({
     identifier: "output.udpTs",
     category: "output",
@@ -21667,7 +21757,7 @@ function info_default13({ defineComponent, All, validation: { Port, Hostname, Ji
 // build/output.whep/info.js
 var import_config3 = __toESM(require_config());
 var import_react12 = __toESM(require_react());
-function info_default14(R) {
+function info_default17(R) {
   const { defineComponent, Av, validation: { JitterBuffer } } = R;
   const InlineView15 = import_react12.default.lazy(async () => Promise.resolve().then(() => (init_inline_view8(), inline_view_exports8)));
   const SummaryView12 = import_react12.default.lazy(async () => Promise.resolve().then(() => (init_summary_view6(), summary_view_exports6)));
@@ -21732,10 +21822,38 @@ function assertUnreachable8(_) {
   throw new Error("Didn't expect to get here");
 }
 
+// build/output.youtube/info.js
+function info_default18(r) {
+  const { validation: { Z } } = r;
+  return defineRtmpOutputComponent(r, {
+    identifier: "output.youtube",
+    name: "YouTube Live",
+    description: "Stream directly to YouTube Live using RTMP",
+    configForm: {
+      form: {
+        streamKey: {
+          help: "YouTube Stream Key",
+          hint: {
+            type: "text",
+            validation: Z.string().min(1)
+          }
+        },
+        notes: {
+          help: "Additional notes about this component",
+          hint: {
+            type: "text",
+            optional: true
+          }
+        }
+      }
+    }
+  });
+}
+
 // build/processor.audioEncoder/info.js
 var import_client_types2 = __toESM(require_client_types());
 var import_react13 = __toESM(require_react());
-function info_default15({ defineComponent, Audio, validation: { Z } }) {
+function info_default19({ defineComponent, Audio, validation: { Z } }) {
   const format = (stat) => Math.floor(stat).toLocaleString("en-US", { maximumFractionDigits: 0 });
   const Hz = (v) => ({ display: `${format(v)}Hz`, value: v });
   return defineComponent({
@@ -21868,7 +21986,7 @@ var import_config4 = __toESM(require_config());
 var import_react15 = __toESM(require_react());
 var SummaryView10 = import_react15.default.lazy(async () => Promise.resolve().then(() => (init_summary_view7(), summary_view_exports7)));
 var InlineView12 = import_react15.default.lazy(async () => Promise.resolve().then(() => (init_inline_view9(), inline_view_exports9)));
-function info_default16({ defineComponent, Video, validation: { Z } }) {
+function info_default20({ defineComponent, Video, validation: { Z } }) {
   return defineComponent({
     identifier: "processor.browserOverlay",
     category: "processor",
@@ -21930,7 +22048,7 @@ function assertUnreachable9(_) {
 }
 
 // build/processor.cascadingSwitch/info.js
-function info_default17({ defineComponent, Av, React: React15, common: { Resolutions, FrameRates } }) {
+function info_default21({ defineComponent, Av, React: React15, common: { Resolutions, FrameRates } }) {
   const SourceSelection = React15.lazy(async () => Promise.resolve().then(() => (init_source_selection(), source_selection_exports)));
   const InlineView15 = React15.lazy(async () => Promise.resolve().then(() => (init_inline_view10(), inline_view_exports10)));
   return defineComponent({
@@ -22070,7 +22188,7 @@ function assertUnreachable10(_) {
 // build/processor.fixedLadder/info.js
 var import_react18 = __toESM(require_react());
 var import_config5 = __toESM(require_config());
-function info_default18({ defineComponent, Video, common: { FrameRates } }) {
+function info_default22({ defineComponent, Video, common: { FrameRates } }) {
   const RungView = import_react18.default.lazy(async () => Promise.resolve().then(() => (init_rung_view(), rung_view_exports)));
   const CodecEditor3 = import_react18.default.lazy(async () => Promise.resolve().then(() => (init_codec_editor(), codec_editor_exports)));
   const CodecView = import_react18.default.lazy(async () => Promise.resolve().then(() => (init_codec_view(), codec_view_exports)));
@@ -22410,7 +22528,7 @@ function assertUnreachable11(_) {
 // build/processor.onscreenGraphic/info.js
 var import_config6 = __toESM(require_config());
 var import_react21 = __toESM(require_react());
-function info_default19({ defineComponent, Video }) {
+function info_default23({ defineComponent, Video }) {
   const GraphicSelection2 = import_react21.default.lazy(async () => Promise.resolve().then(() => (init_image_selection(), image_selection_exports)));
   const SummaryView12 = import_react21.default.lazy(async () => Promise.resolve().then(() => (init_summary_view8(), summary_view_exports8)));
   return defineComponent({
@@ -22491,7 +22609,7 @@ function assertUnreachable13(_) {
 }
 
 // build/processor.streamKeyOverride/info.js
-function info_default20({ defineComponent, All, validation: { Z } }) {
+function info_default24({ defineComponent, All, validation: { Z } }) {
   return defineComponent({
     identifier: "processor.streamKeyOverride",
     category: "processor",
@@ -22636,9 +22754,55 @@ function info_default20({ defineComponent, All, validation: { Z } }) {
   });
 }
 
+// build/processor.videoDecoder/info.js
+function info_default25({ defineComponent, Video }) {
+  return defineComponent({
+    identifier: "processor.videoDecoder",
+    category: "processor",
+    name: "Video Decoder",
+    description: "Explicit video decode.",
+    subscription: {
+      accepts: {
+        type: "single-stream",
+        media: Video
+      },
+      produces: {
+        type: "single-stream",
+        media: Video
+      }
+    },
+    display: ({ config }) => {
+      const displayed = {
+        acceleration: config.mode
+      };
+      return displayed;
+    },
+    extraValidation: (ctx) => {
+      ctx.requireVideo(1);
+    },
+    configForm: {
+      form: {
+        mode: {
+          help: "Acceleration",
+          hint: {
+            type: "select",
+            defaultValue: "software",
+            options: [
+              { display: "Software", value: "software" },
+              { display: "Quadra", value: "quadra" },
+              { display: "Nvidia", value: "nvidia" }
+            ]
+          }
+        },
+        notes: { help: "Notes about this component", hint: { type: "text", optional: true } }
+      }
+    }
+  });
+}
+
 // build/util.stats.latency/info.js
 var import_react23 = __toESM(require_react());
-function info_default21(R) {
+function info_default26(R) {
   const { defineComponent } = R;
   const InlineView15 = import_react23.default.lazy(async () => Promise.resolve().then(() => (init_inline_view11(), inline_view_exports11)));
   const SourceNodeSelection2 = import_react23.default.lazy(async () => Promise.resolve().then(() => (init_source_node_selection(), source_node_selection_exports)));
@@ -22750,10 +22914,10 @@ AllComponents.push((r) => info_default5(r));
 AllComponents.push((r) => info_default6(r));
 AllComponents.push((r) => info_default7(r));
 AllComponents.push((r) => info_default8(r));
-AllComponents.push((r) => info_default9(r));
 AllComponents.push((r) => info_default10(r));
 AllComponents.push((r) => info_default11(r));
 AllComponents.push((r) => info_default12(r));
+AllComponents.push((r) => info_default9(r));
 AllComponents.push((r) => info_default13(r));
 AllComponents.push((r) => info_default14(r));
 AllComponents.push((r) => info_default15(r));
@@ -22763,6 +22927,11 @@ AllComponents.push((r) => info_default18(r));
 AllComponents.push((r) => info_default19(r));
 AllComponents.push((r) => info_default20(r));
 AllComponents.push((r) => info_default21(r));
+AllComponents.push((r) => info_default22(r));
+AllComponents.push((r) => info_default23(r));
+AllComponents.push((r) => info_default24(r));
+AllComponents.push((r) => info_default25(r));
+AllComponents.push((r) => info_default26(r));
 export {
   getNodeInfo as default
 };