only remove namespaced items when clearing localStorage (#2755)

thomasheyenbrock · web-flow · commit 674bf3f8ff32 · 2022-09-07T10:15:42.000+02:00
diff --git a/.changeset/twenty-walls-drive.md b/.changeset/twenty-walls-drive.md
@@ -0,0 +1,5 @@
+---
+'@graphiql/toolkit': patch
+---
+
+Only remove namespaced items when clearing `localStorage`
diff --git a/packages/graphiql-toolkit/src/storage/base.ts b/packages/graphiql-toolkit/src/storage/base.ts
@@ -60,9 +60,18 @@ export class StorageAPI {
     } else if (storage === null) {
       // Passing `null` creates a noop storage
       this.storage = null;
+    } else if (typeof window !== 'undefined') {
+      this.storage = window.localStorage;
+      // We only want to clear the namespaced items
+      this.storage.clear = () => {
+        for (const key in window.localStorage) {
+          if (key.indexOf(`${STORAGE_NAMESPACE}:`) === 0) {
+            window.localStorage.removeItem(key);
+          }
+        }
+      };
     } else {
-      // When passing `undefined` we default to localStorage
-      this.storage = typeof window !== 'undefined' ? window.localStorage : null;
+      this.storage = null;
     }
   }
 

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@graphiql/toolkit': patch
 +---
++
 +Only remove namespaced items when clearing `localStorage`