@atlaskit/editor-plugin-synced-block
Version:
SyncedBlock plugin for @atlaskit/editor-core
118 lines (115 loc) • 6.61 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.handleBodiedSyncBlockRemoval = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _utils = require("@atlaskit/editor-common/utils");
var _types = require("../../types");
var _main = require("../main");
var _recomputeDeleteTransaction = require("./recompute-delete-transaction");
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; }
var onRetry = function onRetry(api, syncBlockStore) {
return function () {
var _api$core;
api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (_ref) {
var tr = _ref.tr;
return tr.setMeta(_main.syncedBlockPluginKey, {
bodiedSyncBlockDeletionStatus: 'processing',
activeFlag: false
});
});
syncBlockStore.sourceManager.retryDeletion();
};
};
var onDismissed = function onDismissed(syncBlockStore) {
return function (tr) {
syncBlockStore.sourceManager.clearPendingDeletion();
return tr.setMeta(_main.syncedBlockPluginKey, {
bodiedSyncBlockDeletionStatus: 'none'
});
};
};
var handleBodiedSyncBlockRemoval = exports.handleBodiedSyncBlockRemoval = function handleBodiedSyncBlockRemoval(bodiedSyncBlockRemoved, syncBlockStore, api, confirmationTransactionRef, deletionReason, mechanism, feedbackCallbacks) {
// Clear potential old pending deletion to retreat the deletion as first attempt
syncBlockStore.sourceManager.clearPendingDeletion();
// If there are source sync blocks being removed, and we need to confirm with user before deleting,
// we block the transaction here, and wait for user confirmation to proceed with deletion.
// See editor-common/src/sync-block/sync-block-store-manager.ts for how we handle user confirmation and
// proceed with deletion.
syncBlockStore.sourceManager.deleteSyncBlocksWithConfirmation(bodiedSyncBlockRemoved.map(function (node) {
return node.attrs;
}), deletionReason, function () {
var _api$core2;
// Recompute the delete fresh from the live document instead of
// replaying a stashed-and-rebased transaction. The stash/rebase
// approach produced stale, schema-invalid transactions when the
// document changed shape (local edits or remote collab) while the
// confirmation modal was open — the dominant signature being
// "Invalid content for node bodiedSyncBlock: <>". See EDITOR-7889.
api === null || api === void 0 || (_api$core2 = api.core) === null || _api$core2 === void 0 || _api$core2.actions.execute(function (_ref2) {
var tr = _ref2.tr;
// EDITOR-8230: unsync must remove only the sync wrapper and keep the block's
// content inline, whereas delete removes the whole block. Before this branch,
// the confirm path always recomputed a full delete, so unsyncing a source block
// silently deleted its content. When the deletion was actually triggered by
// unsync, recompute an unwrap (replaceWith content) instead of a delete.
var recomputedTr = deletionReason === 'source-block-unsynced' ? (0, _recomputeDeleteTransaction.recomputeUnsyncTransaction)(tr, syncBlockStore.sourceManager.isSourceBlock, bodiedSyncBlockRemoved.map(function (node) {
return node.attrs;
})) : (0, _recomputeDeleteTransaction.recomputeDeleteTransaction)(tr, syncBlockStore.sourceManager.isSourceBlock, bodiedSyncBlockRemoved.map(function (node) {
return node.attrs;
}));
// The target node(s) no longer exist in the live document (e.g.
// a remote collaborator already removed them). There is nothing
// to delete locally, so return `null` to skip the dispatch
// entirely — dispatching the untouched transaction would be a
// no-op that still runs the plugin's filter/append hooks. The
// backend deletion has already been issued by the store manager.
if (!recomputedTr) {
return null;
}
recomputedTr.setMeta('isConfirmedSyncBlockDeletion', true);
feedbackCallbacks === null || feedbackCallbacks === void 0 || feedbackCallbacks.onDeleteTransaction(recomputedTr);
if (!recomputedTr.getMeta(_utils.pmHistoryPluginKey)) {
// bodiedSyncBlock deletion is expected to be permanent (cannot undo)
// For a normal deletion (not triggered by undo), remove it from history so that it cannot be undone
recomputedTr.setMeta('addToHistory', false);
}
return recomputedTr;
});
}, function (success) {
var _api$core3;
feedbackCallbacks === null || feedbackCallbacks === void 0 || feedbackCallbacks.onDeleteCompleted(success);
api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute(function (_ref3) {
var tr = _ref3.tr;
var newState;
if (!success) {
newState = {
activeFlag: {
id: _types.FLAG_ID.FAIL_TO_DELETE,
onRetry: onRetry(api, syncBlockStore),
onDismissed: onDismissed(syncBlockStore)
}
};
} else {
newState = {
activeFlag: false
};
}
newState = _objectSpread(_objectSpread({}, newState), {}, {
bodiedSyncBlockDeletionStatus: syncBlockStore.sourceManager.isRetryingDeletion() ?
// For retry, reset to none directly to clean up the status
'none' :
// For the first attempt, set to completed for deletion modal can close the modal
'completed'
});
return tr.setMeta(_main.syncedBlockPluginKey, newState);
});
}, function () {
confirmationTransactionRef.current = undefined;
feedbackCallbacks === null || feedbackCallbacks === void 0 || feedbackCallbacks.onDestroy();
}, mechanism);
return false;
};