@appbaseio/reactivesearch-vue 1.29.0 → 2.0.0-alpha

package/dist/es/ReactiveBase.js

@@ -1,12 +1,12 @@
 import configureStore, { Actions, helper } from '@appbaseio/reactivecore';
-import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-0f24d612.js';
+import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/constants';
-import { isEqual as isEqual$1 } from '@appbaseio/reactivecore/lib/utils/helper';
+import { isEqual as isEqual$1, transformRequestUsingEndpoint } from '@appbaseio/reactivecore/lib/utils/helper';
 import styled from '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-687b2304.js';
+import { t as types } from './vueTypes-b8146772.js';
 import 'redux';
-import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-78920565.js';
+import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-7788a843.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { updateAnalyticsConfig } from '@appbaseio/reactivecore/lib/actions/analytics';
 import Appbase from 'appbase-js';
@@ -92,7 +92,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) {
@@ -107,7 +107,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);
@@ -125,39 +125,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
 
@@ -166,15 +172,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();
         }
       }
@@ -237,20 +248,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() : '';
@@ -345,11 +355,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: types.string,
@@ -373,7 +389,8 @@ var ReactiveBase = {
     as: VueTypes.string.def('div'),
     getSearchParams: types.func,
     setSearchParams: types.func,
-    mongodb: types.mongodb
+    mongodb: types.mongodb,
+    endpoint: types.endpointConfig
   },
   provide: function provide() {
     return {
@@ -424,7 +441,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;
@@ -433,7 +451,7 @@ var ReactiveBase = {
         'X-Search-Client': X_SEARCH_CLIENT
       }, enableTelemetry === false && {
         'X-Enable-Telemetry': false
-      }), headers);
+      }), headers, enableAppbase && endpoint && endpoint.headers && _extends({}, endpoint.headers));
     }
   },
   methods: {
@@ -446,8 +464,19 @@ var ReactiveBase = {
 
       var appbaseConfig = _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 : '*',
@@ -456,7 +485,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 = '';
 
@@ -489,12 +519,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 ? transformRequestUsingEndpoint(request, endpoint) : request;
+        if (props.transformRequest) return props.transformRequest(modifiedRequest);
+        return modifiedRequest;
+      };
 
       if (this.$props.transformResponse) {
         appbaseRef.transformResponse = this.$props.transformResponse;

package/dist/es/ReactiveComponent.js

@@ -1,12 +1,12 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-0f24d612.js';
+import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import { t as types } from './vueTypes-687b2304.js';
+import { t as types } from './vueTypes-b8146772.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-78920565.js';
-import { C as ComponentWrapper } from './ComponentWrapper-0f3431d1.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-7788a843.js';
+import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
 
 var _excluded = ["options"];
 var updateQuery = Actions.updateQuery,
@@ -34,7 +34,8 @@ var ReactiveComponent = {
     URLParams: VueTypes.bool.def(false),
     distinctField: types.string,
     distinctFieldConfig: types.props,
-    index: VueTypes.string
+    index: VueTypes.string,
+    endpoint: types.endpointConfig
   },
   created: function created() {
     var _this = this;