@arcanejs/toolkit 8.0.0 → 9.0.0

package/dist/frontend/index.js

@@ -37,6 +37,19 @@ var Stage = ({ className, renderers, loadingState }) => {
     nextId: 1,
     pings: /* @__PURE__ */ new Map()
   });
+  const notificationListeners = _react.useRef.call(void 0, /* @__PURE__ */ new Set());
+  const addNotificationListener = _react.useCallback.call(void 0, 
+    (listener) => {
+      notificationListeners.current.add(listener);
+    },
+    []
+  );
+  const removeNotificationListener = _react.useCallback.call(void 0, 
+    (listener) => {
+      notificationListeners.current.delete(listener);
+    },
+    []
+  );
   const preparedRenderers = _react.useMemo.call(void 0, () => {
     const prepared = {};
     for (const renderer of renderers) {
@@ -82,6 +95,12 @@ var Stage = ({ className, renderers, loadingState }) => {
         }
         return;
       }
+      case "notification": {
+        for (const listener of notificationListeners.current) {
+          listener(msg);
+        }
+        return;
+      }
       case "pong": {
         const ping = pings.current.pings.get(msg.pingId);
         if (!ping) {
@@ -149,28 +168,62 @@ var Stage = ({ className, renderers, loadingState }) => {
   const sendMessage = _react.useCallback.call(void 0, async (msg) => {
     (await (socket.current || initializeWebsocket())).send(JSON.stringify(msg));
   }, []);
-  const call = _react.useCallback.call(void 0, 
+  const callHandler = _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))
-          );
-        }
-      );
+      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;
     },
     []
   );
+  const call = _react.useCallback.call(void 0, 
+    async (msg) => callHandler(msg),
+    []
+  );
+  const upload = _react.useCallback.call(void 0, 
+    async (msg, data) => {
+      const uploadId = await callHandler(msg);
+      const uploadUrl = new URL(`upload/${uploadId}`, window.location.href);
+      const result = await fetch(uploadUrl.href, {
+        method: "POST",
+        body: data
+      });
+      if (!result.ok) {
+        throw new Error(`Upload failed with status ${result.status}`);
+      }
+    },
+    []
+  );
+  const download = _react.useCallback.call(void 0, 
+    async (msg) => {
+      const downloadId = await callHandler(msg);
+      const downloadUrl = new URL(
+        `download/${downloadId}`,
+        window.location.href
+      );
+      const result = await fetch(downloadUrl.href);
+      if (!result.ok) {
+        throw new Error(`Download failed with status ${result.status}`);
+      }
+      if (!result.body) {
+        throw new Error("Download response has no body");
+      }
+      return result.body;
+    },
+    []
+  );
   _react.useEffect.call(void 0, () => {
     initializeWebsocket();
   }, [initializeWebsocket]);
@@ -209,6 +262,10 @@ var Stage = ({ className, renderers, loadingState }) => {
       sendMessage,
       renderComponent,
       call,
+      upload,
+      download,
+      addNotificationListener,
+      removeNotificationListener,
       connectionUuid: connection.state === "connected" ? connection.uuid : null,
       connection,
       timeDifferenceMs: _nullishCoalesce(_optionalChain([bestPing, 'optionalAccess', _ => _.timeDifferenceMs]), () => ( null)),

package/dist/frontend/index.mjs

@@ -37,6 +37,19 @@ var Stage = ({ className, renderers, loadingState }) => {
     nextId: 1,
     pings: /* @__PURE__ */ new Map()
   });
+  const notificationListeners = useRef(/* @__PURE__ */ new Set());
+  const addNotificationListener = useCallback(
+    (listener) => {
+      notificationListeners.current.add(listener);
+    },
+    []
+  );
+  const removeNotificationListener = useCallback(
+    (listener) => {
+      notificationListeners.current.delete(listener);
+    },
+    []
+  );
   const preparedRenderers = useMemo(() => {
     const prepared = {};
     for (const renderer of renderers) {
@@ -82,6 +95,12 @@ var Stage = ({ className, renderers, loadingState }) => {
         }
         return;
       }
+      case "notification": {
+        for (const listener of notificationListeners.current) {
+          listener(msg);
+        }
+        return;
+      }
       case "pong": {
         const ping = pings.current.pings.get(msg.pingId);
         if (!ping) {
@@ -149,28 +168,62 @@ var Stage = ({ className, renderers, loadingState }) => {
   const sendMessage = useCallback(async (msg) => {
     (await (socket.current || initializeWebsocket())).send(JSON.stringify(msg));
   }, []);
-  const call = useCallback(
+  const callHandler = 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))
-          );
-        }
-      );
+      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;
     },
     []
   );
+  const call = useCallback(
+    async (msg) => callHandler(msg),
+    []
+  );
+  const upload = useCallback(
+    async (msg, data) => {
+      const uploadId = await callHandler(msg);
+      const uploadUrl = new URL(`upload/${uploadId}`, window.location.href);
+      const result = await fetch(uploadUrl.href, {
+        method: "POST",
+        body: data
+      });
+      if (!result.ok) {
+        throw new Error(`Upload failed with status ${result.status}`);
+      }
+    },
+    []
+  );
+  const download = useCallback(
+    async (msg) => {
+      const downloadId = await callHandler(msg);
+      const downloadUrl = new URL(
+        `download/${downloadId}`,
+        window.location.href
+      );
+      const result = await fetch(downloadUrl.href);
+      if (!result.ok) {
+        throw new Error(`Download failed with status ${result.status}`);
+      }
+      if (!result.body) {
+        throw new Error("Download response has no body");
+      }
+      return result.body;
+    },
+    []
+  );
   useEffect(() => {
     initializeWebsocket();
   }, [initializeWebsocket]);
@@ -209,6 +262,10 @@ var Stage = ({ className, renderers, loadingState }) => {
       sendMessage,
       renderComponent,
       call,
+      upload,
+      download,
+      addNotificationListener,
+      removeNotificationListener,
       connectionUuid: connection.state === "connected" ? connection.uuid : null,
       connection,
       timeDifferenceMs: bestPing?.timeDifferenceMs ?? null,

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-export { A as AnyComponent, B as Button, G as Group, l as GroupHeader, T as Toolkit, e as ToolkitAdditionalFiles, f as ToolkitClockSyncOptions, a as ToolkitConnection, g as ToolkitCoreAssetRelativePath, h as ToolkitHtmlPageContext, i as ToolkitOptions, b as ToolkitRenderContext, d as ToolkitServerListener, c as ToolkitServerListenerOptions, j as ToolkitStaticFile, k as ToolkitStaticFileResolver } from './toolkit-BPqxbDbk.mjs';
+export { A as AnyComponent, B as Button, G as Group, l as GroupHeader, T as Toolkit, e as ToolkitAdditionalFiles, f as ToolkitClockSyncOptions, a as ToolkitConnection, g as ToolkitCoreAssetRelativePath, h as ToolkitHtmlPageContext, i as ToolkitOptions, b as ToolkitRenderContext, d as ToolkitServerListener, c as ToolkitServerListenerOptions, j as ToolkitStaticFile, k as ToolkitStaticFileResolver } from './toolkit-GNytD78y.mjs';
 export { Label } from './backend/components/label.mjs';
 export { Rect } from './backend/components/rect.mjs';
 export { SliderButton } from './backend/components/slider-button.mjs';
@@ -12,6 +12,7 @@ import 'http';
 import 'express';
 import 'ws';
 import '@arcanejs/protocol';
+import 'node:stream';
+import './id-map-DxQ3_gyA.mjs';
 import '@arcanejs/protocol/core';
 import '@arcanejs/protocol/styles';
-import './id-map-DxQ3_gyA.mjs';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { A as AnyComponent, B as Button, G as Group, l as GroupHeader, T as Toolkit, e as ToolkitAdditionalFiles, f as ToolkitClockSyncOptions, a as ToolkitConnection, g as ToolkitCoreAssetRelativePath, h as ToolkitHtmlPageContext, i as ToolkitOptions, b as ToolkitRenderContext, d as ToolkitServerListener, c as ToolkitServerListenerOptions, j as ToolkitStaticFile, k as ToolkitStaticFileResolver } from './toolkit-Bglbv3ix.js';
+export { A as AnyComponent, B as Button, G as Group, l as GroupHeader, T as Toolkit, e as ToolkitAdditionalFiles, f as ToolkitClockSyncOptions, a as ToolkitConnection, g as ToolkitCoreAssetRelativePath, h as ToolkitHtmlPageContext, i as ToolkitOptions, b as ToolkitRenderContext, d as ToolkitServerListener, c as ToolkitServerListenerOptions, j as ToolkitStaticFile, k as ToolkitStaticFileResolver } from './toolkit-CKA9A4r-.js';
 export { Label } from './backend/components/label.js';
 export { Rect } from './backend/components/rect.js';
 export { SliderButton } from './backend/components/slider-button.js';
@@ -12,6 +12,7 @@ import 'http';
 import 'express';
 import 'ws';
 import '@arcanejs/protocol';
+import 'node:stream';
+import './id-map-DxQ3_gyA.js';
 import '@arcanejs/protocol/core';
 import '@arcanejs/protocol/styles';
-import './id-map-DxQ3_gyA.js';