@atlaskit/media-file-preview 0.0.1

package/dist/esm/errors.js

@@ -0,0 +1,133 @@
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+import { MediaFileStateError } from '@atlaskit/media-client-react';
+
+/**
+ * Primary reason is logged through Data Portal.
+ * Make sure all the values are whitelisted in Measure -> Event Regitry -> "mediaCardRender failed" event
+ */
+
+export var MediaFilePreviewError = /*#__PURE__*/function (_Error) {
+  _inherits(MediaFilePreviewError, _Error);
+  var _super = _createSuper(MediaFilePreviewError);
+  function MediaFilePreviewError(primaryReason, secondaryError) {
+    var _this;
+    _classCallCheck(this, MediaFilePreviewError);
+    _this = _super.call(this, primaryReason);
+    // https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#support-for-newtarget
+    _this.primaryReason = primaryReason;
+    _this.secondaryError = secondaryError;
+    Object.setPrototypeOf(_assertThisInitialized(_this), (this instanceof MediaFilePreviewError ? this.constructor : void 0).prototype);
+
+    // https://v8.dev/docs/stack-trace-api
+    if ('captureStackTrace' in Error) {
+      Error.captureStackTrace(_assertThisInitialized(_this), this instanceof MediaFilePreviewError ? this.constructor : void 0);
+    }
+    return _this;
+  }
+  return _createClass(MediaFilePreviewError);
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+export var LocalPreviewError = /*#__PURE__*/function (_MediaFilePreviewErro) {
+  _inherits(LocalPreviewError, _MediaFilePreviewErro);
+  var _super2 = _createSuper(LocalPreviewError);
+  function LocalPreviewError(primaryReason, secondaryError) {
+    var _this2;
+    _classCallCheck(this, LocalPreviewError);
+    _this2 = _super2.call(this, primaryReason, secondaryError);
+    _this2.primaryReason = primaryReason;
+    _this2.secondaryError = secondaryError;
+    return _this2;
+  }
+  return _createClass(LocalPreviewError);
+}(MediaFilePreviewError);
+export var RemotePreviewError = /*#__PURE__*/function (_MediaFilePreviewErro2) {
+  _inherits(RemotePreviewError, _MediaFilePreviewErro2);
+  var _super3 = _createSuper(RemotePreviewError);
+  function RemotePreviewError(primaryReason, secondaryError) {
+    var _this3;
+    _classCallCheck(this, RemotePreviewError);
+    _this3 = _super3.call(this, primaryReason, secondaryError);
+    _this3.primaryReason = primaryReason;
+    _this3.secondaryError = secondaryError;
+    return _this3;
+  }
+  return _createClass(RemotePreviewError);
+}(MediaFilePreviewError);
+export var SsrPreviewError = /*#__PURE__*/function (_MediaFilePreviewErro3) {
+  _inherits(SsrPreviewError, _MediaFilePreviewErro3);
+  var _super4 = _createSuper(SsrPreviewError);
+  function SsrPreviewError(primaryReason, secondaryError) {
+    var _this4;
+    _classCallCheck(this, SsrPreviewError);
+    _this4 = _super4.call(this, primaryReason, secondaryError);
+    _this4.primaryReason = primaryReason;
+    _this4.secondaryError = secondaryError;
+    return _this4;
+  }
+  return _createClass(SsrPreviewError);
+}(MediaFilePreviewError);
+var getImageLoadPrimaryReason = function getImageLoadPrimaryReason(source) {
+  switch (source) {
+    case 'cache-remote':
+      return 'cache-remote-uri';
+    case 'cache-local':
+      return 'cache-local-uri';
+    case 'external':
+      return 'external-uri';
+    case 'local':
+      return 'local-uri';
+    case 'remote':
+      return 'remote-uri';
+    // This fail reason will come from a bug, most likely.
+    default:
+      return "unknown-uri";
+  }
+};
+export var ImageLoadError = /*#__PURE__*/function (_MediaFilePreviewErro4) {
+  _inherits(ImageLoadError, _MediaFilePreviewErro4);
+  var _super5 = _createSuper(ImageLoadError);
+  function ImageLoadError(source) {
+    _classCallCheck(this, ImageLoadError);
+    return _super5.call(this, getImageLoadPrimaryReason(source));
+  }
+  return _createClass(ImageLoadError);
+}(MediaFilePreviewError);
+export function isMediaFilePreviewError(err) {
+  return err instanceof MediaFilePreviewError;
+}
+export var isLocalPreviewError = function isLocalPreviewError(err) {
+  return err instanceof LocalPreviewError;
+};
+export var isRemotePreviewError = function isRemotePreviewError(err) {
+  return err instanceof RemotePreviewError;
+};
+export var isUnsupportedLocalPreviewError = function isUnsupportedLocalPreviewError(err) {
+  return isMediaFilePreviewError(err) && err.primaryReason === 'local-preview-unsupported';
+};
+
+// In a try/catch statement, the error caught is the type of unknown.
+// We can use this helper to ensure that the error handled is the type of MediaFilePreviewError if unsure
+// If updatePrimaryReason is true, if it's a MediaFilePreviewError already, it will update it's primary reason
+export var ensureMediaFilePreviewError = function ensureMediaFilePreviewError(primaryReason, error, updatePrimaryReason) {
+  if (isMediaFilePreviewError(error)) {
+    if (updatePrimaryReason && error.primaryReason !== primaryReason) {
+      return new MediaFilePreviewError(primaryReason, error.secondaryError);
+    }
+    return error;
+  }
+  return new MediaFilePreviewError(primaryReason, error);
+};
+export function isMediaFileStateError(err) {
+  return err instanceof MediaFileStateError;
+}
+export function getFileStateErrorReason(err) {
+  var _err$details$reason, _err$details;
+  return (_err$details$reason = (_err$details = err.details) === null || _err$details === void 0 ? void 0 : _err$details.reason) !== null && _err$details$reason !== void 0 ? _err$details$reason : 'unknown';
+}

package/dist/esm/getPreview/cache.js

@@ -0,0 +1,32 @@
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { createObjectURLCache } from './objectURLCache';
+
+// Dimensions are used to create a key.
+// Cache is invalidated when different dimensions are provided.
+export var getCacheKey = function getCacheKey(id, mode) {
+  var resizeMode = mode || 'crop';
+  return [id, resizeMode].join('-');
+};
+export var CardPreviewCacheImpl = /*#__PURE__*/_createClass(function CardPreviewCacheImpl(previewCache) {
+  var _this = this;
+  _classCallCheck(this, CardPreviewCacheImpl);
+  _defineProperty(this, "get", function (id, mode) {
+    var cacheKey = getCacheKey(id, mode);
+    return _this.previewCache.get(cacheKey);
+  });
+  _defineProperty(this, "set", function (id, mode, cardPreview) {
+    var cacheKey = getCacheKey(id, mode);
+    _this.previewCache.set(cacheKey, cardPreview);
+  });
+  _defineProperty(this, "remove", function (id, mode) {
+    var cacheKey = getCacheKey(id, mode);
+    _this.previewCache.remove(cacheKey);
+  });
+  _defineProperty(this, "clear", function () {
+    _this.previewCache.clear();
+  });
+  this.previewCache = previewCache;
+});
+export var mediaFilePreviewCache = new CardPreviewCacheImpl(createObjectURLCache());

package/dist/esm/getPreview/getPreview.js

@@ -0,0 +1,112 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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) { _defineProperty(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 { addFileAttrsToUrl } from '@atlaskit/media-client';
+import { SsrPreviewError } from '../errors';
+import { mediaFilePreviewCache } from './cache';
+import { getLocalPreview, getRemotePreview } from './helpers';
+var extendAndCachePreview = function extendAndCachePreview(id, mode, preview, mediaBlobUrlAttrs) {
+  var source;
+  switch (preview.source) {
+    case 'local':
+      source = 'cache-local';
+      break;
+    case 'remote':
+      source = 'cache-remote';
+      break;
+    case 'ssr-server':
+      source = 'cache-ssr-server';
+      break;
+    case 'ssr-client':
+      source = 'cache-ssr-client';
+      break;
+    default:
+      source = preview.source;
+  }
+  // We want to embed some meta context into dataURI for Copy/Paste to work.
+  var dataURI = mediaBlobUrlAttrs ? addFileAttrsToUrl(preview.dataURI, mediaBlobUrlAttrs) : preview.dataURI;
+  // We store new cardPreview into cache
+  mediaFilePreviewCache.set(id, mode, _objectSpread(_objectSpread({}, preview), {}, {
+    source: source,
+    dataURI: dataURI
+  }));
+  return _objectSpread(_objectSpread({}, preview), {}, {
+    dataURI: dataURI
+  });
+};
+export var getSSRPreview = function getSSRPreview(ssr, mediaClient, id, params, mediaBlobUrlAttrs) {
+  var dataURI;
+  try {
+    var rawDataURI = mediaClient.getImageUrlSync(id, params);
+    // We want to embed some meta context into dataURI for Copy/Paste to work.
+    dataURI = mediaBlobUrlAttrs ? addFileAttrsToUrl(rawDataURI, mediaBlobUrlAttrs) : rawDataURI;
+    var source = ssr === 'client' ? 'ssr-client' : 'ssr-server';
+    return {
+      dataURI: dataURI,
+      source: source,
+      orientation: 1
+    };
+  } catch (e) {
+    var reason = ssr === 'server' ? 'ssr-server-uri' : 'ssr-client-uri';
+    throw new SsrPreviewError(reason, e instanceof Error ? e : undefined);
+  }
+};
+export var isLocalPreview = function isLocalPreview(preview) {
+  var localSources = ['local', 'cache-local'];
+  return localSources.includes(preview.source);
+};
+export var isSSRClientPreview = function isSSRClientPreview(preview) {
+  var ssrClientSources = ['ssr-client', 'cache-ssr-client'];
+  return ssrClientSources.includes(preview.source);
+};
+export var isSSRDataPreview = function isSSRDataPreview(preview) {
+  return preview.source === 'ssr-data';
+};
+export var getAndCacheRemotePreview = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(mediaClient, id, dimensions, params, mediaBlobUrlAttrs, traceContext) {
+    var remotePreview;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return getRemotePreview(mediaClient, id, params, traceContext);
+        case 2:
+          remotePreview = _context.sent;
+          return _context.abrupt("return", extendAndCachePreview(id, params.mode, _objectSpread(_objectSpread({}, remotePreview), {}, {
+            dimensions: dimensions
+          }), mediaBlobUrlAttrs));
+        case 4:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function getAndCacheRemotePreview(_x, _x2, _x3, _x4, _x5, _x6) {
+    return _ref.apply(this, arguments);
+  };
+}();
+export var getAndCacheLocalPreview = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(id, filePreview, dimensions, mode, mediaBlobUrlAttrs) {
+    var localPreview;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 2;
+          return getLocalPreview(filePreview);
+        case 2:
+          localPreview = _context2.sent;
+          return _context2.abrupt("return", extendAndCachePreview(id, mode, _objectSpread(_objectSpread({}, localPreview), {}, {
+            dimensions: dimensions
+          }), mediaBlobUrlAttrs));
+        case 4:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function getAndCacheLocalPreview(_x7, _x8, _x9, _x10, _x11) {
+    return _ref2.apply(this, arguments);
+  };
+}();

package/dist/esm/getPreview/helpers.js

@@ -0,0 +1,161 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { getMediaTypeFromMimeType } from '@atlaskit/media-common';
+import { getOrientation } from '@atlaskit/media-ui';
+import { LocalPreviewError, RemotePreviewError } from '../errors';
+import { takeSnapshot } from './videoSnapshot';
+
+/**
+ * This method tells the support for the media
+ * types covered in getCardPreviewFromFilePreview
+ */
+export var isSupportedLocalPreview = function isSupportedLocalPreview(mediaType) {
+  return mediaType === 'image' || mediaType === 'video';
+};
+var getImageLocalPreview = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value) {
+    var orientation, dataURI;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          _context.next = 3;
+          return getOrientation(value);
+        case 3:
+          orientation = _context.sent;
+          dataURI = URL.createObjectURL(value);
+          return _context.abrupt("return", {
+            dataURI: dataURI,
+            orientation: orientation,
+            source: 'local'
+          });
+        case 8:
+          _context.prev = 8;
+          _context.t0 = _context["catch"](0);
+          throw new LocalPreviewError('local-preview-image', _context.t0 instanceof Error ? _context.t0 : undefined);
+        case 11:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 8]]);
+  }));
+  return function getImageLocalPreview(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var getVideoLocalPreview = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(value) {
+    var dataURI;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.prev = 0;
+          _context2.next = 3;
+          return takeSnapshot(value);
+        case 3:
+          dataURI = _context2.sent;
+          return _context2.abrupt("return", {
+            dataURI: dataURI,
+            orientation: 1,
+            source: 'local'
+          });
+        case 7:
+          _context2.prev = 7;
+          _context2.t0 = _context2["catch"](0);
+          throw new LocalPreviewError('local-preview-video', _context2.t0 instanceof Error ? _context2.t0 : undefined);
+        case 10:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[0, 7]]);
+  }));
+  return function getVideoLocalPreview(_x2) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+export var getLocalPreview = /*#__PURE__*/function () {
+  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(filePreview) {
+    var value, resolvedFilePreview, _value, type, mediaType;
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _context3.prev = 0;
+          _context3.next = 3;
+          return filePreview;
+        case 3:
+          resolvedFilePreview = _context3.sent;
+          value = resolvedFilePreview.value;
+          _context3.next = 10;
+          break;
+        case 7:
+          _context3.prev = 7;
+          _context3.t0 = _context3["catch"](0);
+          throw new LocalPreviewError('local-preview-rejected', _context3.t0 instanceof Error ? _context3.t0 : undefined);
+        case 10:
+          if (!(typeof value === 'string')) {
+            _context3.next = 14;
+            break;
+          }
+          return _context3.abrupt("return", {
+            dataURI: value,
+            orientation: 1,
+            source: 'local'
+          });
+        case 14:
+          if (!(value instanceof Blob)) {
+            _context3.next = 23;
+            break;
+          }
+          _value = value, type = _value.type;
+          mediaType = getMediaTypeFromMimeType(type);
+          _context3.t1 = mediaType;
+          _context3.next = _context3.t1 === 'image' ? 20 : _context3.t1 === 'video' ? 21 : 22;
+          break;
+        case 20:
+          return _context3.abrupt("return", getImageLocalPreview(value));
+        case 21:
+          return _context3.abrupt("return", getVideoLocalPreview(value));
+        case 22:
+          throw new LocalPreviewError('local-preview-unsupported');
+        case 23:
+          throw new LocalPreviewError('local-preview-unsupported');
+        case 24:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3, null, [[0, 7]]);
+  }));
+  return function getLocalPreview(_x3) {
+    return _ref3.apply(this, arguments);
+  };
+}();
+export var getRemotePreview = /*#__PURE__*/function () {
+  var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(mediaClient, id, params, traceContext) {
+    var blob;
+    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          _context4.prev = 0;
+          _context4.next = 3;
+          return mediaClient.getImage(id, params, undefined, undefined, traceContext);
+        case 3:
+          blob = _context4.sent;
+          return _context4.abrupt("return", {
+            dataURI: URL.createObjectURL(blob),
+            orientation: 1,
+            source: 'remote'
+          });
+        case 7:
+          _context4.prev = 7;
+          _context4.t0 = _context4["catch"](0);
+          throw new RemotePreviewError('remote-preview-fetch', _context4.t0 instanceof Error ? _context4.t0 : undefined);
+        case 10:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4, null, [[0, 7]]);
+  }));
+  return function getRemotePreview(_x4, _x5, _x6, _x7) {
+    return _ref4.apply(this, arguments);
+  };
+}();

package/dist/esm/getPreview/index.js

@@ -0,0 +1,3 @@
+export { mediaFilePreviewCache } from './cache';
+export { getSSRPreview, isLocalPreview, isSSRClientPreview, isSSRDataPreview, getAndCacheRemotePreview, getAndCacheLocalPreview } from './getPreview';
+export { isSupportedLocalPreview } from './helpers';

package/dist/esm/getPreview/objectURLCache.js

@@ -0,0 +1,78 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _get from "@babel/runtime/helpers/get";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+import { EventEmitter2 } from 'eventemitter2';
+import { LRUMap } from 'lru_map';
+export var PREVIEW_CACHE_LRU_SIZE = 50;
+var ExtendedLRUCache = /*#__PURE__*/function (_LRUMap) {
+  _inherits(ExtendedLRUCache, _LRUMap);
+  var _super = _createSuper(ExtendedLRUCache);
+  function ExtendedLRUCache(limit) {
+    var _this;
+    _classCallCheck(this, ExtendedLRUCache);
+    _this = _super.call(this, limit);
+    _this.eventEmitter = new EventEmitter2();
+    return _this;
+  }
+  _createClass(ExtendedLRUCache, [{
+    key: "shift",
+    value: function shift() {
+      var entry = _get(_getPrototypeOf(ExtendedLRUCache.prototype), "shift", this).call(this);
+      this.eventEmitter.emit('shift', entry);
+      return entry;
+    }
+  }, {
+    key: "on",
+    value: function on(event, callback) {
+      this.eventEmitter.on(event, callback);
+    }
+  }]);
+  return ExtendedLRUCache;
+}(LRUMap);
+export var ObjectURLCache = /*#__PURE__*/function () {
+  function ObjectURLCache(size) {
+    _classCallCheck(this, ObjectURLCache);
+    this.cache = new ExtendedLRUCache(size);
+    this.cache.on('shift', function (entry) {
+      if (entry && entry[1].dataURI) {
+        URL.revokeObjectURL(entry[1].dataURI);
+      }
+    });
+  }
+  _createClass(ObjectURLCache, [{
+    key: "has",
+    value: function has(key) {
+      return !!this.cache.find(key);
+    }
+  }, {
+    key: "get",
+    value: function get(key) {
+      return this.cache.get(key);
+    }
+  }, {
+    key: "set",
+    value: function set(key, value) {
+      this.cache.set(key, value);
+    }
+  }, {
+    key: "remove",
+    value: function remove(key) {
+      var removed = this.cache.delete(key);
+      removed && URL.revokeObjectURL(removed.dataURI);
+    }
+  }, {
+    key: "clear",
+    value: function clear() {
+      this.cache.clear();
+    }
+  }]);
+  return ObjectURLCache;
+}();
+export var createObjectURLCache = function createObjectURLCache() {
+  return new ObjectURLCache(PREVIEW_CACHE_LRU_SIZE);
+};

package/dist/esm/getPreview/videoSnapshot.js

@@ -0,0 +1,56 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+export var takeSnapshot = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(blob) {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          return _context.abrupt("return", new Promise(function (resolve, reject) {
+            var url = URL.createObjectURL(blob);
+            var video = document.createElement('video');
+            video.preload = 'metadata';
+            video.src = url;
+            video.muted = true;
+            video.play().catch(function () {
+              return reject(new Error('failed to play video'));
+            });
+
+            // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+            video.addEventListener('timeupdate', function timeUpdateHandler() {
+              // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+              video.removeEventListener('timeupdate', timeUpdateHandler);
+              video.pause();
+              URL.revokeObjectURL(url);
+              //create canvas to draw our first frame on.
+
+              if (!video.videoWidth && !video.videoHeight) {
+                return reject(new Error('error retrieving video dimensions'));
+              }
+              var canvas = document.createElement('canvas');
+              canvas.width = video.videoWidth;
+              canvas.height = video.videoHeight;
+              var context = canvas.getContext('2d');
+              if (!context) {
+                return reject(new Error('error creating canvas context'));
+              }
+              context.drawImage(video, 0, 0, canvas.width, canvas.height);
+              var dataURL = canvas.toDataURL('image/jpeg', 0.85);
+              resolve(dataURL);
+            });
+
+            // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+            video.addEventListener('error', function () {
+              reject(new Error('failed to load video'));
+              URL.revokeObjectURL(url);
+            });
+          }));
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function takeSnapshot(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();

package/dist/esm/globalScope/getSSRData.js

@@ -0,0 +1,8 @@
+import { getKey, getMediaCardSSR } from './globalScope';
+export var getSSRData = function getSSRData(identifier) {
+  var mediaCardSsr = getMediaCardSSR();
+  if (!mediaCardSsr) {
+    return;
+  }
+  return mediaCardSsr[getKey(identifier)];
+};

package/dist/esm/globalScope/globalScope.js

@@ -0,0 +1,56 @@
+import { printFunctionCall, printScript } from './printScript';
+// ----- WARNING -----
+// This is a very sensitive fraction of code.
+// Any changes to this file must be tested directly in product before merging.
+// The scripts printed here might differ from what we observe in our internal tests
+// due to minimification, for example.
+export var GLOBAL_MEDIA_CARD_SSR = 'mediaCardSsr';
+export var GLOBAL_MEDIA_NAMESPACE = '__MEDIA_INTERNAL';
+export function getMediaGlobalScope() {
+  var globalScope = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
+  // Must match GLOBAL_MEDIA_NAMESPACE. Can't reference the constant from here.
+  var namespace = '__MEDIA_INTERNAL';
+  if (!globalScope[namespace]) {
+    globalScope[namespace] = {};
+  }
+  return globalScope[namespace];
+}
+export function getMediaCardSSR() {
+  var globalScope = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
+  var globalMedia = getMediaGlobalScope(globalScope);
+  // Must match GLOBAL_MEDIA_CARD_SSR. Can't reference the constant from here.
+  var key = 'mediaCardSsr';
+  if (!globalMedia[key]) {
+    globalMedia[key] = {};
+  }
+  return globalMedia[key];
+}
+var dashed = function dashed(param) {
+  return param ? "-".concat(param) : '';
+};
+export var getKey = function getKey(_ref) {
+  var id = _ref.id,
+    collectionName = _ref.collectionName,
+    occurrenceKey = _ref.occurrenceKey;
+  return "".concat(id).concat(dashed(collectionName)).concat(dashed(occurrenceKey));
+};
+export var storeDataURI = function storeDataURI(key, dataURI, dimensions, error) {
+  var globalScope = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : window;
+  var mediaCardSsr = getMediaCardSSR(globalScope);
+  mediaCardSsr[key] = {
+    dataURI: dataURI,
+    dimensions: dimensions,
+    error: error
+  };
+};
+var generateScript = function generateScript(identifier, dataURI, dimensions, error) {
+  var functionCall = printFunctionCall(storeDataURI, getKey(identifier), dataURI, dimensions, error);
+  return printScript([getMediaCardSSR.toString(), getMediaGlobalScope.toString(), functionCall]);
+};
+export var generateScriptProps = function generateScriptProps(identifier, dataURI, dimensions, error) {
+  return {
+    dangerouslySetInnerHTML: {
+      __html: generateScript(identifier, dataURI, dimensions, error)
+    }
+  };
+};

package/dist/esm/globalScope/index.js

@@ -0,0 +1,2 @@
+export { GLOBAL_MEDIA_NAMESPACE, GLOBAL_MEDIA_CARD_SSR, generateScriptProps, getKey } from './globalScope';
+export { getSSRData } from './getSSRData';

package/dist/esm/globalScope/printScript.js

@@ -0,0 +1,25 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+var printParam = function printParam(param) {
+  if (typeof param === 'string') {
+    return "'".concat(param, "'");
+  } else if (_typeof(param) === 'object') {
+    return JSON.stringify(param);
+  } else if (param === undefined) {
+    return 'undefined';
+  }
+  return param;
+};
+var printParams = function printParams(args) {
+  return args.map(function (arg) {
+    return printParam(arg);
+  }).join(',');
+};
+export var printFunctionCall = function printFunctionCall(fn) {
+  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    args[_key - 1] = arguments[_key];
+  }
+  return "(".concat(fn.toString(), ")(").concat(printParams(args), ");");
+};
+export var printScript = function printScript(statements) {
+  return "(function(){\n  ".concat(statements.join(';'), "\n})();\n");
+};