@atlaskit/editor-plugin-show-diff 3.1.4 → 3.2.0

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

@@ -1,5 +1,7 @@
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { trackChangesMessages } from '@atlaskit/editor-common/messages';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { findSafeInsertPos } from './findSafeInsertPos';
 var editingStyle = convertToInlineCss({
   background: "var(--ds-background-accent-purple-subtlest, #F3F0FF)",
@@ -70,6 +72,59 @@ var getEditorStyleNode = function getEditorStyleNode(nodeName, colourScheme) {
       return colourScheme === 'traditional' ? traditionalStyleNode : editingStyleNode;
   }
 };
+var getDeletedStyleNode = function getDeletedStyleNode(nodeName) {
+  switch (nodeName) {
+    case 'blockquote':
+      return deletedStyleQuoteNode;
+    case 'expand':
+    case 'decisionList':
+      return deletedBlockOutline;
+    case 'panel':
+    case 'codeBlock':
+      return deletedBlockOutlineRounded;
+    default:
+      return undefined;
+  }
+};
+var shouldShowRemovedLozenge = function shouldShowRemovedLozenge(nodeName) {
+  switch (nodeName) {
+    case 'expand':
+    case 'codeBlock':
+    case 'mediaSingle':
+    case 'panel':
+    case 'decisionList':
+      return true;
+    default:
+      return false;
+  }
+};
+var shouldFitContentWidth = function shouldFitContentWidth(nodeName) {
+  switch (nodeName) {
+    case 'mediaSingle':
+    case 'embedCard':
+    case 'blockCard':
+      return true;
+    default:
+      return false;
+  }
+};
+var shouldAddShowDiffDeletedNodeClass = function shouldAddShowDiffDeletedNodeClass(nodeName) {
+  switch (nodeName) {
+    case 'mediaSingle':
+    case 'embedCard':
+      return true;
+    default:
+      return false;
+  }
+};
+
+/**
+ * Checks if a node should apply deleted styles directly without wrapper
+ * to preserve natural block-level margins
+ */
+var shouldApplyDeletedStylesDirectly = function shouldApplyDeletedStylesDirectly(nodeName) {
+  return nodeName === 'blockquote' || nodeName === 'heading';
+};
 var editingStyleQuoteNode = convertToInlineCss({
   borderLeft: "2px solid ".concat("var(--ds-border-accent-purple, #8270DB)")
 });
@@ -98,6 +153,18 @@ var traditionalStyleCardBlockNode = convertToInlineCss({
   boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-green, #22A06B)"),
   borderRadius: "var(--ds-radius-medium, 6px)"
 });
+var deletedStyleQuoteNode = convertToInlineCss({
+  borderLeft: "2px solid ".concat("var(--ds-border-accent-gray, #758195)")
+});
+var deletedBlockOutline = convertToInlineCss({
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-gray, #758195)"),
+  borderRadius: "var(--ds-radius-small, 4px)"
+});
+var deletedBlockOutlineRounded = convertToInlineCss({
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-gray, #758195)"),
+  borderRadius: "calc(".concat("var(--ds-radius-xsmall, 2px)", " + 1px)")
+});
+
 /**
  * Inline decoration used for insertions as the content already exists in the document
  *
@@ -140,18 +207,149 @@ var deletedTraditionalContentStyleUnbounded = convertToInlineCss({
   pointerEvents: 'none',
   zIndex: 1
 });
+var lozengeStyle = convertToInlineCss({
+  display: 'inline-flex',
+  boxSizing: 'border-box',
+  position: 'static',
+  blockSize: 'min-content',
+  borderRadius: "var(--ds-radius-small, 4px)",
+  overflow: 'hidden',
+  paddingInlineStart: "var(--ds-space-050, 4px)",
+  paddingInlineEnd: "var(--ds-space-050, 4px)",
+  backgroundColor: "var(--ds-background-accent-gray-subtler, #DCDFE4)",
+  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
+  fontWeight: "var(--ds-font-weight-bold, 700)",
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
+  color: "var(--ds-text-warning-inverse, #172B4D)"
+});
 var getDeletedContentStyleUnbounded = function getDeletedContentStyleUnbounded(colourScheme) {
   return colourScheme === 'traditional' ? deletedTraditionalContentStyleUnbounded : deletedContentStyleUnbounded;
 };
 var getDeletedContentStyle = function getDeletedContentStyle(colourScheme) {
   return colourScheme === 'traditional' ? deletedTraditionalContentStyle : deletedContentStyle;
 };
+
+/**
+ * Creates a "Removed" lozenge to be displayed at the top right corner of deleted block nodes
+ */
+var createRemovedLozenge = function createRemovedLozenge(intl, nodeName) {
+  var container = document.createElement('span');
+  var borderTopRightRadius;
+  var borderTopLeftRadius;
+  if (['expand', 'decisionList'].includes(nodeName || '')) {
+    borderTopRightRadius = "var(--ds-radius-small, 4px)";
+  } else if (['panel', 'codeBlock'].includes(nodeName || '')) {
+    borderTopRightRadius = "calc(".concat("var(--ds-radius-xsmall, 2px)", " + 1px)");
+  } else if (nodeName === 'mediaSingle') {
+    borderTopLeftRadius = "var(--ds-radius-small, 4px)";
+  }
+  var containerStyle = convertToInlineCss({
+    position: 'absolute',
+    top: nodeName === 'mediaSingle' ? "var(--ds-space-300, 24px)" : "var(--ds-space-0, 0px)",
+    right: nodeName === 'mediaSingle' ? undefined : "var(--ds-space-0, 0px)",
+    left: nodeName === 'mediaSingle' ? "var(--ds-space-0, 0px)" : undefined,
+    zIndex: 2,
+    pointerEvents: 'none',
+    display: 'flex',
+    overflow: 'hidden',
+    borderTopRightRadius: borderTopRightRadius,
+    borderTopLeftRadius: borderTopLeftRadius
+  });
+  container.setAttribute('style', containerStyle);
+  container.setAttribute('data-testid', 'show-diff-removed-lozenge');
+
+  // Create vanilla HTML lozenge element with Atlaskit Lozenge styling (visual refresh)
+  var lozengeElement = document.createElement('span');
+  lozengeElement.setAttribute('style', lozengeStyle);
+  lozengeElement.textContent = intl.formatMessage(trackChangesMessages.removed).toUpperCase();
+  container.appendChild(lozengeElement);
+  return container;
+};
+
+/**
+ * Wraps a block node in a container with relative positioning to support absolute positioned lozenge
+ */
+var createBlockNodeWrapper = function createBlockNodeWrapper(nodeName) {
+  var wrapper = document.createElement('div');
+  var fitContent = shouldFitContentWidth(nodeName);
+  var baseStyle = convertToInlineCss({
+    position: 'relative',
+    display: fitContent ? 'inline-block' : 'block',
+    width: fitContent ? 'fit-content' : undefined,
+    height: fitContent ? 'fit-content' : undefined,
+    opacity: 1
+  });
+  wrapper.setAttribute('style', baseStyle);
+  return wrapper;
+};
+
+/**
+ * Wraps content with deleted styling without opacity (for use when content is a direct child of dom)
+ */
+var createDeletedStyleWrapperWithoutOpacity = function createDeletedStyleWrapperWithoutOpacity(colourScheme) {
+  var wrapper = document.createElement('span');
+  wrapper.setAttribute('style', getDeletedContentStyle(colourScheme));
+  return wrapper;
+};
+
+/**
+ * Applies deleted styles directly to an HTML element by merging with existing styles
+ */
+var applyDeletedStylesToElement = function applyDeletedStylesToElement(element, targetNode, colourScheme) {
+  var currentStyle = element.getAttribute('style') || '';
+  var deletedContentStyle = getDeletedContentStyle(colourScheme);
+  var nodeSpecificStyle = getDeletedStyleNode(targetNode.type.name) || '';
+  element.setAttribute('style', "".concat(currentStyle).concat(deletedContentStyle).concat(nodeSpecificStyle));
+};
+
+/**
+ * Appends a block node with wrapper, lozenge, and appropriate styling
+ */
+var appendBlockNodeWithWrapper = function appendBlockNodeWithWrapper(dom, nodeView, targetNode, colourScheme, intl) {
+  var blockWrapper = createBlockNodeWrapper(targetNode.type.name);
+  if (shouldShowRemovedLozenge(targetNode.type.name)) {
+    var lozenge = createRemovedLozenge(intl, targetNode.type.name);
+    blockWrapper.append(lozenge);
+  }
+
+  // Wrap the nodeView in a content wrapper that has the opacity style AND the box-shadow
+  // This keeps the lozenge at full opacity while the content AND border are faded
+  var contentWrapper = document.createElement('div');
+  var nodeStyle = getDeletedStyleNode(targetNode.type.name);
+  contentWrapper.setAttribute('style', "".concat(getDeletedContentStyle(colourScheme)).concat(nodeStyle || ''));
+  contentWrapper.append(nodeView);
+  blockWrapper.append(contentWrapper);
+  if (nodeView instanceof HTMLElement) {
+    if (shouldAddShowDiffDeletedNodeClass(targetNode.type.name)) {
+      nodeView.classList.add('show-diff-deleted-node');
+    }
+  }
+  dom.append(blockWrapper);
+};
+
+/**
+ * Handles all block node rendering with appropriate deleted styling.
+ * For blockquote and heading nodes, applies styles directly to preserve natural margins.
+ * For other block nodes, uses wrapper approach with optional lozenge.
+ */
+var handleBlockNodeView = function handleBlockNodeView(dom, nodeView, targetNode, colourScheme, intl) {
+  if (shouldApplyDeletedStylesDirectly(targetNode.type.name) && nodeView instanceof HTMLElement) {
+    // Apply deleted styles directly to preserve natural block-level margins
+    applyDeletedStylesToElement(nodeView, targetNode, colourScheme);
+    dom.append(nodeView);
+  } else {
+    // Use wrapper approach for other block nodes
+    appendBlockNodeWithWrapper(dom, nodeView, targetNode, colourScheme, intl);
+  }
+};
 export var createDeletedContentDecoration = function createDeletedContentDecoration(_ref) {
   var change = _ref.change,
     doc = _ref.doc,
     nodeViewSerializer = _ref.nodeViewSerializer,
     colourScheme = _ref.colourScheme,
-    newDoc = _ref.newDoc;
+    newDoc = _ref.newDoc,
+    intl = _ref.intl;
   var slice = doc.slice(change.fromA, change.toA);
   if (slice.content.content.length === 0) {
     return;
@@ -168,7 +366,9 @@ export var createDeletedContentDecoration = function createDeletedContentDecorat
 
   // For non-table content, use the existing span wrapper approach
   var dom = document.createElement('span');
-  dom.setAttribute('style', getDeletedContentStyle(colourScheme));
+  if (!fg('platform_editor_ai_aifc_patch_beta_2')) {
+    dom.setAttribute('style', getDeletedContentStyle(colourScheme));
+  }
 
   /*
    * The thinking is we separate out the fragment we got from doc.slice
@@ -180,8 +380,11 @@ export var createDeletedContentDecoration = function createDeletedContentDecorat
     // Create a wrapper for each node with strikethrough
     var createWrapperWithStrikethrough = function createWrapperWithStrikethrough() {
       var wrapper = document.createElement('span');
-      wrapper.style.position = 'relative';
-      wrapper.style.width = 'fit-content';
+      var baseStyle = convertToInlineCss({
+        position: 'relative',
+        width: 'fit-content'
+      });
+      wrapper.setAttribute('style', "".concat(baseStyle).concat(getDeletedContentStyle(colourScheme)));
       var strikethrough = document.createElement('span');
       strikethrough.setAttribute('style', getDeletedContentStyleUnbounded(colourScheme));
       wrapper.append(strikethrough);
@@ -204,7 +407,13 @@ export var createDeletedContentDecoration = function createDeletedContentDecorat
             // Fallback to serializing the individual child node
             var serializedChild = serializer.serializeNode(childNode);
             if (serializedChild) {
-              dom.append(serializedChild);
+              if (fg('platform_editor_ai_aifc_patch_beta_2')) {
+                var _wrapper = createWrapperWithStrikethrough();
+                _wrapper.append(serializedChild);
+                dom.append(_wrapper);
+              } else {
+                dom.append(serializedChild);
+              }
             }
           }
         });
@@ -260,6 +469,9 @@ export var createDeletedContentDecoration = function createDeletedContentDecorat
         var wrapper = createWrapperWithStrikethrough();
         wrapper.append(nodeView);
         dom.append(wrapper);
+      } else if (fg('platform_editor_ai_aifc_patch_beta_2')) {
+        // Handle all block nodes with unified function
+        handleBlockNodeView(dom, nodeView, targetNode, colourScheme, intl);
       } else {
         dom.append(nodeView);
       }
@@ -269,7 +481,13 @@ export var createDeletedContentDecoration = function createDeletedContentDecorat
     } else {
       var fallbackNode = fallbackSerialization();
       if (fallbackNode) {
-        dom.append(fallbackNode);
+        if (fg('platform_editor_ai_aifc_patch_beta_2')) {
+          var _wrapper2 = createDeletedStyleWrapperWithoutOpacity(colourScheme);
+          _wrapper2.append(fallbackNode);
+          dom.append(_wrapper2);
+        } else {
+          dom.append(fallbackNode);
+        }
       }
     }
   });
@@ -278,5 +496,5 @@ export var createDeletedContentDecoration = function createDeletedContentDecorat
   // Widget decoration used for deletions as the content is not in the document
   // and we want to display the deleted content with a style.
   var safeInsertPos = findSafeInsertPos(newDoc, change.fromB, slice);
-  return Decoration.widget(safeInsertPos, dom, {});
+  return Decoration.widget(safeInsertPos, dom);
 };

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

@@ -9,7 +9,7 @@ import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { calculateDiffDecorations } from './calculateDiffDecorations';
 import { NodeViewSerializer } from './NodeViewSerializer';
 export var showDiffPluginKey = new PluginKey('showDiffPlugin');
-export var createPlugin = function createPlugin(config) {
+export var createPlugin = function createPlugin(config, getIntl) {
   var nodeViewSerializer = new NodeViewSerializer({});
   var setNodeViewSerializer = function setNodeViewSerializer(editorView) {
     nodeViewSerializer.init({
@@ -19,7 +19,7 @@ export var createPlugin = function createPlugin(config) {
   return new SafePlugin({
     key: showDiffPluginKey,
     state: {
-      init: function init(_, state) {
+      init: function init(_, _state) {
         // We do initial setup after we setup the editor view
         return {
           steps: [],
@@ -42,7 +42,8 @@ export var createPlugin = function createPlugin(config) {
               state: newState,
               pluginState: newPluginState,
               nodeViewSerializer: nodeViewSerializer,
-              colourScheme: config === null || config === void 0 ? void 0 : config.colourScheme
+              colourScheme: config === null || config === void 0 ? void 0 : config.colourScheme,
+              intl: getIntl()
             });
             // Update the decorations
             newPluginState.decorations = decorations;

package/dist/esm/showDiffPlugin.js

@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { createPlugin, showDiffPluginKey } from './pm-plugins/main';
 export var showDiffPlugin = function showDiffPlugin(_ref) {
-  var api = _ref.api,
+  var _api = _ref.api,
     config = _ref.config;
   return {
     name: 'showDiff',
@@ -27,8 +27,9 @@ export var showDiffPlugin = function showDiffPlugin(_ref) {
     pmPlugins: function pmPlugins() {
       return [{
         name: 'showDiffPlugin',
-        plugin: function plugin() {
-          return createPlugin(config);
+        plugin: function plugin(_ref4) {
+          var getIntl = _ref4.getIntl;
+          return createPlugin(config, getIntl);
         }
       }];
     },

package/dist/types/pm-plugins/attributeDecorations.d.ts

@@ -0,0 +1,8 @@
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import { type Step as ProseMirrorStep } from '@atlaskit/editor-prosemirror/transform';
+type StepRange = {
+    fromB: number;
+    toB: number;
+};
+export declare const getAttrChangeRanges: (doc: PMNode, steps: ProseMirrorStep[]) => StepRange[];
+export {};

package/dist/types/pm-plugins/calculateDiffDecorations.d.ts

@@ -1,9 +1,11 @@
+import type { IntlShape } from 'react-intl-next';
 import { type EditorState } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import type { ShowDiffPluginState } from './main';
 import type { NodeViewSerializer } from './NodeViewSerializer';
-export declare const calculateDiffDecorations: import("memoize-one").MemoizedFn<({ state, pluginState, nodeViewSerializer, colourScheme, }: {
+export declare const calculateDiffDecorations: import("memoize-one").MemoizedFn<({ state, pluginState, nodeViewSerializer, colourScheme, intl, }: {
     colourScheme?: "standard" | "traditional";
+    intl: IntlShape;
     nodeViewSerializer: NodeViewSerializer;
     pluginState: Omit<ShowDiffPluginState, "decorations">;
     state: EditorState;

package/dist/types/pm-plugins/decorations.d.ts

@@ -1,4 +1,5 @@
 import type { Change } from 'prosemirror-changeset';
+import type { IntlShape } from 'react-intl-next';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import type { NodeViewSerializer } from './NodeViewSerializer';
@@ -27,8 +28,9 @@ interface DeletedContentDecorationProps {
     change: Change;
     colourScheme?: 'standard' | 'traditional';
     doc: PMNode;
+    intl: IntlShape;
     newDoc: PMNode;
     nodeViewSerializer: NodeViewSerializer;
 }
-export declare const createDeletedContentDecoration: ({ change, doc, nodeViewSerializer, colourScheme, newDoc, }: DeletedContentDecorationProps) => Decoration | undefined;
+export declare const createDeletedContentDecoration: ({ change, doc, nodeViewSerializer, colourScheme, newDoc, intl, }: DeletedContentDecorationProps) => Decoration | undefined;
 export {};

package/dist/types/pm-plugins/main.d.ts

@@ -1,3 +1,4 @@
+import type { IntlShape } from 'react-intl-next';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
@@ -11,4 +12,4 @@ export type ShowDiffPluginState = {
     originalDoc: PMNode | undefined;
     steps: ProseMirrorStep[];
 };
-export declare const createPlugin: (config: DiffParams | undefined) => SafePlugin<ShowDiffPluginState>;
+export declare const createPlugin: (config: DiffParams | undefined, getIntl: () => IntlShape) => SafePlugin<ShowDiffPluginState>;

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

@@ -0,0 +1,8 @@
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import { type Step as ProseMirrorStep } from '@atlaskit/editor-prosemirror/transform';
+type StepRange = {
+    fromB: number;
+    toB: number;
+};
+export declare const getAttrChangeRanges: (doc: PMNode, steps: ProseMirrorStep[]) => StepRange[];
+export {};

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

@@ -1,9 +1,11 @@
+import type { IntlShape } from 'react-intl-next';
 import { type EditorState } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import type { ShowDiffPluginState } from './main';
 import type { NodeViewSerializer } from './NodeViewSerializer';
-export declare const calculateDiffDecorations: import("memoize-one").MemoizedFn<({ state, pluginState, nodeViewSerializer, colourScheme, }: {
+export declare const calculateDiffDecorations: import("memoize-one").MemoizedFn<({ state, pluginState, nodeViewSerializer, colourScheme, intl, }: {
     colourScheme?: "standard" | "traditional";
+    intl: IntlShape;
     nodeViewSerializer: NodeViewSerializer;
     pluginState: Omit<ShowDiffPluginState, "decorations">;
     state: EditorState;

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

@@ -1,4 +1,5 @@
 import type { Change } from 'prosemirror-changeset';
+import type { IntlShape } from 'react-intl-next';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import type { NodeViewSerializer } from './NodeViewSerializer';
@@ -27,8 +28,9 @@ interface DeletedContentDecorationProps {
     change: Change;
     colourScheme?: 'standard' | 'traditional';
     doc: PMNode;
+    intl: IntlShape;
     newDoc: PMNode;
     nodeViewSerializer: NodeViewSerializer;
 }
-export declare const createDeletedContentDecoration: ({ change, doc, nodeViewSerializer, colourScheme, newDoc, }: DeletedContentDecorationProps) => Decoration | undefined;
+export declare const createDeletedContentDecoration: ({ change, doc, nodeViewSerializer, colourScheme, newDoc, intl, }: DeletedContentDecorationProps) => Decoration | undefined;
 export {};

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

@@ -1,3 +1,4 @@
+import type { IntlShape } from 'react-intl-next';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
@@ -11,4 +12,4 @@ export type ShowDiffPluginState = {
     originalDoc: PMNode | undefined;
     steps: ProseMirrorStep[];
 };
-export declare const createPlugin: (config: DiffParams | undefined) => SafePlugin<ShowDiffPluginState>;
+export declare const createPlugin: (config: DiffParams | undefined, getIntl: () => IntlShape) => SafePlugin<ShowDiffPluginState>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-show-diff",
-	"version": "3.1.4",
+	"version": "3.2.0",
 	"description": "ShowDiff plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -30,6 +30,7 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^51.3.2",
 		"@atlaskit/editor-prosemirror": "7.0.0",
+		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/tokens": "^7.0.0",
 		"@babel/runtime": "^7.0.0",
 		"lodash": "^4.17.21",
@@ -37,7 +38,7 @@
 		"prosemirror-changeset": "^2.2.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.18.0",
+		"@atlaskit/editor-common": "^110.19.0",
 		"react": "^18.2.0"
 	},
 	"techstack": {
@@ -75,5 +76,10 @@
 				"import-no-extraneous-disable-for-examples-and-docs"
 			]
 		}
+	},
+	"platform-feature-flags": {
+		"platform_editor_ai_aifc_patch_beta_2": {
+			"type": "boolean"
+		}
 	}
 }

package/afm-dev-agents/tsconfig.json

@@ -1,27 +0,0 @@
-{
-	"extends": "../../../../tsconfig.entry-points.dev-agents.json",
-	"compilerOptions": {
-		"target": "es5",
-		"outDir": "../../../../../dev-agents/tsDist/@atlaskit__editor-plugin-show-diff/app",
-		"rootDir": "../",
-		"composite": true
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*"
-	],
-	"references": [
-		{
-			"path": "../../../design-system/tokens/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../editor-common/afm-dev-agents/tsconfig.json"
-		}
-	]
-}

package/afm-passionfruit/tsconfig.json

@@ -1,27 +0,0 @@
-{
-	"extends": "../../../../tsconfig.entry-points.passionfruit.json",
-	"compilerOptions": {
-		"target": "es5",
-		"outDir": "../../../../../passionfruit/tsDist/@atlaskit__editor-plugin-show-diff/app",
-		"rootDir": "../",
-		"composite": true
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*"
-	],
-	"references": [
-		{
-			"path": "../../../design-system/tokens/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../editor-common/afm-passionfruit/tsconfig.json"
-		}
-	]
-}

package/afm-rovo-extension/tsconfig.json

@@ -1,27 +0,0 @@
-{
-	"extends": "../../../../tsconfig.entry-points.rovo-extension.json",
-	"compilerOptions": {
-		"target": "es5",
-		"outDir": "../../../../../rovo-extension/tsDist/@atlaskit__editor-plugin-show-diff/app",
-		"rootDir": "../",
-		"composite": true
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*"
-	],
-	"references": [
-		{
-			"path": "../../../design-system/tokens/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../editor-common/afm-rovo-extension/tsconfig.json"
-		}
-	]
-}

package/afm-townsquare/tsconfig.json

@@ -1,27 +0,0 @@
-{
-	"extends": "../../../../tsconfig.entry-points.townsquare.json",
-	"compilerOptions": {
-		"target": "es5",
-		"outDir": "../../../../../townsquare/tsDist/@atlaskit__editor-plugin-show-diff/app",
-		"rootDir": "../",
-		"composite": true
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*"
-	],
-	"references": [
-		{
-			"path": "../../../design-system/tokens/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../editor-common/afm-townsquare/tsconfig.json"
-		}
-	]
-}

package/afm-volt/tsconfig.json

@@ -1,27 +0,0 @@
-{
-	"extends": "../../../../tsconfig.entry-points.volt.json",
-	"compilerOptions": {
-		"target": "es5",
-		"outDir": "../../../../../volt/tsDist/@atlaskit__editor-plugin-show-diff/app",
-		"rootDir": "../",
-		"composite": true
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*"
-	],
-	"references": [
-		{
-			"path": "../../../design-system/tokens/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../editor-common/afm-volt/tsconfig.json"
-		}
-	]
-}