@appbaseio/reactivesearch-vue 1.30.0 → 2.0.0-alpha.1

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-91d4b5a6.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-2cd3650b.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'));
@@ -363,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,
@@ -391,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 {
@@ -442,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;
@@ -451,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: {
@@ -464,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 : '*',
@@ -474,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 = '';
 
@@ -507,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-91d4b5a6.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-2cd3650b.js');
-var ComponentWrapper = require('./ComponentWrapper-5cb08414.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;