@arcanejs/toolkit 3.1.0 → 4.0.0

package/dist/frontend/index.js

@@ -251,6 +251,10 @@ var Stage = ({ className, renderers }) => {
   );
   const socket = _react.useRef.call(void 0, null);
   const uuid = _react.useRef.call(void 0, null);
+  const calls = _react.useRef.call(void 0, {
+    nextId: 1,
+    calls: /* @__PURE__ */ new Map()
+  });
   const preparedRenderers = _react.useMemo.call(void 0, () => {
     const prepared = {};
     for (const renderer of renderers) {
@@ -268,10 +272,36 @@ var Stage = ({ className, renderers }) => {
     },
     [preparedRenderers]
   );
-  _react.useEffect.call(void 0, () => {
-    initializeWebsocket();
+  const handleMessage = _react.useCallback.call(void 0, (msg) => {
+    switch (msg.type) {
+      case "metadata":
+        uuid.current = msg.connectionUuid;
+        return;
+      case "tree-full":
+        setRoot(msg.root);
+        return;
+      case "tree-diff":
+        setRoot((prevRoot) => _diff.patchJson.call(void 0, prevRoot, msg.diff));
+        return;
+      case "call-response": {
+        const call2 = calls.current.calls.get(msg.requestId);
+        if (call2) {
+          calls.current.calls.delete(msg.requestId);
+          if (msg.success) {
+            call2.resolve(msg.returnValue);
+          } else {
+            call2.reject(msg.errorMessage);
+          }
+        } else {
+          console.warn(
+            `Received response for unknown call request ID ${msg.requestId}`
+          );
+        }
+        return;
+      }
+    }
   }, []);
-  const initializeWebsocket = async () => {
+  const initializeWebsocket = _react.useCallback.call(void 0, async () => {
     console.log("initializing websocket");
     const wsUrl = new URL(window.location.href);
     wsUrl.protocol = wsUrl.protocol === "https:" ? "wss:" : "ws:";
@@ -295,29 +325,42 @@ var Stage = ({ className, renderers }) => {
       };
     });
     return ws;
-  };
-  const sendMessage = async (msg) => {
+  }, []);
+  const sendMessage = _react.useCallback.call(void 0, async (msg) => {
     (await (socket.current || initializeWebsocket())).send(JSON.stringify(msg));
-  };
-  const handleMessage = (msg) => {
-    switch (msg.type) {
-      case "metadata":
-        uuid.current = msg.connectionUuid;
-        return;
-      case "tree-full":
-        setRoot(msg.root);
-        return;
-      case "tree-diff":
-        setRoot((prevRoot) => _diff.patchJson.call(void 0, prevRoot, msg.diff));
-        return;
-    }
-  };
+  }, []);
+  const call = _react.useCallback.call(void 0, 
+    async (msg) => {
+      const requestId = calls.current.nextId++;
+      const sendMsg = {
+        ...msg,
+        requestId
+      };
+      const promise = new Promise(
+        (resolve, reject) => {
+          calls.current.calls.set(requestId, {
+            resolve,
+            reject
+          });
+          (socket.current || initializeWebsocket()).then(
+            (s) => s.send(JSON.stringify(sendMsg))
+          );
+        }
+      );
+      return promise;
+    },
+    []
+  );
+  _react.useEffect.call(void 0, () => {
+    initializeWebsocket();
+  }, [initializeWebsocket]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _toolkitfrontend.StageContext.Provider,
     {
       value: {
         sendMessage,
         renderComponent,
+        call,
         get connectionUuid() {
           if (!uuid.current) {
             throw new Error("Unexpected missing UUID");

package/dist/frontend/index.mjs

@@ -251,6 +251,10 @@ var Stage = ({ className, renderers }) => {
   );
   const socket = useRef(null);
   const uuid = useRef(null);
+  const calls = useRef({
+    nextId: 1,
+    calls: /* @__PURE__ */ new Map()
+  });
   const preparedRenderers = useMemo(() => {
     const prepared = {};
     for (const renderer of renderers) {
@@ -268,10 +272,36 @@ var Stage = ({ className, renderers }) => {
     },
     [preparedRenderers]
   );
-  useEffect2(() => {
-    initializeWebsocket();
+  const handleMessage = useCallback((msg) => {
+    switch (msg.type) {
+      case "metadata":
+        uuid.current = msg.connectionUuid;
+        return;
+      case "tree-full":
+        setRoot(msg.root);
+        return;
+      case "tree-diff":
+        setRoot((prevRoot) => patchJson(prevRoot, msg.diff));
+        return;
+      case "call-response": {
+        const call2 = calls.current.calls.get(msg.requestId);
+        if (call2) {
+          calls.current.calls.delete(msg.requestId);
+          if (msg.success) {
+            call2.resolve(msg.returnValue);
+          } else {
+            call2.reject(msg.errorMessage);
+          }
+        } else {
+          console.warn(
+            `Received response for unknown call request ID ${msg.requestId}`
+          );
+        }
+        return;
+      }
+    }
   }, []);
-  const initializeWebsocket = async () => {
+  const initializeWebsocket = useCallback(async () => {
     console.log("initializing websocket");
     const wsUrl = new URL(window.location.href);
     wsUrl.protocol = wsUrl.protocol === "https:" ? "wss:" : "ws:";
@@ -295,29 +325,42 @@ var Stage = ({ className, renderers }) => {
       };
     });
     return ws;
-  };
-  const sendMessage = async (msg) => {
+  }, []);
+  const sendMessage = useCallback(async (msg) => {
     (await (socket.current || initializeWebsocket())).send(JSON.stringify(msg));
-  };
-  const handleMessage = (msg) => {
-    switch (msg.type) {
-      case "metadata":
-        uuid.current = msg.connectionUuid;
-        return;
-      case "tree-full":
-        setRoot(msg.root);
-        return;
-      case "tree-diff":
-        setRoot((prevRoot) => patchJson(prevRoot, msg.diff));
-        return;
-    }
-  };
+  }, []);
+  const call = useCallback(
+    async (msg) => {
+      const requestId = calls.current.nextId++;
+      const sendMsg = {
+        ...msg,
+        requestId
+      };
+      const promise = new Promise(
+        (resolve, reject) => {
+          calls.current.calls.set(requestId, {
+            resolve,
+            reject
+          });
+          (socket.current || initializeWebsocket()).then(
+            (s) => s.send(JSON.stringify(sendMsg))
+          );
+        }
+      );
+      return promise;
+    },
+    []
+  );
+  useEffect2(() => {
+    initializeWebsocket();
+  }, [initializeWebsocket]);
   return /* @__PURE__ */ jsx2(
     StageContext.Provider,
     {
       value: {
         sendMessage,
         renderComponent,
+        call,
         get connectionUuid() {
           if (!uuid.current) {
             throw new Error("Unexpected missing UUID");

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-export { A as AnyComponent, B as Button, G as Group, c as GroupHeader, T as Toolkit, a as ToolkitConnection, b as ToolkitOptions } from './toolkit-DB8G2TaA.mjs';
+export { A as AnyComponent, B as Button, G as Group, c as GroupHeader, T as Toolkit, a as ToolkitConnection, b as ToolkitOptions } from './toolkit-k-CCIw3V.mjs';
 export { Label } from './backend/components/label.mjs';
 export { Rect } from './backend/components/rect.mjs';
 export { SliderButton } from './backend/components/slider-button.mjs';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { A as AnyComponent, B as Button, G as Group, c as GroupHeader, T as Toolkit, a as ToolkitConnection, b as ToolkitOptions } from './toolkit-2w2SWHlT.js';
+export { A as AnyComponent, B as Button, G as Group, c as GroupHeader, T as Toolkit, a as ToolkitConnection, b as ToolkitOptions } from './toolkit-BjYBFkG8.js';
 export { Label } from './backend/components/label.js';
 export { Rect } from './backend/components/rect.js';
 export { SliderButton } from './backend/components/slider-button.js';

package/dist/index.js

@@ -1,38 +1,38 @@
 "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 _chunkGMDJYFHDjs = require('./chunk-GMDJYFHD.js');
+var _chunkLGIWNJQAjs = require('./chunk-LGIWNJQA.js');
 
 
-var _chunk4OZ22IQUjs = require('./chunk-4OZ22IQU.js');
+var _chunk4EOCJT6Wjs = require('./chunk-4EOCJT6W.js');
 
 
-var _chunk6CWEURJPjs = require('./chunk-6CWEURJP.js');
+var _chunkVXNNW2KHjs = require('./chunk-VXNNW2KH.js');
 
 
 var _chunkEABM5X65js = require('./chunk-EABM5X65.js');
 
 
-var _chunkDG75CS7Fjs = require('./chunk-DG75CS7F.js');
+var _chunkZWYJEKZPjs = require('./chunk-ZWYJEKZP.js');
 
 
 
-var _chunkO5ZW6JYGjs = require('./chunk-O5ZW6JYG.js');
+var _chunkQT43ONN5js = require('./chunk-QT43ONN5.js');
 
 
-var _chunkDRQVYGTIjs = require('./chunk-DRQVYGTI.js');
+var _chunkZ3HEU534js = require('./chunk-Z3HEU534.js');
 
 
-var _chunk7OX2FB6Cjs = require('./chunk-7OX2FB6C.js');
+var _chunkJSZMJCCHjs = require('./chunk-JSZMJCCH.js');
 
 
-var _chunkCME7HZZKjs = require('./chunk-CME7HZZK.js');
+var _chunk6KPK5YOLjs = require('./chunk-6KPK5YOL.js');
 
 
-var _chunkVEZGD2PGjs = require('./chunk-VEZGD2PG.js');
+var _chunk3VAHVFJ3js = require('./chunk-3VAHVFJ3.js');
 
 
-var _chunkSGACFY53js = require('./chunk-SGACFY53.js');
+var _chunkHTM2L3DTjs = require('./chunk-HTM2L3DT.js');
 
 
 var _chunk3RG5ZIWIjs = require('./chunk-3RG5ZIWI.js');
@@ -189,8 +189,8 @@ var Toolkit = (_class2 = class {
   __init5() {this.connections = /* @__PURE__ */ new Map()}
   __init6() {this.rootGroup = null}
   /** @hidden */
-  __init7() {this.events = new (0, _chunkSGACFY53js.EventEmitter)()}
-  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);_class2.prototype.__init14.call(this);_class2.prototype.__init15.call(this);_class2.prototype.__init16.call(this);_class2.prototype.__init17.call(this);
+  __init7() {this.events = new (0, _chunkHTM2L3DTjs.EventEmitter)()}
+  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);_class2.prototype.__init14.call(this);_class2.prototype.__init15.call(this);_class2.prototype.__init16.call(this);_class2.prototype.__init17.call(this);_class2.prototype.__init18.call(this);
     this.options = {
       ...DEFAULT_LIGHT_DESK_OPTIONS,
       ...options
@@ -299,7 +299,37 @@ var Toolkit = (_class2 = class {
       this.events.emit("closed-connection", con.publicConnection);
     }
   }}
-  __init17() {this.onMessage = (connection, message) => {
+  __init17() {this.handleCall = async (connection, publicConnection, call) => {
+    try {
+      const rg = this.rootGroup;
+      if (rg) {
+        const returnValue = await new Promise(
+          (resolve2, reject) => rg.routeCall(this.componentIDMap, call, publicConnection, {
+            resolve: resolve2,
+            reject
+          })
+        );
+        connection.sendMessage({
+          type: "call-response",
+          namespace: call.namespace,
+          requestId: call.requestId,
+          success: true,
+          returnValue
+        });
+      } else {
+        throw new Error("No root group set");
+      }
+    } catch (err) {
+      connection.sendMessage({
+        type: "call-response",
+        namespace: call.namespace,
+        requestId: call.requestId,
+        success: false,
+        errorMessage: `${err}`
+      });
+    }
+  }}
+  __init18() {this.onMessage = (connection, message) => {
     const con = this.connections.get(connection);
     if (!con) {
       _optionalChain([this, 'access', _62 => _62.log, 'call', _63 => _63(), 'optionalAccess', _64 => _64.warn, 'call', _65 => _65(`got message from unknown connection`)]);
@@ -320,6 +350,9 @@ var Toolkit = (_class2 = class {
             publicConnection
           );
         break;
+      case "component-call":
+        this.handleCall(connection, publicConnection, message);
+        break;
     }
   }}
 }, _class2);
@@ -336,4 +369,4 @@ var Toolkit = (_class2 = class {
 
 
 
-exports.Button = _chunkDG75CS7Fjs.Button; exports.Group = _chunkO5ZW6JYGjs.Group; exports.GroupHeader = _chunkO5ZW6JYGjs.GroupHeader; exports.Label = _chunkDRQVYGTIjs.Label; exports.Rect = _chunk7OX2FB6Cjs.Rect; exports.SliderButton = _chunkCME7HZZKjs.SliderButton; exports.Switch = _chunkVEZGD2PGjs.Switch; exports.Tab = _chunkGMDJYFHDjs.Tab; exports.Tabs = _chunkGMDJYFHDjs.Tabs; exports.TextInput = _chunk4OZ22IQUjs.TextInput; exports.Timeline = _chunk6CWEURJPjs.Timeline; exports.Toolkit = Toolkit;
+exports.Button = _chunkZWYJEKZPjs.Button; exports.Group = _chunkQT43ONN5js.Group; exports.GroupHeader = _chunkQT43ONN5js.GroupHeader; exports.Label = _chunkZ3HEU534js.Label; exports.Rect = _chunkJSZMJCCHjs.Rect; exports.SliderButton = _chunk6KPK5YOLjs.SliderButton; exports.Switch = _chunk3VAHVFJ3js.Switch; exports.Tab = _chunkLGIWNJQAjs.Tab; exports.Tabs = _chunkLGIWNJQAjs.Tabs; exports.TextInput = _chunk4EOCJT6Wjs.TextInput; exports.Timeline = _chunkVXNNW2KHjs.Timeline; exports.Toolkit = Toolkit;

package/dist/index.mjs

@@ -1,38 +1,38 @@
 import {
   Tab,
   Tabs
-} from "./chunk-7TTY7CBH.mjs";
+} from "./chunk-MMK3PCSS.mjs";
 import {
   TextInput
-} from "./chunk-YBBUC3QC.mjs";
+} from "./chunk-VJ3Q2HZJ.mjs";
 import {
   Timeline
-} from "./chunk-K37TZB75.mjs";
+} from "./chunk-YN7LHBRI.mjs";
 import {
   IDMap
 } from "./chunk-RGHJEMWG.mjs";
 import {
   Button
-} from "./chunk-W42AOMM6.mjs";
+} from "./chunk-6BVEU2NV.mjs";
 import {
   Group,
   GroupHeader
-} from "./chunk-5D7OSUZ6.mjs";
+} from "./chunk-PIVARHCZ.mjs";
 import {
   Label
-} from "./chunk-CUZSHFDP.mjs";
+} from "./chunk-XYFDH3E7.mjs";
 import {
   Rect
-} from "./chunk-N6IHYBZH.mjs";
+} from "./chunk-XMP5XJWR.mjs";
 import {
   SliderButton
-} from "./chunk-JFZXSCGK.mjs";
+} from "./chunk-PYJC5BFZ.mjs";
 import {
   Switch
-} from "./chunk-NEQRLPXK.mjs";
+} from "./chunk-GIXAFIEY.mjs";
 import {
   EventEmitter
-} from "./chunk-RYR5I5FT.mjs";
+} from "./chunk-JKTEVA75.mjs";
 import {
   __require
 } from "./chunk-Y6FXYEAI.mjs";
@@ -299,6 +299,36 @@ var Toolkit = class {
       this.events.emit("closed-connection", con.publicConnection);
     }
   };
+  handleCall = async (connection, publicConnection, call) => {
+    try {
+      const rg = this.rootGroup;
+      if (rg) {
+        const returnValue = await new Promise(
+          (resolve2, reject) => rg.routeCall(this.componentIDMap, call, publicConnection, {
+            resolve: resolve2,
+            reject
+          })
+        );
+        connection.sendMessage({
+          type: "call-response",
+          namespace: call.namespace,
+          requestId: call.requestId,
+          success: true,
+          returnValue
+        });
+      } else {
+        throw new Error("No root group set");
+      }
+    } catch (err) {
+      connection.sendMessage({
+        type: "call-response",
+        namespace: call.namespace,
+        requestId: call.requestId,
+        success: false,
+        errorMessage: `${err}`
+      });
+    }
+  };
   onMessage = (connection, message) => {
     const con = this.connections.get(connection);
     if (!con) {
@@ -320,6 +350,9 @@ var Toolkit = class {
             publicConnection
           );
         break;
+      case "component-call":
+        this.handleCall(connection, publicConnection, message);
+        break;
     }
   };
 };

package/dist/{toolkit-2w2SWHlT.d.ts → toolkit-BjYBFkG8.d.ts}

@@ -4,7 +4,7 @@ import _ from 'lodash';
 import * as http from 'http';
 import { Application } from 'express';
 import { WebSocket } from 'ws';
-import { ClientMessage, ServerMessage, BaseComponentProto, AnyClientComponentMessage } from '@arcanejs/protocol';
+import { ClientMessage, ServerMessage, BaseComponentProto, AnyClientComponentMessage, AnyClientComponentCall, ReturnForPair } from '@arcanejs/protocol';
 import * as proto from '@arcanejs/protocol/core';
 import { GroupComponentStyle } from '@arcanejs/protocol/styles';
 import { I as IDMap } from './id-map-DxQ3_gyA.js';
@@ -88,7 +88,7 @@ type InitializationOptions =
     setup: (server: Server) => void;
 };
 
-declare abstract class Base<Namespace extends string, Proto extends BaseComponentProto<Namespace>, Props> {
+declare abstract class Base<Namespace extends string, Proto extends BaseComponentProto<Namespace, string>, Props, CallPairs = any, CallActions extends string & keyof CallPairs = any> {
     /** @hidden */
     private parent;
     /** @hidden */
@@ -117,16 +117,22 @@ declare abstract class Base<Namespace extends string, Proto extends BaseComponen
     abstract getProtoInfo(idMap: IDMap): Proto;
     /** @hidden */
     handleMessage(_message: AnyClientComponentMessage, _connection: ToolkitConnection): void;
+    /** @hidden */
+    handleCall(_call: AnyClientComponentCall, _connection: ToolkitConnection): Promise<ReturnForPair<CallPairs, CallActions>>;
     routeMessage(_idMap: IDMap, _message: AnyClientComponentMessage, _connection: ToolkitConnection): void;
+    routeCall(_idMap: IDMap, _call: AnyClientComponentCall, _connection: ToolkitConnection, _callbacks: {
+        resolve: (result: unknown) => void;
+        reject: (error: unknown) => void;
+    }): void;
 }
-type AnyComponent = Base<string, BaseComponentProto<string>, any>;
+type AnyComponent = Base<string, BaseComponentProto<string, string>, any>;
 /** @hidden */
 interface Parent {
     updateTree(): void;
     removeChild(component: AnyComponent): void;
     log(): Logger | null;
 }
-declare abstract class BaseParent<Namespace extends string, Proto extends BaseComponentProto<Namespace>, T> extends Base<Namespace, Proto, T> implements Parent {
+declare abstract class BaseParent<Namespace extends string, Proto extends BaseComponentProto<Namespace, string>, T, CallPairs = any, CallActions extends string & keyof CallPairs = any> extends Base<Namespace, Proto, T, CallPairs, CallActions> implements Parent {
     /** @hidden */
     private children;
     abstract validateChildren(children: AnyComponent[]): void;
@@ -145,6 +151,10 @@ declare abstract class BaseParent<Namespace extends string, Proto extends BaseCo
      * @hidden
      */
     routeMessage(idMap: IDMap, message: AnyClientComponentMessage, connection: ToolkitConnection): void;
+    routeCall(idMap: IDMap, call: AnyClientComponentCall, connection: ToolkitConnection, callbacks: {
+        resolve: (result: unknown) => void;
+        reject: (error: unknown) => void;
+    }): Promise<void>;
     insertBefore(child: AnyComponent, beforeChild: AnyComponent): void;
 }
 interface Listenable<Map extends Record<string, (...args: any[]) => void>> {
@@ -174,7 +184,7 @@ type InternalProps$1 = {
     onClick?: Events$2['click'] | null;
 };
 type Props$1 = Partial<InternalProps$1>;
-declare class Button extends Base<proto.CoreNamespace, proto.CoreComponent, InternalProps$1> implements Listenable<Events$2> {
+declare class Button extends Base<proto.CoreNamespace, proto.ButtonComponent, InternalProps$1, proto.CoreComponentCalls, 'press'> implements Listenable<Events$2> {
     /** @hidden */
     private readonly events;
     constructor(props?: Props$1);
@@ -186,7 +196,7 @@ declare class Button extends Base<proto.CoreNamespace, proto.CoreComponent, Inte
     /** @hidden */
     getProtoInfo: (idMap: IDMap) => proto.ButtonComponent;
     /** @hidden */
-    handleMessage: (message: AnyClientComponentMessage, connection: ToolkitConnection) => void;
+    handleCall: (call: AnyClientComponentCall, connection: ToolkitConnection) => Promise<true>;
 }
 
 type Label = (proto.GroupComponent['labels'] & Array<unknown>)[number];
@@ -263,6 +273,7 @@ declare class Toolkit implements Parent, Listenable<Events> {
     removeChild: (component: AnyComponent) => void;
     private onNewConnection;
     private onClosedConnection;
+    private handleCall;
     private onMessage;
 }
 

package/dist/{toolkit-DB8G2TaA.d.mts → toolkit-k-CCIw3V.d.mts}

@@ -4,7 +4,7 @@ import _ from 'lodash';
 import * as http from 'http';
 import { Application } from 'express';
 import { WebSocket } from 'ws';
-import { ClientMessage, ServerMessage, BaseComponentProto, AnyClientComponentMessage } from '@arcanejs/protocol';
+import { ClientMessage, ServerMessage, BaseComponentProto, AnyClientComponentMessage, AnyClientComponentCall, ReturnForPair } from '@arcanejs/protocol';
 import * as proto from '@arcanejs/protocol/core';
 import { GroupComponentStyle } from '@arcanejs/protocol/styles';
 import { I as IDMap } from './id-map-DxQ3_gyA.mjs';
@@ -88,7 +88,7 @@ type InitializationOptions =
     setup: (server: Server) => void;
 };
 
-declare abstract class Base<Namespace extends string, Proto extends BaseComponentProto<Namespace>, Props> {
+declare abstract class Base<Namespace extends string, Proto extends BaseComponentProto<Namespace, string>, Props, CallPairs = any, CallActions extends string & keyof CallPairs = any> {
     /** @hidden */
     private parent;
     /** @hidden */
@@ -117,16 +117,22 @@ declare abstract class Base<Namespace extends string, Proto extends BaseComponen
     abstract getProtoInfo(idMap: IDMap): Proto;
     /** @hidden */
     handleMessage(_message: AnyClientComponentMessage, _connection: ToolkitConnection): void;
+    /** @hidden */
+    handleCall(_call: AnyClientComponentCall, _connection: ToolkitConnection): Promise<ReturnForPair<CallPairs, CallActions>>;
     routeMessage(_idMap: IDMap, _message: AnyClientComponentMessage, _connection: ToolkitConnection): void;
+    routeCall(_idMap: IDMap, _call: AnyClientComponentCall, _connection: ToolkitConnection, _callbacks: {
+        resolve: (result: unknown) => void;
+        reject: (error: unknown) => void;
+    }): void;
 }
-type AnyComponent = Base<string, BaseComponentProto<string>, any>;
+type AnyComponent = Base<string, BaseComponentProto<string, string>, any>;
 /** @hidden */
 interface Parent {
     updateTree(): void;
     removeChild(component: AnyComponent): void;
     log(): Logger | null;
 }
-declare abstract class BaseParent<Namespace extends string, Proto extends BaseComponentProto<Namespace>, T> extends Base<Namespace, Proto, T> implements Parent {
+declare abstract class BaseParent<Namespace extends string, Proto extends BaseComponentProto<Namespace, string>, T, CallPairs = any, CallActions extends string & keyof CallPairs = any> extends Base<Namespace, Proto, T, CallPairs, CallActions> implements Parent {
     /** @hidden */
     private children;
     abstract validateChildren(children: AnyComponent[]): void;
@@ -145,6 +151,10 @@ declare abstract class BaseParent<Namespace extends string, Proto extends BaseCo
      * @hidden
      */
     routeMessage(idMap: IDMap, message: AnyClientComponentMessage, connection: ToolkitConnection): void;
+    routeCall(idMap: IDMap, call: AnyClientComponentCall, connection: ToolkitConnection, callbacks: {
+        resolve: (result: unknown) => void;
+        reject: (error: unknown) => void;
+    }): Promise<void>;
     insertBefore(child: AnyComponent, beforeChild: AnyComponent): void;
 }
 interface Listenable<Map extends Record<string, (...args: any[]) => void>> {
@@ -174,7 +184,7 @@ type InternalProps$1 = {
     onClick?: Events$2['click'] | null;
 };
 type Props$1 = Partial<InternalProps$1>;
-declare class Button extends Base<proto.CoreNamespace, proto.CoreComponent, InternalProps$1> implements Listenable<Events$2> {
+declare class Button extends Base<proto.CoreNamespace, proto.ButtonComponent, InternalProps$1, proto.CoreComponentCalls, 'press'> implements Listenable<Events$2> {
     /** @hidden */
     private readonly events;
     constructor(props?: Props$1);
@@ -186,7 +196,7 @@ declare class Button extends Base<proto.CoreNamespace, proto.CoreComponent, Inte
     /** @hidden */
     getProtoInfo: (idMap: IDMap) => proto.ButtonComponent;
     /** @hidden */
-    handleMessage: (message: AnyClientComponentMessage, connection: ToolkitConnection) => void;
+    handleCall: (call: AnyClientComponentCall, connection: ToolkitConnection) => Promise<true>;
 }
 
 type Label = (proto.GroupComponent['labels'] & Array<unknown>)[number];
@@ -263,6 +273,7 @@ declare class Toolkit implements Parent, Listenable<Events> {
     removeChild: (component: AnyComponent) => void;
     private onNewConnection;
     private onClosedConnection;
+    private handleCall;
     private onMessage;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcanejs/toolkit",
-  "version": "3.1.0",
+  "version": "4.0.0",
   "private": false,
   "description": "Build web-accessible control interfaces for your long-running Node.js processes",
   "keywords": [
@@ -14,7 +14,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/arcanejs/arcanejs.git"
+    "url": "https://github.com/ArcaneWizards/arcanejs.git"
   },
   "exports": {
     ".": {
@@ -115,7 +115,7 @@
     "tsup": "^8.1.0",
     "typescript": "^5.3.3",
     "@arcanejs/eslint-config": "^0.0.0",
-    "@arcanejs/toolkit-frontend": "^0.6.0",
+    "@arcanejs/toolkit-frontend": "^0.7.0",
     "@arcanejs/typescript-config": "^0.0.0"
   },
   "dependencies": {
@@ -126,13 +126,13 @@
     "uuid": "^11.0.3",
     "ws": "^8.18.0",
     "@arcanejs/diff": "^0.5.1",
-    "@arcanejs/protocol": "^0.5.0"
+    "@arcanejs/protocol": "^0.7.0"
   },
   "peerDependencies": {
     "react": "^18",
     "react-dom": "18.3.1",
     "styled-components": "^6.1.13",
-    "@arcanejs/toolkit-frontend": "^0.6.0"
+    "@arcanejs/toolkit-frontend": "^0.7.0"
   },
   "peerDependenciesMeta": {
     "@arcanejs/toolkit-frontend": {