Merge pull request #11 from bigcommerce/searcher

Renderable AJAX

src/events/index.js

@@ -2,10 +2,12 @@ import AccountEvents from './account';
 import CartEvents from './cart';
 import CurrencySelectorEvents from './currency-selector';
 import ProductEvents from './product';
+import SearchEvents from './search';
 
 export {
     AccountEvents,
     CartEvents,
     CurrencySelectorEvents,
-    ProductEvents
+    ProductEvents,
+    SearchEvents
 };

src/events/search.js

@@ -0,0 +1,19 @@
+import BaseEvents from './base';
+
+export default class SearchEvents extends BaseEvents {
+
+    /**
+     * @Constructor
+     * @param {object} options
+     */
+    constructor(options) {
+        this.options = options || {};
+
+        this.dataMap = {
+            '[data-quick-search]': {
+                eventName: 'search-quick',
+                trigger: ['input']
+            }
+        };
+    }
+}

src/index.js

@@ -2,11 +2,14 @@ import {
     AccountEvents,
     CartEvents,
     CurrencySelectorEvents,
-    ProductEvents
+    ProductEvents,
+    SearchEvents
     } from './events/index';
 import {
     RemoteCountry,
-    RemoteProductAttributes
+    RemoteProduct,
+    RemoteProductAttributes,
+    Search
     } from './remote/index';
 
 let internals = {
@@ -17,7 +20,8 @@ internals.eventClasses = {
     account: AccountEvents,
     cart: CartEvents,
     currencySelector: CurrencySelectorEvents,
-    product: ProductEvents
+    product: ProductEvents,
+    search: SearchEvents
 };
 
 internals.init = function (events) {
@@ -53,7 +57,9 @@ internals.events = function (eventTypes) {
 internals.remote = function () {
     return {
         country: new RemoteCountry(),
-        productAttributes: new RemoteProductAttributes()
+        productAttributes: new RemoteProductAttributes(),
+        product: new RemoteProduct(),
+        search: new Search()
     }
 };
 

src/remote/index.js

@@ -1,6 +1,13 @@
 import RemoteBC from './remote';
 import RemoteCountry from './countries';
+import RemoteProduct from './product';
 import RemoteProductAttributes from './product-attributes';
+import Search from './search';
 
 export default RemoteBC;
-export { RemoteCountry, RemoteProductAttributes };
+export {
+    RemoteCountry,
+    RemoteProductAttributes,
+    RemoteProduct,
+    Search
+};

src/remote/product.js

@@ -0,0 +1,33 @@
+import RemoteBC from './remote';
+import $ from 'jquery';
+
+export default class RemoteProduct extends RemoteBC
+{
+    /**
+     * @Constructor
+     */
+    constructor() {
+        // call parent
+        super();
+
+        this.endPoint = '/product/';
+    }
+
+    /**
+     *
+     * @param productId
+     * @param params
+     * @param callback
+     */
+    getById(productId, params, callback)
+    {
+        let url = this.endPoint + productId;
+
+        if (typeof params === 'function') {
+            callback = params;
+            params = {};
+        }
+
+        this.makeRequest(url, 'GET', params, callback);
+    }
+}

src/remote/search.js

@@ -0,0 +1,28 @@
+import RemoteBC from './remote';
+import _ from 'lodash';
+
+export default class Search extends RemoteBC
+{
+    /**
+     * @Constructor
+     */
+    constructor() {
+        // call parent
+        super();
+
+        // set up class variables
+        this.endPoint = '/search';
+    }
+
+    /**
+     * Get search results
+     * @param {String} query
+     * @param {Object} params
+     * @param {Function} callback
+     */
+    search(query, params, callback) {
+        params.search_query = encodeURIComponent(query);
+
+        this.makeRequest(this.endPoint, 'GET', params, callback);
+    }
+}