@arcanejs/toolkit 1.1.0 → 2.0.0

package/dist/{chunk-7SZA6JUN.mjs → chunk-RYR5I5FT.mjs}

@@ -70,9 +70,9 @@ var Base = class {
     if (this.parent) this.parent.updateTree();
   }
   /** @hidden */
-  handleMessage(_message) {
+  handleMessage(_message, _connection) {
   }
-  routeMessage(_idMap, _message) {
+  routeMessage(_idMap, _message, _connection) {
   }
 };
 var BaseParent = class extends Base {
@@ -121,15 +121,15 @@ var BaseParent = class extends Base {
    *
    * @hidden
    */
-  routeMessage(idMap, message) {
+  routeMessage(idMap, message, connection) {
     if (idMap.getId(this) === message.componentKey) {
-      this.handleMessage(message);
+      this.handleMessage(message, connection);
     } else {
       for (const c of this.children) {
         if (idMap.getId(c) === message.componentKey) {
-          c.handleMessage(message);
+          c.handleMessage(message, connection);
         } else {
-          c.routeMessage(idMap, message);
+          c.routeMessage(idMap, message, connection);
         }
       }
     }

package/dist/{chunk-ADH7RZG5.js → chunk-SGACFY53.js}

@@ -70,9 +70,9 @@ var Base = (_class = class {
     if (this.parent) this.parent.updateTree();
   }
   /** @hidden */
-  handleMessage(_message) {
+  handleMessage(_message, _connection) {
   }
-  routeMessage(_idMap, _message) {
+  routeMessage(_idMap, _message, _connection) {
   }
 }, _class);
 var BaseParent = (_class2 = class extends Base {constructor(...args2) { super(...args2); _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); }
@@ -121,15 +121,15 @@ var BaseParent = (_class2 = class extends Base {constructor(...args2) { super(..
    *
    * @hidden
    */
-  routeMessage(idMap, message) {
+  routeMessage(idMap, message, connection) {
     if (idMap.getId(this) === message.componentKey) {
-      this.handleMessage(message);
+      this.handleMessage(message, connection);
     } else {
       for (const c of this.children) {
         if (idMap.getId(c) === message.componentKey) {
-          c.handleMessage(message);
+          c.handleMessage(message, connection);
         } else {
-          c.routeMessage(idMap, message);
+          c.routeMessage(idMap, message, connection);
         }
       }
     }

package/dist/{chunk-25LALCAN.js → chunk-VEZGD2PG.js}

@@ -1,14 +1,14 @@
 "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 _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } var _class;
 
 
-var _chunkADH7RZG5js = require('./chunk-ADH7RZG5.js');
+var _chunkSGACFY53js = require('./chunk-SGACFY53.js');
 
 // src/backend/components/switch.ts
 var _core = require('@arcanejs/protocol/core'); var proto = _interopRequireWildcard(_core);
 var DEFAULT_PROPS = {};
-var Switch = (_class = class extends _chunkADH7RZG5js.Base {
+var Switch = (_class = class extends _chunkSGACFY53js.Base {
   /** @hidden */
-  __init() {this.events = new (0, _chunkADH7RZG5js.EventEmitter)()}
+  __init() {this.events = new (0, _chunkSGACFY53js.EventEmitter)()}
   /**
    * Manually manage the state of the switch,
    * to support both controlled and uncontrolled inputs.
@@ -40,14 +40,14 @@ var Switch = (_class = class extends _chunkADH7RZG5js.Base {
     };
   }
   /** @hidden */
-  handleMessage(message) {
+  handleMessage(message, connection) {
     if (proto.isCoreComponentMessage(message, "switch")) {
       const state = this._value === "on" ? "off" : "on";
       if (this.props.value === void 0) {
         this._value = state;
         this.updateTree();
       }
-      this.events.emit("change", state);
+      this.events.emit("change", state, connection);
     }
   }
   setValue(state) {

package/dist/{chunk-EFNFSHV3.mjs → chunk-W42AOMM6.mjs}

@@ -1,7 +1,7 @@
 import {
   Base,
   EventEmitter
-} from "./chunk-7SZA6JUN.mjs";
+} from "./chunk-RYR5I5FT.mjs";
 
 // src/backend/components/button.ts
 import * as proto from "@arcanejs/protocol/core";
@@ -56,9 +56,9 @@ var Button = class extends Base {
     };
   };
   /** @hidden */
-  handleMessage = (message) => {
+  handleMessage = (message, connection) => {
     if (proto.isCoreComponentMessage(message, "button")) {
-      this.events.emit("click").then(() => {
+      this.events.emit("click", connection).then(() => {
         if (this.props.error) {
           this.updateProps({
             error: null

package/dist/{chunk-ISHGZXPO.mjs → chunk-YBBUC3QC.mjs}

@@ -1,7 +1,7 @@
 import {
   Base,
   EventEmitter
-} from "./chunk-7SZA6JUN.mjs";
+} from "./chunk-RYR5I5FT.mjs";
 
 // src/backend/components/text-input.ts
 import * as proto from "@arcanejs/protocol/core";
@@ -35,11 +35,11 @@ var TextInput = class extends Base {
     };
   };
   /** @hidden */
-  handleMessage = (message) => {
+  handleMessage = (message, connection) => {
     if (proto.isCoreComponentMessage(message, "text-input")) {
       if (this.props.value !== message.value) {
         this.updateProps({ value: message.value });
-        this.events.emit("change", message.value);
+        this.events.emit("change", message.value, connection);
       }
     }
   };

package/dist/frontend/entrypoint.js

@@ -26148,12 +26148,13 @@ body {
   var import_react11 = __toESM(require_react(), 1);
   var import_jsx_runtime11 = __toESM(require_jsx_runtime(), 1);
   var import_jsx_runtime12 = __toESM(require_jsx_runtime(), 1);
-  var StageContext = (0, import_react4.createContext)({
-    sendMessage: null,
-    renderComponent: () => {
-      throw new Error(`missing root context`);
-    }
-  });
+  var StageContext = (0, import_react4.createContext)(
+    new Proxy({}, {
+      get: () => {
+        throw new Error("Missing StageContext.Provider");
+      }
+    })
+  );
   var TOUCH_INDICATOR_CLASS = "touch-indicator";
   var TOUCHING_CLASS = "touching";
   var ERROR_CLASS = "error";
@@ -27207,6 +27208,7 @@ body {
       void 0
     );
     const socket = (0, import_react12.useRef)(null);
+    const uuid = (0, import_react12.useRef)(null);
     const preparedRenderers = (0, import_react12.useMemo)(() => {
       const prepared = {};
       for (const renderer of renderers) {
@@ -27257,6 +27259,9 @@ body {
     };
     const handleMessage = (msg) => {
       switch (msg.type) {
+        case "metadata":
+          uuid.current = msg.connectionUuid;
+          return;
         case "tree-full":
           setRoot(msg.root);
           return;
@@ -27270,7 +27275,13 @@ body {
       {
         value: {
           sendMessage,
-          renderComponent
+          renderComponent,
+          get connectionUuid() {
+            if (!uuid.current) {
+              throw new Error("Unexpected missing UUID");
+            }
+            return uuid.current;
+          }
         }
       },
       /* @__PURE__ */ import_react12.default.createElement(GroupStateWrapper, { openByDefault: false }, /* @__PURE__ */ import_react12.default.createElement("div", { className }, root ? renderComponent(root) : /* @__PURE__ */ import_react12.default.createElement("div", { className: "no-root" }, "No root has been added to the light desk")))