@arcanejs/toolkit 0.2.1 → 0.3.0

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 _chunkIW3JCC73js = require('../../chunk-IW3JCC73.js');
+require('../../chunk-NZUYU32Z.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 = _chunkIW3JCC73js.TextInput;

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

@@ -1,7 +1,7 @@
 import {
   TextInput
-} from "../../chunk-IXTM35YM.mjs";
-import "../../chunk-ZCHM3JJJ.mjs";
+} from "../../chunk-NKNDCRUR.mjs";
+import "../../chunk-EDTJ75FT.mjs";
 import "../../chunk-Y6FXYEAI.mjs";
 export {
   TextInput

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

@@ -1,6 +1,7 @@
 import * as proto from '@arcanejs/protocol';
 import { IDMap } from '../util/index.mjs';
 import { Base } from './base.mjs';
+import '@arcanejs/protocol/logging';
 
 type InternalProps = {
     state: proto.TimelineState;

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

@@ -1,6 +1,7 @@
 import * as proto from '@arcanejs/protocol';
 import { IDMap } from '../util/index.js';
 import { Base } from './base.js';
+import '@arcanejs/protocol/logging';
 
 type InternalProps = {
     state: proto.TimelineState;

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 _chunkDV5WTSFWjs = require('../../chunk-DV5WTSFW.js');
+require('../../chunk-NZUYU32Z.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 = _chunkDV5WTSFWjs.Timeline;

package/dist/backend/components/timeline.mjs

@@ -1,7 +1,7 @@
 import {
   Timeline
-} from "../../chunk-SOC4TF3J.mjs";
-import "../../chunk-ZCHM3JJJ.mjs";
+} from "../../chunk-POUQGJN4.mjs";
+import "../../chunk-EDTJ75FT.mjs";
 import "../../chunk-Y6FXYEAI.mjs";
 export {
   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-3O4P67DM.mjs → chunk-3Y3HRYLC.mjs}

@@ -1,7 +1,7 @@
 import {
   BaseParent,
   EventEmitter
-} from "./chunk-ZCHM3JJJ.mjs";
+} from "./chunk-EDTJ75FT.mjs";
 
 // src/backend/components/group.ts
 var GROUP_DEFAULT_STYLE = {

package/dist/{chunk-HNEUZVCX.mjs → chunk-7ITSSJE2.mjs}

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

package/dist/chunk-DNCHAOYH.js

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); var _class;
+
+
+var _chunkNZUYU32Zjs = require('./chunk-NZUYU32Z.js');
+
+// src/backend/components/switch.ts
+var DEFAULT_PROPS = {
+  state: "off"
+};
+var Switch = (_class = class extends _chunkNZUYU32Zjs.Base {
+  /** @hidden */
+  __init() {this.events = new (0, _chunkNZUYU32Zjs.EventEmitter)()}
+  constructor(props) {
+    super(DEFAULT_PROPS, props);_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);;
+  }
+  __init2() {this.addListener = this.events.addListener}
+  __init3() {this.removeListener = this.events.removeListener}
+  /** @hidden */
+  getProtoInfo(idMap) {
+    return {
+      component: "switch",
+      key: idMap.getId(this),
+      state: this.props.state
+    };
+  }
+  /** @hidden */
+  handleMessage(message) {
+    if (message.component === "switch") {
+      const state = this.props.state === "on" ? "off" : "on";
+      this.updateProps({ state });
+      this.events.emit("change", state);
+    }
+  }
+  setValue(state) {
+    if (state === this.props.state) return;
+    this.updateProps({ state });
+  }
+}, _class);
+
+
+
+exports.Switch = Switch;

package/dist/chunk-DV5WTSFW.js

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } var _class;
+
+var _chunkNZUYU32Zjs = require('./chunk-NZUYU32Z.js');
+
+// src/backend/components/timeline.ts
+var DEFAULT_PROPS = {
+  state: {
+    state: "stopped",
+    totalTimeMillis: 0,
+    currentTimeMillis: 0
+  },
+  title: null,
+  subtitles: null,
+  source: null
+};
+var Timeline = (_class = class extends _chunkNZUYU32Zjs.Base {
+  constructor(props) {
+    super(DEFAULT_PROPS, props);_class.prototype.__init.call(this);;
+  }
+  /** @hidden */
+  __init() {this.getProtoInfo = (idMap) => ({
+    component: "timeline",
+    key: idMap.getId(this),
+    state: this.props.state,
+    title: _nullishCoalesce(this.props.title, () => ( void 0)),
+    subtitles: _nullishCoalesce(this.props.subtitles, () => ( void 0)),
+    source: _nullishCoalesce(this.props.source, () => ( void 0))
+  })}
+}, _class);
+
+
+
+exports.Timeline = Timeline;

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-ZCHM3JJJ.mjs → chunk-EDTJ75FT.mjs}

@@ -13,6 +13,9 @@ var Base = class {
       ...props
     });
   }
+  log = () => {
+    return this.parent?.log() || null;
+  };
   get props() {
     return this._props;
   }
@@ -45,8 +48,7 @@ var Base = class {
     if (this.parent) this.parent.updateTree();
   }
   /** @hidden */
-  handleMessage(message) {
-    console.log("Component Received Message:", message);
+  handleMessage(_message) {
   }
   routeMessage(_idMap, _message) {
   }
@@ -113,7 +115,6 @@ var BaseParent = class extends Base {
   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;
     }

package/dist/{chunk-TAZH4BBH.mjs → chunk-EH73E5FP.mjs}

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

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

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

package/dist/chunk-IW3JCC73.js

@@ -0,0 +1,44 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } var _class;
+
+
+var _chunkNZUYU32Zjs = require('./chunk-NZUYU32Z.js');
+
+// src/backend/components/text-input.ts
+var DEFAULT_PROPS = {
+  value: null
+};
+var TextInput = (_class = class extends _chunkNZUYU32Zjs.Base {
+  /** @hidden */
+  __init() {this.events = new (0, _chunkNZUYU32Zjs.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}
+  /** @hidden */
+  __init4() {this.getProtoInfo = (idMap) => {
+    return {
+      component: "text-input",
+      key: idMap.getId(this),
+      value: _nullishCoalesce(this.props.value, () => ( ""))
+    };
+  }}
+  /** @hidden */
+  __init5() {this.handleMessage = (message) => {
+    if (message.component === "text-input") {
+      if (this.props.value !== message.value) {
+        this.updateProps({ value: message.value });
+        this.events.emit("change", message.value);
+      }
+    }
+  }}
+  __init6() {this.getValue = () => this.props.value}
+  __init7() {this.getValidatedValue = (validator) => this.props.value === "" ? null : validator(this.props.value || "")}
+  __init8() {this.setValue = (value) => {
+    this.updateProps({ value });
+  }}
+}, _class);
+
+
+
+exports.TextInput = TextInput;

package/dist/chunk-J46AJUGE.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 _chunkNZUYU32Zjs = require('./chunk-NZUYU32Z.js');
+
+// src/backend/components/button.ts
+var DEFAULT_PROPS = {
+  text: null,
+  icon: null,
+  mode: "normal",
+  error: null
+};
+var Button = (_class = class extends _chunkNZUYU32Zjs.Base {
+  /** @hidden */
+  __init() {this.events = new (0, _chunkNZUYU32Zjs.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;

package/dist/{chunk-IXTM35YM.mjs → chunk-NKNDCRUR.mjs}

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