@appbaseio/reactivesearch-vue 1.29.0 → 2.0.0-alpha

package/dist/cjs/ReactiveBase.js

@@ -6,15 +6,15 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/reactivecore/lib/utils/constants');
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
-var vueTypes = require('./vueTypes-57d01f18.js');
+var vueTypes = require('./vueTypes-727b7c63.js');
 require('redux');
-var index = require('./index-4509aa45.js');
+var index = require('./index-6a167fe0.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 var analytics = require('@appbaseio/reactivecore/lib/actions/analytics');
 var Appbase = _interopDefault(require('appbase-js'));
@@ -100,7 +100,7 @@ var URLParamsProvider = {
       Object.keys(_this.currentSelectedState).filter(function (item) {
         return !activeComponents.includes(item);
       }).forEach(function (component) {
-        _this.setValue(component, null);
+        _this.setValue(component, null, undefined, undefined, undefined, undefined, undefined, undefined, 'URL');
       }); // update active components in selectedValues
 
       Array.from(_this.params.entries()).forEach(function (item) {
@@ -115,7 +115,7 @@ var URLParamsProvider = {
               showFilter = _ref.showFilter,
               URLParams = _ref.URLParams;
 
-          _this.setValue(component, JSON.parse(value), label, showFilter, URLParams);
+          _this.setValue(component, JSON.parse(value), label, showFilter, URLParams, undefined, undefined, undefined, 'URL');
         } catch (e) {
           // Do not set value if JSON parsing fails.
           console.error(e);
@@ -133,39 +133,45 @@ var URLParamsProvider = {
     selectedValues: function selectedValues(newVal, oldVal) {
       var _this2 = this;
 
-      this.currentSelectedState = newVal;
-
       if (!isEqual(newVal, oldVal)) {
         this.searchString = this.$props.getSearchParams ? this.$props.getSearchParams() : window.location.search;
         this.params = new URLSearchParams(this.searchString);
         var currentComponents = Object.keys(newVal);
         var urlComponents = Array.from(this.params.keys());
+        var shouldPushHistory = false;
         currentComponents.filter(function (component) {
           return newVal[component].URLParams;
         }).forEach(function (component) {
-          // prevents empty history pollution on initial load
-          if (_this2.hasValidValue(newVal[component]) || _this2.hasValidValue(oldVal[component])) {
-            var selectedValues = newVal[component];
+          var selectedValues = newVal[component]; // prevents empty history pollution on initial load
 
+          if (_this2.hasValidValue(newVal[component]) || _this2.hasValidValue(oldVal[component])) {
             if (selectedValues.URLParams) {
               if (selectedValues.category) {
-                _this2.setURL(component, _this2.getValue({
+                var shouldUpdateHistory = _this2.setURL(component, _this2.getValue({
                   category: selectedValues.category,
                   value: selectedValues.value
                 }));
+
+                if (shouldUpdateHistory) {
+                  shouldPushHistory = true;
+                }
               } else {
-                _this2.setURL(component, _this2.getValue(selectedValues.value));
+                var _shouldUpdateHistory = _this2.setURL(component, _this2.getValue(selectedValues.value));
+
+                if (_shouldUpdateHistory) {
+                  shouldPushHistory = true;
+                }
               }
             } else {
               _this2.params["delete"](component);
 
-              _this2.pushToHistory();
+              shouldPushHistory = true;
             }
           } else if (!_this2.hasValidValue(newVal[component]) && urlComponents.includes(component)) {
             // doesn't have a valid value, but the url has a (stale) valid value set
             _this2.params["delete"](component);
 
-            _this2.pushToHistory();
+            shouldPushHistory = true;
           }
         }); // remove unmounted components
 
@@ -174,15 +180,20 @@ var URLParamsProvider = {
         }).forEach(function (component) {
           _this2.params["delete"](component);
 
-          _this2.pushToHistory();
+          shouldPushHistory = true;
         });
 
         if (!currentComponents.length) {
           Array.from(this.params.keys()).forEach(function (item) {
             if (_this2.searchComponents && _this2.searchComponents.includes(item)) {
               _this2.params["delete"](item);
+
+              shouldPushHistory = true;
             }
           });
+        }
+
+        if (shouldPushHistory) {
           this.pushToHistory();
         }
       }
@@ -245,20 +256,19 @@ var URLParamsProvider = {
       return value;
     },
     setURL: function setURL(component, value) {
-      this.searchString = this.$props.getSearchParams ? this.$props.getSearchParams() : window.location.search;
-      this.params = new URLSearchParams(this.searchString);
-
       if (!value || typeof value === 'string' && value.trim() === '' || Array.isArray(value) && value.length === 0) {
         this.params["delete"](component);
-        this.pushToHistory();
-      } else {
-        var data = JSON.stringify(this.getValue(value));
+        return true;
+      }
 
-        if (data !== this.params.get(component)) {
-          this.params.set(component, data);
-          this.pushToHistory();
-        }
+      var data = JSON.stringify(value);
+
+      if (data !== this.params.get(component)) {
+        this.params.set(component, data);
+        return true;
       }
+
+      return false;
     },
     pushToHistory: function pushToHistory() {
       var paramsSting = this.params.toString() ? "?" + this.params.toString() : '';
@@ -353,11 +363,17 @@ var ReactiveBase = {
     this.setStore(this.$props);
   },
   mounted: function mounted() {
-    var analyticsConfig = this.analyticsConfig; // TODO: Remove in 2.0
+    var analyticsConfig = this.analyticsConfig,
+        enableAppbase = this.enableAppbase,
+        endpoint = this.endpoint; // TODO: Remove in 2.0
 
     if (analyticsConfig !== undefined) {
       console.warn('Warning(ReactiveSearch): The `analyticsConfig` prop has been marked as deprecated, please use the `appbaseConfig` prop instead.');
     }
+
+    if (!enableAppbase && endpoint) {
+      console.warn('Warning(ReactiveSearch): The `endpoint` prop works only when `enableAppbase` prop is set to true.');
+    }
   },
   props: {
     app: vueTypes.types.string,
@@ -381,7 +397,8 @@ var ReactiveBase = {
     as: VueTypes.string.def('div'),
     getSearchParams: vueTypes.types.func,
     setSearchParams: vueTypes.types.func,
-    mongodb: vueTypes.types.mongodb
+    mongodb: vueTypes.types.mongodb,
+    endpoint: vueTypes.types.endpointConfig
   },
   provide: function provide() {
     return {
@@ -432,7 +449,8 @@ var ReactiveBase = {
           enableAppbase = _this$$props.enableAppbase,
           headers = _this$$props.headers,
           appbaseConfig = _this$$props.appbaseConfig,
-          mongodb = _this$$props.mongodb;
+          mongodb = _this$$props.mongodb,
+          endpoint = _this$$props.endpoint;
 
       var _ref = appbaseConfig || {},
           enableTelemetry = _ref.enableTelemetry;
@@ -441,7 +459,7 @@ var ReactiveBase = {
         'X-Search-Client': index.X_SEARCH_CLIENT
       }, enableTelemetry === false && {
         'X-Enable-Telemetry': false
-      }), headers);
+      }), headers, enableAppbase && endpoint && endpoint.headers && _rollupPluginBabelHelpers._extends({}, endpoint.headers));
     }
   },
   methods: {
@@ -454,8 +472,19 @@ var ReactiveBase = {
 
       var appbaseConfig = _rollupPluginBabelHelpers._extends({}, props.analyticsConfig, props.appbaseConfig);
 
+      var url = props.url && props.url.trim() !== '' ? props.url : '';
+
+      if (props.enableAppbase && props.endpoint) {
+        if (props.endpoint.url) {
+          // eslint-disable-next-line prefer-destructuring
+          url = props.endpoint.url;
+        } else {
+          throw Error('Error(ReactiveSearch): The `endpoint` prop object requires `url` property.');
+        }
+      }
+
       var config = {
-        url: props.url && props.url.trim() !== '' ? props.url : '',
+        url: url,
         app: props.app,
         credentials: credentials,
         type: props.type ? props.type : '*',
@@ -464,7 +493,8 @@ var ReactiveBase = {
         enableAppbase: props.enableAppbase,
         analytics: props.appbaseConfig ? props.appbaseConfig.recordAnalytics : props.analytics,
         analyticsConfig: appbaseConfig,
-        mongodb: props.mongodb
+        mongodb: props.mongodb,
+        endpoint: props.endpoint
       };
       var queryParams = '';
 
@@ -497,12 +527,16 @@ var ReactiveBase = {
         } catch (e) {// Do not add to selectedValues if JSON parsing fails.
         }
       });
-      var themePreset = props.themePreset;
+      var themePreset = props.themePreset,
+          enableAppbase = props.enableAppbase,
+          endpoint = props.endpoint;
       var appbaseRef = Appbase(config);
 
-      if (this.$props.transformRequest) {
-        appbaseRef.transformRequest = this.$props.transformRequest;
-      }
+      appbaseRef.transformRequest = function (request) {
+        var modifiedRequest = enableAppbase ? helper.transformRequestUsingEndpoint(request, endpoint) : request;
+        if (props.transformRequest) return props.transformRequest(modifiedRequest);
+        return modifiedRequest;
+      };
 
       if (this.$props.transformResponse) {
         appbaseRef.transformResponse = this.$props.transformResponse;

package/dist/cjs/ReactiveComponent.js

@@ -6,14 +6,14 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
-var vueTypes = require('./vueTypes-57d01f18.js');
+var vueTypes = require('./vueTypes-727b7c63.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-4509aa45.js');
-var ComponentWrapper = require('./ComponentWrapper-10bad289.js');
+var index = require('./index-6a167fe0.js');
+var ComponentWrapper = require('./ComponentWrapper-ad3dad02.js');
 
 var _excluded = ["options"];
 var updateQuery = configureStore.Actions.updateQuery,
@@ -41,7 +41,8 @@ var ReactiveComponent = {
     URLParams: VueTypes.bool.def(false),
     distinctField: vueTypes.types.string,
     distinctFieldConfig: vueTypes.types.props,
-    index: VueTypes.string
+    index: VueTypes.string,
+    endpoint: vueTypes.types.endpointConfig
   },
   created: function created() {
     var _this = this;