@norskvideo/norsk-studio 1.0.0

package/lib/client/jsx/node.js

@@ -0,0 +1,244 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledNode = exports.WarningIcon = exports.NodeStyles = exports.nodeColour = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const rete_react_plugin_1 = require("rete-react-plugin");
+const styled_components_1 = __importStar(require("styled-components"));
+const util_1 = require("../../shared/util");
+const names_1 = require("../../shared/names");
+const tailwind_merge_1 = require("tailwind-merge");
+const react_1 = require("react");
+const $nodewidth = 200;
+const $socketmargin = 10;
+const $socketsize = 10;
+const { RefSocket, RefControl } = rete_react_plugin_1.Presets.classic;
+function nodeColour(props) {
+    const modeType = props.$node.mode;
+    const { accepts: input, produces: output } = props.$node.node.info.subscription;
+    switch (modeType) {
+        case 'editing':
+            if (props.$node.errors.length > 0) {
+                return '#FFDDDD';
+            }
+            if (props.$node.warnings.length > 0) {
+                return '#FFFFDD';
+            }
+            return input && output ? '#CCEECC' : input ? '#AAEEAA' : '#DDEEDD';
+        case 'running': {
+            const status = props.$node.liveStatus();
+            switch (status) {
+                case "not-running":
+                    return '#FFFFFF';
+                case "running-ok":
+                    return '#DDFFDD';
+                case "running-missing-data":
+                    return '#FFFFAA';
+                default:
+                    return (0, util_1.assertUnreachable)(status);
+            }
+        }
+        default:
+            return (0, util_1.assertUnreachable)(modeType);
+    }
+}
+exports.nodeColour = nodeColour;
+function nodeClasses(node, selected) {
+    const modeType = node.mode;
+    const { accepts: input, produces: output } = node.node.info.subscription;
+    let border = "";
+    let body;
+    switch (modeType) {
+        case 'editing':
+            body = "bg-white dark:bg-gray-800";
+            if (node.errors.length > 0) {
+                border = 'border-red-500 dark:border-red-500';
+            }
+            else if (node.warnings.length > 0) {
+                border = 'border-amber-500 dark:border-amber-500';
+            }
+            else if (input && output) {
+                border = "border-blue-500 dark:border-blue-500";
+            }
+            else if (input) {
+                border = "border-blue-800 dark:border-blue-800";
+            }
+            else {
+                border = "border-blue-300 dark:border-blue-300";
+            }
+            break;
+        case 'running': {
+            if (!node.live) {
+                body = "bg-white dark:bg-gray-800";
+            }
+            else {
+                if (output) {
+                    if (node.hasOutputs()) {
+                        body = "bg-teal-200 dark:bg-teal-700";
+                    }
+                    else {
+                        body = "bg-amber-200 dark:bg-amber-700";
+                    }
+                }
+                else if (input) {
+                    if (node.hasInputs()) {
+                        body = "bg-teal-200 dark:bg-teal-700";
+                    }
+                    else {
+                        body = "bg-amber-200 dark:bg-amber-700";
+                    }
+                }
+                else {
+                    body = "bg-teal-200 dark:bg-teal-700";
+                }
+            }
+            break;
+        }
+        default:
+            return (0, util_1.assertUnreachable)(modeType);
+    }
+    return (0, tailwind_merge_1.twMerge)(border, body, selected ? "border-green-400 dark:border-green-400" : "");
+}
+exports.default = StyledNode;
+exports.NodeStyles = styled_components_1.default.div `
+  background: ${(props) => `${nodeColour(props)};`}
+  border: 2px solid grey;
+  border-radius: 10px;
+  cursor: pointer;
+  box-sizing: border-box;
+  minWidth: ${(props) => Number.isFinite(props.width) ? `${props.width}px` : `${$nodewidth}px`};
+  minHeight: ${(props) => Number.isFinite(props.height) ? `${props.height}px` : "auto"};
+  padding-bottom: 6px;
+  position: relative;
+  user-select: none;
+  &:hover {
+    background: #EEE;
+  }
+  ${(props) => props.selected &&
+    (0, styled_components_1.css) `
+      border: 2px solid grey;
+      box-shadow: 5px 5px 5px #EEEE00;
+    `}
+  .title {
+    color: black;
+    font-family: sans-serif;
+    font-size: 18px;
+    padding: 8px;
+  }
+  .output {
+    text-align: right;
+  }
+  .input {
+    text-align: left;
+  }
+  .output-socket {
+    text-align: right;
+    margin-right: -1px;
+    display: inline-block;
+  }
+  .input-socket {
+    text-align: left;
+    margin-left: -1px;
+    display: inline-block;
+  }
+  .input-title,
+  .output-title {
+    vertical-align: middle;
+    color: white;
+    display: inline-block;
+    font-family: sans-serif;
+    font-size: 14px;
+    margin: ${$socketmargin}px;
+    line-height: ${$socketsize}px;
+  }
+  .input-control {
+    z-index: 1;
+    width: calc(100% - ${$socketsize + 2 * $socketmargin}px);
+    vertical-align: middle;
+    display: inline-block;
+  }
+  .control {
+    display: block;
+    padding: ${$socketmargin}px ${$socketsize / 2 + $socketmargin}px;
+  }
+  ${(props) => props.styles && props.styles(props)}
+`;
+function sortByIndex(entries) {
+    entries.sort((a, b) => {
+        const ai = a[1]?.index || 0;
+        const bi = b[1]?.index || 0;
+        return ai - bi;
+    });
+}
+function WarningIcon({ errors, warnings: _ }) {
+    const bugType = errors.length > 0 ? "bi bi-bug-fill" : "bi bi-bug";
+    return (0, jsx_runtime_1.jsx)("div", { className: `node-warning ${bugType}` });
+}
+exports.WarningIcon = WarningIcon;
+function StyledNode(props) {
+    const [toggleHelpPopup, setToggleHelpPopup] = (0, react_1.useState)(false);
+    const inputs = Object.entries(props.data.inputs);
+    const outputs = Object.entries(props.data.outputs);
+    const controls = Object.entries(props.data.controls);
+    const _warnings = props.data.warnings;
+    const _errors = props.data.errors;
+    const selected = props.data.selected || false;
+    const { id, width: _width, height: _height, node } = props.data;
+    const display = (() => {
+        try {
+            return node.info.display
+                ? node.info.display(node) : {};
+        }
+        catch (_) {
+            return '';
+        }
+    })();
+    sortByIndex(inputs);
+    sortByIndex(outputs);
+    sortByIndex(controls);
+    const baseNodeClasses = "min-w-64 p-4 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700 node";
+    const finalClasses = (0, tailwind_merge_1.twMerge)(baseNodeClasses, nodeClasses(props.data, selected));
+    const helpPopup = node.info.runtime?.helpPopup?.jsx && props.data.live?.runtimeState
+        ? (0, jsx_runtime_1.jsx)(node.info.runtime.helpPopup.jsx, { state: props.data.live.runtimeState, config: node.config, sendCommand: (cmd) => { props.data.sendCommand(cmd); } })
+        : node.info.runtime?.helpPopup?.simple
+            ? (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xl font-bold mb-2", children: node.info.runtime.helpPopup.simple.title }), node.info.runtime.helpPopup.simple.content.map((c) => (0, jsx_runtime_1.jsx)("p", { children: c }))] })
+            : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    return (0, jsx_runtime_1.jsxs)("div", { id: (0, names_1.nodeId)(node.id), className: finalClasses, children: [(0, jsx_runtime_1.jsxs)("div", { id: "node-icon-container", className: "grid mb-2 h-10 gap-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xl font-bold tracking-tight text-gray-900 dark:text-white grow", children: node.config?.displayName || "[No name]" }), (props.data.mode === 'running' && !!node.info.runtime?.helpPopup) ?
+                        (0, jsx_runtime_1.jsxs)("div", { id: "help-popup", children: [(0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", className: "cursor-pointer", onClick: (_e) => { setToggleHelpPopup(!toggleHelpPopup); }, children: [(0, jsx_runtime_1.jsx)("title", { children: "Display help" }), (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", d: "M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM9 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6.75 8a.75.75 0 0 0 0 1.5h.75v1.75a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8.25 8h-1.5Z", "clip-rule": "evenodd" })] }), toggleHelpPopup
+                                    ? (0, jsx_runtime_1.jsxs)("div", { id: "help-popup-content", className: "border border-gray-600 rounded-lg dark:bg-gray-800 w-80", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", onClick: (_e) => setToggleHelpPopup(false), 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" }) }) }), helpPopup] })
+                                    : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})] }) : (0, jsx_runtime_1.jsx)("div", {}), (props.data.mode === 'running' && !!node.info.runtime?.fullscreen) ? (0, jsx_runtime_1.jsx)("a", { href: `live/${encodeURIComponent(props.data.toplevel.session.sessionKey)}/${node.id}/fullscreen`, target: "_blank", children: (0, jsx_runtime_1.jsxs)("svg", { className: "cursor-pointer text-gray-800 dark:text-white", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 18 18", children: [(0, jsx_runtime_1.jsx)("path", { d: "M17 0h-5.768a1 1 0 1 0 0 2h3.354L8.4 8.182A1.003 1.003 0 1 0 9.818 9.6L16 3.414v3.354a1 1 0 0 0 2 0V1a1 1 0 0 0-1-1Z" }), (0, jsx_runtime_1.jsx)("path", { d: "m14.258 7.985-3.025 3.025A3 3 0 1 1 6.99 6.768l3.026-3.026A3.01 3.01 0 0 1 8.411 2H2.167A2.169 2.169 0 0 0 0 4.167v11.666A2.169 2.169 0 0 0 2.167 18h11.666A2.169 2.169 0 0 0 16 15.833V9.589a3.011 3.011 0 0 1-1.742-1.604Z" })] }) }) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})] }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-3 font-normal text-gray-700 dark:text-gray-400", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between", style: { position: 'relative', height: '5px' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { right: "34px", top: "-21px", position: "relative" }, children: inputs.map(([key, input]) => input && ((0, jsx_runtime_1.jsxs)("div", { className: "input", children: [(0, jsx_runtime_1.jsx)(RefSocket, { name: "input-socket", emit: props.emit, side: "input", socketKey: key, nodeId: id, payload: input.socket }), input && (!input.control || !input.showControl) && ((0, jsx_runtime_1.jsx)("div", { className: "input-title", children: input?.label })), input?.control && input?.showControl && ((0, jsx_runtime_1.jsx)("span", { className: "input-control", children: (0, jsx_runtime_1.jsx)(RefControl, { name: "input-control", emit: props.emit, payload: input.control }) }))] }, key))) }), (0, jsx_runtime_1.jsx)("div", { style: { right: "-34px", top: "-21px", position: "relative" }, children: outputs.map(([key, output]) => output && ((0, jsx_runtime_1.jsxs)("div", { className: "output", children: [(0, jsx_runtime_1.jsx)("div", { className: "output-title", children: output?.label }), (0, jsx_runtime_1.jsx)(RefSocket, { name: "output-socket", side: "output", emit: props.emit, socketKey: key, nodeId: id, payload: output.socket })] }, key))) })] }), props.data.mode == 'running' && props.data.live?.runtimeState && node.info.runtime?.inline ?
+                        (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)("div", { children: "..." }), children: (0, jsx_runtime_1.jsx)(node.info.runtime.inline, { state: props.data.live?.runtimeState, config: node.config, sendCommand: (cmd) => { props.data.sendCommand(cmd); } }) })
+                        :
+                            node.info.designtime?.node ?
+                                (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)("div", { children: "..." }), children: (0, jsx_runtime_1.jsx)(node.info.designtime.node, { node: node }) })
+                                :
+                                    (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { children: ["type: ", node.info.name] }), Object.entries(display).map(([key, property]) => {
+                                                return property && (0, jsx_runtime_1.jsxs)("div", { className: "overflow-hidden text-ellipsis max-w-64", children: [key, ": ", property] }, key);
+                                            })] }), controls.map(([_key, control]) => {
+                        return control ? ((0, jsx_runtime_1.jsx)(RefControl, { name: "control", emit: props.emit, payload: control })) : null;
+                    })] })] });
+}
+exports.StyledNode = StyledNode;
+//# sourceMappingURL=node.js.map

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

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

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

@@ -0,0 +1,21 @@
+import { ConnectionInfo } from "../rete";
+import { BaseConfig } from "../../extension/client-types";
+import Library from '../library';
+import { DocumentDescription, NodeDescription, NodeSubscriptionDescription } from "../../shared/document";
+export declare function SelectedConnection(props: {
+    library: Library;
+    toplevel: DocumentDescription;
+    connection: ConnectionInfo;
+    onEdit: (info: ConnectionInfo) => void;
+    onDelete: (info: ConnectionInfo) => void;
+    onClearSelection: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SubscriptionSummary(props: {
+    sourceNode: NodeDescription<BaseConfig>;
+    subscription: NodeSubscriptionDescription<BaseConfig>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SubscriptionSummarySmall(props: {
+    sourceNode: NodeDescription<BaseConfig>;
+    subscription: NodeSubscriptionDescription<BaseConfig>;
+}): import("react/jsx-runtime").JSX.Element;
+export default SelectedConnection;

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

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubscriptionSummarySmall = exports.SubscriptionSummary = exports.SelectedConnection = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const flowbite_react_1 = require("flowbite-react");
+const client_types_1 = require("../../extension/client-types");
+const document_1 = require("../../shared/document");
+const util_1 = require("../../shared/util");
+function SelectedConnection(props) {
+    function onEditClick(e) {
+        e.preventDefault();
+        props.onEdit(props.connection);
+    }
+    function onDeleteClick(e) {
+        e.preventDefault();
+        props.onDelete(props.connection);
+    }
+    function onClearSelectionClick(e) {
+        e.preventDefault();
+        props.onClearSelection();
+    }
+    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: "Subscription" }), (0, jsx_runtime_1.jsxs)("div", { className: "px-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0", children: [(0, jsx_runtime_1.jsx)("dt", { className: "text-sm font-medium leading-6 text-gray-900 dark:text-white", children: "Source" }), (0, jsx_runtime_1.jsx)("dd", { className: "mt-1 text-sm leading-6 text-gray-700 dark:text-white sm:col-span-2 sm:mt-0", children: (0, util_1.displayNodeId)(props.connection.sourceNode.id, props.toplevel) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "px-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0", children: [(0, jsx_runtime_1.jsx)("dt", { className: "text-sm font-medium leading-6 text-gray-900 dark:text-white", children: "Destination" }), (0, jsx_runtime_1.jsx)("dd", { className: "mt-1 text-sm leading-6 text-gray-700 dark:text-white sm:col-span-2 sm:mt-0", children: (0, util_1.displayNodeId)(props.connection.destinationNode.id, props.toplevel) })] })] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: onClearSelectionClick, 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.jsx)(SubscriptionSummarySmall, { sourceNode: props.connection.sourceNode, subscription: props.connection.subscription }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-center w-full mt-2 pb-4 space-x-4", children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: onEditClick, className: "text-white w-full inline-flex items-center 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: [(0, jsx_runtime_1.jsxs)("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", { d: "M17.414 2.586a2 2 0 00-2.828 0L7 10.172V13h2.828l7.586-7.586a2 2 0 000-2.828z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M2 6a2 2 0 012-2h4a1 1 0 010 2H4v10h10v-4a1 1 0 112 0v4a2 2 0 01-2 2H4a2 2 0 01-2-2V6z", clipRule: "evenodd" })] }), "Edit"] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: onDeleteClick, className: "inline-flex w-full items-center text-white justify-center bg-red-600 hover:bg-red-700 focus:ring-4 focus:outline-none focus:ring-red-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-red-500 dark:hover:bg-red-600 dark:focus:ring-red-900", children: [(0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", className: "w-5 h-5 mr-1.5 -ml-1", fill: "currentColor", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z", clipRule: "evenodd" }) }), "Delete"] })] })] }) });
+}
+exports.SelectedConnection = SelectedConnection;
+function SubscriptionSummary(props) {
+    const sourceNodeInfo = props.sourceNode.info;
+    const latest = props.subscription.streams;
+    const streamSelection = 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.sourceNode.config, props.sourceNode.subscriptions) : [];
+    const availableMedia = (0, client_types_1.outputMedia)(sourceNodeInfo.subscription.produces);
+    const mode = latest.type;
+    const mediaSelection = {
+        audio: false,
+        video: false,
+        subtitle: false,
+        playlist: false,
+        ancillary: false
+    };
+    for (const m of (0, client_types_1.subscriptionMedia)(props.subscription)) {
+        mediaSelection[m] = true;
+    }
+    return (0, jsx_runtime_1.jsxs)("form", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "form-group", 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] })] }), (0, jsx_runtime_1.jsx)("div", { className: "form-group", children: selectionInputs() })] });
+    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: [multiStreamSelection(), 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 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, { id: "accept", className: `ml-1 ${availableMedia.includes(media) ? '' : 'opacity-10'}`, checked: used, disabled: true, onChange: () => undefined }), (0, jsx_runtime_1.jsxs)(flowbite_react_1.Label, { className: `${availableMedia.includes(media) ? '' : 'opacity-10'}`, htmlFor: "accept", children: [media, " "] })] }, media);
+                })] });
+    }
+    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, { id: `stream-${i}`, name: "streams", value: s.key, checked: streamSelection.includes(s.key), onChange: () => undefined }), (0, jsx_runtime_1.jsx)(flowbite_react_1.Label, { htmlFor: `stream-${i}`, children: s.display })] }, i);
+                    })] }) });
+    }
+}
+exports.SubscriptionSummary = SubscriptionSummary;
+function SubscriptionSummarySmall(props) {
+    const sourceNodeInfo = props.sourceNode.info;
+    const latest = props.subscription.streams;
+    const streamSelection = 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.sourceNode.config, props.sourceNode.subscriptions) : [];
+    const _availableMedia = (0, client_types_1.outputMedia)(sourceNodeInfo.subscription.produces);
+    const mode = latest.type;
+    const mediaSelection = {
+        audio: false,
+        video: false,
+        subtitle: false,
+        playlist: false,
+        ancillary: false
+    };
+    for (const m of (0, client_types_1.subscriptionMedia)(props.subscription)) {
+        mediaSelection[m] = true;
+    }
+    return (0, jsx_runtime_1.jsxs)("dl", { className: "cursor-pointer", children: [(0, jsx_runtime_1.jsxs)("div", { className: "px-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0", children: [(0, jsx_runtime_1.jsx)("dt", { className: "text-sm font-medium leading-6 text-gray-900 dark:text-white", children: "Strategy" }), (0, jsx_runtime_1.jsx)("dd", { className: "mt-1 text-sm leading-6 text-gray-700 dark:text-white sm:col-span-2 sm:mt-0", children: document_1.SubscriptionTypeInfo[mode] })] }), selectionInputs()] });
+    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: [multiStreamSelection(), 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 mediaSelectionCheckboxes() {
+        return (0, jsx_runtime_1.jsxs)("div", { className: "px-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0", children: [(0, jsx_runtime_1.jsx)("dt", { className: "text-sm font-medium leading-6 text-gray-900 dark:text-white", children: "Media Selection" }), (0, jsx_runtime_1.jsx)("dd", { className: "mt-1 text-sm leading-6 text-gray-700 dark:text-white sm:col-span-2 sm:mt-0", children: (Object.entries(mediaSelection)).filter(([_, u]) => u).map(([m]) => m).join(", ") })] });
+    }
+    function multiStreamSelection() {
+        return (0, jsx_runtime_1.jsxs)("div", { className: "px-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0", children: [(0, jsx_runtime_1.jsx)("dt", { className: "text-sm font-medium leading-6 text-gray-900 dark:text-white", children: "Stream Selection" }), (0, jsx_runtime_1.jsx)("dd", { className: "mt-1 text-sm leading-6 text-gray-700 dark:text-white sm:col-span-2 sm:mt-0", children: availableStreams.filter((s) => streamSelection.includes(s.key))
+                        .map((s) => s.display)
+                        .join(", ") })] });
+    }
+}
+exports.SubscriptionSummarySmall = SubscriptionSummarySmall;
+exports.default = SelectedConnection;
+//# sourceMappingURL=selected-connection.js.map

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

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

package/lib/client/jsx/selected-node.d.ts

@@ -0,0 +1,24 @@
+import { CompileIssue, NodeDescription, DocumentDescription } from "../../shared/document";
+import { BaseConfig } from "../../extension/client-types";
+import Library from '../../client/library';
+import { LiveInfo } from "../../client/session";
+export type SelectedNode = {
+    description: NodeDescription<BaseConfig>;
+    warnings: CompileIssue[];
+    errors: CompileIssue[];
+};
+export declare function SelectedNode(props: {
+    library: Library;
+    node: SelectedNode;
+    toplevel: DocumentDescription;
+    onEdit: (node: SelectedNode) => void;
+    onDelete: (node: SelectedNode) => void;
+    onSubscriptionHighlightStart: (nodeId: string) => void;
+    onSubscriptionHighlightStop: (nodeId: string) => void;
+    onSubscriptionSelect: (nodeId: string) => void;
+    onClearSelection: () => void;
+    isLive: boolean;
+    liveState?: LiveInfo;
+    sendCommand: (command: object) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export default SelectedNode;

package/lib/client/jsx/selected-node.js

@@ -0,0 +1,75 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectedNode = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const highlight_js_1 = __importDefault(require("highlight.js"));
+const client_types_1 = require("../../extension/client-types");
+const selected_connection_1 = require("./selected-connection");
+const util_1 = require("../../shared/util");
+function SelectedNode(props) {
+    (0, react_1.useEffect)(() => {
+        highlight_js_1.default.highlightAll();
+    }, []);
+    function onEditClick(e) {
+        e.preventDefault();
+        props.onEdit(props.node);
+    }
+    function onDeleteClick(e) {
+        e.preventDefault();
+        props.onDelete(props.node);
+    }
+    function onClearSelectionClick(e) {
+        e.preventDefault();
+        props.onClearSelection();
+    }
+    function render_error(e, i) {
+        return (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  p-1 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: e.message })] }, i);
+    }
+    function render_warning(e, i) {
+        return (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center text-sm text-yellow-800 rounded-lg bg-yellow-50 dark:bg-gray-800 dark:text-yellow-300", role: "alert", children: [(0, jsx_runtime_1.jsx)("svg", { className: "flex-shrink-0 inline w-4 p-1 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: e.message })] }, i);
+    }
+    return (0, jsx_runtime_1.jsxs)("div", { id: `selected-node-${props.node.description.id}`, className: "w-full max-w-sm bg-white dark:bg-gray-800", 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: props.node.description.config.displayName }), (0, jsx_runtime_1.jsxs)("p", { className: "mb-5 text-xl text-gray-900 dark:text-white", children: [(0, jsx_runtime_1.jsx)("span", { className: "fold-bold", children: "Type" }), ": ", props.node.description.info.name] })] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: onClearSelectionClick, 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)("dl", { children: [props.isLive && props?.liveState?.runtimeState && props.node.description.info.runtime?.summary
+                        ? (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)("div", { children: "..." }), children: (0, jsx_runtime_1.jsx)(props.node.description.info.runtime.summary, { state: props.liveState.runtimeState, config: props.node.description.config, sendCommand: props.sendCommand }) })
+                        : (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("dt", { className: "mb-2 font-semibold leading-none text-gray-900 dark:text-white", children: "Config" }), (0, jsx_runtime_1.jsx)("dd", { className: "mb-4 font-light text-gray-500 sm:mb-5 dark:text-gray-400", children: (0, jsx_runtime_1.jsx)("pre", { children: (0, jsx_runtime_1.jsx)("code", { className: "chroma language-json text-xs", children: JSON.stringify(props.node.description.config, null, 2) }) }) })] }), props.isLive ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}) :
+                        (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-center mt-2 pb-4 space-x-4 w-full", children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: onEditClick, className: "text-white w-full inline-flex items-center 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: [(0, jsx_runtime_1.jsxs)("svg", { "aria-hidden": "true", className: "mr-1 -ml-1 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", { d: "M17.414 2.586a2 2 0 00-2.828 0L7 10.172V13h2.828l7.586-7.586a2 2 0 000-2.828z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M2 6a2 2 0 012-2h4a1 1 0 010 2H4v10h10v-4a1 1 0 112 0v4a2 2 0 01-2 2H4a2 2 0 01-2-2V6z", clipRule: "evenodd" })] }), "Edit"] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: onDeleteClick, className: "inline-flex w-full items-center text-white justify-center bg-red-600 hover:bg-red-700 focus:ring-4 focus:outline-none focus:ring-red-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-red-500 dark:hover:bg-red-600 dark:focus:ring-red-900", children: [(0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", className: "w-5 h-5 mr-1.5 -ml-1", fill: "currentColor", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z", clipRule: "evenodd" }) }), "Delete"] })] }), props.node.errors.length > 0 || props.node.warnings.length > 0 ?
+                        (0, jsx_runtime_1.jsxs)("div", { className: "mb-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-2 font-semibold leading-none text-gray-900 dark:text-white", children: "This node has some problems that need fixing" }), props.node.errors.length > 0 &&
+                                    (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.node.errors.map((e, i) => render_error(e, i)) }), props.node.warnings.length > 0 &&
+                                    (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.node.warnings.map((w, i) => render_warning(w, i)) })] })
+                        : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}), props.node.description.subscriptions.length > 0 &&
+                        (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("dt", { className: "mb-2 font-semibold leading-none text-gray-900 dark:text-white", children: "Subscriptions" }), (0, jsx_runtime_1.jsx)("dd", { className: "mb-4 font-light text-gray-500 sm:mb-5 dark:text-gray-400 divide-y divide-gray-50", children: props.node.description.subscriptions.map((s, i) => {
+                                        const sourceNode = props.toplevel.findNode(s.source);
+                                        const liveInputs = props.liveState?.inputs?.filter((i) => i.sourceNodeId == s.source);
+                                        if (!sourceNode) {
+                                            console.log("Source node doesn't exist in document", s.source);
+                                            return (0, jsx_runtime_1.jsx)("span", { className: "badge badge-error mr-1", children: "Error" }, i);
+                                        }
+                                        if (liveInputs) {
+                                            return (0, jsx_runtime_1.jsxs)("div", { className: "py-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "px-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0", children: [(0, jsx_runtime_1.jsx)("dt", { className: "text-sm font-medium leading-6 text-gray-900 dark:text-white", children: "Source" }), (0, jsx_runtime_1.jsx)("dd", { className: "mt-1 text-sm leading-6 text-gray-700 dark:text-white sm:col-span-2 sm:mt-0", children: (0, util_1.displayNodeId)(s.source, props.toplevel) })] }), (0, jsx_runtime_1.jsx)(LiveNodeSubscriptionSummary, { sourceNode: sourceNode, subscription: s, liveInputs: liveInputs }, i)] }, i);
+                                        }
+                                        else {
+                                            return (0, jsx_runtime_1.jsxs)("div", { className: "py-4 hover:bg-gray-50 dark:hover:bg-gray-900", onClick: (e) => { e.preventDefault(); props.onSubscriptionSelect(s.source); }, onMouseEnter: () => props.onSubscriptionHighlightStart(s.source), onMouseLeave: () => props.onSubscriptionHighlightStop(s.source), children: [(0, jsx_runtime_1.jsxs)("div", { className: "px-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0", children: [(0, jsx_runtime_1.jsx)("dt", { className: "text-sm font-medium leading-6 text-gray-900 dark:text-white", children: "Source" }), (0, jsx_runtime_1.jsx)("dd", { className: "mt-1 text-sm leading-6 text-gray-700 dark:text-white sm:col-span-2 sm:mt-0", children: (0, util_1.displayNodeId)(s.source, props.toplevel) })] }), (0, jsx_runtime_1.jsx)(selected_connection_1.SubscriptionSummarySmall, { sourceNode: sourceNode, subscription: s }, i)] }, i);
+                                        }
+                                    }) })] })] })] });
+}
+exports.SelectedNode = SelectedNode;
+function LiveNodeSubscriptionSummary(props) {
+    const { subscription, sourceNode } = props;
+    const nodeInfo = sourceNode.info;
+    const usedMedia = (0, client_types_1.subscriptionMedia)(subscription);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, client_types_1.outputMedia)(nodeInfo.subscription.produces).map((media, i) => {
+            const used = usedMedia.includes(media);
+            if (props.liveInputs) {
+                const active = !!props.liveInputs.find((x) => x.destPin.endsWith(media));
+                return (0, jsx_runtime_1.jsx)("span", { className: used && active ? "mr-1 text-green-300" : used ? "mr-1 text-orange-300" : "text-gray-50 mr-1", children: media }, i);
+            }
+            else {
+                return (0, jsx_runtime_1.jsx)("span", { className: used ? "mr-1 text-green-200" : "text-gray-50 mr-1", children: media }, i);
+            }
+        }) });
+}
+exports.default = SelectedNode;
+//# sourceMappingURL=selected-node.js.map

package/lib/client/jsx/selected-node.js.map

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

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

@@ -0,0 +1,24 @@
+import { DocumentDescription } from "../../shared/document";
+import { ConnectionInfo } from "../rete";
+import SelectedNode from "./selected-node";
+import Library from "../../client/library";
+import { LiveInfo } from "../../client/session";
+export declare function SelectedNodes(props: {
+    nodes: SelectedNode[];
+    library: Library;
+    connections: ConnectionInfo[];
+    toplevel: DocumentDescription;
+    onNodeEdit: (node: SelectedNode) => void;
+    onConnectionEdit: (info: ConnectionInfo) => void;
+    onNodeDelete: (node: SelectedNode) => void;
+    onConnectionDelete: (info: ConnectionInfo) => void;
+    onSubscriptionHighlightStart: (nodeId: string, source: string) => void;
+    onSubscriptionHighlightStop: (nodeId: string, source: string) => void;
+    onSubscriptionSelected: (nodeId: string, source: string) => void;
+    onClearSelection: () => void;
+    liveState?: {
+        [id: string]: LiveInfo;
+    };
+    sendCommand: (id: string, command: object) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export default SelectedNodes;

package/lib/client/jsx/selected.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.SelectedNodes = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const selected_connection_1 = __importDefault(require("./selected-connection"));
+const selected_node_1 = __importDefault(require("./selected-node"));
+function SelectedNodes(props) {
+    return (0, jsx_runtime_1.jsxs)("ul", { className: "w-60", children: [props.nodes.map((n) => (0, jsx_runtime_1.jsx)(selected_node_1.default, { library: props.library, node: n, toplevel: props.toplevel, onEdit: props.onNodeEdit, onDelete: props.onNodeDelete, onClearSelection: props.onClearSelection, onSubscriptionHighlightStart: (s) => props.onSubscriptionHighlightStart(n.description.id, s), onSubscriptionHighlightStop: (s) => props.onSubscriptionHighlightStop(n.description.id, s), onSubscriptionSelect: (s) => props.onSubscriptionSelected(n.description.id, s), isLive: !!props.liveState, liveState: props.liveState?.[n.description.id], sendCommand: (c) => props.sendCommand(n.description.id, c) }, `node-${n.description.id}`)), props.liveState ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}) : props.connections.map((info, i) => (0, jsx_runtime_1.jsx)(selected_connection_1.default, { library: props.library, toplevel: props.toplevel, connection: info, onEdit: props.onConnectionEdit, onDelete: props.onConnectionDelete, onClearSelection: props.onClearSelection }, `{connection-${i}`))] });
+}
+exports.SelectedNodes = SelectedNodes;
+exports.default = SelectedNodes;
+//# sourceMappingURL=selected.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selected.js","sourceRoot":"","sources":["../../../src/client/jsx/selected.tsx"],"names":[],"mappings":";;;;;;;AAEA,gFAAuD;AACvD,oEAA2C;AAI3C,SAAgB,aAAa,CAAC,KAe7B;IACC,OAAO,gCAAI,SAAS,EAAC,MAAM,aACxB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,uBAAC,uBAAY,IACnC,OAAO,EAAE,KAAK,CAAC,OAAO,EAEtB,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,UAAU,EACxB,QAAQ,EAAE,KAAK,CAAC,YAAY,EAC5B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,4BAA4B,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC,CAAC,EAC5F,2BAA2B,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC,CAAC,EAC1F,oBAAoB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC,CAAC,EAC9E,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,EACzB,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,EAC9C,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC,CAAC,IAXrD,QAAQ,CAAC,CAAC,WAAW,CAAC,EAAE,EAAE,CAY/B,CAAC,EAEF,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,kDAAK,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,uBAAC,6BAAkB,IAC/E,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAExB,UAAU,EAAE,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,gBAAgB,EAC9B,QAAQ,EAAE,KAAK,CAAC,kBAAkB,EAClC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,IAJnC,eAAe,CAAC,EAAE,CAKvB,CAAC,IACA,CAAA;AACP,CAAC;AA3CD,sCA2CC;AAED,kBAAe,aAAa,CAAC"}

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

@@ -0,0 +1,7 @@
+type Props = {
+    onChange: (filename: string) => void;
+    onSubmit: () => void;
+    filename: string;
+};
+declare function SelectFilename(props: Props): import("react/jsx-runtime").JSX.Element;
+export default SelectFilename;