fix: Make Diff#inspect() output more readable

Signed-off-by: Marcel Klehr <[email protected]>

src/lib/Diff.ts

@@ -189,10 +189,6 @@ export default class Diff {
     return batches
   }
 
-  inspect(): Action[] {
-    return this.getActions()
-  }
-
   /**
    * on ServerToLocal: don't map removals
    * on LocalToServer:
@@ -281,6 +277,12 @@ export default class Diff {
     })
   }
 
+  inspect(depth = 0):string {
+    return 'Diff\n' + this.getActions().map((action: Action) => {
+      return `\nAction: ${action.type}\nPayload: ${action.payload.inspect()}${'index' in action ? `Index: ${action.index}\n` : ''}${'order' in action ? `Order: ${JSON.stringify(action.order, null, '\t')}` : ''}`
+    }).join('\n')
+  }
+
   static fromJSON(json) {
     const diff = new Diff
     json.forEach((action: Action): void => {