@norskvideo/norsk-studio 1.0.0

package/lib/client/creator.js

@@ -0,0 +1,276 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const console_1 = __importDefault(require("../client/console"));
+const document_1 = require("../shared/document");
+const rete_1 = __importDefault(require("./rete"));
+const controls_1 = __importDefault(require("./controls"));
+const tools_1 = __importDefault(require("./tools"));
+const util_1 = require("../shared/util");
+const session_1 = __importDefault(require("./session"));
+const modal_1 = __importDefault(require("./modal"));
+const selectfilename_1 = __importDefault(require("./jsx/selectfilename"));
+const comms_1 = __importDefault(require("./comms"));
+class Creator {
+    container;
+    dropdown;
+    rete;
+    comms;
+    controls;
+    console;
+    session;
+    tools;
+    modal;
+    library;
+    sessionKey = '';
+    documents;
+    env;
+    constructor(library, elements, env) {
+        this.container = elements.workspace;
+        this.env = env;
+        this.dropdown = elements.dropdown;
+        this.library = library;
+        this.dropdown.addEventListener('change', this.onDocumentChange.bind(this));
+        this.console = new console_1.default({
+            onSelection: (nodeId) => void this.rete.selectNodes([nodeId])
+        });
+        this.modal = new modal_1.default();
+        this.controls = new controls_1.default({
+            onStart: this.onStartRequest.bind(this),
+            onStop: this.onStopRequest.bind(this),
+            onSave: this.onSaveRequest.bind(this)
+        });
+        this.container.ondragover = this.onDragOver.bind(this);
+        this.container.ondrop = this.onDragDrop.bind(this);
+        const blankDocument = new document_1.DocumentDescription(this.library);
+        const root = `${window.location.protocol == 'http:' ? 'ws' : 'wss'}://${window.location.host}${window.location.pathname}`;
+        this.comms = new comms_1.default(root, window.location.pathname);
+        this.comms.listen(this.onServerMsg.bind(this));
+        this.documents = [];
+        this.session = new session_1.default(this.library, blankDocument);
+        this.rete = new rete_1.default(this.container, this.session);
+        this.tools = new tools_1.default(this.library, this.session, this.rete, elements.toolbox);
+        void this.updateUIFromSession();
+        if (env.readonly) {
+            void this.comms.connectToExisting('ignored');
+            this.controls.completelyDisable();
+        }
+        else if (env.demoMode) {
+            this.controls.demoMode();
+        }
+        else if (document.location.hash.length > 0) {
+            const sessionKey = decodeURIComponent(document.location.hash.substring(1));
+            void this.comms.connectToExisting(sessionKey);
+        }
+        else {
+        }
+    }
+    async updateUIFromSession() {
+        if (this.rete) {
+            await this.rete.replace(this.session);
+        }
+        this.console.loadEditorWarnings(this.session);
+        this.tools.reset(this.session);
+        this.session.onCommandSent(this.onCommandSent.bind(this));
+        this.session.onValidated(this.onSessionValidated.bind(this));
+    }
+    onSessionValidated() {
+        this.console.loadEditorWarnings(this.session);
+        void this.rete.redraw();
+        if (this.session.description.errors.length > 0) {
+            this.controls.disableStart();
+        }
+        else {
+            this.controls.enableStart();
+        }
+    }
+    async onStartRequest() {
+        await this.comms.start(this.session.description, this.dropdown.options[this.dropdown.selectedIndex].value);
+    }
+    onSaveRequest() {
+        const model = {
+            filename: this.dropdown.options[this.dropdown.selectedIndex].value
+        };
+        const onSubmit = async () => {
+            if (model.filename?.length == 0) {
+                return false;
+            }
+            const result = await this.saveDocument(model.filename);
+            if (!result) {
+                return false;
+            }
+            return true;
+        };
+        this.modal.show({
+            title: "Save session to file",
+            okText: "Save",
+            cancelText: "Cancel",
+            embed: (root) => root.render((0, selectfilename_1.default)({
+                onSubmit: () => {
+                    this.modal.ok.click();
+                },
+                onChange: (f) => model.filename = f, ...model
+            })),
+            onOk: async (o) => {
+                if (!await onSubmit()) {
+                    o.cancel();
+                }
+            }
+        });
+    }
+    async saveDocument(filename) {
+        this.session.description.layout = {};
+        for (const [id, element] of Object.entries(this.rete.elementsByNodeId)) {
+            this.session.description.layout[id] = this.rete.area.nodeViews.get(element.id)?.position ?? { x: 0, y: 0 };
+        }
+        const response = await fetch(window.location.pathname + 'files/' + filename, {
+            method: 'PUT',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify(this.session.description.toYaml())
+        });
+        if (response.ok) {
+            if (!this.documents.includes(filename)) {
+                await this.updateDropdown(filename);
+                return true;
+            }
+        }
+        else {
+            const error = await response.text();
+            console.log(error);
+            return false;
+        }
+    }
+    onStopRequest() {
+        this.comms.stop();
+    }
+    onDragOver(e) {
+        e.preventDefault();
+    }
+    onCommandSent(e) {
+        this.comms.sendMsg({
+            type: 'node-command',
+            id: e.nodeId,
+            command: e.command
+        });
+    }
+    async onDragDrop(e) {
+        const tool = this.tools.getActiveTool();
+        if (!tool) {
+            return;
+        }
+        this.rete.setPendingCreation({ x: e.offsetX, y: e.offsetY });
+        this.session.description.addNode(tool.type);
+    }
+    async updateDropdown(next) {
+        const response = await fetch(window.location.pathname + 'files', {
+            method: 'GET',
+            headers: {
+                Accept: 'application/json',
+            },
+        });
+        const documents = await response.json();
+        this.dropdown.innerHTML = '';
+        const empty = document.createElement('option');
+        empty.value = "";
+        empty.text = "Blank Document";
+        this.dropdown.appendChild(empty);
+        for (const s of documents) {
+            const e = document.createElement('option');
+            e.value = s;
+            e.text = s;
+            this.dropdown.appendChild(e);
+        }
+        this.documents = documents;
+        this.dropdown.selectedIndex = next ? this.documents.indexOf(next) + 1 : 0;
+        await this.onDocumentChange();
+    }
+    async onServerMsg(msg) {
+        const msgType = msg.type;
+        switch (msgType) {
+            case 'init':
+                this.sessionKey = msg.sessionKey;
+                window.location.hash = encodeURIComponent(this.sessionKey);
+                if (msg.document) {
+                    if (msg.filename)
+                        this.dropdown.selectedIndex = this.documents.indexOf(msg.filename) + 1;
+                    await this.onDocumentLoaded(new document_1.DocumentDescription(this.library, msg.document));
+                    this.session.startLiveSession(this.sessionKey);
+                    this.controls.hideButtons();
+                    this.controls.showStop();
+                    this.console.clear();
+                    this.console.switchToRunning(this.session);
+                    await this.rete.switch('running');
+                }
+                break;
+            case 'error':
+                break;
+            case 'started':
+                this.session.startLiveSession(this.sessionKey);
+                this.controls.showStop();
+                this.console.clear();
+                this.console.switchToRunning(this.session);
+                await this.rete.switch('running');
+                break;
+            case 'running':
+                {
+                    const summary = msg.summary;
+                    this.session.updateLiveInfo(summary);
+                    break;
+                }
+            case 'runtime-state':
+                {
+                    this.session.updateRuntimeState(msg.state);
+                }
+                break;
+            case 'runtime-node-state':
+                {
+                    this.session.updateNodeRuntimeState(msg.id, msg.state);
+                }
+                break;
+            case 'runtime-event':
+                {
+                    this.session.runNodeStateEvent(msg.id, msg.event);
+                }
+                break;
+            case 'output':
+                this.console.addOutput(msg.id, msg.url);
+                break;
+            case 'stopped':
+                this.session.endLiveSession();
+                this.controls.showStart();
+                this.console.loadEditorWarnings(this.session);
+                await this.rete.switch('editing');
+                this.comms.close();
+                break;
+            default:
+                return (0, util_1.assertUnreachable)(msgType);
+        }
+    }
+    async onDocumentChange() {
+        const documentName = this.dropdown.options[this.dropdown.selectedIndex].value;
+        if (documentName == "")
+            return;
+        const loaded = await this.comms.load(documentName);
+        if (loaded) {
+            const document = new document_1.DocumentDescription(this.library, loaded);
+            await this.onDocumentLoaded(document);
+        }
+    }
+    async onDocumentLoaded(compiled) {
+        this.session = new session_1.default(this.library, compiled);
+        await this.updateUIFromSession();
+        const rete = this.rete;
+        setTimeout(async () => {
+            if (!this.session.description.layout)
+                await rete.layout();
+            else
+                await rete.centre();
+        }, 0.0);
+    }
+}
+exports.default = Creator;
+//# sourceMappingURL=creator.js.map

package/lib/client/creator.js.map

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

package/lib/client/jsx/connection-editor.d.ts

@@ -0,0 +1,11 @@
+import { ConnectionInfo } from "../rete";
+import Library from '../library';
+import { SubscriptionConfiguration } from "../../shared/document";
+type Props = {
+    library: Library;
+    connection: ConnectionInfo;
+    onSaved: (latest: SubscriptionConfiguration) => void;
+    onCancel: () => void;
+};
+export declare function ConnectionEditor(props: Props): import("react/jsx-runtime").JSX.Element;
+export default ConnectionEditor;

package/lib/client/jsx/connection-editor.js

@@ -0,0 +1,198 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConnectionEditor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const client_types_1 = require("../../extension/client-types");
+const document_1 = require("../../shared/document");
+const util_1 = require("../../shared/util");
+const flowbite_react_1 = require("flowbite-react");
+function ConnectionEditor(props) {
+    return (0, jsx_runtime_1.jsx)(ConnectionEditorImpl, { ...props });
+}
+exports.ConnectionEditor = ConnectionEditor;
+function deriveAvailableModes(source, dest) {
+    const acceptType = dest.subscription.accepts?.type;
+    const produceType = source.subscription.produces?.type;
+    if (!acceptType || !produceType) {
+        throw new Error("Node doesn't support subscriptions");
+    }
+    switch (produceType) {
+        case "multi-stream":
+            switch (acceptType) {
+                case "multi-stream":
+                    return ['take-first-stream', 'take-all-streams'];
+                case "single-stream":
+                    return ['take-first-stream'];
+                default:
+                    return (0, util_1.assertUnreachable)(acceptType);
+            }
+        case "single-stream":
+            return ['take-first-stream'];
+        case "fixed-list":
+            switch (acceptType) {
+                case "multi-stream":
+                    return ['take-first-stream', 'take-all-streams', "take-specific-streams"];
+                case "single-stream":
+                    return ['take-first-stream', "take-specific-stream"];
+                default:
+                    return (0, util_1.assertUnreachable)(acceptType);
+            }
+        default:
+            (0, util_1.assertUnreachable)(produceType);
+    }
+}
+function ConnectionEditorImpl(props) {
+    const sourceNodeInfo = props.connection.sourceNode.info;
+    const destNodeInfo = props.connection.destinationNode.info;
+    const latest = props.connection.subscription.streams;
+    const defaultMediaSelection = {
+        audio: false,
+        video: false,
+        subtitle: false,
+        playlist: false,
+        ancillary: false
+    };
+    const availableMedia = (0, client_types_1.outputMedia)(sourceNodeInfo.subscription.produces);
+    for (const m of (0, client_types_1.subscriptionMedia)(props.connection.subscription)) {
+        defaultMediaSelection[m] = true;
+    }
+    const defaultStreamSelection = latest.type == 'take-specific-stream' ? [latest.filter] : latest.type == 'take-specific-streams' ? latest.filter : [];
+    const availableStreams = sourceNodeInfo.subscription.produces?.type == 'fixed-list' ? sourceNodeInfo.subscription.produces.keys(props.connection.sourceNode.config, props.connection.sourceNode.subscriptions) : [];
+    const availableModes = deriveAvailableModes(sourceNodeInfo, destNodeInfo);
+    const [mode, setMode] = (0, react_1.useState)(availableModes.includes(latest.type) ? latest.type : availableModes[0]);
+    const [mediaSelection, setMediaSelection] = (0, react_1.useState)(defaultMediaSelection);
+    const [streamSelection, setStreamSelection] = (0, react_1.useState)(defaultStreamSelection);
+    const [validationPending, setValidationPending] = (0, react_1.useState)(false);
+    const [validationMessage, setValidationMessage] = (0, react_1.useState)({
+        streams: undefined,
+        media: undefined
+    });
+    if (validationPending) {
+        doValidation();
+        setValidationPending(false);
+    }
+    return (0, jsx_runtime_1.jsx)("div", { className: "z-40 w-64 max-w-xs overflow-y-auto bg-white dark:bg-gray-800", tabIndex: -1, children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "mb-1.5 leading-none text-xl font-semibold text-gray-900 dark:text-white", children: "Edit Subscription" }), (0, jsx_runtime_1.jsxs)("p", { className: "text-l text-gray-900 dark:text-white", children: ["Source: ", props.connection.sourceNode.id] }), (0, jsx_runtime_1.jsxs)("p", { className: "text-l text-gray-900 dark:text-white", children: ["Destination: ", props.connection.destinationNode.id] })] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: props.onCancel, className: "text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 absolute top-1 right-1 inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white", children: [(0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z", clipRule: "evenodd" }) }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Close menu" })] }), (0, jsx_runtime_1.jsxs)("form", { noValidate: true, children: [(0, jsx_runtime_1.jsx)("div", { className: "form-group", children: modeDropdown() }), (0, jsx_runtime_1.jsx)("div", { className: "form-group", children: selectionInputs() }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-center w-full mt-2 pb-4 space-x-4", children: [(0, jsx_runtime_1.jsx)("button", { type: "submit", onClick: onSubmit, className: "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: "Save" }), (0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: props.onCancel, className: "inline-flex w-full justify-center text-gray-500 items-center bg-white hover:bg-gray-100 focus:ring-4 focus:outline-none focus:ring-primary-300 rounded-lg border border-gray-200 text-sm font-medium px-5 py-2.5 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600", children: [(0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", className: "w-5 h-5 -ml-1 sm:mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" }) }), "Cancel"] })] })] })] }) });
+    function validate() {
+        setValidationPending(true);
+    }
+    function doValidation() {
+        let isError = false;
+        const newValue = { media: undefined, streams: undefined };
+        if (Object.entries(mediaSelection).filter(([_, v]) => v).length == 0) {
+            newValue.media = "At least one media type must be selected";
+            isError = true;
+        }
+        if (mode == 'take-specific-streams' && streamSelection.length == 0) {
+            newValue.streams = "At least one media type must be selected";
+            isError = true;
+        }
+        setValidationMessage(newValue);
+        return !isError;
+    }
+    function onSubmit(e) {
+        e.preventDefault();
+        if (doValidation()) {
+            switch (mode) {
+                case 'take-all-streams':
+                case 'take-first-stream':
+                    props.onSaved({
+                        type: mode,
+                        select: Object.entries(mediaSelection).filter(([_, v]) => v).map(([k, _]) => k)
+                    });
+                    break;
+                case 'take-specific-stream':
+                    props.onSaved({
+                        type: mode,
+                        select: Object.entries(mediaSelection).filter(([_, v]) => v).map(([k, _]) => k),
+                        filter: streamSelection[0]
+                    });
+                    break;
+                case 'take-specific-streams':
+                    props.onSaved({
+                        type: mode,
+                        select: Object.entries(mediaSelection).filter(([_, v]) => v).map(([k, _]) => k),
+                        filter: streamSelection
+                    });
+                    break;
+                default:
+                    (0, util_1.assertUnreachable)(mode);
+            }
+        }
+    }
+    function onMediaSelectChange(media) {
+        return (selected) => {
+            const updated = {
+                ...mediaSelection
+            };
+            updated[media] = selected;
+            setMediaSelection(updated);
+            validate();
+        };
+    }
+    function onStreamSelectChange(key) {
+        return (e) => {
+            if (e.target.checked)
+                setStreamSelection([key]);
+            validate();
+        };
+    }
+    function onMultiStreamSelectChange(key) {
+        return (checked) => {
+            if (!checked) {
+                const newValue = [...streamSelection];
+                newValue.splice(newValue.indexOf(key), 1);
+                setStreamSelection(newValue);
+            }
+            else {
+                const newValue = [...streamSelection];
+                newValue.push(key);
+                setStreamSelection(newValue);
+            }
+            validate();
+        };
+    }
+    function modeDropdown() {
+        if (availableModes.length === 1) {
+            return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("legend", { className: "mt-4", children: ["Strategy: ", document_1.SubscriptionTypeInfo[mode]] }), (0, jsx_runtime_1.jsx)("p", { className: "node-editor-helper-text mb-4 mt-2", children: document_1.SubscriptionTypeDescription[mode] })] });
+        }
+        else {
+            return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("legend", { className: "mt-4", children: "Strategy" }), (0, jsx_runtime_1.jsx)(flowbite_react_1.Select, { id: "selection-mode", className: "node-editor-select-input", defaultValue: mode, onBlur: validate, onChange: (e) => setMode(e.target.value), children: availableModes.map((m, i) => {
+                            return (0, jsx_runtime_1.jsx)("option", { value: m, children: document_1.SubscriptionTypeInfo[m] }, i);
+                        }) }), (0, jsx_runtime_1.jsx)("p", { className: "node-editor-helper-text mb-4 mt-2", children: document_1.SubscriptionTypeDescription[mode] })] });
+        }
+    }
+    function selectionInputs() {
+        switch (mode) {
+            case "take-all-streams":
+            case "take-first-stream":
+                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: mediaSelectionCheckboxes() });
+            case "take-specific-stream":
+                return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [singleStreamSelection(), mediaSelectionCheckboxes()] });
+            case "take-specific-streams":
+                return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [multiStreamSelection(), mediaSelectionCheckboxes()] });
+            default:
+                (0, util_1.assertUnreachable)(mode);
+        }
+    }
+    function maybeValidationMessage(message) {
+        return message ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center text-sm text-red-800 rounded-lg bg-red-50 dark:bg-gray-800 dark:text-red-400", role: "alert", children: [(0, jsx_runtime_1.jsx)("svg", { className: "flex-shrink-0 inline w-4 h-4 me-3", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", children: (0, jsx_runtime_1.jsx)("path", { d: "M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z" }) }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Info" }), (0, jsx_runtime_1.jsx)("div", { children: message })] }) }) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    }
+    function mediaSelectionCheckboxes() {
+        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("legend", { className: "mt-4", children: "Media Selection" }), (0, jsx_runtime_1.jsx)("p", { className: "node-editor-helper-text mb-4", children: "The media types that will be used from this node" }), (Object.entries(mediaSelection)).map(([media, used]) => {
+                    return (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(flowbite_react_1.ToggleSwitch, { onBlur: validate, id: "accept", className: `ml-1 ${availableMedia.includes(media) ? '' : 'opacity-10'}`, checked: used, disabled: !availableMedia.includes(media), onChange: onMediaSelectChange(media) }), (0, jsx_runtime_1.jsxs)(flowbite_react_1.Label, { className: `${availableMedia.includes(media) ? '' : 'opacity-10'}`, htmlFor: "accept", children: [media, " "] })] }, media);
+                }), maybeValidationMessage(validationMessage.media)] });
+    }
+    function singleStreamSelection() {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("fieldset", { className: "flex max-w-md flex-col gap-4", children: [(0, jsx_runtime_1.jsx)("legend", { className: "mt-4", children: "Stream Selection" }), (0, jsx_runtime_1.jsx)("p", { className: "node-editor-helper-text mb-4", children: "The specific stream that will be used from this node" }), availableStreams.map((s, i) => {
+                        return (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(flowbite_react_1.Radio, { onBlur: validate, id: `stream-${i}`, name: "streams", value: s.key, defaultChecked: streamSelection.includes(s.key), onChange: onStreamSelectChange(s.key) }), (0, jsx_runtime_1.jsx)(flowbite_react_1.Label, { htmlFor: `stream-${i}`, children: s.display })] }, i);
+                    }), maybeValidationMessage(validationMessage.streams)] }) });
+    }
+    function multiStreamSelection() {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("fieldset", { className: "flex max-w-md flex-col gap-4", children: [(0, jsx_runtime_1.jsx)("legend", { className: "mt-4", children: "Stream Selection" }), (0, jsx_runtime_1.jsx)("p", { className: "node-editor-helper-text mb-4", children: "The streams that will be used from this node" }), availableStreams.map((s, i) => {
+                        return (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(flowbite_react_1.ToggleSwitch, { onBlur: validate, id: `stream-${i}`, name: "streams", value: s.key, checked: streamSelection.includes(s.key), onChange: onMultiStreamSelectChange(s.key) }), (0, jsx_runtime_1.jsx)(flowbite_react_1.Label, { htmlFor: `stream-${i}`, children: s.display })] }, i);
+                    }), maybeValidationMessage(validationMessage.streams)] }) });
+    }
+}
+exports.default = ConnectionEditor;
+//# sourceMappingURL=connection-editor.js.map

package/lib/client/jsx/connection-editor.js.map

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

package/lib/client/jsx/connection.d.ts

@@ -0,0 +1,7 @@
+import { ClassicScheme } from "rete-react-plugin";
+import { Connection as C, Node } from "../rete";
+export default StyledConnection;
+type Props<N extends Node> = {
+    data: ClassicScheme["Connection"] & C<N>;
+};
+export declare function StyledConnection<N extends Node>(props: Props<N>): import("react/jsx-runtime").JSX.Element | null;

package/lib/client/jsx/connection.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledConnection = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const rete_react_plugin_1 = require("rete-react-plugin");
+const tailwind_merge_1 = require("tailwind-merge");
+exports.default = StyledConnection;
+function StyledConnection(props) {
+    const { path } = rete_react_plugin_1.Presets.classic.useConnection();
+    if (!path)
+        return null;
+    const node = props.data;
+    const defaultPathClasses = "fill-none stroke-2 cursor-pointer pointer-events-auto stroke-blue-500";
+    const editing = props.data.selected ? "stroke-yellow-400" : props.data.highlight ? "stroke-yellow-200" : "";
+    const noData = "stroke-blue-800";
+    const hasData = "animate-activeSubscription stroke-blue-400";
+    const overrides = node.toplevel ? ((node.toplevel.mode == 'editing') ? editing : (node.hasData() ? hasData : noData)) : "";
+    const classes = (0, tailwind_merge_1.twMerge)(defaultPathClasses, overrides);
+    const style = (node.toplevel && node.hasData()) ?
+        {
+            strokeDasharray: "10 5",
+            strokeDashoffset: 45,
+        }
+        : {};
+    return ((0, jsx_runtime_1.jsxs)("svg", { className: "absolute !overflow-visible", onPointerDown: (e) => e.stopPropagation(), onClick: selectConnection(props.data), "data-testid": "connection", children: [(0, jsx_runtime_1.jsx)("path", { className: classes, style: style, d: path }), (0, jsx_runtime_1.jsx)("path", { className: "fill-none cursor-pointer pointer-events-auto stroke-transparent", style: { strokeWidth: "15px" }, d: path })] }));
+}
+exports.StyledConnection = StyledConnection;
+function selectConnection(connection) {
+    return async () => {
+        await connection.select();
+    };
+}
+//# sourceMappingURL=connection.js.map

package/lib/client/jsx/connection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connection.js","sourceRoot":"","sources":["../../../src/client/jsx/connection.tsx"],"names":[],"mappings":";;;;AAAA,yDAA2D;AAG3D,mDAAyC;AAEzC,kBAAe,gBAAgB,CAAC;AAiBhC,SAAgB,gBAAgB,CAAiB,KAAe;IAC9D,MAAM,EAAE,IAAI,EAAE,GAAG,2BAAO,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;IAEjD,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IAExB,MAAM,kBAAkB,GAAG,uEAAuE,CAAC;IACnG,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5G,MAAM,MAAM,GAAG,iBAAiB,CAAC;IACjC,MAAM,OAAO,GAAG,4CAA4C,CAAC;IAE7D,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE3H,MAAM,OAAO,GAAG,IAAA,wBAAO,EAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;IACvD,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QAC/C;YACE,eAAe,EAAE,MAAM;YACvB,gBAAgB,EAAE,EAAE;SACrB;QACD,CAAC,CAAC,EAAE,CAAC;IAEP,OAAO,CACL,iCACE,SAAS,EAAC,4BAA4B,EACtC,aAAa,EAAE,CAAC,CAA8B,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACtE,OAAO,EAAE,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,iBACzB,YAAY,aACxB,iCAAM,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,GAAI,EACnD,iCAAM,SAAS,EAAC,iEAAiE,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,IAAI,GAAI,IACzH,CACP,CAAC;AACJ,CAAC;AAhCD,4CAgCC;AAED,SAAS,gBAAgB,CAAC,UAAmB;IAC3C,OAAO,KAAK,IAAI,EAAE;QAChB,MAAM,UAAU,CAAC,MAAM,EAAE,CAAC;IAC5B,CAAC,CAAA;AACH,CAAC"}

package/lib/client/jsx/console-log.d.ts

@@ -0,0 +1,11 @@
+import { DocumentDescription } from "../../shared/document";
+export type ConsoleMessage = {
+    type: 'output';
+    id: string;
+    url: string;
+};
+export type ConsoleProps = {
+    messages: ConsoleMessage[];
+    document: DocumentDescription;
+};
+export declare function ConsoleLog(props: ConsoleProps): import("react/jsx-runtime").JSX.Element;

package/lib/client/jsx/console-log.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConsoleLog = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const util_1 = require("../../shared/util");
+function ConsoleLog(props) {
+    return (0, jsx_runtime_1.jsx)("ul", { className: "mb-4 font-light text-gray-500 sm:mb-5 dark:text-gray-400", children: props.messages.map((e, i) => {
+            switch (e.type) {
+                case 'output':
+                    return (0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsxs)("code", { children: ["Node ", (0, util_1.displayNodeId)(e.id, props.document), " started with output ", (0, jsx_runtime_1.jsx)("a", { target: "_black", href: e.url, children: e.url })] }) }, i);
+                default:
+                    (0, util_1.assertUnreachable)(e.type);
+            }
+        }) });
+}
+exports.ConsoleLog = ConsoleLog;
+//# sourceMappingURL=console-log.js.map

package/lib/client/jsx/console-log.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"console-log.js","sourceRoot":"","sources":["../../../src/client/jsx/console-log.tsx"],"names":[],"mappings":";;;;AACA,4CAAoE;AAcpE,SAAgB,UAAU,CAAC,KAAmB;IAC5C,OAAO,+BAAI,SAAS,EAAC,0DAA0D,YAC5E,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC3B,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC;gBACf,KAAK,QAAQ;oBACX,OAAO,yCAAY,sDAAY,IAAA,oBAAa,EAAC,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,2BAAsB,8BAAG,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAE,CAAC,CAAC,GAAG,YAAG,CAAC,CAAC,GAAG,GAAK,IAAO,IAA1H,CAAC,CAA8H,CAAA;gBACjJ;oBACE,IAAA,wBAAiB,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YAC9B,CAAC;QACH,CAAC,CAAC,GACE,CAAA;AACR,CAAC;AAXD,gCAWC"}

package/lib/client/jsx/console.d.ts

@@ -0,0 +1,20 @@
+import { CompileError, CompileWarning, DocumentDescription } from "../../shared/document";
+export type ConsoleProps = {
+    document: DocumentDescription;
+    errors: CompileError[];
+    warnings: CompileWarning[];
+    onSelection: (nodeId: string) => void;
+};
+export declare function ConsoleError(props: {
+    key: string;
+    error: CompileError;
+    document: DocumentDescription;
+    onClick: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ConsoleWarning(props: {
+    key: string;
+    warning: CompileWarning;
+    document: DocumentDescription;
+    onClick: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Console(props: ConsoleProps): import("react/jsx-runtime").JSX.Element;