From 747e476fc7e6151398c5f407dc73b07d6ea41d1a Mon Sep 17 00:00:00 2001
From: Johannes Raggam <thetetet@gmail.com>
Date: Wed, 27 Sep 2023 01:39:33 +0200
Subject: [PATCH 01/13] maint: Use a different webpack dev server port than the
 default Patternslib one.

---
 webpack.config.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/webpack.config.js b/webpack.config.js
index b41efa6..d13b877 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -31,6 +31,7 @@ module.exports = () => {
 
     if (process.env.NODE_ENV === "development") {
         config.devServer.static.directory = __dirname;
+        config.devServer.port = "3002";
     }
 
     return config;

From 97d4f92783a97468c99fef330cca03a65bfc19d9 Mon Sep 17 00:00:00 2001
From: Johannes Raggam <thetetet@gmail.com>
Date: Thu, 3 Feb 2022 10:31:27 +0100
Subject: [PATCH 02/13] feat(Collaboration): Add collaboration support to allow
 multiple users to work on the same document.

---
 package.json   |  7 ++++++-
 src/index.html |  2 ++
 src/tiptap.js  | 22 ++++++++++++++++++++--
 src/toolbar.js |  9 +++++++++
 4 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 88ea5bb..92c12f6 100644
--- a/package.json
+++ b/package.json
@@ -5,12 +5,14 @@
     "license": "MIT",
     "main": "./src/tiptap.js",
     "dependencies": {
+        "@hocuspocus/provider": "^2.5.0",
         "@tiptap/core": "2.1.11",
         "@tiptap/extension-blockquote": "^2.1.11",
         "@tiptap/extension-bold": "^2.1.11",
         "@tiptap/extension-bullet-list": "^2.1.11",
         "@tiptap/extension-code": "^2.1.11",
         "@tiptap/extension-code-block": "^2.1.11",
+        "@tiptap/extension-collaboration": "^2.1.11",
         "@tiptap/extension-document": "^2.1.11",
         "@tiptap/extension-dropcursor": "^2.1.11",
         "@tiptap/extension-gapcursor": "^2.1.11",
@@ -33,7 +35,10 @@
         "@tiptap/extension-table-row": "^2.1.11",
         "@tiptap/extension-text": "^2.1.11",
         "@tiptap/pm": "^2.1.11",
-        "@tiptap/suggestion": "^2.1.11"
+        "@tiptap/suggestion": "^2.1.11",
+        "y-prosemirror": "^1.2.1",
+        "y-protocols": "^1.0.6",
+        "yjs": "^13.6.8"
     },
     "devDependencies": {
         "@patternslib/dev": "^3.5.1",
diff --git a/src/index.html b/src/index.html
index 1a66318..3d36202 100644
--- a/src/index.html
+++ b/src/index.html
@@ -151,6 +151,8 @@ <h2>TipTap basic example</h2>
             link-menu: #context-menu-link;
             mentions-menu: ./index-mentions-results.html?u=;
             tags-menu: ./index-tags-results.html?okay=1234&q=;
+            collaboration-server: ws://127.0.0.1:1234;
+            collaboration-document: example-document;
           "
           placeholder="Your poem goes here..."
           autocomplete="off"
diff --git a/src/tiptap.js b/src/tiptap.js
index 69cd0a7..2c0a210 100644
--- a/src/tiptap.js
+++ b/src/tiptap.js
@@ -9,8 +9,6 @@ import utils from "@patternslib/patternslib/src/core/utils";
 export const log = logging.getLogger("tiptap");
 
 export const parser = new Parser("tiptap");
-parser.addArgument("collaboration-server", null);
-parser.addArgument("collaboration-document", null);
 
 parser.addArgument("toolbar-external", null);
 
@@ -25,6 +23,9 @@ parser.addArgument("link-menu", null);
 parser.addArgument("mentions-menu", null);
 parser.addArgument("tags-menu", null);
 
+parser.addArgument("collaboration-server", null);
+parser.addArgument("collaboration-document", null);
+
 // TODO: Remove with next major version.
 // BBB - Compatibility aliases
 parser.addAlias("context-menu-link", "link-menu");
@@ -129,6 +130,23 @@ class Pattern extends BasePattern {
             );
         }
 
+        if (this.options.collaboration.server && this.options.collaboration.document) {
+            // Set up the Hocuspocus WebSocket provider
+            const HocuspocusProvider = (await import("@hocuspocus/provider")).HocuspocusProvider; // prettier-ignore
+            const provider = new HocuspocusProvider({
+                url: this.options.collaboration.server,
+                name: this.options.collaboration.document,
+            });
+
+            // Collaboration extension
+            const Collaboration = (
+                await import("@tiptap/extension-collaboration")
+            ).default.configure({
+                document: provider.document,
+            });
+            extra_extensions.push(Collaboration);
+        }
+
         this.toolbar_el = this.options.toolbarExternal
             ? document.querySelector(this.options.toolbarExternal)
             : null;
diff --git a/src/toolbar.js b/src/toolbar.js
index 6992ab2..d35515e 100644
--- a/src/toolbar.js
+++ b/src/toolbar.js
@@ -155,6 +155,15 @@ export async function init_extensions({ app }) {
         );
     }
 
+    if (
+        !(app.options.collaboration.server && app.options.collaboration.document) &&
+        (tb.undo || tb.redo)
+    ) {
+        // Do not initialize this with the collaboration feature turned on.
+        // The collaboration extension comeswith it's own history handling.
+        extensions.push((await import("@tiptap/extension-history")).History);
+    }
+
     if (tb.link) {
         extensions.push(
             (await import("./extensions/link")).factory().configure({

From 57b4af494ef0ad1efe639f91d1988582dd3c527a Mon Sep 17 00:00:00 2001
From: Johannes Raggam <thetetet@gmail.com>
Date: Thu, 3 Feb 2022 10:42:50 +0100
Subject: [PATCH 03/13] feat(Collaboration): Add collaboration cursor support
 to visualize who is working on what section in the same document.

---
 package.json                        |  1 +
 src/styles/collaboration-cursor.css | 26 ++++++++++++++++++++++++++
 src/tiptap.js                       | 18 ++++++++++++++++++
 3 files changed, 45 insertions(+)
 create mode 100644 src/styles/collaboration-cursor.css

diff --git a/package.json b/package.json
index 92c12f6..c65b358 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
         "@tiptap/extension-code": "^2.1.11",
         "@tiptap/extension-code-block": "^2.1.11",
         "@tiptap/extension-collaboration": "^2.1.11",
+        "@tiptap/extension-collaboration-cursor": "^2.1.11",
         "@tiptap/extension-document": "^2.1.11",
         "@tiptap/extension-dropcursor": "^2.1.11",
         "@tiptap/extension-gapcursor": "^2.1.11",
diff --git a/src/styles/collaboration-cursor.css b/src/styles/collaboration-cursor.css
new file mode 100644
index 0000000..759cff9
--- /dev/null
+++ b/src/styles/collaboration-cursor.css
@@ -0,0 +1,26 @@
+/* Give a remote user a caret */
+.collaboration-cursor__caret {
+    border-left: 1px solid #0d0d0d;
+    border-right: 1px solid #0d0d0d;
+    margin-left: -1px;
+    margin-right: -1px;
+    pointer-events: none;
+    position: relative;
+    word-break: normal;
+}
+
+/* Render the username above the caret */
+.collaboration-cursor__label {
+    border-radius: 3px 3px 3px 0;
+    color: #0d0d0d;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 600;
+    left: -1px;
+    line-height: normal;
+    padding: 0.1rem 0.3rem;
+    position: absolute;
+    top: -1.4em;
+    user-select: none;
+    white-space: nowrap;
+}
diff --git a/src/tiptap.js b/src/tiptap.js
index 2c0a210..9c12ea9 100644
--- a/src/tiptap.js
+++ b/src/tiptap.js
@@ -25,6 +25,8 @@ parser.addArgument("tags-menu", null);
 
 parser.addArgument("collaboration-server", null);
 parser.addArgument("collaboration-document", null);
+parser.addArgument("collaboration-user", null);
+parser.addArgument("collaboration-color", null);
 
 // TODO: Remove with next major version.
 // BBB - Compatibility aliases
@@ -145,6 +147,22 @@ class Pattern extends BasePattern {
                 document: provider.document,
             });
             extra_extensions.push(Collaboration);
+
+            // Collaboration cursor
+            if (window.__patternslib_import_styles) {
+                import("./styles/collaboration-cursor.css");
+            }
+            const random_color = "#" + ((Math.random() * 0xffffff) << 0).toString(16); // See: https://css-tricks.com/snippets/javascript/random-hex-color/
+            const CollaborationCursor = (
+                await import("@tiptap/extension-collaboration-cursor")
+            ).default.configure({
+                provider: provider,
+                user: {
+                    name: this.options.collaboration.user || random_color,
+                    color: this.options.collaboration.color || random_color,
+                },
+            });
+            extra_extensions.push(CollaborationCursor);
         }
 
         this.toolbar_el = this.options.toolbarExternal

From 4825d5072b5ab2e4d4d25bfd9cec5e6e3c61ca82 Mon Sep 17 00:00:00 2001
From: Johannes Raggam <thetetet@gmail.com>
Date: Thu, 3 Feb 2022 22:00:41 +0100
Subject: [PATCH 04/13] feat(Collaboration): Main connection gets text from
 textfield

In our current implementation of the collaboration mode, there is a main connection.
The main connection is the one first connecting to the collaboration server.
This one reads the text from the textarea input field (or another strucutre) and passes it to the tiptap instance.
If only the main connection updates the textdocument other clients connecting later will not overwrite the text.

All clients are syncing changes back to the textarea input.
This also means any client should be able to sumit the content back to the server.

A future addition would be to get/set the text only through the collaboration server which always has the latest state.
If this more sophisticated mehtod is really needed we will implement it later.
---
 src/tiptap.js | 40 ++++++++++++++++++++++++++++++++++++----
 1 file changed, 36 insertions(+), 4 deletions(-)

diff --git a/src/tiptap.js b/src/tiptap.js
index 9c12ea9..829b18b 100644
--- a/src/tiptap.js
+++ b/src/tiptap.js
@@ -132,13 +132,43 @@ class Pattern extends BasePattern {
             );
         }
 
+        const config = {};
         if (this.options.collaboration.server && this.options.collaboration.document) {
+            // Random color, see: https://css-tricks.com/snippets/javascript/random-hex-color/
+            const random_color = "#" + ((Math.random() * 0xffffff) << 0).toString(16);
+            // Information about the current user
+            const user_name = this.options.collaboration.user || random_color;
+            const user_color = this.options.collaboration.color || random_color;
+
             // Set up the Hocuspocus WebSocket provider
             const HocuspocusProvider = (await import("@hocuspocus/provider")).HocuspocusProvider; // prettier-ignore
             const provider = new HocuspocusProvider({
                 url: this.options.collaboration.server,
                 name: this.options.collaboration.document,
             });
+            provider.setAwarenessField("user", {
+                name: user_name,
+                color: user_color,
+            });
+
+            // Wait for user being authenticated
+            const authenticated = () =>
+                new Promise((resolve) =>
+                    provider.on("authenticated", resolve, { once: true })
+                );
+            await authenticated();
+
+            const connected_users = [...provider.awareness.states.values()].map(
+                (it) => it.user
+            );
+            if (connected_users.length === 1) {
+                // it's only me.
+                config["content"] = getText();
+                log.info(`
+                    This is the main instance and gets text from textfield.
+                    Other connected user will get their text from the collaboration server.
+                `);
+            }
 
             // Collaboration extension
             const Collaboration = (
@@ -152,17 +182,19 @@ class Pattern extends BasePattern {
             if (window.__patternslib_import_styles) {
                 import("./styles/collaboration-cursor.css");
             }
-            const random_color = "#" + ((Math.random() * 0xffffff) << 0).toString(16); // See: https://css-tricks.com/snippets/javascript/random-hex-color/
             const CollaborationCursor = (
                 await import("@tiptap/extension-collaboration-cursor")
             ).default.configure({
                 provider: provider,
                 user: {
-                    name: this.options.collaboration.user || random_color,
-                    color: this.options.collaboration.color || random_color,
+                    name: user_name,
+                    color: user_color,
                 },
             });
             extra_extensions.push(CollaborationCursor);
+        } else {
+            // Non-collaborative editing is always getting the initial text from the textarea.
+            config["content"] = getText();
         }
 
         this.toolbar_el = this.options.toolbarExternal
@@ -189,7 +221,6 @@ class Pattern extends BasePattern {
                 ...(await toolbar_ext.init_extensions({ app: this })),
                 ...extra_extensions,
             ],
-            content: getText(),
             onUpdate() {
                 // Note: ``this`` is the editor instance.
                 setText(this.getHTML());
@@ -213,6 +244,7 @@ class Pattern extends BasePattern {
                 this.toolbar_el?.classList.remove("tiptap-focus");
             },
             autofocus: set_focus,
+            ...config,
         });
         toolbar_ext.init_post({ app: this });
 

From c7dc06e2292544f1d839abc069e1d68de2b0da20 Mon Sep 17 00:00:00 2001
From: Johannes Raggam <thetetet@gmail.com>
Date: Thu, 3 Feb 2022 22:01:41 +0100
Subject: [PATCH 05/13] feat(Collaboration): Authentication: pass
 authentication token to the collaboration server.

---
 src/index.html | 6 ++++++
 src/tiptap.js  | 2 ++
 2 files changed, 8 insertions(+)

diff --git a/src/index.html b/src/index.html
index 3d36202..4d1ecca 100644
--- a/src/index.html
+++ b/src/index.html
@@ -138,6 +138,11 @@ <h2>TipTap basic example</h2>
 
       </div>
 
+      <!--
+      NOTE: The following `collaboration-authentication-token` is a JWT token
+      that is a `{"user": "admin"}` object encoded with the secret
+      `supersecret`.
+      -->
       <textarea
           class="pat-tiptap pat-autofocus"
           data-pat-tiptap="
@@ -153,6 +158,7 @@ <h2>TipTap basic example</h2>
             tags-menu: ./index-tags-results.html?okay=1234&q=;
             collaboration-server: ws://127.0.0.1:1234;
             collaboration-document: example-document;
+            collaboration-authentication-token: eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyIjoiYWRtaW4ifQ.TFEeScRRa2dBzHLf_6cCkeouJkB8vsrRKaqvBzGMnVA;
           "
           placeholder="Your poem goes here..."
           autocomplete="off"
diff --git a/src/tiptap.js b/src/tiptap.js
index 829b18b..eb84c66 100644
--- a/src/tiptap.js
+++ b/src/tiptap.js
@@ -27,6 +27,7 @@ parser.addArgument("collaboration-server", null);
 parser.addArgument("collaboration-document", null);
 parser.addArgument("collaboration-user", null);
 parser.addArgument("collaboration-color", null);
+parser.addArgument("collaboration-authentication-token", null);
 
 // TODO: Remove with next major version.
 // BBB - Compatibility aliases
@@ -145,6 +146,7 @@ class Pattern extends BasePattern {
             const provider = new HocuspocusProvider({
                 url: this.options.collaboration.server,
                 name: this.options.collaboration.document,
+                token: this.options.collaboration["authentication-token"],
             });
             provider.setAwarenessField("user", {
                 name: user_name,

From c013e11b76abf47eb6192c73ddfeb900229419f1 Mon Sep 17 00:00:00 2001
From: Johannes Raggam <thetetet@gmail.com>
Date: Fri, 18 Feb 2022 21:06:49 +0100
Subject: [PATCH 06/13] tmp

---
 src/tiptap.js | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/src/tiptap.js b/src/tiptap.js
index eb84c66..113a590 100644
--- a/src/tiptap.js
+++ b/src/tiptap.js
@@ -35,6 +35,8 @@ parser.addAlias("context-menu-link", "link-menu");
 parser.addAlias("context-menu-mentions", "mentions-menu");
 parser.addAlias("context-menu-tags", "tags-menu");
 
+let collaboration_states = [];
+
 class Pattern extends BasePattern {
     static name = "tiptap";
     static trigger = ".pat-tiptap";
@@ -143,14 +145,22 @@ class Pattern extends BasePattern {
 
             // Set up the Hocuspocus WebSocket provider
             const HocuspocusProvider = (await import("@hocuspocus/provider")).HocuspocusProvider; // prettier-ignore
+            const YDoc = (await import("yjs")).Doc;
+            const y_doc = new YDoc();
             const provider = new HocuspocusProvider({
                 url: this.options.collaboration.server,
                 name: this.options.collaboration.document,
+                document: y_doc,
                 token: this.options.collaboration["authentication-token"],
+                onAwarenessUpdate: ({ states }) => {
+                    collaboration_states = states;
+                },
             });
+
             provider.setAwarenessField("user", {
                 name: user_name,
                 color: user_color,
+                document_name: this.options.collaboration.document,
             });
 
             // Wait for user being authenticated
@@ -160,9 +170,15 @@ class Pattern extends BasePattern {
                 );
             await authenticated();
 
+            // Wait for user being authenticated
+            const synced = () =>
+                new Promise((resolve) => provider.on("synced", resolve, { once: true }));
+            await synced();
+
             const connected_users = [...provider.awareness.states.values()].map(
                 (it) => it.user
             );
+
             if (connected_users.length === 1) {
                 // it's only me.
                 config["content"] = getText();
@@ -172,6 +188,20 @@ class Pattern extends BasePattern {
                 `);
             }
 
+            debugger;
+
+            console.log("provider");
+            console.log(provider);
+
+            console.log("collaboration states");
+            console.log(collaboration_states);
+
+            console.log("awareness states");
+            console.log(provider.awareness.states);
+
+            console.log("connected users");
+            console.log(connected_users);
+
             // Collaboration extension
             const Collaboration = (
                 await import("@tiptap/extension-collaboration")

From e507afdc0f0fae55d4fd8c2ed6bfa3770e88dcc2 Mon Sep 17 00:00:00 2001
From: Johannes Raggam <thetetet@gmail.com>
Date: Fri, 18 Feb 2022 21:27:45 +0100
Subject: [PATCH 07/13] tmp 2

---
 src/tiptap.js | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/tiptap.js b/src/tiptap.js
index 113a590..171f3cf 100644
--- a/src/tiptap.js
+++ b/src/tiptap.js
@@ -175,12 +175,23 @@ class Pattern extends BasePattern {
                 new Promise((resolve) => provider.on("synced", resolve, { once: true }));
             await synced();
 
+            // Attempt 1: Only if the y_doc is the same as the document on the provider object,
+            //            which I believe should be returned from the hocuspocus server.
+            //            The problem here is, that also for the second connection with another browser
+            //            returns true for the following if clause.
+            if (y_doc === provider.document) {
+                // Initialize the tiptap editor later with some initial content.
+                config["content"] = getText();
+            }
+
+            // Attempt 2: Only for the first connecting user.
+            //            The problem here is that I apparently do not reliably get the number of connected users.
+            //            With two browsers connecting, one time I get 0 users, one time 1 user, another time 2.
             const connected_users = [...provider.awareness.states.values()].map(
                 (it) => it.user
             );
-
             if (connected_users.length === 1) {
-                // it's only me.
+                // Initialize the tiptap editor later with some initial content.
                 config["content"] = getText();
                 log.info(`
                     This is the main instance and gets text from textfield.
@@ -188,8 +199,6 @@ class Pattern extends BasePattern {
                 `);
             }
 
-            debugger;
-
             console.log("provider");
             console.log(provider);
 

From 6ba1575fecc73a5cd4ac88c952099f659aca6b59 Mon Sep 17 00:00:00 2001
From: Johannes Raggam <thetetet@gmail.com>
Date: Wed, 27 Sep 2023 01:40:50 +0200
Subject: [PATCH 08/13] more foo.

---
 src/tiptap.js | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/tiptap.js b/src/tiptap.js
index 171f3cf..1ceb384 100644
--- a/src/tiptap.js
+++ b/src/tiptap.js
@@ -152,9 +152,17 @@ class Pattern extends BasePattern {
                 name: this.options.collaboration.document,
                 document: y_doc,
                 token: this.options.collaboration["authentication-token"],
-                onAwarenessUpdate: ({ states }) => {
-                    collaboration_states = states;
-                },
+            });
+
+            provider.on("awarenessUpdate", ({ added, updated, removed }) => {
+                console.log(
+                    `awarenessUpdate - added: ${added}, updated: ${updated}, removed: ${removed}`
+                );
+            });
+
+            provider.on("awarenessChange", ({ states }) => {
+                console.log(`awarenessChange - states: ${states}`);
+                collaboration_states = states;
             });
 
             provider.setAwarenessField("user", {

From 4c8725ecb3594450e81bda7df16a984ae790cd28 Mon Sep 17 00:00:00 2001
From: Johannes Raggam <thetetet@gmail.com>
Date: Tue, 26 Sep 2023 17:23:33 +0200
Subject: [PATCH 09/13] yarn install.

---
 yarn.lock | 67 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 66 insertions(+), 1 deletion(-)

diff --git a/yarn.lock b/yarn.lock
index 22c23be..b66daf4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1564,6 +1564,23 @@
     "@fullcalendar/daygrid" "~5.11.4"
     tslib "^2.1.0"
 
+"@hocuspocus/common@^2.5.0":
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/@hocuspocus/common/-/common-2.5.0.tgz#adfbaa770d1e8eda0a811ad93b427cdf89960e3d"
+  integrity sha512-TpnQAb1Rtff1trwURFWaUEYZwqykaIGo6NNnMr6ZISdDZFWNHMAMUmy7dwJDS9ECnEtcjXhpPxXeLV+MVQXVnw==
+  dependencies:
+    lib0 "^0.2.47"
+
+"@hocuspocus/provider@^2.5.0":
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/@hocuspocus/provider/-/provider-2.5.0.tgz#2c56184082f835c7a0c07c8962a6e5dcafebe847"
+  integrity sha512-Du/q0kcVhaSQiKPBha19f+mnFOl4sFybARRWsGp4JIoDG+Vt3r73ZqjalIJmp9h4mBr2tGtS5zK/oQ/Vrv5/Bw==
+  dependencies:
+    "@hocuspocus/common" "^2.5.0"
+    "@lifeomic/attempt" "^3.0.2"
+    lib0 "^0.2.47"
+    ws "^7.5.9"
+
 "@humanwhocodes/config-array@^0.11.11":
   version "0.11.11"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.11.tgz#88a04c570dbbc7dd943e4712429c3df09bc32844"
@@ -1913,6 +1930,11 @@
   resolved "https://registry.yarnpkg.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz#b2ac626d6cb9c8718ab459166d4bb405b8ffa78b"
   integrity sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==
 
+"@lifeomic/attempt@^3.0.2":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@lifeomic/attempt/-/attempt-3.0.3.tgz#e742a5b85eb673e2f1746b0f39cb932cbc6145bb"
+  integrity sha512-GlM2AbzrErd/TmLL3E8hAHmb5Q7VhDJp35vIbyPVA5Rz55LZuRr8pwL3qrwwkVNo05gMX1J44gURKb4MHQZo7w==
+
 "@linaria/core@3.0.0-beta.13":
   version "3.0.0-beta.13"
   resolved "https://registry.yarnpkg.com/@linaria/core/-/core-3.0.0-beta.13.tgz#049c5be5faa67e341e413a0f6b641d5d78d91056"
@@ -2375,6 +2397,16 @@
   resolved "https://registry.yarnpkg.com/@tiptap/extension-code/-/extension-code-2.1.11.tgz#c4f8fee03a8866ea189c112e907e17ea8aaa8f74"
   integrity sha512-G0UEbMFunujy/F86yHN0/dumPLbwTis9C+6IQv1XRPNsV28U0MgxBhlPcJUgyO5lwuleePDxiBVcRv2XrysgKw==
 
+"@tiptap/extension-collaboration-cursor@^2.1.11":
+  version "2.1.11"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-collaboration-cursor/-/extension-collaboration-cursor-2.1.11.tgz#ab6d8b666d48200214b5808d3f90073b5b844cd8"
+  integrity sha512-IRLqVGwQo8l715VWzyGr+RUuFfQFLB2BsSSy9w5JSekBMbFd7OZcLFXjvwQnQjGqtzPZcc3D1dPCZd/Za17fXg==
+
+"@tiptap/extension-collaboration@^2.1.11":
+  version "2.1.11"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-collaboration/-/extension-collaboration-2.1.11.tgz#2e1d31516a35b7efcf33d173c630072f91389eb2"
+  integrity sha512-f/O0XHIUqQEaQ/gwG9tlhcO7Vmt02EeCWWvuLySvR8VaGGfxl6n72WQHpRpQcxxL+IB4Kp/Al4vijfrDw6gqzA==
+
 "@tiptap/extension-document@^2.1.11":
   version "2.1.11"
   resolved "https://registry.yarnpkg.com/@tiptap/extension-document/-/extension-document-2.1.11.tgz#76782660420900acb6301a5ba69c27054139b622"
@@ -6323,6 +6355,11 @@ isobject@^3.0.1:
   resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
   integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==
 
+isomorphic.js@^0.2.4:
+  version "0.2.4"
+  resolved "https://registry.yarnpkg.com/isomorphic.js/-/isomorphic.js-0.2.4.tgz#24ca374163ae54a7ce3b86ce63b701b91aa84969"
+  integrity sha512-Y4NjZceAwaPXctwsHgNsmfuPxR8lJ3f8X7QTAkhltrX4oGIv+eTlgHLXn4tWysC9zGTi929gapnPp+8F8cg7nA==
+
 issue-parser@6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/issue-parser/-/issue-parser-6.0.0.tgz#b1edd06315d4f2044a9755daf85fdafde9b4014a"
@@ -7026,6 +7063,13 @@ levn@~0.3.0:
     prelude-ls "~1.1.2"
     type-check "~0.3.2"
 
+lib0@^0.2.42, lib0@^0.2.47, lib0@^0.2.74, lib0@^0.2.85:
+  version "0.2.86"
+  resolved "https://registry.yarnpkg.com/lib0/-/lib0-0.2.86.tgz#86ccc3366ca3b6f8b5d8713c03f2a67ed7bc5f3e"
+  integrity sha512-kxigQTM4Q7NwJkEgdqQvU21qiR37twcqqLmh+/SbiGbRLfPlLVbHyY9sWp7PwXh0Xus9ELDSjsUOwcrdt5yZ4w==
+  dependencies:
+    isomorphic.js "^0.2.4"
+
 lines-and-columns@^1.1.6:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
@@ -10403,7 +10447,7 @@ write-file-atomic@^4.0.2:
     imurmurhash "^0.1.4"
     signal-exit "^3.0.7"
 
-ws@^7.3.1:
+ws@^7.3.1, ws@^7.5.9:
   version "7.5.9"
   resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.9.tgz#54fa7db29f4c7cec68b1ddd3a89de099942bb591"
   integrity sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==
@@ -10428,6 +10472,20 @@ xmlchars@^2.2.0:
   resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
   integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
 
+y-prosemirror@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/y-prosemirror/-/y-prosemirror-1.2.1.tgz#a8b5c50b8fd445e556dfa831f295765f4ca022bd"
+  integrity sha512-czMBfB1eL2awqmOSxQM8cS/fsUOGE6fjvyPLInrh4crPxFiw67wDpwIW+EGBYKRa04sYbS0ScGj7ZgvWuDrmBQ==
+  dependencies:
+    lib0 "^0.2.42"
+
+y-protocols@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/y-protocols/-/y-protocols-1.0.6.tgz#66dad8a95752623443e8e28c0e923682d2c0d495"
+  integrity sha512-vHRF2L6iT3rwj1jub/K5tYcTT/mEYDUppgNPXwp8fmLpui9f7Yeq3OEtTLVF012j39QnV+KEQpNqoN7CWU7Y9Q==
+  dependencies:
+    lib0 "^0.2.85"
+
 y18n@^4.0.0:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.3.tgz#b5f259c82cd6e336921efd7bfd8bf560de9eeedf"
@@ -10501,6 +10559,13 @@ yarn@^1.22.19:
   resolved "https://registry.yarnpkg.com/yarn/-/yarn-1.22.19.tgz#4ba7fc5c6e704fce2066ecbfb0b0d8976fe62447"
   integrity sha512-/0V5q0WbslqnwP91tirOvldvYISzaqhClxzyUKXYxs07yUILIs5jx/k6CFe8bvKSkds5w+eiOqta39Wk3WxdcQ==
 
+yjs@^13.6.8:
+  version "13.6.8"
+  resolved "https://registry.yarnpkg.com/yjs/-/yjs-13.6.8.tgz#0d6cebf4d7e69b08ede5ecf6368ddbd9c7603c2e"
+  integrity sha512-ZPq0hpJQb6f59B++Ngg4cKexDJTvfOgeiv0sBc4sUm8CaBWH7OQC4kcCgrqbjJ/B2+6vO49exvTmYfdlPtcjbg==
+  dependencies:
+    lib0 "^0.2.74"
+
 yn@3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/yn/-/yn-3.1.1.tgz#1e87401a09d767c1d5eab26a6e4c185182d2eb50"

From 33d016b61e824cace88ae28ada98acacbcf33437 Mon Sep 17 00:00:00 2001
From: Johannes Raggam <thetetet@gmail.com>
Date: Sat, 30 Sep 2023 02:52:44 +0200
Subject: [PATCH 10/13] fix: history extension is now conditionally included.

---
 src/tiptap.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/tiptap.js b/src/tiptap.js
index 1ceb384..0a7d86c 100644
--- a/src/tiptap.js
+++ b/src/tiptap.js
@@ -91,8 +91,6 @@ class Pattern extends BasePattern {
             (await import("@tiptap/extension-hard-break")).default.configure(),
             // Gapcursor for images, tables etc to be able to add content below/above.
             (await import("@tiptap/extension-gapcursor")).Gapcursor.configure(),
-            // Allways include undo/redo support via keyboard shortcuts.
-            (await import("@tiptap/extension-history")).History.configure(),
         ];
         const placeholder = this.el.getAttribute("placeholder");
         if (placeholder) {

From 336ebd2e81081f3b69da06927a8224d599b0968f Mon Sep 17 00:00:00 2001
From: Johannes Raggam <thetetet@gmail.com>
Date: Sat, 30 Sep 2023 03:08:51 +0200
Subject: [PATCH 11/13] feat: Introduce tiptap mime type based modes with
 default extensions. DRAFT /1

NOTE: this would contradict the current mode where only what is defined
in the toolbar is actually allowed as HTML. this is limiting! better, we
define a default set of extension per mime type. this can then also be
imported in the tiptap collaboration server to construct a valid
representation of the content and be able to store that from there back
to the backend.
---
 src/config.js | 61 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 61 insertions(+)
 create mode 100644 src/config.js

diff --git a/src/config.js b/src/config.js
new file mode 100644
index 0000000..144b55e
--- /dev/null
+++ b/src/config.js
@@ -0,0 +1,61 @@
+import ExtBlockquote from "@tiptap/extension-blockquote";
+import ExtBold from "@tiptap/extension-bold";
+import ExtBulletList from "@tiptap/extension-bullet-list";
+import ExtCode from "@tiptap/extension-code";
+import ExtCodeBlock from "@tiptap/extension-code-block";
+import ExtDocument from "@tiptap/extension-document";
+import ExtEmbed from "./extensions/embed";
+import ExtFigcaption from "./extensions/figcaption";
+import ExtFigure from "./extensions/figure";
+import ExtHardBreak from "@tiptap/extension-hard-break";
+import ExtHeading from "./extensions/heading";
+import ExtHorizontalRule from "@tiptap/extension-horizontal-rule";
+import ExtImageFigure from "./extensions/image-figure";
+import ExtImageInline from "./extensions/image-inline";
+import ExtItalic from "@tiptap/extension-italic";
+import ExtLink from "./extensions/link";
+import ExtListItem from "@tiptap/extension-list-item";
+import ExtOrderedList from "@tiptap/extension-ordered-list";
+import ExtParagraph from "@tiptap/extension-paragraph";
+import ExtStrike from "@tiptap/extension-strike";
+import ExtTable from "@tiptap/extension-table";
+import ExtTableCell from "@tiptap/extension-table-cell";
+import ExtTableHeader from "@tiptap/extension-table-header";
+import ExtTableRow from "@tiptap/extension-table-row";
+import ExtText from "@tiptap/extension-text";
+
+// source extension?
+
+export const modes = {
+    "text/html": [
+        ExtBlockquote,
+        ExtBold,
+        ExtBulletList,
+        ExtCode,
+        ExtCodeBlock,
+        ExtDocument,
+        ExtEmbed,
+        ExtFigcaption,
+        ExtFigure,
+        ExtHardBreak,
+        ExtHeading,
+        ExtHorizontalRule,
+        ExtImageFigure,
+        ExtImageInline,
+        ExtItalic,
+        ExtLink,
+        ExtListItem,
+        ExtOrderedList,
+        ExtParagraph,
+        ExtStrike,
+        ExtTable,
+        ExtTableCell,
+        ExtTableHeader,
+        ExtTableRow,
+        ExtText,
+    ],
+    "text/plain": [ExtDocument],
+    "text/markdown": [ExtDocument],
+};
+
+export default { modes };

From 75a28d64b67dca815151d661741114508177474a Mon Sep 17 00:00:00 2001
From: Johannes Raggam <thetetet@gmail.com>
Date: Sat, 7 Oct 2023 22:34:03 +0200
Subject: [PATCH 12/13] Add todo note for vimeo

---
 src/extensions/embed.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/extensions/embed.js b/src/extensions/embed.js
index 3a12560..3b24295 100644
--- a/src/extensions/embed.js
+++ b/src/extensions/embed.js
@@ -264,7 +264,7 @@ export const factory = () => {
         parseHTML() {
             return [
                 {
-                    tag: `iframe[src*="youtube.com"]`,
+                    tag: `iframe[src*="youtube.com"]`, // needs vimeo too??
                     getAttrs: (node) =>
                         (is_youtube(node.getAttribute("src")) ||
                             is_vimeo(node.getAttribute("src")) > -1) &&

From 6cebc3ccdfa89738d82059a2f5d1958da7a202d1 Mon Sep 17 00:00:00 2001
From: Johannes Raggam <thetetet@gmail.com>
Date: Fri, 13 Oct 2023 16:53:47 +0200
Subject: [PATCH 13/13] log/debug messages

---
 src/tiptap.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/tiptap.js b/src/tiptap.js
index 0a7d86c..3f8d4d0 100644
--- a/src/tiptap.js
+++ b/src/tiptap.js
@@ -152,14 +152,12 @@ class Pattern extends BasePattern {
                 token: this.options.collaboration["authentication-token"],
             });
 
-            provider.on("awarenessUpdate", ({ added, updated, removed }) => {
-                console.log(
-                    `awarenessUpdate - added: ${added}, updated: ${updated}, removed: ${removed}`
-                );
+            provider.on("awarenessUpdate", (state) => {
+                console.log(`awarenessUpdate`, state);
             });
 
-            provider.on("awarenessChange", ({ states }) => {
-                console.log(`awarenessChange - states: ${states}`);
+            provider.on("awarenessChange", (states) => {
+                console.log(`awarenessChange`, states);
                 collaboration_states = states;
             });
 
@@ -187,6 +185,7 @@ class Pattern extends BasePattern {
             //            returns true for the following if clause.
             if (y_doc === provider.document) {
                 // Initialize the tiptap editor later with some initial content.
+                console.log("aha, ahsou");
                 config["content"] = getText();
             }
 
@@ -199,6 +198,7 @@ class Pattern extends BasePattern {
             if (connected_users.length === 1) {
                 // Initialize the tiptap editor later with some initial content.
                 config["content"] = getText();
+                console.log("jojo, jo wou");
                 log.info(`
                     This is the main instance and gets text from textfield.
                     Other connected user will get their text from the collaboration server.