@norskvideo/norsk-studio 1.0.0

package/lib/client/jsx/selectfilename.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function SelectFilename(props) {
+    function onChange(e) {
+        props.onChange(e.currentTarget.value);
+    }
+    function onKeyDown(e) {
+        if (e.key == 'Enter') {
+            props.onSubmit();
+            e.preventDefault();
+        }
+    }
+    return (0, jsx_runtime_1.jsx)("div", { className: "p-4 md:p-5", children: (0, jsx_runtime_1.jsx)("form", { className: "space-y-4", action: "#", children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "file-name", className: "block mb-2 text-sm font-medium text-gray-900 dark:text-white", children: "Filename" }), (0, jsx_runtime_1.jsx)("input", { autoFocus: true, onKeyDown: onKeyDown, onChange: onChange, defaultValue: props.filename, type: "text", name: "file-name", id: "file-name", className: "bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white", placeholder: "Enter filename", required: true }), (0, jsx_runtime_1.jsx)("p", { className: "node-editor-helper-text", children: "The file in the working directory where we'll save this workspace" })] }) }) });
+}
+exports.default = SelectFilename;
+//# sourceMappingURL=selectfilename.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selectfilename.js","sourceRoot":"","sources":["../../../src/client/jsx/selectfilename.tsx"],"names":[],"mappings":";;;AAQA,SAAS,cAAc,CAAC,KAAY;IAClC,SAAS,QAAQ,CAAC,CAAgC;QAChD,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC;IAED,SAAS,SAAS,CAAC,CAAgB;QACjC,IAAI,CAAC,CAAC,GAAG,IAAI,OAAO,EAAE,CAAC;YACrB,KAAK,CAAC,QAAQ,EAAE,CAAC;YACjB,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;IACD,OAAO,gCAAK,SAAS,EAAC,YAAY,YAChC,iCAAM,SAAS,EAAC,WAAW,EAAC,MAAM,EAAC,GAAG,YACpC,4CACE,kCAAO,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,8DAA8D,yBAAiB,EACpH,kCAAO,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,EAAC,EAAE,EAAC,WAAW,EAAC,SAAS,EAAC,iNAAiN,EAAC,WAAW,EAAC,gBAAgB,EAAC,QAAQ,SAAS,EACtZ,8BAAG,SAAS,EAAC,yBAAyB,kFAA2E,IAC7G,GACD,GACH,CAAA;AACR,CAAC;AAED,kBAAe,cAAc,CAAC"}

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

@@ -0,0 +1,14 @@
+export type Tool = {
+    kind: 'tool';
+    name: string;
+    type: string;
+};
+export type ToolDefinition = Tool | {
+    title: string;
+    kind: "title";
+};
+export default Toolbox;
+export declare function Toolbox(props: {
+    tools: ToolDefinition[];
+    onDragStart: (tool: Tool) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/client/jsx/toolbox.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toolbox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const util_1 = require("../../shared/util");
+const names_1 = require("../../shared/names");
+exports.default = Toolbox;
+function Toolbox(props) {
+    let currentTools = [];
+    let currentToolTitle = undefined;
+    const items = [];
+    for (const tool of props.tools) {
+        switch (tool.kind) {
+            case 'title':
+                if (currentToolTitle) {
+                    items.push((0, jsx_runtime_1.jsx)(ToolboxGrid, { title: currentToolTitle, tools: currentTools }, "toolbox-grid-" + currentToolTitle));
+                }
+                currentToolTitle = tool.title;
+                currentTools = [];
+                break;
+            case 'tool':
+                currentTools.push((0, jsx_runtime_1.jsx)(ToolboxItem, { name: tool.name, tool: tool, onDragStart: props.onDragStart }, "tool-" + tool.type));
+                break;
+            default:
+                (0, util_1.assertUnreachable)(tool);
+        }
+    }
+    if (currentToolTitle) {
+        items.push((0, jsx_runtime_1.jsx)(ToolboxGrid, { title: currentToolTitle, tools: currentTools }, "toolbox-grid-" + currentToolTitle));
+    }
+    return (0, jsx_runtime_1.jsx)("div", { id: names_1.toolboxId, "data-accordion": "open", "data-active-classes": "text-gray-900 dark:text-white", "data-inactive-classes": "text-gray-500 dark:text-gray-400", className: "w-60", children: items });
+}
+exports.Toolbox = Toolbox;
+function ToolboxGrid({ title, tools }) {
+    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h2", { id: "tool-heading-" + title, children: (0, jsx_runtime_1.jsxs)("button", { type: "button", className: "flex items-center justify-between w-full py-2 font-medium rtl:text-right text-gray-500 border-b border-gray-200 dark:border-gray-700 dark:text-gray-400 gap-3", "data-accordion-target": "#tool-body-" + title, "aria-expanded": "true", "aria-controls": "tool-body-" + title, children: [(0, jsx_runtime_1.jsx)("span", { children: title }), (0, jsx_runtime_1.jsx)("svg", { "data-accordion-icon": true, className: "w-3 h-3 rotate-180 shrink-0", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 10 6", children: (0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9 5 5 1 1 5" }) })] }) }), (0, jsx_runtime_1.jsx)("div", { id: "tool-body-" + title, className: "hidden", "aria-labelledby": "tool-heading-" + title, children: (0, jsx_runtime_1.jsx)("div", { className: "py-5 border-b border-gray-200 dark:border-gray-700 grid grid-cols-3 gap-2", children: tools }) })] });
+}
+function ToolboxItem({ name, tool, onDragStart }) {
+    return (0, jsx_runtime_1.jsxs)("div", { className: "p-1 w-20 h-20 rounded-lg cursor-pointer bg-gray-50 hover:bg-gray-100 dark:hover:bg-gray-600 dark:bg-gray-700", draggable: "true", onDragStart: onItemDragStart(tool, onDragStart), children: [(0, jsx_runtime_1.jsx)("div", { className: "flex justify-center items-center p-2 mx-auto mb-2 bg-gray-200 dark:bg-gray-600 rounded-full w-[24px] h-[24px] max-w-[24px] max-h-[24px]", children: (0, jsx_runtime_1.jsxs)("svg", { className: "inline w-5 h-5 text-gray-500 dark:text-gray-400", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 22 21", children: [(0, jsx_runtime_1.jsx)("path", { d: "M16.975 11H10V4.025a1 1 0 0 0-1.066-.998 8.5 8.5 0 1 0 9.039 9.039.999.999 0 0 0-1-1.066h.002Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M12.5 0c-.157 0-.311.01-.565.027A1 1 0 0 0 11 1.02V10h8.975a1 1 0 0 0 1-.935c.013-.188.028-.374.028-.565A8.51 8.51 0 0 0 12.5 0Z" })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "font-medium text-center text-xs text-gray-500 dark:text-gray-400", children: name })] });
+}
+function onItemDragStart(tool, cb) {
+    return () => {
+        cb(tool);
+    };
+}
+//# sourceMappingURL=toolbox.js.map

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

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

package/lib/client/library.d.ts

@@ -0,0 +1,12 @@
+import type { BaseConfig, NodeInfo, ConfigForm } from "../extension/client-types";
+export declare class Library {
+    infos: Map<string, NodeInfo<BaseConfig>>;
+    constructor();
+    getGlobalConfigurationForm(): ConfigForm<unknown>;
+    registerComponent(info: NodeInfo<BaseConfig>): void;
+    find(id: string): NodeInfo<BaseConfig> | undefined;
+    inputs(): NodeInfo<BaseConfig>[];
+    outputs(): NodeInfo<BaseConfig>[];
+    processors(): NodeInfo<BaseConfig>[];
+}
+export default Library;

package/lib/client/library.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Library = void 0;
+class Library {
+    infos = new Map();
+    constructor() {
+    }
+    getGlobalConfigurationForm() {
+        const form = {};
+        for (const i of this.infos.values()) {
+            if (i.configForm.global) {
+                for (const g of Object.values(i.configForm.global)) {
+                    form[g.id] = g.form;
+                }
+            }
+        }
+        return form;
+    }
+    registerComponent(info) {
+        this.infos.set(info.identifier, info);
+    }
+    find(id) {
+        const info = this.infos.get(id);
+        return info;
+    }
+    inputs() {
+        const matching = [];
+        for (const f of this.infos.values()) {
+            if (f.category == "input")
+                matching.push(f);
+        }
+        return matching;
+    }
+    outputs() {
+        const matching = [];
+        for (const f of this.infos.values()) {
+            if (f.category == "output")
+                matching.push(f);
+        }
+        return matching;
+    }
+    processors() {
+        const matching = [];
+        for (const f of this.infos.values()) {
+            if (f.category == "processor")
+                matching.push(f);
+        }
+        return matching;
+    }
+}
+exports.Library = Library;
+exports.default = Library;
+//# sourceMappingURL=library.js.map

package/lib/client/library.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"library.js","sourceRoot":"","sources":["../../src/client/library.ts"],"names":[],"mappings":";;;AAEA,MAAa,OAAO;IAClB,KAAK,GAAsC,IAAI,GAAG,EAAE,CAAC;IAErD;IAEA,CAAC;IAED,0BAA0B;QACxB,MAAM,IAAI,GAAiD,EAAE,CAAC;QAC9D,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC;YACpC,IAAI,CAAC,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;gBACxB,KAAK,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAA+B,EAAE,CAAC;oBACjF,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;gBACtB,CAAC;YACH,CAAC;QACH,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,iBAAiB,CAAC,IAA0B;QAC1C,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IACxC,CAAC;IAED,IAAI,CAAC,EAAU;QACb,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAChC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM;QACJ,MAAM,QAAQ,GAAG,EAAE,CAAC;QACpB,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC;YACpC,IAAI,CAAC,CAAC,QAAQ,IAAI,OAAO;gBACvB,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO;QACL,MAAM,QAAQ,GAAG,EAAE,CAAC;QACpB,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC;YACpC,IAAI,CAAC,CAAC,QAAQ,IAAI,QAAQ;gBACxB,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,UAAU;QACR,MAAM,QAAQ,GAAG,EAAE,CAAC;QACpB,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC;YACpC,IAAI,CAAC,CAAC,QAAQ,IAAI,WAAW;gBAC3B,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC;CACF;AAtDD,0BAsDC;AAGD,kBAAe,OAAO,CAAC"}

package/lib/client/modal.d.ts

@@ -0,0 +1,21 @@
+import { Root } from "react-dom/client";
+export type OkOpts = {
+    cancel: () => void;
+};
+declare class Modal {
+    ok: HTMLButtonElement;
+    cancel: HTMLButtonElement;
+    content: Root;
+    title: HTMLElement;
+    currentOk?: (opts: OkOpts) => void;
+    constructor();
+    onOk(e: MouseEvent): void;
+    show(opts: {
+        title: string;
+        okText: string;
+        cancelText: string;
+        embed: (root: Root) => void;
+        onOk: (opts: OkOpts) => void;
+    }): void;
+}
+export default Modal;

package/lib/client/modal.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const client_1 = require("react-dom/client");
+class Modal {
+    ok;
+    cancel;
+    content;
+    title;
+    currentOk;
+    constructor() {
+        this.ok = document.getElementById('modal-ok');
+        this.cancel = document.getElementById('modal-cancel');
+        this.content = (0, client_1.createRoot)(document.getElementById('modal-body'));
+        this.title = document.getElementById('modal-title');
+        this.ok.onclick = this.onOk.bind(this);
+    }
+    onOk(e) {
+        if (this.currentOk)
+            this.currentOk({
+                cancel: () => {
+                    e.stopPropagation();
+                }
+            });
+    }
+    show(opts) {
+        this.ok.innerText = opts.okText;
+        this.cancel.innerText = opts.cancelText;
+        this.title.innerText = opts.title;
+        this.currentOk = opts.onOk;
+        opts.embed(this.content);
+    }
+}
+exports.default = Modal;
+//# sourceMappingURL=modal.js.map

package/lib/client/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../src/client/modal.ts"],"names":[],"mappings":";;AAAA,6CAAoD;AAMpD,MAAM,KAAK;IACT,EAAE,CAAoB;IACtB,MAAM,CAAoB;IAC1B,OAAO,CAAO;IACd,KAAK,CAAc;IAEnB,SAAS,CAA0B;IAEnC;QACE,IAAI,CAAC,EAAE,GAAG,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAsB,CAAC;QACnE,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAsB,CAAC;QAC3E,IAAI,CAAC,OAAO,GAAG,IAAA,mBAAU,EAAC,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAmB,CAAC,CAAC;QACnF,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAqB,CAAC;QACxE,IAAI,CAAC,EAAE,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC;IAED,IAAI,CAAC,CAAa;QAChB,IAAI,IAAI,CAAC,SAAS;YAChB,IAAI,CAAC,SAAS,CAAC;gBACb,MAAM,EAAE,GAAG,EAAE;oBACX,CAAC,CAAC,eAAe,EAAE,CAAC;gBACtB,CAAC;aACF,CAAC,CAAC;IACP,CAAC;IAED,IAAI,CAAC,IAMJ;QACC,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC;QAChC,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;QACxC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;QAClC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC;QAC3B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC3B,CAAC;CACF;AAGD,kBAAe,KAAK,CAAC"}

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

@@ -0,0 +1,20 @@
+import { ClassicPreset } from "rete";
+import { NodeDescription, NodeSubscriptionDescription } from "../../shared/document";
+import AllReteThen from "../rete";
+import Node from "./node";
+import { BaseConfig } from "../../extension/client-types";
+export type ConnectionInfo = {
+    sourceNode: NodeDescription<BaseConfig>;
+    destinationNode: NodeDescription<BaseConfig>;
+    subscription: NodeSubscriptionDescription<BaseConfig>;
+};
+export declare class Connection<N extends Node> extends ClassicPreset.Connection<N, N> {
+    toplevel: AllReteThen;
+    selected?: boolean;
+    info: ConnectionInfo;
+    highlight: boolean;
+    constructor(toplevel: AllReteThen, info: ConnectionInfo, source: N, sourceOutput: keyof N['outputs'], target: N, targetInput: keyof N['inputs']);
+    hasData(): boolean;
+    select(): Promise<void>;
+}
+export default Connection;

package/lib/client/rete/connection.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Connection = void 0;
+const rete_1 = require("rete");
+class Connection extends rete_1.ClassicPreset.Connection {
+    toplevel;
+    selected;
+    info;
+    highlight = false;
+    constructor(toplevel, info, source, sourceOutput, target, targetInput) {
+        super(source, sourceOutput, target, targetInput);
+        this.toplevel = toplevel;
+        this.selected = false;
+        this.info = info;
+    }
+    hasData() {
+        const source = this.toplevel.editor.getNode(this.source);
+        const target = this.toplevel.editor.getNode(this.target);
+        return !!source.getOutputs().find((o) => o.destNodeId == target.node.id);
+    }
+    async select() {
+        await this.toplevel.selectSubscription(this.info.sourceNode, this.info.destinationNode);
+    }
+}
+exports.Connection = Connection;
+exports.default = Connection;
+//# sourceMappingURL=connection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"connection.js","sourceRoot":"","sources":["../../../src/client/rete/connection.ts"],"names":[],"mappings":";;;AAAA,+BAAqC;AAerC,MAAa,UAA2B,SAAQ,oBAAa,CAAC,UAAgB;IAC5E,QAAQ,CAAc;IACtB,QAAQ,CAAW;IACnB,IAAI,CAAiB;IACrB,SAAS,GAAY,KAAK,CAAC;IAI3B,YAAY,QAAqB,EAAE,IAAoB,EAAE,MAAS,EAAE,YAAgC,EAAE,MAAS,EAAE,WAA8B;QAC7I,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;QACjD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAED,OAAO;QAEL,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACzD,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACzD,OAAO,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC3E,CAAC;IAED,KAAK,CAAC,MAAM;QACV,MAAM,IAAI,CAAC,QAAQ,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAC1F,CAAC;CACF;AAzBD,gCAyBC;AAGD,kBAAe,UAAU,CAAC"}

package/lib/client/rete/node.d.ts

@@ -0,0 +1,28 @@
+import { ClassicPreset } from "rete";
+import { CompileError, CompileWarning, NodeDescription } from "../../shared/document";
+import AllReteThen from "../rete";
+import { BaseConfig } from "../../extension/client-types";
+import { LiveInfo } from "../../client/session";
+export type Mode = 'running' | 'editing';
+export type LiveStatus = "not-running" | "running-ok" | "running-missing-data";
+export declare class Node extends ClassicPreset.Node {
+    node: NodeDescription<BaseConfig>;
+    warnings: CompileWarning[];
+    errors: CompileError[];
+    mode: Mode;
+    toplevel: AllReteThen;
+    live?: LiveInfo;
+    constructor(toplevel: AllReteThen, id: string, node: NodeDescription<BaseConfig>, warnings: CompileWarning[], errors: CompileError[]);
+    width: number;
+    height: number;
+    switch(mode: Mode): void;
+    sendCommand(command: object): void;
+    updateLiveInfo(info: LiveInfo): void;
+    update(node: NodeDescription<BaseConfig>): void;
+    hasOutputs(): boolean;
+    liveStatus(): LiveStatus;
+    getOutputs(): import("../../shared/server-msg").NodeOutput[];
+    getInputs(): import("../../client/session").NodeInput[];
+    hasInputs(): boolean | undefined;
+}
+export default Node;

package/lib/client/rete/node.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Node = void 0;
+const rete_1 = require("rete");
+class Node extends rete_1.ClassicPreset.Node {
+    node;
+    warnings;
+    errors;
+    mode;
+    toplevel;
+    live;
+    constructor(toplevel, id, node, warnings, errors) {
+        super(id);
+        this.node = node;
+        this.warnings = warnings;
+        this.errors = errors;
+        this.mode = 'editing';
+        this.toplevel = toplevel;
+        this.live = undefined;
+    }
+    width = 180;
+    height = 200;
+    switch(mode) {
+        this.mode = mode;
+        this.live = undefined;
+    }
+    sendCommand(command) {
+        this.toplevel.session.sendCommand(this.node.id, command);
+    }
+    updateLiveInfo(info) {
+        this.live = info;
+    }
+    update(node) {
+        this.node = node;
+        this.label = node.id;
+    }
+    hasOutputs() {
+        if (this.live) {
+            return this.live.outputs.length > 0;
+        }
+        return false;
+    }
+    liveStatus() {
+        if (!this.live)
+            return "not-running";
+        if (this.node.info.subscription.produces) {
+            if (this.hasOutputs())
+                return "running-ok";
+            return 'running-missing-data';
+        }
+        if (this.node.info.subscription.accepts) {
+            if (this.hasInputs())
+                return 'running-ok';
+            return 'running-missing-data';
+        }
+        return "running-ok";
+    }
+    getOutputs() {
+        if (this.live) {
+            return this.live.outputs;
+        }
+        return [];
+    }
+    getInputs() {
+        if (this.live) {
+            return this.live.inputs;
+        }
+        return [];
+    }
+    hasInputs() {
+        if (this.live) {
+            return this.live.inputs.length > 0;
+        }
+    }
+}
+exports.Node = Node;
+exports.default = Node;
+//# sourceMappingURL=node.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"node.js","sourceRoot":"","sources":["../../../src/client/rete/node.ts"],"names":[],"mappings":";;;AAAA,+BAAqC;AAarC,MAAa,IAAK,SAAQ,oBAAa,CAAC,IAAI;IAC1C,IAAI,CAA8B;IAClC,QAAQ,CAAmB;IAC3B,MAAM,CAAiB;IACvB,IAAI,CAAO;IACX,QAAQ,CAAc;IACtB,IAAI,CAAY;IAKhB,YAAY,QAAqB,EAAE,EAAU,EAAE,IAAiC,EAAE,QAA0B,EAAE,MAAsB;QAClI,KAAK,CAAC,EAAE,CAAC,CAAC;QACV,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;IACxB,CAAC;IACD,KAAK,GAAG,GAAG,CAAC;IACZ,MAAM,GAAG,GAAG,CAAC;IAEb,MAAM,CAAC,IAAU;QACf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;IACxB,CAAC;IAED,WAAW,CAAC,OAAe;QACzB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IAC3D,CAAC;IAED,cAAc,CAAC,IAAc;QAC3B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAED,MAAM,CAAC,IAAiC;QACtC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC;IACvB,CAAC;IAED,UAAU;QACR,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;QACtC,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,UAAU;QACR,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO,aAAa,CAAC;QAErC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;YACzC,IAAI,IAAI,CAAC,UAAU,EAAE;gBAAE,OAAO,YAAY,CAAC;YAC3C,OAAO,sBAAsB,CAAC;QAChC,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;YACxC,IAAI,IAAI,CAAC,SAAS,EAAE;gBAAE,OAAO,YAAY,CAAC;YAC1C,OAAO,sBAAsB,CAAC;QAChC,CAAC;QACD,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,UAAU;QACR,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;QAC3B,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,SAAS;QACP,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;QAC1B,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,SAAS;QACP,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;CACF;AAjFD,oBAiFC;AAGD,kBAAe,IAAI,CAAC"}

package/lib/client/rete/selector.d.ts

@@ -0,0 +1,10 @@
+import { AreaExtensions } from "rete-area-plugin";
+import AllReteThen from "../rete";
+import { SelectorEntity } from "rete-area-plugin/_types/extensions/selectable";
+export declare class NotifyingSelector<E extends SelectorEntity> extends AreaExtensions.Selector<E> {
+    parent: AllReteThen;
+    constructor(parent: AllReteThen);
+    add(entity: E, accumulate: boolean): void;
+    remove(entity: E): void;
+}
+export default NotifyingSelector;

package/lib/client/rete/selector.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotifyingSelector = void 0;
+const rete_area_plugin_1 = require("rete-area-plugin");
+class NotifyingSelector extends rete_area_plugin_1.AreaExtensions.Selector {
+    parent;
+    constructor(parent) {
+        super();
+        this.parent = parent;
+    }
+    add(entity, accumulate) {
+        super.add(entity, accumulate);
+        this.parent.notifySelectionChanged();
+    }
+    remove(entity) {
+        super.remove(entity);
+        this.parent.notifySelectionChanged();
+    }
+}
+exports.NotifyingSelector = NotifyingSelector;
+exports.default = NotifyingSelector;
+//# sourceMappingURL=selector.js.map

package/lib/client/rete/selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selector.js","sourceRoot":"","sources":["../../../src/client/rete/selector.ts"],"names":[],"mappings":";;;AAAA,uDAAkD;AAIlD,MAAa,iBAA4C,SAAQ,iCAAc,CAAC,QAAW;IACzF,MAAM,CAAc;IAEpB,YAAY,MAAmB;QAC7B,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAED,GAAG,CAAC,MAAS,EAAE,UAAmB;QAChC,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;QAC7B,IAAI,CAAC,MAAM,CAAC,sBAAsB,EAAE,CAAC;IACvC,CAAC;IACD,MAAM,CAAC,MAAS;QACd,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;QACpB,IAAI,CAAC,MAAM,CAAC,sBAAsB,EAAE,CAAC;IACvC,CAAC;CACF;AAhBD,8CAgBC;AAED,kBAAe,iBAAiB,CAAC"}

package/lib/client/rete.d.ts

@@ -0,0 +1,81 @@
+import { AreaPlugin } from "rete-area-plugin";
+import { Transform } from "rete-area-plugin/_types/area";
+import { Position } from "rete-area-plugin/_types/types";
+import { ReactPlugin, ReactArea2D } from "rete-react-plugin";
+import type { SelectorEntity } from 'rete-area-plugin/_types/extensions/selectable';
+import { NodeEditor, GetSchemes, ClassicPreset } from "rete";
+import { AutoArrangePlugin } from "rete-auto-arrange-plugin";
+import { CompileIssue, NodeDescription, NodeDescriptionId, NodeEvent, SubscriptionEvent } from "../shared/document";
+import { LiveStatusEvent } from "./session";
+import Session from "./session";
+import Node, { Mode } from './rete/node';
+import Connection from './rete/connection';
+import NotifyingSelector from './rete/selector';
+import { BaseConfig } from "../extension/client-types";
+export { Node, Mode } from './rete/node';
+export { Connection, ConnectionInfo } from './rete/connection';
+export { NotifyingSelector } from './rete/selector';
+type Schemes = GetSchemes<Node, Connection<Node>>;
+type AreaExtra = ReactArea2D<Schemes>;
+export declare class AllReteThen {
+    socket: ClassicPreset.Socket;
+    selector: NotifyingSelector<SelectorEntity>;
+    editor: NodeEditor<Schemes>;
+    arrange: AutoArrangePlugin<Schemes>;
+    area: AreaPlugin<Schemes, AreaExtra>;
+    render: ReactPlugin<Schemes, AreaExtra>;
+    elementsByNodeId: {
+        [key: NodeDescriptionId]: Node;
+    };
+    areaTransform: Transform;
+    mode: Mode;
+    session: Session;
+    accumulating: {
+        active(): boolean;
+        destroy(): void;
+    };
+    onSelectionChanged: () => void;
+    selectableNodes: {
+        select: (nodeId: string, accumulate: boolean) => void;
+        unselect: (nodeId: string) => void;
+    };
+    pendingCreation?: {
+        x: number;
+        y: number;
+    };
+    onInfo(_x: unknown): void;
+    constructor(container: HTMLElement, session: Session);
+    layout(): Promise<void>;
+    centre(): Promise<void>;
+    reset(session: Session): Promise<void>;
+    hookSessionEvents(): void;
+    onNodeUpdated(e: NodeEvent): Promise<void>;
+    onNodeRemoved(e: NodeEvent): Promise<void>;
+    setPendingCreation(pending: {
+        x: number;
+        y: number;
+    }): void;
+    onNodeAdded(e: NodeEvent): Promise<void>;
+    onSubscriptionAdded(e: SubscriptionEvent): Promise<void>;
+    onSubscriptionRemoved(e: SubscriptionEvent): Promise<void>;
+    onLiveStatusChanged(e: LiveStatusEvent): Promise<void>;
+    redraw(): Promise<void>;
+    replace(session: Session): Promise<void>;
+    addSubscription(source: NodeDescription<BaseConfig>, destination: NodeDescription<BaseConfig>): Promise<void>;
+    removeSubscription(source: NodeDescription<BaseConfig>, destination: NodeDescription<BaseConfig>): Promise<void>;
+    unhighlightSubscription(id: string, source: string): Promise<void>;
+    highlightSubscription(id: string, source: string): Promise<void>;
+    selectSubscription(source: NodeDescription<BaseConfig>, destination: NodeDescription<BaseConfig>): Promise<void>;
+    createElementForNode(node: NodeDescription<BaseConfig>, warnings: CompileIssue[], errors: CompileIssue[]): Promise<Node>;
+    notifySelectionChanged(): void;
+    selectNodes(selectedNodeIds: NodeDescriptionId[]): Promise<void>;
+    clearSelection(): Promise<void>;
+    selectedConnections(): Connection<Node>[];
+    selectedNodes(): Node[];
+    switch(mode: Mode): Promise<void>;
+    updateNode(id: string, node: NodeDescription<BaseConfig>): Promise<void>;
+    removeNode(id: string): Promise<void>;
+    addNode(node: NodeDescription<BaseConfig>, position: Position): Promise<Node>;
+    translateNode(id: string, x: number, y: number): Promise<void>;
+}
+export default AllReteThen;