@norskvideo/norsk-studio 1.0.0

package/README.md

@@ -0,0 +1,58 @@
+# Norsk Studio
+
+Please read the [Development Guidelines](./development-guidelines.md)
+
+Note
+---
+
+NB: This isn't permanent, but you'll want to clone this side by side with Norsk so the npm linked packages can be found.
+
+```
+src/norsk
+src/norsk-studio
+```
+
+Get it all built the first time
+----
+
+```
+npm install
+npm run build
+```
+
+Subsequent builds are just
+
+```
+npm run build
+```
+Oh look they're the same.
+
+Run it
+-----
+
+NB: Norsk must be running on the default ports before all the following commands, it is simply assumed that it is there
+
+```
+# Spin docker compose (nginx, and in the future, norsk)
+npm run support:start
+
+# The actual server
+npm run server
+
+# When finished for the day
+npm run support:stop
+```
+
+
+It should be available on :80/:443 via nginx unless somebody changes the port and not this file
+It is also listening on 8000, but it's nice to have SSL so various other things work
+
+Run the tests
+----
+
+NB: Norsk must be running on the default ports
+NB: There are some timing issues present, so they're not the most stable of tests
+
+```
+npm test
+```

package/bin/info.ts.template

@@ -0,0 +1,23 @@
+import type { BaseConfig, NodeInfo } from "norsk-studio/lib/extension/client-types";
+import type Registration from "norsk-studio/lib/extension/registration";
+
+const InitialisedComponents: { [key: string]: NodeInfo<BaseConfig> } = {};
+let initialised = false;
+
+const AllComponents: ((r: Registration) => NodeInfo<BaseConfig>)[] = [];
+
+export default function getNodeInfo(r: Registration, type: string) {
+  if(!initialised) {
+    AllComponents.forEach((f) => {
+      const i = f(r);
+      InitialisedComponents[i.identifier] = i;
+    })
+    initialised = true;
+  }
+  return InitialisedComponents[type];
+}
+
+{{#components}}
+import {{name}} from "{{path}}";
+AllComponents.push((r: Registration) => {{name}}(r) as unknown as NodeInfo<BaseConfig>);
+{{/components}}

package/bin/studio-bundle

@@ -0,0 +1,23 @@
+#!/usr/bin/env bash
+':' // ; cat "$0" | node --input-type=module - $@ ; exit $?
+
+import { build } from "esbuild";
+import epeg from "esbuild-plugin-external-global";
+
+const { externalGlobalPlugin } = epeg;
+
+// See client/index.ts for the other side of this
+await build({
+  entryPoints: [process.argv[2]],
+  bundle: true,
+  outfile: process.argv[3],
+  format: 'esm',
+  plugins: [
+    externalGlobalPlugin({
+      'react': 'window.React',
+      '@norskvideo/webrtc-client': 'window.WebRtcClient',
+      'hls.js': "window.HlsJs",
+      'react/jsx-runtime': "window.ReactJsx",
+    })
+  ]
+})

package/bin/studio-editor

@@ -0,0 +1,3 @@
+#!/usr/bin/env sh
+ROOT=$(realpath ${0%/*}/../norsk-studio)
+node "$ROOT/lib/server/index.js" $@

package/bin/studio-runner

@@ -0,0 +1,3 @@
+#!/usr/bin/env sh
+ROOT=$(realpath ${0%/*}/../norsk-studio)
+node "$ROOT/lib/server/runner.js" $@

package/bin/studio-wrap-infos

@@ -0,0 +1,44 @@
+#!/usr/bin/env node
+
+const mustache = require('mustache');
+const fs = require('fs/promises');
+const path = require('path');
+
+const rootDir = process.argv[2];
+
+async function main() {
+  const template = await fs.readFile(path.join(__dirname, "info.ts.template"), 'utf8');
+  const dirs = await fs.readdir(rootDir);
+  const components = [];
+
+  for (const dir of dirs) {
+    console.log(dir)
+    const componentPath = path.join(rootDir, dir);
+    const runtimePath = path.join(componentPath, 'runtime.ts');
+    const infoPath = path.join(componentPath, "info.ts");
+
+    const runtimeExists = await fs.stat(runtimePath).catch(() => undefined);
+    const infoExists = await fs.stat(infoPath).catch(() => undefined);
+
+    if (!runtimeExists || !infoExists) {
+      continue;
+    }
+
+
+    components.push({
+      name: dir.replace(".", "_").replace("-", "_"),
+      type: dir,
+      path: "./" + path.join(dir, "info")
+    })
+  }
+
+  const result = mustache.render(template, {
+    components
+  }, null, {
+      escape: (s) => s
+    } )
+
+  await fs.writeFile(path.join(rootDir, "info.ts"), result)
+}
+
+void main();

package/lib/client/comms.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="ws" />
+import { DocumentDescription, YamlDocument } from "../shared/document";
+import ClientMsg from '../shared/client-msg';
+import ServerMsg from '../shared/server-msg';
+import EventHandler from "eventhandler";
+import WebSocket from 'isomorphic-ws';
+export declare class Comms {
+    ws?: WebSocket;
+    events: EventHandler;
+    rootUrl: string;
+    rootPath: string;
+    constructor(rootUrl: string, rootPath: string);
+    listen(listener: (msg: ServerMsg) => void): void;
+    waitForConnect(): Promise<void>;
+    connected(): boolean;
+    start(description: DocumentDescription, originalFilename?: string): Promise<void>;
+    connectToExisting(sessionKey: string): Promise<void>;
+    stop(): void;
+    load(filename: string): Promise<YamlDocument | undefined>;
+    saveDocument(filename: string, description: DocumentDescription): Promise<boolean>;
+    sendMsg(msg: ClientMsg): void;
+    onDragOver(e: MouseEvent): void;
+    createSocket(rootUrl: string, sessionKey?: string): WebSocket;
+    close(): void;
+}
+export default Comms;

package/lib/client/comms.js

@@ -0,0 +1,114 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Comms = void 0;
+const eventhandler_1 = __importDefault(require("eventhandler"));
+const isomorphic_ws_1 = __importDefault(require("isomorphic-ws"));
+class Comms {
+    ws;
+    events;
+    rootUrl;
+    rootPath;
+    constructor(rootUrl, rootPath) {
+        this.events = new eventhandler_1.default();
+        this.rootUrl = rootUrl;
+        this.rootPath = rootPath;
+    }
+    listen(listener) {
+        this.events.on('ev', listener);
+    }
+    async waitForConnect() {
+        return new Promise((r, f) => {
+            if (!this.ws) {
+                f("Socket went away??");
+                return;
+            }
+            this.ws.onopen = () => {
+                const interval = setInterval(() => {
+                    if (!this.ws)
+                        f("Socket went away?");
+                    else if (this.ws?.readyState >= this.ws?.OPEN) {
+                        clearInterval(interval);
+                        r();
+                    }
+                }, 10.0);
+            };
+        });
+    }
+    connected() {
+        return this.ws?.readyState == this.ws?.OPEN;
+    }
+    async start(description, originalFilename) {
+        this.ws = this.createSocket(this.rootUrl);
+        await this.waitForConnect();
+        this.sendMsg({ type: 'start', latest: description.toYaml(), originalFilename });
+    }
+    async connectToExisting(sessionKey) {
+        this.ws = this.createSocket(this.rootUrl, sessionKey);
+    }
+    stop() {
+        this.sendMsg({ type: 'stop' });
+    }
+    async load(filename) {
+        const response = await fetch(this.rootPath + 'files/compiled/' + filename, {
+            headers: {
+                'Content-Type': 'application/json',
+            },
+        });
+        if (response.ok) {
+            return await response.json();
+        }
+        else {
+            const error = await response.text();
+            console.log(error);
+            return undefined;
+        }
+    }
+    async saveDocument(filename, description) {
+        const response = await fetch(this.rootPath + 'files/' + filename, {
+            method: 'PUT',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify(description)
+        });
+        if (response.ok) {
+            return true;
+        }
+        else {
+            const error = await response.text();
+            console.log(error);
+            return false;
+        }
+    }
+    sendMsg(msg) {
+        if (!this.ws) {
+            throw new Error("Attempt to send message when not connected");
+        }
+        this.ws.send(JSON.stringify(msg));
+    }
+    onDragOver(e) {
+        e.preventDefault();
+    }
+    createSocket(rootUrl, sessionKey) {
+        const ws = new isomorphic_ws_1.default(`${rootUrl}live/${sessionKey ? encodeURIComponent(sessionKey) : ''}`);
+        ws.onmessage = (async (e) => {
+            if (e.data.toString() === 'hello') {
+            }
+            else {
+                const msg = JSON.parse(e.data.toString());
+                this.events.emit('ev', msg);
+            }
+        });
+        return ws;
+    }
+    close() {
+        this.ws?.close();
+        this.ws = undefined;
+    }
+}
+exports.Comms = Comms;
+exports.default = Comms;
+//# sourceMappingURL=comms.js.map

package/lib/client/comms.js.map

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

package/lib/client/componentevents.d.ts

@@ -0,0 +1,12 @@
+import { NodeEvent, SubscriptionEvent } from "../shared/document";
+import Session from "./session";
+export declare class ComponentEvents {
+    session: Session;
+    constructor(session: Session);
+    onSubscriptionAdded(e: SubscriptionEvent): void;
+    onSubscriptionRemoved(e: SubscriptionEvent): void;
+    onSubscriptionUpdated(e: SubscriptionEvent): void;
+    onNodeUpdated(e: NodeEvent): void;
+    onNodeRemoved(e: NodeEvent): void;
+}
+export default ComponentEvents;

package/lib/client/componentevents.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentEvents = void 0;
+class ComponentEvents {
+    session;
+    constructor(session) {
+        this.session = session;
+        this.session.description.onSubscriptionAdded(this.onSubscriptionAdded.bind(this));
+        this.session.description.onSubscriptionRemoved(this.onSubscriptionRemoved.bind(this));
+        this.session.description.onSubscriptionUpdated(this.onSubscriptionUpdated.bind(this));
+        this.session.description.onNodeUpdated(this.onNodeUpdated.bind(this));
+        this.session.description.onNodeRemoved(this.onNodeRemoved.bind(this));
+    }
+    onSubscriptionAdded(e) {
+        e.destination.info.designtime?.uiEvents?.onSubscriptionAdded?.call(e.destination, e.subscription);
+    }
+    onSubscriptionRemoved(e) {
+        e.destination.info.designtime?.uiEvents?.onSubscriptionRemoved?.call(e.destination, e.subscription);
+    }
+    onSubscriptionUpdated(e) {
+        e.destination.info.designtime?.uiEvents?.onSubscriptionUpdated?.call(e.destination, e.subscription);
+    }
+    onNodeUpdated(e) {
+        e.node?.info.designtime?.uiEvents?.onNodeUpdated?.call(e.node, e.id);
+        const node = e.node;
+        if (!node)
+            return;
+        for (const n of Object.values(this.session.description.nodes)) {
+            n.info.designtime?.uiEvents?.onGlobalNodeUpdated?.call(n, node, e.id);
+        }
+    }
+    onNodeRemoved(e) {
+        e.node?.info.designtime?.uiEvents?.onNodeRemoved?.call(e.node, e.id);
+        for (const n of Object.values(this.session.description.nodes)) {
+            n.info.designtime?.uiEvents?.onGlobalNodeRemoved?.call(n, e.node, e.id);
+        }
+    }
+}
+exports.ComponentEvents = ComponentEvents;
+exports.default = ComponentEvents;
+//# sourceMappingURL=componentevents.js.map

package/lib/client/componentevents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentevents.js","sourceRoot":"","sources":["../../src/client/componentevents.ts"],"names":[],"mappings":";;;AAGA,MAAa,eAAe;IAC1B,OAAO,CAAU;IAEjB,YAAY,OAAgB;QAC1B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,mBAAmB,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAClF,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,qBAAqB,CAAC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACtF,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,qBAAqB,CAAC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACtF,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACtE,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACxE,CAAC;IAED,mBAAmB,CAAC,CAAoB;QACtC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,mBAAmB,EAAE,IAAI,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC;IACpG,CAAC;IAED,qBAAqB,CAAC,CAAoB;QACxC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC;IACtG,CAAC;IAED,qBAAqB,CAAC,CAAoB;QACxC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC;IACtG,CAAC;IAED,aAAa,CAAC,CAAY;QACxB,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QACrE,MAAM,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC;QACpB,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,KAAK,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;YAC9D,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,mBAAmB,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QACxE,CAAC;IACH,CAAC;IAED,aAAa,CAAC,CAAY;QACxB,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAErE,KAAK,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;YAC9D,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,mBAAmB,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAC1E,CAAC;IACH,CAAC;CAEF;AA1CD,0CA0CC;AAED,kBAAe,eAAe,CAAC"}

package/lib/client/console.d.ts

@@ -0,0 +1,19 @@
+import { Root } from "react-dom/client";
+import Session from "./session";
+import { ConsoleMessage } from "./jsx/console-log";
+export type Props = {
+    onSelection: (nodeId: string) => void;
+};
+declare class ConsoleContainer {
+    root: Root;
+    messages: ConsoleMessage[];
+    props: Props;
+    session?: Session;
+    constructor(props: Props);
+    clear(): void;
+    loadEditorWarnings(session: Session): void;
+    switchToRunning(session: Session): void;
+    renderLog(session: Session): void;
+    addOutput(id: string, url: string): void;
+}
+export default ConsoleContainer;

package/lib/client/console.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const client_1 = require("react-dom/client");
+const console_1 = require("./jsx/console");
+const console_log_1 = require("./jsx/console-log");
+class ConsoleContainer {
+    root;
+    messages;
+    props;
+    session;
+    constructor(props) {
+        this.messages = [];
+        this.props = props;
+        this.root = (0, client_1.createRoot)(document.getElementById('console-text'));
+    }
+    clear() {
+    }
+    loadEditorWarnings(session) {
+        this.session = session;
+        this.root.render((0, console_1.Console)({
+            errors: session.description.errors,
+            warnings: session.description.warnings,
+            document: session.description,
+            onSelection: this.props.onSelection
+        }));
+    }
+    switchToRunning(session) {
+        this.session = session;
+        this.messages = [];
+        this.renderLog(session);
+    }
+    renderLog(session) {
+        this.root.render((0, console_log_1.ConsoleLog)({ messages: this.messages, document: session.description }));
+    }
+    addOutput(id, url) {
+        this.messages.push({ type: 'output', id, url });
+        if (this.session)
+            this.renderLog(this.session);
+    }
+}
+exports.default = ConsoleContainer;
+//# sourceMappingURL=console.js.map

package/lib/client/console.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"console.js","sourceRoot":"","sources":["../../src/client/console.ts"],"names":[],"mappings":";;AAAA,6CAAoD;AACpD,2CAAwC;AAExC,mDAA+D;AAM/D,MAAM,gBAAgB;IACpB,IAAI,CAAO;IACX,QAAQ,CAAkB;IAC1B,KAAK,CAAQ;IACb,OAAO,CAAW;IAElB,YAAY,KAAY;QACtB,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAA,mBAAU,EAAC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAmB,CAAC,CAAC;IACpF,CAAC;IAED,KAAK;IAEL,CAAC;IAED,kBAAkB,CAAC,OAAgB;QACjC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAA,iBAAO,EAAC;YACvB,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,MAAM;YAClC,QAAQ,EAAE,OAAO,CAAC,WAAW,CAAC,QAAQ;YACtC,QAAQ,EAAE,OAAO,CAAC,WAAW;YAC7B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW;SACpC,CAAC,CAAC,CAAC;IACN,CAAC;IAED,eAAe,CAAC,OAAgB;QAC9B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC;IAED,SAAS,CAAC,OAAgB;QACxB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAA,wBAAU,EAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;IAC3F,CAAC;IAED,SAAS,CAAC,EAAU,EAAE,GAAW;QAC/B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;QAChD,IAAI,IAAI,CAAC,OAAO;YACd,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;CACF;AAGD,kBAAe,gBAAgB,CAAC"}

package/lib/client/controls.d.ts

@@ -0,0 +1,23 @@
+export type Config = {
+    onStart: () => void;
+    onStop: () => void;
+    onSave?: () => void;
+};
+declare class Controls {
+    start: HTMLButtonElement;
+    stop: HTMLButtonElement;
+    save: HTMLButtonElement;
+    cfg: Config;
+    constructor(cfg: Config);
+    completelyDisable(): void;
+    demoMode(): void;
+    handleStart(): void;
+    handleStop(): void;
+    handleSave(): void;
+    hideButtons(): void;
+    showStart(): void;
+    showStop(): void;
+    disableStart(): void;
+    enableStart(): void;
+}
+export default Controls;

package/lib/client/controls.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+class Controls {
+    start;
+    stop;
+    save;
+    cfg;
+    constructor(cfg) {
+        const start = document.getElementById('btn-start');
+        const stop = document.getElementById('btn-stop');
+        const save = document.getElementById('btn-save');
+        if (!start) {
+            throw "Missing start button";
+        }
+        if (!stop) {
+            throw "Missing stop button";
+        }
+        if (!save) {
+            throw "Missing save button";
+        }
+        this.start = start;
+        this.stop = stop;
+        this.save = save;
+        this.cfg = cfg;
+        this.start.onclick = this.handleStart.bind(this);
+        this.stop.onclick = this.handleStop.bind(this);
+        if (cfg.onSave) {
+            this.save.style.display = 'block';
+            this.save.onclick = this.handleSave.bind(this);
+        }
+        else {
+            this.save.style.display = 'none';
+        }
+    }
+    completelyDisable() {
+        if (this.start.parentElement)
+            this.start.parentElement.style.display = 'none';
+    }
+    demoMode() {
+        this.save.disabled = true;
+        this.start.disabled = true;
+        this.save.onclick = null;
+        this.start.onclick = null;
+    }
+    handleStart() {
+        this.cfg.onStart();
+        this.hideButtons();
+    }
+    handleStop() {
+        this.cfg.onStop();
+        this.hideButtons();
+    }
+    handleSave() {
+        this.cfg.onSave?.();
+    }
+    hideButtons() {
+        this.start.style.display = 'none';
+        this.stop.style.display = 'none';
+    }
+    showStart() {
+        this.hideButtons();
+        this.start.style.display = 'block';
+    }
+    showStop() {
+        this.hideButtons();
+        this.stop.style.display = 'block';
+    }
+    disableStart() {
+        this.start.style.opacity = '0.1';
+        this.start.onclick = () => { };
+        this.start.title = "The start button is disabled because there are changes needed to run succesfully";
+    }
+    enableStart() {
+        this.start.style.opacity = '1.0';
+        this.start.onclick = this.handleStart.bind(this);
+        this.start.title = "";
+    }
+}
+exports.default = Controls;
+//# sourceMappingURL=controls.js.map

package/lib/client/controls.js.map

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

package/lib/client/creator.d.ts

@@ -0,0 +1,45 @@
+import Console from "../client/console";
+import { DocumentDescription } from "../shared/document";
+import AllReteThen from './rete';
+import Controls from './controls';
+import Tools from './tools';
+import ServerMsg, { Env } from '../shared/server-msg';
+import Session, { CommandSentEvent } from "./session";
+import Modal from "./modal";
+import Library from "./library";
+import Comms from './comms';
+export type Elements = {
+    workspace: HTMLDivElement;
+    dropdown: HTMLSelectElement;
+    toolbox: HTMLDivElement;
+};
+declare class Creator {
+    container: HTMLElement;
+    dropdown: HTMLSelectElement;
+    rete: AllReteThen;
+    comms: Comms;
+    controls: Controls;
+    console: Console;
+    session: Session;
+    tools: Tools;
+    modal: Modal;
+    library: Library;
+    sessionKey: string;
+    documents: string[];
+    env: Env;
+    constructor(library: Library, elements: Elements, env: Env);
+    updateUIFromSession(): Promise<void>;
+    onSessionValidated(): void;
+    onStartRequest(): Promise<void>;
+    onSaveRequest(): void;
+    saveDocument(filename: string): Promise<boolean | undefined>;
+    onStopRequest(): void;
+    onDragOver(e: MouseEvent): void;
+    onCommandSent(e: CommandSentEvent): void;
+    onDragDrop(e: MouseEvent): Promise<void>;
+    updateDropdown(next?: string): Promise<void>;
+    onServerMsg(msg: ServerMsg): Promise<undefined>;
+    onDocumentChange(): Promise<void>;
+    onDocumentLoaded(compiled: DocumentDescription): Promise<void>;
+}
+export default Creator;