npm - box-content-preview - Versions diffs - 3.42.0 → 3.44.0 - Mend

box-content-preview 3.42.0 → 3.44.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/README.md CHANGED Viewed

@@ -2,7 +2,7 @@
 [![Mergify Status](https://img.shields.io/endpoint.svg?url=https://gh.mergify.io/badges/box/box-content-preview&style=flat)](https://mergify.io)
 [![Styled With Prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
 [![build status](https://img.shields.io/travis/box/box-content-preview/master.svg?style=flat-square)](https://travis-ci.org/box/box-content-preview)
-[![version](https://img.shields.io/badge/version-v3.42.0-blue.svg?style=flat-square)](https://github.com/box/box-content-preview)
+[![version](https://img.shields.io/badge/version-v3.44.0-blue.svg?style=flat-square)](https://github.com/box/box-content-preview)
 [![npm version](https://img.shields.io/npm/v/box-ui-elements.svg?style=flat-square)](https://www.npmjs.com/package/box-ui-elements)
 # [Box Content Preview](https://developer.box.com/docs/box-content-preview)
@@ -22,11 +22,11 @@ We encourage all users to update their applications to utilize modern browsers f
 ## Current Version
-- Version: v3.42.0
+- Version: v3.44.0
 - Locale: en-US
-https://cdn01.boxcdn.net/platform/preview/3.42.0/en-US/preview.js
-https://cdn01.boxcdn.net/platform/preview/3.42.0/en-US/preview.css
+https://cdn01.boxcdn.net/platform/preview/3.44.0/en-US/preview.js
+https://cdn01.boxcdn.net/platform/preview/3.44.0/en-US/preview.css
 ## Supported Locales
@@ -52,10 +52,10 @@ You can self-host the Box Content Preview library or reference the versions avai
     <title>Box Content Preview Demo</title>
     <!-- Latest version of Preview SDK for your locale -->
-    <script src="https://cdn01.boxcdn.net/platform/preview/3.42.0/en-US/preview.js"></script>
+    <script src="https://cdn01.boxcdn.net/platform/preview/3.44.0/en-US/preview.js"></script>
     <link
       rel="stylesheet"
-      href="https://cdn01.boxcdn.net/platform/preview/3.42.0/en-US/preview.css"
+      href="https://cdn01.boxcdn.net/platform/preview/3.44.0/en-US/preview.css"
     />
   </head>
   <body>
@@ -76,7 +76,7 @@ To self-host the Box Content Preview library, follow these steps:
 1. Either fork the repo and check out the version you want to host or download the specific version as a zip:
-- Check out a specific version with `git checkout v3.42.0`
+- Check out a specific version with `git checkout v3.44.0`
 - Download a specific version as a zip from https://github.com/box/box-content-preview/releases
 2. Install dependencies and build the library with `yarn install && yarn build:i18n && yarn build:prod`

package/dist/lib/index.js CHANGED Viewed

@@ -9340,7 +9340,7 @@ function util_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var
 const CLIENT_NAME = "box-content-preview"; // eslint-disable-line no-undef
 const CLIENT_NAME_KEY = 'box_client_name';
 const CLIENT_VERSION_KEY = 'box_client_version';
-const CLIENT_VERSION = "3.42.0"; // eslint-disable-line no-undef
+const CLIENT_VERSION = "3.44.0"; // eslint-disable-line no-undef
 const HEADER_CLIENT_NAME = 'X-Box-Client-Name';
 const HEADER_CLIENT_VERSION = 'X-Box-Client-Version';
 const PROMISE_MAP = {};
@@ -11058,7 +11058,7 @@ class Browser {
 ;// ./src/lib/Logger.js
 /* eslint-disable no-undef */
 const Logger_CLIENT_NAME = "box-content-preview";
-const Logger_CLIENT_VERSION = "3.42.0";
+const Logger_CLIENT_VERSION = "3.44.0";
 /* eslint-enable no-undef */
 class Logger {
@@ -13752,6 +13752,7 @@ class ControlsRoot {
     let {
       className = 'bp-ControlsRoot',
       containerEl,
+      fileExtension,
       fileId,
       onHide = (noop_default()),
       onShow = (noop_default())
@@ -13783,6 +13784,7 @@ class ControlsRoot {
     this.controlsEl.setAttribute('data-testid', 'bp-controls');
     this.controlsEl.setAttribute('data-resin-component', 'toolbar');
     this.controlsEl.setAttribute('data-resin-fileid', fileId);
+    this.controlsEl.setAttribute('data-resin-fileextension', fileExtension || '');
     this.containerEl = containerEl;
     this.containerEl.addEventListener('mousemove', this.handleMouseMove);
     this.containerEl.addEventListener('touchstart', this.handleTouchStart);
@@ -14028,6 +14030,7 @@ class ImageBaseViewer extends viewers_BaseViewer {
   loadUI() {
     this.controls = new ControlsRoot({
       containerEl: this.containerEl,
+      fileExtension: this.options.file.extension,
       fileId: this.options.file.id
     });
   }
@@ -14174,6 +14177,13 @@ class ImageBaseViewer extends viewers_BaseViewer {
         return;
       }
       this.isPinching = true;
+      this.options.resin?.recordAction({
+        action: 'programmatic',
+        component: 'toolbar',
+        target: event.deltaY > 0 ? 'zoomOut' : 'zoomIn',
+        fileId: this.options.file.id,
+        fileExtension: this.options.file.extension
+      });
     }
     // Reset pinch session after a brief idle (no explicit "pinch end" event exists)
@@ -19428,8 +19438,23 @@ class TextBaseViewer extends viewers_BaseViewer {
   wheelZoomHandler(event) {
     const textEl = this.containerEl && this.containerEl.querySelector('.bp-text');
     if (!event.ctrlKey || !textEl) {
+      this.isPinching = false;
       return;
     }
+    if (!this.isPinching) {
+      this.isPinching = true;
+      this.options.resin?.recordAction({
+        action: 'programmatic',
+        component: 'toolbar',
+        target: event.deltaY > 0 ? 'zoomOut' : 'zoomIn',
+        fileId: this.options.file.id,
+        fileExtension: this.options.file.extension
+      });
+    }
+    clearTimeout(this.pinchIdleTimer);
+    this.pinchIdleTimer = setTimeout(() => {
+      this.isPinching = false;
+    }, 200);
     event.preventDefault();
     const scaleDelta = -event.deltaY * WHEEL_ZOOM_SCALE_FACTOR;
     const newScale = Math.min(ZOOM_MAX, Math.max(ZOOM_MIN, this.scale + scaleDelta));
@@ -19550,6 +19575,7 @@ class TextBaseViewer extends viewers_BaseViewer {
   loadUI() {
     this.controls = new ControlsRoot({
       containerEl: this.containerEl,
+      fileExtension: this.options.file.extension,
       fileId: this.options.file.id
     });
     this.bindDOMListeners();
@@ -31829,12 +31855,9 @@ class DocBaseViewer extends viewers_BaseViewer {
       }
     }
-    // Clean up viewer and PDF document object
+    // Clean up viewer
     if (this.pdfViewer) {
       this.pdfViewer.cleanup();
-      if (this.pdfViewer.pdfDocument) {
-        this.pdfViewer.pdfDocument.destroy();
-      }
     }
     if (this.printPopup) {
       this.printPopup.destroy();
@@ -32064,9 +32087,24 @@ class DocBaseViewer extends viewers_BaseViewer {
    * Loads the viewer assets as opposed to just prefetching them as a performance optimization. This means that the libraries will be loaded
    * into memory eliminating the need to load them when a preview is clicked.
    *
+   * @param {Object} [options]
+   * @param {boolean} [options.isUseNpmPdfjsEnabled] - Warm up the npm-bundled
+   *   pdfjs chunks instead of the legacy CDN scripts so this matches what
+   *   `load()` will use when the flag is on.
    * @return {void}
    */
   loadViewerAssets() {
+    let {
+      isUseNpmPdfjsEnabled = false
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (isUseNpmPdfjsEnabled) {
+      this.loadAssets(EXIF_READER, []);
+      // Kick off the dynamic imports so the pdfjs chunks land in cache
+      // before per-file load() awaits them. Errors are swallowed; load()
+      // will surface them later.
+      this.loadPdfjsFromNpm().catch(() => {});
+      return;
+    }
     const ASSETS = [...JS_NO_EXIF, ...EXIF_READER];
     this.loadAssets(ASSETS, docAssets_CSS);
     this.loadAssets(PRELOAD_JS, []);
@@ -32940,6 +32978,7 @@ class DocBaseViewer extends viewers_BaseViewer {
   loadUI() {
     this.controls = new ControlsRoot({
       containerEl: this.containerEl,
+      fileExtension: this.options.file.extension,
       fileId: this.options.file.id
     });
     this.annotationControlsFSM.subscribe(() => this.renderUI());
@@ -33364,8 +33403,23 @@ class DocBaseViewer extends viewers_BaseViewer {
   }
   trackpadPinchToZoomHandler(event) {
     if (!event.ctrlKey) {
+      this.isTrackpadPinching = false;
       return;
     }
+    if (!this.isTrackpadPinching) {
+      this.isTrackpadPinching = true;
+      this.options.resin?.recordAction({
+        action: 'programmatic',
+        component: 'toolbar',
+        target: event.deltaY > 0 ? 'zoomOut' : 'zoomIn',
+        fileId: this.options.file.id,
+        fileExtension: this.options.file.extension
+      });
+    }
+    clearTimeout(this.trackpadPinchIdleTimer);
+    this.trackpadPinchIdleTimer = setTimeout(() => {
+      this.isTrackpadPinching = false;
+    }, 200);
     event.preventDefault();
     const {
       currentScale
@@ -40193,16 +40247,18 @@ class Preview extends (events_default()) {
    *
    * @public
    * @param {string[]} [viewerNames] - Names of viewers to load assets for, defaults to none
+   * @param {Object} [options] - Options forwarded to the viewer's loadViewerAssets
    * @return {void}
    */
   loadViewers() {
     let viewerNames = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     this.getViewers().filter(viewer => viewerNames.includes(viewer.NAME)).forEach(viewer => {
       const viewerInstance = new viewer.CONSTRUCTOR(this.createViewerOptions({
         viewer
       }));
       if (typeof viewerInstance.loadViewerAssets === 'function') {
-        viewerInstance.loadViewerAssets();
+        viewerInstance.loadViewerAssets(options);
       }
     });
   }
@@ -40501,6 +40557,9 @@ class Preview extends (events_default()) {
     this.options.preloadStatus = options.preloadStatus;
     this.options.clientName = options.clientName;
+    // Optional resin analytics instance for tracking user interactions
+    this.options.resin = options.resin;
     // Options that are applicable to certain file ids
     this.options.fileOptions = options.fileOptions || {};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "box-content-preview",
-    "version": "3.42.0",
+    "version": "3.44.0",
     "description": "Box Content Preview UI Element",
     "author": "Box (https://www.box.com/)",
     "license": "SEE LICENSE IN LICENSE",