@arcanejs/toolkit 0.0.2 → 0.1.0

package/dist/backend/components/group.js

@@ -0,0 +1,287 @@
+"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);
+
+// src/backend/components/group.ts
+var group_exports = {};
+__export(group_exports, {
+  Group: () => Group,
+  GroupHeader: () => GroupHeader
+});
+module.exports = __toCommonJS(group_exports);
+
+// src/shared/styles.ts
+var GROUP_DEFAULT_STYLE = {
+  direction: "horizontal"
+};
+
+// 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 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/group.ts
+var DEFAULT_PROPS = {
+  ...GROUP_DEFAULT_STYLE,
+  title: null,
+  labels: null,
+  headerComponents: null
+};
+var GroupHeader = class extends BaseParent {
+  validateChildren = () => {
+  };
+  /** @hidden */
+  getProtoInfo = (idMap) => ({
+    component: "group-header",
+    key: idMap.getId(this),
+    children: this.getChildren().map((c) => c.getProtoInfo(idMap))
+  });
+};
+var Group = class extends BaseParent {
+  /** @hidden */
+  events = new EventEmitter();
+  constructor(props) {
+    super(DEFAULT_PROPS, props);
+  }
+  addListener = this.events.addListener;
+  removeListener = this.events.removeListener;
+  validateChildren = () => {
+  };
+  setOptions = (options) => {
+    this.updateProps(options);
+  };
+  setTitle = (title) => {
+    this.updateProps({ title });
+  };
+  addLabel = (label) => {
+    this.updateProps({ labels: [...this.props.labels || [], label] });
+  };
+  setLabels = (labels) => {
+    this.updateProps({ labels });
+  };
+  addHeaderChild = (child) => {
+    const header = new GroupHeader({});
+    header.appendChild(child);
+    this.appendChild(header);
+    return child;
+  };
+  removeHeaderChild = (child) => {
+    for (const c of this.getChildren()) {
+      if (c instanceof GroupHeader) {
+        c.removeChild(child);
+      }
+    }
+  };
+  removeAllHeaderChildren = () => {
+    for (const child of this.getChildren()) {
+      if (child instanceof GroupHeader) {
+        child.removeAllChildren();
+      }
+    }
+  };
+  /** @hidden */
+  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: 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: this.props.labels ?? void 0,
+      editableTitle: this.props.editableTitle || false,
+      defaultCollapsibleState: this.props.defaultCollapsibleState
+    };
+  };
+  /** @hidden */
+  handleMessage = (message) => {
+    if (message.component === "group") {
+      this.events.emit("title-changed", message.title);
+    }
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Group,
+  GroupHeader
+});

package/dist/backend/components/group.mjs

@@ -0,0 +1,9 @@
+import {
+  Group,
+  GroupHeader
+} from "../../chunk-S5DQIYC2.mjs";
+import "../../chunk-HF77PS7J.mjs";
+export {
+  Group,
+  GroupHeader
+};

package/dist/backend/components/label.d.mts

@@ -0,0 +1,21 @@
+import { e as Base, I as IDMap, g as Component, h as LabelComponentStyle } from '../../base-BJAPu0O1.mjs';
+import '@arcanejs/diff';
+
+type InternalProps = LabelComponentStyle & {
+    text: string | null;
+};
+type Props = InternalProps;
+/**
+ * A simple text component. Could be used to label components in a desk, or for
+ * more dynamic purposes such as displaying the status of something.
+ *
+ * ![](media://images/label_screenshot.png)
+ */
+declare class Label extends Base<InternalProps> {
+    constructor(props?: Props);
+    /** @hidden */
+    getProtoInfo(idMap: IDMap): Component;
+    setText(text: string): Label;
+}
+
+export { Label, type Props };

package/dist/backend/components/label.d.ts

@@ -0,0 +1,21 @@
+import { e as Base, I as IDMap, g as Component, h as LabelComponentStyle } from '../../base-BJAPu0O1.js';
+import '@arcanejs/diff';
+
+type InternalProps = LabelComponentStyle & {
+    text: string | null;
+};
+type Props = InternalProps;
+/**
+ * A simple text component. Could be used to label components in a desk, or for
+ * more dynamic purposes such as displaying the status of something.
+ *
+ * ![](media://images/label_screenshot.png)
+ */
+declare class Label extends Base<InternalProps> {
+    constructor(props?: Props);
+    /** @hidden */
+    getProtoInfo(idMap: IDMap): Component;
+    setText(text: string): Label;
+}
+
+export { Label, type Props };

package/dist/backend/components/label.js

@@ -0,0 +1,105 @@
+"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);
+
+// src/backend/components/label.ts
+var label_exports = {};
+__export(label_exports, {
+  Label: () => Label
+});
+module.exports = __toCommonJS(label_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) {
+  }
+};
+
+// src/backend/components/label.ts
+var Label = class extends Base {
+  constructor(props) {
+    super({ text: null }, props);
+  }
+  /** @hidden */
+  getProtoInfo(idMap) {
+    return {
+      component: "label",
+      key: idMap.getId(this),
+      bold: this.props.bold,
+      text: this.props.text ?? ""
+    };
+  }
+  setText(text) {
+    this.updateProps({
+      text
+    });
+    return this;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Label
+});

package/dist/backend/components/label.mjs

@@ -0,0 +1,7 @@
+import {
+  Label
+} from "../../chunk-P6X5GIDT.mjs";
+import "../../chunk-HF77PS7J.mjs";
+export {
+  Label
+};

package/dist/backend/components/rect.d.mts

@@ -0,0 +1,20 @@
+import { e as Base, I as IDMap, g as Component } from '../../base-BJAPu0O1.mjs';
+import '@arcanejs/diff';
+
+type InternalProps = {
+    color: string;
+};
+type Props = Partial<InternalProps>;
+/**
+ * A simple rectangle component. Could be used for example to indicate
+ * certain states, or represent the color of certain lights or fixtures,
+ * or perhaps colors used in a chase.
+ */
+declare class Rect extends Base<InternalProps> {
+    constructor(props?: Props);
+    /** @hidden */
+    getProtoInfo(idMap: IDMap): Component;
+    setColor(color: string): Rect;
+}
+
+export { type Props, Rect };

package/dist/backend/components/rect.d.ts

@@ -0,0 +1,20 @@
+import { e as Base, I as IDMap, g as Component } from '../../base-BJAPu0O1.js';
+import '@arcanejs/diff';
+
+type InternalProps = {
+    color: string;
+};
+type Props = Partial<InternalProps>;
+/**
+ * A simple rectangle component. Could be used for example to indicate
+ * certain states, or represent the color of certain lights or fixtures,
+ * or perhaps colors used in a chase.
+ */
+declare class Rect extends Base<InternalProps> {
+    constructor(props?: Props);
+    /** @hidden */
+    getProtoInfo(idMap: IDMap): Component;
+    setColor(color: string): Rect;
+}
+
+export { type Props, Rect };

package/dist/backend/components/rect.js

@@ -0,0 +1,105 @@
+"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);
+
+// src/backend/components/rect.ts
+var rect_exports = {};
+__export(rect_exports, {
+  Rect: () => Rect
+});
+module.exports = __toCommonJS(rect_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) {
+  }
+};
+
+// src/backend/components/rect.ts
+var DEFAULT_PROPS = {
+  color: "rgba(0, 0, 0, 0)"
+};
+var Rect = class extends 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;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Rect
+});

package/dist/backend/components/rect.mjs

@@ -0,0 +1,7 @@
+import {
+  Rect
+} from "../../chunk-GQZA5K4M.mjs";
+import "../../chunk-HF77PS7J.mjs";
+export {
+  Rect
+};

package/dist/backend/components/slider-button.d.mts

@@ -0,0 +1,31 @@
+import { e as Base, L as Listenable, I as IDMap, g as Component, d as ClientComponentMessage } from '../../base-BJAPu0O1.mjs';
+import '@arcanejs/diff';
+
+type Events = {
+    change: (value: number) => void | Promise<void>;
+};
+type SliderMode = 'writeThrough' | 'writeBack';
+type InternalProps = {
+    min: number;
+    max: number;
+    step: number;
+    value: number | null;
+    mode: SliderMode;
+};
+type RequiredProps = 'value';
+type Props = Pick<InternalProps, RequiredProps> & Partial<Omit<InternalProps, RequiredProps>>;
+declare class SliderButton extends Base<InternalProps> implements Listenable<Events> {
+    /** @hidden */
+    private readonly events;
+    constructor(props?: Props);
+    addListener: <T extends "change">(type: T, listener: Events[T]) => void;
+    removeListener: <T extends "change">(type: T, listener: Events[T]) => void;
+    /** @hidden */
+    getProtoInfo(idMap: IDMap): Component;
+    /** @hidden */
+    handleMessage(message: ClientComponentMessage): void;
+    setValue(value: number): void;
+    private sanitizeNumber;
+}
+
+export { type Events, type Props, SliderButton, type SliderMode };

package/dist/backend/components/slider-button.d.ts

@@ -0,0 +1,31 @@
+import { e as Base, L as Listenable, I as IDMap, g as Component, d as ClientComponentMessage } from '../../base-BJAPu0O1.js';
+import '@arcanejs/diff';
+
+type Events = {
+    change: (value: number) => void | Promise<void>;
+};
+type SliderMode = 'writeThrough' | 'writeBack';
+type InternalProps = {
+    min: number;
+    max: number;
+    step: number;
+    value: number | null;
+    mode: SliderMode;
+};
+type RequiredProps = 'value';
+type Props = Pick<InternalProps, RequiredProps> & Partial<Omit<InternalProps, RequiredProps>>;
+declare class SliderButton extends Base<InternalProps> implements Listenable<Events> {
+    /** @hidden */
+    private readonly events;
+    constructor(props?: Props);
+    addListener: <T extends "change">(type: T, listener: Events[T]) => void;
+    removeListener: <T extends "change">(type: T, listener: Events[T]) => void;
+    /** @hidden */
+    getProtoInfo(idMap: IDMap): Component;
+    /** @hidden */
+    handleMessage(message: ClientComponentMessage): void;
+    setValue(value: number): void;
+    private sanitizeNumber;
+}
+
+export { type Events, type Props, SliderButton, type SliderMode };