@arcanejs/toolkit 0.2.1 → 0.2.2

package/dist/backend/components/tabs.js

@@ -1,209 +1,10 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-// src/backend/components/tabs.ts
-var tabs_exports = {};
-__export(tabs_exports, {
-  Tab: () => Tab,
-  Tabs: () => Tabs
-});
-module.exports = __toCommonJS(tabs_exports);
 
-// src/backend/components/base.ts
-var Base = class {
-  /** @hidden */
-  parent = null;
-  /** @hidden */
-  defaultProps;
-  /** @hidden */
-  _props;
-  constructor(defaultProps, props) {
-    this.defaultProps = defaultProps;
-    this._props = Object.freeze({
-      ...defaultProps,
-      ...props
-    });
-  }
-  get props() {
-    return this._props;
-  }
-  set props(props) {
-    this.setProps(props);
-  }
-  setProps = (props) => {
-    this._props = Object.freeze({
-      ...this.defaultProps,
-      ...props
-    });
-    this.updateTree();
-  };
-  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) {
-  }
-};
-var BaseParent = class extends Base {
-  /** @hidden */
-  children = [];
-  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;
-  };
-  appendChild = (child) => {
-    this.appendChildren(child);
-    return child;
-  };
-  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);
-      removingChild?.setParent(null);
-      this.updateTree();
-    }
-  };
-  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
-   */
-  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();
-  }
-};
+var _chunkRJS32OOAjs = require('../../chunk-RJS32OOA.js');
+require('../../chunk-UBWCVW2U.js');
+require('../../chunk-3RG5ZIWI.js');
 
-// src/backend/components/tabs.ts
-var Tab = class extends BaseParent {
-  validateChildren = (children) => {
-    if (children.length > 1) {
-      throw new Error("Tab can only have one child");
-    }
-  };
-  /** @hidden */
-  getProtoInfo = (idMap) => ({
-    component: "tab",
-    key: idMap.getId(this),
-    name: this.props.name,
-    child: this.getChildren().slice(0, 1).map((c) => c.getProtoInfo(idMap))[0]
-  });
-};
-var Tabs = class extends BaseParent {
-  validateChildren = (children) => {
-    for (const child of children) {
-      if (!(child instanceof Tab)) {
-        throw new Error("Tabs can only have Tab children");
-      }
-    }
-  };
-  constructor(props) {
-    super({}, { ...props });
-  }
-  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))
-    };
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Tab,
-  Tabs
-});
+
+
+exports.Tab = _chunkRJS32OOAjs.Tab; exports.Tabs = _chunkRJS32OOAjs.Tabs;

package/dist/backend/components/text-input.js

@@ -1,146 +1,8 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-// src/backend/components/text-input.ts
-var text_input_exports = {};
-__export(text_input_exports, {
-  TextInput: () => TextInput
-});
-module.exports = __toCommonJS(text_input_exports);
+var _chunkMDFDWKGWjs = require('../../chunk-MDFDWKGW.js');
+require('../../chunk-UBWCVW2U.js');
+require('../../chunk-3RG5ZIWI.js');
 
-// src/backend/components/base.ts
-var Base = class {
-  /** @hidden */
-  parent = null;
-  /** @hidden */
-  defaultProps;
-  /** @hidden */
-  _props;
-  constructor(defaultProps, props) {
-    this.defaultProps = defaultProps;
-    this._props = Object.freeze({
-      ...defaultProps,
-      ...props
-    });
-  }
-  get props() {
-    return this._props;
-  }
-  set props(props) {
-    this.setProps(props);
-  }
-  setProps = (props) => {
-    this._props = Object.freeze({
-      ...this.defaultProps,
-      ...props
-    });
-    this.updateTree();
-  };
-  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) {
-  }
-};
-var EventEmitter = class {
-  listeners = /* @__PURE__ */ new Map();
-  addListener = (type, listener) => {
-    let set = this.listeners.get(type);
-    if (!set) {
-      set = /* @__PURE__ */ new Set();
-      this.listeners.set(type, set);
-    }
-    set.add(listener);
-  };
-  removeListener = (type, listener) => {
-    this.listeners.get(type)?.delete(listener);
-  };
-  emit = (type, ...args) => {
-    return Promise.all(
-      [...this.listeners.get(type) || []].map(
-        (l) => new Promise((resolve, reject) => {
-          try {
-            resolve(l(...args));
-          } catch (e) {
-            reject(e);
-          }
-        })
-      )
-    );
-  };
-};
 
-// src/backend/components/text-input.ts
-var DEFAULT_PROPS = {
-  value: null
-};
-var TextInput = class extends Base {
-  /** @hidden */
-  events = new EventEmitter();
-  constructor(props) {
-    super(DEFAULT_PROPS, props);
-  }
-  addListener = this.events.addListener;
-  removeListener = this.events.removeListener;
-  /** @hidden */
-  getProtoInfo = (idMap) => {
-    return {
-      component: "text-input",
-      key: idMap.getId(this),
-      value: this.props.value ?? ""
-    };
-  };
-  /** @hidden */
-  handleMessage = (message) => {
-    if (message.component === "text-input") {
-      if (this.props.value !== message.value) {
-        this.updateProps({ value: message.value });
-        this.events.emit("change", message.value);
-      }
-    }
-  };
-  getValue = () => this.props.value;
-  getValidatedValue = (validator) => this.props.value === "" ? null : validator(this.props.value || "");
-  setValue = (value) => {
-    this.updateProps({ value });
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TextInput
-});
+exports.TextInput = _chunkMDFDWKGWjs.TextInput;

package/dist/backend/components/timeline.js

@@ -1,109 +1,8 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-// src/backend/components/timeline.ts
-var timeline_exports = {};
-__export(timeline_exports, {
-  Timeline: () => Timeline
-});
-module.exports = __toCommonJS(timeline_exports);
+var _chunkOEIGZ3NQjs = require('../../chunk-OEIGZ3NQ.js');
+require('../../chunk-UBWCVW2U.js');
+require('../../chunk-3RG5ZIWI.js');
 
-// src/backend/components/base.ts
-var Base = class {
-  /** @hidden */
-  parent = null;
-  /** @hidden */
-  defaultProps;
-  /** @hidden */
-  _props;
-  constructor(defaultProps, props) {
-    this.defaultProps = defaultProps;
-    this._props = Object.freeze({
-      ...defaultProps,
-      ...props
-    });
-  }
-  get props() {
-    return this._props;
-  }
-  set props(props) {
-    this.setProps(props);
-  }
-  setProps = (props) => {
-    this._props = Object.freeze({
-      ...this.defaultProps,
-      ...props
-    });
-    this.updateTree();
-  };
-  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) {
-  }
-};
 
-// src/backend/components/timeline.ts
-var DEFAULT_PROPS = {
-  state: {
-    state: "stopped",
-    totalTimeMillis: 0,
-    currentTimeMillis: 0
-  },
-  title: null,
-  subtitles: null,
-  source: null
-};
-var Timeline = class extends Base {
-  constructor(props) {
-    super(DEFAULT_PROPS, props);
-  }
-  /** @hidden */
-  getProtoInfo = (idMap) => ({
-    component: "timeline",
-    key: idMap.getId(this),
-    state: this.props.state,
-    title: this.props.title ?? void 0,
-    subtitles: this.props.subtitles ?? void 0,
-    source: this.props.source ?? void 0
-  });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Timeline
-});
+exports.Timeline = _chunkOEIGZ3NQjs.Timeline;

package/dist/backend/util/index.js

@@ -1,43 +1,7 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-// src/backend/util/index.ts
-var util_exports = {};
-__export(util_exports, {
-  IDMap: () => IDMap
-});
-module.exports = __toCommonJS(util_exports);
+var _chunkEABM5X65js = require('../../chunk-EABM5X65.js');
+require('../../chunk-3RG5ZIWI.js');
 
-// src/backend/util/id-map.ts
-var IDMap = class {
-  idMap = /* @__PURE__ */ new WeakMap();
-  nextId = 0;
-  getId(object) {
-    let i = this.idMap.get(object);
-    if (i === void 0) {
-      i = this.nextId++;
-      this.idMap.set(object, i);
-    }
-    return i;
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  IDMap
-});
+
+exports.IDMap = _chunkEABM5X65js.IDMap;

package/dist/chunk-3RG5ZIWI.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+
+
+exports.__require = __require;

package/dist/chunk-EABM5X65.js

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); var _class;// src/backend/util/id-map.ts
+var IDMap = (_class = class {constructor() { _class.prototype.__init.call(this);_class.prototype.__init2.call(this); }
+  __init() {this.idMap = /* @__PURE__ */ new WeakMap()}
+  __init2() {this.nextId = 0}
+  getId(object) {
+    let i = this.idMap.get(object);
+    if (i === void 0) {
+      i = this.nextId++;
+      this.idMap.set(object, i);
+    }
+    return i;
+  }
+}, _class);
+
+
+
+exports.IDMap = IDMap;

package/dist/chunk-K24YPCR5.js

@@ -0,0 +1,104 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } var _class; var _class2;
+
+
+var _chunkUBWCVW2Ujs = require('./chunk-UBWCVW2U.js');
+
+// src/backend/components/group.ts
+var GROUP_DEFAULT_STYLE = {
+  direction: "horizontal"
+};
+var DEFAULT_PROPS = {
+  ...GROUP_DEFAULT_STYLE,
+  title: null,
+  labels: null
+};
+var GroupHeader = (_class = class extends _chunkUBWCVW2Ujs.BaseParent {constructor(...args) { super(...args); _class.prototype.__init.call(this);_class.prototype.__init2.call(this); }
+  __init() {this.validateChildren = () => {
+  }}
+  /** @hidden */
+  __init2() {this.getProtoInfo = (idMap) => ({
+    component: "group-header",
+    key: idMap.getId(this),
+    children: this.getChildren().map((c) => c.getProtoInfo(idMap))
+  })}
+}, _class);
+var Group = (_class2 = class extends _chunkUBWCVW2Ujs.BaseParent {
+  /** @hidden */
+  __init3() {this.events = new (0, _chunkUBWCVW2Ujs.EventEmitter)()}
+  constructor(props) {
+    super(DEFAULT_PROPS, props);_class2.prototype.__init3.call(this);_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);_class2.prototype.__init10.call(this);_class2.prototype.__init11.call(this);_class2.prototype.__init12.call(this);_class2.prototype.__init13.call(this);_class2.prototype.__init14.call(this);_class2.prototype.__init15.call(this);;
+  }
+  __init4() {this.addListener = this.events.addListener}
+  __init5() {this.removeListener = this.events.removeListener}
+  __init6() {this.validateChildren = () => {
+  }}
+  __init7() {this.setOptions = (options) => {
+    this.updateProps(options);
+  }}
+  __init8() {this.setTitle = (title) => {
+    this.updateProps({ title });
+  }}
+  __init9() {this.addLabel = (label) => {
+    this.updateProps({ labels: [...this.props.labels || [], label] });
+  }}
+  __init10() {this.setLabels = (labels) => {
+    this.updateProps({ labels });
+  }}
+  __init11() {this.addHeaderChild = (child) => {
+    const header = new GroupHeader({});
+    header.appendChild(child);
+    this.appendChild(header);
+    return child;
+  }}
+  __init12() {this.removeHeaderChild = (child) => {
+    for (const c of this.getChildren()) {
+      if (c instanceof GroupHeader) {
+        c.removeChild(child);
+      }
+    }
+  }}
+  __init13() {this.removeAllHeaderChildren = () => {
+    for (const child of this.getChildren()) {
+      if (child instanceof GroupHeader) {
+        child.removeAllChildren();
+      }
+    }
+  }}
+  /** @hidden */
+  __init14() {this.getProtoInfo = (idMap) => {
+    const children = [];
+    const headers = [];
+    for (const c of this.getChildren()) {
+      const childProto = c.getProtoInfo(idMap);
+      if (childProto.component === "group-header") {
+        headers.push(childProto);
+      } else {
+        children.push(childProto);
+      }
+    }
+    return {
+      component: "group",
+      key: idMap.getId(this),
+      title: _nullishCoalesce(this.props.title, () => ( void 0)),
+      direction: this.props.direction,
+      border: this.props.border,
+      wrap: this.props.wrap,
+      children,
+      headers: headers.length > 0 ? headers : void 0,
+      labels: _nullishCoalesce(this.props.labels, () => ( void 0)),
+      editableTitle: this.props.editableTitle || false,
+      defaultCollapsibleState: this.props.defaultCollapsibleState
+    };
+  }}
+  /** @hidden */
+  __init15() {this.handleMessage = (message) => {
+    if (message.component === "group") {
+      this.events.emit("title-changed", message.title);
+    }
+  }}
+}, _class2);
+
+
+
+
+exports.GroupHeader = GroupHeader; exports.Group = Group;