pptx-react-viewer 2.19.4 → 2.19.6

package/dist/internals.mjs

@@ -1,5 +1,5 @@
-export { MIN_TOUCH_TARGET, computeToolbarVisibility, useAnimationPlayback, useAnnotationHandlers, useAudienceMode, useAutosave, useBroadcastFollower, useCanvasInteractions, useClipboardHandlers, useCollaborativeHistory, useCollaborativeState, useComments, useContentLifecycle, useDerivedElementState, useDerivedSlideState, useDialogCustomShows, useEditorHistory, useEditorOperations, useElementManipulation, useElementOperations, useExportHandlers, useExportSaveAs, useFindReplace, useFollowMode, useFontInjection, useGroupAlignLayerHandlers, useIOHandlers, useInsertElements, useIsMobile, useKeyboardInsets, useKeyboardShortcutWiring, useKeyboardShortcuts, useLayoutSwitching, useLoadContent, useMergeShapesHandler, useModalDismissDrag, usePointerHandlers, usePresenceTracking, usePresentationAnnotations, usePresentationKeyboard, usePresentationMode, usePresentationSetup, usePresenterWindow, usePrintHandlers, usePropertyHandlers, useRecoveryDetection, useReducedMotion, useRehearsalTimings, useResizablePanels, useSectionOperations, useSerialize, useSheetDismissDrag, useSlideManagement, useSlideNavigation, useSwipeNavigation, useTableOperations, useThemeHandlers, useThemeSwitching, useToolbarVisibility, useTouchGestures, useViewerBuildingBlocks, useViewerCoreState, useViewerDialogs, useViewerIntegration, useViewerOptions, useViewerState, useViewerUIState, useVirtualizedSlides, useYjsDocumentSync, useYjsProvider, useZoomNavigation, useZoomViewport } from './chunk-PY4526QN.mjs';
-import './chunk-2HNIYZ3O.mjs';
+export { MIN_TOUCH_TARGET, computeToolbarVisibility, useAnimationPlayback, useAnnotationHandlers, useAudienceMode, useAutosave, useBroadcastFollower, useCanvasInteractions, useClipboardHandlers, useCollaborativeHistory, useCollaborativeState, useComments, useContentLifecycle, useDerivedElementState, useDerivedSlideState, useDialogCustomShows, useEditorHistory, useEditorOperations, useElementManipulation, useElementOperations, useExportHandlers, useExportSaveAs, useFindReplace, useFollowMode, useFontInjection, useGroupAlignLayerHandlers, useIOHandlers, useInsertElements, useIsMobile, useKeyboardInsets, useKeyboardShortcutWiring, useKeyboardShortcuts, useLayoutSwitching, useLoadContent, useMergeShapesHandler, useModalDismissDrag, usePointerHandlers, usePresenceTracking, usePresentationAnnotations, usePresentationKeyboard, usePresentationMode, usePresentationSetup, usePresenterWindow, usePrintHandlers, usePropertyHandlers, useRecoveryDetection, useReducedMotion, useRehearsalTimings, useResizablePanels, useSectionOperations, useSerialize, useSheetDismissDrag, useSlideManagement, useSlideNavigation, useSwipeNavigation, useTableOperations, useThemeHandlers, useThemeSwitching, useToolbarVisibility, useTouchGestures, useViewerBuildingBlocks, useViewerCoreState, useViewerDialogs, useViewerIntegration, useViewerOptions, useViewerState, useViewerUIState, useVirtualizedSlides, useYjsDocumentSync, useYjsProvider, useZoomNavigation, useZoomViewport } from './chunk-VU4RQSTI.mjs';
+import './chunk-667ZAXQN.mjs';
 import './chunk-SQJBFMEX.mjs';
-export { MOBILE_BREAKPOINT, TABLET_BREAKPOINT, computeVirtualRange } from './chunk-J3JFXIDN.mjs';
+export { MOBILE_BREAKPOINT, TABLET_BREAKPOINT, computeVirtualRange } from './chunk-RQWZ7J3Z.mjs';
 import './chunk-XGB3TDIC.mjs';

package/dist/viewer/index.js

@@ -1,96 +1,96 @@
 'use strict';
 
-var chunkV7GPBZKH_js = require('../chunk-V7GPBZKH.js');
-require('../chunk-PEGZP2W2.js');
-var chunkFBXLCEK7_js = require('../chunk-FBXLCEK7.js');
-var chunkD4LINQVA_js = require('../chunk-D4LINQVA.js');
+var chunk2N2Z7WG2_js = require('../chunk-2N2Z7WG2.js');
+require('../chunk-KPNZXUKK.js');
+var chunkYEEOYPFO_js = require('../chunk-YEEOYPFO.js');
+var chunkFTUGCQVY_js = require('../chunk-FTUGCQVY.js');
 require('../chunk-MVKRI3CZ.js');
-var chunkIJY5WNZK_js = require('../chunk-IJY5WNZK.js');
+var chunk3BK53XWF_js = require('../chunk-3BK53XWF.js');
 require('../chunk-4VNS5WPM.js');
 
 
 
 Object.defineProperty(exports, "CollaborationProvider", {
   enumerable: true,
-  get: function () { return chunkV7GPBZKH_js.CollaborationProvider; }
+  get: function () { return chunk2N2Z7WG2_js.CollaborationProvider; }
 });
 Object.defineProperty(exports, "CollaborationStatusIndicator", {
   enumerable: true,
-  get: function () { return chunkV7GPBZKH_js.CollaborationStatusIndicator; }
+  get: function () { return chunk2N2Z7WG2_js.CollaborationStatusIndicator; }
 });
 Object.defineProperty(exports, "PowerPointViewer", {
   enumerable: true,
-  get: function () { return chunkV7GPBZKH_js.PowerPointViewer; }
+  get: function () { return chunk2N2Z7WG2_js.PowerPointViewer; }
 });
 Object.defineProperty(exports, "RemoteUserCursors", {
   enumerable: true,
-  get: function () { return chunkV7GPBZKH_js.RemoteUserCursors; }
+  get: function () { return chunk2N2Z7WG2_js.RemoteUserCursors; }
 });
 Object.defineProperty(exports, "UserAvatarBar", {
   enumerable: true,
-  get: function () { return chunkV7GPBZKH_js.UserAvatarBar; }
+  get: function () { return chunk2N2Z7WG2_js.UserAvatarBar; }
 });
 Object.defineProperty(exports, "isAudienceTab", {
   enumerable: true,
-  get: function () { return chunkFBXLCEK7_js.isAudienceTab; }
+  get: function () { return chunkYEEOYPFO_js.isAudienceTab; }
 });
 Object.defineProperty(exports, "parseAudienceNonce", {
   enumerable: true,
-  get: function () { return chunkFBXLCEK7_js.parseAudienceNonce; }
+  get: function () { return chunkYEEOYPFO_js.parseAudienceNonce; }
 });
 Object.defineProperty(exports, "useCollaborativeHistory", {
   enumerable: true,
-  get: function () { return chunkFBXLCEK7_js.useCollaborativeHistory; }
+  get: function () { return chunkYEEOYPFO_js.useCollaborativeHistory; }
 });
 Object.defineProperty(exports, "useCollaborativeState", {
   enumerable: true,
-  get: function () { return chunkFBXLCEK7_js.useCollaborativeState; }
+  get: function () { return chunkYEEOYPFO_js.useCollaborativeState; }
 });
 Object.defineProperty(exports, "usePresenceTracking", {
   enumerable: true,
-  get: function () { return chunkFBXLCEK7_js.usePresenceTracking; }
+  get: function () { return chunkYEEOYPFO_js.usePresenceTracking; }
 });
 Object.defineProperty(exports, "useThemeSwitching", {
   enumerable: true,
-  get: function () { return chunkFBXLCEK7_js.useThemeSwitching; }
+  get: function () { return chunkYEEOYPFO_js.useThemeSwitching; }
 });
 Object.defineProperty(exports, "useYjsProvider", {
   enumerable: true,
-  get: function () { return chunkFBXLCEK7_js.useYjsProvider; }
+  get: function () { return chunkYEEOYPFO_js.useYjsProvider; }
 });
 Object.defineProperty(exports, "getAnimationInitialStyle", {
   enumerable: true,
-  get: function () { return chunkD4LINQVA_js.getAnimationInitialStyle; }
+  get: function () { return chunkFTUGCQVY_js.getAnimationInitialStyle; }
 });
 Object.defineProperty(exports, "clearAudienceContent", {
   enumerable: true,
-  get: function () { return chunkIJY5WNZK_js.clearAudienceContent; }
+  get: function () { return chunk3BK53XWF_js.clearAudienceContent; }
 });
 Object.defineProperty(exports, "forgetSessionDeck", {
   enumerable: true,
-  get: function () { return chunkIJY5WNZK_js.forgetSessionDeck; }
+  get: function () { return chunk3BK53XWF_js.forgetSessionDeck; }
 });
 Object.defineProperty(exports, "getSessionTabId", {
   enumerable: true,
-  get: function () { return chunkIJY5WNZK_js.getSessionTabId; }
+  get: function () { return chunk3BK53XWF_js.getSessionTabId; }
 });
 Object.defineProperty(exports, "loadAudienceContent", {
   enumerable: true,
-  get: function () { return chunkIJY5WNZK_js.loadAudienceContent; }
+  get: function () { return chunk3BK53XWF_js.loadAudienceContent; }
 });
 Object.defineProperty(exports, "loadSessionDeck", {
   enumerable: true,
-  get: function () { return chunkIJY5WNZK_js.loadSessionDeck; }
+  get: function () { return chunk3BK53XWF_js.loadSessionDeck; }
 });
 Object.defineProperty(exports, "rememberSessionDeck", {
   enumerable: true,
-  get: function () { return chunkIJY5WNZK_js.rememberSessionDeck; }
+  get: function () { return chunk3BK53XWF_js.rememberSessionDeck; }
 });
 Object.defineProperty(exports, "restoreSessionDeck", {
   enumerable: true,
-  get: function () { return chunkIJY5WNZK_js.restoreSessionDeck; }
+  get: function () { return chunk3BK53XWF_js.restoreSessionDeck; }
 });
 Object.defineProperty(exports, "storeAudienceContent", {
   enumerable: true,
-  get: function () { return chunkIJY5WNZK_js.storeAudienceContent; }
+  get: function () { return chunk3BK53XWF_js.storeAudienceContent; }
 });

package/dist/viewer/index.mjs

@@ -1,7 +1,7 @@
-export { CollaborationProvider, CollaborationStatusIndicator, PowerPointViewer, RemoteUserCursors, UserAvatarBar } from '../chunk-6GRIVSUK.mjs';
-import '../chunk-FWX6HUVA.mjs';
-export { isAudienceTab, parseAudienceNonce, useCollaborativeHistory, useCollaborativeState, usePresenceTracking, useThemeSwitching, useYjsProvider } from '../chunk-PY4526QN.mjs';
-export { getAnimationInitialStyle } from '../chunk-2HNIYZ3O.mjs';
+export { CollaborationProvider, CollaborationStatusIndicator, PowerPointViewer, RemoteUserCursors, UserAvatarBar } from '../chunk-NHN6XKJV.mjs';
+import '../chunk-IWCBDKPX.mjs';
+export { isAudienceTab, parseAudienceNonce, useCollaborativeHistory, useCollaborativeState, usePresenceTracking, useThemeSwitching, useYjsProvider } from '../chunk-VU4RQSTI.mjs';
+export { getAnimationInitialStyle } from '../chunk-667ZAXQN.mjs';
 import '../chunk-SQJBFMEX.mjs';
-export { clearAudienceContent, forgetSessionDeck, getSessionTabId, loadAudienceContent, loadSessionDeck, rememberSessionDeck, restoreSessionDeck, storeAudienceContent } from '../chunk-J3JFXIDN.mjs';
+export { clearAudienceContent, forgetSessionDeck, getSessionTabId, loadAudienceContent, loadSessionDeck, rememberSessionDeck, restoreSessionDeck, storeAudienceContent } from '../chunk-RQWZ7J3Z.mjs';
 import '../chunk-XGB3TDIC.mjs';

package/dist/{y-websocket-DCTJ76B7.mjs → y-websocket-HUEA7LH7.mjs}

@@ -14,7 +14,7 @@ var readAuthMessage = (decoder, y, permissionDeniedHandler2) => {
 // ../../node_modules/.bun/lib0@0.2.117/node_modules/lib0/url.js
 var encodeQueryParams = (params) => map(params, (val, key) => `${encodeURIComponent(key)}=${encodeURIComponent(val)}`).join("&");
 
-// ../../node_modules/.bun/y-websocket@3.0.0+48ebd0cf55a3d4ab/node_modules/y-websocket/src/y-websocket.js
+// ../../node_modules/.bun/y-websocket@3.1.0+48ebd0cf55a3d4ab/node_modules/y-websocket/src/y-websocket.js
 var messageSync = 0;
 var messageQueryAwareness = 3;
 var messageAwareness = 1;
@@ -74,10 +74,16 @@ var readMessage = (provider, buf, emitSynced) => {
   }
   return encoder;
 };
+var defaultShouldReconnect = (event) => !(event.code >= 4400 && event.code < 4500);
 var closeWebsocketConnection = (provider, ws, event) => {
-  if (ws === provider.ws) {
+  if (ws !== null && ws === provider.ws) {
     provider.emit("connection-close", [event, provider]);
     provider.ws = null;
+    ws.onmessage = null;
+    ws.onopen = null;
+    ws.onclose = null;
+    ws.onerror = () => {
+    };
     ws.close();
     provider.wsconnecting = false;
     if (provider.wsconnected) {
@@ -93,8 +99,12 @@ var closeWebsocketConnection = (provider, ws, event) => {
       provider.emit("status", [{
         status: "disconnected"
       }]);
-    } else {
-      provider.wsUnsuccessfulReconnects++;
+    }
+    provider.wsUnsuccessfulReconnects++;
+    let terminalClose = null;
+    if (event != null && !provider.shouldReconnect(event, provider)) {
+      provider.shouldConnect = false;
+      terminalClose = { code: event.code, reason: event.reason };
     }
     setTimeout(
       setupWS,
@@ -104,6 +114,9 @@ var closeWebsocketConnection = (provider, ws, event) => {
       ),
       provider
     );
+    if (terminalClose !== null) {
+      provider.emit("closed", [terminalClose, provider]);
+    }
   }
 };
 var setupWS = (provider) => {
@@ -115,6 +128,7 @@ var setupWS = (provider) => {
     provider.wsconnected = false;
     provider.synced = false;
     websocket.onmessage = (event) => {
+      if (provider.ws !== websocket) return;
       provider.wsLastMessageReceived = getUnixTime();
       const encoder = readMessage(provider, new Uint8Array(event.data), true);
       if (length(encoder) > 1) {
@@ -122,16 +136,17 @@ var setupWS = (provider) => {
       }
     };
     websocket.onerror = (event) => {
+      if (provider.ws !== websocket) return;
       provider.emit("connection-error", [event, provider]);
     };
     websocket.onclose = (event) => {
       closeWebsocketConnection(provider, websocket, event);
     };
     websocket.onopen = () => {
+      if (provider.ws !== websocket) return;
       provider.wsLastMessageReceived = getUnixTime();
       provider.wsconnecting = false;
       provider.wsconnected = true;
-      provider.wsUnsuccessfulReconnects = 0;
       provider.emit("status", [{
         status: "connected"
       }]);
@@ -179,6 +194,7 @@ var WebsocketProvider = class extends ObservableV2 {
    * @param {number} [opts.resyncInterval] Request server state every `resyncInterval` milliseconds
    * @param {number} [opts.maxBackoffTime] Maximum amount of time to wait before trying to reconnect (we try to reconnect using exponential backoff)
    * @param {boolean} [opts.disableBc] Disable cross-tab BroadcastChannel communication
+   * @param {(event: CloseEvent, provider: WebsocketProvider) => boolean} [opts.shouldReconnect] Decide whether to reconnect after the server closed the connection. By default, close codes in the 4400-4499 range are permanent - we stop reconnecting and emit a `closed` event. This is never called for connections that were closed locally (e.g. via `provider.disconnect()`).
    */
   constructor(serverUrl, roomname, doc, {
     connect = true,
@@ -188,7 +204,8 @@ var WebsocketProvider = class extends ObservableV2 {
     WebSocketPolyfill = WebSocket,
     resyncInterval = -1,
     maxBackoffTime = 2500,
-    disableBc = false
+    disableBc = false,
+    shouldReconnect = defaultShouldReconnect
   } = {}) {
     super();
     while (serverUrl[serverUrl.length - 1] === "/") {
@@ -197,6 +214,7 @@ var WebsocketProvider = class extends ObservableV2 {
     this.serverUrl = serverUrl;
     this.bcChannel = serverUrl + "/" + roomname;
     this.maxBackoffTime = maxBackoffTime;
+    this.shouldReconnect = shouldReconnect;
     this.params = params;
     this.protocols = protocols;
     this.roomname = roomname;
@@ -291,6 +309,9 @@ var WebsocketProvider = class extends ObservableV2 {
   set synced(state) {
     if (this._synced !== state) {
       this._synced = state;
+      if (state) {
+        this.wsUnsuccessfulReconnects = 0;
+      }
       this.emit("synced", [state]);
       this.emit("sync", [state]);
     }

package/dist/{y-websocket-DQLOWGV6.js → y-websocket-YRPS7AFF.js}

@@ -16,7 +16,7 @@ var readAuthMessage = (decoder, y, permissionDeniedHandler2) => {
 // ../../node_modules/.bun/lib0@0.2.117/node_modules/lib0/url.js
 var encodeQueryParams = (params) => chunkZYQT7I5C_js.map(params, (val, key) => `${encodeURIComponent(key)}=${encodeURIComponent(val)}`).join("&");
 
-// ../../node_modules/.bun/y-websocket@3.0.0+48ebd0cf55a3d4ab/node_modules/y-websocket/src/y-websocket.js
+// ../../node_modules/.bun/y-websocket@3.1.0+48ebd0cf55a3d4ab/node_modules/y-websocket/src/y-websocket.js
 var messageSync = 0;
 var messageQueryAwareness = 3;
 var messageAwareness = 1;
@@ -76,10 +76,16 @@ var readMessage = (provider, buf, emitSynced) => {
   }
   return encoder;
 };
+var defaultShouldReconnect = (event) => !(event.code >= 4400 && event.code < 4500);
 var closeWebsocketConnection = (provider, ws, event) => {
-  if (ws === provider.ws) {
+  if (ws !== null && ws === provider.ws) {
     provider.emit("connection-close", [event, provider]);
     provider.ws = null;
+    ws.onmessage = null;
+    ws.onopen = null;
+    ws.onclose = null;
+    ws.onerror = () => {
+    };
     ws.close();
     provider.wsconnecting = false;
     if (provider.wsconnected) {
@@ -95,8 +101,12 @@ var closeWebsocketConnection = (provider, ws, event) => {
       provider.emit("status", [{
         status: "disconnected"
       }]);
-    } else {
-      provider.wsUnsuccessfulReconnects++;
+    }
+    provider.wsUnsuccessfulReconnects++;
+    let terminalClose = null;
+    if (event != null && !provider.shouldReconnect(event, provider)) {
+      provider.shouldConnect = false;
+      terminalClose = { code: event.code, reason: event.reason };
     }
     setTimeout(
       setupWS,
@@ -106,6 +116,9 @@ var closeWebsocketConnection = (provider, ws, event) => {
       ),
       provider
     );
+    if (terminalClose !== null) {
+      provider.emit("closed", [terminalClose, provider]);
+    }
   }
 };
 var setupWS = (provider) => {
@@ -117,6 +130,7 @@ var setupWS = (provider) => {
     provider.wsconnected = false;
     provider.synced = false;
     websocket.onmessage = (event) => {
+      if (provider.ws !== websocket) return;
       provider.wsLastMessageReceived = chunkZYQT7I5C_js.getUnixTime();
       const encoder = readMessage(provider, new Uint8Array(event.data), true);
       if (chunkZYQT7I5C_js.length(encoder) > 1) {
@@ -124,16 +138,17 @@ var setupWS = (provider) => {
       }
     };
     websocket.onerror = (event) => {
+      if (provider.ws !== websocket) return;
       provider.emit("connection-error", [event, provider]);
     };
     websocket.onclose = (event) => {
       closeWebsocketConnection(provider, websocket, event);
     };
     websocket.onopen = () => {
+      if (provider.ws !== websocket) return;
       provider.wsLastMessageReceived = chunkZYQT7I5C_js.getUnixTime();
       provider.wsconnecting = false;
       provider.wsconnected = true;
-      provider.wsUnsuccessfulReconnects = 0;
       provider.emit("status", [{
         status: "connected"
       }]);
@@ -181,6 +196,7 @@ var WebsocketProvider = class extends chunkZYQT7I5C_js.ObservableV2 {
    * @param {number} [opts.resyncInterval] Request server state every `resyncInterval` milliseconds
    * @param {number} [opts.maxBackoffTime] Maximum amount of time to wait before trying to reconnect (we try to reconnect using exponential backoff)
    * @param {boolean} [opts.disableBc] Disable cross-tab BroadcastChannel communication
+   * @param {(event: CloseEvent, provider: WebsocketProvider) => boolean} [opts.shouldReconnect] Decide whether to reconnect after the server closed the connection. By default, close codes in the 4400-4499 range are permanent - we stop reconnecting and emit a `closed` event. This is never called for connections that were closed locally (e.g. via `provider.disconnect()`).
    */
   constructor(serverUrl, roomname, doc, {
     connect = true,
@@ -190,7 +206,8 @@ var WebsocketProvider = class extends chunkZYQT7I5C_js.ObservableV2 {
     WebSocketPolyfill = WebSocket,
     resyncInterval = -1,
     maxBackoffTime = 2500,
-    disableBc = false
+    disableBc = false,
+    shouldReconnect = defaultShouldReconnect
   } = {}) {
     super();
     while (serverUrl[serverUrl.length - 1] === "/") {
@@ -199,6 +216,7 @@ var WebsocketProvider = class extends chunkZYQT7I5C_js.ObservableV2 {
     this.serverUrl = serverUrl;
     this.bcChannel = serverUrl + "/" + roomname;
     this.maxBackoffTime = maxBackoffTime;
+    this.shouldReconnect = shouldReconnect;
     this.params = params;
     this.protocols = protocols;
     this.roomname = roomname;
@@ -293,6 +311,9 @@ var WebsocketProvider = class extends chunkZYQT7I5C_js.ObservableV2 {
   set synced(state) {
     if (this._synced !== state) {
       this._synced = state;
+      if (state) {
+        this.wsUnsuccessfulReconnects = 0;
+      }
       this.emit("synced", [state]);
       this.emit("sync", [state]);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pptx-react-viewer",
-	"version": "2.19.4",
+	"version": "2.19.6",
 	"description": "React PowerPoint viewer and editor component: render, edit, and export PPTX slides in the browser.",
 	"keywords": [
 		"editor",
@@ -93,7 +93,7 @@
 		"typescript": "^7.0.2",
 		"vitest": "^4.1.10",
 		"y-webrtc": "^10.3.0",
-		"y-websocket": "^3.0.0",
+		"y-websocket": "^3.1.0",
 		"yjs": "^13.6.32"
 	},
 	"peerDependencies": {
@@ -121,7 +121,7 @@
 	"optionalDependencies": {
 		"three": "^0.185.1",
 		"y-webrtc": "^10.3.0",
-		"y-websocket": "^3.0.0",
+		"y-websocket": "^3.1.0",
 		"yjs": "^13.6.32"
 	}
 }