@atlaskit/media-file-preview 0.9.4 → 0.9.5
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.
- package/CHANGELOG.md +6 -0
- package/dist/cjs/errors.js +14 -20
- package/dist/cjs/getPreview/objectURLCache.js +9 -11
- package/dist/cjs/useFilePreview.js +6 -1
- package/dist/es2019/useFilePreview.js +8 -2
- package/dist/esm/errors.js +14 -20
- package/dist/esm/getPreview/objectURLCache.js +9 -11
- package/dist/esm/useFilePreview.js +7 -2
- package/dist/types/useFilePreview.d.ts +1 -0
- package/dist/types-ts4.5/useFilePreview.d.ts +1 -0
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
package/dist/cjs/errors.js
CHANGED
|
@@ -9,74 +9,69 @@ exports.isMediaFilePreviewError = isMediaFilePreviewError;
|
|
|
9
9
|
exports.isUnsupportedLocalPreviewError = exports.isRemotePreviewError = void 0;
|
|
10
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
11
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
12
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
13
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
15
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
16
15
|
var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
|
|
17
|
-
function
|
|
16
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
18
17
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
19
18
|
/**
|
|
20
19
|
* Primary reason is logged through Data Portal.
|
|
21
20
|
* Make sure all the values are whitelisted in Measure -> Event Regitry -> "mediaCardRender failed" event
|
|
22
21
|
*/
|
|
23
22
|
var MediaFilePreviewError = exports.MediaFilePreviewError = /*#__PURE__*/function (_Error) {
|
|
24
|
-
(0, _inherits2.default)(MediaFilePreviewError, _Error);
|
|
25
|
-
var _super = _createSuper(MediaFilePreviewError);
|
|
26
23
|
function MediaFilePreviewError(primaryReason, secondaryError) {
|
|
27
24
|
var _this;
|
|
28
25
|
(0, _classCallCheck2.default)(this, MediaFilePreviewError);
|
|
29
|
-
_this =
|
|
26
|
+
_this = _callSuper(this, MediaFilePreviewError, [primaryReason]);
|
|
30
27
|
// https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#support-for-newtarget
|
|
31
28
|
_this.primaryReason = primaryReason;
|
|
32
29
|
_this.secondaryError = secondaryError;
|
|
33
|
-
Object.setPrototypeOf(
|
|
30
|
+
Object.setPrototypeOf(_this, (this instanceof MediaFilePreviewError ? this.constructor : void 0).prototype);
|
|
34
31
|
|
|
35
32
|
// https://v8.dev/docs/stack-trace-api
|
|
36
33
|
if ('captureStackTrace' in Error) {
|
|
37
|
-
Error.captureStackTrace(
|
|
34
|
+
Error.captureStackTrace(_this, this instanceof MediaFilePreviewError ? this.constructor : void 0);
|
|
38
35
|
}
|
|
39
36
|
return _this;
|
|
40
37
|
}
|
|
38
|
+
(0, _inherits2.default)(MediaFilePreviewError, _Error);
|
|
41
39
|
return (0, _createClass2.default)(MediaFilePreviewError);
|
|
42
40
|
}( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));
|
|
43
41
|
var LocalPreviewError = exports.LocalPreviewError = /*#__PURE__*/function (_MediaFilePreviewErro) {
|
|
44
|
-
(0, _inherits2.default)(LocalPreviewError, _MediaFilePreviewErro);
|
|
45
|
-
var _super2 = _createSuper(LocalPreviewError);
|
|
46
42
|
function LocalPreviewError(primaryReason, secondaryError) {
|
|
47
43
|
var _this2;
|
|
48
44
|
(0, _classCallCheck2.default)(this, LocalPreviewError);
|
|
49
|
-
_this2 =
|
|
45
|
+
_this2 = _callSuper(this, LocalPreviewError, [primaryReason, secondaryError]);
|
|
50
46
|
_this2.primaryReason = primaryReason;
|
|
51
47
|
_this2.secondaryError = secondaryError;
|
|
52
48
|
return _this2;
|
|
53
49
|
}
|
|
50
|
+
(0, _inherits2.default)(LocalPreviewError, _MediaFilePreviewErro);
|
|
54
51
|
return (0, _createClass2.default)(LocalPreviewError);
|
|
55
52
|
}(MediaFilePreviewError);
|
|
56
53
|
var RemotePreviewError = exports.RemotePreviewError = /*#__PURE__*/function (_MediaFilePreviewErro2) {
|
|
57
|
-
(0, _inherits2.default)(RemotePreviewError, _MediaFilePreviewErro2);
|
|
58
|
-
var _super3 = _createSuper(RemotePreviewError);
|
|
59
54
|
function RemotePreviewError(primaryReason, secondaryError) {
|
|
60
55
|
var _this3;
|
|
61
56
|
(0, _classCallCheck2.default)(this, RemotePreviewError);
|
|
62
|
-
_this3 =
|
|
57
|
+
_this3 = _callSuper(this, RemotePreviewError, [primaryReason, secondaryError]);
|
|
63
58
|
_this3.primaryReason = primaryReason;
|
|
64
59
|
_this3.secondaryError = secondaryError;
|
|
65
60
|
return _this3;
|
|
66
61
|
}
|
|
62
|
+
(0, _inherits2.default)(RemotePreviewError, _MediaFilePreviewErro2);
|
|
67
63
|
return (0, _createClass2.default)(RemotePreviewError);
|
|
68
64
|
}(MediaFilePreviewError);
|
|
69
65
|
var SsrPreviewError = exports.SsrPreviewError = /*#__PURE__*/function (_MediaFilePreviewErro3) {
|
|
70
|
-
(0, _inherits2.default)(SsrPreviewError, _MediaFilePreviewErro3);
|
|
71
|
-
var _super4 = _createSuper(SsrPreviewError);
|
|
72
66
|
function SsrPreviewError(primaryReason, secondaryError) {
|
|
73
67
|
var _this4;
|
|
74
68
|
(0, _classCallCheck2.default)(this, SsrPreviewError);
|
|
75
|
-
_this4 =
|
|
69
|
+
_this4 = _callSuper(this, SsrPreviewError, [primaryReason, secondaryError]);
|
|
76
70
|
_this4.primaryReason = primaryReason;
|
|
77
71
|
_this4.secondaryError = secondaryError;
|
|
78
72
|
return _this4;
|
|
79
73
|
}
|
|
74
|
+
(0, _inherits2.default)(SsrPreviewError, _MediaFilePreviewErro3);
|
|
80
75
|
return (0, _createClass2.default)(SsrPreviewError);
|
|
81
76
|
}(MediaFilePreviewError);
|
|
82
77
|
var getImageLoadPrimaryReason = function getImageLoadPrimaryReason(source) {
|
|
@@ -102,12 +97,11 @@ var getImageLoadPrimaryReason = function getImageLoadPrimaryReason(source) {
|
|
|
102
97
|
}
|
|
103
98
|
};
|
|
104
99
|
var ImageLoadError = exports.ImageLoadError = /*#__PURE__*/function (_MediaFilePreviewErro4) {
|
|
105
|
-
(0, _inherits2.default)(ImageLoadError, _MediaFilePreviewErro4);
|
|
106
|
-
var _super5 = _createSuper(ImageLoadError);
|
|
107
100
|
function ImageLoadError(source) {
|
|
108
101
|
(0, _classCallCheck2.default)(this, ImageLoadError);
|
|
109
|
-
return
|
|
102
|
+
return _callSuper(this, ImageLoadError, [getImageLoadPrimaryReason(source)]);
|
|
110
103
|
}
|
|
104
|
+
(0, _inherits2.default)(ImageLoadError, _MediaFilePreviewErro4);
|
|
111
105
|
return (0, _createClass2.default)(ImageLoadError);
|
|
112
106
|
}(MediaFilePreviewError);
|
|
113
107
|
function isMediaFilePreviewError(err) {
|
|
@@ -7,29 +7,29 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.createObjectURLCache = exports.PREVIEW_CACHE_LRU_SIZE = exports.ObjectURLCache = void 0;
|
|
8
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
-
var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
11
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
12
10
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
11
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
12
|
+
var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
13
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
14
|
var _eventemitter = require("eventemitter2");
|
|
15
15
|
var _lru_map = require("lru_map");
|
|
16
|
-
function
|
|
16
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
17
17
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
18
|
+
function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototypeOf2.default)(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
|
|
18
19
|
var PREVIEW_CACHE_LRU_SIZE = exports.PREVIEW_CACHE_LRU_SIZE = 50;
|
|
19
20
|
var ExtendedLRUCache = /*#__PURE__*/function (_LRUMap) {
|
|
20
|
-
(0, _inherits2.default)(ExtendedLRUCache, _LRUMap);
|
|
21
|
-
var _super = _createSuper(ExtendedLRUCache);
|
|
22
21
|
function ExtendedLRUCache(limit) {
|
|
23
22
|
var _this;
|
|
24
23
|
(0, _classCallCheck2.default)(this, ExtendedLRUCache);
|
|
25
|
-
_this =
|
|
24
|
+
_this = _callSuper(this, ExtendedLRUCache, [limit]);
|
|
26
25
|
_this.eventEmitter = new _eventemitter.EventEmitter2();
|
|
27
26
|
return _this;
|
|
28
27
|
}
|
|
29
|
-
(0,
|
|
28
|
+
(0, _inherits2.default)(ExtendedLRUCache, _LRUMap);
|
|
29
|
+
return (0, _createClass2.default)(ExtendedLRUCache, [{
|
|
30
30
|
key: "shift",
|
|
31
31
|
value: function shift() {
|
|
32
|
-
var entry = (
|
|
32
|
+
var entry = _superPropGet(ExtendedLRUCache, "shift", this, 3)([]);
|
|
33
33
|
this.eventEmitter.emit('shift', entry);
|
|
34
34
|
return entry;
|
|
35
35
|
}
|
|
@@ -39,7 +39,6 @@ var ExtendedLRUCache = /*#__PURE__*/function (_LRUMap) {
|
|
|
39
39
|
this.eventEmitter.on(event, callback);
|
|
40
40
|
}
|
|
41
41
|
}]);
|
|
42
|
-
return ExtendedLRUCache;
|
|
43
42
|
}(_lru_map.LRUMap);
|
|
44
43
|
var ObjectURLCache = exports.ObjectURLCache = /*#__PURE__*/function () {
|
|
45
44
|
function ObjectURLCache(size) {
|
|
@@ -51,7 +50,7 @@ var ObjectURLCache = exports.ObjectURLCache = /*#__PURE__*/function () {
|
|
|
51
50
|
}
|
|
52
51
|
});
|
|
53
52
|
}
|
|
54
|
-
(0, _createClass2.default)(ObjectURLCache, [{
|
|
53
|
+
return (0, _createClass2.default)(ObjectURLCache, [{
|
|
55
54
|
key: "has",
|
|
56
55
|
value: function has(key) {
|
|
57
56
|
return !!this.cache.find(key);
|
|
@@ -78,7 +77,6 @@ var ObjectURLCache = exports.ObjectURLCache = /*#__PURE__*/function () {
|
|
|
78
77
|
this.cache.clear();
|
|
79
78
|
}
|
|
80
79
|
}]);
|
|
81
|
-
return ObjectURLCache;
|
|
82
80
|
}();
|
|
83
81
|
var createObjectURLCache = exports.createObjectURLCache = function createObjectURLCache() {
|
|
84
82
|
return new ObjectURLCache(PREVIEW_CACHE_LRU_SIZE);
|
|
@@ -303,6 +303,10 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
|
|
|
303
303
|
var _ssrReliabilityRef$cu;
|
|
304
304
|
return (0, _globalScope.generateScriptProps)(identifier, preview === null || preview === void 0 ? void 0 : preview.dataURI, requestDimensions, ((_ssrReliabilityRef$cu = ssrReliabilityRef.current.server) === null || _ssrReliabilityRef$cu === void 0 ? void 0 : _ssrReliabilityRef$cu.status) === 'fail' ? ssrReliabilityRef.current.server : undefined);
|
|
305
305
|
} : undefined;
|
|
306
|
+
var _useCopyIntent = (0, _mediaClientReact.useCopyIntent)(identifier.id, {
|
|
307
|
+
collectionName: identifier.collectionName
|
|
308
|
+
}),
|
|
309
|
+
copyNodeRef = _useCopyIntent.copyNodeRef;
|
|
306
310
|
|
|
307
311
|
// CXP-2723 TODO: should consider simplifying our analytics, and how
|
|
308
312
|
// we might get rid of ssrReliabiltyRef from our hook
|
|
@@ -314,6 +318,7 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
|
|
|
314
318
|
ssrReliability: ssrReliabilityRef.current,
|
|
315
319
|
onImageError: onImageError,
|
|
316
320
|
onImageLoad: onImageLoad,
|
|
317
|
-
getSsrScriptProps: getSsrScriptProps
|
|
321
|
+
getSsrScriptProps: getSsrScriptProps,
|
|
322
|
+
copyNodeRef: copyNodeRef
|
|
318
323
|
};
|
|
319
324
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
2
2
|
import { isImageRepresentationReady } from '@atlaskit/media-client';
|
|
3
|
-
import { useFileState, useMediaClient } from '@atlaskit/media-client-react';
|
|
3
|
+
import { useCopyIntent, useFileState, useMediaClient } from '@atlaskit/media-client-react';
|
|
4
4
|
import { isMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
|
|
5
5
|
import { createFailedSSRObject, extractErrorInfo } from './analytics';
|
|
6
6
|
import { ensureMediaFilePreviewError, ImageLoadError, MediaFilePreviewError } from './errors';
|
|
@@ -278,6 +278,11 @@ export const useFilePreview = ({
|
|
|
278
278
|
var _ssrReliabilityRef$cu;
|
|
279
279
|
return generateScriptProps(identifier, preview === null || preview === void 0 ? void 0 : preview.dataURI, requestDimensions, ((_ssrReliabilityRef$cu = ssrReliabilityRef.current.server) === null || _ssrReliabilityRef$cu === void 0 ? void 0 : _ssrReliabilityRef$cu.status) === 'fail' ? ssrReliabilityRef.current.server : undefined);
|
|
280
280
|
} : undefined;
|
|
281
|
+
const {
|
|
282
|
+
copyNodeRef
|
|
283
|
+
} = useCopyIntent(identifier.id, {
|
|
284
|
+
collectionName: identifier.collectionName
|
|
285
|
+
});
|
|
281
286
|
|
|
282
287
|
// CXP-2723 TODO: should consider simplifying our analytics, and how
|
|
283
288
|
// we might get rid of ssrReliabiltyRef from our hook
|
|
@@ -289,6 +294,7 @@ export const useFilePreview = ({
|
|
|
289
294
|
ssrReliability: ssrReliabilityRef.current,
|
|
290
295
|
onImageError,
|
|
291
296
|
onImageLoad,
|
|
292
|
-
getSsrScriptProps
|
|
297
|
+
getSsrScriptProps,
|
|
298
|
+
copyNodeRef
|
|
293
299
|
};
|
|
294
300
|
};
|
package/dist/esm/errors.js
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
|
-
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
4
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
3
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
6
4
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
5
|
+
import _inherits from "@babel/runtime/helpers/inherits";
|
|
7
6
|
import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
|
|
8
|
-
function
|
|
7
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
9
8
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
10
9
|
/**
|
|
11
10
|
* Primary reason is logged through Data Portal.
|
|
@@ -13,62 +12,58 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
13
12
|
*/
|
|
14
13
|
|
|
15
14
|
export var MediaFilePreviewError = /*#__PURE__*/function (_Error) {
|
|
16
|
-
_inherits(MediaFilePreviewError, _Error);
|
|
17
|
-
var _super = _createSuper(MediaFilePreviewError);
|
|
18
15
|
function MediaFilePreviewError(primaryReason, secondaryError) {
|
|
19
16
|
var _this;
|
|
20
17
|
_classCallCheck(this, MediaFilePreviewError);
|
|
21
|
-
_this =
|
|
18
|
+
_this = _callSuper(this, MediaFilePreviewError, [primaryReason]);
|
|
22
19
|
// https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#support-for-newtarget
|
|
23
20
|
_this.primaryReason = primaryReason;
|
|
24
21
|
_this.secondaryError = secondaryError;
|
|
25
|
-
Object.setPrototypeOf(
|
|
22
|
+
Object.setPrototypeOf(_this, (this instanceof MediaFilePreviewError ? this.constructor : void 0).prototype);
|
|
26
23
|
|
|
27
24
|
// https://v8.dev/docs/stack-trace-api
|
|
28
25
|
if ('captureStackTrace' in Error) {
|
|
29
|
-
Error.captureStackTrace(
|
|
26
|
+
Error.captureStackTrace(_this, this instanceof MediaFilePreviewError ? this.constructor : void 0);
|
|
30
27
|
}
|
|
31
28
|
return _this;
|
|
32
29
|
}
|
|
30
|
+
_inherits(MediaFilePreviewError, _Error);
|
|
33
31
|
return _createClass(MediaFilePreviewError);
|
|
34
32
|
}( /*#__PURE__*/_wrapNativeSuper(Error));
|
|
35
33
|
export var LocalPreviewError = /*#__PURE__*/function (_MediaFilePreviewErro) {
|
|
36
|
-
_inherits(LocalPreviewError, _MediaFilePreviewErro);
|
|
37
|
-
var _super2 = _createSuper(LocalPreviewError);
|
|
38
34
|
function LocalPreviewError(primaryReason, secondaryError) {
|
|
39
35
|
var _this2;
|
|
40
36
|
_classCallCheck(this, LocalPreviewError);
|
|
41
|
-
_this2 =
|
|
37
|
+
_this2 = _callSuper(this, LocalPreviewError, [primaryReason, secondaryError]);
|
|
42
38
|
_this2.primaryReason = primaryReason;
|
|
43
39
|
_this2.secondaryError = secondaryError;
|
|
44
40
|
return _this2;
|
|
45
41
|
}
|
|
42
|
+
_inherits(LocalPreviewError, _MediaFilePreviewErro);
|
|
46
43
|
return _createClass(LocalPreviewError);
|
|
47
44
|
}(MediaFilePreviewError);
|
|
48
45
|
export var RemotePreviewError = /*#__PURE__*/function (_MediaFilePreviewErro2) {
|
|
49
|
-
_inherits(RemotePreviewError, _MediaFilePreviewErro2);
|
|
50
|
-
var _super3 = _createSuper(RemotePreviewError);
|
|
51
46
|
function RemotePreviewError(primaryReason, secondaryError) {
|
|
52
47
|
var _this3;
|
|
53
48
|
_classCallCheck(this, RemotePreviewError);
|
|
54
|
-
_this3 =
|
|
49
|
+
_this3 = _callSuper(this, RemotePreviewError, [primaryReason, secondaryError]);
|
|
55
50
|
_this3.primaryReason = primaryReason;
|
|
56
51
|
_this3.secondaryError = secondaryError;
|
|
57
52
|
return _this3;
|
|
58
53
|
}
|
|
54
|
+
_inherits(RemotePreviewError, _MediaFilePreviewErro2);
|
|
59
55
|
return _createClass(RemotePreviewError);
|
|
60
56
|
}(MediaFilePreviewError);
|
|
61
57
|
export var SsrPreviewError = /*#__PURE__*/function (_MediaFilePreviewErro3) {
|
|
62
|
-
_inherits(SsrPreviewError, _MediaFilePreviewErro3);
|
|
63
|
-
var _super4 = _createSuper(SsrPreviewError);
|
|
64
58
|
function SsrPreviewError(primaryReason, secondaryError) {
|
|
65
59
|
var _this4;
|
|
66
60
|
_classCallCheck(this, SsrPreviewError);
|
|
67
|
-
_this4 =
|
|
61
|
+
_this4 = _callSuper(this, SsrPreviewError, [primaryReason, secondaryError]);
|
|
68
62
|
_this4.primaryReason = primaryReason;
|
|
69
63
|
_this4.secondaryError = secondaryError;
|
|
70
64
|
return _this4;
|
|
71
65
|
}
|
|
66
|
+
_inherits(SsrPreviewError, _MediaFilePreviewErro3);
|
|
72
67
|
return _createClass(SsrPreviewError);
|
|
73
68
|
}(MediaFilePreviewError);
|
|
74
69
|
var getImageLoadPrimaryReason = function getImageLoadPrimaryReason(source) {
|
|
@@ -94,12 +89,11 @@ var getImageLoadPrimaryReason = function getImageLoadPrimaryReason(source) {
|
|
|
94
89
|
}
|
|
95
90
|
};
|
|
96
91
|
export var ImageLoadError = /*#__PURE__*/function (_MediaFilePreviewErro4) {
|
|
97
|
-
_inherits(ImageLoadError, _MediaFilePreviewErro4);
|
|
98
|
-
var _super5 = _createSuper(ImageLoadError);
|
|
99
92
|
function ImageLoadError(source) {
|
|
100
93
|
_classCallCheck(this, ImageLoadError);
|
|
101
|
-
return
|
|
94
|
+
return _callSuper(this, ImageLoadError, [getImageLoadPrimaryReason(source)]);
|
|
102
95
|
}
|
|
96
|
+
_inherits(ImageLoadError, _MediaFilePreviewErro4);
|
|
103
97
|
return _createClass(ImageLoadError);
|
|
104
98
|
}(MediaFilePreviewError);
|
|
105
99
|
export function isMediaFilePreviewError(err) {
|
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
2
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
|
-
import _get from "@babel/runtime/helpers/get";
|
|
4
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
3
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
6
4
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
7
|
-
|
|
5
|
+
import _get from "@babel/runtime/helpers/get";
|
|
6
|
+
import _inherits from "@babel/runtime/helpers/inherits";
|
|
7
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
8
8
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
9
|
+
function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
|
|
9
10
|
import { EventEmitter2 } from 'eventemitter2';
|
|
10
11
|
import { LRUMap } from 'lru_map';
|
|
11
12
|
export var PREVIEW_CACHE_LRU_SIZE = 50;
|
|
12
13
|
var ExtendedLRUCache = /*#__PURE__*/function (_LRUMap) {
|
|
13
|
-
_inherits(ExtendedLRUCache, _LRUMap);
|
|
14
|
-
var _super = _createSuper(ExtendedLRUCache);
|
|
15
14
|
function ExtendedLRUCache(limit) {
|
|
16
15
|
var _this;
|
|
17
16
|
_classCallCheck(this, ExtendedLRUCache);
|
|
18
|
-
_this =
|
|
17
|
+
_this = _callSuper(this, ExtendedLRUCache, [limit]);
|
|
19
18
|
_this.eventEmitter = new EventEmitter2();
|
|
20
19
|
return _this;
|
|
21
20
|
}
|
|
22
|
-
|
|
21
|
+
_inherits(ExtendedLRUCache, _LRUMap);
|
|
22
|
+
return _createClass(ExtendedLRUCache, [{
|
|
23
23
|
key: "shift",
|
|
24
24
|
value: function shift() {
|
|
25
|
-
var entry =
|
|
25
|
+
var entry = _superPropGet(ExtendedLRUCache, "shift", this, 3)([]);
|
|
26
26
|
this.eventEmitter.emit('shift', entry);
|
|
27
27
|
return entry;
|
|
28
28
|
}
|
|
@@ -32,7 +32,6 @@ var ExtendedLRUCache = /*#__PURE__*/function (_LRUMap) {
|
|
|
32
32
|
this.eventEmitter.on(event, callback);
|
|
33
33
|
}
|
|
34
34
|
}]);
|
|
35
|
-
return ExtendedLRUCache;
|
|
36
35
|
}(LRUMap);
|
|
37
36
|
export var ObjectURLCache = /*#__PURE__*/function () {
|
|
38
37
|
function ObjectURLCache(size) {
|
|
@@ -44,7 +43,7 @@ export var ObjectURLCache = /*#__PURE__*/function () {
|
|
|
44
43
|
}
|
|
45
44
|
});
|
|
46
45
|
}
|
|
47
|
-
_createClass(ObjectURLCache, [{
|
|
46
|
+
return _createClass(ObjectURLCache, [{
|
|
48
47
|
key: "has",
|
|
49
48
|
value: function has(key) {
|
|
50
49
|
return !!this.cache.find(key);
|
|
@@ -71,7 +70,6 @@ export var ObjectURLCache = /*#__PURE__*/function () {
|
|
|
71
70
|
this.cache.clear();
|
|
72
71
|
}
|
|
73
72
|
}]);
|
|
74
|
-
return ObjectURLCache;
|
|
75
73
|
}();
|
|
76
74
|
export var createObjectURLCache = function createObjectURLCache() {
|
|
77
75
|
return new ObjectURLCache(PREVIEW_CACHE_LRU_SIZE);
|
|
@@ -4,7 +4,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
4
4
|
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; }
|
|
5
5
|
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
6
6
|
import { isImageRepresentationReady } from '@atlaskit/media-client';
|
|
7
|
-
import { useFileState, useMediaClient } from '@atlaskit/media-client-react';
|
|
7
|
+
import { useCopyIntent, useFileState, useMediaClient } from '@atlaskit/media-client-react';
|
|
8
8
|
import { isMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
|
|
9
9
|
import { createFailedSSRObject, extractErrorInfo } from './analytics';
|
|
10
10
|
import { ensureMediaFilePreviewError, ImageLoadError, MediaFilePreviewError } from './errors';
|
|
@@ -296,6 +296,10 @@ export var useFilePreview = function useFilePreview(_ref) {
|
|
|
296
296
|
var _ssrReliabilityRef$cu;
|
|
297
297
|
return generateScriptProps(identifier, preview === null || preview === void 0 ? void 0 : preview.dataURI, requestDimensions, ((_ssrReliabilityRef$cu = ssrReliabilityRef.current.server) === null || _ssrReliabilityRef$cu === void 0 ? void 0 : _ssrReliabilityRef$cu.status) === 'fail' ? ssrReliabilityRef.current.server : undefined);
|
|
298
298
|
} : undefined;
|
|
299
|
+
var _useCopyIntent = useCopyIntent(identifier.id, {
|
|
300
|
+
collectionName: identifier.collectionName
|
|
301
|
+
}),
|
|
302
|
+
copyNodeRef = _useCopyIntent.copyNodeRef;
|
|
299
303
|
|
|
300
304
|
// CXP-2723 TODO: should consider simplifying our analytics, and how
|
|
301
305
|
// we might get rid of ssrReliabiltyRef from our hook
|
|
@@ -307,6 +311,7 @@ export var useFilePreview = function useFilePreview(_ref) {
|
|
|
307
311
|
ssrReliability: ssrReliabilityRef.current,
|
|
308
312
|
onImageError: onImageError,
|
|
309
313
|
onImageLoad: onImageLoad,
|
|
310
|
-
getSsrScriptProps: getSsrScriptProps
|
|
314
|
+
getSsrScriptProps: getSsrScriptProps,
|
|
315
|
+
copyNodeRef: copyNodeRef
|
|
311
316
|
};
|
|
312
317
|
};
|
|
@@ -38,4 +38,5 @@ export declare const useFilePreview: ({ resizeMode, identifier, ssr, dimensions,
|
|
|
38
38
|
onImageError: (failedPreview?: MediaFilePreview) => void;
|
|
39
39
|
onImageLoad: (newPreview?: MediaFilePreview) => void;
|
|
40
40
|
getSsrScriptProps: (() => import("react").ScriptHTMLAttributes<HTMLScriptElement>) | undefined;
|
|
41
|
+
copyNodeRef: import("react").RefObject<HTMLImageElement | HTMLDivElement>;
|
|
41
42
|
};
|
|
@@ -38,4 +38,5 @@ export declare const useFilePreview: ({ resizeMode, identifier, ssr, dimensions,
|
|
|
38
38
|
onImageError: (failedPreview?: MediaFilePreview) => void;
|
|
39
39
|
onImageLoad: (newPreview?: MediaFilePreview) => void;
|
|
40
40
|
getSsrScriptProps: (() => import("react").ScriptHTMLAttributes<HTMLScriptElement>) | undefined;
|
|
41
|
+
copyNodeRef: import("react").RefObject<HTMLImageElement | HTMLDivElement>;
|
|
41
42
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-file-preview",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.5",
|
|
4
4
|
"description": "A React Hook to fetch and render file previews. It's overloaded with fancy features like SSR, lazy loading, memory cache and local preview.",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -34,10 +34,10 @@
|
|
|
34
34
|
".": "./src/index.ts"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@atlaskit/media-client": "^
|
|
38
|
-
"@atlaskit/media-client-react": "^2.
|
|
37
|
+
"@atlaskit/media-client": "^29.0.0",
|
|
38
|
+
"@atlaskit/media-client-react": "^2.5.0",
|
|
39
39
|
"@atlaskit/media-common": "^11.7.0",
|
|
40
|
-
"@atlaskit/media-ui": "^27.
|
|
40
|
+
"@atlaskit/media-ui": "^27.2.0",
|
|
41
41
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
42
42
|
"@babel/runtime": "^7.0.0",
|
|
43
43
|
"eventemitter2": "^4.1.0",
|
|
@@ -50,9 +50,9 @@
|
|
|
50
50
|
"devDependencies": {
|
|
51
51
|
"@af/integration-testing": "*",
|
|
52
52
|
"@af/visual-regression": "*",
|
|
53
|
-
"@atlaskit/media-state": "^1.
|
|
53
|
+
"@atlaskit/media-state": "^1.2.0",
|
|
54
54
|
"@atlaskit/media-test-data": "^2.7.0",
|
|
55
|
-
"@atlaskit/section-message": "^6.
|
|
55
|
+
"@atlaskit/section-message": "^6.8.0",
|
|
56
56
|
"@atlaskit/ssr": "*",
|
|
57
57
|
"@atlaskit/visual-regression": "*",
|
|
58
58
|
"@testing-library/react": "^12.1.5",
|