fix: improve marker width calculation for server-side rendering (#801)

* fix: improve marker width calculation for server-side rendering

* refactor: replace console.log with #log for improved logging consistency in SuperDoc

---------

Co-authored-by: Caio Pizzol <caiopizzol@icloud.com>

Author: caio-pizzol

packages/super-editor/src/extensions/list-item/ListItemNodeView.js

@@ -357,6 +357,13 @@ function calculateMarkerWidth(dom, numberingDOM, { withPadding = true } = {}) {
 
   if (!markerText.trim()) return 0;
 
+  // Check if canvas is available (browser environment)
+  if (typeof document === 'undefined' || !document.createElement('canvas').getContext) {
+    // Simple estimation for server-side: ~8px per character
+    const textWidth = markerText.length * 8;
+    return withPadding ? textWidth + MARKER_PADDING : textWidth;
+  }
+
   try {
     const canvas = document.createElement('canvas');
     const context = canvas.getContext('2d');

packages/superdoc/src/core/SuperDoc.js

@@ -807,10 +807,12 @@ export class SuperDoc extends EventEmitter {
   async #triggerCollaborationSaves() {
     this.#log('🦋 [superdoc] Triggering collaboration saves');
     return new Promise((resolve) => {
-      this.superdocStore.documents.forEach((doc) => {
+      this.superdocStore.documents.forEach((doc, index) => {
+        this.#log(`Before reset - Doc ${index}: pending = ${this.pendingCollaborationSaves}`);
         this.pendingCollaborationSaves = 0;
         if (doc.ydoc) {
           this.pendingCollaborationSaves++;
+          this.#log(`After increment - Doc ${index}: pending = ${this.pendingCollaborationSaves}`);
           const metaMap = doc.ydoc.getMap('meta');
           metaMap.observe((event) => {
             if (event.changes.keys.has('immediate-save-finished')) {
@@ -823,6 +825,9 @@ export class SuperDoc extends EventEmitter {
           metaMap.set('immediate-save', true);
         }
       });
+      this.#log(
+        `FINAL pending = ${this.pendingCollaborationSaves}, but we have ${this.superdocStore.documents.filter((d) => d.ydoc).length} docs!`,
+      );
     });
   }