@lavalogic/scoria 0.38.4 → 0.38.6

package/dist/Components/Table/Types/Context/TableContext.svelte.js

@@ -37,6 +37,31 @@ const LAYOUT_PERSIST_DEBOUNCE_MS = 250;
  * auto-persist effects behave consistently.
  */
 const FILTER_PERSIST_DEBOUNCE_MS = 250;
+/**
+ * `JSON.stringify` with object keys sorted recursively, so two
+ * structurally-equal values produce an identical string regardless of
+ * key insertion order. Array element order is preserved (it is
+ * significant for `columnOrder` and pinning entries).
+ *
+ * Used for the layout / filter dirty comparison: a baseline parsed from a
+ * backend JSON column has arbitrary key order, while `_captureLayout` /
+ * `_captureFilter` build their objects in a fixed order - a plain
+ * `JSON.stringify` compare would then report a false "dirty" the moment a
+ * saved view is applied.
+ */
+function stableStringify(value) {
+    if (value === null || typeof value !== 'object') {
+        return JSON.stringify(value) ?? 'null';
+    }
+    if (Array.isArray(value)) {
+        return `[${value.map(stableStringify).join(',')}]`;
+    }
+    const record = value;
+    return `{${Object.keys(record)
+        .sort()
+        .map((key) => `${JSON.stringify(key)}:${stableStringify(record[key])}`)
+        .join(',')}}`;
+}
 /**
  * The complete set of filter-mode operator strings scoria recognises -
  * the union of every `StringFilterMode` and `NumberDateFilterMode`
@@ -412,13 +437,14 @@ export class TableContext {
                 this._layoutPersistTimer = undefined;
                 this._preferences.persistLayout(snapshot);
                 // Dirty tracking: the layout is dirty when it diverges
-                // from the active view's baseline. `_captureLayout`
-                // builds its object deterministically, so a stable
-                // `JSON.stringify` comparison is sufficient. When no
-                // baseline has been captured yet (should not happen
-                // past boot) treat the layout as clean.
+                // from the active view's baseline. The baseline can be a
+                // layout parsed from a backend JSON column (arbitrary key
+                // order), so the comparison must be key-order-insensitive
+                // - a plain `JSON.stringify` compare flagged every applied
+                // saved view as dirty. When no baseline has been captured
+                // yet (should not happen past boot) treat it as clean.
                 const differs = this._viewBaseline !== undefined &&
-                    JSON.stringify(snapshot) !== JSON.stringify(this._viewBaseline);
+                    stableStringify(snapshot) !== stableStringify(this._viewBaseline);
                 this._viewState.markDirty('layout', differs);
                 this._persistActiveView();
             }, LAYOUT_PERSIST_DEBOUNCE_MS);
@@ -449,13 +475,13 @@ export class TableContext {
                 this._filterPersistTimer = undefined;
                 this._preferences.persistFilter(snapshot);
                 // Dirty tracking: the filter is dirty when it diverges from
-                // the active filter view's baseline. `_captureFilter` builds
-                // its object deterministically (sorted entries / sorted mode
-                // keys), so a stable `JSON.stringify` comparison is
-                // sufficient. When no baseline has been captured yet (should
-                // not happen past boot) treat the filter as clean.
+                // the active filter view's baseline. The baseline can be a
+                // filter parsed from a backend JSON column (arbitrary key
+                // order), so the comparison is key-order-insensitive via
+                // `stableStringify`. When no baseline has been captured yet
+                // (should not happen past boot) treat the filter as clean.
                 const differs = this._filterBaseline !== undefined &&
-                    JSON.stringify(snapshot) !== JSON.stringify(this._filterBaseline);
+                    stableStringify(snapshot) !== stableStringify(this._filterBaseline);
                 this._viewState.markDirty('filter', differs);
                 this._persistActiveFilterView();
             }, FILTER_PERSIST_DEBOUNCE_MS);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lavalogic/scoria",
   "description": "Svelte components used for the FloWMS Web Frontend",
-  "version": "0.38.4",
+  "version": "0.38.6",
   "publishConfig": {
     "access": "restricted"
   },