feat(Insomnia-Sync): Add diff view (Kong#7152)

* diff view * wip * fully works * stage items per workspace * Add indicators for the type of change * cleanup code * clean up ui * fix type issue * rm todo * fix snapshot issue and update tests
jackkav · Mar 13, 2024 · f051869 · f051869
1 parent e00ebcf
commit f051869
Show file tree

Hide file tree

Showing 11 changed files with 957 additions and 343 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/insomnia/package.json b/packages/insomnia/package.json
@@ -160,6 +160,7 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-mock": "^29.7.0",
+    "json-diff-kit": "^1.0.23",
     "json-order": "^1.1.0",
     "less": "^3.8.1",
     "license-checker": "^25.0.1",

diff --git a/packages/insomnia/postcss.config.js b/packages/insomnia/postcss.config.js
@@ -1,5 +1,6 @@
 module.exports = {
   plugins: {
+    'tailwindcss/nesting': {},
     tailwindcss: {},
     autoprefixer: {},
   },

diff --git a/packages/insomnia/src/sync/types.ts b/packages/insomnia/src/sync/types.ts
@@ -59,6 +59,7 @@ export interface StageEntryDelete {
   key: string;
   name: string;
   blobId: string;
+  previousBlobContent?: string;
 }
 
 export interface StageEntryAdd {
@@ -75,6 +76,7 @@ export interface StageEntryModify {
   name: string;
   blobId: string;
   blobContent: string;
+  previousBlobContent?: string;
 }
 
 export type StageEntry = StageEntryDelete | StageEntryAdd | StageEntryModify;