@arcanejs/toolkit 5.0.1 → 6.0.1

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

@@ -1,7 +1,7 @@
 import '@arcanejs/protocol';
 import '../../id-map-DxQ3_gyA.mjs';
 import '@arcanejs/protocol/logging';
-export { A as AnyComponent, d as Base, e as BaseParent, E as EventEmitter, L as Listenable, P as Parent } from '../../toolkit-CQMnQMOF.mjs';
+export { A as AnyComponent, f as Base, g as BaseParent, E as EventEmitter, L as Listenable, P as Parent } from '../../toolkit-CohVRj6u.mjs';
 import 'lodash';
 import 'http';
 import 'express';

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

@@ -1,7 +1,7 @@
 import '@arcanejs/protocol';
 import '../../id-map-DxQ3_gyA.js';
 import '@arcanejs/protocol/logging';
-export { A as AnyComponent, d as Base, e as BaseParent, E as EventEmitter, L as Listenable, P as Parent } from '../../toolkit-C37sQAkD.js';
+export { A as AnyComponent, f as Base, g as BaseParent, E as EventEmitter, L as Listenable, P as Parent } from '../../toolkit-C_2Y8N9R.js';
 import 'lodash';
 import 'http';
 import 'express';

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

@@ -1,6 +1,6 @@
 import '@arcanejs/protocol/core';
 import '../../id-map-DxQ3_gyA.mjs';
-export { B as Button, g as ButtonMode, f as Events, I as InternalProps, h as Props } from '../../toolkit-CQMnQMOF.mjs';
+export { B as Button, i as ButtonMode, h as Events, I as InternalProps, j as Props } from '../../toolkit-CohVRj6u.mjs';
 import '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 import 'lodash';

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

@@ -1,6 +1,6 @@
 import '@arcanejs/protocol/core';
 import '../../id-map-DxQ3_gyA.js';
-export { B as Button, g as ButtonMode, f as Events, I as InternalProps, h as Props } from '../../toolkit-C37sQAkD.js';
+export { B as Button, i as ButtonMode, h as Events, I as InternalProps, j as Props } from '../../toolkit-C_2Y8N9R.js';
 import '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 import 'lodash';

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

@@ -1,7 +1,7 @@
 import '@arcanejs/protocol/core';
 import '@arcanejs/protocol/styles';
 import '../../id-map-DxQ3_gyA.mjs';
-export { i as Events, G as Group, c as GroupHeader, j as InternalProps, k as Props } from '../../toolkit-CQMnQMOF.mjs';
+export { k as Events, G as Group, e as GroupHeader, l as InternalProps, m as Props } from '../../toolkit-CohVRj6u.mjs';
 import '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 import 'lodash';

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

@@ -1,7 +1,7 @@
 import '@arcanejs/protocol/core';
 import '@arcanejs/protocol/styles';
 import '../../id-map-DxQ3_gyA.js';
-export { i as Events, G as Group, c as GroupHeader, j as InternalProps, k as Props } from '../../toolkit-C37sQAkD.js';
+export { k as Events, G as Group, e as GroupHeader, l as InternalProps, m as Props } from '../../toolkit-C_2Y8N9R.js';
 import '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 import 'lodash';

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

@@ -1,7 +1,7 @@
 import * as proto from '@arcanejs/protocol/core';
 import { LabelComponentStyle } from '@arcanejs/protocol/styles';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.mjs';
-import { d as Base } from '../../toolkit-CQMnQMOF.mjs';
+import { f as Base } from '../../toolkit-CohVRj6u.mjs';
 import '@arcanejs/protocol/logging';
 import 'lodash';
 import 'http';

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

@@ -1,7 +1,7 @@
 import * as proto from '@arcanejs/protocol/core';
 import { LabelComponentStyle } from '@arcanejs/protocol/styles';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.js';
-import { d as Base } from '../../toolkit-C37sQAkD.js';
+import { f as Base } from '../../toolkit-C_2Y8N9R.js';
 import '@arcanejs/protocol/logging';
 import 'lodash';
 import 'http';

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

@@ -1,6 +1,6 @@
 import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.mjs';
-import { d as Base } from '../../toolkit-CQMnQMOF.mjs';
+import { f as Base } from '../../toolkit-CohVRj6u.mjs';
 import '@arcanejs/protocol/logging';
 import 'lodash';
 import 'http';

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

@@ -1,6 +1,6 @@
 import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.js';
-import { d as Base } from '../../toolkit-C37sQAkD.js';
+import { f as Base } from '../../toolkit-C_2Y8N9R.js';
 import '@arcanejs/protocol/logging';
 import 'lodash';
 import 'http';

package/dist/backend/components/slider-button.d.mts

@@ -1,6 +1,6 @@
 import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.mjs';
-import { a as ToolkitConnection, d as Base, L as Listenable } from '../../toolkit-CQMnQMOF.mjs';
+import { a as ToolkitConnection, f as Base, L as Listenable } from '../../toolkit-CohVRj6u.mjs';
 import { AnyClientComponentMessage } from '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 import 'lodash';

package/dist/backend/components/slider-button.d.ts

@@ -1,6 +1,6 @@
 import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.js';
-import { a as ToolkitConnection, d as Base, L as Listenable } from '../../toolkit-C37sQAkD.js';
+import { a as ToolkitConnection, f as Base, L as Listenable } from '../../toolkit-C_2Y8N9R.js';
 import { AnyClientComponentMessage } from '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 import 'lodash';

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

@@ -1,6 +1,6 @@
 import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.mjs';
-import { a as ToolkitConnection, d as Base, L as Listenable } from '../../toolkit-CQMnQMOF.mjs';
+import { a as ToolkitConnection, f as Base, L as Listenable } from '../../toolkit-CohVRj6u.mjs';
 import { AnyClientComponentMessage } from '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 import 'lodash';

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

@@ -1,6 +1,6 @@
 import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.js';
-import { a as ToolkitConnection, d as Base, L as Listenable } from '../../toolkit-C37sQAkD.js';
+import { a as ToolkitConnection, f as Base, L as Listenable } from '../../toolkit-C_2Y8N9R.js';
 import { AnyClientComponentMessage } from '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 import 'lodash';

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

@@ -1,6 +1,6 @@
 import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.mjs';
-import { e as BaseParent, A as AnyComponent } from '../../toolkit-CQMnQMOF.mjs';
+import { g as BaseParent, A as AnyComponent } from '../../toolkit-CohVRj6u.mjs';
 import '@arcanejs/protocol/logging';
 import 'lodash';
 import 'http';

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

@@ -1,6 +1,6 @@
 import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.js';
-import { e as BaseParent, A as AnyComponent } from '../../toolkit-C37sQAkD.js';
+import { g as BaseParent, A as AnyComponent } from '../../toolkit-C_2Y8N9R.js';
 import '@arcanejs/protocol/logging';
 import 'lodash';
 import 'http';

package/dist/backend/components/text-input.d.mts

@@ -1,6 +1,6 @@
 import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.mjs';
-import { a as ToolkitConnection, d as Base, L as Listenable } from '../../toolkit-CQMnQMOF.mjs';
+import { a as ToolkitConnection, f as Base, L as Listenable } from '../../toolkit-CohVRj6u.mjs';
 import { AnyClientComponentMessage } from '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 import 'lodash';

package/dist/backend/components/text-input.d.ts

@@ -1,6 +1,6 @@
 import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.js';
-import { a as ToolkitConnection, d as Base, L as Listenable } from '../../toolkit-C37sQAkD.js';
+import { a as ToolkitConnection, f as Base, L as Listenable } from '../../toolkit-C_2Y8N9R.js';
 import { AnyClientComponentMessage } from '@arcanejs/protocol';
 import '@arcanejs/protocol/logging';
 import 'lodash';

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

@@ -1,6 +1,6 @@
 import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.mjs';
-import { d as Base } from '../../toolkit-CQMnQMOF.mjs';
+import { f as Base } from '../../toolkit-CohVRj6u.mjs';
 import '@arcanejs/protocol/logging';
 import 'lodash';
 import 'http';

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

@@ -1,6 +1,6 @@
 import * as proto from '@arcanejs/protocol/core';
 import { I as IDMap } from '../../id-map-DxQ3_gyA.js';
-import { d as Base } from '../../toolkit-C37sQAkD.js';
+import { f as Base } from '../../toolkit-C_2Y8N9R.js';
 import '@arcanejs/protocol/logging';
 import 'lodash';
 import 'http';

package/dist/frontend/entrypoint.js

@@ -27528,7 +27528,9 @@ body {
       void 0
     );
     const socket = (0, import_react15.useRef)(null);
-    const uuid = (0, import_react15.useRef)(null);
+    const [connection, setConnection] = (0, import_react15.useState)({
+      state: "connecting"
+    });
     const calls = (0, import_react15.useRef)({
       nextId: 1,
       calls: /* @__PURE__ */ new Map()
@@ -27553,7 +27555,7 @@ body {
     const handleMessage = (0, import_react15.useCallback)((msg) => {
       switch (msg.type) {
         case "metadata":
-          uuid.current = msg.connectionUuid;
+          setConnection({ state: "connected", uuid: msg.connectionUuid });
           return;
         case "tree-full":
           setRoot(msg.root);
@@ -27580,29 +27582,40 @@ body {
       }
     }, []);
     const initializeWebsocket = (0, import_react15.useCallback)(async () => {
+      if (socket.current) {
+        socket.current.then((s2) => s2.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}`
-      );
+      wsUrl.hash = "";
+      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 = (0, import_react15.useCallback)(async (msg) => {
       (await (socket.current || initializeWebsocket())).send(JSON.stringify(msg));
@@ -27632,23 +27645,18 @@ body {
     (0, import_react15.useEffect)(() => {
       initializeWebsocket();
     }, [initializeWebsocket]);
-    return /* @__PURE__ */ import_react15.default.createElement(
-      StageContext.Provider,
-      {
-        value: {
-          sendMessage,
-          renderComponent,
-          call,
-          get connectionUuid() {
-            if (!uuid.current) {
-              throw new Error("Unexpected missing UUID");
-            }
-            return uuid.current;
-          }
-        }
-      },
-      /* @__PURE__ */ import_react15.default.createElement(GroupStateWrapper, { openByDefault: false }, /* @__PURE__ */ import_react15.default.createElement("div", { className }, root ? renderComponent(root) : /* @__PURE__ */ import_react15.default.createElement("div", { className: "no-root" }, "No root has been added to the light desk")))
+    const stageContext = (0, import_react15.useMemo)(
+      () => ({
+        sendMessage,
+        renderComponent,
+        call,
+        connectionUuid: connection.state === "connected" ? connection.uuid : null,
+        connection,
+        reconnect: () => void initializeWebsocket()
+      }),
+      [sendMessage, renderComponent, call, initializeWebsocket, connection]
     );
+    return /* @__PURE__ */ import_react15.default.createElement(StageContext.Provider, { value: stageContext }, /* @__PURE__ */ import_react15.default.createElement(GroupStateWrapper, { openByDefault: false }, /* @__PURE__ */ import_react15.default.createElement("div", { className }, root ? renderComponent(root) : /* @__PURE__ */ import_react15.default.createElement("div", { className: "no-root" }, "No root has been added to the light desk"))));
   };
   var StyledStage = dt(Stage)`
   width: 100%;