@arcanejs/toolkit 0.2.0 → 0.2.2

package/dist/backend/components/text-input.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: string) => void | Promise<void>;
@@ -15,9 +16,9 @@ declare class TextInput extends Base<InternalProps> implements Listenable<Events
     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;
     getValue: () => string | null;
     getValidatedValue: <T>(validator: (text: string) => T) => null | T;
     setValue: (value: string) => void;

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/text-input.mjs

@@ -1,7 +1,8 @@
 import {
   TextInput
-} from "../../chunk-6LL3X7ZZ.mjs";
-import "../../chunk-HF77PS7J.mjs";
+} from "../../chunk-IXTM35YM.mjs";
+import "../../chunk-ZCHM3JJJ.mjs";
+import "../../chunk-Y6FXYEAI.mjs";
 export {
   TextInput
 };

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

@@ -1,17 +1,18 @@
-import { e as Base, I as IDMap, g as Component, j as TimelineState, k as TimelineComponent } 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 = {
-    state: TimelineState;
+    state: proto.TimelineState;
     title: string | null;
     subtitles: string[] | null;
-    source: TimelineComponent['source'] | null;
+    source: proto.TimelineComponent['source'] | null;
 };
 type Props = Partial<InternalProps>;
 declare class Timeline extends Base<InternalProps> {
     constructor(props?: Props);
     /** @hidden */
-    getProtoInfo: (idMap: IDMap) => Component;
+    getProtoInfo: (idMap: IDMap) => proto.Component;
 }
 
 export { type Props, Timeline };

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

@@ -1,17 +1,18 @@
-import { e as Base, I as IDMap, g as Component, j as TimelineState, k as TimelineComponent } 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 = {
-    state: TimelineState;
+    state: proto.TimelineState;
     title: string | null;
     subtitles: string[] | null;
-    source: TimelineComponent['source'] | null;
+    source: proto.TimelineComponent['source'] | null;
 };
 type Props = Partial<InternalProps>;
 declare class Timeline extends Base<InternalProps> {
     constructor(props?: Props);
     /** @hidden */
-    getProtoInfo: (idMap: IDMap) => Component;
+    getProtoInfo: (idMap: IDMap) => proto.Component;
 }
 
 export { type Props, Timeline };

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/components/timeline.mjs

@@ -1,7 +1,8 @@
 import {
   Timeline
-} from "../../chunk-DBW4OPGN.mjs";
-import "../../chunk-HF77PS7J.mjs";
+} from "../../chunk-SOC4TF3J.mjs";
+import "../../chunk-ZCHM3JJJ.mjs";
+import "../../chunk-Y6FXYEAI.mjs";
 export {
   Timeline
 };

package/dist/backend/util/index.d.mts

@@ -0,0 +1,7 @@
+declare class IDMap {
+    private readonly idMap;
+    private nextId;
+    getId(object: object): number;
+}
+
+export { IDMap };

package/dist/backend/util/index.d.ts

@@ -0,0 +1,7 @@
+declare class IDMap {
+    private readonly idMap;
+    private nextId;
+    getId(object: object): number;
+}
+
+export { IDMap };

package/dist/backend/util/index.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkEABM5X65js = require('../../chunk-EABM5X65.js');
+require('../../chunk-3RG5ZIWI.js');
+
+
+exports.IDMap = _chunkEABM5X65js.IDMap;

package/dist/backend/util/index.mjs

@@ -0,0 +1,7 @@
+import {
+  IDMap
+} from "../../chunk-RGHJEMWG.mjs";
+import "../../chunk-Y6FXYEAI.mjs";
+export {
+  IDMap
+};

package/dist/{chunk-L243ZOAR.mjs → chunk-3O4P67DM.mjs}

@@ -1,14 +1,12 @@
 import {
   BaseParent,
   EventEmitter
-} from "./chunk-HF77PS7J.mjs";
+} from "./chunk-ZCHM3JJJ.mjs";
 
-// src/shared/styles.ts
+// src/backend/components/group.ts
 var GROUP_DEFAULT_STYLE = {
   direction: "horizontal"
 };
-
-// src/backend/components/group.ts
 var DEFAULT_PROPS = {
   ...GROUP_DEFAULT_STYLE,
   title: null,

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-37VNFO5S.mjs → chunk-APCR3ITH.mjs}

@@ -1,7 +1,7 @@
 import {
   Base,
   EventEmitter
-} from "./chunk-HF77PS7J.mjs";
+} from "./chunk-ZCHM3JJJ.mjs";
 
 // src/backend/components/switch.ts
 var DEFAULT_PROPS = {

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-P6X5GIDT.mjs → chunk-HNEUZVCX.mjs}

@@ -1,6 +1,6 @@
 import {
   Base
-} from "./chunk-HF77PS7J.mjs";
+} from "./chunk-ZCHM3JJJ.mjs";
 
 // src/backend/components/label.ts
 var Label = class extends Base {

package/dist/{chunk-6LL3X7ZZ.mjs → chunk-IXTM35YM.mjs}

@@ -1,7 +1,7 @@
 import {
   Base,
   EventEmitter
-} from "./chunk-HF77PS7J.mjs";
+} from "./chunk-ZCHM3JJJ.mjs";
 
 // src/backend/components/text-input.ts
 var DEFAULT_PROPS = {

package/dist/{chunk-HVFTRNLQ.mjs → chunk-JW4GXS54.mjs}

@@ -1,7 +1,7 @@
 import {
   Base,
   EventEmitter
-} from "./chunk-HF77PS7J.mjs";
+} from "./chunk-ZCHM3JJJ.mjs";
 
 // src/backend/components/slider-button.ts
 var DEFAULT_PROPS = {

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;

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;