@atlaskit/editor-plugin-code-block-advanced 2.3.2 → 2.3.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-code-block-advanced
 
+## 2.3.4
+
+### Patch Changes
+
+- Updated dependencies
+
+## 2.3.3
+
+### Patch Changes
+
+- [#172642](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/172642)
+  [`4742ad40d0dde`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4742ad40d0dde) -
+  [ux] Fixes height of the new resize handle when a code block is the first node in the document.
+
 ## 2.3.2
 
 ### Patch Changes

package/dist/cjs/nodeviews/codeBlockAdvanced.js

@@ -21,6 +21,7 @@ var _syntaxHighlightingTheme = require("../ui/syntaxHighlightingTheme");
 var _theme = require("../ui/theme");
 var _syncCMWithPM = require("./codemirrorSync/syncCMWithPM");
 var _updateCMSelection = require("./codemirrorSync/updateCMSelection");
+var _firstCodeBlockInDocument = require("./extensions/firstCodeBlockInDocument");
 var _keymap = require("./extensions/keymap");
 var _manageSelectionMarker = require("./extensions/manageSelectionMarker");
 var _prosemirrorDecorations = require("./extensions/prosemirrorDecorations");
@@ -83,7 +84,7 @@ var CodeBlockAdvancedNodeView = /*#__PURE__*/function () {
         contentEditable: "".concat(this.view.editable)
       })]), (0, _autocomplete.closeBrackets)(), _view.EditorView.editorAttributes.of({
         class: 'code-block'
-      }), (0, _manageSelectionMarker.manageSelectionMarker)(config.api), (0, _prosemirrorDecorations.prosemirrorDecorationPlugin)(this.pmFacet, view, getPos), (0, _tripleClickExtension.tripleClickSelectAllExtension)()])
+      }), (0, _manageSelectionMarker.manageSelectionMarker)(config.api), (0, _prosemirrorDecorations.prosemirrorDecorationPlugin)(this.pmFacet, view, getPos), (0, _tripleClickExtension.tripleClickSelectAllExtension)(), (0, _firstCodeBlockInDocument.firstCodeBlockInDocument)(getPos)])
     });
 
     // We append an additional element that fixes a selection bug on chrome if the code block

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.firstCodeBlockInDocument = void 0;
+var _view = require("@codemirror/view");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
+/**
+ * Keeps 'first-node-in-document' class if it was added to a codeBlock by
+ * platform/packages/editor/editor-plugin-block-controls/src/pm-plugins/first-node-dec-plugin.ts
+ *
+ * @param getPos
+ * @returns CodeMirror Extension
+ * @example
+ */
+var firstCodeBlockInDocument = exports.firstCodeBlockInDocument = function firstCodeBlockInDocument(getPos) {
+  if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_controls', 'cohort', 'variant1') && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
+    return _view.EditorView.editorAttributes.of({
+      class: (getPos === null || getPos === void 0 ? void 0 : getPos()) === 0 ? 'first-node-in-document' : ''
+    });
+  } else {
+    return [];
+  }
+};

package/dist/es2019/nodeviews/codeBlockAdvanced.js

@@ -11,6 +11,7 @@ import { highlightStyle } from '../ui/syntaxHighlightingTheme';
 import { cmTheme } from '../ui/theme';
 import { syncCMWithPM } from './codemirrorSync/syncCMWithPM';
 import { getCMSelectionChanges } from './codemirrorSync/updateCMSelection';
+import { firstCodeBlockInDocument } from './extensions/firstCodeBlockInDocument';
 import { keymapExtension } from './extensions/keymap';
 import { manageSelectionMarker } from './extensions/manageSelectionMarker';
 import { prosemirrorDecorationPlugin } from './extensions/prosemirrorDecorations';
@@ -61,7 +62,7 @@ class CodeBlockAdvancedNodeView {
         contentEditable: `${this.view.editable}`
       })]), closeBrackets(), CodeMirror.editorAttributes.of({
         class: 'code-block'
-      }), manageSelectionMarker(config.api), prosemirrorDecorationPlugin(this.pmFacet, view, getPos), tripleClickSelectAllExtension()]
+      }), manageSelectionMarker(config.api), prosemirrorDecorationPlugin(this.pmFacet, view, getPos), tripleClickSelectAllExtension(), firstCodeBlockInDocument(getPos)]
     });
 
     // We append an additional element that fixes a selection bug on chrome if the code block

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

@@ -0,0 +1,21 @@
+import { EditorView as CodeMirror } from '@codemirror/view';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
+
+/**
+ * Keeps 'first-node-in-document' class if it was added to a codeBlock by
+ * platform/packages/editor/editor-plugin-block-controls/src/pm-plugins/first-node-dec-plugin.ts
+ *
+ * @param getPos
+ * @returns CodeMirror Extension
+ * @example
+ */
+export const firstCodeBlockInDocument = getPos => {
+  if (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && fg('platform_editor_breakout_resizing_hello_release')) {
+    return CodeMirror.editorAttributes.of({
+      class: (getPos === null || getPos === void 0 ? void 0 : getPos()) === 0 ? 'first-node-in-document' : ''
+    });
+  } else {
+    return [];
+  }
+};

package/dist/esm/nodeviews/codeBlockAdvanced.js

@@ -14,6 +14,7 @@ import { highlightStyle } from '../ui/syntaxHighlightingTheme';
 import { cmTheme } from '../ui/theme';
 import { syncCMWithPM } from './codemirrorSync/syncCMWithPM';
 import { getCMSelectionChanges } from './codemirrorSync/updateCMSelection';
+import { firstCodeBlockInDocument } from './extensions/firstCodeBlockInDocument';
 import { keymapExtension } from './extensions/keymap';
 import { manageSelectionMarker } from './extensions/manageSelectionMarker';
 import { prosemirrorDecorationPlugin } from './extensions/prosemirrorDecorations';
@@ -76,7 +77,7 @@ var CodeBlockAdvancedNodeView = /*#__PURE__*/function () {
         contentEditable: "".concat(this.view.editable)
       })]), closeBrackets(), CodeMirror.editorAttributes.of({
         class: 'code-block'
-      }), manageSelectionMarker(config.api), prosemirrorDecorationPlugin(this.pmFacet, view, getPos), tripleClickSelectAllExtension()])
+      }), manageSelectionMarker(config.api), prosemirrorDecorationPlugin(this.pmFacet, view, getPos), tripleClickSelectAllExtension(), firstCodeBlockInDocument(getPos)])
     });
 
     // We append an additional element that fixes a selection bug on chrome if the code block

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

@@ -0,0 +1,21 @@
+import { EditorView as CodeMirror } from '@codemirror/view';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
+
+/**
+ * Keeps 'first-node-in-document' class if it was added to a codeBlock by
+ * platform/packages/editor/editor-plugin-block-controls/src/pm-plugins/first-node-dec-plugin.ts
+ *
+ * @param getPos
+ * @returns CodeMirror Extension
+ * @example
+ */
+export var firstCodeBlockInDocument = function firstCodeBlockInDocument(getPos) {
+  if (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && fg('platform_editor_breakout_resizing_hello_release')) {
+    return CodeMirror.editorAttributes.of({
+      class: (getPos === null || getPos === void 0 ? void 0 : getPos()) === 0 ? 'first-node-in-document' : ''
+    });
+  } else {
+    return [];
+  }
+};

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

@@ -0,0 +1,10 @@
+import { type Extension } from '@codemirror/state';
+/**
+ * Keeps 'first-node-in-document' class if it was added to a codeBlock by
+ * platform/packages/editor/editor-plugin-block-controls/src/pm-plugins/first-node-dec-plugin.ts
+ *
+ * @param getPos
+ * @returns CodeMirror Extension
+ * @example
+ */
+export declare const firstCodeBlockInDocument: (getPos: () => number | undefined) => Extension;

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

@@ -0,0 +1,10 @@
+import { type Extension } from '@codemirror/state';
+/**
+ * Keeps 'first-node-in-document' class if it was added to a codeBlock by
+ * platform/packages/editor/editor-plugin-block-controls/src/pm-plugins/first-node-dec-plugin.ts
+ *
+ * @param getPos
+ * @returns CodeMirror Extension
+ * @example
+ */
+export declare const firstCodeBlockInDocument: (getPos: () => number | undefined) => Extension;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-code-block-advanced",
-	"version": "2.3.2",
+	"version": "2.3.4",
 	"description": "CodeBlockAdvanced plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -33,16 +33,16 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
-		"@atlaskit/editor-common": "^106.6.0",
+		"@atlaskit/editor-common": "^107.0.0",
 		"@atlaskit/editor-plugin-code-block": "^4.4.0",
-		"@atlaskit/editor-plugin-editor-disabled": "^2.0.0",
-		"@atlaskit/editor-plugin-find-replace": "^2.4.0",
+		"@atlaskit/editor-plugin-editor-disabled": "^2.1.0",
+		"@atlaskit/editor-plugin-find-replace": "^2.6.0",
 		"@atlaskit/editor-plugin-selection": "^2.2.0",
-		"@atlaskit/editor-plugin-selection-marker": "^2.4.0",
+		"@atlaskit/editor-plugin-selection-marker": "^2.5.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^7.0.0",
-		"@atlaskit/tokens": "^5.1.0",
+		"@atlaskit/tmp-editor-statsig": "^7.1.0",
+		"@atlaskit/tokens": "^5.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@codemirror/autocomplete": "6.18.4",
 		"@codemirror/commands": "6.7.1",

package/src/nodeviews/codeBlockAdvanced.ts

@@ -35,6 +35,7 @@ import { cmTheme } from '../ui/theme';
 
 import { syncCMWithPM } from './codemirrorSync/syncCMWithPM';
 import { getCMSelectionChanges } from './codemirrorSync/updateCMSelection';
+import { firstCodeBlockInDocument } from './extensions/firstCodeBlockInDocument';
 import { keymapExtension } from './extensions/keymap';
 import { manageSelectionMarker } from './extensions/manageSelectionMarker';
 import { prosemirrorDecorationPlugin } from './extensions/prosemirrorDecorations';
@@ -122,6 +123,7 @@ class CodeBlockAdvancedNodeView implements NodeView {
 				manageSelectionMarker(config.api),
 				prosemirrorDecorationPlugin(this.pmFacet, view, getPos),
 				tripleClickSelectAllExtension(),
+				firstCodeBlockInDocument(getPos),
 			],
 		});
 

package/src/nodeviews/extensions/firstCodeBlockInDocument.ts

@@ -0,0 +1,27 @@
+import { type Extension } from '@codemirror/state';
+import { EditorView as CodeMirror } from '@codemirror/view';
+
+import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
+
+/**
+ * Keeps 'first-node-in-document' class if it was added to a codeBlock by
+ * platform/packages/editor/editor-plugin-block-controls/src/pm-plugins/first-node-dec-plugin.ts
+ *
+ * @param getPos
+ * @returns CodeMirror Extension
+ * @example
+ */
+export const firstCodeBlockInDocument = (getPos: () => number | undefined): Extension => {
+	if (
+		expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') &&
+		expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
+		fg('platform_editor_breakout_resizing_hello_release')
+	) {
+		return CodeMirror.editorAttributes.of({
+			class: getPos?.() === 0 ? 'first-node-in-document' : '',
+		});
+	} else {
+		return [];
+	}
+};