@atlaskit/editor-plugin-native-embeds 0.0.0

package/LICENSE.md

@@ -0,0 +1,11 @@
+Copyright 2019 Atlassian Pty Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in
+compliance with the License. You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under the License is
+distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+implied. See the License for the specific language governing permissions and limitations under the
+License.

package/README.md

@@ -0,0 +1 @@
+# Editor plugin editor plugin-native-embeds

package/dist/cjs/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "nativeEmbedsPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _nativeEmbedsPlugin.nativeEmbedsPlugin;
+  }
+});
+var _nativeEmbedsPlugin = require("./nativeEmbedsPlugin");

package/dist/cjs/nativeEmbedsPlugin.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.nativeEmbedsPlugin = void 0;
+var _floatingToolbar = require("./pm-plugins/ui/floating-toolbar");
+var nativeEmbedsPlugin = exports.nativeEmbedsPlugin = function nativeEmbedsPlugin(_ref) {
+  var api = _ref.api,
+    config = _ref.config;
+  return {
+    name: 'editorPluginNativeEmbeds',
+    pluginsOptions: {
+      floatingToolbar: (0, _floatingToolbar.getToolbarConfig)({
+        api: api,
+        handlers: config === null || config === void 0 ? void 0 : config.handlers
+      })
+    }
+  };
+};

package/dist/cjs/nativeEmbedsPluginType.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/pm-plugins/ui/floating-toolbar.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getToolbarConfig = void 0;
+var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _alignTextCenter = _interopRequireDefault(require("@atlaskit/icon/core/align-text-center"));
+var _border = _interopRequireDefault(require("@atlaskit/icon/core/border"));
+var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
+var _page = _interopRequireDefault(require("@atlaskit/icon/core/page"));
+var _refresh = _interopRequireDefault(require("@atlaskit/icon/core/refresh"));
+var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
+var _getSelectedNativeEmbedExtension = require("../utils/getSelectedNativeEmbedExtension");
+var createHandlerCommand = function createHandlerCommand(handler) {
+  return function () {
+    handler === null || handler === void 0 || handler();
+    return true;
+  };
+};
+var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref) {
+  var _api = _ref.api,
+    handlers = _ref.handlers;
+  return function (state, _intl, _providerFactory, _activeConfigs) {
+    var selectedNativeEmbed = (0, _getSelectedNativeEmbedExtension.getSelectedNativeEmbedExtension)(state);
+    if (!selectedNativeEmbed) {
+      return undefined;
+    }
+    var getDomRef = function getDomRef(view) {
+      try {
+        var node = (0, _utils.findDomRefAtPos)(selectedNativeEmbed.pos, view.domAtPos.bind(view));
+        return node instanceof HTMLElement ? node : undefined;
+      } catch (_unused) {
+        return undefined;
+      }
+    };
+    return {
+      title: 'Native Embed floating toolbar',
+      getDomRef: getDomRef,
+      nodeType: state.schema.nodes.extension,
+      items: [{
+        id: 'native-embed-refresh-button',
+        type: 'button',
+        title: 'Refresh',
+        showTitle: true,
+        icon: _refresh.default,
+        onClick: createHandlerCommand(handlers === null || handlers === void 0 ? void 0 : handlers.onRefreshClick),
+        focusEditoronEnter: true,
+        tabIndex: null
+      }, {
+        type: 'separator'
+      }, {
+        id: 'native-embed-embed-dropdown',
+        type: 'dropdown',
+        title: 'Embed',
+        iconBefore: _page.default,
+        options: [],
+        onClick: handlers === null || handlers === void 0 ? void 0 : handlers.onEmbedClick
+      }, {
+        id: 'native-embed-change-border-dropdown',
+        type: 'dropdown',
+        title: '',
+        iconBefore: _border.default,
+        options: [],
+        onClick: handlers === null || handlers === void 0 ? void 0 : handlers.onChangeBorderClick
+      }, {
+        id: 'native-embed-alignment-dropdown',
+        type: 'dropdown',
+        title: '',
+        iconBefore: _alignTextCenter.default,
+        options: [],
+        onClick: handlers === null || handlers === void 0 ? void 0 : handlers.onAlignmentClick
+      }, {
+        type: 'separator'
+      }, {
+        id: 'native-embed-open-new-window-button',
+        type: 'button',
+        title: 'Open in new window',
+        icon: _linkExternal.default,
+        iconFallback: _linkExternal.default,
+        onClick: createHandlerCommand(handlers === null || handlers === void 0 ? void 0 : handlers.onOpenInNewWindowClick),
+        focusEditoronEnter: true,
+        tabIndex: null
+      }, {
+        type: 'separator'
+      }, {
+        id: 'native-embed-more-options-button',
+        type: 'dropdown',
+        title: 'More options',
+        icon: _showMoreHorizontal.default,
+        hideExpandIcon: true,
+        options: [],
+        onClick: handlers === null || handlers === void 0 ? void 0 : handlers.onMoreOptionsClick
+      }]
+    };
+  };
+};

package/dist/cjs/pm-plugins/utils/getSelectedNativeEmbedExtension.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSelectedNativeEmbedExtension = void 0;
+var _extensions = require("@atlaskit/editor-common/extensions");
+var _utils = require("@atlaskit/editor-prosemirror/utils");
+/**
+ * Returns the currently selected extension node, if any.
+ */
+var getSelectedExtension = function getSelectedExtension(state) {
+  var schema = state.schema,
+    selection = state.selection;
+  return (0, _utils.findSelectedNodeOfType)(schema.nodes.extension)(selection) || undefined;
+};
+
+/**
+ * Checks whether a given ProseMirror node is a native-embed extension.
+ */
+var isNativeEmbedExtension = function isNativeEmbedExtension(node) {
+  var _node$attrs;
+  return ((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.extensionType) === _extensions.NATIVE_EMBED_EXTENSION_TYPE;
+};
+
+/**
+ * Returns the currently selected native-embed extension node, or undefined
+ * if the selection is not inside a native-embed extension.
+ */
+var getSelectedNativeEmbedExtension = exports.getSelectedNativeEmbedExtension = function getSelectedNativeEmbedExtension(state) {
+  var selected = getSelectedExtension(state);
+  if (selected && isNativeEmbedExtension(selected.node)) {
+    return selected;
+  }
+  return undefined;
+};

package/dist/es2019/index.js

@@ -0,0 +1,4 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+// Entry file in package.json
+
+export { nativeEmbedsPlugin } from './nativeEmbedsPlugin';

package/dist/es2019/nativeEmbedsPlugin.js

@@ -0,0 +1,13 @@
+import { getToolbarConfig } from './pm-plugins/ui/floating-toolbar';
+export const nativeEmbedsPlugin = ({
+  api,
+  config
+}) => ({
+  name: 'editorPluginNativeEmbeds',
+  pluginsOptions: {
+    floatingToolbar: getToolbarConfig({
+      api,
+      handlers: config === null || config === void 0 ? void 0 : config.handlers
+    })
+  }
+});

package/dist/es2019/nativeEmbedsPluginType.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/pm-plugins/ui/floating-toolbar.js

@@ -0,0 +1,88 @@
+import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
+import AlignTextCenterIcon from '@atlaskit/icon/core/align-text-center';
+import BorderIcon from '@atlaskit/icon/core/border';
+import LinkExternalIcon from '@atlaskit/icon/core/link-external';
+import PageIcon from '@atlaskit/icon/core/page';
+import RefreshIcon from '@atlaskit/icon/core/refresh';
+import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
+import { getSelectedNativeEmbedExtension } from '../utils/getSelectedNativeEmbedExtension';
+const createHandlerCommand = handler => () => {
+  handler === null || handler === void 0 ? void 0 : handler();
+  return true;
+};
+export const getToolbarConfig = ({
+  api: _api,
+  handlers
+}) => (state, _intl, _providerFactory, _activeConfigs) => {
+  const selectedNativeEmbed = getSelectedNativeEmbedExtension(state);
+  if (!selectedNativeEmbed) {
+    return undefined;
+  }
+  const getDomRef = view => {
+    try {
+      const node = findDomRefAtPos(selectedNativeEmbed.pos, view.domAtPos.bind(view));
+      return node instanceof HTMLElement ? node : undefined;
+    } catch {
+      return undefined;
+    }
+  };
+  return {
+    title: 'Native Embed floating toolbar',
+    getDomRef,
+    nodeType: state.schema.nodes.extension,
+    items: [{
+      id: 'native-embed-refresh-button',
+      type: 'button',
+      title: 'Refresh',
+      showTitle: true,
+      icon: RefreshIcon,
+      onClick: createHandlerCommand(handlers === null || handlers === void 0 ? void 0 : handlers.onRefreshClick),
+      focusEditoronEnter: true,
+      tabIndex: null
+    }, {
+      type: 'separator'
+    }, {
+      id: 'native-embed-embed-dropdown',
+      type: 'dropdown',
+      title: 'Embed',
+      iconBefore: PageIcon,
+      options: [],
+      onClick: handlers === null || handlers === void 0 ? void 0 : handlers.onEmbedClick
+    }, {
+      id: 'native-embed-change-border-dropdown',
+      type: 'dropdown',
+      title: '',
+      iconBefore: BorderIcon,
+      options: [],
+      onClick: handlers === null || handlers === void 0 ? void 0 : handlers.onChangeBorderClick
+    }, {
+      id: 'native-embed-alignment-dropdown',
+      type: 'dropdown',
+      title: '',
+      iconBefore: AlignTextCenterIcon,
+      options: [],
+      onClick: handlers === null || handlers === void 0 ? void 0 : handlers.onAlignmentClick
+    }, {
+      type: 'separator'
+    }, {
+      id: 'native-embed-open-new-window-button',
+      type: 'button',
+      title: 'Open in new window',
+      icon: LinkExternalIcon,
+      iconFallback: LinkExternalIcon,
+      onClick: createHandlerCommand(handlers === null || handlers === void 0 ? void 0 : handlers.onOpenInNewWindowClick),
+      focusEditoronEnter: true,
+      tabIndex: null
+    }, {
+      type: 'separator'
+    }, {
+      id: 'native-embed-more-options-button',
+      type: 'dropdown',
+      title: 'More options',
+      icon: ShowMoreHorizontalIcon,
+      hideExpandIcon: true,
+      options: [],
+      onClick: handlers === null || handlers === void 0 ? void 0 : handlers.onMoreOptionsClick
+    }]
+  };
+};

package/dist/es2019/pm-plugins/utils/getSelectedNativeEmbedExtension.js

@@ -0,0 +1,33 @@
+import { NATIVE_EMBED_EXTENSION_TYPE } from '@atlaskit/editor-common/extensions';
+import { findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+
+/**
+ * Returns the currently selected extension node, if any.
+ */
+const getSelectedExtension = state => {
+  const {
+    schema,
+    selection
+  } = state;
+  return findSelectedNodeOfType(schema.nodes.extension)(selection) || undefined;
+};
+
+/**
+ * Checks whether a given ProseMirror node is a native-embed extension.
+ */
+const isNativeEmbedExtension = node => {
+  var _node$attrs;
+  return ((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.extensionType) === NATIVE_EMBED_EXTENSION_TYPE;
+};
+
+/**
+ * Returns the currently selected native-embed extension node, or undefined
+ * if the selection is not inside a native-embed extension.
+ */
+export const getSelectedNativeEmbedExtension = state => {
+  const selected = getSelectedExtension(state);
+  if (selected && isNativeEmbedExtension(selected.node)) {
+    return selected;
+  }
+  return undefined;
+};

package/dist/esm/index.js

@@ -0,0 +1,4 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+// Entry file in package.json
+
+export { nativeEmbedsPlugin } from './nativeEmbedsPlugin';

package/dist/esm/nativeEmbedsPlugin.js

@@ -0,0 +1,14 @@
+import { getToolbarConfig } from './pm-plugins/ui/floating-toolbar';
+export var nativeEmbedsPlugin = function nativeEmbedsPlugin(_ref) {
+  var api = _ref.api,
+    config = _ref.config;
+  return {
+    name: 'editorPluginNativeEmbeds',
+    pluginsOptions: {
+      floatingToolbar: getToolbarConfig({
+        api: api,
+        handlers: config === null || config === void 0 ? void 0 : config.handlers
+      })
+    }
+  };
+};

package/dist/esm/nativeEmbedsPluginType.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/pm-plugins/ui/floating-toolbar.js

@@ -0,0 +1,91 @@
+import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
+import AlignTextCenterIcon from '@atlaskit/icon/core/align-text-center';
+import BorderIcon from '@atlaskit/icon/core/border';
+import LinkExternalIcon from '@atlaskit/icon/core/link-external';
+import PageIcon from '@atlaskit/icon/core/page';
+import RefreshIcon from '@atlaskit/icon/core/refresh';
+import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
+import { getSelectedNativeEmbedExtension } from '../utils/getSelectedNativeEmbedExtension';
+var createHandlerCommand = function createHandlerCommand(handler) {
+  return function () {
+    handler === null || handler === void 0 || handler();
+    return true;
+  };
+};
+export var getToolbarConfig = function getToolbarConfig(_ref) {
+  var _api = _ref.api,
+    handlers = _ref.handlers;
+  return function (state, _intl, _providerFactory, _activeConfigs) {
+    var selectedNativeEmbed = getSelectedNativeEmbedExtension(state);
+    if (!selectedNativeEmbed) {
+      return undefined;
+    }
+    var getDomRef = function getDomRef(view) {
+      try {
+        var node = findDomRefAtPos(selectedNativeEmbed.pos, view.domAtPos.bind(view));
+        return node instanceof HTMLElement ? node : undefined;
+      } catch (_unused) {
+        return undefined;
+      }
+    };
+    return {
+      title: 'Native Embed floating toolbar',
+      getDomRef: getDomRef,
+      nodeType: state.schema.nodes.extension,
+      items: [{
+        id: 'native-embed-refresh-button',
+        type: 'button',
+        title: 'Refresh',
+        showTitle: true,
+        icon: RefreshIcon,
+        onClick: createHandlerCommand(handlers === null || handlers === void 0 ? void 0 : handlers.onRefreshClick),
+        focusEditoronEnter: true,
+        tabIndex: null
+      }, {
+        type: 'separator'
+      }, {
+        id: 'native-embed-embed-dropdown',
+        type: 'dropdown',
+        title: 'Embed',
+        iconBefore: PageIcon,
+        options: [],
+        onClick: handlers === null || handlers === void 0 ? void 0 : handlers.onEmbedClick
+      }, {
+        id: 'native-embed-change-border-dropdown',
+        type: 'dropdown',
+        title: '',
+        iconBefore: BorderIcon,
+        options: [],
+        onClick: handlers === null || handlers === void 0 ? void 0 : handlers.onChangeBorderClick
+      }, {
+        id: 'native-embed-alignment-dropdown',
+        type: 'dropdown',
+        title: '',
+        iconBefore: AlignTextCenterIcon,
+        options: [],
+        onClick: handlers === null || handlers === void 0 ? void 0 : handlers.onAlignmentClick
+      }, {
+        type: 'separator'
+      }, {
+        id: 'native-embed-open-new-window-button',
+        type: 'button',
+        title: 'Open in new window',
+        icon: LinkExternalIcon,
+        iconFallback: LinkExternalIcon,
+        onClick: createHandlerCommand(handlers === null || handlers === void 0 ? void 0 : handlers.onOpenInNewWindowClick),
+        focusEditoronEnter: true,
+        tabIndex: null
+      }, {
+        type: 'separator'
+      }, {
+        id: 'native-embed-more-options-button',
+        type: 'dropdown',
+        title: 'More options',
+        icon: ShowMoreHorizontalIcon,
+        hideExpandIcon: true,
+        options: [],
+        onClick: handlers === null || handlers === void 0 ? void 0 : handlers.onMoreOptionsClick
+      }]
+    };
+  };
+};

package/dist/esm/pm-plugins/utils/getSelectedNativeEmbedExtension.js

@@ -0,0 +1,31 @@
+import { NATIVE_EMBED_EXTENSION_TYPE } from '@atlaskit/editor-common/extensions';
+import { findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+
+/**
+ * Returns the currently selected extension node, if any.
+ */
+var getSelectedExtension = function getSelectedExtension(state) {
+  var schema = state.schema,
+    selection = state.selection;
+  return findSelectedNodeOfType(schema.nodes.extension)(selection) || undefined;
+};
+
+/**
+ * Checks whether a given ProseMirror node is a native-embed extension.
+ */
+var isNativeEmbedExtension = function isNativeEmbedExtension(node) {
+  var _node$attrs;
+  return ((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.extensionType) === NATIVE_EMBED_EXTENSION_TYPE;
+};
+
+/**
+ * Returns the currently selected native-embed extension node, or undefined
+ * if the selection is not inside a native-embed extension.
+ */
+export var getSelectedNativeEmbedExtension = function getSelectedNativeEmbedExtension(state) {
+  var selected = getSelectedExtension(state);
+  if (selected && isNativeEmbedExtension(selected.node)) {
+    return selected;
+  }
+  return undefined;
+};

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { nativeEmbedsPlugin } from './nativeEmbedsPlugin';
+export type { EditorPluginNativeEmbedsPlugin } from './nativeEmbedsPluginType';
+export type { EditorPluginNativeEmbedsToolbarHandlers } from './nativeEmbedsPluginType';

package/dist/types/nativeEmbedsPlugin.d.ts

@@ -0,0 +1,2 @@
+import type { EditorPluginNativeEmbedsPlugin } from './nativeEmbedsPluginType';
+export declare const nativeEmbedsPlugin: EditorPluginNativeEmbedsPlugin;

package/dist/types/nativeEmbedsPluginType.d.ts

@@ -0,0 +1,22 @@
+import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { ExtensionPlugin } from '@atlaskit/editor-plugin-extension';
+/**
+ * Handlers for native embed floating toolbar actions.
+ * Consumers can provide these to hook into toolbar button clicks.
+ */
+export interface EditorPluginNativeEmbedsToolbarHandlers {
+    onAlignmentClick?: () => void;
+    onChangeBorderClick?: () => void;
+    onEmbedClick?: () => void;
+    onMoreOptionsClick?: () => void;
+    onOpenInNewWindowClick?: () => void;
+    onRefreshClick?: () => void;
+}
+export type EditorPluginNativeEmbedsPlugin = NextEditorPlugin<'editorPluginNativeEmbeds', {
+    dependencies: [OptionalPlugin<AnalyticsPlugin>, DecorationsPlugin, ExtensionPlugin];
+    pluginConfiguration: {
+        handlers?: EditorPluginNativeEmbedsToolbarHandlers;
+    } | undefined;
+}>;

package/dist/types/pm-plugins/ui/floating-toolbar.d.ts

@@ -0,0 +1,8 @@
+import type { ExtractInjectionAPI, FloatingToolbarHandler } from '@atlaskit/editor-common/types';
+import type { EditorPluginNativeEmbedsPlugin, EditorPluginNativeEmbedsToolbarHandlers } from '../../nativeEmbedsPluginType';
+interface GetToolbarConfigProps {
+    api?: ExtractInjectionAPI<EditorPluginNativeEmbedsPlugin>;
+    handlers?: EditorPluginNativeEmbedsToolbarHandlers;
+}
+export declare const getToolbarConfig: ({ api: _api, handlers }: GetToolbarConfigProps) => FloatingToolbarHandler;
+export {};

package/dist/types/pm-plugins/utils/getSelectedNativeEmbedExtension.d.ts

@@ -0,0 +1,6 @@
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+/**
+ * Returns the currently selected native-embed extension node, or undefined
+ * if the selection is not inside a native-embed extension.
+ */
+export declare const getSelectedNativeEmbedExtension: (state: EditorState) => import("prosemirror-utils").ContentNodeWithPos | undefined;

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

@@ -0,0 +1,3 @@
+export { nativeEmbedsPlugin } from './nativeEmbedsPlugin';
+export type { EditorPluginNativeEmbedsPlugin } from './nativeEmbedsPluginType';
+export type { EditorPluginNativeEmbedsToolbarHandlers } from './nativeEmbedsPluginType';

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

@@ -0,0 +1,2 @@
+import type { EditorPluginNativeEmbedsPlugin } from './nativeEmbedsPluginType';
+export declare const nativeEmbedsPlugin: EditorPluginNativeEmbedsPlugin;

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

@@ -0,0 +1,26 @@
+import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { ExtensionPlugin } from '@atlaskit/editor-plugin-extension';
+/**
+ * Handlers for native embed floating toolbar actions.
+ * Consumers can provide these to hook into toolbar button clicks.
+ */
+export interface EditorPluginNativeEmbedsToolbarHandlers {
+    onAlignmentClick?: () => void;
+    onChangeBorderClick?: () => void;
+    onEmbedClick?: () => void;
+    onMoreOptionsClick?: () => void;
+    onOpenInNewWindowClick?: () => void;
+    onRefreshClick?: () => void;
+}
+export type EditorPluginNativeEmbedsPlugin = NextEditorPlugin<'editorPluginNativeEmbeds', {
+    dependencies: [
+        OptionalPlugin<AnalyticsPlugin>,
+        DecorationsPlugin,
+        ExtensionPlugin
+    ];
+    pluginConfiguration: {
+        handlers?: EditorPluginNativeEmbedsToolbarHandlers;
+    } | undefined;
+}>;

package/dist/types-ts4.5/pm-plugins/ui/floating-toolbar.d.ts

@@ -0,0 +1,8 @@
+import type { ExtractInjectionAPI, FloatingToolbarHandler } from '@atlaskit/editor-common/types';
+import type { EditorPluginNativeEmbedsPlugin, EditorPluginNativeEmbedsToolbarHandlers } from '../../nativeEmbedsPluginType';
+interface GetToolbarConfigProps {
+    api?: ExtractInjectionAPI<EditorPluginNativeEmbedsPlugin>;
+    handlers?: EditorPluginNativeEmbedsToolbarHandlers;
+}
+export declare const getToolbarConfig: ({ api: _api, handlers }: GetToolbarConfigProps) => FloatingToolbarHandler;
+export {};

package/dist/types-ts4.5/pm-plugins/utils/getSelectedNativeEmbedExtension.d.ts

@@ -0,0 +1,6 @@
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+/**
+ * Returns the currently selected native-embed extension node, or undefined
+ * if the selection is not inside a native-embed extension.
+ */
+export declare const getSelectedNativeEmbedExtension: (state: EditorState) => import("prosemirror-utils").ContentNodeWithPos | undefined;

package/docs/0-intro.tsx

@@ -0,0 +1,70 @@
+import React from 'react';
+
+import { AtlassianInternalWarning, code, md } from '@atlaskit/docs';
+// eslint-disable-next-line @atlassian/tangerine/import/entry-points
+import { createEditorUseOnlyNotice } from '@atlaskit/editor-common/doc-utils';
+import { token } from '@atlaskit/tokens';
+
+export default md`
+
+${createEditorUseOnlyNotice('Editor Plugin Native Embeds', [
+	{ name: 'Editor Core', link: '/packages/editor/editor-core' },
+])}
+
+
+  ${
+		(
+			// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+			<div style={{ marginTop: token('space.100', '8px') }}>
+				<AtlassianInternalWarning />
+			</div>
+		)
+	}
+
+  This package includes the editor plugin native embeds plugin used by \`@atlaskit/editor-core\`.
+
+  ## Usage
+---
+
+The \`dependencies\`, \`configuration\`, \`state\`, \`actions\`, and \`commands\` of the plugin are defined
+below:
+
+${code`
+type EditorPluginNativeEmbedsPlugin = NextEditorPlugin<
+  'editorPluginNativeEmbeds',
+  {
+    dependencies: [OptionalPlugin<AnalyticsPlugin>, DecorationsPlugin, ExtensionPlugin];
+    pluginConfiguration: { handlers?: EditorPluginNativeEmbedsToolbarHandlers } | undefined;
+  }
+>
+`}
+
+To use the plugin with optional toolbar handlers:
+
+${code`
+import {
+  nativeEmbedsPlugin,
+  type EditorPluginNativeEmbedsToolbarHandlers,
+} from '@atlaskit/editor-plugin-native-embeds';
+
+const handlers: EditorPluginNativeEmbedsToolbarHandlers = {
+  onRefreshClick: () => { /* handle refresh */ },
+  onEmbedClick: () => { /* handle embed */ },
+  onChangeBorderClick: () => { /* handle border change */ },
+  onAlignmentClick: () => { /* handle alignment */ },
+  onOpenInNewWindowClick: () => { /* handle open in new window */ },
+  onMoreOptionsClick: () => { /* handle more options */ },
+};
+
+new EditorPresetBuilder()
+  .add([nativeEmbedsPlugin, { handlers }]);
+`}
+
+
+  ## Support
+---
+For internal Atlassian, visit the slack channel [#help-editor](https://atlassian.slack.com/archives/CFG3PSQ9E) for support or visit [go/editor-help](https://go/editor-help) to submit a bug.
+## License
+---
+ Please see [Atlassian Frontend - License](https://hello.atlassian.net/wiki/spaces/AF/pages/2589099144/Documentation#License) for more licensing information.
+`;

package/package.json

@@ -0,0 +1,82 @@
+{
+	"name": "@atlaskit/editor-plugin-native-embeds",
+	"version": "0.0.0",
+	"description": "EditorPluginNativeEmbeds plugin for @atlaskit/editor-core",
+	"author": "Atlassian Pty Ltd",
+	"license": "Apache-2.0",
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org/"
+	},
+	"atlassian": {
+		"team": "Confluence Content Types",
+		"releaseModel": "continuous",
+		"singleton": true
+	},
+	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
+	"main": "dist/cjs/index.js",
+	"module": "dist/esm/index.js",
+	"module:es2019": "dist/es2019/index.js",
+	"types": "dist/types/index.d.ts",
+	"typesVersions": {
+		">=4.5 <4.9": {
+			"*": [
+				"dist/types-ts4.5/*",
+				"dist/types-ts4.5/index.d.ts"
+			]
+		}
+	},
+	"sideEffects": false,
+	"atlaskit:src": "src/index.ts",
+	"dependencies": {
+		"@atlaskit/editor-plugin-analytics": "^7.0.0",
+		"@atlaskit/editor-plugin-decorations": "^7.0.0",
+		"@atlaskit/editor-plugin-extension": "^10.1.0",
+		"@atlaskit/editor-prosemirror": "^7.3.0",
+		"@atlaskit/icon": "^31.0.0",
+		"@babel/runtime": "^7.0.0",
+		"react-intl-next": "npm:react-intl@^5.18.1"
+	},
+	"peerDependencies": {
+		"@atlaskit/editor-common": "^111.16.0",
+		"react": "^18.2.0"
+	},
+	"devDependencies": {
+		"typescript": "5.9.2"
+	},
+	"techstack": {
+		"@atlassian/frontend": {
+			"code-structure": [
+				"editor-plugin"
+			],
+			"import-structure": [
+				"atlassian-conventions"
+			],
+			"circular-dependencies": [
+				"file-and-folder-level"
+			]
+		},
+		"@repo/internal": {
+			"dom-events": "use-bind-event-listener",
+			"analytics": [
+				"analytics-next"
+			],
+			"design-tokens": [
+				"color"
+			],
+			"theming": [
+				"react-context"
+			],
+			"ui-components": [
+				"lite-mode"
+			],
+			"deprecation": "no-deprecated-imports",
+			"styling": [
+				"emotion",
+				"emotion"
+			],
+			"imports": [
+				"import-no-extraneous-disable-for-examples-and-docs"
+			]
+		}
+	}
+}

package/tsconfig.json

@@ -0,0 +1,7 @@
+{
+	"extends": "../../../tsconfig.json",
+	"include": [
+		"src/**/*.ts",
+		"src/**/*.tsx"
+	]
+}