@atlaskit/editor-plugin-code-block-advanced 1.0.2 → 1.1.0

package/src/nodeviews/extensions/prosemirrorDecorations.ts

@@ -0,0 +1,148 @@
+import { Facet } from '@codemirror/state';
+import {
+	ViewPlugin,
+	WidgetType,
+	Decoration as CodeMirrorDecoration,
+	EditorView as CodeMirror,
+	DecorationSet,
+	ViewUpdate,
+} from '@codemirror/view';
+
+import type { EditorView, Decoration, DecorationSource } from '@atlaskit/editor-prosemirror/view';
+
+class PMWidget extends WidgetType {
+	constructor(readonly toDOMElement: HTMLElement) {
+		super();
+	}
+	toDOM() {
+		return this.toDOMElement;
+	}
+	ignoreEvent() {
+		return false;
+	}
+}
+
+// This type is not exposed publically by ProseMirror but we need it to map to CodeMirror
+// See: https://github.com/ProseMirror/prosemirror-view/blob/master/src/decoration.ts
+type WidgetConstructor = ((view: EditorView, getPos: () => number | undefined) => Node) | Node;
+
+// This type is not exposed publically by ProseMirror but we need it to map to CodeMirror
+// See: https://github.com/ProseMirror/prosemirror-view/blob/master/src/decoration.ts
+interface ExtendedProseMirrorDecoration extends Decoration {
+	inline: boolean;
+	widget: boolean;
+	type: {
+		attrs?: Record<string, string>;
+		toDOM?: WidgetConstructor;
+		side?: number;
+	};
+}
+
+// This type is not exposed publically by ProseMirror but we need it to map to CodeMirror
+// See: https://github.com/ProseMirror/prosemirror-view/blob/master/src/decoration.ts
+function isExtendedDecoration(decoration: Decoration): decoration is ExtendedProseMirrorDecoration {
+	return (
+		(decoration as ExtendedProseMirrorDecoration).inline !== undefined &&
+		(decoration as ExtendedProseMirrorDecoration).widget !== undefined &&
+		(decoration as ExtendedProseMirrorDecoration).type !== undefined
+	);
+}
+
+const getHTMLElement = (
+	toDOM: WidgetConstructor | undefined,
+	view: EditorView,
+	getPos: () => number | undefined,
+): HTMLElement | undefined => {
+	if (toDOM instanceof Function) {
+		const element = toDOM(view, getPos);
+		return element instanceof HTMLElement ? element : undefined;
+	} else if (toDOM instanceof HTMLElement) {
+		return toDOM;
+	}
+};
+
+const mapPMDecorationToCMDecoration = (
+	decoration: Decoration,
+	view: EditorView,
+	getPos: () => number | undefined,
+) => {
+	if (!isExtendedDecoration(decoration)) {
+		return undefined;
+	}
+	if (decoration.inline) {
+		const markDecoration = CodeMirrorDecoration.mark({
+			attributes: decoration.type.attrs,
+		});
+		return markDecoration.range(decoration.from, decoration.to);
+	} else if (decoration.widget) {
+		const toDOM = getHTMLElement(decoration?.type?.toDOM, view, getPos);
+		if (!toDOM) {
+			return undefined;
+		}
+
+		const widgetDecoration = CodeMirrorDecoration.widget({
+			widget: new PMWidget(toDOM),
+			side: decoration.type.side,
+		});
+		return widgetDecoration.range(decoration.from, decoration.to);
+	}
+};
+
+function isDefined<TValue>(value: TValue | undefined): value is TValue {
+	return value !== undefined;
+}
+
+/**
+ * Creates CodeMirror versions of the decorations provided by ProseMirror.
+ *
+ * Inline ProseMirror decorations -> Mark CodeMirror decorations
+ * Widget ProseMirror decorations -> Widget CodeMirror decorations
+ *
+ * This way any decorations applied in ProseMirror land should automatically be supported
+ * by the CodeMirror editor
+ *
+ * @param updateDecorationsEffect Facet for the prosemirror decorations
+ * @returns CodeMirror extension
+ */
+export const prosemirrorDecorationPlugin = (
+	updateDecorationsEffect: Facet<DecorationSource>,
+	editorView: EditorView,
+	getPos: () => number | undefined,
+) =>
+	ViewPlugin.fromClass(
+		class {
+			decorations: DecorationSet;
+
+			constructor(view: CodeMirror) {
+				this.decorations = this.updateDecorations(view);
+			}
+			updateDecorations(view: CodeMirror) {
+				const { from, to } = view.viewport;
+
+				const innnerDecorations = view.state.facet(updateDecorationsEffect);
+				const allDecorations: Decoration[] = [];
+				innnerDecorations?.map((source) => {
+					source?.forEachSet((set) => {
+						const decorations = set
+							.find(from, to)
+							// Do not render the code block line decorations
+							.filter((dec) => dec.spec.type !== 'decorationWidgetType');
+						allDecorations.push(...decorations);
+					});
+				});
+
+				const cmDecorations = allDecorations
+					.sort((a, b) => (a.from < b.from ? -1 : 1))
+					.map((decoration) => mapPMDecorationToCMDecoration(decoration, editorView, getPos))
+					.filter(isDefined);
+
+				return CodeMirrorDecoration.set(cmDecorations);
+			}
+			update(update: ViewUpdate) {
+				this.decorations = this.updateDecorations(update.view);
+			}
+		},
+		{
+			decorations: (v) => v.decorations,
+		},
+	);

package/src/ui/theme.ts

@@ -8,6 +8,7 @@ export const cmTheme = CodeMirror.theme({
 		padding: '0',
 		marginTop: token('space.100'),
 		marginBottom: token('space.100'),
+		// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
 		fontSize: '0.875rem',
 		// Custom syntax styling to match existing styling
 		// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
@@ -35,6 +36,10 @@ export const cmTheme = CodeMirror.theme({
 		lineHeight: 'unset',
 		fontFamily: token('font.family.code'),
 		borderRadius: token('border.radius'),
+		backgroundImage: overflowShadow({
+			leftCoverWidth: token('space.300'),
+		}),
+		backgroundAttachment: 'local, local, local, local, scroll, scroll, scroll, scroll',
 	},
 	'&.cm-focused .cm-cursor': {
 		borderLeftColor: token('color.text'),
@@ -51,3 +56,62 @@ export const cmTheme = CodeMirror.theme({
 		minWidth: 'unset',
 	},
 });
+
+/**
+ * Copied directly from `packages/editor/editor-shared-styles/src/overflow-shadow/overflow-shadow.ts`
+ * `CodeMirror` does not support emotion styling so this has been re-created.
+ */
+function overflowShadow({
+	leftCoverWidth,
+	rightCoverWidth,
+}: {
+	leftCoverWidth?: string;
+	rightCoverWidth?: string;
+}) {
+	const width = token('space.100');
+	const leftCoverWidthResolved = leftCoverWidth || width;
+	const rightCoverWidthResolved = rightCoverWidth || width;
+
+	return `
+  linear-gradient(
+    to right,
+    ${token('color.background.neutral')} ${leftCoverWidthResolved},
+    transparent ${leftCoverWidthResolved}
+  ),
+  linear-gradient(
+    to right,
+    ${token('elevation.surface.raised')} ${leftCoverWidthResolved},
+    transparent ${leftCoverWidthResolved}
+  ),
+  linear-gradient(
+    to left,
+    ${token('color.background.neutral')} ${rightCoverWidthResolved},
+    transparent ${rightCoverWidthResolved}
+  ),
+  linear-gradient(
+    to left,
+    ${token('elevation.surface.raised')} ${rightCoverWidthResolved},
+    transparent ${rightCoverWidthResolved}
+  ),
+  linear-gradient(
+    to left,
+    ${token('elevation.shadow.overflow.spread')} 0,
+    ${token('utility.UNSAFE.transparent')}  ${width}
+  ),
+  linear-gradient(
+    to left,
+    ${token('elevation.shadow.overflow.perimeter')} 0,
+    ${token('utility.UNSAFE.transparent')}  ${width}
+  ),
+  linear-gradient(
+    to right,
+    ${token('elevation.shadow.overflow.spread')} 0,
+    ${token('utility.UNSAFE.transparent')}  ${width}
+  ),
+  linear-gradient(
+    to right,
+    ${token('elevation.shadow.overflow.perimeter')} 0,
+    ${token('utility.UNSAFE.transparent')}  ${width}
+  )
+`;
+}

package/tsconfig.app.json

@@ -43,9 +43,15 @@
 		{
 			"path": "../editor-plugin-editor-disabled/tsconfig.app.json"
 		},
+		{
+			"path": "../editor-plugin-find-replace/tsconfig.app.json"
+		},
 		{
 			"path": "../editor-plugin-selection/tsconfig.app.json"
 		},
+		{
+			"path": "../editor-plugin-selection-marker/tsconfig.app.json"
+		},
 		{
 			"path": "../../design-system/tokens/tsconfig.app.json"
 		}

package/dist/cjs/nodeviews/extensions/bidiCharWarning.js

@@ -1,83 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.bidiCharWarningExtension = void 0;
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _view = require("@codemirror/view");
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
- * Code based on warning from @atlaskit/code
- */
-var bidiCharacterRegex = /[\u202A-\u202E\u2066-\u2069]/g;
-var placeholderMatcher = new _view.MatchDecorator({
-  regexp: bidiCharacterRegex,
-  decoration: function decoration(match) {
-    return _view.Decoration.replace({
-      widget: new PlaceholderWidget(match[0])
-    });
-  }
-});
-var bidiCharWarningExtension = exports.bidiCharWarningExtension = _view.ViewPlugin.fromClass( /*#__PURE__*/function () {
-  function _class(view) {
-    (0, _classCallCheck2.default)(this, _class);
-    this.placeholders = placeholderMatcher.createDeco(view);
-  }
-  return (0, _createClass2.default)(_class, [{
-    key: "update",
-    value: function update(_update) {
-      this.placeholders = placeholderMatcher.updateDeco(_update, this.placeholders);
-    }
-  }]);
-}(), {
-  decorations: function decorations(instance) {
-    return instance.placeholders;
-  },
-  provide: function provide(plugin) {
-    return _view.EditorView.atomicRanges.of(function (view) {
-      var _view$plugin;
-      return ((_view$plugin = view.plugin(plugin)) === null || _view$plugin === void 0 ? void 0 : _view$plugin.placeholders) || _view.Decoration.none;
-    });
-  }
-});
-function getBidiCharacterCode(bidiCharacter) {
-  var _bidiCharacter$codePo;
-  var bidiCharacterCode = (_bidiCharacter$codePo = bidiCharacter.codePointAt(0)) === null || _bidiCharacter$codePo === void 0 ? void 0 : _bidiCharacter$codePo.toString(16);
-  return "U+".concat(bidiCharacterCode);
-}
-var PlaceholderWidget = /*#__PURE__*/function (_WidgetType) {
-  function PlaceholderWidget(name) {
-    var _this;
-    (0, _classCallCheck2.default)(this, PlaceholderWidget);
-    _this = _callSuper(this, PlaceholderWidget);
-    _this.name = name;
-    return _this;
-  }
-  (0, _inherits2.default)(PlaceholderWidget, _WidgetType);
-  return (0, _createClass2.default)(PlaceholderWidget, [{
-    key: "eq",
-    value: function eq(other) {
-      return this.name === other.name;
-    }
-  }, {
-    key: "toDOM",
-    value: function toDOM() {
-      var elt = document.createElement('span');
-      elt.setAttribute('data-bidi-character-code', this.name);
-      elt.style.cssText = "\n      padding: 0 3px;\n      color: ".concat("var(--ds-text-warning, #A54800)", ";\n\t\t\tbackground: ", "var(--ds-background-warning, #FFF7D6)", ";\n\t\t\taria-hidden=\"true\"");
-      elt.textContent = "<".concat(getBidiCharacterCode(this.name), ">");
-      return elt;
-    }
-  }, {
-    key: "ignoreEvent",
-    value: function ignoreEvent() {
-      return false;
-    }
-  }]);
-}(_view.WidgetType);

package/dist/cjs/nodeviews/extensions/copyButtonDecorations.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.copyButtonDecorations = void 0;
-var _state = require("@codemirror/state");
-var _view = require("@codemirror/view");
-var copyButtonDecorations = exports.copyButtonDecorations = _view.EditorView.decorations.compute([], function (state) {
-  var allTextDecoration = _view.Decoration.mark({
-    attributes: {
-      class: 'ProseMirror-fake-text-selection'
-    }
-  });
-  // Create a set of decorations for the entire document
-  var builder = new _state.RangeSetBuilder();
-  for (var i = 0; i < state.doc.lines; i++) {
-    builder.add(state.doc.line(i + 1).from, state.doc.line(i + 1).to, allTextDecoration);
-  }
-  var decorations = builder.finish();
-  return decorations;
-});

package/dist/es2019/nodeviews/extensions/bidiCharWarning.js

@@ -1,53 +0,0 @@
-/**
- * Code based on warning from @atlaskit/code
- */
-import { EditorView as CodeMirror, ViewPlugin, Decoration, MatchDecorator, WidgetType } from '@codemirror/view';
-const bidiCharacterRegex = /[\u202A-\u202E\u2066-\u2069]/gu;
-const placeholderMatcher = new MatchDecorator({
-  regexp: bidiCharacterRegex,
-  decoration: match => Decoration.replace({
-    widget: new PlaceholderWidget(match[0])
-  })
-});
-export const bidiCharWarningExtension = ViewPlugin.fromClass(class {
-  constructor(view) {
-    this.placeholders = placeholderMatcher.createDeco(view);
-  }
-  update(update) {
-    this.placeholders = placeholderMatcher.updateDeco(update, this.placeholders);
-  }
-}, {
-  decorations: instance => instance.placeholders,
-  provide: plugin => CodeMirror.atomicRanges.of(view => {
-    var _view$plugin;
-    return ((_view$plugin = view.plugin(plugin)) === null || _view$plugin === void 0 ? void 0 : _view$plugin.placeholders) || Decoration.none;
-  })
-});
-function getBidiCharacterCode(bidiCharacter) {
-  var _bidiCharacter$codePo;
-  const bidiCharacterCode = (_bidiCharacter$codePo = bidiCharacter.codePointAt(0)) === null || _bidiCharacter$codePo === void 0 ? void 0 : _bidiCharacter$codePo.toString(16);
-  return `U+${bidiCharacterCode}`;
-}
-class PlaceholderWidget extends WidgetType {
-  constructor(name) {
-    super();
-    this.name = name;
-  }
-  eq(other) {
-    return this.name === other.name;
-  }
-  toDOM() {
-    const elt = document.createElement('span');
-    elt.setAttribute('data-bidi-character-code', this.name);
-    elt.style.cssText = `
-      padding: 0 3px;
-      color: ${"var(--ds-text-warning, #A54800)"};
-			background: ${"var(--ds-background-warning, #FFF7D6)"};
-			aria-hidden="true"`;
-    elt.textContent = `<${getBidiCharacterCode(this.name)}>`;
-    return elt;
-  }
-  ignoreEvent() {
-    return false;
-  }
-}

package/dist/es2019/nodeviews/extensions/copyButtonDecorations.js

@@ -1,16 +0,0 @@
-import { RangeSetBuilder } from '@codemirror/state';
-import { EditorView as CodeMirror, Decoration } from '@codemirror/view';
-export const copyButtonDecorations = CodeMirror.decorations.compute([], state => {
-  const allTextDecoration = Decoration.mark({
-    attributes: {
-      class: 'ProseMirror-fake-text-selection'
-    }
-  });
-  // Create a set of decorations for the entire document
-  const builder = new RangeSetBuilder();
-  for (let i = 0; i < state.doc.lines; i++) {
-    builder.add(state.doc.line(i + 1).from, state.doc.line(i + 1).to, allTextDecoration);
-  }
-  const decorations = builder.finish();
-  return decorations;
-});

package/dist/esm/nodeviews/extensions/bidiCharWarning.js

@@ -1,77 +0,0 @@
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-/**
- * Code based on warning from @atlaskit/code
- */
-import { EditorView as CodeMirror, ViewPlugin, Decoration, MatchDecorator, WidgetType } from '@codemirror/view';
-var bidiCharacterRegex = /[\u202A-\u202E\u2066-\u2069]/g;
-var placeholderMatcher = new MatchDecorator({
-  regexp: bidiCharacterRegex,
-  decoration: function decoration(match) {
-    return Decoration.replace({
-      widget: new PlaceholderWidget(match[0])
-    });
-  }
-});
-export var bidiCharWarningExtension = ViewPlugin.fromClass( /*#__PURE__*/function () {
-  function _class(view) {
-    _classCallCheck(this, _class);
-    this.placeholders = placeholderMatcher.createDeco(view);
-  }
-  return _createClass(_class, [{
-    key: "update",
-    value: function update(_update) {
-      this.placeholders = placeholderMatcher.updateDeco(_update, this.placeholders);
-    }
-  }]);
-}(), {
-  decorations: function decorations(instance) {
-    return instance.placeholders;
-  },
-  provide: function provide(plugin) {
-    return CodeMirror.atomicRanges.of(function (view) {
-      var _view$plugin;
-      return ((_view$plugin = view.plugin(plugin)) === null || _view$plugin === void 0 ? void 0 : _view$plugin.placeholders) || Decoration.none;
-    });
-  }
-});
-function getBidiCharacterCode(bidiCharacter) {
-  var _bidiCharacter$codePo;
-  var bidiCharacterCode = (_bidiCharacter$codePo = bidiCharacter.codePointAt(0)) === null || _bidiCharacter$codePo === void 0 ? void 0 : _bidiCharacter$codePo.toString(16);
-  return "U+".concat(bidiCharacterCode);
-}
-var PlaceholderWidget = /*#__PURE__*/function (_WidgetType) {
-  function PlaceholderWidget(name) {
-    var _this;
-    _classCallCheck(this, PlaceholderWidget);
-    _this = _callSuper(this, PlaceholderWidget);
-    _this.name = name;
-    return _this;
-  }
-  _inherits(PlaceholderWidget, _WidgetType);
-  return _createClass(PlaceholderWidget, [{
-    key: "eq",
-    value: function eq(other) {
-      return this.name === other.name;
-    }
-  }, {
-    key: "toDOM",
-    value: function toDOM() {
-      var elt = document.createElement('span');
-      elt.setAttribute('data-bidi-character-code', this.name);
-      elt.style.cssText = "\n      padding: 0 3px;\n      color: ".concat("var(--ds-text-warning, #A54800)", ";\n\t\t\tbackground: ", "var(--ds-background-warning, #FFF7D6)", ";\n\t\t\taria-hidden=\"true\"");
-      elt.textContent = "<".concat(getBidiCharacterCode(this.name), ">");
-      return elt;
-    }
-  }, {
-    key: "ignoreEvent",
-    value: function ignoreEvent() {
-      return false;
-    }
-  }]);
-}(WidgetType);

package/dist/esm/nodeviews/extensions/copyButtonDecorations.js

@@ -1,16 +0,0 @@
-import { RangeSetBuilder } from '@codemirror/state';
-import { EditorView as CodeMirror, Decoration } from '@codemirror/view';
-export var copyButtonDecorations = CodeMirror.decorations.compute([], function (state) {
-  var allTextDecoration = Decoration.mark({
-    attributes: {
-      class: 'ProseMirror-fake-text-selection'
-    }
-  });
-  // Create a set of decorations for the entire document
-  var builder = new RangeSetBuilder();
-  for (var i = 0; i < state.doc.lines; i++) {
-    builder.add(state.doc.line(i + 1).from, state.doc.line(i + 1).to, allTextDecoration);
-  }
-  var decorations = builder.finish();
-  return decorations;
-});

package/dist/types/nodeviews/extensions/bidiCharWarning.d.ts

@@ -1,8 +0,0 @@
-/**
- * Code based on warning from @atlaskit/code
- */
-import { ViewPlugin, ViewUpdate, DecorationSet } from '@codemirror/view';
-export declare const bidiCharWarningExtension: ViewPlugin<{
-    placeholders: DecorationSet;
-    update(update: ViewUpdate): void;
-}>;

package/dist/types/nodeviews/extensions/copyButtonDecorations.d.ts

@@ -1 +0,0 @@
-export declare const copyButtonDecorations: import("@codemirror/state").Extension;

package/dist/types-ts4.5/nodeviews/extensions/bidiCharWarning.d.ts

@@ -1,8 +0,0 @@
-/**
- * Code based on warning from @atlaskit/code
- */
-import { ViewPlugin, ViewUpdate, DecorationSet } from '@codemirror/view';
-export declare const bidiCharWarningExtension: ViewPlugin<{
-    placeholders: DecorationSet;
-    update(update: ViewUpdate): void;
-}>;

package/dist/types-ts4.5/nodeviews/extensions/copyButtonDecorations.d.ts

@@ -1 +0,0 @@
-export declare const copyButtonDecorations: import("@codemirror/state").Extension;

package/src/nodeviews/extensions/bidiCharWarning.ts

@@ -1,72 +0,0 @@
-/**
- * Code based on warning from @atlaskit/code
- */
-import {
-	EditorView as CodeMirror,
-	ViewPlugin,
-	ViewUpdate,
-	Decoration,
-	MatchDecorator,
-	DecorationSet,
-	WidgetType,
-} from '@codemirror/view';
-
-import { token } from '@atlaskit/tokens';
-
-const bidiCharacterRegex = /[\u202A-\u202E\u2066-\u2069]/gu;
-
-const placeholderMatcher = new MatchDecorator({
-	regexp: bidiCharacterRegex,
-	decoration: (match) =>
-		Decoration.replace({
-			widget: new PlaceholderWidget(match[0]),
-		}),
-});
-
-export const bidiCharWarningExtension = ViewPlugin.fromClass(
-	class {
-		placeholders: DecorationSet;
-		constructor(view: CodeMirror) {
-			this.placeholders = placeholderMatcher.createDeco(view);
-		}
-		update(update: ViewUpdate) {
-			this.placeholders = placeholderMatcher.updateDeco(update, this.placeholders);
-		}
-	},
-	{
-		decorations: (instance) => instance.placeholders,
-		provide: (plugin) =>
-			CodeMirror.atomicRanges.of((view) => {
-				return view.plugin(plugin)?.placeholders || Decoration.none;
-			}),
-	},
-);
-
-function getBidiCharacterCode(bidiCharacter: string) {
-	const bidiCharacterCode = bidiCharacter.codePointAt(0)?.toString(16);
-
-	return `U+${bidiCharacterCode}`;
-}
-
-class PlaceholderWidget extends WidgetType {
-	constructor(readonly name: string) {
-		super();
-	}
-	eq(other: PlaceholderWidget) {
-		return this.name === other.name;
-	}
-	toDOM() {
-		const elt = document.createElement('span');
-		elt.setAttribute('data-bidi-character-code', this.name);
-		elt.style.cssText = `
-      padding: 0 3px;
-      color: ${token('color.text.warning')};
-			background: ${token('color.background.warning')};
-			aria-hidden="true"`;
-		elt.textContent = `<${getBidiCharacterCode(this.name)}>`;
-		return elt;
-	}
-	ignoreEvent() {
-		return false;
-	}
-}

package/src/nodeviews/extensions/copyButtonDecorations.ts

@@ -1,15 +0,0 @@
-import { RangeSetBuilder } from '@codemirror/state';
-import { EditorView as CodeMirror, Decoration } from '@codemirror/view';
-
-export const copyButtonDecorations = CodeMirror.decorations.compute([], (state) => {
-	const allTextDecoration = Decoration.mark({
-		attributes: { class: 'ProseMirror-fake-text-selection' },
-	});
-	// Create a set of decorations for the entire document
-	const builder = new RangeSetBuilder<Decoration>();
-	for (let i = 0; i < state.doc.lines; i++) {
-		builder.add(state.doc.line(i + 1).from, state.doc.line(i + 1).to, allTextDecoration);
-	}
-	const decorations = builder.finish();
-	return decorations;
-});