Add isEmpty extension to remove on:content event from collaborator editor (#3774)

* Add validation extension to remove on content event from collaborator editor

Signed-off-by: Anna No <anna.no@xored.com>

* Add validation extension to remove on content event from collaborator editor

Signed-off-by: Anna No <anna.no@xored.com>

* Add validation extension to remove on content event from collaborator editor

Signed-off-by: Anna No <anna.no@xored.com>

* Add isEmpty extension to remove on:content event from collaborator editor

Signed-off-by: Anna No <anna.no@xored.com>

* Add isEmpty extension to remove on:content event from collaborator editor

Signed-off-by: Anna No <anna.no@xored.com>

* Add isEmpty extension to remove on:content event from collaborator editor

Signed-off-by: Anna No <anna.no@xored.com>

* Add isEmpty extension to remove on:content event from collaborator editor

Signed-off-by: Anna No <anna.no@xored.com>

---------

Signed-off-by: Anna No <anna.no@xored.com>

packages/text-editor/src/components/extension/isEmptyContent.ts

@@ -0,0 +1,34 @@
+import { Extension } from '@tiptap/core'
+
+export interface IsEmptyContentOptions {
+  onChange: (isEmpty: boolean) => void
+}
+
+export interface IsEmptyContentStorage {
+  isEmpty: boolean
+}
+
+export const IsEmptyContentExtension: Extension<IsEmptyContentOptions, IsEmptyContentStorage> =
+  Extension.create<IsEmptyContentOptions>({
+    name: 'is-empty-content-extension',
+    addStorage () {
+      return {
+        isEmpty: true
+      }
+    },
+    onCreate () {
+      this.parent?.()
+
+      this.storage.isEmpty = this.editor.isEmpty
+      this.options.onChange(this.storage.isEmpty)
+    },
+    onUpdate () {
+      this.parent?.()
+
+      if (this.storage.isEmpty !== this.editor.isEmpty) {
+        this.storage.isEmpty = this.editor.isEmpty
+
+        this.options.onChange(this.storage.isEmpty)
+      }
+    }
+  })

packages/text-editor/src/index.ts

@@ -31,6 +31,11 @@ export * from './types'
 export { default as Collaboration } from './components/Collaboration.svelte'
 export { default as StyleButton } from './components/StyleButton.svelte'
 
+export {
+  IsEmptyContentExtension,
+  IsEmptyContentOptions,
+  IsEmptyContentStorage
+} from './components/extension/isEmptyContent'
 export {
   NodeHighlightExtension,
   NodeHighlightExtensionOptions,