@atlaskit/editor-plugin-collab-edit
Version:
Collab Edit plugin for @atlaskit/editor-core
158 lines (154 loc) • 7.79 kB
JavaScript
// It is important to get all steps in that package
// Ignored via go/ees005
// eslint-disable-next-line import/no-namespace
import * as adfCustomSteps from '@atlaskit/adf-schema/steps';
// It is important to get all steps in that package
// Ignored via go/ees005
// eslint-disable-next-line import/no-namespace
import * as atlaskKitCustomSteps from '@atlaskit/custom-steps';
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
import { Step } from '@atlaskit/editor-prosemirror/transform';
import { addSynchronyErrorAnalytics } from '../analytics';
import { initialize } from '../events/initialize';
import { pluginKey } from './plugin-key';
import { PluginState } from './plugin-state';
var enforceCustomStepRegisters = function enforceCustomStepRegisters() {
var tryToRegisterStep = function tryToRegisterStep(obj) {
for (var _i = 0, _Object$values = Object.values(obj); _i < _Object$values.length; _i++) {
var _customStep$prototype;
var customStep = _Object$values[_i];
// I know this seems awful
// But unfortunate ProseMirror does not expose the jsonID property p
// @ts-expect-error
var id = customStep === null || customStep === void 0 || (_customStep$prototype = customStep.prototype) === null || _customStep$prototype === void 0 ? void 0 : _customStep$prototype.jsonID;
if (typeof id === 'string') {
try {
// We are trying to re-register the steps here
// in the normal flow, those custom step should be already registred
// So, it should throw an expeception
// @ts-expect-error
Step.jsonID(id, customStep);
} catch (e) {
// This mean the step was already registred.
// It is ok to ignore this exception.
}
}
}
};
// @ts-expect-error
tryToRegisterStep(atlaskKitCustomSteps);
// @ts-expect-error
tryToRegisterStep(adfCustomSteps);
};
export var createPlugin = function createPlugin(dispatch, providerFactory, providerResolver, collabProviderCallback, options, featureFlags, pluginInjectionApi) {
enforceCustomStepRegisters();
return new SafePlugin({
key: pluginKey,
state: {
// Ignored via go/ees005
// eslint-disable-next-line @typescript-eslint/no-explicit-any
init: function init(config) {
return PluginState.init(config);
},
apply: function apply(transaction, prevPluginState, _oldEditorState, _newEditorState) {
var pluginState = prevPluginState.apply(transaction);
dispatch(pluginKey, pluginState);
return pluginState;
}
},
props: {
decorations: function decorations(state) {
var _pluginKey$getState;
return (_pluginKey$getState = pluginKey.getState(state)) === null || _pluginKey$getState === void 0 ? void 0 : _pluginKey$getState.decorations;
},
handleDOMEvents: {
click: function click(view, event) {
var _pluginKey$getState2, _pluginInjectionApi$a, _pluginInjectionApi$a2;
if (!(event.target instanceof HTMLElement)) {
return false;
}
if (!view.state.selection.empty) {
return false;
}
var pos = view.state.tr.selection.$from.pos;
if (!pos) {
return false;
}
// check if the pos is the same pos as a telepointer decoration
var decorations = (_pluginKey$getState2 = pluginKey.getState(view.state)) === null || _pluginKey$getState2 === void 0 || (_pluginKey$getState2 = _pluginKey$getState2.decorations) === null || _pluginKey$getState2 === void 0 ? void 0 : _pluginKey$getState2.find(pos, pos);
if (!(decorations !== null && decorations !== void 0 && decorations.length)) {
return false;
}
// analytics to track telepointer clicks as they sometimes cause broken selections
var fireAnalyticsCallback = fireAnalyticsEvent((_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 || (_pluginInjectionApi$a2 = _pluginInjectionApi$a2.sharedState.currentState()) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.createAnalyticsEvent) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : undefined);
fireAnalyticsCallback({
payload: {
action: ACTION.CLICKED,
actionSubject: ACTION_SUBJECT.TELEPOINTER,
actionSubjectId: ACTION_SUBJECT_ID.TELEPOINTER,
eventType: EVENT_TYPE.TRACK
}
});
}
}
},
filterTransaction: function filterTransaction(tr, state) {
var pluginState = pluginKey.getState(state);
var collabInitialiseTr = tr.getMeta('collabInitialised');
// Don't allow transactions that modifies the document before
// collab-plugin is ready.
if (collabInitialiseTr) {
return true;
}
if (!(pluginState !== null && pluginState !== void 0 && pluginState.isReady) && tr.docChanged) {
return false;
}
return true;
},
view: function view(_view) {
var _pluginInjectionApi$a3, _pluginInjectionApi$a6;
var addErrorAnalytics = addSynchronyErrorAnalytics(_view.state, _view.state.tr, featureFlags, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.actions);
var onSyncUpError = function onSyncUpError(attributes) {
var _pluginInjectionApi$a4, _pluginInjectionApi$a5;
var fireAnalyticsCallback = fireAnalyticsEvent((_pluginInjectionApi$a4 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a5 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a5 === void 0 || (_pluginInjectionApi$a5 = _pluginInjectionApi$a5.sharedState.currentState()) === null || _pluginInjectionApi$a5 === void 0 ? void 0 : _pluginInjectionApi$a5.createAnalyticsEvent) !== null && _pluginInjectionApi$a4 !== void 0 ? _pluginInjectionApi$a4 : undefined);
fireAnalyticsCallback({
payload: {
action: ACTION.NEW_COLLAB_SYNC_UP_ERROR_NO_STEPS,
actionSubject: ACTION_SUBJECT.EDITOR,
eventType: EVENT_TYPE.OPERATIONAL,
attributes: attributes
}
});
};
options.onSyncUpError = onSyncUpError;
var cleanup = collabProviderCallback(initialize({
view: _view,
options: options,
providerFactory: providerFactory,
featureFlags: featureFlags,
pluginInjectionApi: pluginInjectionApi,
editorAnalyticsApi: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a6 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a6 === void 0 ? void 0 : _pluginInjectionApi$a6.actions
}), addErrorAnalytics);
providerFactory && providerFactory.subscribe('collabEditProvider', function (_name, providerPromise) {
if (providerPromise) {
providerPromise.then(function (provider) {
return providerResolver(provider);
});
}
});
return {
destroy: function destroy() {
providerFactory.unsubscribeAll('collabEditProvider');
if (cleanup) {
cleanup.then(function (unsubscribe) {
if (unsubscribe) {
unsubscribe();
}
});
}
}
};
}
});
};