@arcanejs/toolkit 0.2.0 → 0.2.2

package/dist/backend/components/group.js

@@ -1,286 +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/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"
-};
+var _chunkK24YPCR5js = require('../../chunk-K24YPCR5.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 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
-};
-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
-});
+
+exports.Group = _chunkK24YPCR5js.Group; exports.GroupHeader = _chunkK24YPCR5js.GroupHeader;

package/dist/backend/components/group.mjs

@@ -1,8 +1,9 @@
 import {
   Group,
   GroupHeader
-} from "../../chunk-L243ZOAR.mjs";
-import "../../chunk-HF77PS7J.mjs";
+} from "../../chunk-3O4P67DM.mjs";
+import "../../chunk-ZCHM3JJJ.mjs";
+import "../../chunk-Y6FXYEAI.mjs";
 export {
   Group,
   GroupHeader

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

@@ -1,5 +1,7 @@
-import { e as Base, I as IDMap, g as Component, h as LabelComponentStyle } from '../../base-BJAPu0O1.mjs';
-import '@arcanejs/diff';
+import * as proto from '@arcanejs/protocol';
+import { LabelComponentStyle } from '@arcanejs/protocol/styles';
+import { IDMap } from '../util/index.mjs';
+import { Base } from './base.mjs';
 
 type InternalProps = LabelComponentStyle & {
     text: string | null;
@@ -14,7 +16,7 @@ type Props = InternalProps;
 declare class Label extends Base<InternalProps> {
     constructor(props?: Props);
     /** @hidden */
-    getProtoInfo(idMap: IDMap): Component;
+    getProtoInfo(idMap: IDMap): proto.Component;
     setText(text: string): Label;
 }
 

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

@@ -1,5 +1,7 @@
-import { e as Base, I as IDMap, g as Component, h as LabelComponentStyle } from '../../base-BJAPu0O1.js';
-import '@arcanejs/diff';
+import * as proto from '@arcanejs/protocol';
+import { LabelComponentStyle } from '@arcanejs/protocol/styles';
+import { IDMap } from '../util/index.js';
+import { Base } from './base.js';
 
 type InternalProps = LabelComponentStyle & {
     text: string | null;
@@ -14,7 +16,7 @@ type Props = InternalProps;
 declare class Label extends Base<InternalProps> {
     constructor(props?: Props);
     /** @hidden */
-    getProtoInfo(idMap: IDMap): Component;
+    getProtoInfo(idMap: IDMap): proto.Component;
     setText(text: string): Label;
 }
 

package/dist/backend/components/label.js

@@ -1,105 +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/label.ts
-var label_exports = {};
-__export(label_exports, {
-  Label: () => Label
-});
-module.exports = __toCommonJS(label_exports);
+var _chunkP43QUQ4Tjs = require('../../chunk-P43QUQ4T.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/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
-});
+exports.Label = _chunkP43QUQ4Tjs.Label;

package/dist/backend/components/label.mjs

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

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

@@ -1,5 +1,6 @@
-import { e as Base, I as IDMap, g as Component } from '../../base-BJAPu0O1.mjs';
-import '@arcanejs/diff';
+import * as proto from '@arcanejs/protocol';
+import { IDMap } from '../util/index.mjs';
+import { Base } from './base.mjs';
 
 type InternalProps = {
     color: string;
@@ -13,7 +14,7 @@ type Props = Partial<InternalProps>;
 declare class Rect extends Base<InternalProps> {
     constructor(props?: Props);
     /** @hidden */
-    getProtoInfo(idMap: IDMap): Component;
+    getProtoInfo(idMap: IDMap): proto.Component;
     setColor(color: string): Rect;
 }
 

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

@@ -1,5 +1,6 @@
-import { e as Base, I as IDMap, g as Component } from '../../base-BJAPu0O1.js';
-import '@arcanejs/diff';
+import * as proto from '@arcanejs/protocol';
+import { IDMap } from '../util/index.js';
+import { Base } from './base.js';
 
 type InternalProps = {
     color: string;
@@ -13,7 +14,7 @@ type Props = Partial<InternalProps>;
 declare class Rect extends Base<InternalProps> {
     constructor(props?: Props);
     /** @hidden */
-    getProtoInfo(idMap: IDMap): Component;
+    getProtoInfo(idMap: IDMap): proto.Component;
     setColor(color: string): Rect;
 }
 

package/dist/backend/components/rect.js

@@ -1,105 +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/rect.ts
-var rect_exports = {};
-__export(rect_exports, {
-  Rect: () => Rect
-});
-module.exports = __toCommonJS(rect_exports);
+var _chunkRGIB65TIjs = require('../../chunk-RGIB65TI.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/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
-});
+exports.Rect = _chunkRGIB65TIjs.Rect;

package/dist/backend/components/rect.mjs

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

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

@@ -1,5 +1,6 @@
-import { e as Base, L as Listenable, I as IDMap, g as Component, d as ClientComponentMessage } from '../../base-BJAPu0O1.mjs';
-import '@arcanejs/diff';
+import * as proto from '@arcanejs/protocol';
+import { IDMap } from '../util/index.mjs';
+import { Base, Listenable } from './base.mjs';
 
 type Events = {
     change: (value: number) => void | Promise<void>;
@@ -21,9 +22,9 @@ declare class SliderButton extends Base<InternalProps> implements Listenable<Eve
     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;
+    getProtoInfo(idMap: IDMap): proto.Component;
     /** @hidden */
-    handleMessage(message: ClientComponentMessage): void;
+    handleMessage(message: proto.ClientComponentMessage): void;
     setValue(value: number): void;
     private sanitizeNumber;
 }

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

@@ -1,5 +1,6 @@
-import { e as Base, L as Listenable, I as IDMap, g as Component, d as ClientComponentMessage } from '../../base-BJAPu0O1.js';
-import '@arcanejs/diff';
+import * as proto from '@arcanejs/protocol';
+import { IDMap } from '../util/index.js';
+import { Base, Listenable } from './base.js';
 
 type Events = {
     change: (value: number) => void | Promise<void>;
@@ -21,9 +22,9 @@ declare class SliderButton extends Base<InternalProps> implements Listenable<Eve
     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;
+    getProtoInfo(idMap: IDMap): proto.Component;
     /** @hidden */
-    handleMessage(message: ClientComponentMessage): void;
+    handleMessage(message: proto.ClientComponentMessage): void;
     setValue(value: number): void;
     private sanitizeNumber;
 }