@atlaskit/editor-plugin-code-block-advanced 7.1.26 → 8.0.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-code-block-advanced
 
+## 8.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 8.0.0
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 7.1.26
 
 ### Patch Changes

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

@@ -1,10 +1,10 @@
-import { type StateEffect } from '@codemirror/state';
+import { type Extension, type StateEffect } from '@codemirror/state';
 import type { EditorView as CodeMirror } from '@codemirror/view';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 export declare function foldGutterExtension({ selectNode, getNode, }: {
     getNode: () => PMNode;
     selectNode: () => void;
-}): import("@codemirror/state").Extension[];
+}): Extension[];
 export declare function getCodeBlockFoldStateEffects({ node, cm, }: {
     cm: CodeMirror;
     node: PMNode;

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

@@ -1,5 +1,6 @@
+import { type Extension } from '@codemirror/state';
 /**
  * To avoid issues with CRLF (\r\n) syncing with ProseMirror,
  * we only consider \n for line separators.
  */
-export declare const lineSeparatorExtension: () => import("@codemirror/state").Extension;
+export declare const lineSeparatorExtension: () => Extension;

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

@@ -15,6 +15,6 @@ import type { EditorView, DecorationSource } from '@atlaskit/editor-prosemirror/
  */
 export declare const prosemirrorDecorationPlugin: (updateDecorationsEffect: Facet<DecorationSource>, editorView: EditorView, getPos: () => number | undefined) => ViewPlugin<{
     decorations: DecorationSet;
-    updateDecorations(view: CodeMirror): DecorationSet;
-    update(update: ViewUpdate): void;
+    update: (update: ViewUpdate) => void;
+    updateDecorations: (view: CodeMirror) => DecorationSet;
 }>;

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

@@ -1,7 +1,8 @@
+import { type Extension } from '@codemirror/state';
 /**
  * To have consistent behaviour with previous code block when a triple click occurs in the editor
  * we should select the entire code block rather than the line.
  *
  * @returns CodeMirror extension
  */
-export declare const tripleClickSelectAllExtension: () => import("@codemirror/state").Extension;
+export declare const tripleClickSelectAllExtension: () => Extension;

package/dist/types/nodeviews/lazyCodeBlockAdvanced.d.ts

@@ -1,5 +1,6 @@
 import { type Extension } from '@codemirror/state';
 import type { IntlShape } from 'react-intl-next';
+import { type NodeViewConstructor } from '@atlaskit/editor-common/lazy-node-view';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { CodeBlockAdvancedPlugin } from '../codeBlockAdvancedPluginType';
 interface Props {
@@ -8,5 +9,5 @@ interface Props {
     extensions: Extension[];
     getIntl: () => IntlShape;
 }
-export declare const lazyCodeBlockView: (props: Props) => import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor;
+export declare const lazyCodeBlockView: (props: Props) => NodeViewConstructor;
 export {};

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

@@ -9,5 +9,5 @@ interface Props {
     extensions: Extension[];
     getIntl: () => IntlShape;
 }
-export declare const createPlugin: (props: Props) => SafePlugin<any>;
+export declare const createPlugin: (props: Props) => SafePlugin;
 export {};

package/dist/types/ui/theme.d.ts

@@ -1,7 +1,8 @@
+import type { Extension } from '@codemirror/state';
 import type { EditorContentMode } from '@atlaskit/editor-common/types';
 type ThemeOptions = {
     contentMode?: EditorContentMode;
 };
-export declare const cmTheme: (options?: ThemeOptions) => import("@codemirror/state").Extension;
-export declare const codeFoldingTheme: import("@codemirror/state").Extension;
+export declare const cmTheme: (options?: ThemeOptions) => Extension;
+export declare const codeFoldingTheme: Extension;
 export {};

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

@@ -1,10 +1,10 @@
-import { type StateEffect } from '@codemirror/state';
+import { type Extension, type StateEffect } from '@codemirror/state';
 import type { EditorView as CodeMirror } from '@codemirror/view';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 export declare function foldGutterExtension({ selectNode, getNode, }: {
     getNode: () => PMNode;
     selectNode: () => void;
-}): import("@codemirror/state").Extension[];
+}): Extension[];
 export declare function getCodeBlockFoldStateEffects({ node, cm, }: {
     cm: CodeMirror;
     node: PMNode;

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

@@ -1,5 +1,6 @@
+import { type Extension } from '@codemirror/state';
 /**
  * To avoid issues with CRLF (\r\n) syncing with ProseMirror,
  * we only consider \n for line separators.
  */
-export declare const lineSeparatorExtension: () => import("@codemirror/state").Extension;
+export declare const lineSeparatorExtension: () => Extension;

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

@@ -15,6 +15,6 @@ import type { EditorView, DecorationSource } from '@atlaskit/editor-prosemirror/
  */
 export declare const prosemirrorDecorationPlugin: (updateDecorationsEffect: Facet<DecorationSource>, editorView: EditorView, getPos: () => number | undefined) => ViewPlugin<{
     decorations: DecorationSet;
-    updateDecorations(view: CodeMirror): DecorationSet;
-    update(update: ViewUpdate): void;
+    update: (update: ViewUpdate) => void;
+    updateDecorations: (view: CodeMirror) => DecorationSet;
 }>;

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

@@ -1,7 +1,8 @@
+import { type Extension } from '@codemirror/state';
 /**
  * To have consistent behaviour with previous code block when a triple click occurs in the editor
  * we should select the entire code block rather than the line.
  *
  * @returns CodeMirror extension
  */
-export declare const tripleClickSelectAllExtension: () => import("@codemirror/state").Extension;
+export declare const tripleClickSelectAllExtension: () => Extension;

package/dist/types-ts4.5/nodeviews/lazyCodeBlockAdvanced.d.ts

@@ -1,5 +1,6 @@
 import { type Extension } from '@codemirror/state';
 import type { IntlShape } from 'react-intl-next';
+import { type NodeViewConstructor } from '@atlaskit/editor-common/lazy-node-view';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { CodeBlockAdvancedPlugin } from '../codeBlockAdvancedPluginType';
 interface Props {
@@ -8,5 +9,5 @@ interface Props {
     extensions: Extension[];
     getIntl: () => IntlShape;
 }
-export declare const lazyCodeBlockView: (props: Props) => import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor;
+export declare const lazyCodeBlockView: (props: Props) => NodeViewConstructor;
 export {};

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

@@ -9,5 +9,5 @@ interface Props {
     extensions: Extension[];
     getIntl: () => IntlShape;
 }
-export declare const createPlugin: (props: Props) => SafePlugin<any>;
+export declare const createPlugin: (props: Props) => SafePlugin;
 export {};

package/dist/types-ts4.5/ui/theme.d.ts

@@ -1,7 +1,8 @@
+import type { Extension } from '@codemirror/state';
 import type { EditorContentMode } from '@atlaskit/editor-common/types';
 type ThemeOptions = {
     contentMode?: EditorContentMode;
 };
-export declare const cmTheme: (options?: ThemeOptions) => import("@codemirror/state").Extension;
-export declare const codeFoldingTheme: import("@codemirror/state").Extension;
+export declare const cmTheme: (options?: ThemeOptions) => Extension;
+export declare const codeFoldingTheme: Extension;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-code-block-advanced",
-	"version": "7.1.26",
+	"version": "8.0.1",
 	"description": "CodeBlockAdvanced plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -30,15 +30,15 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^52.2.0",
 		"@atlaskit/code": "^17.4.0",
-		"@atlaskit/editor-plugin-code-block": "^9.1.0",
-		"@atlaskit/editor-plugin-editor-disabled": "^7.0.0",
-		"@atlaskit/editor-plugin-find-replace": "^7.1.0",
-		"@atlaskit/editor-plugin-selection": "^7.1.0",
-		"@atlaskit/editor-plugin-selection-marker": "^7.0.0",
+		"@atlaskit/editor-plugin-code-block": "^10.0.0",
+		"@atlaskit/editor-plugin-editor-disabled": "^8.0.0",
+		"@atlaskit/editor-plugin-find-replace": "^8.0.0",
+		"@atlaskit/editor-plugin-selection": "^8.0.0",
+		"@atlaskit/editor-plugin-selection-marker": "^8.0.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
-		"@atlaskit/tmp-editor-statsig": "^35.7.0",
+		"@atlaskit/tmp-editor-statsig": "^36.0.0",
 		"@atlaskit/tokens": "^11.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@codemirror/autocomplete": "6.18.4",
@@ -55,7 +55,7 @@
 		"codemirror-lang-elixir": "4.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.34.0",
+		"@atlaskit/editor-common": "^112.0.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},

package/src/nodeviews/extensions/foldGutter.ts

@@ -1,5 +1,5 @@
 import { foldGutter, codeFolding, foldState, foldEffect } from '@codemirror/language';
-import { type StateEffect } from '@codemirror/state';
+import { type Extension, type StateEffect } from '@codemirror/state';
 import type { EditorView as CodeMirror } from '@codemirror/view';
 
 import {
@@ -62,7 +62,7 @@ export function foldGutterExtension({
 }: {
 	getNode: () => PMNode;
 	selectNode: () => void;
-}) {
+}): Extension[] {
 	return [
 		foldGutter({
 			foldingChanged: (update) => {

package/src/nodeviews/extensions/lineSeparator.ts

@@ -1,4 +1,4 @@
-import { EditorState as CodeMirrorState } from '@codemirror/state';
+import { EditorState as CodeMirrorState, type Extension } from '@codemirror/state';
 
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 
@@ -6,7 +6,7 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
  * To avoid issues with CRLF (\r\n) syncing with ProseMirror,
  * we only consider \n for line separators.
  */
-export const lineSeparatorExtension = () => {
+export const lineSeparatorExtension = (): Extension => {
 	if (expValEquals('platform_editor_fix_advanced_codeblocks_crlf', 'isEnabled', true)) {
 		return CodeMirrorState.lineSeparator.of('\n');
 	}

package/src/nodeviews/extensions/prosemirrorDecorations.ts

@@ -108,7 +108,11 @@ export const prosemirrorDecorationPlugin = (
 	updateDecorationsEffect: Facet<DecorationSource>,
 	editorView: EditorView,
 	getPos: () => number | undefined,
-) =>
+): ViewPlugin<{
+	decorations: DecorationSet;
+	update: (update: ViewUpdate) => void;
+	updateDecorations: (view: CodeMirror) => DecorationSet;
+}> =>
 	ViewPlugin.fromClass(
 		class {
 			decorations: DecorationSet;

package/src/nodeviews/extensions/tripleClickExtension.ts

@@ -1,4 +1,4 @@
-import { EditorSelection } from '@codemirror/state';
+import { EditorSelection, type Extension } from '@codemirror/state';
 import { EditorView as CodeMirror } from '@codemirror/view';
 
 /**
@@ -7,7 +7,7 @@ import { EditorView as CodeMirror } from '@codemirror/view';
  *
  * @returns CodeMirror extension
  */
-export const tripleClickSelectAllExtension = () =>
+export const tripleClickSelectAllExtension = (): Extension =>
 	CodeMirror.mouseSelectionStyle.of((view, event) => {
 		// Check for a triple-click and avoid non-main "button" events
 		// https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button

package/src/nodeviews/languages/actionscript/languageSupport.ts

@@ -11,7 +11,7 @@ import { parser } from './parser';
  * import { actionscriptLanguageSupport } from './languageSupport';
  * const support = actionscriptLanguageSupport();
  */
-export function actionscriptLanguageSupport() {
+export function actionscriptLanguageSupport(): LanguageSupport {
 	// --- Syntax highlighting rules for ActionScript ---
 	const actionScriptHighlight = styleTags({
 		'var function': tags.controlKeyword,

package/src/nodeviews/languages/actionscript/parser.ts

@@ -2,7 +2,7 @@
 import { LRParser } from '@lezer/lr';
 
 const spec_Identifier = { __proto__: null, var: 8, function: 14 };
-export const parser = LRParser.deserialize({
+export const parser: LRParser = LRParser.deserialize({
 	version: 14,
 	states:
 		"$tQYQPOOOOQO'#Cl'#ClOOQO'#Ci'#CiOOQO'#Cd'#CdQYQPOOOkQPO'#CjOpQPO'#CnOuQPO'#CiOOQO-E6b-E6bOzQPO,59UO!SQPO,59YOOQO,59T,59TOOQO1G.p1G.pO!XQPO1G.pO!dQPO1G.tO!iQPO7+$[O!nQPO'#CpO!vQPO7+$`OOQO<<Gv<<GvO!{QPO'#CeO#QQPO,59[O#YQPO<<GzOOQO,59P,59POOQO-E6c-E6cO#_QPO'#CsOOQOAN=fAN=fOOQO,59_,59_O#fQPO,59_OOQO1G.y1G.y",

package/src/nodeviews/languages/getLanguageName.ts

@@ -14,14 +14,9 @@ const getLanguageName = (languageValue: string): string | undefined => {
 	}
 
 	const language = (SUPPORTED_LANGUAGES as readonly Language[]).find((l) => {
-		return (
-			l.value === languageValue ||
-			(l.alias && (l.alias as string[]).includes(languageValue))
-		);
+		return l.value === languageValue || (l.alias && (l.alias as string[]).includes(languageValue));
 	});
 
-
-
 	return language ? language.name : undefined;
 };
 

package/src/nodeviews/languages/languageMap.ts

@@ -6,7 +6,9 @@ import type { LanguageAlias } from '@atlaskit/code';
 type LanguageAliasValue = LanguageAlias[0];
 
 // getLanguageIdentifier defines `language.alias[0]`
-export const mapLanguageToCodeMirror = (language: LanguageAliasValue) => {
+export const mapLanguageToCodeMirror = (
+	language: LanguageAliasValue,
+): LanguageDescription | undefined => {
 	if (!language || language === 'none') {
 		return undefined;
 	}

package/src/nodeviews/lazyCodeBlockAdvanced.ts

@@ -1,7 +1,7 @@
 import { type Extension } from '@codemirror/state';
 import type { IntlShape } from 'react-intl-next';
 
-import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
+import { withLazyLoading, type NodeViewConstructor } from '@atlaskit/editor-common/lazy-node-view';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView, DecorationSource, Decoration } from '@atlaskit/editor-prosemirror/view';
@@ -15,7 +15,7 @@ interface Props {
 	getIntl: () => IntlShape;
 }
 
-export const lazyCodeBlockView = (props: Props) => {
+export const lazyCodeBlockView = (props: Props): NodeViewConstructor => {
 	return withLazyLoading({
 		nodeName: 'codeBlock',
 		getNodeViewOptions: () => {},

package/src/pm-plugins/main.ts

@@ -17,7 +17,7 @@ interface Props {
 	getIntl: () => IntlShape;
 }
 
-export const createPlugin = (props: Props) => {
+export const createPlugin = (props: Props): SafePlugin => {
 	return new SafePlugin({
 		props: {
 			nodeViews: {

package/src/ui/syntaxHighlightingTheme.ts

@@ -4,7 +4,7 @@ import { tags } from '@lezer/highlight';
 import { token } from '@atlaskit/tokens';
 
 // Based on `platform/packages/design-system/code/src/internal/theme/styles.tsx`
-export const highlightStyle = HighlightStyle.define([
+export const highlightStyle: HighlightStyle = HighlightStyle.define([
 	{ tag: tags.meta, color: token('color.text') },
 	{ tag: tags.link, textDecoration: 'underline' },
 	{

package/src/ui/theme.ts

@@ -1,3 +1,4 @@
+import type { Extension } from '@codemirror/state';
 import { EditorView as CodeMirror } from '@codemirror/view';
 
 import type { EditorContentMode } from '@atlaskit/editor-common/types';
@@ -20,7 +21,7 @@ type ThemeOptions = {
 	contentMode?: EditorContentMode;
 };
 
-export const cmTheme = (options?: ThemeOptions) =>
+export const cmTheme = (options?: ThemeOptions): Extension =>
 	CodeMirror.theme({
 		'&': {
 			backgroundColor: token('color.background.neutral'),
@@ -90,7 +91,7 @@ export const cmTheme = (options?: ThemeOptions) =>
 		},
 	});
 
-export const codeFoldingTheme = CodeMirror.theme({
+export const codeFoldingTheme: Extension = CodeMirror.theme({
 	'.cm-gutter': {
 		paddingLeft: token('space.075'),
 		paddingTop: token('space.100'),