@atlaskit/media-viewer 52.4.37 → 52.5.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/media-viewer
 
+## 52.5.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 52.5.0
+
+### Minor Changes
+
+- [`8e92f6c3d7e03`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8e92f6c3d7e03) -
+  Removed PDF.js completely and switched the archive viewer to rely on <object>
+
 ## 52.4.37
 
 ### Patch Changes

package/dist/cjs/analytics/index.js

@@ -10,7 +10,7 @@ exports.packageVersion = exports.packageName = void 0;
 var _analytics = require("@atlaskit/media-common/analytics");
 var componentName = exports.component = exports.componentName = 'mediaViewer';
 var packageName = exports.packageName = "@atlaskit/media-viewer";
-var packageVersion = exports.packageVersion = "52.4.36";
+var packageVersion = exports.packageVersion = "0.0.0-development";
 function getFileAttributes(fileState) {
   if (!fileState) {
     return {

package/dist/cjs/analytics/ufoExperiences.js

@@ -13,7 +13,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "52.4.36";
+var packageVersion = "0.0.0-development";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/cjs/item-viewer.js

@@ -27,9 +27,9 @@ var _loadSucceeded = require("./analytics/events/operational/loadSucceeded");
 var _analytics = require("./analytics");
 var _interactiveImg = require("./viewers/image/interactive-img");
 var _archiveViewerLoader = _interopRequireDefault(require("./viewers/archiveSidebar/archiveViewerLoader"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ufoExperiences = require("./analytics/ufoExperiences");
 var _customViewer = require("./viewers/customViewer/customViewer");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var ImageViewer = (0, _reactLoadable.default)({
   loader: function loader() {
@@ -79,18 +79,6 @@ var DocViewer = (0, _reactLoadable.default)({
     return /*#__PURE__*/_react.default.createElement(_loading.Spinner, null);
   }
 });
-var DocNextViewer = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_docNextViewer" */'./viewers/doc-next'));
-    }).then(function (mod) {
-      return mod.DocViewer;
-    });
-  },
-  loading: function loading() {
-    return /*#__PURE__*/_react.default.createElement(_loading.Spinner, null);
-  }
-});
 var CodeViewer = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {
@@ -126,6 +114,59 @@ var isFileStateItem = exports.isFileStateItem = function isFileStateItem(fileIte
   return !isExternalImageItem(fileItem);
 };
 var MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER = exports.MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER = 10 * 1024 * 1024;
+
+/**
+ * Determines if a file renders natively without backend processing artifacts.
+ * These files (text/code, PDF, SVG) can be rendered directly from the original binary
+ * without waiting for transcoded artifacts from the backend.
+ *
+ * Evidence:
+ * - CodeViewer: Uses getFileBinaryURL(id) - works with both 'processing' and 'processed' status
+ * - DocViewer: Uses getDocumentContent(id) - only needs file ID, not artifacts
+ * - SvgViewer: Uses MediaSvg with identifier - never touches status or artifacts
+ */
+var canRenderWithoutProcessing = function canRenderWithoutProcessing(fileState) {
+  var mimeType = fileState.mimeType,
+    name = fileState.name,
+    size = fileState.size;
+
+  // Text/code files via CodeViewer (10MB limit)
+  if ((0, _codeViewer.isCodeViewerItem)(name, mimeType) && size <= MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER) {
+    return true;
+  }
+
+  // PDF files via DocViewer
+  if (mimeType === 'application/pdf') {
+    return true;
+  }
+
+  // SVG files via SvgViewer
+  if (mimeType === 'image/svg+xml') {
+    return true;
+  }
+  return false;
+};
+
+/**
+ * Creates a synthetic ProcessedFileState for native-rendered files.
+ * These files don't need backend processing, so we normalize to 'processed'
+ * to prevent unnecessary re-renders when the actual status changes.
+ * Note: artifacts are not used by native viewers (CodeViewer, DocViewer, SvgViewer)
+ * as they fetch the original binary directly via file ID.
+ */
+var createProcessedFileState = function createProcessedFileState(fileState) {
+  return {
+    status: 'processed',
+    id: fileState.id,
+    name: fileState.name,
+    size: fileState.size,
+    mediaType: fileState.mediaType,
+    mimeType: fileState.mimeType,
+    artifacts: {},
+    preview: fileState.preview,
+    createdAt: fileState.createdAt
+  };
+};
 var ItemViewerBase = exports.ItemViewerBase = function ItemViewerBase(_ref) {
   var identifier = _ref.identifier,
     showControls = _ref.showControls,
@@ -174,32 +215,50 @@ var ItemViewerBase = exports.ItemViewerBase = function ItemViewerBase(_ref) {
     (0, _analytics.fireAnalytics)((0, _commenced.createCommencedEvent)(identifier === null || identifier === void 0 ? void 0 : identifier.id, traceContext), createAnalyticsEventRef.current);
     (0, _ufoExperiences.startMediaFileUfoExperience)();
   }, [identifier, traceContext]);
+  var isNativeFileOptimizationEnabled = (0, _platformFeatureFlags.fg)('media_viewer_prevent_rerender_on_polling');
   (0, _react.useEffect)(function () {
+    // External images don't need backend subscriptions
     if ((0, _mediaClient.isExternalImageIdentifier)(identifier)) {
-      // external images do not need to talk to our backend,
-      // so therefore no need for media-client subscriptions.
-      // just set a successful outcome of type "external-image".
       setItem(_domain.Outcome.successful('external-image'));
       return;
     }
+    if (!fileState) {
+      return;
+    }
+    var status = fileState.status;
 
-    // File Subscription
-    if (fileState) {
-      var status = fileState.status;
-      if (fileState.status !== 'error') {
-        // updateFileStateFlag
+    // Track status flags for analytics
+    if (status === 'processing') {
+      fileStateFlagsRef.current.wasStatusProcessing = true;
+    } else if (status === 'uploading') {
+      fileStateFlagsRef.current.wasStatusUploading = true;
+    }
 
-        if (status === 'processing') {
-          fileStateFlagsRef.current.wasStatusProcessing = true;
-        } else if (status === 'uploading') {
-          fileStateFlagsRef.current.wasStatusUploading = true;
+    // Handle error state
+    if (status === 'error') {
+      setItem(_domain.Outcome.failed(new _errors.MediaViewerError('itemviewer-fetch-metadata', (0, _mediaClient.toCommonMediaClientError)(fileState))));
+      return;
+    }
+
+    // Optimization: normalize native files to ProcessedFileState to prevent
+    // unnecessary re-renders when status changes (e.g., processing → processed)
+    if (isNativeFileOptimizationEnabled && canRenderWithoutProcessing(fileState)) {
+      setItem(function (prev) {
+        // Keep stable reference if we already have a processed state for this file
+        if (prev.status === 'SUCCESSFUL' && prev.data && isFileStateItem(prev.data) && prev.data.id === fileState.id && prev.data.status === 'processed') {
+          return prev;
         }
-        setItem(_domain.Outcome.successful(fileState));
-      } else {
-        setItem(_domain.Outcome.failed(new _errors.MediaViewerError('itemviewer-fetch-metadata', (0, _mediaClient.toCommonMediaClientError)(fileState))));
-      }
+        // First load or different file: create normalized processed state
+        return _domain.Outcome.successful(createProcessedFileState(fileState));
+      });
+      return;
     }
-  }, [fileState, identifier]);
+
+    // Non-native files: standard behavior
+    setItem(_domain.Outcome.successful(fileState));
+    // fileState object reference changes often when polling items (especially during processing); only re-run when fileState.status changes
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isNativeFileOptimizationEnabled ? fileState === null || fileState === void 0 ? void 0 : fileState.status : fileState, identifier]);
   var onSuccess = (0, _react.useCallback)(function () {
     item.whenSuccessful(function (fileItem) {
       if (isFileStateItem(fileItem)) {
@@ -284,12 +343,6 @@ var ItemViewerBase = exports.ItemViewerBase = function ItemViewerBase(_ref) {
           onError: onLoadFail
         }, viewerProps));
       case 'doc':
-        if ((0, _platformFeatureFlags.fg)('media_document_viewer')) {
-          return /*#__PURE__*/_react.default.createElement(DocNextViewer, (0, _extends2.default)({
-            onSuccess: onSuccess,
-            onError: onLoadFail
-          }, viewerProps));
-        }
         return /*#__PURE__*/_react.default.createElement(DocViewer, (0, _extends2.default)({
           onSuccess: onSuccess,
           onError: onLoadFail