@atlaskit/media-client 26.2.3 → 27.0.0

package/dist/cjs/client/file-fetcher/index.js

@@ -48,6 +48,7 @@ var _shouldFetchRemoteFileStates = require("../../utils/shouldFetchRemoteFileSta
 var _polling = require("../../utils/polling");
 var _detectEmptyFile = require("../../utils/detectEmptyFile");
 var _mediaState = require("@atlaskit/media-state");
+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; } // import setimmediate to temporary fix dataloader 2.0.0 bug
 // @see https://github.com/graphql/dataloader/issues/249
@@ -153,7 +154,7 @@ var FileFetcherImpl = exports.FileFetcherImpl = /*#__PURE__*/function () {
       if (content instanceof Blob) {
         size = content.size;
         mimeType = content.type;
-        if ((0, _mediaTypeUtils.isMimeTypeSupportedByBrowser)(content.type)) {
+        if ((0, _mediaTypeUtils.isMimeTypeSupportedByBrowser)(content.type) || (0, _platformFeatureFlags.getBooleanFF)('platform.media-svg-rendering')) {
           preview = {
             value: content,
             origin: 'local'

package/dist/cjs/client/media-store/MediaStore.js

@@ -293,23 +293,62 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
       return (0, _helpers.createUrl)("".concat(auth.baseUrl, "/file/").concat(id, "/image"), options);
     }
   }, {
-    key: "getFileBinaryURL",
+    key: "getFileBinary",
     value: function () {
-      var _getFileBinaryURL = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(id, collectionName) {
+      var _getFileBinary = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(id, collectionName) {
         var maxAge,
-          auth,
+          headers,
+          metadata,
           options,
           _args5 = arguments;
         return _regenerator.default.wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
               maxAge = _args5.length > 2 && _args5[2] !== undefined ? _args5[2] : _constants.FILE_CACHE_MAX_AGE;
-              _context5.next = 3;
+              headers = {};
+              metadata = {
+                method: 'GET',
+                endpoint: '/file/{fileId}/binary'
+              };
+              options = _objectSpread(_objectSpread({}, metadata), {}, {
+                authContext: {
+                  collectionName: collectionName
+                },
+                headers: headers,
+                params: {
+                  'max-age': "".concat(maxAge)
+                }
+              });
+              return _context5.abrupt("return", this.request("/file/".concat(id, "/binary"), options).then((0, _helpers.createMapResponseToBlob)(metadata)));
+            case 5:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5, this);
+      }));
+      function getFileBinary(_x14, _x15) {
+        return _getFileBinary.apply(this, arguments);
+      }
+      return getFileBinary;
+    }()
+  }, {
+    key: "getFileBinaryURL",
+    value: function () {
+      var _getFileBinaryURL = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(id, collectionName) {
+        var maxAge,
+          auth,
+          options,
+          _args6 = arguments;
+        return _regenerator.default.wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
+            case 0:
+              maxAge = _args6.length > 2 && _args6[2] !== undefined ? _args6[2] : _constants.FILE_CACHE_MAX_AGE;
+              _context6.next = 3;
               return this.resolveAuth({
                 collectionName: collectionName
               });
             case 3:
-              auth = _context5.sent;
+              auth = _context6.sent;
               options = {
                 params: {
                   dl: true,
@@ -318,14 +357,14 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
                 },
                 auth: auth
               };
-              return _context5.abrupt("return", (0, _helpers.createUrl)("".concat(auth.baseUrl, "/file/").concat(id, "/binary"), options));
+              return _context6.abrupt("return", (0, _helpers.createUrl)("".concat(auth.baseUrl, "/file/").concat(id, "/binary"), options));
             case 6:
             case "end":
-              return _context5.stop();
+              return _context6.stop();
           }
-        }, _callee5, this);
+        }, _callee6, this);
       }));
-      function getFileBinaryURL(_x14, _x15) {
+      function getFileBinaryURL(_x16, _x17) {
         return _getFileBinaryURL.apply(this, arguments);
       }
       return getFileBinaryURL;
@@ -333,24 +372,24 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
   }, {
     key: "getArtifactURL",
     value: function () {
-      var _getArtifactURL = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(artifacts, artifactName, collectionName) {
+      var _getArtifactURL = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7(artifacts, artifactName, collectionName) {
         var artifactUrl, auth, options;
-        return _regenerator.default.wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+        return _regenerator.default.wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
               artifactUrl = (0, _artifacts.getArtifactUrl)(artifacts, artifactName);
               if (artifactUrl) {
-                _context6.next = 3;
+                _context7.next = 3;
                 break;
               }
               throw new Error("artifact ".concat(artifactName, " not found"));
             case 3:
-              _context6.next = 5;
+              _context7.next = 5;
               return this.resolveAuth({
                 collectionName: collectionName
               });
             case 5:
-              auth = _context6.sent;
+              auth = _context7.sent;
               options = {
                 params: {
                   collection: collectionName,
@@ -358,14 +397,14 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
                 },
                 auth: auth
               };
-              return _context6.abrupt("return", (0, _helpers.createUrl)("".concat(auth.baseUrl).concat(artifactUrl), options));
+              return _context7.abrupt("return", (0, _helpers.createUrl)("".concat(auth.baseUrl).concat(artifactUrl), options));
             case 8:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
-        }, _callee6, this);
+        }, _callee7, this);
       }));
-      function getArtifactURL(_x16, _x17, _x18) {
+      function getArtifactURL(_x18, _x19, _x20) {
         return _getArtifactURL.apply(this, arguments);
       }
       return getArtifactURL;
@@ -373,10 +412,10 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
   }, {
     key: "getImage",
     value: function () {
-      var _getImage = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7(id, params, controller, fetchMaxRes, traceContext) {
+      var _getImage = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8(id, params, controller, fetchMaxRes, traceContext) {
         var isWebpSupported, headers, metadata, options;
-        return _regenerator.default.wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+        return _regenerator.default.wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
               // TODO add checkWebpSupport() back https://product-fabric.atlassian.net/browse/MPT-584
               isWebpSupported = false;
@@ -396,14 +435,14 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
                 headers: headers,
                 traceContext: traceContext
               });
-              return _context7.abrupt("return", this.request("/file/".concat(id, "/image"), options, controller).then((0, _helpers.createMapResponseToBlob)(metadata)));
+              return _context8.abrupt("return", this.request("/file/".concat(id, "/image"), options, controller).then((0, _helpers.createMapResponseToBlob)(metadata)));
             case 6:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
-        }, _callee7, this);
+        }, _callee8, this);
       }));
-      function getImage(_x19, _x20, _x21, _x22, _x23) {
+      function getImage(_x21, _x22, _x23, _x24, _x25) {
         return _getImage.apply(this, arguments);
       }
       return getImage;
@@ -411,10 +450,10 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
   }, {
     key: "getItems",
     value: function () {
-      var _getItems = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8(ids, collectionName, traceContext) {
+      var _getItems = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9(ids, collectionName, traceContext) {
         var descriptors, metadata, options;
-        return _regenerator.default.wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+        return _regenerator.default.wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
               descriptors = ids.map(function (id) {
                 return {
@@ -437,14 +476,14 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
                 }),
                 traceContext: traceContext
               });
-              return _context8.abrupt("return", this.request('/items', options).then((0, _helpers.createMapResponseToJson)(metadata)));
+              return _context9.abrupt("return", this.request('/items', options).then((0, _helpers.createMapResponseToJson)(metadata)));
             case 4:
             case "end":
-              return _context8.stop();
+              return _context9.stop();
           }
-        }, _callee8, this);
+        }, _callee9, this);
       }));
-      function getItems(_x24, _x25, _x26) {
+      function getItems(_x26, _x27, _x28) {
         return _getItems.apply(this, arguments);
       }
       return getItems;
@@ -452,10 +491,10 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
   }, {
     key: "getImageMetadata",
     value: function () {
-      var _getImageMetadata = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9(id, params, traceContext) {
+      var _getImageMetadata = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10(id, params, traceContext) {
         var metadata, options;
-        return _regenerator.default.wrap(function _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
+        return _regenerator.default.wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
             case 0:
               metadata = {
                 method: 'GET',
@@ -468,14 +507,14 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
                 params: params,
                 traceContext: traceContext
               });
-              return _context9.abrupt("return", this.request("/file/".concat(id, "/image/metadata"), options).then((0, _helpers.createMapResponseToJson)(metadata)));
+              return _context10.abrupt("return", this.request("/file/".concat(id, "/image/metadata"), options).then((0, _helpers.createMapResponseToJson)(metadata)));
             case 3:
             case "end":
-              return _context9.stop();
+              return _context10.stop();
           }
-        }, _callee9, this);
+        }, _callee10, this);
       }));
-      function getImageMetadata(_x27, _x28, _x29) {
+      function getImageMetadata(_x29, _x30, _x31) {
         return _getImageMetadata.apply(this, arguments);
       }
       return getImageMetadata;
@@ -483,10 +522,10 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
   }, {
     key: "appendChunksToUpload",
     value: function () {
-      var _appendChunksToUpload = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10(uploadId, body, collectionName, traceContext) {
+      var _appendChunksToUpload = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11(uploadId, body, collectionName, traceContext) {
         var metadata, options;
-        return _regenerator.default.wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+        return _regenerator.default.wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
             case 0:
               metadata = {
                 method: 'PUT',
@@ -500,15 +539,15 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
                 body: JSON.stringify(body),
                 traceContext: traceContext
               });
-              _context10.next = 4;
+              _context11.next = 4;
               return this.request("/upload/".concat(uploadId, "/chunks"), options);
             case 4:
             case "end":
-              return _context10.stop();
+              return _context11.stop();
           }
-        }, _callee10, this);
+        }, _callee11, this);
       }));
-      function appendChunksToUpload(_x30, _x31, _x32, _x33) {
+      function appendChunksToUpload(_x32, _x33, _x34, _x35) {
         return _appendChunksToUpload.apply(this, arguments);
       }
       return appendChunksToUpload;
@@ -537,7 +576,7 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
   }, {
     key: "request",
     value: function () {
-      var _request2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11(path) {
+      var _request2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12(path) {
         var options,
           controller,
           method,
@@ -551,25 +590,25 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
           auth,
           extendedTraceContext,
           response,
-          _args11 = arguments;
-        return _regenerator.default.wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+          _args12 = arguments;
+        return _regenerator.default.wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
-              options = _args11.length > 1 && _args11[1] !== undefined ? _args11[1] : {
+              options = _args12.length > 1 && _args12[1] !== undefined ? _args12[1] : {
                 method: 'GET',
                 endpoint: undefined,
                 authContext: {}
               };
-              controller = _args11.length > 2 ? _args11[2] : undefined;
+              controller = _args12.length > 2 ? _args12[2] : undefined;
               method = options.method, endpoint = options.endpoint, authContext = options.authContext, params = options.params, headers = options.headers, body = options.body, clientOptions = options.clientOptions, traceContext = options.traceContext;
-              _context11.next = 5;
+              _context12.next = 5;
               return this.resolveAuth(authContext);
             case 5:
-              auth = _context11.sent;
+              auth = _context12.sent;
               extendedTraceContext = traceContext ? _objectSpread(_objectSpread({}, traceContext), {}, {
                 spanId: (traceContext === null || traceContext === void 0 ? void 0 : traceContext.spanId) || (0, _mediaCommon.getRandomHex)(8)
               }) : undefined;
-              _context11.next = 9;
+              _context12.next = 9;
               return (0, _request3.request)("".concat(auth.baseUrl).concat(path), {
                 method: method,
                 endpoint: endpoint,
@@ -581,17 +620,17 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
                 traceContext: extendedTraceContext
               }, controller);
             case 9:
-              response = _context11.sent;
+              response = _context12.sent;
               setKeyValueInSessionStorage(MEDIA_API_REGION, response.headers.get('x-media-region'));
               setKeyValueInSessionStorage(MEDIA_API_ENVIRONMENT, response.headers.get('x-media-env'));
-              return _context11.abrupt("return", response);
+              return _context12.abrupt("return", response);
             case 13:
             case "end":
-              return _context11.stop();
+              return _context12.stop();
           }
-        }, _callee11, this);
+        }, _callee12, this);
       }));
-      function request(_x34) {
+      function request(_x36) {
         return _request2.apply(this, arguments);
       }
       return request;

package/dist/es2019/client/file-fetcher/index.js

@@ -27,6 +27,7 @@ import { shouldFetchRemoteFileStates } from '../../utils/shouldFetchRemoteFileSt
 import { PollingFunction } from '../../utils/polling';
 import { isEmptyFile } from '../../utils/detectEmptyFile';
 import { mediaStore } from '@atlaskit/media-state';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export { isFileFetcherError, FileFetcherError } from './error';
 export class FileFetcherImpl {
   constructor(mediaApi, store = mediaStore) {
@@ -107,7 +108,7 @@ export class FileFetcherImpl {
       if (content instanceof Blob) {
         size = content.size;
         mimeType = content.type;
-        if (isMimeTypeSupportedByBrowser(content.type)) {
+        if (isMimeTypeSupportedByBrowser(content.type) || getBooleanFF('platform.media-svg-rendering')) {
           preview = {
             value: content,
             origin: 'local'

package/dist/es2019/client/media-store/MediaStore.js

@@ -186,6 +186,24 @@ export class MediaStore {
     };
     return createUrl(`${auth.baseUrl}/file/${id}/image`, options);
   }
+  async getFileBinary(id, collectionName, maxAge = FILE_CACHE_MAX_AGE) {
+    const headers = {};
+    const metadata = {
+      method: 'GET',
+      endpoint: '/file/{fileId}/binary'
+    };
+    const options = {
+      ...metadata,
+      authContext: {
+        collectionName
+      },
+      headers,
+      params: {
+        'max-age': `${maxAge}`
+      }
+    };
+    return this.request(`/file/${id}/binary`, options).then(createMapResponseToBlob(metadata));
+  }
   async getFileBinaryURL(id, collectionName, maxAge = FILE_CACHE_MAX_AGE) {
     const auth = await this.resolveAuth({
       collectionName

package/dist/esm/client/file-fetcher/index.js

@@ -33,6 +33,7 @@ import { shouldFetchRemoteFileStates } from '../../utils/shouldFetchRemoteFileSt
 import { PollingFunction } from '../../utils/polling';
 import { isEmptyFile } from '../../utils/detectEmptyFile';
 import { mediaStore } from '@atlaskit/media-state';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export { isFileFetcherError, FileFetcherError } from './error';
 export var FileFetcherImpl = /*#__PURE__*/function () {
   function FileFetcherImpl(mediaApi) {
@@ -136,7 +137,7 @@ export var FileFetcherImpl = /*#__PURE__*/function () {
       if (content instanceof Blob) {
         size = content.size;
         mimeType = content.type;
-        if (isMimeTypeSupportedByBrowser(content.type)) {
+        if (isMimeTypeSupportedByBrowser(content.type) || getBooleanFF('platform.media-svg-rendering')) {
           preview = {
             value: content,
             origin: 'local'