@arcanejs/toolkit 0.2.1 → 0.2.2

package/dist/chunk-KVJU3EAD.js

@@ -0,0 +1,66 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } var _class;
+
+
+var _chunkUBWCVW2Ujs = require('./chunk-UBWCVW2U.js');
+
+// src/backend/components/button.ts
+var DEFAULT_PROPS = {
+  text: null,
+  icon: null,
+  mode: "normal",
+  error: null
+};
+var Button = (_class = class extends _chunkUBWCVW2Ujs.Base {
+  /** @hidden */
+  __init() {this.events = new (0, _chunkUBWCVW2Ujs.EventEmitter)()}
+  constructor(props) {
+    super(DEFAULT_PROPS, props);_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this);_class.prototype.__init6.call(this);_class.prototype.__init7.call(this);_class.prototype.__init8.call(this);;
+  }
+  __init2() {this.addListener = this.events.addListener}
+  __init3() {this.removeListener = this.events.removeListener}
+  __init4() {this.setText = (text) => {
+    this.updateProps({ text });
+    return this;
+  }}
+  __init5() {this.setIcon = (icon) => {
+    this.updateProps({ icon: _nullishCoalesce(icon, () => ( null)) });
+    return this;
+  }}
+  __init6() {this.setMode = (mode) => {
+    this.updateProps({
+      mode,
+      error: null
+    });
+    return this;
+  }}
+  /** @hidden */
+  __init7() {this.getProtoInfo = (idMap) => {
+    return {
+      component: "button",
+      key: idMap.getId(this),
+      text: this.props.text || "",
+      state: this.props.error ? { state: "error", error: this.props.error } : { state: this.props.mode },
+      icon: _nullishCoalesce(this.props.icon, () => ( void 0))
+    };
+  }}
+  /** @hidden */
+  __init8() {this.handleMessage = (message) => {
+    if (message.component === "button") {
+      this.events.emit("click").then(() => {
+        if (this.props.error) {
+          this.updateProps({
+            error: null
+          });
+        }
+      }).catch((e) => {
+        this.updateProps({
+          error: `${e}`
+        });
+      });
+    }
+  }}
+}, _class);
+
+
+
+exports.Button = Button;

package/dist/chunk-M6EFK4GP.js

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); var _class;
+
+
+var _chunkUBWCVW2Ujs = require('./chunk-UBWCVW2U.js');
+
+// src/backend/components/switch.ts
+var DEFAULT_PROPS = {
+  state: "off"
+};
+var Switch = (_class = class extends _chunkUBWCVW2Ujs.Base {
+  /** @hidden */
+  __init() {this.events = new (0, _chunkUBWCVW2Ujs.EventEmitter)()}
+  constructor(props) {
+    super(DEFAULT_PROPS, props);_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);;
+  }
+  __init2() {this.addListener = this.events.addListener}
+  __init3() {this.removeListener = this.events.removeListener}
+  /** @hidden */
+  getProtoInfo(idMap) {
+    return {
+      component: "switch",
+      key: idMap.getId(this),
+      state: this.props.state
+    };
+  }
+  /** @hidden */
+  handleMessage(message) {
+    if (message.component === "switch") {
+      const state = this.props.state === "on" ? "off" : "on";
+      this.updateProps({ state });
+      this.events.emit("change", state);
+    }
+  }
+  setValue(state) {
+    if (state === this.props.state) return;
+    this.updateProps({ state });
+  }
+}, _class);
+
+
+
+exports.Switch = Switch;

package/dist/chunk-MDFDWKGW.js

@@ -0,0 +1,44 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } var _class;
+
+
+var _chunkUBWCVW2Ujs = require('./chunk-UBWCVW2U.js');
+
+// src/backend/components/text-input.ts
+var DEFAULT_PROPS = {
+  value: null
+};
+var TextInput = (_class = class extends _chunkUBWCVW2Ujs.Base {
+  /** @hidden */
+  __init() {this.events = new (0, _chunkUBWCVW2Ujs.EventEmitter)()}
+  constructor(props) {
+    super(DEFAULT_PROPS, props);_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this);_class.prototype.__init6.call(this);_class.prototype.__init7.call(this);_class.prototype.__init8.call(this);;
+  }
+  __init2() {this.addListener = this.events.addListener}
+  __init3() {this.removeListener = this.events.removeListener}
+  /** @hidden */
+  __init4() {this.getProtoInfo = (idMap) => {
+    return {
+      component: "text-input",
+      key: idMap.getId(this),
+      value: _nullishCoalesce(this.props.value, () => ( ""))
+    };
+  }}
+  /** @hidden */
+  __init5() {this.handleMessage = (message) => {
+    if (message.component === "text-input") {
+      if (this.props.value !== message.value) {
+        this.updateProps({ value: message.value });
+        this.events.emit("change", message.value);
+      }
+    }
+  }}
+  __init6() {this.getValue = () => this.props.value}
+  __init7() {this.getValidatedValue = (validator) => this.props.value === "" ? null : validator(this.props.value || "")}
+  __init8() {this.setValue = (value) => {
+    this.updateProps({ value });
+  }}
+}, _class);
+
+
+
+exports.TextInput = TextInput;

package/dist/chunk-OEIGZ3NQ.js

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } var _class;
+
+var _chunkUBWCVW2Ujs = require('./chunk-UBWCVW2U.js');
+
+// src/backend/components/timeline.ts
+var DEFAULT_PROPS = {
+  state: {
+    state: "stopped",
+    totalTimeMillis: 0,
+    currentTimeMillis: 0
+  },
+  title: null,
+  subtitles: null,
+  source: null
+};
+var Timeline = (_class = class extends _chunkUBWCVW2Ujs.Base {
+  constructor(props) {
+    super(DEFAULT_PROPS, props);_class.prototype.__init.call(this);;
+  }
+  /** @hidden */
+  __init() {this.getProtoInfo = (idMap) => ({
+    component: "timeline",
+    key: idMap.getId(this),
+    state: this.props.state,
+    title: _nullishCoalesce(this.props.title, () => ( void 0)),
+    subtitles: _nullishCoalesce(this.props.subtitles, () => ( void 0)),
+    source: _nullishCoalesce(this.props.source, () => ( void 0))
+  })}
+}, _class);
+
+
+
+exports.Timeline = Timeline;

package/dist/chunk-P43QUQ4T.js

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunkUBWCVW2Ujs = require('./chunk-UBWCVW2U.js');
+
+// src/backend/components/label.ts
+var Label = class extends _chunkUBWCVW2Ujs.Base {
+  constructor(props) {
+    super({ text: null }, props);
+  }
+  /** @hidden */
+  getProtoInfo(idMap) {
+    return {
+      component: "label",
+      key: idMap.getId(this),
+      bold: this.props.bold,
+      text: _nullishCoalesce(this.props.text, () => ( ""))
+    };
+  }
+  setText(text) {
+    this.updateProps({
+      text
+    });
+    return this;
+  }
+};
+
+
+
+exports.Label = Label;

package/dist/chunk-RGIB65TI.js

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkUBWCVW2Ujs = require('./chunk-UBWCVW2U.js');
+
+// src/backend/components/rect.ts
+var DEFAULT_PROPS = {
+  color: "rgba(0, 0, 0, 0)"
+};
+var Rect = class extends _chunkUBWCVW2Ujs.Base {
+  constructor(props) {
+    super(DEFAULT_PROPS, props);
+  }
+  /** @hidden */
+  getProtoInfo(idMap) {
+    return {
+      component: "rect",
+      key: idMap.getId(this),
+      color: this.props.color
+    };
+  }
+  setColor(color) {
+    this.updateProps({ color });
+    return this;
+  }
+};
+
+
+
+exports.Rect = Rect;

package/dist/chunk-RJS32OOA.js

@@ -0,0 +1,55 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); var _class; var _class2;
+
+var _chunkUBWCVW2Ujs = require('./chunk-UBWCVW2U.js');
+
+// src/backend/components/tabs.ts
+var Tab = (_class = class extends _chunkUBWCVW2Ujs.BaseParent {constructor(...args) { super(...args); _class.prototype.__init.call(this);_class.prototype.__init2.call(this); }
+  __init() {this.validateChildren = (children) => {
+    if (children.length > 1) {
+      throw new Error("Tab can only have one child");
+    }
+  }}
+  /** @hidden */
+  __init2() {this.getProtoInfo = (idMap) => ({
+    component: "tab",
+    key: idMap.getId(this),
+    name: this.props.name,
+    child: this.getChildren().slice(0, 1).map((c) => c.getProtoInfo(idMap))[0]
+  })}
+}, _class);
+var Tabs = (_class2 = class extends _chunkUBWCVW2Ujs.BaseParent {
+  __init3() {this.validateChildren = (children) => {
+    for (const child of children) {
+      if (!(child instanceof Tab)) {
+        throw new Error("Tabs can only have Tab children");
+      }
+    }
+  }}
+  constructor(props) {
+    super({}, { ...props });_class2.prototype.__init3.call(this);;
+  }
+  addTabs(...tabs) {
+    for (const t of tabs) {
+      const tab = new Tab({ name: t.name });
+      tab.appendChildren(t.component);
+      this.appendChild(tab);
+    }
+  }
+  addTab(name, component) {
+    this.addTabs({ name, component });
+    return component;
+  }
+  /** @hidden */
+  getProtoInfo(idMap) {
+    return {
+      component: "tabs",
+      key: idMap.getId(this),
+      tabs: this.getChildren().map((c) => c.getProtoInfo(idMap))
+    };
+  }
+}, _class2);
+
+
+
+
+exports.Tab = Tab; exports.Tabs = Tabs;

package/dist/chunk-T2PJEXYO.js

@@ -0,0 +1,59 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); var _class;
+
+
+var _chunkUBWCVW2Ujs = require('./chunk-UBWCVW2U.js');
+
+// src/backend/components/slider-button.ts
+var DEFAULT_PROPS = {
+  value: null,
+  min: 0,
+  max: 255,
+  step: 5,
+  mode: "writeBack"
+};
+var SliderButton = (_class = class extends _chunkUBWCVW2Ujs.Base {
+  /** @hidden */
+  __init() {this.events = new (0, _chunkUBWCVW2Ujs.EventEmitter)()}
+  constructor(props) {
+    super(DEFAULT_PROPS, props);_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);;
+  }
+  __init2() {this.addListener = this.events.addListener}
+  __init3() {this.removeListener = this.events.removeListener}
+  /** @hidden */
+  getProtoInfo(idMap) {
+    return {
+      component: "slider_button",
+      key: idMap.getId(this),
+      min: this.props.min,
+      max: this.props.max,
+      step: this.props.step,
+      value: this.props.value
+    };
+  }
+  /** @hidden */
+  handleMessage(message) {
+    if (message.component !== "slider_button") return;
+    const newValue = this.sanitizeNumber(message.value);
+    if (this.props.value === newValue) return;
+    if (this.props.mode === "writeBack") {
+      this.updateProps({ value: newValue });
+    }
+    this.events.emit("change", newValue);
+  }
+  setValue(value) {
+    const newValue = this.sanitizeNumber(value);
+    if (newValue === this.props.value) return;
+    this.updateProps({ value });
+    this.updateTree();
+  }
+  sanitizeNumber(value) {
+    const i = Math.round((value - this.props.min) / this.props.step);
+    const v = i * this.props.step + this.props.min;
+    const clampedValue = Math.max(this.props.min, Math.min(this.props.max, v));
+    return clampedValue;
+  }
+}, _class);
+
+
+
+exports.SliderButton = SliderButton;

package/dist/chunk-UBWCVW2U.js

@@ -0,0 +1,163 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3;// src/backend/components/base.ts
+var Base = (_class = class {
+  /** @hidden */
+  __init() {this.parent = null}
+  /** @hidden */
+  
+  /** @hidden */
+  
+  constructor(defaultProps, props) {;_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);
+    this.defaultProps = defaultProps;
+    this._props = Object.freeze({
+      ...defaultProps,
+      ...props
+    });
+  }
+  get props() {
+    return this._props;
+  }
+  set props(props) {
+    this.setProps(props);
+  }
+  __init2() {this.setProps = (props) => {
+    this._props = Object.freeze({
+      ...this.defaultProps,
+      ...props
+    });
+    this.updateTree();
+  }}
+  __init3() {this.updateProps = (updates) => {
+    this._props = Object.freeze({
+      ...this._props,
+      ...updates
+    });
+    this.updateTree();
+  }}
+  /** @hidden */
+  setParent(parent) {
+    if (this.parent && this.parent !== parent) {
+      this.parent.removeChild(this);
+    }
+    this.parent = parent;
+  }
+  /** @hidden */
+  updateTree() {
+    if (this.parent) this.parent.updateTree();
+  }
+  /** @hidden */
+  handleMessage(message) {
+    console.log("Component Received Message:", message);
+  }
+  routeMessage(_idMap, _message) {
+  }
+}, _class);
+var BaseParent = (_class2 = class extends Base {constructor(...args2) { super(...args2); _class2.prototype.__init4.call(this);_class2.prototype.__init5.call(this);_class2.prototype.__init6.call(this);_class2.prototype.__init7.call(this);_class2.prototype.__init8.call(this);_class2.prototype.__init9.call(this); }
+  /** @hidden */
+  __init4() {this.children = []}
+  __init5() {this.appendChildren = (...children) => {
+    for (const c of children) {
+      const newChildren = [...this.children.filter((ch) => ch !== c), c];
+      this.validateChildren(newChildren);
+      this.children = Object.freeze(newChildren);
+      c.setParent(this);
+    }
+    this.updateTree();
+    return children;
+  }}
+  __init6() {this.appendChild = (child) => {
+    this.appendChildren(child);
+    return child;
+  }}
+  __init7() {this.removeChild = (component) => {
+    const match = this.children.findIndex((c) => c === component);
+    if (match >= 0) {
+      const removingChild = this.children[match];
+      const newChildren = [
+        ...this.children.slice(0, match),
+        ...this.children.slice(match + 1)
+      ];
+      this.validateChildren(newChildren);
+      this.children = Object.freeze(newChildren);
+      _optionalChain([removingChild, 'optionalAccess', _3 => _3.setParent, 'call', _4 => _4(null)]);
+      this.updateTree();
+    }
+  }}
+  __init8() {this.removeAllChildren = () => {
+    this.children.map((c) => c.setParent(null));
+    this.children = Object.freeze([]);
+    this.updateTree();
+  }}
+  /**
+   * Return all children components that messages need to be routed to
+   */
+  __init9() {this.getChildren = () => this.children}
+  /**
+   * TODO: we can do this better, right now it broadcasts the message to all
+   * components of the tree
+   *
+   * @hidden
+   */
+  routeMessage(idMap, message) {
+    if (idMap.getId(this) === message.componentKey) {
+      this.handleMessage(message);
+    } else {
+      for (const c of this.children) {
+        if (idMap.getId(c) === message.componentKey) {
+          c.handleMessage(message);
+        } else {
+          c.routeMessage(idMap, message);
+        }
+      }
+    }
+  }
+  insertBefore(child, beforeChild) {
+    const filteredChildren = this.children.filter((c) => c !== child);
+    let match = filteredChildren.findIndex((c) => c === beforeChild);
+    console.log("match", match);
+    if (match === -1) {
+      match = filteredChildren.length;
+    }
+    const newChildren = [
+      ...filteredChildren.slice(0, match),
+      child,
+      ...filteredChildren.slice(match)
+    ];
+    this.validateChildren(newChildren);
+    this.children = Object.freeze(newChildren);
+    child.setParent(this);
+    this.updateTree();
+  }
+}, _class2);
+var EventEmitter = (_class3 = class {constructor() { _class3.prototype.__init10.call(this);_class3.prototype.__init11.call(this);_class3.prototype.__init12.call(this);_class3.prototype.__init13.call(this); }
+  __init10() {this.listeners = /* @__PURE__ */ new Map()}
+  __init11() {this.addListener = (type, listener) => {
+    let set = this.listeners.get(type);
+    if (!set) {
+      set = /* @__PURE__ */ new Set();
+      this.listeners.set(type, set);
+    }
+    set.add(listener);
+  }}
+  __init12() {this.removeListener = (type, listener) => {
+    _optionalChain([this, 'access', _10 => _10.listeners, 'access', _11 => _11.get, 'call', _12 => _12(type), 'optionalAccess', _13 => _13.delete, 'call', _14 => _14(listener)]);
+  }}
+  __init13() {this.emit = (type, ...args) => {
+    return Promise.all(
+      [...this.listeners.get(type) || []].map(
+        (l) => new Promise((resolve, reject) => {
+          try {
+            resolve(l(...args));
+          } catch (e) {
+            reject(e);
+          }
+        })
+      )
+    );
+  }}
+}, _class3);
+
+
+
+
+
+exports.Base = Base; exports.BaseParent = BaseParent; exports.EventEmitter = EventEmitter;