@atlaskit/editor-plugin-synced-block 8.2.3 → 8.2.5

package/AGENTS.md

@@ -26,20 +26,31 @@ src/
 ├── index.ts                    # Re-exports plugin + type
 ├── syncedBlockPlugin.tsx       # Top-level: registers nodes, commands, UI, pm-plugins
 ├── syncedBlockPluginType.ts    # TypeScript interfaces for options, shared state, dependencies
+├── editor-actions/
+│   └── index.ts                # flushBodiedSyncBlocks, flushSyncBlocks,
+│                                 discardUnpublishedSyncBlocks (EDITOR-6473)
 ├── editor-commands/
 │   └── index.ts                # createSyncedBlock, copySyncedBlockReferenceToClipboardEditorCommand,
 │                                 removeSyncedBlockAtPos, unsyncSyncBlock
 ├── nodeviews/
 │   ├── syncedBlock.tsx         # NodeView for reference (syncBlock) — read-only, fetches from BE
+│   ├── lazySyncedBlock.tsx     # Lazy-loaded wrapper for syncedBlock (EDITOR-6928)
 │   ├── bodiedSyncedBlock.tsx   # NodeView for source (bodiedSyncBlock) — nested editor with content
 │   └── bodiedSyncBlockNodeWithToDOMFixed.ts # DOM serialization fix variant (experiment-gated)
 ├── pm-plugins/
-│   ├── main.ts                 # Core state machine: sync block lifecycle, creation, deletion, cache
+│   ├── main.ts                 # Core state machine: lifecycle, creation, deletion, cache,
+│   │                             status decoration apply path (gated by editor_synced_block_perf)
 │   ├── menu-and-toolbar-experiences.ts # Experience tracking for menu/toolbar interactions
 │   └── utils/
-│       ├── track-sync-blocks.ts              # Tracks mutations, updates shared state
-│       ├── handle-bodied-sync-block-creation.ts # Creation flow, local cache, retry logic
-│       └── handle-bodied-sync-block-removal.ts  # Deletion flow, BE synchronization
+│       ├── track-sync-blocks.ts                    # Tracks mutations, updates shared state
+│       ├── handle-bodied-sync-block-creation.ts    # Creation flow, local cache, retry logic
+│       ├── handle-bodied-sync-block-removal.ts     # Deletion flow, BE synchronization
+│       ├── has-synced-blocks.ts                    # O(childCount) presence check (EDITOR-6928 lazy init)
+│       ├── transaction-inserts-synced-block.ts     # Detect tr inserts a synced block (lazy init)
+│       ├── selection-decorations.ts                # Selection decoration helpers
+│       ├── rebase-transaction.ts                   # Rebase helpers used by main.ts
+│       ├── ignore-dom-event.ts                     # DOM event guard
+│       └── utils.ts                                # Misc shared helpers
 ├── ui/
 │   ├── toolbar-components.tsx    # Primary toolbar button ("Create Synced Block")
 │   ├── floating-toolbar.tsx      # Node-level actions: delete, unsync, copy link, view locations
@@ -52,6 +63,27 @@ src/
     └── index.ts                # FLAG_ID, SyncedBlockSharedState, BodiedSyncBlockDeletionStatus
 ```
 
+### Editor Actions
+
+This package exposes top-level **editor actions** (in `editor-actions/index.ts`)
+that products call from outside the plugin lifecycle:
+
+- `flushBodiedSyncBlocks(store)` — flush all dirty source blocks
+- `flushSyncBlocks(store)` — flush reference manager (e.g. on save)
+- `discardUnpublishedSyncBlocks(store)` — delete unpublished blocks on cancel
+  (added in EDITOR-6473; used by Confluence's editor cancel flow)
+
+### Lazy Init & Perf (EDITOR-6928 / EDITOR-6930)
+
+Behind the `editor_synced_block_perf` experiment, `main.ts`:
+- Skips creating synced-block plugin state and node-views for documents
+  with no synced blocks (`hasSyncedBlocks(doc)`).
+- Computes `statusDecorationSet` inside `apply()` and stores it on plugin
+  state, then exposes it via an O(1) `decorations` prop instead of an
+  O(n) `doc.descendants()` walk on every transaction.
+- Uses `sourceSyncBlockStoreManager.hasPendingCreations()` for an O(1)
+  pending-creation early return in `buildStatusDecorations()`.
+
 ### Key Code Patterns
 
 **Creating a sync block** (flow through the code):

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-synced-block
 
+## 8.2.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 8.2.4
+
+### Patch Changes
+
+- [`ca8aefc573cc5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ca8aefc573cc5) -
+  Clean up feature gates `platform_editor_block_menu_divider_patch` and
+  `platform_editor_block_menu_copy_section` (both rolled out as true).
+- [`826bc966b7b64`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/826bc966b7b64) -
+  ED-6586: Lazy init sync block
+- Updated dependencies
+
 ## 8.2.3
 
 ### Patch Changes

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

@@ -21,15 +21,18 @@ var _transform = require("@atlaskit/editor-prosemirror/transform");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _bodiedSyncedBlock = require("../nodeviews/bodiedSyncedBlock");
 var _syncedBlock = require("../nodeviews/syncedBlock");
 var _types = require("../types");
 var _handleBodiedSyncBlockCreation = require("./utils/handle-bodied-sync-block-creation");
 var _handleBodiedSyncBlockRemoval = require("./utils/handle-bodied-sync-block-removal");
+var _hasSyncedBlocks = require("./utils/has-synced-blocks");
 var _ignoreDomEvent = require("./utils/ignore-dom-event");
 var _selectionDecorations = require("./utils/selection-decorations");
 var _trackSyncBlocks7 = require("./utils/track-sync-blocks");
+var _transactionInsertsSyncedBlock = require("./utils/transaction-inserts-synced-block");
 var _utils2 = require("./utils/utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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) { (0, _defineProperty2.default)(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; }
@@ -279,21 +282,28 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
     key: syncedBlockPluginKey,
     state: {
       init: function init(_, instance) {
-        var syncBlockNodes = instance.doc.children.filter(syncBlockStore.referenceManager.isReferenceBlock);
-        syncBlockStore.referenceManager.fetchSyncBlocksData((0, _editorSyncedBlockProvider.convertPMNodesToSyncBlockNodes)(syncBlockNodes));
+        // When `editor_synced_block_perf` is ON and the document has no
+        // synced blocks, we skip the eager fetch + cache walks. They will be
+        // re-run lazily by `apply` the first time a synced block enters the
+        // document (paste, collab insert, or programmatic insert).
+        var docHasSyncedBlocks = (0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true) ? (0, _hasSyncedBlocks.hasSyncedBlocks)(instance.doc) : true;
+        if (docHasSyncedBlocks) {
+          var syncBlockNodes = instance.doc.children.filter(syncBlockStore.referenceManager.isReferenceBlock);
+          syncBlockStore.referenceManager.fetchSyncBlocksData((0, _editorSyncedBlockProvider.convertPMNodesToSyncBlockNodes)(syncBlockNodes));
 
-        // Populate source sync block cache from initial document
-        // When fg is ON, this replaces the constructor call in the nodeview
-        if ((0, _platformFeatureFlags.fg)('platform_synced_block_update_refactor')) {
-          instance.doc.forEach(function (node) {
-            if (syncBlockStore.sourceManager.isSourceBlock(node)) {
-              syncBlockStore.sourceManager.updateSyncBlockData(node, false);
-            }
-          });
+          // Populate source sync block cache from initial document
+          // When fg is ON, this replaces the constructor call in the nodeview
+          if ((0, _platformFeatureFlags.fg)('platform_synced_block_update_refactor')) {
+            instance.doc.forEach(function (node) {
+              if (syncBlockStore.sourceManager.isSourceBlock(node)) {
+                syncBlockStore.sourceManager.updateSyncBlockData(node, false);
+              }
+            });
 
-          // Fetch statuses from the backend so we can identify unpublished blocks on cancel
-          if ((0, _platformFeatureFlags.fg)('platform_synced_block_patch_10')) {
-            syncBlockStore.sourceManager.fetchAndCacheStatuses();
+            // Fetch statuses from the backend so we can identify unpublished blocks on cancel
+            if ((0, _platformFeatureFlags.fg)('platform_synced_block_patch_10')) {
+              syncBlockStore.sourceManager.fetchAndCacheStatuses();
+            }
           }
         }
         return {
@@ -301,6 +311,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
           activeFlag: false,
           syncBlockStore: syncBlockStore,
           retryCreationPosMap: new Map(),
+          hasSyncedBlocks: docHasSyncedBlocks,
           hasUnsavedBodiedSyncBlockChanges: syncBlockStore.sourceManager.hasUnsavedChanges()
         };
       },
@@ -310,7 +321,17 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
         var activeFlag = currentPluginState.activeFlag,
           selectionDecorationSet = currentPluginState.selectionDecorationSet,
           bodiedSyncBlockDeletionStatus = currentPluginState.bodiedSyncBlockDeletionStatus,
-          retryCreationPosMap = currentPluginState.retryCreationPosMap;
+          retryCreationPosMap = currentPluginState.retryCreationPosMap,
+          prevHasSyncedBlocks = currentPluginState.hasSyncedBlocks;
+
+        // Lazy-init bookkeeping: once a synced block enters the document we
+        // flip `hasSyncedBlocks` to `true` for the lifetime of this editor
+        var nextHasSyncedBlocks = prevHasSyncedBlocks;
+        if (!prevHasSyncedBlocks && tr.docChanged && (0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true)) {
+          if ((0, _transactionInsertsSyncedBlock.transactionInsertsSyncedBlock)(tr)) {
+            nextHasSyncedBlocks = true;
+          }
+        }
         var newDecorationSet = tr.docChanged ? selectionDecorationSet.map(tr.mapping, tr.doc) // only map if document changed
         : selectionDecorationSet;
         if (!tr.selection.eq(oldEditorState.selection)) {
@@ -333,6 +354,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
           selectionDecorationSet: newDecorationSet,
           syncBlockStore: syncBlockStore,
           retryCreationPosMap: newRetryCreationPosMap,
+          hasSyncedBlocks: nextHasSyncedBlocks,
           bodiedSyncBlockDeletionStatus: (_meta$bodiedSyncBlock = meta === null || meta === void 0 ? void 0 : meta.bodiedSyncBlockDeletionStatus) !== null && _meta$bodiedSyncBlock !== void 0 ? _meta$bodiedSyncBlock : bodiedSyncBlockDeletionStatus,
           hasUnsavedBodiedSyncBlockChanges: syncBlockStore.sourceManager.hasUnsavedChanges()
         };
@@ -378,6 +400,14 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
         var selectionDecorationSet = (_currentPluginState$s = currentPluginState === null || currentPluginState === void 0 ? void 0 : currentPluginState.selectionDecorationSet) !== null && _currentPluginState$s !== void 0 ? _currentPluginState$s : _view.DecorationSet.empty;
         var syncBlockStore = currentPluginState === null || currentPluginState === void 0 ? void 0 : currentPluginState.syncBlockStore;
         var doc = state.doc;
+
+        // Lazy-init: when no synced block exists in the doc, skip the
+        // `descendants` walk and the 4 shared-state reads below. The
+        // selection decoration set is the only thing that can be
+        // non-empty in this state.
+        if (currentPluginState && !currentPluginState.hasSyncedBlocks && (0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true)) {
+          return selectionDecorationSet;
+        }
         var isOffline = (0, _editorPluginConnectivity.isOfflineMode)(api === null || api === void 0 || (_api$connectivity2 = api.connectivity) === null || _api$connectivity2 === void 0 || (_api$connectivity2 = _api$connectivity2.sharedState.currentState()) === null || _api$connectivity2 === void 0 ? void 0 : _api$connectivity2.mode);
         var isViewMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'view';
         var isDragging = (api === null || api === void 0 || (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 || (_api$userIntent = _api$userIntent.sharedState.currentState()) === null || _api$userIntent === void 0 ? void 0 : _api$userIntent.currentUserIntent) === 'dragging';
@@ -474,6 +504,16 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
     },
     filterTransaction: function filterTransaction(tr, state) {
       var _api$editorViewMode2, _api$connectivity3;
+      // Lazy-init: when no synced block currently exists in the doc and the
+      // transaction does not insert one, all downstream filter logic is a
+      // no-op. Avoid both the shared-state reads and the `trackSyncBlocks`
+      // walks for the ~99.97% of pages that have no synced blocks.
+      if ((0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true)) {
+        var pluginState = syncedBlockPluginKey.getState(state);
+        if (pluginState && !pluginState.hasSyncedBlocks && !(0, _transactionInsertsSyncedBlock.transactionInsertsSyncedBlock)(tr)) {
+          return true;
+        }
+      }
       var viewMode = api === null || api === void 0 || (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 || (_api$editorViewMode2 = _api$editorViewMode2.sharedState.currentState()) === null || _api$editorViewMode2 === void 0 ? void 0 : _api$editorViewMode2.mode;
       if (viewMode === 'view' && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_8')) {
         return true;
@@ -554,6 +594,18 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
     },
     appendTransaction: function appendTransaction(trs, oldState, newState) {
       var _api$editorViewMode3;
+      // Lazy-init: when neither the previous nor the new state contains a
+      // synced block (and none of the dispatched transactions inserts one),
+      // skip all downstream work. This is the hot path on the ~99.97% of
+      // pages that don't use synced blocks (see EDITOR-6586).
+      if ((0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true)) {
+        var oldPluginState = syncedBlockPluginKey.getState(oldState);
+        var newPluginState = syncedBlockPluginKey.getState(newState);
+        var hadOrHasSyncedBlocks = !!(oldPluginState !== null && oldPluginState !== void 0 && oldPluginState.hasSyncedBlocks) || !!(newPluginState !== null && newPluginState !== void 0 && newPluginState.hasSyncedBlocks);
+        if (!hadOrHasSyncedBlocks) {
+          return null;
+        }
+      }
       var viewMode = api === null || api === void 0 || (_api$editorViewMode3 = api.editorViewMode) === null || _api$editorViewMode3 === void 0 || (_api$editorViewMode3 = _api$editorViewMode3.sharedState.currentState()) === null || _api$editorViewMode3 === void 0 ? void 0 : _api$editorViewMode3.mode;
       if (viewMode === 'view' && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_8')) {
         return null;

package/dist/cjs/pm-plugins/utils/has-synced-blocks.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hasSyncedBlocks = void 0;
+/**
+ * Cheap detector for the presence of any synced block (source or reference)
+ * at the top level of the document.
+ *
+ * Both `syncBlock` and `bodiedSyncBlock` are top-level nodes in the schema, so
+ * a single shallow scan is sufficient — no need for a recursive `descendants`
+ * walk. This is used by the `editor_synced_block_perf` experiment to avoid
+ * spinning up the synced block subsystem on documents that don't contain any
+ * synced blocks (which is ~99.97% of pages, see EDITOR-6586).
+ */
+var hasSyncedBlocks = exports.hasSyncedBlocks = function hasSyncedBlocks(doc) {
+  for (var i = 0; i < doc.childCount; i++) {
+    var node = doc.child(i);
+    if (node.type.name === 'syncBlock' || node.type.name === 'bodiedSyncBlock') {
+      return true;
+    }
+  }
+  return false;
+};

package/dist/cjs/pm-plugins/utils/transaction-inserts-synced-block.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transactionInsertsSyncedBlock = void 0;
+var _transform = require("@atlaskit/editor-prosemirror/transform");
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+/**
+ * Cheap step-level scan to detect whether the given transaction inserts a
+ * synced block (source or reference). Used by the lazy-init path to know when
+ * a previously "no synced blocks" document has gained one.
+ */
+var transactionInsertsSyncedBlock = exports.transactionInsertsSyncedBlock = function transactionInsertsSyncedBlock(tr) {
+  if (!tr.docChanged) {
+    return false;
+  }
+  var _iterator = _createForOfIteratorHelper(tr.steps),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var step = _step.value;
+      if (!(step instanceof _transform.ReplaceStep || step instanceof _transform.ReplaceAroundStep)) {
+        continue;
+      }
+      var childCount = step.slice.content.childCount;
+      for (var i = 0; i < childCount; i++) {
+        var child = step.slice.content.child(i);
+        if (child.type.name === 'syncBlock' || child.type.name === 'bodiedSyncBlock') {
+          return true;
+        }
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return false;
+};

package/dist/cjs/syncedBlockPlugin.js

@@ -127,12 +127,14 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_
         currentSyncBlockStore = _syncedBlockPluginKey.syncBlockStore,
         bodiedSyncBlockDeletionStatus = _syncedBlockPluginKey.bodiedSyncBlockDeletionStatus,
         retryCreationPosMap = _syncedBlockPluginKey.retryCreationPosMap,
+        hasSyncedBlocks = _syncedBlockPluginKey.hasSyncedBlocks,
         hasUnsavedBodiedSyncBlockChanges = _syncedBlockPluginKey.hasUnsavedBodiedSyncBlockChanges;
       return {
         activeFlag: activeFlag,
         syncBlockStore: currentSyncBlockStore,
         bodiedSyncBlockDeletionStatus: bodiedSyncBlockDeletionStatus,
         retryCreationPosMap: retryCreationPosMap,
+        hasSyncedBlocks: hasSyncedBlocks,
         hasUnsavedBodiedSyncBlockChanges: hasUnsavedBodiedSyncBlockChanges
       };
     }

package/dist/cjs/ui/block-menu-components.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.getBlockMenuComponents = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _blockMenu = require("@atlaskit/editor-common/block-menu");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _CreateSyncedBlockDropdownItem = require("./CreateSyncedBlockDropdownItem");
 var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockMenuComponents(api, enableSourceSyncedBlockCreation) {
   return [{
@@ -15,8 +14,8 @@ var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockM
     key: _blockMenu.BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key,
     parent: {
       type: 'block-menu-section',
-      key: (0, _platformFeatureFlags.fg)('platform_editor_block_menu_divider_patch') ? _blockMenu.TRANSFORM_MENU_SECTION.key : _blockMenu.BLOCK_ACTIONS_MENU_SECTION.key,
-      rank: (0, _platformFeatureFlags.fg)('platform_editor_block_menu_divider_patch') ? _blockMenu.TRANSFORM_MENU_SECTION_RANK[_blockMenu.BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key] : _blockMenu.BLOCK_ACTIONS_MENU_SECTION_RANK[_blockMenu.BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key]
+      key: _blockMenu.TRANSFORM_MENU_SECTION.key,
+      rank: _blockMenu.TRANSFORM_MENU_SECTION_RANK[_blockMenu.BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key]
     },
     component: function component() {
       return /*#__PURE__*/_react.default.createElement(_CreateSyncedBlockDropdownItem.CreateOrCopySyncedBlockDropdownItem, {

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

@@ -11,15 +11,18 @@ import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/tra
 import { DecorationSet, Decoration } from '@atlaskit/editor-prosemirror/view';
 import { convertPMNodesToSyncBlockNodes, rebaseTransaction } from '@atlaskit/editor-synced-block-provider';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { bodiedSyncBlockNodeView, bodiedSyncBlockNodeViewOld } from '../nodeviews/bodiedSyncedBlock';
 import { SyncBlock as SyncBlockView } from '../nodeviews/syncedBlock';
 import { FLAG_ID } from '../types';
 import { handleBodiedSyncBlockCreation } from './utils/handle-bodied-sync-block-creation';
 import { handleBodiedSyncBlockRemoval } from './utils/handle-bodied-sync-block-removal';
+import { hasSyncedBlocks } from './utils/has-synced-blocks';
 import { shouldIgnoreDomEvent } from './utils/ignore-dom-event';
 import { calculateDecorations } from './utils/selection-decorations';
 import { hasEditInSyncBlock, trackSyncBlocks } from './utils/track-sync-blocks';
+import { transactionInsertsSyncedBlock } from './utils/transaction-inserts-synced-block';
 import { deferDispatch, wasExtensionInsertedInBodiedSyncBlock, sliceFullyContainsNode } from './utils/utils';
 export const syncedBlockPluginKey = new PluginKey('syncedBlockPlugin');
 const mapRetryCreationPosMap = (oldMap, newRetryCreationPos, mapPos) => {
@@ -246,21 +249,28 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
     key: syncedBlockPluginKey,
     state: {
       init(_, instance) {
-        const syncBlockNodes = instance.doc.children.filter(syncBlockStore.referenceManager.isReferenceBlock);
-        syncBlockStore.referenceManager.fetchSyncBlocksData(convertPMNodesToSyncBlockNodes(syncBlockNodes));
+        // When `editor_synced_block_perf` is ON and the document has no
+        // synced blocks, we skip the eager fetch + cache walks. They will be
+        // re-run lazily by `apply` the first time a synced block enters the
+        // document (paste, collab insert, or programmatic insert).
+        const docHasSyncedBlocks = expValEquals('editor_synced_block_perf', 'isEnabled', true) ? hasSyncedBlocks(instance.doc) : true;
+        if (docHasSyncedBlocks) {
+          const syncBlockNodes = instance.doc.children.filter(syncBlockStore.referenceManager.isReferenceBlock);
+          syncBlockStore.referenceManager.fetchSyncBlocksData(convertPMNodesToSyncBlockNodes(syncBlockNodes));
 
-        // Populate source sync block cache from initial document
-        // When fg is ON, this replaces the constructor call in the nodeview
-        if (fg('platform_synced_block_update_refactor')) {
-          instance.doc.forEach(node => {
-            if (syncBlockStore.sourceManager.isSourceBlock(node)) {
-              syncBlockStore.sourceManager.updateSyncBlockData(node, false);
-            }
-          });
+          // Populate source sync block cache from initial document
+          // When fg is ON, this replaces the constructor call in the nodeview
+          if (fg('platform_synced_block_update_refactor')) {
+            instance.doc.forEach(node => {
+              if (syncBlockStore.sourceManager.isSourceBlock(node)) {
+                syncBlockStore.sourceManager.updateSyncBlockData(node, false);
+              }
+            });
 
-          // Fetch statuses from the backend so we can identify unpublished blocks on cancel
-          if (fg('platform_synced_block_patch_10')) {
-            syncBlockStore.sourceManager.fetchAndCacheStatuses();
+            // Fetch statuses from the backend so we can identify unpublished blocks on cancel
+            if (fg('platform_synced_block_patch_10')) {
+              syncBlockStore.sourceManager.fetchAndCacheStatuses();
+            }
           }
         }
         return {
@@ -268,6 +278,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
           activeFlag: false,
           syncBlockStore: syncBlockStore,
           retryCreationPosMap: new Map(),
+          hasSyncedBlocks: docHasSyncedBlocks,
           hasUnsavedBodiedSyncBlockChanges: syncBlockStore.sourceManager.hasUnsavedChanges()
         };
       },
@@ -278,8 +289,18 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
           activeFlag,
           selectionDecorationSet,
           bodiedSyncBlockDeletionStatus,
-          retryCreationPosMap
+          retryCreationPosMap,
+          hasSyncedBlocks: prevHasSyncedBlocks
         } = currentPluginState;
+
+        // Lazy-init bookkeeping: once a synced block enters the document we
+        // flip `hasSyncedBlocks` to `true` for the lifetime of this editor
+        let nextHasSyncedBlocks = prevHasSyncedBlocks;
+        if (!prevHasSyncedBlocks && tr.docChanged && expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+          if (transactionInsertsSyncedBlock(tr)) {
+            nextHasSyncedBlocks = true;
+          }
+        }
         let newDecorationSet = tr.docChanged ? selectionDecorationSet.map(tr.mapping, tr.doc) // only map if document changed
         : selectionDecorationSet;
         if (!tr.selection.eq(oldEditorState.selection)) {
@@ -302,6 +323,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
           selectionDecorationSet: newDecorationSet,
           syncBlockStore: syncBlockStore,
           retryCreationPosMap: newRetryCreationPosMap,
+          hasSyncedBlocks: nextHasSyncedBlocks,
           bodiedSyncBlockDeletionStatus: (_meta$bodiedSyncBlock = meta === null || meta === void 0 ? void 0 : meta.bodiedSyncBlockDeletionStatus) !== null && _meta$bodiedSyncBlock !== void 0 ? _meta$bodiedSyncBlock : bodiedSyncBlockDeletionStatus,
           hasUnsavedBodiedSyncBlockChanges: syncBlockStore.sourceManager.hasUnsavedChanges()
         };
@@ -346,6 +368,14 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
         const {
           doc
         } = state;
+
+        // Lazy-init: when no synced block exists in the doc, skip the
+        // `descendants` walk and the 4 shared-state reads below. The
+        // selection decoration set is the only thing that can be
+        // non-empty in this state.
+        if (currentPluginState && !currentPluginState.hasSyncedBlocks && expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+          return selectionDecorationSet;
+        }
         const isOffline = isOfflineMode(api === null || api === void 0 ? void 0 : (_api$connectivity2 = api.connectivity) === null || _api$connectivity2 === void 0 ? void 0 : (_api$connectivity2$sh = _api$connectivity2.sharedState.currentState()) === null || _api$connectivity2$sh === void 0 ? void 0 : _api$connectivity2$sh.mode);
         const isViewMode = (api === null || api === void 0 ? void 0 : (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 ? void 0 : (_api$editorViewMode$s = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode$s === void 0 ? void 0 : _api$editorViewMode$s.mode) === 'view';
         const isDragging = (api === null || api === void 0 ? void 0 : (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 ? void 0 : (_api$userIntent$share = _api$userIntent.sharedState.currentState()) === null || _api$userIntent$share === void 0 ? void 0 : _api$userIntent$share.currentUserIntent) === 'dragging';
@@ -444,6 +474,16 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
     },
     filterTransaction: (tr, state) => {
       var _api$editorViewMode2, _api$editorViewMode2$, _api$connectivity3, _api$connectivity3$sh;
+      // Lazy-init: when no synced block currently exists in the doc and the
+      // transaction does not insert one, all downstream filter logic is a
+      // no-op. Avoid both the shared-state reads and the `trackSyncBlocks`
+      // walks for the ~99.97% of pages that have no synced blocks.
+      if (expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+        const pluginState = syncedBlockPluginKey.getState(state);
+        if (pluginState && !pluginState.hasSyncedBlocks && !transactionInsertsSyncedBlock(tr)) {
+          return true;
+        }
+      }
       const viewMode = api === null || api === void 0 ? void 0 : (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 ? void 0 : (_api$editorViewMode2$ = _api$editorViewMode2.sharedState.currentState()) === null || _api$editorViewMode2$ === void 0 ? void 0 : _api$editorViewMode2$.mode;
       if (viewMode === 'view' && fg('platform_synced_block_patch_8')) {
         return true;
@@ -517,6 +557,18 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
     },
     appendTransaction: (trs, oldState, newState) => {
       var _api$editorViewMode3, _api$editorViewMode3$;
+      // Lazy-init: when neither the previous nor the new state contains a
+      // synced block (and none of the dispatched transactions inserts one),
+      // skip all downstream work. This is the hot path on the ~99.97% of
+      // pages that don't use synced blocks (see EDITOR-6586).
+      if (expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+        const oldPluginState = syncedBlockPluginKey.getState(oldState);
+        const newPluginState = syncedBlockPluginKey.getState(newState);
+        const hadOrHasSyncedBlocks = !!(oldPluginState !== null && oldPluginState !== void 0 && oldPluginState.hasSyncedBlocks) || !!(newPluginState !== null && newPluginState !== void 0 && newPluginState.hasSyncedBlocks);
+        if (!hadOrHasSyncedBlocks) {
+          return null;
+        }
+      }
       const viewMode = api === null || api === void 0 ? void 0 : (_api$editorViewMode3 = api.editorViewMode) === null || _api$editorViewMode3 === void 0 ? void 0 : (_api$editorViewMode3$ = _api$editorViewMode3.sharedState.currentState()) === null || _api$editorViewMode3$ === void 0 ? void 0 : _api$editorViewMode3$.mode;
       if (viewMode === 'view' && fg('platform_synced_block_patch_8')) {
         return null;

package/dist/es2019/pm-plugins/utils/has-synced-blocks.js

@@ -0,0 +1,19 @@
+/**
+ * Cheap detector for the presence of any synced block (source or reference)
+ * at the top level of the document.
+ *
+ * Both `syncBlock` and `bodiedSyncBlock` are top-level nodes in the schema, so
+ * a single shallow scan is sufficient — no need for a recursive `descendants`
+ * walk. This is used by the `editor_synced_block_perf` experiment to avoid
+ * spinning up the synced block subsystem on documents that don't contain any
+ * synced blocks (which is ~99.97% of pages, see EDITOR-6586).
+ */
+export const hasSyncedBlocks = doc => {
+  for (let i = 0; i < doc.childCount; i++) {
+    const node = doc.child(i);
+    if (node.type.name === 'syncBlock' || node.type.name === 'bodiedSyncBlock') {
+      return true;
+    }
+  }
+  return false;
+};

package/dist/es2019/pm-plugins/utils/transaction-inserts-synced-block.js

@@ -0,0 +1,25 @@
+import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
+
+/**
+ * Cheap step-level scan to detect whether the given transaction inserts a
+ * synced block (source or reference). Used by the lazy-init path to know when
+ * a previously "no synced blocks" document has gained one.
+ */
+export const transactionInsertsSyncedBlock = tr => {
+  if (!tr.docChanged) {
+    return false;
+  }
+  for (const step of tr.steps) {
+    if (!(step instanceof ReplaceStep || step instanceof ReplaceAroundStep)) {
+      continue;
+    }
+    const childCount = step.slice.content.childCount;
+    for (let i = 0; i < childCount; i++) {
+      const child = step.slice.content.child(i);
+      if (child.type.name === 'syncBlock' || child.type.name === 'bodiedSyncBlock') {
+        return true;
+      }
+    }
+  }
+  return false;
+};

package/dist/es2019/syncedBlockPlugin.js

@@ -113,6 +113,7 @@ export const syncedBlockPlugin = ({
         syncBlockStore: currentSyncBlockStore,
         bodiedSyncBlockDeletionStatus,
         retryCreationPosMap,
+        hasSyncedBlocks,
         hasUnsavedBodiedSyncBlockChanges
       } = syncedBlockPluginKey.getState(editorState);
       return {
@@ -120,6 +121,7 @@ export const syncedBlockPlugin = ({
         syncBlockStore: currentSyncBlockStore,
         bodiedSyncBlockDeletionStatus,
         retryCreationPosMap,
+        hasSyncedBlocks,
         hasUnsavedBodiedSyncBlockChanges
       };
     }

package/dist/es2019/ui/block-menu-components.js

@@ -1,6 +1,5 @@
 import React from 'react';
-import { BLOCK_ACTIONS_MENU_SECTION, BLOCK_ACTIONS_MENU_SECTION_RANK, TRANSFORM_MENU_SECTION, TRANSFORM_MENU_SECTION_RANK, BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { TRANSFORM_MENU_SECTION, TRANSFORM_MENU_SECTION_RANK, BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
 import { CreateOrCopySyncedBlockDropdownItem } from './CreateSyncedBlockDropdownItem';
 export const getBlockMenuComponents = (api, enableSourceSyncedBlockCreation) => {
   return [{
@@ -8,8 +7,8 @@ export const getBlockMenuComponents = (api, enableSourceSyncedBlockCreation) =>
     key: BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key,
     parent: {
       type: 'block-menu-section',
-      key: fg('platform_editor_block_menu_divider_patch') ? TRANSFORM_MENU_SECTION.key : BLOCK_ACTIONS_MENU_SECTION.key,
-      rank: fg('platform_editor_block_menu_divider_patch') ? TRANSFORM_MENU_SECTION_RANK[BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key] : BLOCK_ACTIONS_MENU_SECTION_RANK[BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key]
+      key: TRANSFORM_MENU_SECTION.key,
+      rank: TRANSFORM_MENU_SECTION_RANK[BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key]
     },
     component: () => /*#__PURE__*/React.createElement(CreateOrCopySyncedBlockDropdownItem, {
       api: api,

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

@@ -19,15 +19,18 @@ import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/tra
 import { DecorationSet, Decoration } from '@atlaskit/editor-prosemirror/view';
 import { convertPMNodesToSyncBlockNodes, rebaseTransaction } from '@atlaskit/editor-synced-block-provider';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { bodiedSyncBlockNodeView, bodiedSyncBlockNodeViewOld } from '../nodeviews/bodiedSyncedBlock';
 import { SyncBlock as SyncBlockView } from '../nodeviews/syncedBlock';
 import { FLAG_ID } from '../types';
 import { handleBodiedSyncBlockCreation } from './utils/handle-bodied-sync-block-creation';
 import { handleBodiedSyncBlockRemoval } from './utils/handle-bodied-sync-block-removal';
+import { hasSyncedBlocks } from './utils/has-synced-blocks';
 import { shouldIgnoreDomEvent } from './utils/ignore-dom-event';
 import { calculateDecorations } from './utils/selection-decorations';
 import { hasEditInSyncBlock, trackSyncBlocks } from './utils/track-sync-blocks';
+import { transactionInsertsSyncedBlock } from './utils/transaction-inserts-synced-block';
 import { deferDispatch, wasExtensionInsertedInBodiedSyncBlock, sliceFullyContainsNode } from './utils/utils';
 export var syncedBlockPluginKey = new PluginKey('syncedBlockPlugin');
 var mapRetryCreationPosMap = function mapRetryCreationPosMap(oldMap, newRetryCreationPos, mapPos) {
@@ -272,21 +275,28 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
     key: syncedBlockPluginKey,
     state: {
       init: function init(_, instance) {
-        var syncBlockNodes = instance.doc.children.filter(syncBlockStore.referenceManager.isReferenceBlock);
-        syncBlockStore.referenceManager.fetchSyncBlocksData(convertPMNodesToSyncBlockNodes(syncBlockNodes));
+        // When `editor_synced_block_perf` is ON and the document has no
+        // synced blocks, we skip the eager fetch + cache walks. They will be
+        // re-run lazily by `apply` the first time a synced block enters the
+        // document (paste, collab insert, or programmatic insert).
+        var docHasSyncedBlocks = expValEquals('editor_synced_block_perf', 'isEnabled', true) ? hasSyncedBlocks(instance.doc) : true;
+        if (docHasSyncedBlocks) {
+          var syncBlockNodes = instance.doc.children.filter(syncBlockStore.referenceManager.isReferenceBlock);
+          syncBlockStore.referenceManager.fetchSyncBlocksData(convertPMNodesToSyncBlockNodes(syncBlockNodes));
 
-        // Populate source sync block cache from initial document
-        // When fg is ON, this replaces the constructor call in the nodeview
-        if (fg('platform_synced_block_update_refactor')) {
-          instance.doc.forEach(function (node) {
-            if (syncBlockStore.sourceManager.isSourceBlock(node)) {
-              syncBlockStore.sourceManager.updateSyncBlockData(node, false);
-            }
-          });
+          // Populate source sync block cache from initial document
+          // When fg is ON, this replaces the constructor call in the nodeview
+          if (fg('platform_synced_block_update_refactor')) {
+            instance.doc.forEach(function (node) {
+              if (syncBlockStore.sourceManager.isSourceBlock(node)) {
+                syncBlockStore.sourceManager.updateSyncBlockData(node, false);
+              }
+            });
 
-          // Fetch statuses from the backend so we can identify unpublished blocks on cancel
-          if (fg('platform_synced_block_patch_10')) {
-            syncBlockStore.sourceManager.fetchAndCacheStatuses();
+            // Fetch statuses from the backend so we can identify unpublished blocks on cancel
+            if (fg('platform_synced_block_patch_10')) {
+              syncBlockStore.sourceManager.fetchAndCacheStatuses();
+            }
           }
         }
         return {
@@ -294,6 +304,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           activeFlag: false,
           syncBlockStore: syncBlockStore,
           retryCreationPosMap: new Map(),
+          hasSyncedBlocks: docHasSyncedBlocks,
           hasUnsavedBodiedSyncBlockChanges: syncBlockStore.sourceManager.hasUnsavedChanges()
         };
       },
@@ -303,7 +314,17 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         var activeFlag = currentPluginState.activeFlag,
           selectionDecorationSet = currentPluginState.selectionDecorationSet,
           bodiedSyncBlockDeletionStatus = currentPluginState.bodiedSyncBlockDeletionStatus,
-          retryCreationPosMap = currentPluginState.retryCreationPosMap;
+          retryCreationPosMap = currentPluginState.retryCreationPosMap,
+          prevHasSyncedBlocks = currentPluginState.hasSyncedBlocks;
+
+        // Lazy-init bookkeeping: once a synced block enters the document we
+        // flip `hasSyncedBlocks` to `true` for the lifetime of this editor
+        var nextHasSyncedBlocks = prevHasSyncedBlocks;
+        if (!prevHasSyncedBlocks && tr.docChanged && expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+          if (transactionInsertsSyncedBlock(tr)) {
+            nextHasSyncedBlocks = true;
+          }
+        }
         var newDecorationSet = tr.docChanged ? selectionDecorationSet.map(tr.mapping, tr.doc) // only map if document changed
         : selectionDecorationSet;
         if (!tr.selection.eq(oldEditorState.selection)) {
@@ -326,6 +347,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           selectionDecorationSet: newDecorationSet,
           syncBlockStore: syncBlockStore,
           retryCreationPosMap: newRetryCreationPosMap,
+          hasSyncedBlocks: nextHasSyncedBlocks,
           bodiedSyncBlockDeletionStatus: (_meta$bodiedSyncBlock = meta === null || meta === void 0 ? void 0 : meta.bodiedSyncBlockDeletionStatus) !== null && _meta$bodiedSyncBlock !== void 0 ? _meta$bodiedSyncBlock : bodiedSyncBlockDeletionStatus,
           hasUnsavedBodiedSyncBlockChanges: syncBlockStore.sourceManager.hasUnsavedChanges()
         };
@@ -371,6 +393,14 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         var selectionDecorationSet = (_currentPluginState$s = currentPluginState === null || currentPluginState === void 0 ? void 0 : currentPluginState.selectionDecorationSet) !== null && _currentPluginState$s !== void 0 ? _currentPluginState$s : DecorationSet.empty;
         var syncBlockStore = currentPluginState === null || currentPluginState === void 0 ? void 0 : currentPluginState.syncBlockStore;
         var doc = state.doc;
+
+        // Lazy-init: when no synced block exists in the doc, skip the
+        // `descendants` walk and the 4 shared-state reads below. The
+        // selection decoration set is the only thing that can be
+        // non-empty in this state.
+        if (currentPluginState && !currentPluginState.hasSyncedBlocks && expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+          return selectionDecorationSet;
+        }
         var isOffline = isOfflineMode(api === null || api === void 0 || (_api$connectivity2 = api.connectivity) === null || _api$connectivity2 === void 0 || (_api$connectivity2 = _api$connectivity2.sharedState.currentState()) === null || _api$connectivity2 === void 0 ? void 0 : _api$connectivity2.mode);
         var isViewMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'view';
         var isDragging = (api === null || api === void 0 || (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 || (_api$userIntent = _api$userIntent.sharedState.currentState()) === null || _api$userIntent === void 0 ? void 0 : _api$userIntent.currentUserIntent) === 'dragging';
@@ -467,6 +497,16 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
     },
     filterTransaction: function filterTransaction(tr, state) {
       var _api$editorViewMode2, _api$connectivity3;
+      // Lazy-init: when no synced block currently exists in the doc and the
+      // transaction does not insert one, all downstream filter logic is a
+      // no-op. Avoid both the shared-state reads and the `trackSyncBlocks`
+      // walks for the ~99.97% of pages that have no synced blocks.
+      if (expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+        var pluginState = syncedBlockPluginKey.getState(state);
+        if (pluginState && !pluginState.hasSyncedBlocks && !transactionInsertsSyncedBlock(tr)) {
+          return true;
+        }
+      }
       var viewMode = api === null || api === void 0 || (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 || (_api$editorViewMode2 = _api$editorViewMode2.sharedState.currentState()) === null || _api$editorViewMode2 === void 0 ? void 0 : _api$editorViewMode2.mode;
       if (viewMode === 'view' && fg('platform_synced_block_patch_8')) {
         return true;
@@ -547,6 +587,18 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
     },
     appendTransaction: function appendTransaction(trs, oldState, newState) {
       var _api$editorViewMode3;
+      // Lazy-init: when neither the previous nor the new state contains a
+      // synced block (and none of the dispatched transactions inserts one),
+      // skip all downstream work. This is the hot path on the ~99.97% of
+      // pages that don't use synced blocks (see EDITOR-6586).
+      if (expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+        var oldPluginState = syncedBlockPluginKey.getState(oldState);
+        var newPluginState = syncedBlockPluginKey.getState(newState);
+        var hadOrHasSyncedBlocks = !!(oldPluginState !== null && oldPluginState !== void 0 && oldPluginState.hasSyncedBlocks) || !!(newPluginState !== null && newPluginState !== void 0 && newPluginState.hasSyncedBlocks);
+        if (!hadOrHasSyncedBlocks) {
+          return null;
+        }
+      }
       var viewMode = api === null || api === void 0 || (_api$editorViewMode3 = api.editorViewMode) === null || _api$editorViewMode3 === void 0 || (_api$editorViewMode3 = _api$editorViewMode3.sharedState.currentState()) === null || _api$editorViewMode3 === void 0 ? void 0 : _api$editorViewMode3.mode;
       if (viewMode === 'view' && fg('platform_synced_block_patch_8')) {
         return null;

package/dist/esm/pm-plugins/utils/has-synced-blocks.js

@@ -0,0 +1,19 @@
+/**
+ * Cheap detector for the presence of any synced block (source or reference)
+ * at the top level of the document.
+ *
+ * Both `syncBlock` and `bodiedSyncBlock` are top-level nodes in the schema, so
+ * a single shallow scan is sufficient — no need for a recursive `descendants`
+ * walk. This is used by the `editor_synced_block_perf` experiment to avoid
+ * spinning up the synced block subsystem on documents that don't contain any
+ * synced blocks (which is ~99.97% of pages, see EDITOR-6586).
+ */
+export var hasSyncedBlocks = function hasSyncedBlocks(doc) {
+  for (var i = 0; i < doc.childCount; i++) {
+    var node = doc.child(i);
+    if (node.type.name === 'syncBlock' || node.type.name === 'bodiedSyncBlock') {
+      return true;
+    }
+  }
+  return false;
+};

package/dist/esm/pm-plugins/utils/transaction-inserts-synced-block.js

@@ -0,0 +1,37 @@
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
+
+/**
+ * Cheap step-level scan to detect whether the given transaction inserts a
+ * synced block (source or reference). Used by the lazy-init path to know when
+ * a previously "no synced blocks" document has gained one.
+ */
+export var transactionInsertsSyncedBlock = function transactionInsertsSyncedBlock(tr) {
+  if (!tr.docChanged) {
+    return false;
+  }
+  var _iterator = _createForOfIteratorHelper(tr.steps),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var step = _step.value;
+      if (!(step instanceof ReplaceStep || step instanceof ReplaceAroundStep)) {
+        continue;
+      }
+      var childCount = step.slice.content.childCount;
+      for (var i = 0; i < childCount; i++) {
+        var child = step.slice.content.child(i);
+        if (child.type.name === 'syncBlock' || child.type.name === 'bodiedSyncBlock') {
+          return true;
+        }
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return false;
+};

package/dist/esm/syncedBlockPlugin.js

@@ -120,12 +120,14 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref) {
         currentSyncBlockStore = _syncedBlockPluginKey.syncBlockStore,
         bodiedSyncBlockDeletionStatus = _syncedBlockPluginKey.bodiedSyncBlockDeletionStatus,
         retryCreationPosMap = _syncedBlockPluginKey.retryCreationPosMap,
+        hasSyncedBlocks = _syncedBlockPluginKey.hasSyncedBlocks,
         hasUnsavedBodiedSyncBlockChanges = _syncedBlockPluginKey.hasUnsavedBodiedSyncBlockChanges;
       return {
         activeFlag: activeFlag,
         syncBlockStore: currentSyncBlockStore,
         bodiedSyncBlockDeletionStatus: bodiedSyncBlockDeletionStatus,
         retryCreationPosMap: retryCreationPosMap,
+        hasSyncedBlocks: hasSyncedBlocks,
         hasUnsavedBodiedSyncBlockChanges: hasUnsavedBodiedSyncBlockChanges
       };
     }

package/dist/esm/ui/block-menu-components.js

@@ -1,6 +1,5 @@
 import React from 'react';
-import { BLOCK_ACTIONS_MENU_SECTION, BLOCK_ACTIONS_MENU_SECTION_RANK, TRANSFORM_MENU_SECTION, TRANSFORM_MENU_SECTION_RANK, BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { TRANSFORM_MENU_SECTION, TRANSFORM_MENU_SECTION_RANK, BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
 import { CreateOrCopySyncedBlockDropdownItem } from './CreateSyncedBlockDropdownItem';
 export var getBlockMenuComponents = function getBlockMenuComponents(api, enableSourceSyncedBlockCreation) {
   return [{
@@ -8,8 +7,8 @@ export var getBlockMenuComponents = function getBlockMenuComponents(api, enableS
     key: BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key,
     parent: {
       type: 'block-menu-section',
-      key: fg('platform_editor_block_menu_divider_patch') ? TRANSFORM_MENU_SECTION.key : BLOCK_ACTIONS_MENU_SECTION.key,
-      rank: fg('platform_editor_block_menu_divider_patch') ? TRANSFORM_MENU_SECTION_RANK[BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key] : BLOCK_ACTIONS_MENU_SECTION_RANK[BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key]
+      key: TRANSFORM_MENU_SECTION.key,
+      rank: TRANSFORM_MENU_SECTION_RANK[BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key]
     },
     component: function component() {
       return /*#__PURE__*/React.createElement(CreateOrCopySyncedBlockDropdownItem, {

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

@@ -9,6 +9,17 @@ export declare const syncedBlockPluginKey: PluginKey;
 type SyncedBlockPluginState = {
     activeFlag: ActiveFlag;
     bodiedSyncBlockDeletionStatus?: BodiedSyncBlockDeletionStatus;
+    /**
+     * When `editor_synced_block_perf` is ON, this flag tracks whether the
+     * document currently contains any synced block (source or reference). When
+     * `false`, downstream work in `appendTransaction`, `decorations`, and the
+     * `contentComponent` short-circuits to avoid the per-transition feature tax
+     * on the ~99.97% of pages that have no synced blocks (see EDITOR-6586).
+     *
+     * When the gate is OFF this is always `true` so existing behavior is
+     * preserved.
+     */
+    hasSyncedBlocks: boolean;
     hasUnsavedBodiedSyncBlockChanges?: boolean;
     retryCreationPosMap: RetryCreationPosMap;
     selectionDecorationSet: DecorationSet;

package/dist/types/pm-plugins/utils/has-synced-blocks.d.ts

@@ -0,0 +1,12 @@
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+/**
+ * Cheap detector for the presence of any synced block (source or reference)
+ * at the top level of the document.
+ *
+ * Both `syncBlock` and `bodiedSyncBlock` are top-level nodes in the schema, so
+ * a single shallow scan is sufficient — no need for a recursive `descendants`
+ * walk. This is used by the `editor_synced_block_perf` experiment to avoid
+ * spinning up the synced block subsystem on documents that don't contain any
+ * synced blocks (which is ~99.97% of pages, see EDITOR-6586).
+ */
+export declare const hasSyncedBlocks: (doc: PMNode) => boolean;

package/dist/types/pm-plugins/utils/transaction-inserts-synced-block.d.ts

@@ -0,0 +1,7 @@
+import type { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
+/**
+ * Cheap step-level scan to detect whether the given transaction inserts a
+ * synced block (source or reference). Used by the lazy-init path to know when
+ * a previously "no synced blocks" document has gained one.
+ */
+export declare const transactionInsertsSyncedBlock: (tr: ReadonlyTransaction | Transaction) => boolean;

package/dist/types/types/index.d.ts

@@ -38,6 +38,13 @@ export type SyncedBlockSharedState = {
      * Whether the plugin is currently saving bodiedSyncBlock deletion to backend
      */
     bodiedSyncBlockDeletionStatus?: BodiedSyncBlockDeletionStatus;
+    /**
+     * Whether the document currently contains any synced block (source or
+     * reference). Sticky once flipped to `true` for the lifetime of the
+     * editor session. When `editor_synced_block_perf` is OFF this is
+     * always `true`.
+     */
+    hasSyncedBlocks: boolean;
     /**
      * Whether there are unsaved bodiedSyncBlock changes in the cache
      */

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

@@ -9,6 +9,17 @@ export declare const syncedBlockPluginKey: PluginKey;
 type SyncedBlockPluginState = {
     activeFlag: ActiveFlag;
     bodiedSyncBlockDeletionStatus?: BodiedSyncBlockDeletionStatus;
+    /**
+     * When `editor_synced_block_perf` is ON, this flag tracks whether the
+     * document currently contains any synced block (source or reference). When
+     * `false`, downstream work in `appendTransaction`, `decorations`, and the
+     * `contentComponent` short-circuits to avoid the per-transition feature tax
+     * on the ~99.97% of pages that have no synced blocks (see EDITOR-6586).
+     *
+     * When the gate is OFF this is always `true` so existing behavior is
+     * preserved.
+     */
+    hasSyncedBlocks: boolean;
     hasUnsavedBodiedSyncBlockChanges?: boolean;
     retryCreationPosMap: RetryCreationPosMap;
     selectionDecorationSet: DecorationSet;

package/dist/types-ts4.5/pm-plugins/utils/has-synced-blocks.d.ts

@@ -0,0 +1,12 @@
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+/**
+ * Cheap detector for the presence of any synced block (source or reference)
+ * at the top level of the document.
+ *
+ * Both `syncBlock` and `bodiedSyncBlock` are top-level nodes in the schema, so
+ * a single shallow scan is sufficient — no need for a recursive `descendants`
+ * walk. This is used by the `editor_synced_block_perf` experiment to avoid
+ * spinning up the synced block subsystem on documents that don't contain any
+ * synced blocks (which is ~99.97% of pages, see EDITOR-6586).
+ */
+export declare const hasSyncedBlocks: (doc: PMNode) => boolean;

package/dist/types-ts4.5/pm-plugins/utils/transaction-inserts-synced-block.d.ts

@@ -0,0 +1,7 @@
+import type { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
+/**
+ * Cheap step-level scan to detect whether the given transaction inserts a
+ * synced block (source or reference). Used by the lazy-init path to know when
+ * a previously "no synced blocks" document has gained one.
+ */
+export declare const transactionInsertsSyncedBlock: (tr: ReadonlyTransaction | Transaction) => boolean;

package/dist/types-ts4.5/types/index.d.ts

@@ -38,6 +38,13 @@ export type SyncedBlockSharedState = {
      * Whether the plugin is currently saving bodiedSyncBlock deletion to backend
      */
     bodiedSyncBlockDeletionStatus?: BodiedSyncBlockDeletionStatus;
+    /**
+     * Whether the document currently contains any synced block (source or
+     * reference). Sticky once flipped to `true` for the lifetime of the
+     * editor session. When `editor_synced_block_perf` is OFF this is
+     * always `true`.
+     */
+    hasSyncedBlocks: boolean;
     /**
      * Whether there are unsaved bodiedSyncBlock changes in the cache
      */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "8.2.3",
+	"version": "8.2.5",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -54,7 +54,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/spinner": "19.1.2",
-		"@atlaskit/tmp-editor-statsig": "^75.0.0",
+		"@atlaskit/tmp-editor-statsig": "^76.0.0",
 		"@atlaskit/tokens": "13.0.3",
 		"@atlaskit/tooltip": "^22.0.0",
 		"@atlaskit/visually-hidden": "^3.1.0",
@@ -64,7 +64,7 @@
 		"date-fns": "^2.17.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.19.0",
+		"@atlaskit/editor-common": "^114.20.0",
 		"react": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
@@ -115,9 +115,6 @@
 		"platform_synced_block_fix_experience_tracking": {
 			"type": "boolean"
 		},
-		"platform_editor_block_menu_divider_patch": {
-			"type": "boolean"
-		},
 		"platform_synced_block_update_refactor": {
 			"type": "boolean"
 		},