npm - box-content-preview - Versions diffs - 3.73.0 → 3.74.0 - Mend

box-content-preview 3.73.0 → 3.74.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.73.0-blue.svg?style=flat-square)](https://github.com/box/box-content-preview)
+[![version](https://img.shields.io/badge/version-v3.74.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.73.0
+- Version: v3.74.0
 - Locale: en-US
-https://cdn01.boxcdn.net/platform/preview/3.73.0/en-US/preview.js
-https://cdn01.boxcdn.net/platform/preview/3.73.0/en-US/preview.css
+https://cdn01.boxcdn.net/platform/preview/3.74.0/en-US/preview.js
+https://cdn01.boxcdn.net/platform/preview/3.74.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.73.0/en-US/preview.js"></script>
+    <script src="https://cdn01.boxcdn.net/platform/preview/3.74.0/en-US/preview.js"></script>
     <link
       rel="stylesheet"
-      href="https://cdn01.boxcdn.net/platform/preview/3.73.0/en-US/preview.css"
+      href="https://cdn01.boxcdn.net/platform/preview/3.74.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.73.0`
+- Check out a specific version with `git checkout v3.74.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

@@ -15388,7 +15388,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.73.0"; // eslint-disable-line no-undef
+const CLIENT_VERSION = "3.74.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 = {};
@@ -16487,7 +16487,9 @@ const X_REP_HINT_BASE = '[3d][pdf][text][mp3][json]';
 const X_REP_HINT_DOC_THUMBNAIL = '[jpg?dimensions=1024x1024&paged=false]';
 const X_REP_HINT_IMAGE = '[jpg?dimensions=2048x2048,png?dimensions=2048x2048]';
 const X_REP_HINT_VIDEO_DASH = '[dash,mp4][filmstrip]';
+const X_REP_HINT_VIDEO_DASH_EXTRACTED_TEXT = '[extracted_text]';
 const X_REP_HINT_VIDEO_MP4 = '[mp4]';
+const AI_TRANSCRIPTION_FOR_VIDEO_SUBTITLES = 'aiTranscriptionForVideoSubtitles';
 const PDFJS_CSS_UNITS = 96.0 / 72.0; // Should match CSS_UNITS in pdf_viewer.js
 const PDFJS_MAX_AUTO_SCALE = 1.25; // Should match MAX_AUTO_SCALE in pdf_viewer.js
 const PDFJS_WIDTH_PADDING_PX = 40; // Should match SCROLLBAR_PADDING in pdf_viewer.js
@@ -17083,7 +17085,7 @@ class Browser {
 ;// ./src/lib/Logger.js
 /* eslint-disable no-undef */
 const Logger_CLIENT_NAME = "box-content-preview";
-const Logger_CLIENT_VERSION = "3.73.0";
+const Logger_CLIENT_VERSION = "3.74.0";
 /* eslint-enable no-undef */
 class Logger {
@@ -27374,6 +27376,23 @@ class Settings extends (events_default()) {
     this.reset();
   }
+  /**
+   * Appends a single subtitle entry to the settings menu without disturbing
+   * existing items or the user's current selection.
+   *
+   * @param {string} subtitle - Display name for the subtitle track
+   * @param {number} idx - data-value index for the new menu item
+   * @return {void}
+   */
+  addSubtitle(subtitle, idx) {
+    const subtitlesSubMenu = this.settingsEl.querySelector('.bp-media-settings-menu-subtitles');
+    insertTemplate(subtitlesSubMenu, SUBMENU_SUBITEM_TEMPLATE.replace(/{{dataType}}/g, 'subtitles').replace(/{{dataValue}}/g, idx));
+    const languageNode = subtitlesSubMenu.lastChild.querySelector('.bp-media-settings-value');
+    languageNode.textContent = subtitle;
+    this.subtitles.push(subtitle);
+    this.reset();
+  }
   /**
    * Takes an ordered list of audio languages and populates the settings menu
    *
@@ -34426,6 +34445,8 @@ class DashViewer extends media_VideoBaseViewer {
     DashViewer_defineProperty(this, "filmstripInterval", void 0);
     /** @property {Object} - Status of the filmstrip representation */
     DashViewer_defineProperty(this, "filmstripStatus", void 0);
+    /** @property {Object} - Status of the extracted_text (transcription) representation */
+    DashViewer_defineProperty(this, "transcriptionStatus", void 0);
     /** @property {string} - URL for the filmstrip image */
     DashViewer_defineProperty(this, "filmstripUrl", void 0);
     /** @property {string} - ID of the selected audio track */
@@ -34518,6 +34539,9 @@ class DashViewer extends media_VideoBaseViewer {
     if (this.filmstripUrl && this.filmstripUrl.startsWith('blob:')) {
       URL.revokeObjectURL(this.filmstripUrl);
     }
+    if (this.transcriptionStatus) {
+      this.transcriptionStatus.destroy();
+    }
     clearInterval(this.statsIntervalId);
     if (this.player) {
       this.player.destroy();
@@ -35040,6 +35064,20 @@ class DashViewer extends media_VideoBaseViewer {
     this.mediaControls.addListener('audiochange', this.handleAudioTrack);
   }
+  /**
+   * Returns the display-friendly name for a text track's language.
+   * Maps the undetermined language code 'und' to a localized "Auto-Generated" label.
+   *
+   * @param {Object} track - A Shaka text track object
+   * @return {string} Localized language name or the raw language code
+   */
+  getTrackDisplayLanguage(track) {
+    if (this.featureEnabled(AI_TRANSCRIPTION_FOR_VIDEO_SUBTITLES) && track.language === 'und') {
+      return "Auto-Generated";
+    }
+    return getLanguageName(track.language) || track.language;
+  }
   /**
    * Loads captions/subtitles into the settings menu
    *
@@ -35052,7 +35090,7 @@ class DashViewer extends media_VideoBaseViewer {
       if (this.useReactControls()) {
         this.initSubtitles();
       } else {
-        this.mediaControls.initSubtitles(this.textTracks.map(track => getLanguageName(track.language) || track.language), getLanguageName(this.options.location.locale.substring(0, 2)));
+        this.mediaControls.initSubtitles(this.textTracks.map(track => this.getTrackDisplayLanguage(track)), getLanguageName(this.options.location.locale.substring(0, 2)));
       }
     }
   }
@@ -35086,7 +35124,7 @@ class DashViewer extends media_VideoBaseViewer {
       this.cache.set('media-subtitles-toggle', true, true);
     }
     this.textTracks = this.textTracks.map(track => DashViewer_objectSpread(DashViewer_objectSpread({}, track), {}, {
-      displayLanguage: getLanguageName(track.language) || track.language
+      displayLanguage: this.getTrackDisplayLanguage(track)
     }));
     // Do intelligent selection: Prefer user's language, fallback to English, then first subtitle in list
@@ -35244,6 +35282,7 @@ class DashViewer extends media_VideoBaseViewer {
     this.startBandwidthTracking();
     this.loadFilmStrip();
     this.loadSubtitles();
+    this.loadTranscription();
     this.loadAlternateAudio();
     this.showPlayButton();
     if (this.userRequestedPlay) {
@@ -35348,6 +35387,58 @@ class DashViewer extends media_VideoBaseViewer {
     }
   }
+  /**
+   * Loads the extracted_text transcription (.vtt) as a text track when available
+   *
+   * @private
+   * @return {void}
+   */
+  async loadTranscription() {
+    if (!this.featureEnabled(AI_TRANSCRIPTION_FOR_VIDEO_SUBTITLES)) {
+      return;
+    }
+    const extractedText = getRepresentation(this.options.file, 'extracted_text');
+    if (!extractedText?.content?.url_template) {
+      return;
+    }
+    const transcriptionUrl = this.featureEnabled('migrateAccessTokenToHeader') ? this.createContentUrlV2(extractedText.content.url_template) : this.createContentUrlWithAuthParams(extractedText.content.url_template);
+    this.transcriptionStatus = this.getRepStatus(extractedText);
+    try {
+      await this.transcriptionStatus.getPromise();
+      if (this.isDestroyed() || !this.player) {
+        return;
+      }
+      await this.player.addTextTrackAsync(transcriptionUrl, 'und', 'subtitles', 'text/vtt', undefined, "Auto-Generated");
+      if (this.isDestroyed()) {
+        return;
+      }
+      if (this.textTracks.length > 0) {
+        // Subtitles were already initialized — append only the new track(s) at the
+        // end of `this.textTracks`. We must not re-sort: in the non-React path, the
+        // user's selection is cached as an INDEX into `this.textTracks` (see
+        // handleSubtitle) and Settings menu items use the same number as their
+        // `data-value`, so reordering would silently swap which track plays.
+        const existingIds = new Set(this.textTracks.map(t => t.id));
+        const newTracks = this.player.getTextTracks().filter(t => !existingIds.has(t.id));
+        if (this.useReactControls()) {
+          this.textTracks = [...this.textTracks, ...newTracks].map(track => DashViewer_objectSpread(DashViewer_objectSpread({}, track), {}, {
+            displayLanguage: this.getTrackDisplayLanguage(track)
+          }));
+          this.renderUI();
+        } else {
+          newTracks.forEach(track => {
+            this.textTracks.push(track);
+            this.mediaControls.settings.addSubtitle(this.getTrackDisplayLanguage(track), this.textTracks.length - 1);
+          });
+        }
+      } else {
+        this.loadSubtitles();
+      }
+    } catch {
+      // Transcription is non-critical; allow the viewer to continue without it
+    }
+  }
   /**
    * Calculates the video dimension based on representations
    *
@@ -49846,7 +49937,11 @@ class Preview extends (events_default()) {
    * @return {Object} Headers
    */
   getRequestHeaders(token) {
-    const videoHint = lib_Browser.canPlayDash() && !this.disabledViewers.Dash ? X_REP_HINT_VIDEO_DASH : X_REP_HINT_VIDEO_MP4;
+    const isDash = lib_Browser.canPlayDash() && !this.disabledViewers.Dash;
+    let videoHint = isDash ? X_REP_HINT_VIDEO_DASH : X_REP_HINT_VIDEO_MP4;
+    if (isDash && isFeatureEnabled(this.options.features, AI_TRANSCRIPTION_FOR_VIDEO_SUBTITLES)) {
+      videoHint += X_REP_HINT_VIDEO_DASH_EXTRACTED_TEXT;
+    }
     const headers = {
       'X-Rep-Hints': `${X_REP_HINT_BASE}${X_REP_HINT_DOC_THUMBNAIL}${X_REP_HINT_IMAGE}${videoHint}`
     };

package/package.json CHANGED Viewed

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