@atlaskit/editor-plugin-loom 2.3.1 → 2.5.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/editor-plugin-loom
 
+## 2.5.0
+
+### Minor Changes
+
+- [#124209](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/124209)
+  [`8aa1792f12ed3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8aa1792f12ed3) -
+  bump @atlaskit/editor-prosemirror to 5.0.0, bump @atlaskit/adf-schema to 40.1.0
+
+### Patch Changes
+
+- Updated dependencies
+
+## 2.4.0
+
+### Minor Changes
+
+- [#121606](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/121606)
+  [`e06f32518241c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e06f32518241c) -
+  Added new action to loom plugin "insertLoom" which allows the user to insert a loom video into the
+  document.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.3.1
 
 ### Patch Changes

package/dist/cjs/commands.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.recordVideoFailed = exports.recordVideo = exports.insertVideo = exports.enableLoom = exports.disableLoom = void 0;
+exports.recordVideoFailed = exports.recordVideo = exports.insertVideo = exports.insertLoom = exports.enableLoom = exports.disableLoom = void 0;
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _pmPlugin = require("./pm-plugin");
 var enableLoom = exports.enableLoom = function enableLoom(_ref) {
@@ -83,4 +83,37 @@ var insertVideo = exports.insertVideo = function insertVideo(_ref9) {
     })(tr);
     return tr;
   };
+};
+var getPositions = function getPositions(tr, posType) {
+  var selection = tr.selection;
+  switch (posType) {
+    case 'current':
+      return {
+        from: selection.from,
+        to: selection.from
+      };
+    case 'start':
+      return {
+        from: 0,
+        to: 0
+      };
+    case 'end':
+      return {
+        from: tr.doc.content.size,
+        to: tr.doc.content.size
+      };
+  }
+};
+var insertLoom = exports.insertLoom = function insertLoom(editorView, api, video, positionType) {
+  var _api$hyperlink$action, _api$hyperlink;
+  if (!editorView) {
+    return false;
+  }
+  var state = editorView.state,
+    dispatch = editorView.dispatch;
+  var _getPositions = getPositions(state.tr, positionType),
+    from = _getPositions.from,
+    to = _getPositions.to;
+  return (_api$hyperlink$action = api === null || api === void 0 || (_api$hyperlink = api.hyperlink) === null || _api$hyperlink === void 0 ? void 0 : _api$hyperlink.actions.insertLink(_analytics.INPUT_METHOD.TYPEAHEAD, from, to, video.sharedUrl, video.title, undefined, undefined, undefined, 'embed' // Convert to embed card instead of inline
+  )(state, dispatch)) !== null && _api$hyperlink$action !== void 0 ? _api$hyperlink$action : false;
 };

package/dist/cjs/plugin.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("@atlaskit/editor-common/messages");
 var _monitoring = require("@atlaskit/editor-common/monitoring");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _logo = require("@atlaskit/logo");
 var _commands = require("./commands");
 var _pmPlugin = require("./pm-plugin");
@@ -18,6 +19,13 @@ var loomPlugin = exports.loomPlugin = function loomPlugin(_ref) {
   var config = _ref.config,
     api = _ref.api;
   var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
+
+  // Workaround since we want to insert a loom via the `hyperlink` plugin for now.
+  // The hyperlink plugin (and the card plugin) are deeply tied into using the Prosemirror Command
+  // Ideally one day we refactor those and we can remove this.
+  var editorViewRef = {
+    current: null
+  };
   var primaryToolbarComponent = function primaryToolbarComponent(_ref2) {
     var disabled = _ref2.disabled,
       appearance = _ref2.appearance;
@@ -33,7 +41,10 @@ var loomPlugin = exports.loomPlugin = function loomPlugin(_ref) {
   return {
     name: 'loom',
     actions: {
-      recordVideo: _commands.recordVideo
+      recordVideo: _commands.recordVideo,
+      insertLoom: function insertLoom(video, positionType) {
+        return (0, _commands.insertLoom)(editorViewRef.current, api, video, positionType);
+      }
     },
     pmPlugins: function pmPlugins() {
       return [{
@@ -44,6 +55,22 @@ var loomPlugin = exports.loomPlugin = function loomPlugin(_ref) {
             api: api
           });
         }
+      }, {
+        name: 'loomViewRefWorkaround',
+        plugin: function plugin() {
+          return new _safePlugin.SafePlugin({
+            view: function view(editorView) {
+              // Do not cleanup the editorViewRef on destroy
+              // because some functions may point to a stale
+              // reference and this means we will return null.
+              // EditorView is assumed to be stable so we do not need to
+              // cleanup.
+              // See: #hot-106316
+              editorViewRef.current = editorView;
+              return {};
+            }
+          });
+        }
       }];
     },
     getSharedState: function getSharedState(editorState) {

package/dist/cjs/ui/ToolbarButton.js

@@ -13,7 +13,10 @@ var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _logo = require("@atlaskit/logo");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _commands = require("../commands");
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 // This const is derived from the breakpoint where the toolbar hides its icons. It is used to hide the text in the AI button.

package/dist/es2019/commands.js

@@ -1,4 +1,4 @@
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { LoomPluginAction, loomPluginKey } from './pm-plugin';
 export const enableLoom = ({
   loomButton
@@ -77,4 +77,40 @@ export const insertVideo = ({
     }
   })(tr);
   return tr;
+};
+const getPositions = (tr, posType) => {
+  const selection = tr.selection;
+  switch (posType) {
+    case 'current':
+      return {
+        from: selection.from,
+        to: selection.from
+      };
+    case 'start':
+      return {
+        from: 0,
+        to: 0
+      };
+    case 'end':
+      return {
+        from: tr.doc.content.size,
+        to: tr.doc.content.size
+      };
+  }
+};
+export const insertLoom = (editorView, api, video, positionType) => {
+  var _api$hyperlink$action, _api$hyperlink;
+  if (!editorView) {
+    return false;
+  }
+  const {
+    state,
+    dispatch
+  } = editorView;
+  const {
+    from,
+    to
+  } = getPositions(state.tr, positionType);
+  return (_api$hyperlink$action = api === null || api === void 0 ? void 0 : (_api$hyperlink = api.hyperlink) === null || _api$hyperlink === void 0 ? void 0 : _api$hyperlink.actions.insertLink(INPUT_METHOD.TYPEAHEAD, from, to, video.sharedUrl, video.title, undefined, undefined, undefined, 'embed' // Convert to embed card instead of inline
+  )(state, dispatch)) !== null && _api$hyperlink$action !== void 0 ? _api$hyperlink$action : false;
 };

package/dist/es2019/plugin.js

@@ -2,8 +2,9 @@ import React from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
 import { logException } from '@atlaskit/editor-common/monitoring';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { LoomIcon } from '@atlaskit/logo';
-import { recordVideo, recordVideoFailed } from './commands';
+import { insertLoom, recordVideo, recordVideoFailed } from './commands';
 import { createPlugin, loomPluginKey } from './pm-plugin';
 import LoomToolbarButton from './ui/ToolbarButton';
 export const loomPlugin = ({
@@ -12,6 +13,13 @@ export const loomPlugin = ({
 }) => {
   var _api$analytics;
   const editorAnalyticsAPI = api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
+
+  // Workaround since we want to insert a loom via the `hyperlink` plugin for now.
+  // The hyperlink plugin (and the card plugin) are deeply tied into using the Prosemirror Command
+  // Ideally one day we refactor those and we can remove this.
+  const editorViewRef = {
+    current: null
+  };
   const primaryToolbarComponent = ({
     disabled,
     appearance
@@ -28,7 +36,8 @@ export const loomPlugin = ({
   return {
     name: 'loom',
     actions: {
-      recordVideo
+      recordVideo,
+      insertLoom: (video, positionType) => insertLoom(editorViewRef.current, api, video, positionType)
     },
     pmPlugins: () => [{
       name: 'loom',
@@ -36,6 +45,22 @@ export const loomPlugin = ({
         config,
         api
       })
+    }, {
+      name: 'loomViewRefWorkaround',
+      plugin: () => {
+        return new SafePlugin({
+          view: editorView => {
+            // Do not cleanup the editorViewRef on destroy
+            // because some functions may point to a stale
+            // reference and this means we will return null.
+            // EditorView is assumed to be stable so we do not need to
+            // cleanup.
+            // See: #hot-106316
+            editorViewRef.current = editorView;
+            return {};
+          }
+        });
+      }
     }],
     getSharedState(editorState) {
       if (!editorState) {

package/dist/es2019/ui/ToolbarButton.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';

package/dist/esm/commands.js

@@ -1,4 +1,4 @@
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { LoomPluginAction, loomPluginKey } from './pm-plugin';
 export var enableLoom = function enableLoom(_ref) {
   var loomButton = _ref.loomButton;
@@ -77,4 +77,37 @@ export var insertVideo = function insertVideo(_ref9) {
     })(tr);
     return tr;
   };
+};
+var getPositions = function getPositions(tr, posType) {
+  var selection = tr.selection;
+  switch (posType) {
+    case 'current':
+      return {
+        from: selection.from,
+        to: selection.from
+      };
+    case 'start':
+      return {
+        from: 0,
+        to: 0
+      };
+    case 'end':
+      return {
+        from: tr.doc.content.size,
+        to: tr.doc.content.size
+      };
+  }
+};
+export var insertLoom = function insertLoom(editorView, api, video, positionType) {
+  var _api$hyperlink$action, _api$hyperlink;
+  if (!editorView) {
+    return false;
+  }
+  var state = editorView.state,
+    dispatch = editorView.dispatch;
+  var _getPositions = getPositions(state.tr, positionType),
+    from = _getPositions.from,
+    to = _getPositions.to;
+  return (_api$hyperlink$action = api === null || api === void 0 || (_api$hyperlink = api.hyperlink) === null || _api$hyperlink === void 0 ? void 0 : _api$hyperlink.actions.insertLink(INPUT_METHOD.TYPEAHEAD, from, to, video.sharedUrl, video.title, undefined, undefined, undefined, 'embed' // Convert to embed card instead of inline
+  )(state, dispatch)) !== null && _api$hyperlink$action !== void 0 ? _api$hyperlink$action : false;
 };

package/dist/esm/plugin.js

@@ -2,8 +2,9 @@ import React from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
 import { logException } from '@atlaskit/editor-common/monitoring';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { LoomIcon } from '@atlaskit/logo';
-import { recordVideo, recordVideoFailed } from './commands';
+import { insertLoom as _insertLoom, recordVideo, recordVideoFailed } from './commands';
 import { createPlugin, loomPluginKey } from './pm-plugin';
 import LoomToolbarButton from './ui/ToolbarButton';
 export var loomPlugin = function loomPlugin(_ref) {
@@ -11,6 +12,13 @@ export var loomPlugin = function loomPlugin(_ref) {
   var config = _ref.config,
     api = _ref.api;
   var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
+
+  // Workaround since we want to insert a loom via the `hyperlink` plugin for now.
+  // The hyperlink plugin (and the card plugin) are deeply tied into using the Prosemirror Command
+  // Ideally one day we refactor those and we can remove this.
+  var editorViewRef = {
+    current: null
+  };
   var primaryToolbarComponent = function primaryToolbarComponent(_ref2) {
     var disabled = _ref2.disabled,
       appearance = _ref2.appearance;
@@ -26,7 +34,10 @@ export var loomPlugin = function loomPlugin(_ref) {
   return {
     name: 'loom',
     actions: {
-      recordVideo: recordVideo
+      recordVideo: recordVideo,
+      insertLoom: function insertLoom(video, positionType) {
+        return _insertLoom(editorViewRef.current, api, video, positionType);
+      }
     },
     pmPlugins: function pmPlugins() {
       return [{
@@ -37,6 +48,22 @@ export var loomPlugin = function loomPlugin(_ref) {
             api: api
           });
         }
+      }, {
+        name: 'loomViewRefWorkaround',
+        plugin: function plugin() {
+          return new SafePlugin({
+            view: function view(editorView) {
+              // Do not cleanup the editorViewRef on destroy
+              // because some functions may point to a stale
+              // reference and this means we will return null.
+              // EditorView is assumed to be stable so we do not need to
+              // cleanup.
+              // See: #hot-106316
+              editorViewRef.current = editorView;
+              return {};
+            }
+          });
+        }
       }];
     },
     getSharedState: function getSharedState(editorState) {

package/dist/esm/ui/ToolbarButton.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';

package/dist/types/commands.d.ts

@@ -1,7 +1,10 @@
 import type { SDKUnsupportedReasons } from '@loomhq/record-sdk';
-import type { EditorAnalyticsAPI, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import type { EditorCommand } from '@atlaskit/editor-common/types';
-import type { VideoMeta } from './types';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { EditorCommand, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { LoomPlugin } from './plugin';
+import type { PositionType, VideoMeta } from './types';
 export declare const enableLoom: ({ loomButton }: {
     loomButton: HTMLButtonElement;
 }) => EditorCommand;
@@ -21,3 +24,4 @@ export declare const insertVideo: ({ editorAnalyticsAPI, video, }: {
     editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
     video: VideoMeta;
 }) => EditorCommand;
+export declare const insertLoom: (editorView: EditorView | null, api: ExtractInjectionAPI<LoomPlugin> | undefined, video: VideoMeta, positionType: PositionType) => boolean;

package/dist/types/plugin.d.ts

@@ -6,7 +6,7 @@ import type { HyperlinkPlugin } from '@atlaskit/editor-plugin-hyperlink';
 import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugin-primary-toolbar';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import type { LoomPluginState } from './pm-plugin';
-import type { LoomPluginOptions } from './types';
+import type { LoomPluginOptions, PositionType, VideoMeta } from './types';
 export type LoomPlugin = NextEditorPlugin<'loom', {
     pluginConfiguration: LoomPluginOptions;
     dependencies: [
@@ -21,6 +21,14 @@ export type LoomPlugin = NextEditorPlugin<'loom', {
             inputMethod: INPUT_METHOD;
             editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
         }) => EditorCommand;
+        /**
+         * Insert loom into the document.
+         *
+         * @param video Video metadata (`sharedUrl` and `title`)
+         * @param positionType {'start' | 'end' | 'current'} Where you want to insert the loom
+         * @returns {boolean} If the loom was successfully inserted
+         */
+        insertLoom: (video: VideoMeta, positionType: PositionType) => boolean;
     };
 }>;
 export declare const loomPlugin: LoomPlugin;

package/dist/types/types.d.ts

@@ -9,6 +9,7 @@ type LoomClient = {
         onInsert: (videoMeta: VideoMeta) => void;
     }) => void;
 };
+export type PositionType = 'start' | 'end' | 'current';
 export type LoomPluginErrorMessages = 'is-supported-failure' | 'failed-to-initialise' | 'api-key-not-provided';
 export type LoomSDKErrorMessages = 'incompatible-browser' | 'third-party-cookies-disabled' | 'no-media-streams-support';
 export type GetClientResult = {

package/dist/types/ui/ToolbarButton.d.ts

@@ -196,7 +196,7 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
                         }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
                         sharedState: import("@atlaskit/editor-plugin-block-controls").BlockControlsSharedState;
                         commands: {
-                            moveNode: (start: number, to: number) => import("@atlaskit/editor-common/types").EditorCommand;
+                            moveNode: (start: number, to: number, inputMethod?: import("@atlaskit/editor-plugin-block-controls").MoveNodeMethod | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
                             showDragHandleAt: (pos: number, anchorName: string, nodeType: string, handleOptions?: import("@atlaskit/editor-plugin-block-controls").HandleOptions) => import("@atlaskit/editor-common/types").EditorCommand;
                             setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
                         };
@@ -216,7 +216,18 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
                 }, undefined>>];
                 sharedState: import("@atlaskit/editor-plugin-card").CardPluginState | null;
                 actions: import("@atlaskit/editor-common/card").CardPluginActions;
-            }, import("@atlaskit/editor-plugin-card").CardPluginOptions>>];
+            }, import("@atlaskit/editor-plugin-card").CardPluginOptions>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
+                sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
+                dependencies: [];
+                pluginConfiguration?: {
+                    mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                } | undefined;
+                commands: {
+                    updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
+                };
+            }, {
+                mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+            } | undefined>>];
             actions: {
                 hideLinkToolbar: import("@atlaskit/editor-plugin-hyperlink").HideLinkToolbar;
                 insertLink: import("@atlaskit/editor-plugin-hyperlink").InsertLink;
@@ -224,6 +235,8 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
             };
             commands: {
                 showLinkToolbar: import("@atlaskit/editor-plugin-hyperlink").ShowLinkToolbar;
+                updateLink: (href: string, text: string) => import("@atlaskit/editor-common/types").EditorCommand;
+                removeLink: () => import("@atlaskit/editor-common/types").EditorCommand;
             };
             sharedState: import("@atlaskit/editor-common/link").HyperlinkState | undefined;
         }, import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"primaryToolbar", {
@@ -241,6 +254,7 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
                 inputMethod: INPUT_METHOD;
                 editorAnalyticsAPI: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI | undefined;
             }) => import("@atlaskit/editor-common/types").EditorCommand;
+            insertLoom: (video: import("..").VideoMeta, positionType: import("../types").PositionType) => boolean;
         };
     }> | undefined;
 } & WrappedComponentProps>> & {
@@ -438,7 +452,7 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
                             }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
                             sharedState: import("@atlaskit/editor-plugin-block-controls").BlockControlsSharedState;
                             commands: {
-                                moveNode: (start: number, to: number) => import("@atlaskit/editor-common/types").EditorCommand;
+                                moveNode: (start: number, to: number, inputMethod?: import("@atlaskit/editor-plugin-block-controls").MoveNodeMethod | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
                                 showDragHandleAt: (pos: number, anchorName: string, nodeType: string, handleOptions?: import("@atlaskit/editor-plugin-block-controls").HandleOptions) => import("@atlaskit/editor-common/types").EditorCommand;
                                 setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
                             };
@@ -458,7 +472,18 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
                     }, undefined>>];
                     sharedState: import("@atlaskit/editor-plugin-card").CardPluginState | null;
                     actions: import("@atlaskit/editor-common/card").CardPluginActions;
-                }, import("@atlaskit/editor-plugin-card").CardPluginOptions>>];
+                }, import("@atlaskit/editor-plugin-card").CardPluginOptions>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
+                    sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
+                    dependencies: [];
+                    pluginConfiguration?: {
+                        mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                    } | undefined;
+                    commands: {
+                        updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
+                    };
+                }, {
+                    mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                } | undefined>>];
                 actions: {
                     hideLinkToolbar: import("@atlaskit/editor-plugin-hyperlink").HideLinkToolbar;
                     insertLink: import("@atlaskit/editor-plugin-hyperlink").InsertLink;
@@ -466,6 +491,8 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
                 };
                 commands: {
                     showLinkToolbar: import("@atlaskit/editor-plugin-hyperlink").ShowLinkToolbar;
+                    updateLink: (href: string, text: string) => import("@atlaskit/editor-common/types").EditorCommand;
+                    removeLink: () => import("@atlaskit/editor-common/types").EditorCommand;
                 };
                 sharedState: import("@atlaskit/editor-common/link").HyperlinkState | undefined;
             }, import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"primaryToolbar", {
@@ -483,6 +510,7 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
                     inputMethod: INPUT_METHOD;
                     editorAnalyticsAPI: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI | undefined;
                 }) => import("@atlaskit/editor-common/types").EditorCommand;
+                insertLoom: (video: import("..").VideoMeta, positionType: import("../types").PositionType) => boolean;
             };
         }> | undefined;
     } & WrappedComponentProps>;

package/dist/types-ts4.5/commands.d.ts

@@ -1,7 +1,10 @@
 import type { SDKUnsupportedReasons } from '@loomhq/record-sdk';
-import type { EditorAnalyticsAPI, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import type { EditorCommand } from '@atlaskit/editor-common/types';
-import type { VideoMeta } from './types';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { EditorCommand, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { LoomPlugin } from './plugin';
+import type { PositionType, VideoMeta } from './types';
 export declare const enableLoom: ({ loomButton }: {
     loomButton: HTMLButtonElement;
 }) => EditorCommand;
@@ -21,3 +24,4 @@ export declare const insertVideo: ({ editorAnalyticsAPI, video, }: {
     editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
     video: VideoMeta;
 }) => EditorCommand;
+export declare const insertLoom: (editorView: EditorView | null, api: ExtractInjectionAPI<LoomPlugin> | undefined, video: VideoMeta, positionType: PositionType) => boolean;

package/dist/types-ts4.5/plugin.d.ts

@@ -6,7 +6,7 @@ import type { HyperlinkPlugin } from '@atlaskit/editor-plugin-hyperlink';
 import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugin-primary-toolbar';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import type { LoomPluginState } from './pm-plugin';
-import type { LoomPluginOptions } from './types';
+import type { LoomPluginOptions, PositionType, VideoMeta } from './types';
 export type LoomPlugin = NextEditorPlugin<'loom', {
     pluginConfiguration: LoomPluginOptions;
     dependencies: [
@@ -21,6 +21,14 @@ export type LoomPlugin = NextEditorPlugin<'loom', {
             inputMethod: INPUT_METHOD;
             editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
         }) => EditorCommand;
+        /**
+         * Insert loom into the document.
+         *
+         * @param video Video metadata (`sharedUrl` and `title`)
+         * @param positionType {'start' | 'end' | 'current'} Where you want to insert the loom
+         * @returns {boolean} If the loom was successfully inserted
+         */
+        insertLoom: (video: VideoMeta, positionType: PositionType) => boolean;
     };
 }>;
 export declare const loomPlugin: LoomPlugin;

package/dist/types-ts4.5/types.d.ts

@@ -9,6 +9,7 @@ type LoomClient = {
         onInsert: (videoMeta: VideoMeta) => void;
     }) => void;
 };
+export type PositionType = 'start' | 'end' | 'current';
 export type LoomPluginErrorMessages = 'is-supported-failure' | 'failed-to-initialise' | 'api-key-not-provided';
 export type LoomSDKErrorMessages = 'incompatible-browser' | 'third-party-cookies-disabled' | 'no-media-streams-support';
 export type GetClientResult = {

package/dist/types-ts4.5/ui/ToolbarButton.d.ts

@@ -245,7 +245,7 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
                                         ];
                                         sharedState: import("@atlaskit/editor-plugin-block-controls").BlockControlsSharedState;
                                         commands: {
-                                            moveNode: (start: number, to: number) => import("@atlaskit/editor-common/types").EditorCommand;
+                                            moveNode: (start: number, to: number, inputMethod?: import("@atlaskit/editor-plugin-block-controls").MoveNodeMethod | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
                                             showDragHandleAt: (pos: number, anchorName: string, nodeType: string, handleOptions?: import("@atlaskit/editor-plugin-block-controls").HandleOptions) => import("@atlaskit/editor-common/types").EditorCommand;
                                             setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
                                         };
@@ -269,7 +269,20 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
                         ];
                         sharedState: import("@atlaskit/editor-plugin-card").CardPluginState | null;
                         actions: import("@atlaskit/editor-common/card").CardPluginActions;
-                    }, import("@atlaskit/editor-plugin-card").CardPluginOptions>>
+                    }, import("@atlaskit/editor-plugin-card").CardPluginOptions>>,
+                    import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
+                        sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
+                        dependencies: [
+                        ];
+                        pluginConfiguration?: {
+                            mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                        } | undefined;
+                        commands: {
+                            updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
+                        };
+                    }, {
+                        mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                    } | undefined>>
                 ];
                 actions: {
                     hideLinkToolbar: import("@atlaskit/editor-plugin-hyperlink").HideLinkToolbar;
@@ -278,6 +291,8 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
                 };
                 commands: {
                     showLinkToolbar: import("@atlaskit/editor-plugin-hyperlink").ShowLinkToolbar;
+                    updateLink: (href: string, text: string) => import("@atlaskit/editor-common/types").EditorCommand;
+                    removeLink: () => import("@atlaskit/editor-common/types").EditorCommand;
                 };
                 sharedState: import("@atlaskit/editor-common/link").HyperlinkState | undefined;
             }, import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined>,
@@ -297,6 +312,7 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
                 inputMethod: INPUT_METHOD;
                 editorAnalyticsAPI: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI | undefined;
             }) => import("@atlaskit/editor-common/types").EditorCommand;
+            insertLoom: (video: import("..").VideoMeta, positionType: import("../types").PositionType) => boolean;
         };
     }> | undefined;
 } & WrappedComponentProps>> & {
@@ -543,7 +559,7 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
                                             ];
                                             sharedState: import("@atlaskit/editor-plugin-block-controls").BlockControlsSharedState;
                                             commands: {
-                                                moveNode: (start: number, to: number) => import("@atlaskit/editor-common/types").EditorCommand;
+                                                moveNode: (start: number, to: number, inputMethod?: import("@atlaskit/editor-plugin-block-controls").MoveNodeMethod | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
                                                 showDragHandleAt: (pos: number, anchorName: string, nodeType: string, handleOptions?: import("@atlaskit/editor-plugin-block-controls").HandleOptions) => import("@atlaskit/editor-common/types").EditorCommand;
                                                 setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
                                             };
@@ -567,7 +583,20 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
                             ];
                             sharedState: import("@atlaskit/editor-plugin-card").CardPluginState | null;
                             actions: import("@atlaskit/editor-common/card").CardPluginActions;
-                        }, import("@atlaskit/editor-plugin-card").CardPluginOptions>>
+                        }, import("@atlaskit/editor-plugin-card").CardPluginOptions>>,
+                        import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
+                            sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
+                            dependencies: [
+                            ];
+                            pluginConfiguration?: {
+                                mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                            } | undefined;
+                            commands: {
+                                updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
+                            };
+                        }, {
+                            mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                        } | undefined>>
                     ];
                     actions: {
                         hideLinkToolbar: import("@atlaskit/editor-plugin-hyperlink").HideLinkToolbar;
@@ -576,6 +605,8 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
                     };
                     commands: {
                         showLinkToolbar: import("@atlaskit/editor-plugin-hyperlink").ShowLinkToolbar;
+                        updateLink: (href: string, text: string) => import("@atlaskit/editor-common/types").EditorCommand;
+                        removeLink: () => import("@atlaskit/editor-common/types").EditorCommand;
                     };
                     sharedState: import("@atlaskit/editor-common/link").HyperlinkState | undefined;
                 }, import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined>,
@@ -595,6 +626,7 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
                     inputMethod: INPUT_METHOD;
                     editorAnalyticsAPI: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI | undefined;
                 }) => import("@atlaskit/editor-common/types").EditorCommand;
+                insertLoom: (video: import("..").VideoMeta, positionType: import("../types").PositionType) => boolean;
             };
         }> | undefined;
     } & WrappedComponentProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-loom",
-	"version": "2.3.1",
+	"version": "2.5.0",
 	"description": "Loom plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -36,12 +36,12 @@
 		".": "./src/index.ts"
 	},
 	"dependencies": {
-		"@atlaskit/editor-common": "^86.0.0",
-		"@atlaskit/editor-plugin-analytics": "^1.4.0",
-		"@atlaskit/editor-plugin-hyperlink": "^2.3.0",
-		"@atlaskit/editor-plugin-primary-toolbar": "^1.2.0",
-		"@atlaskit/editor-plugin-width": "^1.1.0",
-		"@atlaskit/editor-prosemirror": "4.0.1",
+		"@atlaskit/editor-common": "^86.8.0",
+		"@atlaskit/editor-plugin-analytics": "^1.6.0",
+		"@atlaskit/editor-plugin-hyperlink": "^2.6.0",
+		"@atlaskit/editor-plugin-primary-toolbar": "^1.3.0",
+		"@atlaskit/editor-plugin-width": "^1.2.0",
+		"@atlaskit/editor-prosemirror": "5.0.1",
 		"@atlaskit/logo": "^14.1.0",
 		"@atlaskit/platform-feature-flags": "0.3.0",
 		"@babel/runtime": "^7.0.0",
@@ -58,14 +58,14 @@
 		}
 	},
 	"devDependencies": {
-		"@atlaskit/editor-plugin-base": "^1.7.0",
-		"@atlaskit/editor-plugin-card": "^2.6.0",
-		"@atlaskit/editor-plugin-copy-button": "^1.1.0",
-		"@atlaskit/editor-plugin-decorations": "^1.1.0",
-		"@atlaskit/editor-plugin-editor-disabled": "^1.1.0",
-		"@atlaskit/editor-plugin-feature-flags": "^1.1.0",
-		"@atlaskit/editor-plugin-floating-toolbar": "^1.7.0",
-		"@atlaskit/editor-plugin-grid": "^1.1.0",
+		"@atlaskit/editor-plugin-base": "^1.9.0",
+		"@atlaskit/editor-plugin-card": "^2.8.0",
+		"@atlaskit/editor-plugin-copy-button": "^1.2.0",
+		"@atlaskit/editor-plugin-decorations": "^1.2.0",
+		"@atlaskit/editor-plugin-editor-disabled": "^1.2.0",
+		"@atlaskit/editor-plugin-feature-flags": "^1.2.0",
+		"@atlaskit/editor-plugin-floating-toolbar": "^1.9.0",
+		"@atlaskit/editor-plugin-grid": "^1.2.0",
 		"@testing-library/react": "^12.1.5",
 		"@testing-library/user-event": "^14.4.3",
 		"raf-stub": "^2.0.1",