feat: added duration to transaction callback

packages/super-editor/src/core/Editor.js

@@ -1313,6 +1313,7 @@ export class Editor extends EventEmitter {
    */
   #dispatchTransaction(transaction) {
     if (this.isDestroyed) return;
+    const start = Date.now();
 
     let state;
     try {
@@ -1338,9 +1339,11 @@ export class Editor extends EventEmitter {
     const selectionHasChanged = !this.state.selection.eq(state.selection);
     this.view.updateState(state);
 
+    const end = Date.now();
     this.emit('transaction', {
       editor: this,
       transaction,
+      duration: end - start,
     });
 
     if (selectionHasChanged) {

packages/superdoc/src/SuperDoc.vue

@@ -287,6 +287,7 @@ const editorOptions = (doc) => {
     onCommentsUpdate: onEditorCommentsUpdate,
     onCommentLocationsUpdate: onEditorCommentLocationsUpdate,
     onListDefinitionsChange: onEditorListdefinitionsChange,
+    onTransaction: onEditorTransaction,
     ydoc: doc.ydoc,
     collaborationProvider: doc.provider || null,
     isNewFile: doc.isNewFile || false,
@@ -331,6 +332,12 @@ const onEditorCommentsUpdate = (params = {}) => {
   }
 };
 
+const onEditorTransaction = ({ editor, transaction, duration }) => {
+  if (typeof proxy.$superdoc.config.onTransaction === 'function') {
+    proxy.$superdoc.config.onTransaction({ editor, transaction, duration });
+  }
+};
+
 const isCommentsEnabled = computed(() => 'comments' in modules);
 const showCommentsSidebar = computed(() => {
   return (

packages/superdoc/src/core/SuperDoc.js

@@ -80,6 +80,7 @@
  * @property {TelemetryConfig} [telemetry] Telemetry configuration
  * @property {(editor: Editor) => void} [onEditorBeforeCreate] Callback before an editor is created
  * @property {(editor: Editor) => void} [onEditorCreate] Callback after an editor is created
+ * @property {(params: { editor: Editor, transaction: any, duration: number }) => void} [onTransaction] Callback when a transaction is made
  * @property {() => void} [onEditorDestroy] Callback after an editor is destroyed
  * @property {(params: { error: object, editor: Editor, documentId: string, file: File }) => void} [onContentError] Callback when there is an error in the content
  * @property {(editor: { superdoc: SuperDoc }) => void} [onReady] Callback when the SuperDoc is ready
@@ -182,7 +183,7 @@
     onCommentsListChange: () => null,
     onException: () => null,
     onListDefinitionsChange: () => null,
-
+    onTransaction: () => null,
     // Image upload handler
     // async (file) => url;
     handleImageUpload: null,
@@ -402,7 +403,7 @@
   /**
    * Initialize telemetry service.
    */
   #initTelemetry() {
     this.telemetry = new Telemetry({
       enabled: this.config.telemetry?.enabled ?? true,
       licenseKey: this.config.telemetry?.licenseKey,