@atlaskit/editor-plugin-card 0.1.0

package/dist/esm/pm-plugins/main.js

@@ -0,0 +1,199 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { NodeSelection } from 'prosemirror-state';
+import { findDomRefAtPos } from 'prosemirror-utils';
+import rafSchedule from 'raf-schd';
+import { getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { DATASOURCE_INNER_CONTAINER_CLASSNAME } from '@atlaskit/editor-common/styles';
+import { canRenderDatasource } from '@atlaskit/editor-common/utils';
+import { BlockCard } from '../nodeviews/blockCard';
+import { Datasource } from '../nodeviews/datasource';
+import { EmbedCard } from '../nodeviews/embedCard';
+import { InlineCardNodeView } from '../nodeviews/inlineCard';
+import { setCardLayoutAndDatasourceTableRef, setDatasourceTableRef } from './actions';
+import { createAnalyticsQueue, eventsFromTransaction } from './analytics';
+import { pluginKey } from './plugin-key';
+import reducer from './reducers';
+import { handleProvider, resolveWithProvider } from './util/resolve';
+import { getNewRequests, getPluginState, getPluginStateWithUpdatedPos } from './util/state';
+export { pluginKey } from './plugin-key';
+export var createPlugin = function createPlugin(options, pluginInjectionApi) {
+  return function (pmPluginFactoryParams) {
+    var lpAnalyticsEventsNext = pmPluginFactoryParams.featureFlags.lpAnalyticsEventsNext;
+    var analyticsQueue = createAnalyticsQueue(!!lpAnalyticsEventsNext);
+    var editorAppearance = options.editorAppearance,
+      platform = options.platform,
+      allowResizing = options.allowResizing,
+      useAlternativePreloader = options.useAlternativePreloader,
+      fullWidthMode = options.fullWidthMode,
+      showServerActions = options.showServerActions;
+    var inlineCardViewProducer = getInlineNodeViewProducer({
+      pmPluginFactoryParams: pmPluginFactoryParams,
+      Component: InlineCardNodeView,
+      extraComponentProps: {
+        useAlternativePreloader: useAlternativePreloader,
+        showServerActions: showServerActions
+      }
+    });
+    return new SafePlugin({
+      state: {
+        init: function init() {
+          return {
+            requests: [],
+            provider: null,
+            cards: [],
+            showLinkingToolbar: false,
+            smartLinkEvents: undefined,
+            smartLinkEventsNext: undefined,
+            editorAppearance: editorAppearance,
+            showDatasourceModal: false,
+            datasourceModalType: undefined,
+            datasourceTableRef: undefined,
+            layout: undefined
+          };
+        },
+        apply: function apply(tr, pluginState, prevEditorState) {
+          // Update all the positions of outstanding requests and
+          // cards in the plugin state.
+          var pluginStateWithUpdatedPos = getPluginStateWithUpdatedPos(pluginState, tr);
+
+          // apply any actions
+          var meta = tr.getMeta(pluginKey);
+          var events = eventsFromTransaction(tr, prevEditorState);
+          analyticsQueue.push.apply(analyticsQueue, _toConsumableArray(events));
+          if (meta) {
+            var nextState = reducer(pluginStateWithUpdatedPos, meta);
+            if (!pluginState.smartLinkEventsNext && nextState.smartLinkEventsNext) {
+              analyticsQueue.setCallbacks(nextState.smartLinkEventsNext);
+            }
+            return nextState;
+          }
+          return pluginStateWithUpdatedPos;
+        }
+      },
+      view: function view(_view) {
+        var subscriptionHandler = function subscriptionHandler(name, provider) {
+          return handleProvider(name, provider, _view);
+        };
+        var domAtPos = _view.domAtPos.bind(_view);
+        var rafCancellationCallbacks = [];
+        pmPluginFactoryParams.providerFactory.subscribe('cardProvider', subscriptionHandler);
+        return {
+          update: function update(view, prevState) {
+            var _selection$node;
+            var currentState = getPluginState(view.state);
+            var oldState = getPluginState(prevState);
+            var state = view.state,
+              dispatch = view.dispatch;
+            var selection = state.selection,
+              tr = state.tr,
+              schema = state.schema;
+            var isBlockCardSelected = selection instanceof NodeSelection && ((_selection$node = selection.node) === null || _selection$node === void 0 ? void 0 : _selection$node.type) === schema.nodes.blockCard;
+            if (isBlockCardSelected) {
+              var _findDomRefAtPos, _node$attrs;
+              var datasourceTableRef = (_findDomRefAtPos = findDomRefAtPos(selection.from, domAtPos)) === null || _findDomRefAtPos === void 0 ? void 0 : _findDomRefAtPos.querySelector(".".concat(DATASOURCE_INNER_CONTAINER_CLASSNAME));
+              var node = selection.node;
+              var isDatasource = !!(node !== null && node !== void 0 && (_node$attrs = node.attrs) !== null && _node$attrs !== void 0 && _node$attrs.datasource);
+              var shouldUpdateTableRef = datasourceTableRef && (currentState === null || currentState === void 0 ? void 0 : currentState.datasourceTableRef) !== datasourceTableRef;
+              if (isDatasource && shouldUpdateTableRef) {
+                var _node$attrs2;
+                // since we use the plugin state, which is a shared state, we need to update the datasourceTableRef, layout on each selection
+                var layout = (node === null || node === void 0 ? void 0 : (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.layout) || 'center';
+
+                // we use cardAction to set the same meta, hence, we will need to combine both layout+datasourceTableRef in one transaction
+                dispatch(setCardLayoutAndDatasourceTableRef({
+                  datasourceTableRef: datasourceTableRef,
+                  layout: layout
+                })(tr));
+              }
+            } else {
+              if (currentState !== null && currentState !== void 0 && currentState.datasourceTableRef) {
+                dispatch(setDatasourceTableRef(undefined)(tr));
+              }
+            }
+            if (currentState && currentState.provider) {
+              // Find requests in this state that weren't in the old one.
+              var newRequests = getNewRequests(oldState, currentState);
+              // Ask the CardProvider to resolve all new requests.
+              var provider = currentState.provider;
+              newRequests.forEach(function (request) {
+                /**
+                 * Queue each asynchronous resolve request on separate frames.
+                 * ---
+                 * NB: The promise for each request is queued to take place on separate animation frames. This avoids
+                 * the scenario debugged and discovered in EDM-668, wherein the queuing of too many promises in quick succession
+                 * leads to the browser's macrotask queue being overwhelmed, locking interactivity of the browser tab.
+                 * By using this approach, the browser is free to schedule the resolution of the promises below in between rendering/network/
+                 * other tasks as per common implementations of the JavaScript event loop in browsers.
+                 */
+                var invoke = rafSchedule(function () {
+                  var _pluginInjectionApi$d, _pluginInjectionApi$d2, _pluginInjectionApi$d3, _pluginInjectionApi$d4;
+                  return resolveWithProvider(view, provider, request, options, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions, (_pluginInjectionApi$d2 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d3 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : (_pluginInjectionApi$d4 = _pluginInjectionApi$d3.sharedState.currentState()) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : _pluginInjectionApi$d4.createAnalyticsEvent) !== null && _pluginInjectionApi$d2 !== void 0 ? _pluginInjectionApi$d2 : undefined);
+                });
+                rafCancellationCallbacks.push(invoke.cancel);
+                invoke();
+              });
+            }
+            analyticsQueue.flush();
+          },
+          destroy: function destroy() {
+            // Cancel any outstanding raf callbacks.
+            rafCancellationCallbacks.forEach(function (cancellationCallback) {
+              return cancellationCallback();
+            });
+            pmPluginFactoryParams.providerFactory.unsubscribe('cardProvider', subscriptionHandler);
+          }
+        };
+      },
+      props: {
+        nodeViews: {
+          inlineCard: inlineCardViewProducer,
+          blockCard: function blockCard(node, view, getPos, decorations) {
+            var _node$attrs3;
+            var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
+              eventDispatcher = pmPluginFactoryParams.eventDispatcher;
+            var reactComponentProps = {
+              platform: platform,
+              showServerActions: showServerActions
+            };
+            var hasIntlContext = true;
+            var isDatasource = !!(node !== null && node !== void 0 && (_node$attrs3 = node.attrs) !== null && _node$attrs3 !== void 0 && _node$attrs3.datasource);
+            if (isDatasource) {
+              var _node$attrs4, _node$attrs4$datasour;
+              if (platform !== 'mobile' && canRenderDatasource(node === null || node === void 0 ? void 0 : (_node$attrs4 = node.attrs) === null || _node$attrs4 === void 0 ? void 0 : (_node$attrs4$datasour = _node$attrs4.datasource) === null || _node$attrs4$datasour === void 0 ? void 0 : _node$attrs4$datasour.id)) {
+                return new Datasource({
+                  node: node,
+                  view: view,
+                  getPos: getPos,
+                  portalProviderAPI: portalProviderAPI,
+                  eventDispatcher: eventDispatcher,
+                  hasIntlContext: hasIntlContext,
+                  pluginInjectionApi: pluginInjectionApi
+                }).init();
+              } else {
+                return inlineCardViewProducer(node, view, getPos, decorations);
+              }
+            }
+            return new BlockCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true, undefined, hasIntlContext).init();
+          },
+          embedCard: function embedCard(node, view, getPos) {
+            var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
+              eventDispatcher = pmPluginFactoryParams.eventDispatcher,
+              dispatchAnalyticsEvent = pmPluginFactoryParams.dispatchAnalyticsEvent;
+            var reactComponentProps = {
+              eventDispatcher: eventDispatcher,
+              allowResizing: allowResizing,
+              platform: platform,
+              fullWidthMode: fullWidthMode,
+              dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+              pluginInjectionApi: pluginInjectionApi
+            };
+            var hasIntlContext = true;
+            return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true, undefined, hasIntlContext).init();
+          }
+        }
+      },
+      key: pluginKey
+    });
+  };
+};

package/dist/esm/pm-plugins/mountHyperlink.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { HyperlinkToolbarAppearance } from '../ui/HyperlinkToolbarAppearance';
+export var mountHyperlinkPlugin = function mountHyperlinkPlugin(pluginInjectionApi, options) {
+  return new SafePlugin({
+    view: function view(editorView) {
+      requestAnimationFrame(function () {
+        var _pluginInjectionApi$d, _pluginInjectionApi$d2;
+        pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.hyperlink) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.actions) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.prependToolbarButtons({
+          items: function items(state, intl, providerFactory, link) {
+            return [{
+              type: 'custom',
+              fallback: [],
+              render: function render(editorView) {
+                var _pluginInjectionApi$d3, _pluginInjectionApi$d4;
+                return /*#__PURE__*/React.createElement(HyperlinkToolbarAppearance, {
+                  key: "link-appearance",
+                  url: link,
+                  intl: intl,
+                  editorView: editorView,
+                  editorState: state,
+                  cardOptions: options,
+                  providerFactory: providerFactory,
+                  platform: options === null || options === void 0 ? void 0 : options.platform,
+                  editorAnalyticsApi: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d3 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : _pluginInjectionApi$d3.actions,
+                  cardActions: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d4 = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : _pluginInjectionApi$d4.actions
+                });
+              }
+            }];
+          },
+          onEscapeCallback: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.card.actions.hideLinkToolbar,
+          onInsertLinkCallback: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.card.actions.queueCardsFromChangedTr,
+          view: editorView
+        });
+      });
+      return {};
+    }
+  });
+};

package/dist/esm/pm-plugins/plugin-key.js

@@ -0,0 +1,2 @@
+import { PluginKey } from 'prosemirror-state';
+export var pluginKey = new PluginKey('cardPlugin');

package/dist/esm/pm-plugins/reducers.js

@@ -0,0 +1,103 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var queue = function queue(state, action) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    requests: state.requests.concat(action.requests)
+  });
+};
+var resolve = function resolve(state, action) {
+  var requests = state.requests.reduce(function (requests, request) {
+    if (request.url !== action.url) {
+      requests.push(request);
+    }
+    return requests;
+  }, []);
+  return _objectSpread(_objectSpread({}, state), {}, {
+    requests: requests
+  });
+};
+var register = function register(state, action) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    cards: state.cards.filter(function (card) {
+      return card.pos !== action.info.pos;
+    }).concat(action.info)
+  });
+};
+var setProvider = function setProvider(state, action) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    provider: action.provider
+  });
+};
+var setCardLayout = function setCardLayout(state, action) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    layout: action.layout
+  });
+};
+var setDatasourceTableRef = function setDatasourceTableRef(state, action) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    datasourceTableRef: action.datasourceTableRef
+  });
+};
+var setCardLayoutDatasourceTableRef = function setCardLayoutDatasourceTableRef(state, action) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    datasourceTableRef: action.datasourceTableRef,
+    layout: action.layout
+  });
+};
+var registerEvents = function registerEvents(state, action) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    smartLinkEvents: action.smartLinkEvents
+  });
+};
+var registerEventsNext = function registerEventsNext(state, action) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    smartLinkEventsNext: action.smartLinkEvents
+  });
+};
+var setLinkToolbar = function setLinkToolbar(state, action) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    showLinkingToolbar: action.type === 'SHOW_LINK_TOOLBAR'
+  });
+};
+var showDatasourceModal = function showDatasourceModal(state, action) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    showDatasourceModal: true,
+    datasourceModalType: action.type === 'SHOW_DATASOURCE_MODAL' ? action.modalType : undefined
+  });
+};
+var hideDatasourceModal = function hideDatasourceModal(state) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    showDatasourceModal: false,
+    datasourceModalType: undefined
+  });
+};
+export default (function (state, action) {
+  switch (action.type) {
+    case 'QUEUE':
+      return queue(state, action);
+    case 'SET_PROVIDER':
+      return setProvider(state, action);
+    case 'RESOLVE':
+      return resolve(state, action);
+    case 'REGISTER':
+      return register(state, action);
+    case 'REGISTER_EVENTS':
+      return registerEvents(state, action);
+    case 'REGISTER_EVENTS_NEXT':
+      return registerEventsNext(state, action);
+    case 'SET_DATASOURCE_TABLE_REF':
+      return setDatasourceTableRef(state, action);
+    case 'SET_CARD_LAYOUT':
+      return setCardLayout(state, action);
+    case 'SET_CARD_LAYOUT_AND_DATASOURCE_TABLE_REF':
+      return setCardLayoutDatasourceTableRef(state, action);
+    case 'SHOW_LINK_TOOLBAR':
+    case 'HIDE_LINK_TOOLBAR':
+      return setLinkToolbar(state, action);
+    case 'SHOW_DATASOURCE_MODAL':
+      return showDatasourceModal(state, action);
+    case 'HIDE_DATASOURCE_MODAL':
+      return hideDatasourceModal(state);
+  }
+});

package/dist/esm/pm-plugins/shouldReplaceLink.js

@@ -0,0 +1,29 @@
+import { normalizeUrl } from '@atlaskit/adf-schema';
+import { md } from '@atlaskit/editor-common/paste';
+export function shouldReplaceLink(node) {
+  var compareLinkText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var compareToUrl = arguments.length > 2 ? arguments[2] : undefined;
+  var linkMark = node.marks.find(function (mark) {
+    return mark.type.name === 'link';
+  });
+  if (!linkMark) {
+    // not a link anymore
+    return false;
+  }
+
+  // ED-6041: compare normalised link text after linkfy from Markdown transformer
+  // instead, since it always decodes URL ('%20' -> ' ') on the link text
+
+  var normalisedHref = normalizeUrl(md.normalizeLinkText(linkMark.attrs.href));
+  var normalizedLinkText = normalizeUrl(md.normalizeLinkText(node.text || ''));
+  if (compareLinkText && normalisedHref !== normalizedLinkText) {
+    return false;
+  }
+  if (compareToUrl) {
+    var normalizedUrl = normalizeUrl(md.normalizeLinkText(compareToUrl));
+    if (normalizedUrl !== normalisedHref) {
+      return false;
+    }
+  }
+  return true;
+}

package/dist/esm/pm-plugins/util/resolve.js

@@ -0,0 +1,52 @@
+import { setProvider } from '../actions';
+import { handleFallbackWithAnalytics, replaceQueuedUrlWithCard } from '../doc';
+
+// ============================================================================ //
+// ============================== PROVIDER UTILS ============================== //
+// ============================================================================ //
+// Used for all interactions with the EditorCardProvider.
+// ============================================================================ //
+export var resolveWithProvider = function resolveWithProvider(view, provider, request, options, editorAnalyticsApi, createAnalyticsEvent) {
+  // When user manually changes appearance from blue link to smart link, we should respect that,
+  var shouldForceAppearance =
+  // This flag is set to true only in one place atm:
+  // packages/editor/editor-core/src/plugins/card/pm-plugins/doc.ts @ convertHyperlinkToSmartCard
+  // Which is used when user switching from URL to smart link appearance.
+  !!request.shouldReplaceLink;
+  var handleResolve = provider.resolve(request.url, request.appearance, shouldForceAppearance).then(handleResolved(view, request, editorAnalyticsApi, createAnalyticsEvent, options), handleRejected(view, request, editorAnalyticsApi));
+  return handleResolve;
+};
+var updateCardType = function updateCardType(resolvedCard, options) {
+  if ((resolvedCard === null || resolvedCard === void 0 ? void 0 : resolvedCard.type) === 'blockCard' && !options.allowBlockCards || (resolvedCard === null || resolvedCard === void 0 ? void 0 : resolvedCard.type) === 'embedCard' && !options.allowEmbeds) {
+    // clean out the 'layout' attr from an embedCard type that should be transformed into the inlineCard type.
+    if (resolvedCard.type === 'embedCard') {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      delete resolvedCard.attrs.layout;
+    }
+    resolvedCard.type = 'inlineCard';
+  }
+};
+var handleResolved = function handleResolved(view, request, editorAnalyticsApi, createAnalyticsEvent, options) {
+  return function (resolvedCard) {
+    updateCardType(resolvedCard, options);
+    replaceQueuedUrlWithCard(request.url, resolvedCard, request.analyticsAction, editorAnalyticsApi, createAnalyticsEvent)(view.state, view.dispatch);
+    return resolvedCard;
+  };
+};
+var handleRejected = function handleRejected(view, request, editorAnalyticsApi) {
+  return function () {
+    handleFallbackWithAnalytics(request, editorAnalyticsApi)(view.state, view.dispatch);
+  };
+};
+
+// listen for card provider changes
+export var handleProvider = function handleProvider(_, provider, view) {
+  if (!provider) {
+    return;
+  }
+  provider.then(function (cardProvider) {
+    var state = view.state,
+      dispatch = view.dispatch;
+    dispatch(setProvider(cardProvider)(state.tr));
+  });
+};

package/dist/esm/pm-plugins/util/state.js

@@ -0,0 +1,40 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { pluginKey } from '../plugin-key';
+
+// ============================================================================ //
+// ============================== PLUGIN STATE ================================ //
+// ============================================================================ //
+// Used for interactions with the Card Plugin's state.
+// ============================================================================ //
+export var getPluginState = function getPluginState(editorState) {
+  return pluginKey.getState(editorState);
+};
+export var getPluginStateWithUpdatedPos = function getPluginStateWithUpdatedPos(pluginState, tr) {
+  return _objectSpread(_objectSpread({}, pluginState), {}, {
+    requests: pluginState.requests.map(function (request) {
+      return _objectSpread(_objectSpread({}, request), {}, {
+        pos: tr.mapping.map(request.pos)
+      });
+    }),
+    cards: pluginState.cards.map(function (card) {
+      return _objectSpread(_objectSpread({}, card), {}, {
+        pos: tr.mapping.map(card.pos)
+      });
+    })
+  });
+};
+export var getNewRequests = function getNewRequests(oldState, currentState) {
+  if (oldState) {
+    return currentState.requests.filter(function (req) {
+      return !oldState.requests.find(function (oldReq) {
+        return isSameRequest(oldReq, req);
+      });
+    });
+  }
+  return currentState.requests;
+};
+var isSameRequest = function isSameRequest(requestA, requestB) {
+  return requestA.url === requestB.url && requestA.pos === requestB.pos;
+};