@arcanejs/toolkit 0.2.0 → 0.2.2

package/dist/index.js

@@ -1,53 +1,43 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Button: () => Button,
-  Group: () => Group,
-  GroupHeader: () => GroupHeader,
-  Label: () => Label,
-  Rect: () => Rect,
-  SliderButton: () => SliderButton,
-  Switch: () => Switch,
-  Tab: () => Tab,
-  Tabs: () => Tabs,
-  TextInput: () => TextInput,
-  Timeline: () => Timeline,
-  Toolkit: () => Toolkit
-});
-module.exports = __toCommonJS(src_exports);
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2;
+
+
+var _chunkRJS32OOAjs = require('./chunk-RJS32OOA.js');
+
+
+var _chunkMDFDWKGWjs = require('./chunk-MDFDWKGW.js');
+
+
+var _chunkOEIGZ3NQjs = require('./chunk-OEIGZ3NQ.js');
+
+
+var _chunkEABM5X65js = require('./chunk-EABM5X65.js');
+
+
+var _chunkKVJU3EADjs = require('./chunk-KVJU3EAD.js');
+
+
+
+var _chunkK24YPCR5js = require('./chunk-K24YPCR5.js');
+
+
+var _chunkP43QUQ4Tjs = require('./chunk-P43QUQ4T.js');
+
+
+var _chunkRGIB65TIjs = require('./chunk-RGIB65TI.js');
+
+
+var _chunkT2PJEXYOjs = require('./chunk-T2PJEXYO.js');
+
+
+var _chunkM6EFK4GPjs = require('./chunk-M6EFK4GP.js');
+require('./chunk-UBWCVW2U.js');
+
+
+var _chunk3RG5ZIWIjs = require('./chunk-3RG5ZIWI.js');
 
 // src/backend/toolkit.ts
-var import_lodash = __toESM(require("lodash"));
-var import_diff = require("@arcanejs/diff/diff");
+var _lodash = require('lodash'); var _lodash2 = _interopRequireDefault(_lodash);
+var _diff = require('@arcanejs/diff/diff');
 
 // src/backend/options.ts
 var DEFAULT_LIGHT_DESK_OPTIONS = {
@@ -55,8 +45,8 @@ var DEFAULT_LIGHT_DESK_OPTIONS = {
 };
 
 // src/backend/server.ts
-var fs = __toESM(require("fs"));
-var path = __toESM(require("path"));
+var _fs = require('fs'); var fs = _interopRequireWildcard(_fs);
+var _path = require('path'); var path = _interopRequireWildcard(_path);
 
 // src/shared/static.ts
 var FONTS = {
@@ -85,19 +75,19 @@ var STATIC_FILES = {
     contentType: "text/plain"
   },
   [`/${FONTS.materialSymbolsOutlined}`]: {
-    path: require.resolve("material-symbols/material-symbols-outlined.woff2"),
+    path: _chunk3RG5ZIWIjs.__require.resolve("material-symbols/material-symbols-outlined.woff2"),
     contentType: "font/woff2"
   }
 };
 console.log("STATIC_FILES", STATIC_FILES);
-var Server = class {
-  constructor(options, onNewConnection, onClosedConnection, onMessage) {
+var Server = (_class = class {
+  constructor(options, onNewConnection, onClosedConnection, onMessage) {;_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);
     this.options = options;
     this.onNewConnection = onNewConnection;
     this.onClosedConnection = onClosedConnection;
     this.onMessage = onMessage;
   }
-  handleHttpRequest = async (req, res) => {
+  __init() {this.handleHttpRequest = async (req, res) => {
     console.log("handleHttpRequest", req.url);
     if (req.url === this.options.path) {
       const content = `
@@ -133,8 +123,8 @@ var Server = class {
     }
     res.writeHead(404, { "Content-Type": "text/plain" });
     res.end("not found", "utf-8");
-  };
-  sendStaticFile = (file, response, contentType) => {
+  }}
+  __init2() {this.sendStaticFile = (file, response, contentType) => {
     fs.readFile(file, function(error, content) {
       if (error) {
         if (error.code === "ENOENT") {
@@ -150,8 +140,8 @@ var Server = class {
         response.end(content, "utf-8");
       }
     });
-  };
-  handleWsConnection = (ws) => {
+  }}
+  __init3() {this.handleWsConnection = (ws) => {
     const connection = {
       sendMessage: (msg) => ws.send(JSON.stringify(msg))
     };
@@ -162,36 +152,22 @@ var Server = class {
       (msg) => this.onMessage(connection, JSON.parse(msg.toString()))
     );
     ws.on("close", () => this.onClosedConnection(connection));
-  };
-};
-
-// 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;
-  }
-};
+  }}
+}, _class);
 
 // src/backend/toolkit.ts
-var import_ws = require("ws");
-var import_http = require("http");
-console.log(import_diff.diffJson);
-var Toolkit = class {
-  options;
+var _ws = require('ws');
+var _http = require('http');
+console.log(_diff.diffJson);
+var Toolkit = (_class2 = class {
+  
   /**
    * Mapping from components to unique IDs that identify them
    */
-  componentIDMap = new IDMap();
-  connections = /* @__PURE__ */ new Map();
-  rootGroup = null;
-  constructor(options = {}) {
+  __init4() {this.componentIDMap = new (0, _chunkEABM5X65js.IDMap)()}
+  __init5() {this.connections = /* @__PURE__ */ new Map()}
+  __init6() {this.rootGroup = null}
+  constructor(options = {}) {;_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);
     this.options = {
       ...DEFAULT_LIGHT_DESK_OPTIONS,
       ...options
@@ -202,7 +178,7 @@ var Toolkit = class {
       );
     }
   }
-  start = (opts) => {
+  __init7() {this.start = (opts) => {
     const server = new Server(
       this.options,
       this.onNewConnection,
@@ -210,8 +186,8 @@ var Toolkit = class {
       this.onMessage
     );
     if (opts.mode === "automatic") {
-      const httpServer = (0, import_http.createServer)(server.handleHttpRequest);
-      const wss = new import_ws.WebSocketServer({
+      const httpServer = _http.createServer.call(void 0, server.handleHttpRequest);
+      const wss = new (0, _ws.WebSocketServer)({
         server: httpServer
       });
       wss.on("connection", server.handleWsConnection);
@@ -221,7 +197,7 @@ var Toolkit = class {
         );
       });
     } else if (opts.mode === "express") {
-      const wss = new import_ws.WebSocketServer({
+      const wss = new (0, _ws.WebSocketServer)({
         server: opts.server
       });
       wss.on("connection", server.handleWsConnection);
@@ -231,15 +207,15 @@ var Toolkit = class {
     } else {
       throw new Error(`Unsupported mode`);
     }
-  };
-  setRoot = (group) => {
+  }}
+  __init8() {this.setRoot = (group) => {
     if (this.rootGroup) {
       throw new Error("Can only set root group once");
     }
     this.rootGroup = group;
     this.rootGroup.setParent(this);
-  };
-  updateTree = import_lodash.default.throttle(
+  }}
+  __init9() {this.updateTree = _lodash2.default.throttle(
     () => {
       setImmediate(() => {
         if (!this.rootGroup) return;
@@ -247,7 +223,7 @@ var Toolkit = class {
         for (const [connection, meta] of this.connections.entries()) {
           connection.sendMessage({
             type: "tree-diff",
-            diff: (0, import_diff.diffJson)(meta.lastTreeSent, root)
+            diff: _diff.diffJson.call(void 0, meta.lastTreeSent, root)
           });
           meta.lastTreeSent = root;
         }
@@ -255,15 +231,15 @@ var Toolkit = class {
     },
     10,
     { leading: true, trailing: true }
-  );
-  removeChild = (component) => {
+  )}
+  __init10() {this.removeChild = (component) => {
     if (this.rootGroup === component) {
       this.rootGroup = null;
       component.setParent(null);
     }
-  };
-  onNewConnection = (connection) => {
-    const lastTreeSent = this.rootGroup?.getProtoInfo(this.componentIDMap) ?? void 0;
+  }}
+  __init11() {this.onNewConnection = (connection) => {
+    const lastTreeSent = _nullishCoalesce(_optionalChain([this, 'access', _5 => _5.rootGroup, 'optionalAccess', _6 => _6.getProtoInfo, 'call', _7 => _7(this.componentIDMap)]), () => ( void 0));
     this.connections.set(connection, { lastTreeSent });
     if (lastTreeSent) {
       connection.sendMessage({
@@ -271,12 +247,12 @@ var Toolkit = class {
         root: lastTreeSent
       });
     }
-  };
-  onClosedConnection = (connection) => {
+  }}
+  __init12() {this.onClosedConnection = (connection) => {
     console.log("removing connection");
     this.connections.delete(connection);
-  };
-  onMessage = (_connection, message) => {
+  }}
+  __init13() {this.onMessage = (_connection, message) => {
     console.log("got message", message);
     switch (message.type) {
       case "component-message":
@@ -284,571 +260,19 @@ var Toolkit = class {
           this.rootGroup.routeMessage(this.componentIDMap, message);
         break;
     }
-  };
-};
+  }}
+}, _class2);
 
-// 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((resolve2, reject) => {
-          try {
-            resolve2(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}`
-        });
-      });
-    }
-  };
-};
 
-// src/shared/styles.ts
-var GROUP_DEFAULT_STYLE = {
-  direction: "horizontal"
-};
 
-// src/backend/components/group.ts
-var DEFAULT_PROPS2 = {
-  ...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_PROPS2, 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);
-    }
-  };
-};
 
-// 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;
-  }
-};
 
-// src/backend/components/rect.ts
-var DEFAULT_PROPS3 = {
-  color: "rgba(0, 0, 0, 0)"
-};
-var Rect = class extends Base {
-  constructor(props) {
-    super(DEFAULT_PROPS3, props);
-  }
-  /** @hidden */
-  getProtoInfo(idMap) {
-    return {
-      component: "rect",
-      key: idMap.getId(this),
-      color: this.props.color
-    };
-  }
-  setColor(color) {
-    this.updateProps({ color });
-    return this;
-  }
-};
 
-// src/backend/components/slider-button.ts
-var DEFAULT_PROPS4 = {
-  value: null,
-  min: 0,
-  max: 255,
-  step: 5,
-  mode: "writeBack"
-};
-var SliderButton = class extends Base {
-  /** @hidden */
-  events = new EventEmitter();
-  constructor(props) {
-    super(DEFAULT_PROPS4, props);
-  }
-  addListener = this.events.addListener;
-  removeListener = this.events.removeListener;
-  /** @hidden */
-  getProtoInfo(idMap) {
-    return {
-      component: "slider_button",
-      key: idMap.getId(this),
-      min: this.props.min,
-      max: this.props.max,
-      step: this.props.step,
-      value: this.props.value
-    };
-  }
-  /** @hidden */
-  handleMessage(message) {
-    if (message.component !== "slider_button") return;
-    const newValue = this.sanitizeNumber(message.value);
-    if (this.props.value === newValue) return;
-    if (this.props.mode === "writeBack") {
-      this.updateProps({ value: newValue });
-    }
-    this.events.emit("change", newValue);
-  }
-  setValue(value) {
-    const newValue = this.sanitizeNumber(value);
-    if (newValue === this.props.value) return;
-    this.updateProps({ value });
-    this.updateTree();
-  }
-  sanitizeNumber(value) {
-    const i = Math.round((value - this.props.min) / this.props.step);
-    const v = i * this.props.step + this.props.min;
-    const clampedValue = Math.max(this.props.min, Math.min(this.props.max, v));
-    return clampedValue;
-  }
-};
 
-// src/backend/components/switch.ts
-var DEFAULT_PROPS5 = {
-  state: "off"
-};
-var Switch = class extends Base {
-  /** @hidden */
-  events = new EventEmitter();
-  constructor(props) {
-    super(DEFAULT_PROPS5, props);
-  }
-  addListener = this.events.addListener;
-  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 });
-  }
-};
 
-// src/backend/components/tabs.ts
-var Tab = class extends BaseParent {
-  validateChildren = (children) => {
-    if (children.length > 1) {
-      throw new Error("Tab can only have one child");
-    }
-  };
-  /** @hidden */
-  getProtoInfo = (idMap) => ({
-    component: "tab",
-    key: idMap.getId(this),
-    name: this.props.name,
-    child: this.getChildren().slice(0, 1).map((c) => c.getProtoInfo(idMap))[0]
-  });
-};
-var Tabs = class extends BaseParent {
-  validateChildren = (children) => {
-    for (const child of children) {
-      if (!(child instanceof Tab)) {
-        throw new Error("Tabs can only have Tab children");
-      }
-    }
-  };
-  constructor(props) {
-    super({}, { ...props });
-  }
-  addTabs(...tabs) {
-    for (const t of tabs) {
-      const tab = new Tab({ name: t.name });
-      tab.appendChildren(t.component);
-      this.appendChild(tab);
-    }
-  }
-  addTab(name, component) {
-    this.addTabs({ name, component });
-    return component;
-  }
-  /** @hidden */
-  getProtoInfo(idMap) {
-    return {
-      component: "tabs",
-      key: idMap.getId(this),
-      tabs: this.getChildren().map((c) => c.getProtoInfo(idMap))
-    };
-  }
-};
 
-// src/backend/components/text-input.ts
-var DEFAULT_PROPS6 = {
-  value: null
-};
-var TextInput = class extends Base {
-  /** @hidden */
-  events = new EventEmitter();
-  constructor(props) {
-    super(DEFAULT_PROPS6, 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 });
-  };
-};
 
-// src/backend/components/timeline.ts
-var DEFAULT_PROPS7 = {
-  state: {
-    state: "stopped",
-    totalTimeMillis: 0,
-    currentTimeMillis: 0
-  },
-  title: null,
-  subtitles: null,
-  source: null
-};
-var Timeline = class extends Base {
-  constructor(props) {
-    super(DEFAULT_PROPS7, 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 = {
-  Button,
-  Group,
-  GroupHeader,
-  Label,
-  Rect,
-  SliderButton,
-  Switch,
-  Tab,
-  Tabs,
-  TextInput,
-  Timeline,
-  Toolkit
-});
+
+
+exports.Button = _chunkKVJU3EADjs.Button; exports.Group = _chunkK24YPCR5js.Group; exports.GroupHeader = _chunkK24YPCR5js.GroupHeader; exports.Label = _chunkP43QUQ4Tjs.Label; exports.Rect = _chunkRGIB65TIjs.Rect; exports.SliderButton = _chunkT2PJEXYOjs.SliderButton; exports.Switch = _chunkM6EFK4GPjs.Switch; exports.Tab = _chunkRJS32OOAjs.Tab; exports.Tabs = _chunkRJS32OOAjs.Tabs; exports.TextInput = _chunkMDFDWKGWjs.TextInput; exports.Timeline = _chunkOEIGZ3NQjs.Timeline; exports.Toolkit = Toolkit;