@atlaskit/editor-common 125.2.1 → 125.3.0

package/dist/es2019/ui/Popup/index.js

@@ -5,6 +5,7 @@ import { bind } from 'bind-event-listener';
 import createFocusTrap from 'focus-trap';
 import rafSchedule from 'raf-schd';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { calculatePlacement, calculatePosition, findOverflowScrollParent } from './utils';
 import { validatePosition } from './validatePosition';
 // Ignored via go/ees005
@@ -15,10 +16,45 @@ export default class Popup extends React.Component {
     super(...args);
     _defineProperty(this, "rafIds", new Set());
     _defineProperty(this, "state", {
+      targetVisible: true,
       validPosition: true
     });
     _defineProperty(this, "popupRef", /*#__PURE__*/React.createRef());
     _defineProperty(this, "placement", ['', '']);
+    _defineProperty(this, "setTargetVisibility", targetVisible => {
+      if (targetVisible !== this.state.targetVisible) {
+        if (!targetVisible) {
+          var _this$focusTrap;
+          // Let consumers preserve focus before the popup becomes hidden.
+          this.reportTargetVisibility(targetVisible);
+          (_this$focusTrap = this.focusTrap) === null || _this$focusTrap === void 0 ? void 0 : _this$focusTrap.pause();
+          this.setState({
+            targetVisible
+          });
+          return;
+        }
+
+        // Reveal the popup before consumers restore focus to its contents.
+        this.setState({
+          targetVisible
+        }, () => {
+          if (this.props.focusTrap) {
+            var _this$focusTrap2;
+            (_this$focusTrap2 = this.focusTrap) === null || _this$focusTrap2 === void 0 ? void 0 : _this$focusTrap2.unpause();
+          }
+          this.reportTargetVisibility(targetVisible);
+        });
+        return;
+      }
+      this.reportTargetVisibility(targetVisible);
+    });
+    _defineProperty(this, "reportTargetVisibility", targetVisible => {
+      if (targetVisible !== this.reportedTargetVisibility) {
+        var _this$props$onTargetV, _this$props;
+        this.reportedTargetVisibility = targetVisible;
+        (_this$props$onTargetV = (_this$props = this.props).onTargetVisibilityChanged) === null || _this$props$onTargetV === void 0 ? void 0 : _this$props$onTargetV.call(_this$props, targetVisible);
+      }
+    });
     _defineProperty(this, "handleRef", popup => {
       if (!popup) {
         return;
@@ -137,6 +173,38 @@ export default class Popup extends React.Component {
       });
     }
   }
+  initTargetVisibilityObserver() {
+    var _this$targetVisibilit, _observedTarget$owner;
+    const {
+      hideWhenTargetOutOfView,
+      target,
+      visibilityTarget
+    } = this.props;
+    const observedTarget = visibilityTarget !== null && visibilityTarget !== void 0 ? visibilityTarget : target;
+    (_this$targetVisibilit = this.targetVisibilityObserver) === null || _this$targetVisibilit === void 0 ? void 0 : _this$targetVisibilit.disconnect();
+    this.targetVisibilityObserver = undefined;
+    if (!hideWhenTargetOutOfView || !isExperimentEnabled('platform_editor_popup_target_visibility')) {
+      if (!this.state.targetVisible) {
+        this.setTargetVisibility(true);
+      }
+      return;
+    }
+    this.reportedTargetVisibility = undefined;
+    const IntersectionObserverConstructor = observedTarget === null || observedTarget === void 0 ? void 0 : (_observedTarget$owner = observedTarget.ownerDocument.defaultView) === null || _observedTarget$owner === void 0 ? void 0 : _observedTarget$owner.IntersectionObserver;
+    if (!IntersectionObserverConstructor || !observedTarget) {
+      this.setTargetVisibility(true);
+      return;
+    }
+    this.targetVisibilityObserver = new IntersectionObserverConstructor(entries => {
+      var _entry$isIntersecting;
+      const entry = entries[entries.length - 1];
+      this.setTargetVisibility((_entry$isIntersecting = entry === null || entry === void 0 ? void 0 : entry.isIntersecting) !== null && _entry$isIntersecting !== void 0 ? _entry$isIntersecting : true);
+    }, {
+      root: null
+    });
+    this.targetVisibilityObserver.observe(observedTarget);
+    this.setTargetVisibility(true);
+  }
   cannotSetPopup(popup, target, overflowScrollParent) {
     /**
      * Check whether:
@@ -199,9 +267,9 @@ export default class Popup extends React.Component {
    * Deactivates the focus trap if it exists
    */
   destroyFocusTrap() {
-    var _this$focusTrap;
+    var _this$focusTrap3;
     this.initFocusTrap.cancel();
-    (_this$focusTrap = this.focusTrap) === null || _this$focusTrap === void 0 ? void 0 : _this$focusTrap.deactivate();
+    (_this$focusTrap3 = this.focusTrap) === null || _this$focusTrap3 === void 0 ? void 0 : _this$focusTrap3.deactivate();
   }
 
   /**
@@ -211,8 +279,8 @@ export default class Popup extends React.Component {
     if (prevProps.focusTrap !== this.props.focusTrap) {
       // If currently set to disable, then pause the trap if it exists
       if (!this.props.focusTrap) {
-        var _this$focusTrap2;
-        return (_this$focusTrap2 = this.focusTrap) === null || _this$focusTrap2 === void 0 ? void 0 : _this$focusTrap2.pause();
+        var _this$focusTrap4;
+        return (_this$focusTrap4 = this.focusTrap) === null || _this$focusTrap4 === void 0 ? void 0 : _this$focusTrap4.pause();
       }
 
       // If set to enabled and trap already exists, unpause
@@ -259,6 +327,11 @@ export default class Popup extends React.Component {
     if (prevProps.scrollableElement !== this.props.scrollableElement) {
       this.initScrollElement();
     }
+    // Reconfigure while enabled, or once after disabling to clean up the existing observer.
+    // A different target must be observed again.
+    if ((prevProps.hideWhenTargetOutOfView || this.props.hideWhenTargetOutOfView) && (prevProps.hideWhenTargetOutOfView !== this.props.hideWhenTargetOutOfView || prevProps.target !== this.props.target || prevProps.visibilityTarget !== this.props.visibilityTarget)) {
+      this.initTargetVisibilityObserver();
+    }
     if (this.props !== prevProps) {
       this.scheduledUpdatePosition(prevProps);
     }
@@ -268,12 +341,16 @@ export default class Popup extends React.Component {
     // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
     window.addEventListener('resize', this.onResize);
     this.initScrollElement();
+    if (this.props.hideWhenTargetOutOfView) {
+      this.initTargetVisibilityObserver();
+    }
   }
   componentWillUnmount() {
-    var _this$unbindScroll2, _this$resizeObserver3;
+    var _this$targetVisibilit2, _this$unbindScroll2, _this$resizeObserver3;
     // Ignored via go/ees005
     // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
     window.removeEventListener('resize', this.onResize);
+    (_this$targetVisibilit2 = this.targetVisibilityObserver) === null || _this$targetVisibilit2 === void 0 ? void 0 : _this$targetVisibilit2.disconnect();
     (_this$unbindScroll2 = this.unbindScroll) === null || _this$unbindScroll2 === void 0 ? void 0 : _this$unbindScroll2.call(this);
     if (this.scrollElement) {
       // Ignored via go/ees005
@@ -293,7 +370,8 @@ export default class Popup extends React.Component {
   renderPopup() {
     var _this$props$ariaLabel;
     const {
-      position
+      position,
+      targetVisible
     } = this.state;
     const {
       shouldRenderPopup
@@ -327,7 +405,11 @@ export default class Popup extends React.Component {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ...position,
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        ...this.props.style
+        ...this.props.style,
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Runtime visibility follows the target's scroll position.
+        ...(this.props.hideWhenTargetOutOfView && isExperimentEnabled('platform_editor_popup_target_visibility') && !targetVisible && {
+          visibility: 'hidden'
+        })
       },
       role: getRole(),
       "aria-label": ariaLabel,

package/dist/esm/element-browser/components/ElementBrowserLoader.js

@@ -7,11 +7,6 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Loadable from 'react-loadable';
-// oxlint-disable-next-line @atlassian/no-restricted-imports
-import { lazy, LazySuspense } from 'react-loosely-lazy';
-
-// oxlint-disable-next-line @atlassian/no-restricted-imports
-import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import Spinner from '@atlaskit/spinner/spinner';
 var spinnerContainer = css({
   display: 'flex',
@@ -20,19 +15,12 @@ var spinnerContainer = css({
   height: '100%',
   width: '100%'
 });
-var loadElementBrowser = function loadElementBrowser() {
-  return import( /* webpackChunkName: "@atlaskit-internal_editor-element-browser" */'../ElementBrowser').then(function (module) {
-    return module.default;
-  });
-};
-var ElementBrowserLazy = lazy(function () {
-  return import( /* webpackChunkName: "@atlaskit-internal_editor-element-browser" */'../ElementBrowser').then(function (module) {
-    return module.default;
-  });
-});
-ElementBrowserLazy.displayName = 'lazy(ElementBrowser)';
-var ElementBrowserLoadable = Loadable({
-  loader: loadElementBrowser,
+var ElementBrowserLoader = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-element-browser" */'../ElementBrowser').then(function (module) {
+      return module.default;
+    });
+  },
   loading: function loading() {
     return jsx("div", {
       css: spinnerContainer
@@ -42,14 +30,4 @@ var ElementBrowserLoadable = Loadable({
     }));
   }
 });
-var ElementBrowserLoader = function ElementBrowserLoader(props) {
-  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? jsx(LazySuspense, {
-    fallback: null
-  }, jsx(ElementBrowserLazy, props)) :
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  jsx(ElementBrowserLoadable, props);
-};
-ElementBrowserLoader.preload = function () {
-  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? ElementBrowserLazy.preload() : ElementBrowserLoadable.preload();
-};
 export default ElementBrowserLoader;

package/dist/esm/extensions/extension-handlers.js

@@ -1,21 +1,9 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { useIntl } from 'react-intl';
 import Loadable from 'react-loadable';
-// oxlint-disable-next-line @atlassian/no-restricted-imports
-import { lazy, LazySuspense } from 'react-loosely-lazy';
-import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { getExtensionKeyAndNodeKey, resolveImport } from './manifest-helpers';
 import { messages } from './messages';
 import { resolveImportSync } from './resolveImportSync';
@@ -117,52 +105,6 @@ function isUnknownConfluenceMacroWithBody(extensionNode) {
   var _extensionNode$parame;
   return extensionNode !== null && extensionNode.type === 'extension' && extensionNode.extensionType === 'com.atlassian.confluence.macro.core' && !!((_extensionNode$parame = extensionNode.parameters) !== null && _extensionNode$parame !== void 0 && (_extensionNode$parame = _extensionNode$parame.macroParams) !== null && _extensionNode$parame !== void 0 && (_extensionNode$parame = _extensionNode$parame.__bodyContent) !== null && _extensionNode$parame !== void 0 && _extensionNode$parame.value);
 }
-// eslint-disable-next-line @repo/internal/react/no-class-components -- error boundaries require a class component
-var ExtensionRendererErrorBoundary = /*#__PURE__*/function (_React$Component) {
-  function ExtensionRendererErrorBoundary() {
-    var _this;
-    _classCallCheck(this, ExtensionRendererErrorBoundary);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, ExtensionRendererErrorBoundary, [].concat(args));
-    _defineProperty(_this, "state", {});
-    return _this;
-  }
-  _inherits(ExtensionRendererErrorBoundary, _React$Component);
-  return _createClass(ExtensionRendererErrorBoundary, [{
-    key: "componentDidCatch",
-    value: function componentDidCatch(error) {
-      // eslint-disable-next-line no-console
-      console.error('Error rendering extension', error);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return this.state.error ? renderExtensionLoadingError(this.state.error, this.props.fallbackProps) : this.props.children;
-    }
-  }], [{
-    key: "getDerivedStateFromError",
-    value: function getDerivedStateFromError(error) {
-      return {
-        error: error
-      };
-    }
-  }]);
-}(React.Component);
-var noop = function noop() {};
-function renderExtensionLoadingError(error, props) {
-  // Needed because the old react-loadable (older code-splitting library) error handling behaviour might be relied on by extensions.
-  // https://unpkg.com/react-loadable@5.2.2/lib/index.js
-  return /*#__PURE__*/React.createElement(ExtensionLoading, _extends({
-    isLoading: false,
-    pastDelay: true,
-    timedOut: false,
-    error: error,
-    retry: noop
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, props));
-}
 function ExtensionLoading(props) {
   var intl = useIntl();
   var extensionNode = props.node;
@@ -185,51 +127,29 @@ function ExtensionLoading(props) {
 
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export function getNodeRenderer(extensionProvider, extensionType, extensionKey) {
-  var loadNodeRenderer = function loadNodeRenderer() {
-    var _renderSync, _ref;
-    var maybePromise = getExtensionModuleNodeMaybePreloaded(extensionProvider, extensionType, extensionKey);
-    if (maybePromise instanceof Promise) {
-      return maybePromise.then(function (node) {
-        return resolveImport(node.render());
-      });
-    }
-    var preloaded = maybePromise === null || maybePromise === void 0 || (_renderSync = (_ref = maybePromise).renderSync) === null || _renderSync === void 0 ? void 0 : _renderSync.call(_ref);
-    // Only product implemented preloading will return sync result
-    // However the out-of-box won't handle this. Confluence uses a custom implementation
-    return preloaded ?
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    resolveImportSync(preloaded) : resolveImport(maybePromise.render());
-  };
-  var LazyNodeRenderer = lazy(function () {
-    return loadNodeRenderer();
-  });
-  LazyNodeRenderer.displayName = 'lazy(NodeRenderer)';
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  var LoadableNodeRenderer = Loadable({
-    loader: loadNodeRenderer,
+  return Loadable({
+    loader: function loader() {
+      var maybePromise = getExtensionModuleNodeMaybePreloaded(extensionProvider, extensionType, extensionKey);
+      if (maybePromise instanceof Promise) {
+        return maybePromise.then(function (node) {
+          return resolveImport(node.render());
+        });
+      } else {
+        var _renderSync, _ref;
+        var preloaded = maybePromise === null || maybePromise === void 0 || (_renderSync = (_ref = maybePromise).renderSync) === null || _renderSync === void 0 ? void 0 : _renderSync.call(_ref);
+        // Only product implemented preloading will return sync result
+        // However the out-of-box won't handle this. Confluence uses a custom implementation
+        return preloaded ?
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        resolveImportSync(preloaded) : resolveImport(maybePromise.render());
+      }
+    },
     // react-loadable passes all props from <NodeRenderer> to the loading component at runtime,
     // but its TypeScript types only expect LoadingComponentProps. We cast here because
     // ExtensionLoading accepts additional props (node, showUnknownMacroPlaceholder) that
     // react-loadable will pass through but doesn't know about in its type definitions.
     loading: ExtensionLoading
   });
-  var NodeRenderer = function NodeRenderer(props) {
-    var _props$loadingFallbac;
-    if (!isExperimentEnabled('platform_editor_loosely_lazy_migration')) {
-      // eslint-disable-next-line react/jsx-props-no-spreading
-      return /*#__PURE__*/React.createElement(LoadableNodeRenderer, props);
-    }
-    return /*#__PURE__*/React.createElement(ExtensionRendererErrorBoundary, {
-      fallbackProps: props
-    }, /*#__PURE__*/React.createElement(LazySuspense, {
-      fallback: (_props$loadingFallbac = props.loadingFallback) !== null && _props$loadingFallbac !== void 0 ? _props$loadingFallbac : null
-    }, /*#__PURE__*/React.createElement(LazyNodeRenderer, props)));
-  };
-  NodeRenderer.preload = function () {
-    return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? LazyNodeRenderer.preload() : LoadableNodeRenderer.preload();
-  };
-  return NodeRenderer;
 }
 // eslint-disable-next-line @atlaskit/editor/no-re-export
 export { getExtensionManifest } from './getExtensionManifest';

package/dist/esm/floating-toolbar/DropdownMenuExtensionItems.js

@@ -3,9 +3,6 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect, useRef, useState } from 'react';
 import Loadable from 'react-loadable';
-// oxlint-disable-next-line @atlassian/no-restricted-imports
-import { lazy, LazySuspense } from 'react-loosely-lazy';
-import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { getContextualToolbarItemsFromModule } from '../extensions';
 import { nodeToJSON } from '../utils';
 import { DropdownMenuItem } from './DropdownMenuItem';
@@ -88,29 +85,12 @@ var DropdownMenuExtensionItem = function DropdownMenuExtensionItem(_ref3) {
   // Use ref to keep icon component stable across renders
   var iconRef = useRef(null);
   if (!iconRef.current && item.icon) {
-    var loadIcon = function loadIcon() {
-      return resolveExtensionIcon(item.icon);
-    };
-    var IconLazy = lazy(function () {
-      return resolveExtensionIcon(item.icon);
-    });
-    IconLazy.displayName = 'lazy(ExtensionIcon)';
-    var IconLoadable = Loadable({
-      loader: loadIcon,
+    iconRef.current = Loadable({
+      loader: function loader() {
+        return resolveExtensionIcon(item.icon);
+      },
       loading: noop
     });
-    var Icon = function Icon(props) {
-      return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
-        fallback: null
-      }, /*#__PURE__*/React.createElement(IconLazy, props)) :
-      /*#__PURE__*/
-      // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
-      React.createElement(IconLoadable, props);
-    };
-    Icon.preload = function () {
-      return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconLazy.preload() : IconLoadable.preload();
-    };
-    iconRef.current = Icon;
   }
   var dropdownItem = convertExtensionToDropdownMenuItem({
     item: item,

package/dist/esm/icons/index.js

@@ -1,11 +1,7 @@
 // Disable no-re-export rule for entry point files
 /* eslint-disable @atlaskit/editor/no-re-export */
 
-import React from 'react';
 import Loadable from 'react-loadable';
-// oxlint-disable-next-line @atlassian/no-restricted-imports
-import { lazy, LazySuspense } from 'react-loosely-lazy';
-import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 export { PanelInfoIcon } from './shared/PanelInfoIcon';
 export { PanelWarningIcon } from './shared/PanelWarningIcon';
 export { PanelErrorIcon } from './shared/PanelErrorIcon';
@@ -14,31 +10,13 @@ export { PanelNoteIcon } from './shared/PanelNoteIcon';
 export { BorderIcon } from './shared/BorderIcon';
 export { SteppedRainbowIconDecoration, rainbow, disabledRainbow } from './shared/SteppedRainbowIconDecoration';
 export { DynamicStrokeIconDecoration } from './shared/DynamicStrokeIconDecoration';
-var loadIconTable = function loadIconTable() {
-  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-table" */'../icons/shared/table').then(function (module) {
-    return module.default;
-  });
-};
-var IconTableLazy = lazy(function () {
-  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-table" */'../icons/shared/table').then(function (module) {
-    return module.default;
-  });
-});
-IconTableLazy.displayName = 'lazy(IconTable)';
-var IconTableLoadable = Loadable({
-  loader: loadIconTable,
+export var IconTable = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-table" */'../icons/shared/table').then(function (module) {
+      return module.default;
+    });
+  },
   loading: function loading() {
     return null;
   }
-});
-export var IconTable = function IconTable(props) {
-  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
-    fallback: null
-  }, /*#__PURE__*/React.createElement(IconTableLazy, props)) :
-  /*#__PURE__*/
-  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
-  React.createElement(IconTableLoadable, props);
-};
-IconTable.preload = function () {
-  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconTableLazy.preload() : IconTableLoadable.preload();
-};
+});

package/dist/esm/monitoring/error.js

@@ -19,7 +19,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "125.2.0";
+var packageVersion = "125.2.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007