@norskvideo/norsk-studio-built-ins 1.0.0

package/lib/util.timestamps/inline-view.js

@@ -0,0 +1,94 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const auto_1 = __importDefault(require("chart.js/auto"));
+function InlineView({ state, config: _2 }) {
+    const chartContainer = (0, react_1.useRef)(null);
+    const [chartControl, setChartControl] = (0, react_1.useState)(undefined);
+    (0, react_1.useEffect)(() => {
+        if (!chartContainer.current)
+            return;
+        if (state.timestamps.length < 2)
+            return;
+        auto_1.default.defaults.color = "#FFF";
+        const chart = new auto_1.default(chartContainer.current, {
+            type: 'line',
+            options: {
+                plugins: {
+                    legend: {
+                        display: false
+                    },
+                },
+                animation: false,
+                color: '#FFF',
+                scales: {
+                    x: {
+                        min: 0,
+                        max: 200,
+                        grid: {
+                            display: false,
+                        }
+                    },
+                    y: {
+                        min: 0,
+                        max: 5000,
+                        grid: {
+                            display: false,
+                        }
+                    }
+                }
+            },
+            data: {
+                labels: new Array(200).fill(0).map((_, i) => i).map((_) => ""),
+                datasets: state.timestamps.map((t) => {
+                    const mapped = (t.timestamps.map((f) => {
+                        const elapsedWall = (f.wall - t.startTimeMs);
+                        const elapsedTime = (f.ts - t.startTimestamp) * 1000.0;
+                        return Math.abs(elapsedTime - elapsedWall);
+                    }));
+                    return {
+                        label: t.key,
+                        fill: false,
+                        borderColor: 'rgba(255, 0, 0, 255)',
+                        borderWidth: 1,
+                        pointStyle: 'dash',
+                        data: mapped
+                    };
+                })
+            }
+        });
+        setChartControl(chart);
+        setInterval(() => {
+            chart.update();
+        }, 100);
+    }, [chartContainer]);
+    (0, react_1.useEffect)(() => {
+        if (!chartControl)
+            return;
+        chartControl.data = {
+            labels: new Array(200).fill(0).map((_, i) => i).map((_) => ""),
+            datasets: state.timestamps.map((t) => {
+                const mapped = (t.timestamps.map((f) => {
+                    const elapsedWall = (f.wall - t.startTimeMs);
+                    const elapsedTime = (f.ts - t.startTimestamp) * 1000.0;
+                    return Math.abs(elapsedTime - elapsedWall);
+                }));
+                return {
+                    label: t.key,
+                    fill: false,
+                    borderColor: 'rgba(255, 0, 0, 255)',
+                    borderWidth: 1,
+                    pointStyle: 'dash',
+                    data: mapped
+                };
+            })
+        };
+    }, [state]);
+    return (0, jsx_runtime_1.jsx)("div", { className: "bg-gray-50 dark:bg-gray-700 rounded", style: { width: "360px", height: '200px', padding: '10px' }, children: (0, jsx_runtime_1.jsx)("canvas", { className: "bg-gray-50 dark:bg-gray-700 rounded", ref: chartContainer }) });
+}
+exports.default = InlineView;
+//# sourceMappingURL=inline-view.js.map

package/lib/util.timestamps/inline-view.js.map

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

package/lib/util.timestamps/runtime.d.ts

@@ -0,0 +1,29 @@
+import { Norsk } from '@norskvideo/norsk-sdk';
+import { OnCreated, ServerComponentDefinition, StudioRuntime } from '@norskvideo/norsk-studio/lib/extension/runtime-types';
+import { SimpleSinkWrapper } from '@norskvideo/norsk-studio/lib/extension/base-nodes';
+export type TimestampOutputSettings = {
+    id: string;
+    displayName: string;
+};
+export type TimestampCollection = {
+    key: string;
+    timestamps: {
+        ts: number;
+        wall: number;
+    }[];
+    startTimestamp: number;
+    startTimeMs: number;
+};
+export type TimestampOutputState = {
+    timestamps: TimestampCollection[];
+};
+export type TimestampOutputEvent = {
+    type: 'new-timestamp';
+    key: string;
+    value: number;
+    wallMs: number;
+};
+export type TimestampOutputCommand = object;
+export default class TimestampOutputDefinition implements ServerComponentDefinition<TimestampOutputSettings, SimpleSinkWrapper, TimestampOutputState, TimestampOutputCommand, TimestampOutputEvent> {
+    create(norsk: Norsk, cfg: TimestampOutputSettings, cb: OnCreated<SimpleSinkWrapper>, runtime: StudioRuntime<TimestampOutputState, TimestampOutputEvent>): Promise<void>;
+}

package/lib/util.timestamps/runtime.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const base_nodes_1 = require("@norskvideo/norsk-studio/lib/extension/base-nodes");
+class TimestampOutputDefinition {
+    async create(norsk, cfg, cb, runtime) {
+        const node = new TimestampOutput(norsk, runtime, cfg);
+        await node.initialised;
+        cb(node);
+    }
+}
+exports.default = TimestampOutputDefinition;
+class TimestampOutput extends base_nodes_1.CustomSinkNode {
+    initialised;
+    norsk;
+    updates;
+    cfg;
+    node;
+    constructor(norsk, { updates }, cfg) {
+        super(cfg.id);
+        this.cfg = cfg;
+        this.norsk = norsk;
+        this.updates = updates;
+        this.initialised = this.initialise();
+    }
+    async initialise() {
+        const node = await this.norsk.debug.streamTimestampReport({
+            onTimestamp: this.onTimestamp.bind(this)
+        });
+        this.setup({ sink: node });
+    }
+    async onTimestamp(key, timestamp) {
+        this.updates.raiseEvent({
+            type: 'new-timestamp',
+            key: `${key.programNumber}-${key.sourceName}-${key.streamId}-${key.renditionName}`,
+            value: Number((timestamp.n * 100n) / timestamp.d) / 100,
+            wallMs: new Date().valueOf()
+        });
+    }
+}
+//# sourceMappingURL=runtime.js.map

package/lib/util.timestamps/runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/util.timestamps/runtime.ts"],"names":[],"mappings":";;AAGA,kFAAsG;AA8BtG,MAAqB,yBAAyB;IAC5C,KAAK,CAAC,MAAM,CAAC,KAAY,EAAE,GAA4B,EAAE,EAAgC,EAAE,OAAkE;QAC3J,MAAM,IAAI,GAAG,IAAI,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;QACtD,MAAM,IAAI,CAAC,WAAW,CAAC;QACvB,EAAE,CAAC,IAAI,CAAC,CAAC;IACX,CAAC;CACF;AAND,4CAMC;AAED,MAAM,eAAgB,SAAQ,2BAAc;IAC1C,WAAW,CAAgB;IAC3B,KAAK,CAAQ;IACb,OAAO,CAA6D;IAEpE,GAAG,CAA0B;IAC7B,IAAI,CAAyB;IAE7B,YAAY,KAAY,EAAE,EAAE,OAAO,EAA6D,EAAE,GAA4B;QAC5H,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACd,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;IACvC,CAAC;IAED,KAAK,CAAC,UAAU;QACd,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,qBAAqB,CAAC;YACxD,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;SACzC,CAAC,CAAA;QACF,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA;IAC5B,CAAC;IAED,KAAK,CAAC,WAAW,CAAC,GAAc,EAAE,SAA4B;QAC5D,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;YACtB,IAAI,EAAE,eAAe;YACrB,GAAG,EAAE,GAAG,GAAG,CAAC,aAAa,IAAI,GAAG,CAAC,UAAU,IAAI,GAAG,CAAC,QAAQ,IAAI,GAAG,CAAC,aAAa,EAAE;YAClF,KAAK,EAAE,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG;YACvD,MAAM,EAAE,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE;SAC7B,CAAC,CAAA;IACJ,CAAC;CACF"}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@norskvideo/norsk-studio-built-ins",
+  "version": "1.0.0",
+  "description": "",
+  "scripts": {
+    "clean": "rm -rf lib",
+    "build": "npx studio-wrap-infos src/ && npx npm-run-all build:*",
+    "build:server": "npx tsc",
+    "build:client": "npx tsc -p tsconfig-client.json && npx studio-bundle build/info.js client/info.js",
+    "build:copy-css": "rsync --mkpath -v -r --include '*/' --include '*.css' --exclude '*' src/ client/",
+    "build:tailwind": "npx tailwindcss -i shared/tailwind.css -o shared/style.css",
+    "build:eslint": "npx eslint src",
+    "test": "mocha  --no-parallel --jobs=0 --timeout 120000 --recursive lib/test"
+  },
+  "files": [
+    "client/*",
+    "lib/*",
+    "shared/*"
+  ],
+  "license": "MIT",
+  "dependencies": {
+    "@aws-sdk/client-mediaconnect": "^3.499.0",
+    "@aws-sdk/client-medialive": "^3.499.0",
+    "@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/webrtc-client": "^0.1.2",
+    "express": "^4.18.2",
+    "express-ws": "^5.0.2"
+  },
+  "main": "lib/index.js",
+  "devDependencies": {
+    "@types/chai": "^4.3.11",
+    "@types/express": "^4.17.20",
+    "@types/express-ws": "^3.0.3",
+    "@types/hls-parser": "^0.8.7",
+    "@types/mocha": "^10.0.6",
+    "@types/node-fetch": "^2.6.9",
+    "@types/react": "^18.2.33",
+    "@types/react-dom": "^18.2.14",
+    "@typescript-eslint/eslint-plugin": "^6.19.0",
+    "@typescript-eslint/parser": "^6.9.1",
+    "chai": "^4.3.10",
+    "chart.js": "^4.4.2",
+    "esbuild": "^0.20.2",
+    "esbuild-plugin-external-global": "^1.0.1",
+    "eslint": "^8.53.0",
+    "hls-parser": "^0.10.8",
+    "hls.js": "^1.5.8",
+    "JSX": "^1.1.0",
+    "mocha": "^10.4.0",
+    "node-fetch": "^2.7.0",
+    "npm-run-all": "^4.1.5",
+    "puppeteer": "^21.5.2",
+    "react": "^18.3.0",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5.4.5",
+    "yaml": "^2.3.3"
+  }
+}