@atlaskit/editor-plugin-code-block 5.0.7 → 5.0.9

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-code-block
 
+## 5.0.9
+
+### Patch Changes
+
+- Updated dependencies
+
+## 5.0.8
+
+### Patch Changes
+
+- [#199487](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/199487)
+  [`9146513a60d45`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9146513a60d45) -
+  Add a new experiment for code folding in the editor.
+- Updated dependencies
+
 ## 5.0.7
 
 ### Patch Changes

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

@@ -15,6 +15,7 @@ var _transforms = require("@atlaskit/editor-common/transforms");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _editorCommands = require("../editor-commands");
 var _codeBlock2 = require("../nodeviews/code-block");
 var _classNames = require("../ui/class-names");
@@ -84,7 +85,12 @@ var createPlugin = exports.createPlugin = function createPlugin(_ref) {
     state: {
       init: function init(_, state) {
         var node = (0, _transforms.findCodeBlock)(state, state.selection);
-        var initialDecorations = (0, _decorators.generateInitialDecorations)(state);
+        var initialDecorations =
+        // Disabled when using advanced code block advanced since it interfers with styling
+        // Long term we will deprecate the code block plugin and move all the related logic to
+        // the advanced plugin
+        // @ts-expect-error Code block advanced cannot depend on code block
+        (api === null || api === void 0 ? void 0 : api.codeBlockAdvanced) !== undefined && (0, _expValEquals.expValEquals)('platform_editor_code_block_fold_gutter', 'isEnabled', true) ? [] : (0, _decorators.generateInitialDecorations)(state);
         return {
           pos: node ? node.pos : null,
           contentCopied: false,

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

@@ -9,6 +9,7 @@ import { findCodeBlock } from '@atlaskit/editor-common/transforms';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ignoreFollowingMutations, resetShouldIgnoreFollowingMutations } from '../editor-commands';
 import { codeBlockNodeView } from '../nodeviews/code-block';
 import { codeBlockClassNames } from '../ui/class-names';
@@ -73,7 +74,12 @@ export const createPlugin = ({
     state: {
       init(_, state) {
         const node = findCodeBlock(state, state.selection);
-        const initialDecorations = generateInitialDecorations(state);
+        const initialDecorations =
+        // Disabled when using advanced code block advanced since it interfers with styling
+        // Long term we will deprecate the code block plugin and move all the related logic to
+        // the advanced plugin
+        // @ts-expect-error Code block advanced cannot depend on code block
+        (api === null || api === void 0 ? void 0 : api.codeBlockAdvanced) !== undefined && expValEquals('platform_editor_code_block_fold_gutter', 'isEnabled', true) ? [] : generateInitialDecorations(state);
         return {
           pos: node ? node.pos : null,
           contentCopied: false,

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

@@ -12,6 +12,7 @@ import { findCodeBlock } from '@atlaskit/editor-common/transforms';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ignoreFollowingMutations, resetShouldIgnoreFollowingMutations } from '../editor-commands';
 import { codeBlockNodeView } from '../nodeviews/code-block';
 import { codeBlockClassNames } from '../ui/class-names';
@@ -79,7 +80,12 @@ export var createPlugin = function createPlugin(_ref) {
     state: {
       init: function init(_, state) {
         var node = findCodeBlock(state, state.selection);
-        var initialDecorations = generateInitialDecorations(state);
+        var initialDecorations =
+        // Disabled when using advanced code block advanced since it interfers with styling
+        // Long term we will deprecate the code block plugin and move all the related logic to
+        // the advanced plugin
+        // @ts-expect-error Code block advanced cannot depend on code block
+        (api === null || api === void 0 ? void 0 : api.codeBlockAdvanced) !== undefined && expValEquals('platform_editor_code_block_fold_gutter', 'isEnabled', true) ? [] : generateInitialDecorations(state);
         return {
           pos: node ? node.pos : null,
           contentCopied: false,

package/dist/types/pm-plugins/language-list.d.ts

@@ -318,6 +318,10 @@ export declare const DEFAULT_LANGUAGES: ({
     readonly name: "Protocol Buffers";
     readonly alias: readonly ["protobuf", "proto"];
     readonly value: "protobuf";
+} | {
+    readonly name: "TOML";
+    readonly alias: readonly ["toml"];
+    readonly value: "toml";
 } | {
     readonly name: "Handlebars";
     readonly alias: readonly ["handlebars", "mustache"];
@@ -656,6 +660,10 @@ export declare function findMatchedLanguage(supportedLanguages: Language[], lang
     readonly name: "Protocol Buffers";
     readonly alias: readonly ["protobuf", "proto"];
     readonly value: "protobuf";
+} | {
+    readonly name: "TOML";
+    readonly alias: readonly ["toml"];
+    readonly value: "toml";
 } | {
     readonly name: "Handlebars";
     readonly alias: readonly ["handlebars", "mustache"];
@@ -995,6 +1003,10 @@ export declare function createLanguageList(supportedLanguages: Language[]): ({
     readonly name: "Protocol Buffers";
     readonly alias: readonly ["protobuf", "proto"];
     readonly value: "protobuf";
+} | {
+    readonly name: "TOML";
+    readonly alias: readonly ["toml"];
+    readonly value: "toml";
 } | {
     readonly name: "Handlebars";
     readonly alias: readonly ["handlebars", "mustache"];

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

@@ -1,61 +1,13 @@
 import type { IntlShape } from 'react-intl-next';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import type { CodeBlockPlugin } from '../index';
 import { type CodeBlockState } from './main-state';
 export declare const createPlugin: ({ useLongPressSelection, getIntl, allowCompositionInputOverride, api, }: {
-    useLongPressSelection?: boolean | undefined;
+    useLongPressSelection?: boolean;
     getIntl: () => IntlShape;
-    allowCompositionInputOverride?: boolean | undefined;
-    api?: import("@atlaskit/editor-common/types").EditorInjectionAPI<"codeBlock", {
-        pluginConfiguration: import("../types").CodeBlockPluginOptions | undefined;
-        dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"decorations", {
-            sharedState: import("@atlaskit/editor-plugin-decorations").DecorationState;
-            actions: {
-                hoverDecoration: (nodeType: import("prosemirror-model").NodeType | import("prosemirror-model").NodeType[], add: boolean, className?: string | undefined) => import("@atlaskit/editor-common/types").Command;
-                removeDecoration: import("@atlaskit/editor-common/types").Command;
-            };
-        }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"composition", {
-            sharedState: import("@atlaskit/editor-plugin-composition").CompositionState;
-        }, undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
-            pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
-            sharedState: {
-                createAnalyticsEvent: import("packages/analytics/analytics-next/dist/types").CreateUIAnalyticsEvent | null;
-                attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
-                performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
-            };
-            dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
-                pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
-                sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
-            }, import("@atlaskit/editor-common/types").FeatureFlags>>];
-            actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
-        }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
-            sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
-            pluginConfiguration: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginOptions | undefined;
-        }, import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginOptions | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
-            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
-            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
-        }, import("@atlaskit/editor-common/types").FeatureFlags>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
-            sharedState: import("@atlaskit/editor-plugin-interaction").SharedInteractionState;
-            commands: {
-                handleInteraction: import("@atlaskit/editor-common/types").EditorCommand;
-            };
-        }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
-            sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
-            dependencies: [];
-            pluginConfiguration?: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginOptions | undefined;
-            commands: {
-                updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
-            };
-        }, import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginOptions | undefined>>];
-        sharedState: {
-            copyButtonHoverNode: PMNode;
-        } | undefined;
-        actions: {
-            insertCodeBlock: (inputMethod: import("@atlaskit/editor-common/analytics").INPUT_METHOD) => import("@atlaskit/editor-common/types").Command;
-        };
-    }> | undefined;
-    decorations?: DecorationSet | undefined;
+    allowCompositionInputOverride?: boolean;
+    api?: ExtractInjectionAPI<CodeBlockPlugin>;
+    decorations?: DecorationSet;
 }) => SafePlugin<CodeBlockState>;

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

@@ -1,7 +1,7 @@
 import type { ExtractInjectionAPI, FloatingToolbarHandler, SelectOption } from '@atlaskit/editor-common/types';
 import type { CodeBlockPlugin } from '../index';
 import { type Language } from './language-list';
-export declare const getToolbarConfig: (allowCopyToClipboard: boolean | undefined, api: ExtractInjectionAPI<CodeBlockPlugin> | undefined, overrideLanguageName?: ((name: Language['name']) => string) | undefined) => FloatingToolbarHandler;
+export declare const getToolbarConfig: (allowCopyToClipboard: boolean | undefined, api: ExtractInjectionAPI<CodeBlockPlugin> | undefined, overrideLanguageName?: ((name: Language["name"]) => string) | undefined) => FloatingToolbarHandler;
 /**
  * Filters language list based on both name and alias properties.
  * @param option

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

@@ -560,6 +560,12 @@ export declare const DEFAULT_LANGUAGES: ({
         "proto"
     ];
     readonly value: "protobuf";
+} | {
+    readonly name: "TOML";
+    readonly alias: readonly [
+        "toml"
+    ];
+    readonly value: "toml";
 } | {
     readonly name: "Handlebars";
     readonly alias: readonly [
@@ -1148,6 +1154,12 @@ export declare function findMatchedLanguage(supportedLanguages: Language[], lang
         "proto"
     ];
     readonly value: "protobuf";
+} | {
+    readonly name: "TOML";
+    readonly alias: readonly [
+        "toml"
+    ];
+    readonly value: "toml";
 } | {
     readonly name: "Handlebars";
     readonly alias: readonly [
@@ -1737,6 +1749,12 @@ export declare function createLanguageList(supportedLanguages: Language[]): ({
         "proto"
     ];
     readonly value: "protobuf";
+} | {
+    readonly name: "TOML";
+    readonly alias: readonly [
+        "toml"
+    ];
+    readonly value: "toml";
 } | {
     readonly name: "Handlebars";
     readonly alias: readonly [

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

@@ -1,72 +1,13 @@
 import type { IntlShape } from 'react-intl-next';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import type { CodeBlockPlugin } from '../index';
 import { type CodeBlockState } from './main-state';
 export declare const createPlugin: ({ useLongPressSelection, getIntl, allowCompositionInputOverride, api, }: {
-    useLongPressSelection?: boolean | undefined;
+    useLongPressSelection?: boolean;
     getIntl: () => IntlShape;
-    allowCompositionInputOverride?: boolean | undefined;
-    api?: import("@atlaskit/editor-common/types").EditorInjectionAPI<"codeBlock", {
-        pluginConfiguration: import("../types").CodeBlockPluginOptions | undefined;
-        dependencies: [
-            import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"decorations", {
-                sharedState: import("@atlaskit/editor-plugin-decorations").DecorationState;
-                actions: {
-                    hoverDecoration: (nodeType: import("prosemirror-model").NodeType | import("prosemirror-model").NodeType[], add: boolean, className?: string | undefined) => import("@atlaskit/editor-common/types").Command;
-                    removeDecoration: import("@atlaskit/editor-common/types").Command;
-                };
-            }, undefined>,
-            import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"composition", {
-                sharedState: import("@atlaskit/editor-plugin-composition").CompositionState;
-            }, undefined>,
-            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
-                pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
-                sharedState: {
-                    createAnalyticsEvent: import("packages/analytics/analytics-next/dist/types").CreateUIAnalyticsEvent | null;
-                    attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
-                    performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
-                };
-                dependencies: [
-                    import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
-                        pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
-                        sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
-                    }, import("@atlaskit/editor-common/types").FeatureFlags>>
-                ];
-                actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
-            }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>,
-            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
-                sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
-                pluginConfiguration: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginOptions | undefined;
-            }, import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginOptions | undefined>>,
-            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
-                pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
-                sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
-            }, import("@atlaskit/editor-common/types").FeatureFlags>>,
-            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
-                sharedState: import("@atlaskit/editor-plugin-interaction").SharedInteractionState;
-                commands: {
-                    handleInteraction: import("@atlaskit/editor-common/types").EditorCommand;
-                };
-            }, undefined>>,
-            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
-                sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
-                dependencies: [
-                ];
-                pluginConfiguration?: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginOptions | undefined;
-                commands: {
-                    updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
-                };
-            }, import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginOptions | undefined>>
-        ];
-        sharedState: {
-            copyButtonHoverNode: PMNode;
-        } | undefined;
-        actions: {
-            insertCodeBlock: (inputMethod: import("@atlaskit/editor-common/analytics").INPUT_METHOD) => import("@atlaskit/editor-common/types").Command;
-        };
-    }> | undefined;
-    decorations?: DecorationSet | undefined;
+    allowCompositionInputOverride?: boolean;
+    api?: ExtractInjectionAPI<CodeBlockPlugin>;
+    decorations?: DecorationSet;
 }) => SafePlugin<CodeBlockState>;

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

@@ -1,7 +1,7 @@
 import type { ExtractInjectionAPI, FloatingToolbarHandler, SelectOption } from '@atlaskit/editor-common/types';
 import type { CodeBlockPlugin } from '../index';
 import { type Language } from './language-list';
-export declare const getToolbarConfig: (allowCopyToClipboard: boolean | undefined, api: ExtractInjectionAPI<CodeBlockPlugin> | undefined, overrideLanguageName?: ((name: Language['name']) => string) | undefined) => FloatingToolbarHandler;
+export declare const getToolbarConfig: (allowCopyToClipboard: boolean | undefined, api: ExtractInjectionAPI<CodeBlockPlugin> | undefined, overrideLanguageName?: ((name: Language["name"]) => string) | undefined) => FloatingToolbarHandler;
 /**
  * Filters language list based on both name and alias properties.
  * @param option

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-code-block",
-	"version": "5.0.7",
+	"version": "5.0.9",
 	"description": "Code block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -39,20 +39,17 @@
 		"@atlaskit/editor-plugin-editor-viewmode": "^5.0.0",
 		"@atlaskit/editor-plugin-interaction": "^5.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/icon": "^27.9.0",
+		"@atlaskit/icon": "^27.12.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/prosemirror-input-rules": "^3.3.0",
-		"@atlaskit/tmp-editor-statsig": "^9.22.0",
+		"@atlaskit/prosemirror-input-rules": "^3.4.0",
+		"@atlaskit/tmp-editor-statsig": "^10.0.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.16.0",
+		"@atlaskit/editor-common": "^107.25.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
-	"devDependencies": {
-		"typescript": "~5.4.2"
-	},
 	"techstack": {
 		"@atlassian/frontend": {
 			"code-structure": [