downgrade diffDom

Author: johanneswilm

package.json

@@ -76,6 +76,6 @@
   },
   "dependencies": {
     "dayjs": "^1.11.10",
-    "diff-dom": "^5.2.0"
+    "diff-dom": "5.1.4"
   }
 }

src/config.ts

@@ -61,22 +61,28 @@ export const defaultConfig: DataTableConfiguration = {
     tableRender: false,
     diffDomOptions: {
         valueDiffing: false,
-        preDiffApply(info) {
-            console.trace("Pre-diff apply", info)
-            // Prevent removal of class attributes that contain specific patterns
-            // This fixes the GitHub Pages issue where classes like "class history" get stripped
-            if (info.diff.action === "removeAttribute" && info.diff.name === "class") {
-                // Only prevent removal if the class value contains patterns that might be problematic
-                const classValue = info.diff.oldValue || ""
-                if (classValue.includes("class ") || classValue.includes(" class") ||
-                    classValue.includes("history") || classValue.includes("math") ||
-                    classValue.startsWith("datatable-")) {
-                    console.trace("Skipping class removal", info)
-                    return true // Skip this diff to prevent problematic class removal
-                }
-            }
-            return false
-        }
+        // preDiffApply(info) {
+        //     // Prevent removal of class attributes that contain datatable classes
+        //     if (info.diff.action === "removeAttribute" && info.diff.name === "class") {
+        //         const classValue = info.diff.oldValue || ""
+        //         if (classValue.startsWith("datatable-") || classValue.includes(" datatable-")) {
+        //             return true // Skip this diff to prevent datatable class removal
+        //         }
+        //     }
+        //     // Prevent modification of class attributes that would remove datatable classes
+        //     if (info.diff.action === "modifyAttribute" && info.diff.name === "class") {
+        //         const oldValue = info.diff.oldValue || ""
+        //         const newValue = info.diff.newValue || ""
+
+        //         const oldHasDatatableClass = oldValue.includes("datatable-")
+        //         const newHasDatatableClass = newValue.includes("datatable-")
+
+        //         if (oldHasDatatableClass && !newHasDatatableClass) {
+        //             return true // Skip this diff to prevent datatable class removal
+        //         }
+        //     }
+        //     return false
+        // }
     },
 
     // Customise the display text