UNPKG

@atlaskit/editor-plugin-collab-edit

Version:

Collab Edit plugin for @atlaskit/editor-core

220 lines (215 loc) 11.7 kB
import _defineProperty from "@babel/runtime/helpers/defineProperty"; 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) { _defineProperty(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; } // Ignored via go/ees005 // eslint-disable-next-line import/no-namespace import * as allAdfSchemaSteps from '@atlaskit/adf-schema/steps'; // Ignored via go/ees005 // eslint-disable-next-line import/no-namespace import * as allAtlaskitCustomSteps from '@atlaskit/custom-steps'; import { AGENT_EDIT_CHROME_DATA, getAgentEditChromeDynamicConfig } from '@atlaskit/editor-common/collab-agent-edit-chrome'; import { AGENT_REMOTE_EDIT_REVIEW_DATA } from '@atlaskit/editor-common/collab-agent-remote-edit-review'; import { AllSelection, NodeSelection } from '@atlaskit/editor-prosemirror/state'; import { Step } from '@atlaskit/editor-prosemirror/transform-override'; import { expVal } from '@atlaskit/platform-feature-experiments/exp-val'; import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled'; import { fg } from '@atlaskit/platform-feature-flags/fg'; import { receiveTransaction } from '@atlaskit/prosemirror-collab'; import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals'; import { getAgentEditShimmerNotShownPayload } from './analytics'; import { getAgentEditSegments } from './main/agent-review-segments'; import { ADD_AGENT_SHIMMER_META, AGENT_EDIT_HIGHLIGHT_DEFAULT_DURATION_MS, AGENT_SHIMMER_DEFAULT_DURATION_MS, HIGHLIGHT_AGENT_SHIMMER_META, REMOVE_AGENT_SHIMMER_META } from './main/agent-shimmer-decorations'; import { getAgentEditRequester } from './main/agent-edit-requester'; import { getAgentEditChromeRanges, getAgentShimmerRanges } from './main/agent-shimmer-ranges'; import { replaceDocument } from './utils'; /* * This is a non-op function to force ProseMirror to load and register all custom steps in the same bundle */ export var registerAllCustomSteps = function registerAllCustomSteps() { Object.entries(allAtlaskitCustomSteps).forEach(function () {}); Object.entries(allAdfSchemaSteps).forEach(function () {}); }; export var handleInit = function handleInit(initData, view, options, editorAnalyticsApi) { var doc = initData.doc, json = initData.json, version = initData.version, reserveCursor = initData.reserveCursor; if (doc) { var state = view.state; var tr = replaceDocument(doc, state, version, options, reserveCursor, editorAnalyticsApi); tr.setMeta('isRemote', true); view.dispatch(tr); } else if (json) { applyRemoteSteps(json, view, undefined, options, editorAnalyticsApi); } }; export var handleConnection = function handleConnection(connectionData, view) { var tr = view.state.tr; view.dispatch(tr.setMeta('sessionId', connectionData)); }; export var handlePresence = function handlePresence(presenceData, view) { var tr = view.state.tr; view.dispatch(tr.setMeta('presence', presenceData)); }; export var applyRemoteData = function applyRemoteData(remoteData, view, options, editorAnalyticsApi) { var json = remoteData.json, _remoteData$userIds = remoteData.userIds, userIds = _remoteData$userIds === void 0 ? [] : _remoteData$userIds; if (json) { applyRemoteSteps(json, view, userIds, options, editorAnalyticsApi); } }; export var applyRemoteSteps = function applyRemoteSteps(json, view, userIds, options, editorAnalyticsApi) { if (!json || !json.length) { return; } var state = view.state, schema = view.state.schema; var steps = json.map(function (step) { return Step.fromJSON(schema, step); }); var tr; if (options && options.useNativePlugin && userIds) { tr = receiveTransaction(state, steps, userIds, { mapSelectionBackward: true }); } else { tr = state.tr; steps.forEach(function (step) { return tr.step(step); }); } if (tr) { var agentEditRequester = fg('platform_editor_agent_be_review_undo') ? getAgentEditRequester(json, view) : null; var shouldRecordAgentEditInHistory = (agentEditRequester === null || agentEditRequester === void 0 ? void 0 : agentEditRequester.isLocalUserRequester) === true; tr.setMeta('addToHistory', shouldRecordAgentEditInHistory); tr.setMeta('isRemote', true); // Agent edit shimmer: mark the ranges agent steps just wrote so the plugin reveals them with the // skeleton loader, then (optionally) a purple "just edited" highlight. Gated as a whole so no // experiment reads run off-experiment; off-path leaves `agentShimmers` empty and everything below // is a no-op. var shimmerDurationMs = 0; var highlightDurationMs = 0; var agentShimmers = []; var isUnifiedPostApplyChromeEnabled = isExperimentEnabled('platform_editor_ai_unified_post_apply_chrome'); if (isUnifiedPostApplyChromeEnabled && isExperimentEnabled('platform_editor_agent_be_streaming')) { var ranges = getAgentEditChromeRanges(json, steps, tr, view, function (reason, agentType, error) { return editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent(getAgentEditShimmerNotShownPayload(reason, agentType, error))(tr); }); var requester = getAgentEditRequester(json, view); if (ranges.length && requester) { // Collab supplies a machine agent type, not a display name; preserve the legacy // uppercase telepointer label. var telepointerLabel = requester.agentType.trim().toUpperCase(); tr.setMeta(AGENT_EDIT_CHROME_DATA, _objectSpread(_objectSpread(_objectSpread({}, getAgentEditChromeDynamicConfig()), telepointerLabel ? { telepointerLabel: telepointerLabel } : {}), {}, { ranges: ranges })); } } if (!isUnifiedPostApplyChromeEnabled && expValEquals('platform_editor_agent_be_streaming', 'isEnabled', true)) { // The skeleton and purple-highlight phases toggle independently. `shimmerDurationMs` is the // skeleton lifetime; `0` skips the skeleton (an edit can still get the purple highlight). shimmerDurationMs = expVal('platform_editor_agent_be_streaming', 'shimmerDurationMs', AGENT_SHIMMER_DEFAULT_DURATION_MS); // `highlightDurationMs` is the purple "just edited" highlight lifetime; `0` skips the highlight // (the skeleton still shows). `0` on both shows nothing. highlightDurationMs = expVal('platform_editor_agent_be_streaming', 'highlightDurationMs', AGENT_EDIT_HIGHLIGHT_DEFAULT_DURATION_MS); // Telepointer shown by default; `telepointerDisabled` hides it (inverted because `expVal` // only permits `false` as a boolean default). var telepointerEnabled = !expVal('platform_editor_agent_be_streaming', 'telepointerDisabled', false); agentShimmers = getAgentShimmerRanges(json, steps, tr, view, shimmerDurationMs, highlightDurationMs, telepointerEnabled, // An agent edit that applied without the shimmer fires the operational event on the same // transaction, so success stays event-free and only degrades are reported. function (reason, agentType, error) { return editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent(getAgentEditShimmerNotShownPayload(reason, agentType, error))(tr); }); if (agentShimmers.length) { tr.setMeta(ADD_AGENT_SHIMMER_META, agentShimmers); } } // Record the agent's edit (original + new slice per change) onto this // transaction; `editor-plugin-ai` consumes the meta to open the BE Review moment. // Gated by the `isBackendReviewMomentEnabled` param on // `platform_editor_ai_new_aifc_editor_experience` (mirrors `isFrontendReviewMomentEnabled`). // `getAgentEditSegments` self-gates (returns null for non-agent edits, never throws), // so this is a no-op for ordinary collaborator edits. if (expValEquals('platform_editor_ai_new_aifc_editor_experience', 'isBackendReviewMomentEnabled', true)) { var reviewData = getAgentEditSegments(json, steps, tr, view); if (reviewData) { tr.setMeta(AGENT_REMOTE_EDIT_REVIEW_DATA, reviewData); } } /* * Persist marks across transactions. Fixes an issue where * marks are lost if remote transactions are dispatched * between a user creating the mark and typing. */ if (state.tr.storedMarks) { tr.setStoredMarks(state.tr.storedMarks); } view.dispatch(tr); // Schedule each shimmer's phase changes. `dispatchMeta` is guarded so a timer firing after // teardown is a harmless no-op. Only reached when the gated block above produced ranges, so this // whole path is off-experiment-safe. if (agentShimmers.length) { var tornDownReported = false; var dispatchMeta = function dispatchMeta(metaKey, value) { try { view.dispatch(view.state.tr.setMeta(metaKey, value)); } catch (_unused) { // View torn down before the timer fired — nothing to clean up. Report once (not once // per shimmer) so we can see how often shimmers are interrupted by teardown. if (!tornDownReported) { tornDownReported = true; editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.fireAnalyticsEvent(getAgentEditShimmerNotShownPayload('tornDownMidAnimation')); } } }; agentShimmers.forEach(function (_ref) { var shimmerId = _ref.shimmerId; if (shimmerDurationMs > 0) { // Skeleton first. When it clears, show the purple highlight (if enabled) then remove; // otherwise remove straight away. setTimeout(function () { if (highlightDurationMs > 0) { dispatchMeta(HIGHLIGHT_AGENT_SHIMMER_META, shimmerId); setTimeout(function () { dispatchMeta(REMOVE_AGENT_SHIMMER_META, shimmerId); }, highlightDurationMs); } else { dispatchMeta(REMOVE_AGENT_SHIMMER_META, shimmerId); } }, shimmerDurationMs); } else { // Skeleton disabled: the range already starts in the highlight phase, so just time its // removal. (Reached only when `highlightDurationMs > 0`, else no ranges were produced.) setTimeout(function () { dispatchMeta(REMOVE_AGENT_SHIMMER_META, shimmerId); }, highlightDurationMs); } }); } } }; export var handleTelePointer = function handleTelePointer(telepointerData, view) { var tr = view.state.tr; view.dispatch(tr.setMeta('telepointer', telepointerData)); }; function isAllSelection(selection) { return selection instanceof AllSelection; } function isNodeSelection(selection) { return selection instanceof NodeSelection; } export var getSendableSelection = function getSendableSelection(selection) { /** * <kbd>CMD + A</kbd> triggers a AllSelection * <kbd>escape</kbd> triggers a NodeSelection */ return { type: 'textSelection', anchor: selection.anchor, head: isAllSelection(selection) || isNodeSelection(selection) ? selection.head - 1 : selection.head }; };