@atlaskit/media-card 78.1.1 → 78.1.2
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 +8 -0
- package/dist/cjs/card/card.js +3 -3
- package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/cjs/inline/loader.js +1 -1
- package/dist/cjs/utils/mediaPerformanceObserver/mediaPerformanceObserver.js +2 -0
- package/dist/cjs/utils/ufoExperiences.js +1 -1
- package/dist/es2019/card/card.js +3 -3
- package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/es2019/inline/loader.js +1 -1
- package/dist/es2019/utils/mediaPerformanceObserver/mediaPerformanceObserver.js +2 -0
- package/dist/es2019/utils/ufoExperiences.js +1 -1
- package/dist/esm/card/card.js +3 -3
- package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/esm/inline/loader.js +1 -1
- package/dist/esm/utils/mediaPerformanceObserver/mediaPerformanceObserver.js +2 -0
- package/dist/esm/utils/ufoExperiences.js +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/media-card
|
|
2
2
|
|
|
3
|
+
## 78.1.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`eaacfc7b03414`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/eaacfc7b03414) -
|
|
8
|
+
Changed the feature flag used for analytics publishing to prevent spamming due to cached clients
|
|
9
|
+
using bugged versions of Card
|
|
10
|
+
|
|
3
11
|
## 78.1.1
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
package/dist/cjs/card/card.js
CHANGED
|
@@ -21,7 +21,7 @@ var _excluded = ["identifier"];
|
|
|
21
21
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
22
22
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
23
23
|
var packageName = "@atlaskit/media-card";
|
|
24
|
-
var packageVersion = "78.1.
|
|
24
|
+
var packageVersion = "78.1.2";
|
|
25
25
|
var CardBase = exports.CardBase = function CardBase(_ref) {
|
|
26
26
|
var identifier = _ref.identifier,
|
|
27
27
|
otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
@@ -40,12 +40,12 @@ var CardWithPerformanceObserver = exports.CardWithPerformanceObserver = function
|
|
|
40
40
|
var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
|
|
41
41
|
createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
|
|
42
42
|
(0, _react.useEffect)(function () {
|
|
43
|
-
if ((0, _platformFeatureFlags.fg)('platform.media-card-performance-
|
|
43
|
+
if ((0, _platformFeatureFlags.fg)('platform.media-card-performance-observer_a803k')) {
|
|
44
44
|
(0, _mediaPerformanceObserver.startResourceObserver)();
|
|
45
45
|
}
|
|
46
46
|
}, []);
|
|
47
47
|
(0, _react.useEffect)(function () {
|
|
48
|
-
if ((0, _platformFeatureFlags.fg)('platform.media-card-performance-
|
|
48
|
+
if ((0, _platformFeatureFlags.fg)('platform.media-card-performance-observer_a803k')) {
|
|
49
49
|
(0, _mediaPerformanceObserver.setAnalyticsContext)(createAnalyticsEvent);
|
|
50
50
|
}
|
|
51
51
|
}, [createAnalyticsEvent]);
|
|
@@ -90,7 +90,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
|
|
|
90
90
|
}(_react.default.Component);
|
|
91
91
|
(0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
92
92
|
var packageName = "@atlaskit/media-card";
|
|
93
|
-
var packageVersion = "78.1.
|
|
93
|
+
var packageVersion = "78.1.2";
|
|
94
94
|
|
|
95
95
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
96
96
|
var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
|
|
@@ -119,7 +119,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
|
|
|
119
119
|
ErrorBoundary = _this$state.ErrorBoundary;
|
|
120
120
|
var analyticsContext = {
|
|
121
121
|
packageVersion: "@atlaskit/media-card",
|
|
122
|
-
packageName: "78.1.
|
|
122
|
+
packageName: "78.1.2",
|
|
123
123
|
componentName: 'mediaInlineCard',
|
|
124
124
|
component: 'mediaInlineCard'
|
|
125
125
|
};
|
|
@@ -29,6 +29,7 @@ var createAndGetResourceObserver = function createAndGetResourceObserver() {
|
|
|
29
29
|
var fileId = matchFileId[1];
|
|
30
30
|
var clientId = matchClientId === null || matchClientId === void 0 ? void 0 : matchClientId[1];
|
|
31
31
|
var ssr = matchSSR ? 'server' : undefined;
|
|
32
|
+
var navigationTime = performance.getEntriesByType('navigation')[0];
|
|
32
33
|
var event = window[MEDIA_CARD_PERF_STATE_KEY].mediaCardCreateAnalyticsEvent({
|
|
33
34
|
eventType: 'operational',
|
|
34
35
|
action: 'succeeded',
|
|
@@ -37,6 +38,7 @@ var createAndGetResourceObserver = function createAndGetResourceObserver() {
|
|
|
37
38
|
ssr: ssr,
|
|
38
39
|
fileId: fileId,
|
|
39
40
|
mediaClientId: clientId,
|
|
41
|
+
startedAt: entry.startTime - ((navigationTime === null || navigationTime === void 0 ? void 0 : navigationTime.domContentLoadedEventEnd) || 0),
|
|
40
42
|
/**
|
|
41
43
|
* Performance resource timing data regarding the loading of an
|
|
42
44
|
* application's resources as described in
|
|
@@ -15,7 +15,7 @@ var _mediaClient = require("@atlaskit/media-client");
|
|
|
15
15
|
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; }
|
|
16
16
|
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; }
|
|
17
17
|
var packageName = "@atlaskit/media-card";
|
|
18
|
-
var packageVersion = "78.1.
|
|
18
|
+
var packageVersion = "78.1.2";
|
|
19
19
|
var concurrentExperience;
|
|
20
20
|
var getExperience = function getExperience(id) {
|
|
21
21
|
if (!concurrentExperience) {
|
package/dist/es2019/card/card.js
CHANGED
|
@@ -9,7 +9,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
|
|
|
9
9
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
10
10
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
11
|
const packageName = "@atlaskit/media-card";
|
|
12
|
-
const packageVersion = "78.1.
|
|
12
|
+
const packageVersion = "78.1.2";
|
|
13
13
|
export const CardBase = ({
|
|
14
14
|
identifier,
|
|
15
15
|
...otherProps
|
|
@@ -30,12 +30,12 @@ export const CardWithPerformanceObserver = props => {
|
|
|
30
30
|
createAnalyticsEvent
|
|
31
31
|
} = useAnalyticsEvents();
|
|
32
32
|
useEffect(() => {
|
|
33
|
-
if (fg('platform.media-card-performance-
|
|
33
|
+
if (fg('platform.media-card-performance-observer_a803k')) {
|
|
34
34
|
startResourceObserver();
|
|
35
35
|
}
|
|
36
36
|
}, []);
|
|
37
37
|
useEffect(() => {
|
|
38
|
-
if (fg('platform.media-card-performance-
|
|
38
|
+
if (fg('platform.media-card-performance-observer_a803k')) {
|
|
39
39
|
setAnalyticsContext(createAnalyticsEvent);
|
|
40
40
|
}
|
|
41
41
|
}, [createAnalyticsEvent]);
|
|
@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
|
|
|
66
66
|
}
|
|
67
67
|
_defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
68
68
|
const packageName = "@atlaskit/media-card";
|
|
69
|
-
const packageVersion = "78.1.
|
|
69
|
+
const packageVersion = "78.1.2";
|
|
70
70
|
|
|
71
71
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
72
72
|
const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
|
|
@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
|
|
|
37
37
|
} = this.state;
|
|
38
38
|
const analyticsContext = {
|
|
39
39
|
packageVersion: "@atlaskit/media-card",
|
|
40
|
-
packageName: "78.1.
|
|
40
|
+
packageName: "78.1.2",
|
|
41
41
|
componentName: 'mediaInlineCard',
|
|
42
42
|
component: 'mediaInlineCard'
|
|
43
43
|
};
|
|
@@ -23,6 +23,7 @@ const createAndGetResourceObserver = () => {
|
|
|
23
23
|
const fileId = matchFileId[1];
|
|
24
24
|
const clientId = matchClientId === null || matchClientId === void 0 ? void 0 : matchClientId[1];
|
|
25
25
|
const ssr = matchSSR ? 'server' : undefined;
|
|
26
|
+
const navigationTime = performance.getEntriesByType('navigation')[0];
|
|
26
27
|
const event = window[MEDIA_CARD_PERF_STATE_KEY].mediaCardCreateAnalyticsEvent({
|
|
27
28
|
eventType: 'operational',
|
|
28
29
|
action: 'succeeded',
|
|
@@ -31,6 +32,7 @@ const createAndGetResourceObserver = () => {
|
|
|
31
32
|
ssr,
|
|
32
33
|
fileId: fileId,
|
|
33
34
|
mediaClientId: clientId,
|
|
35
|
+
startedAt: entry.startTime - ((navigationTime === null || navigationTime === void 0 ? void 0 : navigationTime.domContentLoadedEventEnd) || 0),
|
|
34
36
|
/**
|
|
35
37
|
* Performance resource timing data regarding the loading of an
|
|
36
38
|
* application's resources as described in
|
|
@@ -5,7 +5,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
|
|
|
5
5
|
import { MediaCardError } from '../errors';
|
|
6
6
|
import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
7
7
|
const packageName = "@atlaskit/media-card";
|
|
8
|
-
const packageVersion = "78.1.
|
|
8
|
+
const packageVersion = "78.1.2";
|
|
9
9
|
let concurrentExperience;
|
|
10
10
|
const getExperience = id => {
|
|
11
11
|
if (!concurrentExperience) {
|
package/dist/esm/card/card.js
CHANGED
|
@@ -11,7 +11,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
|
|
|
11
11
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
12
12
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
13
13
|
var packageName = "@atlaskit/media-card";
|
|
14
|
-
var packageVersion = "78.1.
|
|
14
|
+
var packageVersion = "78.1.2";
|
|
15
15
|
export var CardBase = function CardBase(_ref) {
|
|
16
16
|
var identifier = _ref.identifier,
|
|
17
17
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -30,12 +30,12 @@ export var CardWithPerformanceObserver = function CardWithPerformanceObserver(pr
|
|
|
30
30
|
var _useAnalyticsEvents = useAnalyticsEvents(),
|
|
31
31
|
createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
|
|
32
32
|
useEffect(function () {
|
|
33
|
-
if (fg('platform.media-card-performance-
|
|
33
|
+
if (fg('platform.media-card-performance-observer_a803k')) {
|
|
34
34
|
startResourceObserver();
|
|
35
35
|
}
|
|
36
36
|
}, []);
|
|
37
37
|
useEffect(function () {
|
|
38
|
-
if (fg('platform.media-card-performance-
|
|
38
|
+
if (fg('platform.media-card-performance-observer_a803k')) {
|
|
39
39
|
setAnalyticsContext(createAnalyticsEvent);
|
|
40
40
|
}
|
|
41
41
|
}, [createAnalyticsEvent]);
|
|
@@ -83,7 +83,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
|
|
|
83
83
|
}(React.Component);
|
|
84
84
|
_defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
85
85
|
var packageName = "@atlaskit/media-card";
|
|
86
|
-
var packageVersion = "78.1.
|
|
86
|
+
var packageVersion = "78.1.2";
|
|
87
87
|
|
|
88
88
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
89
89
|
var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
|
|
@@ -103,7 +103,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
103
103
|
ErrorBoundary = _this$state.ErrorBoundary;
|
|
104
104
|
var analyticsContext = {
|
|
105
105
|
packageVersion: "@atlaskit/media-card",
|
|
106
|
-
packageName: "78.1.
|
|
106
|
+
packageName: "78.1.2",
|
|
107
107
|
componentName: 'mediaInlineCard',
|
|
108
108
|
component: 'mediaInlineCard'
|
|
109
109
|
};
|
|
@@ -23,6 +23,7 @@ var createAndGetResourceObserver = function createAndGetResourceObserver() {
|
|
|
23
23
|
var fileId = matchFileId[1];
|
|
24
24
|
var clientId = matchClientId === null || matchClientId === void 0 ? void 0 : matchClientId[1];
|
|
25
25
|
var ssr = matchSSR ? 'server' : undefined;
|
|
26
|
+
var navigationTime = performance.getEntriesByType('navigation')[0];
|
|
26
27
|
var event = window[MEDIA_CARD_PERF_STATE_KEY].mediaCardCreateAnalyticsEvent({
|
|
27
28
|
eventType: 'operational',
|
|
28
29
|
action: 'succeeded',
|
|
@@ -31,6 +32,7 @@ var createAndGetResourceObserver = function createAndGetResourceObserver() {
|
|
|
31
32
|
ssr: ssr,
|
|
32
33
|
fileId: fileId,
|
|
33
34
|
mediaClientId: clientId,
|
|
35
|
+
startedAt: entry.startTime - ((navigationTime === null || navigationTime === void 0 ? void 0 : navigationTime.domContentLoadedEventEnd) || 0),
|
|
34
36
|
/**
|
|
35
37
|
* Performance resource timing data regarding the loading of an
|
|
36
38
|
* application's resources as described in
|
|
@@ -8,7 +8,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
|
|
|
8
8
|
import { MediaCardError } from '../errors';
|
|
9
9
|
import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
10
10
|
var packageName = "@atlaskit/media-card";
|
|
11
|
-
var packageVersion = "78.1.
|
|
11
|
+
var packageVersion = "78.1.2";
|
|
12
12
|
var concurrentExperience;
|
|
13
13
|
var getExperience = function getExperience(id) {
|
|
14
14
|
if (!concurrentExperience) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-card",
|
|
3
|
-
"version": "78.1.
|
|
3
|
+
"version": "78.1.2",
|
|
4
4
|
"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"@atlaskit/dropdown-menu": "^12.17.0",
|
|
41
41
|
"@atlaskit/editor-shared-styles": "^2.13.0",
|
|
42
42
|
"@atlaskit/icon": "^22.14.0",
|
|
43
|
-
"@atlaskit/media-client": "^27.
|
|
43
|
+
"@atlaskit/media-client": "^27.5.0",
|
|
44
44
|
"@atlaskit/media-client-react": "^2.1.0",
|
|
45
45
|
"@atlaskit/media-common": "^11.4.0",
|
|
46
46
|
"@atlaskit/media-file-preview": "^0.8.0",
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
"platform.media-card-svg-rendering_6tdbv": {
|
|
110
110
|
"type": "boolean"
|
|
111
111
|
},
|
|
112
|
-
"platform.media-card-performance-
|
|
112
|
+
"platform.media-card-performance-observer_a803k": {
|
|
113
113
|
"type": "boolean"
|
|
114
114
|
}
|
|
115
115
|
},
|