@atlaskit/editor-plugin-code-block-advanced 2.2.12 → 2.3.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-code-block-advanced
 
+## 2.3.0
+
+### Minor Changes
+
+- [#166502](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/166502)
+  [`ea1ed63fc9615`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ea1ed63fc9615) -
+  ED-28032 add keyboard shortcuts for new resizing experience behind
+  platform_editor_breakout_resizing
+
+## 2.2.13
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.2.12
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -3,7 +3,7 @@
     "compilerOptions": {
         "target": "es5",
         "composite": true,
-        "outDir": "../dist",
+        "outDir": "../../../../../confluence/tsDist/@atlaskit__editor-plugin-code-block-advanced",
         "rootDir": "../"
     },
     "include": [
@@ -35,6 +35,12 @@
         {
             "path": "../../editor-plugin-selection-marker/afm-cc/tsconfig.json"
         },
+        {
+            "path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../tmp-editor-statsig/afm-cc/tsconfig.json"
+        },
         {
             "path": "../../../design-system/tokens/afm-cc/tsconfig.json"
         }

package/dist/cjs/nodeviews/extensions/keymap/index.js

@@ -11,6 +11,8 @@ var _view = require("@codemirror/view");
 var _browser = require("@atlaskit/editor-common/browser");
 var _commands2 = require("@atlaskit/editor-prosemirror/commands");
 var _history = require("@atlaskit/editor-prosemirror/history");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _backspace = require("./backspace");
 var _maybeEscape = require("./maybeEscape");
 var keymapExtension = exports.keymapExtension = function keymapExtension(_ref) {
@@ -162,5 +164,39 @@ var codeBlockKeymap = function codeBlockKeymap(_ref2) {
         getPos: getPos
       });
     }
+  }, {
+    key: 'Ctrl-Alt-]',
+    mac: 'Cmd-Alt-]',
+    run: function run() {
+      // Pass synthetic event to prosemirror
+      if ((0, _expValEquals.expValEquals)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
+        view.dispatchEvent(new KeyboardEvent('keydown', {
+          key: ']',
+          code: 'BracketRight',
+          metaKey: _browser.browser.mac ? true : false,
+          ctrlKey: _browser.browser.mac ? false : true,
+          altKey: true
+        }));
+        return true;
+      }
+      return false;
+    }
+  }, {
+    key: 'Ctrl-Alt-[',
+    mac: 'Cmd-Alt-[',
+    run: function run() {
+      // Pass synthetic event to prosemirror
+      if ((0, _expValEquals.expValEquals)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
+        view.dispatchEvent(new KeyboardEvent('keydown', {
+          key: ']',
+          code: 'BracketLeft',
+          metaKey: _browser.browser.mac ? true : false,
+          ctrlKey: _browser.browser.mac ? false : true,
+          altKey: true
+        }));
+        return true;
+      }
+      return false;
+    }
   }].concat((0, _toConsumableArray2.default)(_commands.defaultKeymap.concat(_commands.indentWithTab)));
 };

package/dist/cjs/nodeviews/languages/languageMap.js

@@ -8,8 +8,7 @@ exports.mapLanguageToCodeMirror = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _language = require("@codemirror/language");
 var _languageData = require("@codemirror/language-data");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // getLanguageIdentifier defines `language.alias[0]`
 var mapLanguageToCodeMirror = exports.mapLanguageToCodeMirror = function mapLanguageToCodeMirror(language) {
   if (!language || language === 'none') {

package/dist/cjs/nodeviews/lazyCodeBlockAdvanced.js

@@ -9,8 +9,7 @@ exports.lazyCodeBlockView = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var lazyCodeBlockView = exports.lazyCodeBlockView = function lazyCodeBlockView(props) {
   return (0, _lazyNodeView.withLazyLoading)({
     nodeName: 'codeBlock',

package/dist/es2019/nodeviews/extensions/keymap/index.js

@@ -3,6 +3,8 @@ import { keymap as cmKeymap } from '@codemirror/view';
 import { browser } from '@atlaskit/editor-common/browser';
 import { exitCode, selectAll } from '@atlaskit/editor-prosemirror/commands';
 import { undo, redo } from '@atlaskit/editor-prosemirror/history';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { backspaceKeymap } from './backspace';
 import { maybeEscapeKeymap } from './maybeEscape';
 export const keymapExtension = ({
@@ -140,5 +142,39 @@ const codeBlockKeymap = ({
       getNode,
       getPos
     })
+  }, {
+    key: 'Ctrl-Alt-]',
+    mac: 'Cmd-Alt-]',
+    run: () => {
+      // Pass synthetic event to prosemirror
+      if (expValEquals('platform_editor_breakout_resizing', 'isEnabled', true) && fg('platform_editor_breakout_resizing_hello_release')) {
+        view.dispatchEvent(new KeyboardEvent('keydown', {
+          key: ']',
+          code: 'BracketRight',
+          metaKey: browser.mac ? true : false,
+          ctrlKey: browser.mac ? false : true,
+          altKey: true
+        }));
+        return true;
+      }
+      return false;
+    }
+  }, {
+    key: 'Ctrl-Alt-[',
+    mac: 'Cmd-Alt-[',
+    run: () => {
+      // Pass synthetic event to prosemirror
+      if (expValEquals('platform_editor_breakout_resizing', 'isEnabled', true) && fg('platform_editor_breakout_resizing_hello_release')) {
+        view.dispatchEvent(new KeyboardEvent('keydown', {
+          key: ']',
+          code: 'BracketLeft',
+          metaKey: browser.mac ? true : false,
+          ctrlKey: browser.mac ? false : true,
+          altKey: true
+        }));
+        return true;
+      }
+      return false;
+    }
   }, ...defaultKeymap.concat(indentWithTab)];
 };

package/dist/esm/nodeviews/extensions/keymap/index.js

@@ -4,6 +4,8 @@ import { keymap as cmKeymap } from '@codemirror/view';
 import { browser } from '@atlaskit/editor-common/browser';
 import { exitCode, selectAll } from '@atlaskit/editor-prosemirror/commands';
 import { undo, redo } from '@atlaskit/editor-prosemirror/history';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { backspaceKeymap } from './backspace';
 import { maybeEscapeKeymap } from './maybeEscape';
 export var keymapExtension = function keymapExtension(_ref) {
@@ -155,5 +157,39 @@ var codeBlockKeymap = function codeBlockKeymap(_ref2) {
         getPos: getPos
       });
     }
+  }, {
+    key: 'Ctrl-Alt-]',
+    mac: 'Cmd-Alt-]',
+    run: function run() {
+      // Pass synthetic event to prosemirror
+      if (expValEquals('platform_editor_breakout_resizing', 'isEnabled', true) && fg('platform_editor_breakout_resizing_hello_release')) {
+        view.dispatchEvent(new KeyboardEvent('keydown', {
+          key: ']',
+          code: 'BracketRight',
+          metaKey: browser.mac ? true : false,
+          ctrlKey: browser.mac ? false : true,
+          altKey: true
+        }));
+        return true;
+      }
+      return false;
+    }
+  }, {
+    key: 'Ctrl-Alt-[',
+    mac: 'Cmd-Alt-[',
+    run: function run() {
+      // Pass synthetic event to prosemirror
+      if (expValEquals('platform_editor_breakout_resizing', 'isEnabled', true) && fg('platform_editor_breakout_resizing_hello_release')) {
+        view.dispatchEvent(new KeyboardEvent('keydown', {
+          key: ']',
+          code: 'BracketLeft',
+          metaKey: browser.mac ? true : false,
+          ctrlKey: browser.mac ? false : true,
+          altKey: true
+        }));
+        return true;
+      }
+      return false;
+    }
   }].concat(_toConsumableArray(defaultKeymap.concat(indentWithTab)));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-code-block-advanced",
-	"version": "2.2.12",
+	"version": "2.3.0",
 	"description": "CodeBlockAdvanced plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -33,14 +33,16 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
-		"@atlaskit/editor-common": "^106.0.0",
+		"@atlaskit/editor-common": "^106.3.0",
 		"@atlaskit/editor-plugin-code-block": "^4.4.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^2.0.0",
-		"@atlaskit/editor-plugin-find-replace": "^2.2.0",
+		"@atlaskit/editor-plugin-find-replace": "^2.3.0",
 		"@atlaskit/editor-plugin-selection": "^2.2.0",
 		"@atlaskit/editor-plugin-selection-marker": "^2.4.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/tokens": "^4.9.0",
+		"@atlaskit/platform-feature-flags": "^1.1.0",
+		"@atlaskit/tmp-editor-statsig": "^5.14.0",
+		"@atlaskit/tokens": "^5.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@codemirror/autocomplete": "6.18.4",
 		"@codemirror/commands": "6.7.1",
@@ -95,5 +97,10 @@
 				"import-no-extraneous-disable-for-examples-and-docs"
 			]
 		}
+	},
+	"platform-feature-flags": {
+		"platform_editor_breakout_resizing_hello_release": {
+			"type": "boolean"
+		}
 	}
 }

package/src/nodeviews/extensions/keymap/index.ts

@@ -9,6 +9,8 @@ import { exitCode, selectAll } from '@atlaskit/editor-prosemirror/commands';
 import { undo, redo } from '@atlaskit/editor-prosemirror/history';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 
 import { backspaceKeymap } from './backspace';
 import { maybeEscapeKeymap } from './maybeEscape';
@@ -163,6 +165,40 @@ const codeBlockKeymap = ({
 			key: 'Backspace',
 			run: (cm) => backspaceKeymap({ cm, view, getNode, getPos }),
 		},
+		{ key: 'Ctrl-Alt-]', mac: 'Cmd-Alt-]', run: () => {
+				// Pass synthetic event to prosemirror
+				if (expValEquals('platform_editor_breakout_resizing', 'isEnabled', true) && fg('platform_editor_breakout_resizing_hello_release')) {
+					view.dispatchEvent(
+						new KeyboardEvent('keydown', {
+							key: ']',
+							code: 'BracketRight',
+							metaKey: browser.mac ? true : false,
+							ctrlKey: browser.mac ? false : true,
+							altKey: true,
+						}),
+					);
+					return true;
+				}
+				return false;
+			}
+		},
+		{ key: 'Ctrl-Alt-[', mac: 'Cmd-Alt-[', run: () => {
+				// Pass synthetic event to prosemirror
+				if (expValEquals('platform_editor_breakout_resizing', 'isEnabled', true) && fg('platform_editor_breakout_resizing_hello_release')) {
+					view.dispatchEvent(
+						new KeyboardEvent('keydown', {
+							key: ']',
+							code: 'BracketLeft',
+							metaKey: browser.mac ? true : false,
+							ctrlKey: browser.mac ? false : true,
+							altKey: true,
+						}),
+					);
+					return true;
+				}
+				return false;
+			}
+		},
 		...defaultKeymap.concat(indentWithTab),
 	];
 };