@oxygen-cms/ui 1.9.1 → 2.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxygen-cms/ui",
-  "version": "1.9.1",
+  "version": "2.1.0",
   "description": "Various utilities for UI-building in Vue.js",
   "main": "none",
   "repository": {

package/src/CrudApi.js

@@ -36,6 +36,45 @@ export class CrudApi {
         return data;
     }
 
+    /**
+     * Determines if a model has unsaved changes compared to the server version.
+     * Can be overridden by subclasses to check specific fields.
+     *
+     * @param {Object} model - The current model state
+     * @param {Object} serverModel - The original model from the server
+     * @returns {boolean}
+     */
+    static isDirty(model, serverModel) {
+        if (!model || !serverModel) return false;
+
+        // Get all fillable fields from the model
+        const fillableFields = this.prepareModelForAPI(model);
+        const fieldsToCheck = Object.keys(fillableFields);
+
+        // Also check common fields that might not be in prepareModelForAPI
+        const commonFields = ['content', 'title', 'description', 'stage'];
+        const allFields = new Set([...fieldsToCheck, ...commonFields]);
+
+        for (const field of allFields) {
+            const modelValue = model[field];
+            const serverValue = serverModel[field];
+
+            // Handle arrays/objects with JSON comparison
+            if (typeof modelValue === 'object' && modelValue !== null) {
+                if (JSON.stringify(modelValue) !== JSON.stringify(serverValue)) {
+                    return true;
+                }
+            } else {
+                // Simple value comparison
+                if (modelValue !== serverValue) {
+                    return true;
+                }
+            }
+        }
+
+        return false;
+    }
+
     async list({ inTrash, page, q, sortField, sortOrder }) {
         return this.request('get')
             .withQueryParams({

package/src/PagesApi.js

@@ -21,6 +21,8 @@ export default class PagesApi extends CrudApi {
         delete m.createdBy;
         delete m.updatedBy;
         delete m.headVersion;
+        delete m.slug; // slug is computed from slugPart, not directly fillable
+        delete m.numChildren; // computed field
         return m;
     }
 

package/src/PartialsApi.js

@@ -12,6 +12,13 @@ export default class PartialsApi extends CrudApi {
     static prepareModelForAPI(data) {
         let m = { ...data  };
         delete m.id;
+        delete m.stage;
+        delete m.headVersion;
+        delete m.createdAt;
+        delete m.updatedAt;
+        delete m.deletedAt;
+        delete m.createdBy;
+        delete m.updatedBy;
         return m;
     }