@atlaskit/editor-plugin-emoji 3.5.2 → 3.5.4

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-emoji
 
+## 3.5.4
+
+### Patch Changes
+
+- [#138298](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/138298)
+  [`cc7cc96e28407`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cc7cc96e28407) -
+  Cleans up FG to preload emoji picker, allowing it to work offline
+- Updated dependencies
+
+## 3.5.3
+
+### Patch Changes
+
+- [#137646](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/137646)
+  [`7513743b76e0f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7513743b76e0f) -
+  [https://product-fabric.atlassian.net/browse/ED-27459](ED-27459) - fix vanilla js emoji SSR
+  rendering issue
+
 ## 3.5.2
 
 ### Patch Changes

package/dist/cjs/emojiPlugin.js

@@ -238,9 +238,7 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
     usePluginHook: function usePluginHook() {
       (0, _react.useEffect)(function () {
         delayUntilIdle(function () {
-          if ((0, _platformFeatureFlags.fg)('platform_editor_preload_emoji_picker')) {
-            (0, _emoji2.preloadEmojiPicker)();
-          }
+          (0, _emoji2.preloadEmojiPicker)();
         });
       }, []);
     },
@@ -344,7 +342,7 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
           description: formatMessage(_messages.toolbarInsertBlockMessages.emojiDescription),
           priority: 500,
           keyshortcut: ':',
-          isDisabledOffline: (0, _platformFeatureFlags.fg)('platform_editor_preload_emoji_picker') ? false : true,
+          isDisabledOffline: false,
           icon: function icon() {
             return /*#__PURE__*/_react.default.createElement(_quickInsert.IconEmoji, null);
           },

package/dist/cjs/nodeviews/EmojiNodeView.js

@@ -10,6 +10,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _coreUtils = require("@atlaskit/editor-common/core-utils");
 var _emoji = require("@atlaskit/editor-common/emoji");
 var _monitoring = require("@atlaskit/editor-common/monitoring");
 var _model = require("@atlaskit/editor-prosemirror/model");
@@ -36,6 +37,12 @@ var EmojiNodeView = exports.EmojiNodeView = /*#__PURE__*/function () {
         throw new Error('DOMSerializer.renderSpec() did not return HTMLElement');
       }
       this.dom = dom;
+      if ((0, _coreUtils.isSSR)()) {
+        // The provider doesn't work in SSR, and we don't want to render fallback in SSR,
+        // that's why we don't need to continue node rendering.
+        // In SSR we want to show a placeholder, that `emojiToDom()` returns.
+        return;
+      }
 
       // We use the `emojiProvider` from the shared state
       // because it supports the `emojiProvider` prop in the `ComposableEditor` options

package/dist/es2019/emojiPlugin.js

@@ -219,9 +219,7 @@ export const emojiPlugin = ({
     usePluginHook() {
       useEffect(() => {
         delayUntilIdle(() => {
-          if (fg('platform_editor_preload_emoji_picker')) {
-            preloadEmojiPicker();
-          }
+          preloadEmojiPicker();
         });
       }, []);
     },
@@ -307,7 +305,7 @@ export const emojiPlugin = ({
         description: formatMessage(messages.emojiDescription),
         priority: 500,
         keyshortcut: ':',
-        isDisabledOffline: fg('platform_editor_preload_emoji_picker') ? false : true,
+        isDisabledOffline: false,
         icon: () => /*#__PURE__*/React.createElement(IconEmoji, null),
         action(insert) {
           var _api$typeAhead;

package/dist/es2019/nodeviews/EmojiNodeView.js

@@ -1,4 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { isSSR } from '@atlaskit/editor-common/core-utils';
 import { messages, EmojiSharedCssClassName, defaultEmojiHeight } from '@atlaskit/editor-common/emoji';
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
@@ -30,6 +31,12 @@ export class EmojiNodeView {
         throw new Error('DOMSerializer.renderSpec() did not return HTMLElement');
       }
       this.dom = dom;
+      if (isSSR()) {
+        // The provider doesn't work in SSR, and we don't want to render fallback in SSR,
+        // that's why we don't need to continue node rendering.
+        // In SSR we want to show a placeholder, that `emojiToDom()` returns.
+        return;
+      }
 
       // We use the `emojiProvider` from the shared state
       // because it supports the `emojiProvider` prop in the `ComposableEditor` options

package/dist/esm/emojiPlugin.js

@@ -223,9 +223,7 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
     usePluginHook: function usePluginHook() {
       useEffect(function () {
         delayUntilIdle(function () {
-          if (fg('platform_editor_preload_emoji_picker')) {
-            preloadEmojiPicker();
-          }
+          preloadEmojiPicker();
         });
       }, []);
     },
@@ -329,7 +327,7 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
           description: formatMessage(messages.emojiDescription),
           priority: 500,
           keyshortcut: ':',
-          isDisabledOffline: fg('platform_editor_preload_emoji_picker') ? false : true,
+          isDisabledOffline: false,
           icon: function icon() {
             return /*#__PURE__*/React.createElement(IconEmoji, null);
           },

package/dist/esm/nodeviews/EmojiNodeView.js

@@ -3,6 +3,7 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { isSSR } from '@atlaskit/editor-common/core-utils';
 import { messages, EmojiSharedCssClassName, defaultEmojiHeight } from '@atlaskit/editor-common/emoji';
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
@@ -29,6 +30,12 @@ export var EmojiNodeView = /*#__PURE__*/function () {
         throw new Error('DOMSerializer.renderSpec() did not return HTMLElement');
       }
       this.dom = dom;
+      if (isSSR()) {
+        // The provider doesn't work in SSR, and we don't want to render fallback in SSR,
+        // that's why we don't need to continue node rendering.
+        // In SSR we want to show a placeholder, that `emojiToDom()` returns.
+        return;
+      }
 
       // We use the `emojiProvider` from the shared state
       // because it supports the `emojiProvider` prop in the `ComposableEditor` options

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-emoji",
-	"version": "3.5.2",
+	"version": "3.5.4",
 	"description": "Emoji plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -109,9 +109,6 @@
 	"platform-feature-flags": {
 		"editor_inline_comments_paste_insert_nodes": {
 			"type": "boolean"
-		},
-		"platform_editor_preload_emoji_picker": {
-			"type": "boolean"
 		}
 	}
 }