@arcanejs/toolkit 5.0.0 → 6.0.0

package/dist/frontend/index.js

@@ -18,6 +18,9 @@ var _styledcomponents = require('styled-components');
 
 
 var _styling = require('@arcanejs/toolkit-frontend/styling');
+
+
+
 var _toolkitfrontend = require('@arcanejs/toolkit-frontend');
 
 // ../toolkit-frontend/src/styling.tsx
@@ -300,7 +303,9 @@ var Stage = ({ className, renderers }) => {
     void 0
   );
   const socket = _react.useRef.call(void 0, null);
-  const uuid = _react.useRef.call(void 0, null);
+  const [connection, setConnection] = _react.useState.call(void 0, {
+    state: "connecting"
+  });
   const calls = _react.useRef.call(void 0, {
     nextId: 1,
     calls: /* @__PURE__ */ new Map()
@@ -325,7 +330,7 @@ var Stage = ({ className, renderers }) => {
   const handleMessage = _react.useCallback.call(void 0, (msg) => {
     switch (msg.type) {
       case "metadata":
-        uuid.current = msg.connectionUuid;
+        setConnection({ state: "connected", uuid: msg.connectionUuid });
         return;
       case "tree-full":
         setRoot(msg.root);
@@ -352,29 +357,39 @@ var Stage = ({ className, renderers }) => {
     }
   }, []);
   const initializeWebsocket = _react.useCallback.call(void 0, async () => {
+    if (socket.current) {
+      socket.current.then((s) => s.close()).catch((err) => console.error(err));
+      socket.current = null;
+    }
     console.log("initializing websocket");
     const wsUrl = new URL(window.location.href);
     wsUrl.protocol = wsUrl.protocol === "https:" ? "wss:" : "ws:";
-    const ws = new WebSocket(
-      `ws://${window.location.hostname}:${window.location.port}${window.location.pathname}`
-    );
+    const ws = new WebSocket(wsUrl.href);
     ws.onmessage = (event) => {
       handleMessage(JSON.parse(event.data));
     };
     ws.onclose = () => {
+      setConnection({ state: "closed" });
       console.log("socket closed");
       socket.current = null;
     };
     socket.current = new Promise((resolve, reject) => {
       ws.onopen = () => {
+        console.log("socket opened");
+        setConnection({ state: "connected", uuid: null });
         resolve(ws);
       };
       ws.onerror = (err) => {
+        setConnection({
+          state: "error",
+          error: err instanceof Error ? err : new Error("Unable to connect", { cause: err })
+        });
+        console.error("socket error", err);
         reject(err);
         socket.current = null;
       };
     });
-    return ws;
+    return socket.current;
   }, []);
   const sendMessage = _react.useCallback.call(void 0, async (msg) => {
     (await (socket.current || initializeWebsocket())).send(JSON.stringify(msg));
@@ -404,23 +419,18 @@ var Stage = ({ className, renderers }) => {
   _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");
-          }
-          return uuid.current;
-        }
-      },
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _toolkitfrontend.GroupStateWrapper, { openByDefault: false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: root ? renderComponent(root) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "no-root", children: "No root has been added to the light desk" }) }) })
-    }
+  const stageContext = _react.useMemo.call(void 0, 
+    () => ({
+      sendMessage,
+      renderComponent,
+      call,
+      connectionUuid: connection.state === "connected" ? connection.uuid : null,
+      connection,
+      reconnect: () => void initializeWebsocket()
+    }),
+    [sendMessage, renderComponent, call, initializeWebsocket, connection]
   );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _toolkitfrontend.StageContext.Provider, { value: stageContext, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _toolkitfrontend.GroupStateWrapper, { openByDefault: false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: root ? renderComponent(root) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "no-root", children: "No root has been added to the light desk" }) }) }) });
 };
 var StyledStage = _styledcomponents.styled.call(void 0, Stage)`
   width: 100%;

package/dist/frontend/index.mjs

@@ -18,7 +18,10 @@ import {
   DARK_THEME as DARK_THEME2,
   LIGHT_THEME as LIGHT_THEME2
 } from "@arcanejs/toolkit-frontend/styling";
-import { GroupStateWrapper, StageContext } from "@arcanejs/toolkit-frontend";
+import {
+  GroupStateWrapper,
+  StageContext
+} from "@arcanejs/toolkit-frontend";
 
 // ../toolkit-frontend/src/styling.tsx
 import {
@@ -300,7 +303,9 @@ var Stage = ({ className, renderers }) => {
     void 0
   );
   const socket = useRef(null);
-  const uuid = useRef(null);
+  const [connection, setConnection] = useState3({
+    state: "connecting"
+  });
   const calls = useRef({
     nextId: 1,
     calls: /* @__PURE__ */ new Map()
@@ -325,7 +330,7 @@ var Stage = ({ className, renderers }) => {
   const handleMessage = useCallback((msg) => {
     switch (msg.type) {
       case "metadata":
-        uuid.current = msg.connectionUuid;
+        setConnection({ state: "connected", uuid: msg.connectionUuid });
         return;
       case "tree-full":
         setRoot(msg.root);
@@ -352,29 +357,39 @@ var Stage = ({ className, renderers }) => {
     }
   }, []);
   const initializeWebsocket = useCallback(async () => {
+    if (socket.current) {
+      socket.current.then((s) => s.close()).catch((err) => console.error(err));
+      socket.current = null;
+    }
     console.log("initializing websocket");
     const wsUrl = new URL(window.location.href);
     wsUrl.protocol = wsUrl.protocol === "https:" ? "wss:" : "ws:";
-    const ws = new WebSocket(
-      `ws://${window.location.hostname}:${window.location.port}${window.location.pathname}`
-    );
+    const ws = new WebSocket(wsUrl.href);
     ws.onmessage = (event) => {
       handleMessage(JSON.parse(event.data));
     };
     ws.onclose = () => {
+      setConnection({ state: "closed" });
       console.log("socket closed");
       socket.current = null;
     };
     socket.current = new Promise((resolve, reject) => {
       ws.onopen = () => {
+        console.log("socket opened");
+        setConnection({ state: "connected", uuid: null });
         resolve(ws);
       };
       ws.onerror = (err) => {
+        setConnection({
+          state: "error",
+          error: err instanceof Error ? err : new Error("Unable to connect", { cause: err })
+        });
+        console.error("socket error", err);
         reject(err);
         socket.current = null;
       };
     });
-    return ws;
+    return socket.current;
   }, []);
   const sendMessage = useCallback(async (msg) => {
     (await (socket.current || initializeWebsocket())).send(JSON.stringify(msg));
@@ -404,23 +419,18 @@ var Stage = ({ className, renderers }) => {
   useEffect2(() => {
     initializeWebsocket();
   }, [initializeWebsocket]);
-  return /* @__PURE__ */ jsx2(
-    StageContext.Provider,
-    {
-      value: {
-        sendMessage,
-        renderComponent,
-        call,
-        get connectionUuid() {
-          if (!uuid.current) {
-            throw new Error("Unexpected missing UUID");
-          }
-          return uuid.current;
-        }
-      },
-      children: /* @__PURE__ */ jsx2(GroupStateWrapper, { openByDefault: false, children: /* @__PURE__ */ jsx2("div", { className, children: root ? renderComponent(root) : /* @__PURE__ */ jsx2("div", { className: "no-root", children: "No root has been added to the light desk" }) }) })
-    }
+  const stageContext = useMemo(
+    () => ({
+      sendMessage,
+      renderComponent,
+      call,
+      connectionUuid: connection.state === "connected" ? connection.uuid : null,
+      connection,
+      reconnect: () => void initializeWebsocket()
+    }),
+    [sendMessage, renderComponent, call, initializeWebsocket, connection]
   );
+  return /* @__PURE__ */ jsx2(StageContext.Provider, { value: stageContext, children: /* @__PURE__ */ jsx2(GroupStateWrapper, { openByDefault: false, children: /* @__PURE__ */ jsx2("div", { className, children: root ? renderComponent(root) : /* @__PURE__ */ jsx2("div", { className: "no-root", children: "No root has been added to the light desk" }) }) }) });
 };
 var StyledStage = styled(Stage)`
   width: 100%;

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-CQMnQMOF.mjs';
+export { A as AnyComponent, B as Button, G as Group, e as GroupHeader, T as Toolkit, a as ToolkitConnection, d as ToolkitOptions, c as ToolkitServerListener, b as ToolkitServerListenerOptions } from './toolkit-CohVRj6u.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-C37sQAkD.js';
+export { A as AnyComponent, B as Button, G as Group, e as GroupHeader, T as Toolkit, a as ToolkitConnection, d as ToolkitOptions, c as ToolkitServerListener, b as ToolkitServerListenerOptions } from './toolkit-C_2Y8N9R.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

@@ -108,6 +108,7 @@ var Server = (_class = class {
           <html>
             <head>
               <title>${this.title}</title>
+              <meta charset="utf-8">
               <meta name="viewport" content="width=device-width, initial-scale=1">
               <style type="text/css">
                 @font-face {
@@ -190,7 +191,8 @@ var Toolkit = (_class2 = class {
   __init6() {this.rootGroup = null}
   /** @hidden */
   __init7() {this.events = new (0, _chunkWN3GXVUEjs.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);
+  
+  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);_class2.prototype.__init19.call(this);
     this.options = {
       ...DEFAULT_LIGHT_DESK_OPTIONS,
       ...options
@@ -200,25 +202,20 @@ var Toolkit = (_class2 = class {
         `path must start and end with "/", set to: ${this.options.path}`
       );
     }
-  }
-  __init8() {this.addListener = this.events.addListener}
-  __init9() {this.removeListener = this.events.removeListener}
-  __init10() {this.start = (opts) => {
-    const server = new Server(
+    this.server = new Server(
       this.options,
       this.onNewConnection,
       this.onClosedConnection,
       this.onMessage,
       this.options.log
     );
+  }
+  __init8() {this.addListener = this.events.addListener}
+  __init9() {this.removeListener = this.events.removeListener}
+  __init10() {this.start = (opts) => {
     if (opts.mode === "automatic") {
-      const httpServer = _http.createServer.call(void 0, server.handleHttpRequest);
-      const wss = new (0, _ws.WebSocketServer)({
-        server: httpServer
-      });
-      wss.on("connection", server.handleWsConnection);
-      const url = `http://localhost:${opts.port}${this.options.path}`;
-      httpServer.listen(opts.port, () => {
+      this.listen({ port: opts.port }).then(() => {
+        const url = `http://localhost:${opts.port}${this.options.path}`;
         _optionalChain([opts, 'access', _49 => _49.onReady, 'optionalCall', _50 => _50(url)]);
         _optionalChain([this, 'access', _51 => _51.options, 'access', _52 => _52.log, 'optionalAccess', _53 => _53.info, 'call', _54 => _54(`Light Desk Started: ${url}`)]);
       });
@@ -226,15 +223,50 @@ var Toolkit = (_class2 = class {
       const wss = new (0, _ws.WebSocketServer)({
         server: opts.server
       });
-      wss.on("connection", server.handleWsConnection);
-      opts.express.get(`${this.options.path}*`, server.handleHttpRequest);
+      wss.on("connection", this.server.handleWsConnection);
+      opts.express.get(`${this.options.path}*`, this.server.handleHttpRequest);
     } else if (opts.mode === "manual") {
-      opts.setup(server);
+      opts.setup(this.server);
     } else {
       throw new Error(`Unsupported mode`);
     }
   }}
-  __init11() {this.setRoot = (group) => {
+  __init11() {this.listen = ({
+    port,
+    host
+  }) => {
+    const httpServer = _http.createServer.call(void 0, this.server.handleHttpRequest);
+    const wss = new (0, _ws.WebSocketServer)({
+      server: httpServer
+    });
+    wss.on("connection", this.server.handleWsConnection);
+    const close = () => {
+      wss.close();
+      httpServer.close();
+      httpServer.closeAllConnections();
+      setTimeout(() => {
+        wss.clients.forEach((client) => client.terminate());
+      }, 1e3);
+    };
+    return new Promise((resolve2, reject) => {
+      httpServer.on("error", (err) => {
+        reject(err);
+      });
+      wss.on("error", (err) => {
+        reject(err);
+      });
+      try {
+        httpServer.listen({ port, host }, () => {
+          resolve2({
+            close
+          });
+        });
+      } catch (err) {
+        reject(err);
+      }
+    });
+  }}
+  __init12() {this.setRoot = (group) => {
     if (this.rootGroup) {
       throw new Error("Can only set root group once");
     }
@@ -244,10 +276,10 @@ var Toolkit = (_class2 = class {
   log() {
     return _nullishCoalesce(this.options.log, () => ( null));
   }
-  __init12() {this.getConnections = () => {
+  __init13() {this.getConnections = () => {
     return [...this.connections.values()].map((c) => c.publicConnection);
   }}
-  __init13() {this.updateTree = _lodash2.default.throttle(
+  __init14() {this.updateTree = _lodash2.default.throttle(
     () => {
       setImmediate(() => {
         if (!this.rootGroup) return;
@@ -264,13 +296,13 @@ var Toolkit = (_class2 = class {
     10,
     { leading: true, trailing: true }
   )}
-  __init14() {this.removeChild = (component) => {
+  __init15() {this.removeChild = (component) => {
     if (this.rootGroup === component) {
       this.rootGroup = null;
       component.setParent(null);
     }
   }}
-  __init15() {this.onNewConnection = (connection) => {
+  __init16() {this.onNewConnection = (connection) => {
     const lastTreeSent = _nullishCoalesce(_optionalChain([this, 'access', _55 => _55.rootGroup, 'optionalAccess', _56 => _56.getProtoInfo, 'call', _57 => _57(this.componentIDMap)]), () => ( void 0));
     const uuid = _uuid.v4.call(void 0, );
     const publicConnection = {
@@ -291,7 +323,7 @@ var Toolkit = (_class2 = class {
       });
     }
   }}
-  __init16() {this.onClosedConnection = (connection) => {
+  __init17() {this.onClosedConnection = (connection) => {
     _optionalChain([this, 'access', _58 => _58.log, 'call', _59 => _59(), 'optionalAccess', _60 => _60.debug, 'call', _61 => _61("removing connection")]);
     const con = this.connections.get(connection);
     this.connections.delete(connection);
@@ -299,7 +331,7 @@ var Toolkit = (_class2 = class {
       this.events.emit("closed-connection", con.publicConnection);
     }
   }}
-  __init17() {this.handleCall = async (connection, publicConnection, call) => {
+  __init18() {this.handleCall = async (connection, publicConnection, call) => {
     try {
       const rg = this.rootGroup;
       if (rg) {
@@ -329,7 +361,7 @@ var Toolkit = (_class2 = class {
       });
     }
   }}
-  __init18() {this.onMessage = (connection, message) => {
+  __init19() {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`)]);

package/dist/index.mjs

@@ -108,6 +108,7 @@ var Server = class {
           <html>
             <head>
               <title>${this.title}</title>
+              <meta charset="utf-8">
               <meta name="viewport" content="width=device-width, initial-scale=1">
               <style type="text/css">
                 @font-face {
@@ -190,6 +191,7 @@ var Toolkit = class {
   rootGroup = null;
   /** @hidden */
   events = new EventEmitter();
+  server;
   constructor(options = {}) {
     this.options = {
       ...DEFAULT_LIGHT_DESK_OPTIONS,
@@ -200,25 +202,20 @@ var Toolkit = class {
         `path must start and end with "/", set to: ${this.options.path}`
       );
     }
-  }
-  addListener = this.events.addListener;
-  removeListener = this.events.removeListener;
-  start = (opts) => {
-    const server = new Server(
+    this.server = new Server(
       this.options,
       this.onNewConnection,
       this.onClosedConnection,
       this.onMessage,
       this.options.log
     );
+  }
+  addListener = this.events.addListener;
+  removeListener = this.events.removeListener;
+  start = (opts) => {
     if (opts.mode === "automatic") {
-      const httpServer = createServer(server.handleHttpRequest);
-      const wss = new WebSocketServer({
-        server: httpServer
-      });
-      wss.on("connection", server.handleWsConnection);
-      const url = `http://localhost:${opts.port}${this.options.path}`;
-      httpServer.listen(opts.port, () => {
+      this.listen({ port: opts.port }).then(() => {
+        const url = `http://localhost:${opts.port}${this.options.path}`;
         opts.onReady?.(url);
         this.options.log?.info(`Light Desk Started: ${url}`);
       });
@@ -226,14 +223,49 @@ var Toolkit = class {
       const wss = new WebSocketServer({
         server: opts.server
       });
-      wss.on("connection", server.handleWsConnection);
-      opts.express.get(`${this.options.path}*`, server.handleHttpRequest);
+      wss.on("connection", this.server.handleWsConnection);
+      opts.express.get(`${this.options.path}*`, this.server.handleHttpRequest);
     } else if (opts.mode === "manual") {
-      opts.setup(server);
+      opts.setup(this.server);
     } else {
       throw new Error(`Unsupported mode`);
     }
   };
+  listen = ({
+    port,
+    host
+  }) => {
+    const httpServer = createServer(this.server.handleHttpRequest);
+    const wss = new WebSocketServer({
+      server: httpServer
+    });
+    wss.on("connection", this.server.handleWsConnection);
+    const close = () => {
+      wss.close();
+      httpServer.close();
+      httpServer.closeAllConnections();
+      setTimeout(() => {
+        wss.clients.forEach((client) => client.terminate());
+      }, 1e3);
+    };
+    return new Promise((resolve2, reject) => {
+      httpServer.on("error", (err) => {
+        reject(err);
+      });
+      wss.on("error", (err) => {
+        reject(err);
+      });
+      try {
+        httpServer.listen({ port, host }, () => {
+          resolve2({
+            close
+          });
+        });
+      } catch (err) {
+        reject(err);
+      }
+    });
+  };
   setRoot = (group) => {
     if (this.rootGroup) {
       throw new Error("Can only set root group once");

package/dist/{toolkit-C37sQAkD.d.ts → toolkit-C_2Y8N9R.d.ts}

@@ -257,6 +257,13 @@ type Events = {
     'new-connection': (connection: ToolkitConnection) => void;
     'closed-connection': (connection: ToolkitConnection) => void;
 };
+type ToolkitServerListenerOptions = {
+    port: number;
+    host?: string;
+};
+type ToolkitServerListener = {
+    close: () => void;
+};
 declare class Toolkit implements Parent, Listenable<Events> {
     private readonly options;
     /**
@@ -267,10 +274,12 @@ declare class Toolkit implements Parent, Listenable<Events> {
     private rootGroup;
     /** @hidden */
     private readonly events;
+    private readonly server;
     constructor(options?: Partial<ToolkitOptions>);
     addListener: <T extends keyof Events>(type: T, listener: Events[T]) => void;
     removeListener: <T extends keyof Events>(type: T, listener: Events[T]) => void;
     start: (opts: InitializationOptions) => void;
+    listen: ({ port, host, }: ToolkitServerListenerOptions) => Promise<ToolkitServerListener>;
     setRoot: (group: Group) => void;
     log(): _arcanejs_protocol_logging.Logger | null;
     getConnections: () => ToolkitConnection[];
@@ -282,4 +291,4 @@ declare class Toolkit implements Parent, Listenable<Events> {
     private onMessage;
 }
 
-export { type AnyComponent as A, Button as B, EventEmitter as E, Group as G, type InternalProps$1 as I, type Listenable as L, type Parent as P, Toolkit as T, type ToolkitConnection as a, type ToolkitOptions as b, GroupHeader as c, Base as d, BaseParent as e, type Events$2 as f, type ButtonMode as g, type Props$1 as h, type Events$1 as i, type InternalProps as j, type Props as k };
+export { type AnyComponent as A, Button as B, EventEmitter as E, Group as G, type InternalProps$1 as I, type Listenable as L, type Parent as P, Toolkit as T, type ToolkitConnection as a, type ToolkitServerListenerOptions as b, type ToolkitServerListener as c, type ToolkitOptions as d, GroupHeader as e, Base as f, BaseParent as g, type Events$2 as h, type ButtonMode as i, type Props$1 as j, type Events$1 as k, type InternalProps as l, type Props as m };

package/dist/{toolkit-CQMnQMOF.d.mts → toolkit-CohVRj6u.d.mts}

@@ -257,6 +257,13 @@ type Events = {
     'new-connection': (connection: ToolkitConnection) => void;
     'closed-connection': (connection: ToolkitConnection) => void;
 };
+type ToolkitServerListenerOptions = {
+    port: number;
+    host?: string;
+};
+type ToolkitServerListener = {
+    close: () => void;
+};
 declare class Toolkit implements Parent, Listenable<Events> {
     private readonly options;
     /**
@@ -267,10 +274,12 @@ declare class Toolkit implements Parent, Listenable<Events> {
     private rootGroup;
     /** @hidden */
     private readonly events;
+    private readonly server;
     constructor(options?: Partial<ToolkitOptions>);
     addListener: <T extends keyof Events>(type: T, listener: Events[T]) => void;
     removeListener: <T extends keyof Events>(type: T, listener: Events[T]) => void;
     start: (opts: InitializationOptions) => void;
+    listen: ({ port, host, }: ToolkitServerListenerOptions) => Promise<ToolkitServerListener>;
     setRoot: (group: Group) => void;
     log(): _arcanejs_protocol_logging.Logger | null;
     getConnections: () => ToolkitConnection[];
@@ -282,4 +291,4 @@ declare class Toolkit implements Parent, Listenable<Events> {
     private onMessage;
 }
 
-export { type AnyComponent as A, Button as B, EventEmitter as E, Group as G, type InternalProps$1 as I, type Listenable as L, type Parent as P, Toolkit as T, type ToolkitConnection as a, type ToolkitOptions as b, GroupHeader as c, Base as d, BaseParent as e, type Events$2 as f, type ButtonMode as g, type Props$1 as h, type Events$1 as i, type InternalProps as j, type Props as k };
+export { type AnyComponent as A, Button as B, EventEmitter as E, Group as G, type InternalProps$1 as I, type Listenable as L, type Parent as P, Toolkit as T, type ToolkitConnection as a, type ToolkitServerListenerOptions as b, type ToolkitServerListener as c, type ToolkitOptions as d, GroupHeader as e, Base as f, BaseParent as g, type Events$2 as h, type ButtonMode as i, type Props$1 as j, type Events$1 as k, type InternalProps as l, type Props as m };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcanejs/toolkit",
-  "version": "5.0.0",
+  "version": "6.0.0",
   "private": false,
   "description": "Build web-accessible control interfaces for your long-running Node.js processes",
   "keywords": [
@@ -114,7 +114,7 @@
     "styled-components": "^6.1.13",
     "tsup": "^8.1.0",
     "typescript": "^5.3.3",
-    "@arcanejs/toolkit-frontend": "^0.8.0",
+    "@arcanejs/toolkit-frontend": "^0.9.0",
     "@arcanejs/eslint-config": "^0.0.0",
     "@arcanejs/typescript-config": "^0.0.0"
   },
@@ -132,7 +132,7 @@
     "react": "^18",
     "react-dom": "18.3.1",
     "styled-components": "^6.1.13",
-    "@arcanejs/toolkit-frontend": "^0.8.0"
+    "@arcanejs/toolkit-frontend": "^0.9.0"
   },
   "peerDependenciesMeta": {
     "@arcanejs/toolkit-frontend": {