@arcanejs/toolkit 0.2.0 → 0.2.2

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

@@ -1,2 +1,69 @@
-export { e as Base, B as BaseParent, a as Component, E as EventEmitter, L as Listenable, P as Parent } from '../../base-BJAPu0O1.mjs';
-import '@arcanejs/diff';
+import * as proto from '@arcanejs/protocol';
+import { IDMap } from '../util/index.mjs';
+
+interface Component {
+    getProtoInfo(idMap: IDMap): proto.Component;
+    handleMessage(message: proto.ClientComponentMessage): void;
+    routeMessage(idMap: IDMap, message: proto.ClientComponentMessage): void;
+    setParent(parent: Parent | null): void;
+}
+declare abstract class Base<Props> implements Component {
+    /** @hidden */
+    private parent;
+    /** @hidden */
+    private readonly defaultProps;
+    /** @hidden */
+    private _props;
+    constructor(defaultProps: Props, props?: Partial<Props>);
+    get props(): Props;
+    set props(props: Partial<Props>);
+    setProps: (props: Partial<Props>) => void;
+    updateProps: (updates: Partial<Props>) => void;
+    /** @hidden */
+    setParent(parent: Parent | null): void;
+    /** @hidden */
+    updateTree(): void;
+    /** @hidden */
+    abstract getProtoInfo(idMap: IDMap): proto.Component;
+    /** @hidden */
+    handleMessage(message: proto.ClientComponentMessage): void;
+    routeMessage(_idMap: IDMap, _message: proto.ClientComponentMessage): void;
+}
+/** @hidden */
+interface Parent {
+    updateTree(): void;
+    removeChild(component: Component): void;
+}
+declare abstract class BaseParent<T> extends Base<T> implements Parent {
+    /** @hidden */
+    private children;
+    abstract validateChildren(children: Component[]): void;
+    appendChildren: <CS extends Component[]>(...children: CS) => CS;
+    appendChild: <C extends Component>(child: C) => C;
+    removeChild: (component: Component) => void;
+    removeAllChildren: () => void;
+    /**
+     * Return all children components that messages need to be routed to
+     */
+    getChildren: () => readonly Component[];
+    /**
+     * TODO: we can do this better, right now it broadcasts the message to all
+     * components of the tree
+     *
+     * @hidden
+     */
+    routeMessage(idMap: IDMap, message: proto.ClientComponentMessage): void;
+    insertBefore(child: Component, beforeChild: Component): void;
+}
+interface Listenable<Map extends Record<string, (...args: any[]) => void>> {
+    addListener<T extends keyof Map>(type: T, listener: Map[T]): void;
+    removeListener<T extends keyof Map>(type: T, listener: Map[T]): void;
+}
+declare class EventEmitter<Map extends Record<string, (...args: any[]) => void>> implements Listenable<Map> {
+    private readonly listeners;
+    addListener: <T extends keyof Map>(type: T, listener: Map[T]) => void;
+    removeListener: <T extends keyof Map>(type: T, listener: Map[T]) => void;
+    emit: <T extends keyof Map>(type: T, ...args: Parameters<Map[T]>) => Promise<unknown>;
+}
+
+export { Base, BaseParent, type Component, EventEmitter, type Listenable, type Parent };

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

@@ -1,2 +1,69 @@
-export { e as Base, B as BaseParent, a as Component, E as EventEmitter, L as Listenable, P as Parent } from '../../base-BJAPu0O1.js';
-import '@arcanejs/diff';
+import * as proto from '@arcanejs/protocol';
+import { IDMap } from '../util/index.js';
+
+interface Component {
+    getProtoInfo(idMap: IDMap): proto.Component;
+    handleMessage(message: proto.ClientComponentMessage): void;
+    routeMessage(idMap: IDMap, message: proto.ClientComponentMessage): void;
+    setParent(parent: Parent | null): void;
+}
+declare abstract class Base<Props> implements Component {
+    /** @hidden */
+    private parent;
+    /** @hidden */
+    private readonly defaultProps;
+    /** @hidden */
+    private _props;
+    constructor(defaultProps: Props, props?: Partial<Props>);
+    get props(): Props;
+    set props(props: Partial<Props>);
+    setProps: (props: Partial<Props>) => void;
+    updateProps: (updates: Partial<Props>) => void;
+    /** @hidden */
+    setParent(parent: Parent | null): void;
+    /** @hidden */
+    updateTree(): void;
+    /** @hidden */
+    abstract getProtoInfo(idMap: IDMap): proto.Component;
+    /** @hidden */
+    handleMessage(message: proto.ClientComponentMessage): void;
+    routeMessage(_idMap: IDMap, _message: proto.ClientComponentMessage): void;
+}
+/** @hidden */
+interface Parent {
+    updateTree(): void;
+    removeChild(component: Component): void;
+}
+declare abstract class BaseParent<T> extends Base<T> implements Parent {
+    /** @hidden */
+    private children;
+    abstract validateChildren(children: Component[]): void;
+    appendChildren: <CS extends Component[]>(...children: CS) => CS;
+    appendChild: <C extends Component>(child: C) => C;
+    removeChild: (component: Component) => void;
+    removeAllChildren: () => void;
+    /**
+     * Return all children components that messages need to be routed to
+     */
+    getChildren: () => readonly Component[];
+    /**
+     * TODO: we can do this better, right now it broadcasts the message to all
+     * components of the tree
+     *
+     * @hidden
+     */
+    routeMessage(idMap: IDMap, message: proto.ClientComponentMessage): void;
+    insertBefore(child: Component, beforeChild: Component): void;
+}
+interface Listenable<Map extends Record<string, (...args: any[]) => void>> {
+    addListener<T extends keyof Map>(type: T, listener: Map[T]): void;
+    removeListener<T extends keyof Map>(type: T, listener: Map[T]): void;
+}
+declare class EventEmitter<Map extends Record<string, (...args: any[]) => void>> implements Listenable<Map> {
+    private readonly listeners;
+    addListener: <T extends keyof Map>(type: T, listener: Map[T]) => void;
+    removeListener: <T extends keyof Map>(type: T, listener: Map[T]) => void;
+    emit: <T extends keyof Map>(type: T, ...args: Parameters<Map[T]>) => Promise<unknown>;
+}
+
+export { Base, BaseParent, type Component, EventEmitter, type Listenable, type Parent };

package/dist/backend/components/base.js

@@ -1,189 +1,11 @@
-"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/base.ts
-var base_exports = {};
-__export(base_exports, {
-  Base: () => Base,
-  BaseParent: () => BaseParent,
-  EventEmitter: () => EventEmitter
-});
-module.exports = __toCommonJS(base_exports);
-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);
-          }
-        })
-      )
-    );
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Base,
-  BaseParent,
-  EventEmitter
-});
+
+
+var _chunkUBWCVW2Ujs = require('../../chunk-UBWCVW2U.js');
+require('../../chunk-3RG5ZIWI.js');
+
+
+
+
+exports.Base = _chunkUBWCVW2Ujs.Base; exports.BaseParent = _chunkUBWCVW2Ujs.BaseParent; exports.EventEmitter = _chunkUBWCVW2Ujs.EventEmitter;

package/dist/backend/components/base.mjs

@@ -2,7 +2,8 @@ import {
   Base,
   BaseParent,
   EventEmitter
-} from "../../chunk-HF77PS7J.mjs";
+} from "../../chunk-ZCHM3JJJ.mjs";
+import "../../chunk-Y6FXYEAI.mjs";
 export {
   Base,
   BaseParent,

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

@@ -1,5 +1,6 @@
-import { e as Base, L as Listenable, I as IDMap, f as ButtonComponent, 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 = {
     click: () => void | Promise<void>;
@@ -22,9 +23,9 @@ declare class Button extends Base<InternalProps> implements Listenable<Events> {
     setIcon: (icon: string | undefined | null) => this;
     setMode: (mode: ButtonMode) => this;
     /** @hidden */
-    getProtoInfo: (idMap: IDMap) => ButtonComponent;
+    getProtoInfo: (idMap: IDMap) => proto.ButtonComponent;
     /** @hidden */
-    handleMessage: (message: ClientComponentMessage) => void;
+    handleMessage: (message: proto.ClientComponentMessage) => void;
 }
 
 export { Button, type ButtonMode, type Events, type InternalProps, type Props };

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

@@ -1,5 +1,6 @@
-import { e as Base, L as Listenable, I as IDMap, f as ButtonComponent, 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 = {
     click: () => void | Promise<void>;
@@ -22,9 +23,9 @@ declare class Button extends Base<InternalProps> implements Listenable<Events> {
     setIcon: (icon: string | undefined | null) => this;
     setMode: (mode: ButtonMode) => this;
     /** @hidden */
-    getProtoInfo: (idMap: IDMap) => ButtonComponent;
+    getProtoInfo: (idMap: IDMap) => proto.ButtonComponent;
     /** @hidden */
-    handleMessage: (message: ClientComponentMessage) => void;
+    handleMessage: (message: proto.ClientComponentMessage) => void;
 }
 
 export { Button, type ButtonMode, type Events, type InternalProps, type Props };

package/dist/backend/components/button.js

@@ -1,168 +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/button.ts
-var button_exports = {};
-__export(button_exports, {
-  Button: () => Button
-});
-module.exports = __toCommonJS(button_exports);
+var _chunkKVJU3EADjs = require('../../chunk-KVJU3EAD.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/button.ts
-var DEFAULT_PROPS = {
-  text: null,
-  icon: null,
-  mode: "normal",
-  error: null
-};
-var Button = class extends Base {
-  /** @hidden */
-  events = new EventEmitter();
-  constructor(props) {
-    super(DEFAULT_PROPS, props);
-  }
-  addListener = this.events.addListener;
-  removeListener = this.events.removeListener;
-  setText = (text) => {
-    this.updateProps({ text });
-    return this;
-  };
-  setIcon = (icon) => {
-    this.updateProps({ icon: icon ?? null });
-    return this;
-  };
-  setMode = (mode) => {
-    this.updateProps({
-      mode,
-      error: null
-    });
-    return this;
-  };
-  /** @hidden */
-  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: this.props.icon ?? void 0
-    };
-  };
-  /** @hidden */
-  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}`
-        });
-      });
-    }
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Button
-});
+exports.Button = _chunkKVJU3EADjs.Button;

package/dist/backend/components/button.mjs

@@ -1,7 +1,8 @@
 import {
   Button
-} from "../../chunk-DP3QFYSS.mjs";
-import "../../chunk-HF77PS7J.mjs";
+} from "../../chunk-TAZH4BBH.mjs";
+import "../../chunk-ZCHM3JJJ.mjs";
+import "../../chunk-Y6FXYEAI.mjs";
 export {
   Button
 };

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

@@ -1,11 +1,13 @@
-import { G as GroupComponentStyle, B as BaseParent, I as IDMap, b as GroupHeaderComponent, L as Listenable, c as GroupComponent, d as ClientComponentMessage } from '../../base-BJAPu0O1.mjs';
+import * as proto from '@arcanejs/protocol';
+import { GroupComponentStyle } from '@arcanejs/protocol/styles';
+import { IDMap } from '../util/index.mjs';
+import { BaseParent, Listenable } from './base.mjs';
 import { Button } from './button.mjs';
-import '@arcanejs/diff';
 
-type Label = (GroupComponent['labels'] & Array<unknown>)[number];
+type Label = (proto.GroupComponent['labels'] & Array<unknown>)[number];
 type GroupOptions = {
     editableTitle?: boolean;
-    defaultCollapsibleState?: GroupComponent['defaultCollapsibleState'];
+    defaultCollapsibleState?: proto.GroupComponent['defaultCollapsibleState'];
 };
 type Events = {
     'title-changed': (title: string) => void;
@@ -18,7 +20,7 @@ type Props = Partial<InternalProps>;
 declare class GroupHeader extends BaseParent<Record<never, never>> {
     validateChildren: () => void;
     /** @hidden */
-    getProtoInfo: (idMap: IDMap) => GroupHeaderComponent;
+    getProtoInfo: (idMap: IDMap) => proto.GroupHeaderComponent;
 }
 /**
  * A collection of components, grouped in either a row or column. Can contain
@@ -42,9 +44,9 @@ declare class Group extends BaseParent<InternalProps> implements Listenable<Even
     removeHeaderChild: (child: Button) => void;
     removeAllHeaderChildren: () => void;
     /** @hidden */
-    getProtoInfo: (idMap: IDMap) => GroupComponent;
+    getProtoInfo: (idMap: IDMap) => proto.GroupComponent;
     /** @hidden */
-    handleMessage: (message: ClientComponentMessage) => void;
+    handleMessage: (message: proto.ClientComponentMessage) => void;
 }
 
 export { type Events, Group, GroupHeader, type InternalProps, type Props };

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

@@ -1,11 +1,13 @@
-import { G as GroupComponentStyle, B as BaseParent, I as IDMap, b as GroupHeaderComponent, L as Listenable, c as GroupComponent, d as ClientComponentMessage } from '../../base-BJAPu0O1.js';
+import * as proto from '@arcanejs/protocol';
+import { GroupComponentStyle } from '@arcanejs/protocol/styles';
+import { IDMap } from '../util/index.js';
+import { BaseParent, Listenable } from './base.js';
 import { Button } from './button.js';
-import '@arcanejs/diff';
 
-type Label = (GroupComponent['labels'] & Array<unknown>)[number];
+type Label = (proto.GroupComponent['labels'] & Array<unknown>)[number];
 type GroupOptions = {
     editableTitle?: boolean;
-    defaultCollapsibleState?: GroupComponent['defaultCollapsibleState'];
+    defaultCollapsibleState?: proto.GroupComponent['defaultCollapsibleState'];
 };
 type Events = {
     'title-changed': (title: string) => void;
@@ -18,7 +20,7 @@ type Props = Partial<InternalProps>;
 declare class GroupHeader extends BaseParent<Record<never, never>> {
     validateChildren: () => void;
     /** @hidden */
-    getProtoInfo: (idMap: IDMap) => GroupHeaderComponent;
+    getProtoInfo: (idMap: IDMap) => proto.GroupHeaderComponent;
 }
 /**
  * A collection of components, grouped in either a row or column. Can contain
@@ -42,9 +44,9 @@ declare class Group extends BaseParent<InternalProps> implements Listenable<Even
     removeHeaderChild: (child: Button) => void;
     removeAllHeaderChildren: () => void;
     /** @hidden */
-    getProtoInfo: (idMap: IDMap) => GroupComponent;
+    getProtoInfo: (idMap: IDMap) => proto.GroupComponent;
     /** @hidden */
-    handleMessage: (message: ClientComponentMessage) => void;
+    handleMessage: (message: proto.ClientComponentMessage) => void;
 }
 
 export { type Events, Group, GroupHeader, type InternalProps, type Props };