@atlaskit/media-file-preview 0.0.1

package/dist/cjs/getPreview/objectURLCache.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createObjectURLCache = exports.PREVIEW_CACHE_LRU_SIZE = exports.ObjectURLCache = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _eventemitter = require("eventemitter2");
+var _lru_map = require("lru_map");
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
+var PREVIEW_CACHE_LRU_SIZE = exports.PREVIEW_CACHE_LRU_SIZE = 50;
+var ExtendedLRUCache = /*#__PURE__*/function (_LRUMap) {
+  (0, _inherits2.default)(ExtendedLRUCache, _LRUMap);
+  var _super = _createSuper(ExtendedLRUCache);
+  function ExtendedLRUCache(limit) {
+    var _this;
+    (0, _classCallCheck2.default)(this, ExtendedLRUCache);
+    _this = _super.call(this, limit);
+    _this.eventEmitter = new _eventemitter.EventEmitter2();
+    return _this;
+  }
+  (0, _createClass2.default)(ExtendedLRUCache, [{
+    key: "shift",
+    value: function shift() {
+      var entry = (0, _get2.default)((0, _getPrototypeOf2.default)(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;
+}(_lru_map.LRUMap);
+var ObjectURLCache = exports.ObjectURLCache = /*#__PURE__*/function () {
+  function ObjectURLCache(size) {
+    (0, _classCallCheck2.default)(this, ObjectURLCache);
+    this.cache = new ExtendedLRUCache(size);
+    this.cache.on('shift', function (entry) {
+      if (entry && entry[1].dataURI) {
+        URL.revokeObjectURL(entry[1].dataURI);
+      }
+    });
+  }
+  (0, _createClass2.default)(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;
+}();
+var createObjectURLCache = exports.createObjectURLCache = function createObjectURLCache() {
+  return new ObjectURLCache(PREVIEW_CACHE_LRU_SIZE);
+};

package/dist/cjs/getPreview/videoSnapshot.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.takeSnapshot = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var takeSnapshot = exports.takeSnapshot = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(blob) {
+    return _regenerator.default.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/cjs/globalScope/getSSRData.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSSRData = void 0;
+var _globalScope = require("./globalScope");
+var getSSRData = exports.getSSRData = function getSSRData(identifier) {
+  var mediaCardSsr = (0, _globalScope.getMediaCardSSR)();
+  if (!mediaCardSsr) {
+    return;
+  }
+  return mediaCardSsr[(0, _globalScope.getKey)(identifier)];
+};

package/dist/cjs/globalScope/globalScope.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getKey = exports.generateScriptProps = exports.GLOBAL_MEDIA_NAMESPACE = exports.GLOBAL_MEDIA_CARD_SSR = void 0;
+exports.getMediaCardSSR = getMediaCardSSR;
+exports.getMediaGlobalScope = getMediaGlobalScope;
+exports.storeDataURI = void 0;
+var _printScript = require("./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.
+
+var GLOBAL_MEDIA_CARD_SSR = exports.GLOBAL_MEDIA_CARD_SSR = 'mediaCardSsr';
+var GLOBAL_MEDIA_NAMESPACE = exports.GLOBAL_MEDIA_NAMESPACE = '__MEDIA_INTERNAL';
+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];
+}
+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) : '';
+};
+var getKey = exports.getKey = function getKey(_ref) {
+  var id = _ref.id,
+    collectionName = _ref.collectionName,
+    occurrenceKey = _ref.occurrenceKey;
+  return "".concat(id).concat(dashed(collectionName)).concat(dashed(occurrenceKey));
+};
+var storeDataURI = exports.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 = (0, _printScript.printFunctionCall)(storeDataURI, getKey(identifier), dataURI, dimensions, error);
+  return (0, _printScript.printScript)([getMediaCardSSR.toString(), getMediaGlobalScope.toString(), functionCall]);
+};
+var generateScriptProps = exports.generateScriptProps = function generateScriptProps(identifier, dataURI, dimensions, error) {
+  return {
+    dangerouslySetInnerHTML: {
+      __html: generateScript(identifier, dataURI, dimensions, error)
+    }
+  };
+};

package/dist/cjs/globalScope/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GLOBAL_MEDIA_CARD_SSR", {
+  enumerable: true,
+  get: function get() {
+    return _globalScope.GLOBAL_MEDIA_CARD_SSR;
+  }
+});
+Object.defineProperty(exports, "GLOBAL_MEDIA_NAMESPACE", {
+  enumerable: true,
+  get: function get() {
+    return _globalScope.GLOBAL_MEDIA_NAMESPACE;
+  }
+});
+Object.defineProperty(exports, "generateScriptProps", {
+  enumerable: true,
+  get: function get() {
+    return _globalScope.generateScriptProps;
+  }
+});
+Object.defineProperty(exports, "getKey", {
+  enumerable: true,
+  get: function get() {
+    return _globalScope.getKey;
+  }
+});
+Object.defineProperty(exports, "getSSRData", {
+  enumerable: true,
+  get: function get() {
+    return _getSSRData.getSSRData;
+  }
+});
+var _globalScope = require("./globalScope");
+var _getSSRData = require("./getSSRData");

package/dist/cjs/globalScope/printScript.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.printScript = exports.printFunctionCall = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var printParam = function printParam(param) {
+  if (typeof param === 'string') {
+    return "'".concat(param, "'");
+  } else if ((0, _typeof2.default)(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(',');
+};
+var printFunctionCall = exports.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), ");");
+};
+var printScript = exports.printScript = function printScript(statements) {
+  return "(function(){\n  ".concat(statements.join(';'), "\n})();\n");
+};

package/dist/cjs/globalScope/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/helpers.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isBigger = exports.createRequestDimensions = void 0;
+exports.useCurrentValueRef = useCurrentValueRef;
+var _react = require("react");
+/**
+ * Checks if at least one of next dimensions is bigger than current
+ * If a single dimension is undefined, returns false
+ */
+var isBigger = exports.isBigger = function isBigger(current, next) {
+  var _ref = current || {},
+    currentWidth = _ref.width,
+    currentHeight = _ref.height;
+  var _ref2 = next || {},
+    nextWidth = _ref2.width,
+    nextHeight = _ref2.height;
+  if (!!currentWidth && !!currentHeight && !!nextWidth && !!nextHeight) {
+    var nextIsWider = currentWidth < nextWidth;
+    var nextIsHigher = currentHeight < nextHeight;
+    return nextIsHigher || nextIsWider;
+  } else {
+    return false;
+  }
+};
+
+/** Verifies if the current screen is retina display */
+function isRetina() {
+  var mediaQuery = '(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)';
+  return window.devicePixelRatio > 1 || window.matchMedia && window.matchMedia(mediaQuery).matches;
+}
+var createRequestDimensions = exports.createRequestDimensions = function createRequestDimensions(dimensions) {
+  if (!dimensions) {
+    return;
+  }
+  var retinaFactor = isRetina() ? 2 : 1;
+  var width = dimensions.width,
+    height = dimensions.height;
+  var result = {};
+  if (width) {
+    result.width = width * retinaFactor;
+  }
+  if (height) {
+    result.height = height * retinaFactor;
+  }
+  return result;
+};
+
+/** Stores the provided value in a ref object to avoid "component rerenders" when the value is used as a hook dependency */
+function useCurrentValueRef(value) {
+  var ref = (0, _react.useRef)(value);
+  ref.current = value;
+  return ref;
+}

package/dist/cjs/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useFilePreview", {
+  enumerable: true,
+  get: function get() {
+    return _useFilePreview.useFilePreview;
+  }
+});
+var _useFilePreview = require("./useFilePreview");

package/dist/cjs/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});