@norskvideo/norsk-studio-built-ins 1.0.0

package/client/output.preview/styles.css

@@ -0,0 +1,128 @@
+.preview-outer-container {
+    height: 237px;
+    width: 450px;
+}
+
+.preview-video {
+    width: 420px;
+}
+
+.preview-outer-container div {
+    float: left;
+}
+
+.preview-levels {
+    height: 100%;
+    width: 30px;
+    background-color: #333;
+    border-radius: 2px;
+    display: flex;
+    flex-direction: row;
+    padding: 4px 3px;
+    margin: auto;
+    margin-top: 0px;
+}
+
+/* paint not glowing LEDs */
+.preview-level {
+    position: relative;
+    margin: 0 2px;
+    flex-grow: 1;
+    z-index: 3;
+    background-color: transparent;
+    background-repeat: repeat-y;
+    background-image: linear-gradient(to bottom, #666 3px, transparent 1px);
+    background-size: 100% 4px;
+}
+
+/* paint glowing LEDs */
+.preview-level:before {
+    width: 100%;
+    height: 100%;
+    content: ' ';
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    z-index: 1;
+    background-repeat: no-repeat;
+    background-image: linear-gradient(to top, green 0%, yellow 80%, red 100%);
+    background-size: 100% 100%;
+}
+
+.clip-0-preview:before {
+    clip-path: inset(100% 0 0 0);
+    -webkit-clip-path: inset(100% 0 0 0);
+}
+
+.clip-10-preview:before {
+    clip-path: inset(90% 0 0 0);
+    -webkit-clip-path: inset(90% 0 0 0);
+}
+
+.clip-20-preview:before {
+    clip-path: inset(80% 0 0 0);
+    -webkit-clip-path: inset(80% 0 0 0);
+}
+
+.clip-30-preview:before {
+    clip-path: inset(70% 0 0 0);
+    -webkit-clip-path: inset(70% 0 0 0);
+}
+
+
+.clip-40-preview:before {
+    clip-path: inset(60% 0 0 0);
+    -webkit-clip-path: inset(60% 0 0 0);
+}
+
+.clip-50-preview:before {
+    clip-path: inset(50% 0 0 0);
+    -webkit-clip-path: inset(50% 0 0 0);
+}
+
+.clip-60-preview:before {
+    clip-path: inset(40% 0 0 0);
+    -webkit-clip-path: inset(40% 0 0 0);
+}
+
+.clip-70-preview:before {
+    clip-path: inset(30% 0 0 0);
+    -webkit-clip-path: inset(30% 0 0 0);
+}
+
+
+.clip-80-preview:before {
+    clip-path: inset(20% 0 0 0);
+    -webkit-clip-path: inset(20% 0 0 0);
+}
+
+.clip-90-preview:before {
+    clip-path: inset(10% 0 0 0);
+    -webkit-clip-path: inset(10% 0 0 0);
+}
+
+.clip-100-preview:before {
+    clip-path: inset(0% 0 0 0);
+    -webkit-clip-path: inset(0% 0 0 0);
+}
+
+
+
+/* paint gap lines of LEDs */
+.preview-level::after {
+    width: 100%;
+    height: 100%;
+    content: ' ';
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    z-index: 2;
+    margin-top: 3px;
+    background-image: linear-gradient(to bottom, #333 1px
+            /* space between leds*/
+            , transparent 1px);
+    background-repeat: repeat-y;
+    background-size: 100% 4px;
+    /* 4px LED height */
+    background-color: transparent;
+}

package/client/processor.audioLevel/styles.css

@@ -0,0 +1,164 @@
+.audio-level-container {
+    height: 210px;
+    width: 200px;
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: 150px 40px 25px;
+}
+
+.audio-level-container-inline {
+    height: 108px;
+    width: 180px;
+    display: flex;
+    flex-direction: row-reverse;
+}
+
+.audio-level-container div {
+    float: left;
+}
+
+.preview-levels-inline {
+    height: 100%;
+    width: 30px;
+    background-color: #333;
+    border-radius: 2px;
+    display: flex;
+    grid-template-columns: 30px 30px;
+    padding: 4px 3px;
+    margin: auto;
+    margin-top: 0px;
+    grid-column-gap: 5px;
+}
+
+.preview-levels-summary {
+    height: 100%;
+    width: 30px;
+    background-color: #333;
+    border-radius: 2px;
+    display: grid;
+    grid-template-columns: 30px 30px;
+    padding: 4px 3px;
+    margin: auto;
+    margin-top: 0px;
+    grid-column-gap: 5px;
+}
+
+/* paint not glowing LEDs */
+.preview-level {
+    position: relative;
+    margin: 0 2px;
+    flex-grow: 1;
+    z-index: 3;
+    background-color: transparent;
+    background-repeat: repeat-y;
+    background-image: linear-gradient(to bottom, #666 3px, transparent 1px);
+    background-size: 100% 4px;
+}
+
+/* paint glowing LEDs */
+.preview-level:before {
+    width: 100%;
+    height: 100%;
+    content: ' ';
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    z-index: 1;
+    background-repeat: no-repeat;
+    background-image: linear-gradient(to top, green 0%, yellow 80%, red 100%);
+    background-size: 100% 100%;
+}
+
+.clip-0:before {
+    clip-path: inset(0% 0 0 0);
+    -webkit-clip-path: inset(100% 0 0 0);
+}
+
+.clip-10:before {
+    clip-path: inset(10% 0 0 0);
+    -webkit-clip-path: inset(90% 0 0 0);
+}
+
+.clip-20:before {
+    clip-path: inset(80% 0 0 0);
+    -webkit-clip-path: inset(80% 0 0 0);
+}
+
+.clip-30:before {
+    clip-path: inset(70% 0 0 0);
+    -webkit-clip-path: inset(70% 0 0 0);
+}
+
+.clip-40:before {
+    clip-path: inset(60% 0 0 0);
+    -webkit-clip-path: inset(60% 0 0 0);
+}
+
+.clip-50:before {
+    clip-path: inset(50% 0 0 0);
+    -webkit-clip-path: inset(50% 0 0 0);
+}
+
+.clip-60:before {
+    clip-path: inset(40% 0 0 0);
+    -webkit-clip-path: inset(40% 0 0 0);
+}
+
+.clip-70:before {
+    clip-path: inset(30% 0 0 0);
+    -webkit-clip-path: inset(30% 0 0 0);
+}
+
+
+.clip-80:before {
+    clip-path: inset(20% 0 0 0);
+    -webkit-clip-path: inset(20% 0 0 0);
+}
+
+.clip-90:before {
+    clip-path: inset(10% 0 0 0);
+    -webkit-clip-path: inset(10% 0 0 0);
+}
+
+.clip-100:before {
+    clip-path: inset(0% 0 0 0);
+    -webkit-clip-path: inset(0% 0 0 0);
+}
+
+
+
+/* paint gap lines of LEDs */
+.preview-level::after {
+    width: 100%;
+    height: 100%;
+    content: ' ';
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    z-index: 2;
+    margin-top: 3px;
+    background-image: linear-gradient(to bottom, #333 1px
+            /* space between leds*/
+            , transparent 1px);
+    background-repeat: repeat-y;
+    background-size: 100% 4px;
+    /* 4px LED height */
+    background-color: transparent;
+}
+
+#audio-slider {
+    width: 150px;
+}
+
+#db-level-max {
+    right: 36px;
+    top: 0;
+}
+
+#db-level-min {
+    right: 23px;
+    bottom: 26px;
+}
+
+#node-gain-level {
+    align-self: end;
+}

package/client/processor.audioMixer/styles.css

@@ -0,0 +1,249 @@
+.audio-mixer {
+    height: 100%;
+}
+
+.channel-container {
+    height: 100%;
+    width: 150px;
+    grid-template-rows: 2em 35% 3em 1fr 2em;
+    grid-template-columns: 100px;
+}
+
+.mixer-level-db {
+    justify-content: space-evenly;
+}
+
+.mixer-gain-db {
+    height: calc(55vh - 15px);
+    right: -10px;
+}
+
+.mute-icon {
+    cursor: pointer;
+}
+
+.level-muted {
+    border: 2px solid;
+    border-color: #ff3366;
+}
+
+.audio-mixer-fader-container {
+    height: 55vh;
+}
+
+.audio-mixer-fader {
+    width: 55vh;
+    height: 1em;
+}
+
+.audio-level-container {
+    height: 210px;
+    width: 200px;
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: 150px 40px 25px;
+}
+
+.audio-level-container-inline {
+    height: 108px;
+    width: 180px;
+    display: flex;
+    flex-direction: row-reverse;
+}
+
+.audio-level-container div {
+    float: left;
+}
+
+.preview-levels-mixer {
+    width: 30px;
+    background-color: #333;
+    border-radius: 2px;
+    display: grid;
+    grid-template-columns: 30px 30px;
+    padding: 4px 3px;
+    margin: auto;
+    margin-top: 0px;
+    grid-column-gap: 5px;
+    height: 100%;
+}
+
+/* paint not glowing LEDs */
+.preview-level-mixer {
+    position: relative;
+    margin: 0 2px;
+    flex-grow: 1;
+    z-index: 3;
+    background-color: transparent;
+    background-repeat: repeat-y;
+    background-image: linear-gradient(to bottom, #666 3px, transparent 1px);
+    background-size: 100% 4px;
+}
+
+/* paint glowing LEDs */
+.preview-level-mixer:before {
+    width: 100%;
+    height: 100%;
+    content: ' ';
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    z-index: 1;
+    background-repeat: no-repeat;
+    background-image: linear-gradient(to top, green 0%, yellow 80%, red 100%);
+    background-size: 100% 100%;
+}
+
+.clip-0:before {
+    clip-path: inset(0% 0 0 0);
+    -webkit-clip-path: inset(100% 0 0 0);
+}
+
+.clip-10:before {
+    clip-path: inset(10% 0 0 0);
+    -webkit-clip-path: inset(90% 0 0 0);
+}
+
+.clip-20:before {
+    clip-path: inset(80% 0 0 0);
+    -webkit-clip-path: inset(80% 0 0 0);
+}
+
+.clip-30:before {
+    clip-path: inset(70% 0 0 0);
+    -webkit-clip-path: inset(70% 0 0 0);
+}
+
+.clip-40:before {
+    clip-path: inset(60% 0 0 0);
+    -webkit-clip-path: inset(60% 0 0 0);
+}
+
+.clip-50:before {
+    clip-path: inset(50% 0 0 0);
+    -webkit-clip-path: inset(50% 0 0 0);
+}
+
+.clip-60:before {
+    clip-path: inset(40% 0 0 0);
+    -webkit-clip-path: inset(40% 0 0 0);
+}
+
+.clip-70:before {
+    clip-path: inset(30% 0 0 0);
+    -webkit-clip-path: inset(30% 0 0 0);
+}
+
+
+.clip-80:before {
+    clip-path: inset(20% 0 0 0);
+    -webkit-clip-path: inset(20% 0 0 0);
+}
+
+.clip-90:before {
+    clip-path: inset(10% 0 0 0);
+    -webkit-clip-path: inset(10% 0 0 0);
+}
+
+.clip-100:before {
+    clip-path: inset(0% 0 0 0);
+    -webkit-clip-path: inset(0% 0 0 0);
+}
+
+
+
+/* paint gap lines of LEDs */
+.preview-level::after {
+    width: 100%;
+    height: 100%;
+    content: ' ';
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    z-index: 2;
+    margin-top: 3px;
+    background-image: linear-gradient(to bottom, #333 1px
+            /* space between leds*/
+            , transparent 1px);
+    background-repeat: repeat-y;
+    background-size: 100% 4px;
+    /* 4px LED height */
+    background-color: transparent;
+}
+
+#audio-slider {
+    width: 150px;
+}
+
+#db-level-max {
+    right: 36px;
+    top: 0;
+}
+
+#db-level-min {
+    right: 23px;
+    bottom: 26px;
+}
+
+#node-gain-level {
+    align-self: end;
+}
+
+#mixer-level-container-inline {
+    grid-template-columns: 60px 60px 60px 60px;
+    grid-row-gap: 10px;
+}
+
+.preview-levels {
+    height: 100%;
+    width: 30px;
+    background-color: #333;
+    border-radius: 2px;
+    display: flex;
+    flex-direction: row;
+    padding: 4px 3px;
+    margin: auto;
+    margin-top: 0px;
+    writing-mode: vertical-rl;
+}
+
+/* paint not glowing LEDs */
+.preview-level {
+    position: relative;
+    margin: 0 2px;
+    flex-grow: 1;
+    z-index: 3;
+    background-color: transparent;
+    background-repeat: repeat-y;
+    background-image: linear-gradient(to bottom, #666 3px, transparent 1px);
+    background-size: 100% 4px;
+}
+
+/* paint glowing LEDs */
+.preview-level:before {
+    width: 100%;
+    height: 100%;
+    content: ' ';
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    z-index: 1;
+    background-repeat: no-repeat;
+    background-image: linear-gradient(to top, green 0%, yellow 80%, red 100%);
+    background-size: 100% 100%;
+}
+
+.inline-channel-name {
+    left: 27px;
+}
+
+.inline-master-channel {
+    grid-row-start: 1;
+    grid-column-start: 4;
+    grid-row-end: 5;
+    height: 108px;
+}
+
+.inline-master-border {
+    border: 1px solid;
+    border-color: cyan;
+}

package/lib/index.d.ts

@@ -0,0 +1,3 @@
+import { RuntimeSystem } from "@norskvideo/norsk-studio/lib/extension/runtime-system";
+export declare function registerAll(r: RuntimeSystem): Promise<void>;
+export default registerAll;

package/lib/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerAll = void 0;
+const registration_1 = require("@norskvideo/norsk-studio/lib/extension/registration");
+const path_1 = __importDefault(require("path"));
+async function registerAll(r) {
+    r.registerGlobalStylesheet(path_1.default.join(__dirname, "../shared/style.css"));
+    return (0, registration_1.autoRegisterComponents)(__dirname, path_1.default.join(__dirname, "../client/info.js"), (p) => p.replace('lib', 'client'))(r);
+}
+exports.registerAll = registerAll;
+exports.default = registerAll;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,sFAA4F;AAE5F,gDAAwB;AAEjB,KAAK,UAAU,WAAW,CAAC,CAAgB;IAChD,CAAC,CAAC,wBAAwB,CAAC,cAAI,CAAC,IAAI,CAAC,SAAS,EAAE,qBAAqB,CAAC,CAAC,CAAC;IACxE,OAAO,IAAA,qCAAsB,EAAC,SAAS,EACrC,cAAI,CAAC,IAAI,CAAC,SAAS,EAAE,mBAAmB,CAAC,EACzC,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClD,CAAC;AALD,kCAKC;AAED,kBAAe,WAAW,CAAC"}

package/lib/info.d.ts

@@ -0,0 +1,3 @@
+import type { BaseConfig, NodeInfo } from "@norskvideo/norsk-studio/lib/extension/client-types";
+import type Registration from "@norskvideo/norsk-studio/lib/extension/registration";
+export default function getNodeInfo(r: Registration, type: string): NodeInfo<BaseConfig>;

package/lib/info.js

@@ -0,0 +1,74 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const InitialisedComponents = {};
+let initialised = false;
+const AllComponents = [];
+function getNodeInfo(r, type) {
+    if (!initialised) {
+        AllComponents.forEach((f) => {
+            const i = f(r);
+            InitialisedComponents[i.identifier] = i;
+        });
+        initialised = true;
+    }
+    return InitialisedComponents[type];
+}
+exports.default = getNodeInfo;
+const info_1 = __importDefault(require("./input.mediaconnect/info"));
+AllComponents.push((r) => (0, info_1.default)(r));
+const info_2 = __importDefault(require("./input.rtmp/info"));
+AllComponents.push((r) => (0, info_2.default)(r));
+const info_3 = __importDefault(require("./input.silence/info"));
+AllComponents.push((r) => (0, info_3.default)(r));
+const info_4 = __importDefault(require("./input.srt-caller/info"));
+AllComponents.push((r) => (0, info_4.default)(r));
+const info_5 = __importDefault(require("./input.srt-listener/info"));
+AllComponents.push((r) => (0, info_5.default)(r));
+const info_6 = __importDefault(require("./input.udp-ts/info"));
+AllComponents.push((r) => (0, info_6.default)(r));
+const info_7 = __importDefault(require("./input.videoTestCard/info"));
+AllComponents.push((r) => (0, info_7.default)(r));
+const info_8 = __importDefault(require("./output.autoCmaf/info"));
+AllComponents.push((r) => (0, info_8.default)(r));
+const info_9 = __importDefault(require("./output.medialive/info"));
+AllComponents.push((r) => (0, info_9.default)(r));
+const info_10 = __importDefault(require("./output.preview/info"));
+AllComponents.push((r) => (0, info_10.default)(r));
+const info_11 = __importDefault(require("./output.rtmp/info"));
+AllComponents.push((r) => (0, info_11.default)(r));
+const info_12 = __importDefault(require("./output.srt/info"));
+AllComponents.push((r) => (0, info_12.default)(r));
+const info_13 = __importDefault(require("./output.statistics/info"));
+AllComponents.push((r) => (0, info_13.default)(r));
+const info_14 = __importDefault(require("./output.udpTs/info"));
+AllComponents.push((r) => (0, info_14.default)(r));
+const info_15 = __importDefault(require("./output.whep/info"));
+AllComponents.push((r) => (0, info_15.default)(r));
+const info_16 = __importDefault(require("./processor.actionReplay/info"));
+AllComponents.push((r) => (0, info_16.default)(r));
+const info_17 = __importDefault(require("./processor.audioLevel/info"));
+AllComponents.push((r) => (0, info_17.default)(r));
+const info_18 = __importDefault(require("./processor.audioMixer/info"));
+AllComponents.push((r) => (0, info_18.default)(r));
+const info_19 = __importDefault(require("./processor.aws-transcribe/info"));
+AllComponents.push((r) => (0, info_19.default)(r));
+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"));
+AllComponents.push((r) => (0, info_22.default)(r));
+const info_23 = __importDefault(require("./processor.monetise/info"));
+AllComponents.push((r) => (0, info_23.default)(r));
+const info_24 = __importDefault(require("./processor.whisper-transcribe/info"));
+AllComponents.push((r) => (0, info_24.default)(r));
+const info_25 = __importDefault(require("./util.latency/info"));
+AllComponents.push((r) => (0, info_25.default)(r));
+const info_26 = __importDefault(require("./util.ma35d/info"));
+AllComponents.push((r) => (0, info_26.default)(r));
+const info_27 = __importDefault(require("./util.timestamps/info"));
+AllComponents.push((r) => (0, info_27.default)(r));
+//# sourceMappingURL=info.js.map

package/lib/info.js.map

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

package/lib/input.mediaconnect/flow-selection.d.ts

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

package/lib/input.mediaconnect/flow-selection.js

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