@atlaskit/renderer 114.12.0 → 114.12.1

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.
Files changed (8) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/react/utils/EditorMediaClientProvider.js +23 -8
  3. package/dist/cjs/ui/Renderer/index.js +1 -1
  4. package/dist/es2019/react/utils/EditorMediaClientProvider.js +25 -10
  5. package/dist/es2019/ui/Renderer/index.js +1 -1
  6. package/dist/esm/react/utils/EditorMediaClientProvider.js +25 -10
  7. package/dist/esm/ui/Renderer/index.js +1 -1
  8. package/package.json +5 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 114.12.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#148000](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/148000)
8
+ [`3dc4d377d546d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3dc4d377d546d) -
9
+ CONFCLOUD-81409 - speed up renderer media client under FG platform_editor_speedup_media_client
10
+ - [#148201](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/148201)
11
+ [`8e811f1840de7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8e811f1840de7) -
12
+ Either actively or pre-emptively fixes a bug with keyframe animations in CJS and ESM distribution
13
+ targets for packages using Compiled CSS-in-JS. This may not affect this package, but the change
14
+ was made so a future migration does not accidentally break it.
15
+ - Updated dependencies
16
+
3
17
  ## 114.12.0
4
18
 
5
19
  ### Minor Changes
package/dist/cjs/react/utils/EditorMediaClientProvider.js CHANGED
@@ -10,6 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
  var _mediaClientReact = require("@atlaskit/media-client-react");
12
12
  var _providerFactory = require("@atlaskit/editor-common/provider-factory");
13
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
13
14
  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); }
14
15
  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 && {}.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; }
15
16
  var EditorMediaClientProvider = exports.EditorMediaClientProvider = function EditorMediaClientProvider(_ref) {
@@ -19,13 +20,14 @@ var EditorMediaClientProvider = exports.EditorMediaClientProvider = function Edi
19
20
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
20
21
  mediaClientConfig = _useState2[0],
21
22
  setMediaClientConfig = _useState2[1];
22
- var mediaProvider = (0, _providerFactory.useProvider)('mediaProvider');
23
+ var oldMediaProvider = (0, _providerFactory.useProvider)('mediaProvider');
24
+ var mediaProvider = (0, _providerFactory.useProviderLayout)('mediaProvider');
23
25
 
24
26
  /**
25
27
  * If a mediaClientConfig is provided then we will force
26
28
  * skip the mediaClient from context
27
29
  */
28
- var shouldSkipContext = Boolean((ssr === null || ssr === void 0 ? void 0 : ssr.config) || mediaProvider);
30
+ var shouldSkipContext = Boolean((ssr === null || ssr === void 0 ? void 0 : ssr.config) || oldMediaProvider || mediaProvider);
29
31
  var contextMediaClient = (0, _react.useContext)(_mediaClientReact.MediaClientContext);
30
32
 
31
33
  // MediaClientProvider currently requires a mediaClientConfig
@@ -40,12 +42,25 @@ var EditorMediaClientProvider = exports.EditorMediaClientProvider = function Edi
40
42
  // and provide a top level mediaClient context
41
43
  // This is useful for testing and creating examples.
42
44
  (0, _react.useEffect)(function () {
43
- if (ssr !== null && ssr !== void 0 && ssr.config) {
44
- setMediaClientConfig(ssr.config);
45
- } else if (mediaProvider) {
46
- mediaProvider.then(function (provider) {
47
- setMediaClientConfig(provider.viewMediaClientConfig);
48
- });
45
+ if (!(0, _platformFeatureFlags.fg)('platform_editor_speedup_media_client')) {
46
+ if (ssr !== null && ssr !== void 0 && ssr.config) {
47
+ setMediaClientConfig(ssr.config);
48
+ } else if (oldMediaProvider) {
49
+ oldMediaProvider.then(function (provider) {
50
+ setMediaClientConfig(provider.viewMediaClientConfig);
51
+ });
52
+ }
53
+ }
54
+ }, [oldMediaProvider, ssr]);
55
+ (0, _react.useLayoutEffect)(function () {
56
+ if ((0, _platformFeatureFlags.fg)('platform_editor_speedup_media_client')) {
57
+ if (ssr !== null && ssr !== void 0 && ssr.config) {
58
+ setMediaClientConfig(ssr.config);
59
+ } else if (mediaProvider) {
60
+ mediaProvider.then(function (provider) {
61
+ setMediaClientConfig(provider.viewMediaClientConfig);
62
+ });
63
+ }
49
64
  }
50
65
  }, [mediaProvider, ssr]);
51
66
  return /*#__PURE__*/_react.default.createElement(_mediaClientReact.MediaClientContext.Provider, {
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -59,7 +59,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
59
59
  var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
60
60
  var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
61
61
  var packageName = "@atlaskit/renderer";
62
- var packageVersion = "114.12.0";
62
+ var packageVersion = "114.12.1";
63
63
  var setAsQueryContainerStyles = (0, _react2.css)({
64
64
  containerName: 'ak-renderer-wrapper',
65
65
  containerType: 'inline-size',
package/dist/es2019/react/utils/EditorMediaClientProvider.js CHANGED
@@ -1,18 +1,20 @@
1
- import React, { useContext, useEffect, useMemo, useState } from 'react';
1
+ import React, { useContext, useEffect, useLayoutEffect, useMemo, useState } from 'react';
2
2
  import { MediaClientContext, getMediaClient } from '@atlaskit/media-client-react';
3
- import { useProvider } from '@atlaskit/editor-common/provider-factory';
3
+ import { useProviderLayout, useProvider } from '@atlaskit/editor-common/provider-factory';
4
+ import { fg } from '@atlaskit/platform-feature-flags';
4
5
  export const EditorMediaClientProvider = ({
5
6
  children,
6
7
  ssr
7
8
  }) => {
8
9
  const [mediaClientConfig, setMediaClientConfig] = useState();
9
- const mediaProvider = useProvider('mediaProvider');
10
+ const oldMediaProvider = useProvider('mediaProvider');
11
+ const mediaProvider = useProviderLayout('mediaProvider');
10
12
 
11
13
  /**
12
14
  * If a mediaClientConfig is provided then we will force
13
15
  * skip the mediaClient from context
14
16
  */
15
- const shouldSkipContext = Boolean((ssr === null || ssr === void 0 ? void 0 : ssr.config) || mediaProvider);
17
+ const shouldSkipContext = Boolean((ssr === null || ssr === void 0 ? void 0 : ssr.config) || oldMediaProvider || mediaProvider);
16
18
  const contextMediaClient = useContext(MediaClientContext);
17
19
 
18
20
  // MediaClientProvider currently requires a mediaClientConfig
@@ -25,12 +27,25 @@ export const EditorMediaClientProvider = ({
25
27
  // and provide a top level mediaClient context
26
28
  // This is useful for testing and creating examples.
27
29
  useEffect(() => {
28
- if (ssr !== null && ssr !== void 0 && ssr.config) {
29
- setMediaClientConfig(ssr.config);
30
- } else if (mediaProvider) {
31
- mediaProvider.then(provider => {
32
- setMediaClientConfig(provider.viewMediaClientConfig);
33
- });
30
+ if (!fg('platform_editor_speedup_media_client')) {
31
+ if (ssr !== null && ssr !== void 0 && ssr.config) {
32
+ setMediaClientConfig(ssr.config);
33
+ } else if (oldMediaProvider) {
34
+ oldMediaProvider.then(provider => {
35
+ setMediaClientConfig(provider.viewMediaClientConfig);
36
+ });
37
+ }
38
+ }
39
+ }, [oldMediaProvider, ssr]);
40
+ useLayoutEffect(() => {
41
+ if (fg('platform_editor_speedup_media_client')) {
42
+ if (ssr !== null && ssr !== void 0 && ssr.config) {
43
+ setMediaClientConfig(ssr.config);
44
+ } else if (mediaProvider) {
45
+ mediaProvider.then(provider => {
46
+ setMediaClientConfig(provider.viewMediaClientConfig);
47
+ });
48
+ }
34
49
  }
35
50
  }, [mediaProvider, ssr]);
36
51
  return /*#__PURE__*/React.createElement(MediaClientContext.Provider, {
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -46,7 +46,7 @@ import { removeEmptySpaceAroundContent } from './rendererHelper';
46
46
  export const NORMAL_SEVERITY_THRESHOLD = 2000;
47
47
  export const DEGRADED_SEVERITY_THRESHOLD = 3000;
48
48
  const packageName = "@atlaskit/renderer";
49
- const packageVersion = "114.12.0";
49
+ const packageVersion = "114.12.1";
50
50
  const setAsQueryContainerStyles = css({
51
51
  containerName: 'ak-renderer-wrapper',
52
52
  containerType: 'inline-size',
package/dist/esm/react/utils/EditorMediaClientProvider.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
- import React, { useContext, useEffect, useMemo, useState } from 'react';
2
+ import React, { useContext, useEffect, useLayoutEffect, useMemo, useState } from 'react';
3
3
  import { MediaClientContext, getMediaClient } from '@atlaskit/media-client-react';
4
- import { useProvider } from '@atlaskit/editor-common/provider-factory';
4
+ import { useProviderLayout, useProvider } from '@atlaskit/editor-common/provider-factory';
5
+ import { fg } from '@atlaskit/platform-feature-flags';
5
6
  export var EditorMediaClientProvider = function EditorMediaClientProvider(_ref) {
6
7
  var children = _ref.children,
7
8
  ssr = _ref.ssr;
@@ -9,13 +10,14 @@ export var EditorMediaClientProvider = function EditorMediaClientProvider(_ref)
9
10
  _useState2 = _slicedToArray(_useState, 2),
10
11
  mediaClientConfig = _useState2[0],
11
12
  setMediaClientConfig = _useState2[1];
12
- var mediaProvider = useProvider('mediaProvider');
13
+ var oldMediaProvider = useProvider('mediaProvider');
14
+ var mediaProvider = useProviderLayout('mediaProvider');
13
15
 
14
16
  /**
15
17
  * If a mediaClientConfig is provided then we will force
16
18
  * skip the mediaClient from context
17
19
  */
18
- var shouldSkipContext = Boolean((ssr === null || ssr === void 0 ? void 0 : ssr.config) || mediaProvider);
20
+ var shouldSkipContext = Boolean((ssr === null || ssr === void 0 ? void 0 : ssr.config) || oldMediaProvider || mediaProvider);
19
21
  var contextMediaClient = useContext(MediaClientContext);
20
22
 
21
23
  // MediaClientProvider currently requires a mediaClientConfig
@@ -30,12 +32,25 @@ export var EditorMediaClientProvider = function EditorMediaClientProvider(_ref)
30
32
  // and provide a top level mediaClient context
31
33
  // This is useful for testing and creating examples.
32
34
  useEffect(function () {
33
- if (ssr !== null && ssr !== void 0 && ssr.config) {
34
- setMediaClientConfig(ssr.config);
35
- } else if (mediaProvider) {
36
- mediaProvider.then(function (provider) {
37
- setMediaClientConfig(provider.viewMediaClientConfig);
38
- });
35
+ if (!fg('platform_editor_speedup_media_client')) {
36
+ if (ssr !== null && ssr !== void 0 && ssr.config) {
37
+ setMediaClientConfig(ssr.config);
38
+ } else if (oldMediaProvider) {
39
+ oldMediaProvider.then(function (provider) {
40
+ setMediaClientConfig(provider.viewMediaClientConfig);
41
+ });
42
+ }
43
+ }
44
+ }, [oldMediaProvider, ssr]);
45
+ useLayoutEffect(function () {
46
+ if (fg('platform_editor_speedup_media_client')) {
47
+ if (ssr !== null && ssr !== void 0 && ssr.config) {
48
+ setMediaClientConfig(ssr.config);
49
+ } else if (mediaProvider) {
50
+ mediaProvider.then(function (provider) {
51
+ setMediaClientConfig(provider.viewMediaClientConfig);
52
+ });
53
+ }
39
54
  }
40
55
  }, [mediaProvider, ssr]);
41
56
  return /*#__PURE__*/React.createElement(MediaClientContext.Provider, {
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -49,7 +49,7 @@ import { removeEmptySpaceAroundContent } from './rendererHelper';
49
49
  export var NORMAL_SEVERITY_THRESHOLD = 2000;
50
50
  export var DEGRADED_SEVERITY_THRESHOLD = 3000;
51
51
  var packageName = "@atlaskit/renderer";
52
- var packageVersion = "114.12.0";
52
+ var packageVersion = "114.12.1";
53
53
  var setAsQueryContainerStyles = css({
54
54
  containerName: 'ak-renderer-wrapper',
55
55
  containerType: 'inline-size',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "114.12.0",
3
+ "version": "114.12.1",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
31
31
  "@atlaskit/analytics-next": "^11.0.0",
32
32
  "@atlaskit/button": "^23.0.0",
33
33
  "@atlaskit/code": "^17.1.0",
34
- "@atlaskit/editor-common": "^103.20.0",
34
+ "@atlaskit/editor-common": "^103.21.0",
35
35
  "@atlaskit/editor-json-transformer": "^8.24.0",
36
36
  "@atlaskit/editor-palette": "^2.1.0",
37
37
  "@atlaskit/editor-prosemirror": "7.0.0",
@@ -133,6 +133,9 @@
133
133
  "platform_renderer_annotations_create_debug_logging": {
134
134
  "type": "boolean"
135
135
  },
136
+ "platform_editor_speedup_media_client": {
137
+ "type": "boolean"
138
+ },
136
139
  "platform_editor_annotation_position_comment_nodes": {
137
140
  "type": "boolean"
138
141
  },