feat(store): do not automatically refresh when using start()

this allows users to start watching the store without actually triggering a search operation.

BREAKING CHANGE:

using `store.start()` will no longer trigger an Algolia call.
if you are were using `store.stop()`/`store.start()` you should now
also call `store.refresh()` if you want your store to in sync with Algolia.

Author: rayrutjes

src/__tests__/store.js

@@ -421,6 +421,7 @@ describe('Store', () => {
         return { clearCache };
       },
     };
+    store.start();
     store.disableCache();
     store.refresh();
     expect(clearCache).toHaveBeenCalledTimes(1);

src/components/Clear.vue

@@ -55,6 +55,7 @@ export default {
         this.searchStore.clearRefinements();
       }
       this.searchStore.start();
+      this.searchStore.refresh();
     },
   },
 };

src/components/Input.vue

@@ -32,6 +32,7 @@ export default {
         // without triggering in between ghost queries.
         this.$nextTick(function() {
           this.searchStore.start();
+          this.searchStore.refresh();
         });
       },
     },

src/components/PriceRange.vue

@@ -95,6 +95,7 @@ export default {
         }
 
         this.searchStore.start();
+        this.searchStore.refresh();
       },
     },
     to: {
@@ -125,6 +126,7 @@ export default {
           this.searchStore.addNumericRefinement(this.attributeName, '<', value);
         }
         this.searchStore.start();
+        this.searchStore.refresh();
       },
     },
   },

src/components/Rating.vue

@@ -141,6 +141,7 @@ export default {
         this.searchStore.addFacetRefinement(this.attributeName, val);
       }
       this.searchStore.start();
+      this.searchStore.refresh();
       return undefined;
     },
     clear() {

src/components/__tests__/clear.js

@@ -7,19 +7,22 @@ describe('Clear component', () => {
   const stop = jest.fn();
   const start = jest.fn();
   const clearRefinements = jest.fn();
+  const refresh = jest.fn();
 
   const searchStore = {
     query: 'whatever',
     activeRefinements: ['whatever'],
     stop,
     start,
     clearRefinements,
+    refresh,
   };
 
   beforeEach(() => {
     stop.mockClear();
     start.mockClear();
     clearRefinements.mockClear();
+    refresh.mockClear();
     searchStore.query = 'whatever';
     searchStore.activeRefinements = ['whatever'];
   });
@@ -34,6 +37,7 @@ describe('Clear component', () => {
     expect(stop).toHaveBeenCalledTimes(1);
     expect(clearRefinements).toHaveBeenCalledTimes(1);
     expect(start).toHaveBeenCalledTimes(1);
+    expect(refresh).toHaveBeenCalledTimes(1);
   });
 
   test('can disable query clearing', () => {
@@ -46,6 +50,7 @@ describe('Clear component', () => {
     expect(stop).toHaveBeenCalledTimes(1);
     expect(clearRefinements).toHaveBeenCalledTimes(1);
     expect(start).toHaveBeenCalledTimes(1);
+    expect(refresh).toHaveBeenCalledTimes(1);
   });
 
   test('can disable facets clearing', () => {
@@ -58,6 +63,7 @@ describe('Clear component', () => {
     expect(stop).toHaveBeenCalledTimes(1);
     expect(clearRefinements).not.toHaveBeenCalled();
     expect(start).toHaveBeenCalledTimes(1);
+    expect(refresh).toHaveBeenCalledTimes(1);
   });
 
   test('has proper HTML rendering', () => {

src/store.js

@@ -131,10 +131,6 @@ export class Store {
     } else {
       this._stoppedCounter--;
     }
-
-    if (this._stoppedCounter === 0) {
-      this.refresh();
-    }
   }
 
   stop() {
@@ -228,6 +224,7 @@ export class Store {
       this._helper.setState(state);
     }
     this.start();
+    this.refresh();
   }
 
   removeFacet(attribute) {
@@ -343,6 +340,7 @@ export class Store {
       delete params.page;
     }
     this.start();
+    this.refresh();
   }
 
   get queryParameters() {
@@ -374,6 +372,9 @@ export class Store {
   }
 
   refresh() {
+    if (this._stoppedCounter !== 0) {
+      return;
+    }
     if (this._cacheEnabled === false) {
       this.clearCache();
     }
@@ -424,9 +425,7 @@ export const assertValidFacetType = function(type) {
 };
 
 const onHelperChange = function() {
-  if (this._stoppedCounter === 0) {
-    this.refresh();
-  }
+  this.refresh();
 };
 
 const onHelperResult = function(response) {