From 3d4bc8aec588d1ee0ab7ba6babfd0d5122da8879 Mon Sep 17 00:00:00 2001
From: Todd Beauchamp <toddbee@gmail.com>
Date: Thu, 12 Jan 2017 10:25:03 -0500
Subject: [PATCH] chore(lint): update rules to eslint-config-ssense

---
 .eslintrc             |  14 +--
 package.json          |   6 +-
 src/Carousel.vue      | 205 ++++++++++++++++++++----------------------
 src/Navigation.vue    |  14 +--
 src/Pagination.vue    |   6 +-
 src/Slide.vue         |   6 +-
 src/index.js          |  14 +--
 src/utils/debounce.js |  25 +++---
 8 files changed, 135 insertions(+), 155 deletions(-)

diff --git a/.eslintrc b/.eslintrc
index 9870404e9..aa44b84a4 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -1,15 +1,3 @@
 {
-  "extends": ["vue", "airbnb-base"],
-  "env": {
-    "browser": true,
-    "jest": true
-  },
-  "rules": {
-    "semi": [2, "always"],
-    "comma-dangle": [2, "only-multiline"],
-    "vue/jsx-uses-vars": 0,
-    "space-before-function-paren": 0,
-    "operator-linebreak": 0,
-    "object-curly-spacing": 0
-  }
+  "extends": "ssense/client",
 }
\ No newline at end of file
diff --git a/package.json b/package.json
index e72b01618..054f24342 100644
--- a/package.json
+++ b/package.json
@@ -44,9 +44,11 @@
     "copy-webpack-plugin": "^4.0.1",
     "coveralls": "^2.11.15",
     "css-loader": "^0.26.1",
-    "eslint": "^3.12.2",
-    "eslint-config-airbnb-base": "^11.0.0",
+    "eslint": "^3.13.1",
+    "eslint-config-airbnb-base": "^11.0.1",
+    "eslint-config-ssense": "^0.1.0",
     "eslint-config-vue": "^2.0.1",
+    "eslint-plugin-fp": "^2.3.0",
     "eslint-plugin-import": "^2.2.0",
     "eslint-plugin-vue": "^1.0.0",
     "html-webpack-plugin": "^2.24.1",
diff --git a/src/Carousel.vue b/src/Carousel.vue
index 018a47f73..6fdc8e56e 100644
--- a/src/Carousel.vue
+++ b/src/Carousel.vue
@@ -16,13 +16,12 @@
 </template>
 
 <script>
-  import debounce from './utils/debounce';
-
-  import Navigation from './Navigation.vue';
-  import Pagination from './Pagination.vue';
+  import debounce from "./utils/debounce"
+  import Navigation from "./Navigation.vue"
+  import Pagination from "./Pagination.vue"
 
   export default {
-    name: 'carousel',
+    name: "carousel",
     components: {
       Navigation,
       Pagination,
@@ -38,7 +37,7 @@
         slideCount: null,
         slideWidth: null,
         mousedown: false,
-      };
+      }
     },
     props: {
       /**
@@ -47,7 +46,7 @@
        */
       easing: {
         type: String,
-        default: 'ease',
+        default: "ease",
       },
       /**
        * Flag to render the navigation component
@@ -63,7 +62,7 @@
        */
       paginationActiveColor: {
         type: String,
-        default: '#000000',
+        default: "#000000",
       },
       /**
        * The fill color of pagination dots
@@ -71,7 +70,7 @@
        */
       paginationColor: {
         type: String,
-        default: '#efefef',
+        default: "#efefef",
       },
       /**
        * Flag to render pagination component
@@ -133,13 +132,13 @@
        * @return {Boolean} Can the slider move forward?
        */
       canAdvanceForward() {
-        return (this.currentPage < (this.pageCount - 1));
+        return (this.currentPage < (this.pageCount - 1))
       },
       /**
        * @return {Boolean} Can the slider move backward?
        */
       canAdvanceBackward() {
-        return (this.currentPage > 0);
+        return (this.currentPage > 0)
       },
       /**
        * Calculated width of the inner wrapper.
@@ -147,9 +146,9 @@
        * @return {Number} The width of the wrapper in pixels
        */
       carouselInnerWidth() {
-        const innerWidth = this.slideWidth * this.slideCount;
+        const innerWidth = this.slideWidth * this.slideCount
 
-        return innerWidth;
+        return innerWidth
       },
       /**
        * Number of slides to display per page in the current context.
@@ -157,57 +156,47 @@
        * @return {Number} The number of slides per page to display
        */
       currentPerPage() {
-        if (!this.perPageCustom) {
-          return this.perPage; // If no custom breakpoints specified, use the default perPage prop.
+        if (!this.perPageCustom || this.$isServer) {
+          return this.perPage // If no custom breakpoints specified, use the default perPage prop.
         }
 
-        let customItems = null;
-
-        if (!this.$isServer) {
-          if (this.browserWidth) {
-            customItems = this.getBreakpointSlidesPerPage(this.perPageCustom, this.browserWidth);
-          }
-        }
-
-        return customItems;
+        return this.getBreakpointSlidesPerPage(this.perPageCustom, this.browserWidth)
       },
       /**
        * The horizontal distance the inner wrapper is offset while navigating.
        * @return {Number} Pixel value of offset to apply
        */
       currentOffset() {
-        const page = this.currentPage;
-        const width = this.slideWidth;
-        const dragged = this.dragOffset;
+        const page = this.currentPage
+        const width = this.slideWidth
+        const dragged = this.dragOffset
 
         // The offset distance depends on whether the scrollPerPage option is active.
         // If this option is active, the offset will be determined per page rather than per item.
-        const offset = (this.scrollPerPage) ? (page * width * this.currentPerPage) : (page * width);
+        const offset = (this.scrollPerPage) ? (page * width * this.currentPerPage) : (page * width)
 
-        return (offset + dragged) * -1;
+        return (offset + dragged) * -1
       },
       isHidden() {
-        return (this.carouselWidth <= 0);
+        return (this.carouselWidth <= 0)
       },
       /**
        * Calculate the number of pages of slides
        * @return {Number} Number of pages
        */
       pageCount() {
-        const slideCount = this.slideCount;
-        const perPage = this.currentPerPage;
-        let pageCount = 0;
+        const slideCount = this.slideCount
+        const perPage = this.currentPerPage
 
         if (this.scrollPerPage) {
-          const pages = Math.ceil(slideCount / perPage);
-          pageCount = (pages < 1) ? 1 : pages; // Be sure to not round down to zero pages
-        } else {
-          pageCount = (slideCount - (this.currentPerPage - 1));
+          const pages = Math.ceil(slideCount / perPage)
+          return (pages < 1) ? 1 : pages // Be sure to not round down to zero pages
         }
-        return pageCount;
+
+        return (slideCount - (this.currentPerPage - 1))
       },
       transitionStyle() {
-        return `${this.speed / 1000}s ${this.easing} transform`;
+        return `${this.speed / 1000}s ${this.easing} transform`
       },
     },
     methods: {
@@ -216,15 +205,15 @@
        * @param  {String} direction (Optional) The direction to advance
        */
       advancePage(direction) {
-        if (direction && direction === 'backward' && this.canAdvanceBackward) {
-          this.goToPage(this.currentPage - 1);
+        if (direction && direction === "backward" && this.canAdvanceBackward) {
+          this.goToPage(this.currentPage - 1)
         } else if (
           (
             !direction
-            || (direction && direction !== 'backward'))
+            || (direction && direction !== "backward"))
             && this.canAdvanceForward
           ) {
-          this.goToPage(this.currentPage + 1);
+          this.goToPage(this.currentPage + 1)
         }
       },
       /**
@@ -232,13 +221,13 @@
        * @return {Number} Slide width
        */
       calculateSlideWidth() {
-        const width = this.carouselWidth;
-        const perPage = this.currentPerPage;
+        const width = this.carouselWidth
+        const perPage = this.currentPerPage
 
-        this.slideWidth = width / perPage;
-        this.setChildSlideWidth(this.slideWidth);
+        this.slideWidth = width / perPage
+        this.setChildSlideWidth(this.slideWidth)
 
-        return this.slideWidth;
+        return this.slideWidth
       },
       /**
        * Given a viewport width, find the number of slides to display
@@ -247,45 +236,45 @@
        */
       getBreakpointSlidesPerPage(breakpointArray, width) {
         const breakpoints = breakpointArray.sort((a, b) => {
-          const isMatching = (a[0] > b[0]) ? -1 : 1;
-          return isMatching;
-        });
+          const isMatching = (a[0] > b[0]) ? -1 : 1
+          return isMatching
+        })
 
         // Reduce the breakpoints to entries where the width is in range
         // The breakpoint arrays are formatted as [widthToMatch, numberOfSlides]
         const matches = breakpoints.filter((breakpoint) => {
-          const isMatching = (width >= breakpoint[0]);
-          return isMatching;
-        });
+          const isMatching = (width >= breakpoint[0])
+          return isMatching
+        })
 
         // If there is a match, the result should return only
         // the slide count from the first matching breakpoint
-        const match = matches[0] && matches[0][1];
+        const match = matches[0] && matches[0][1]
 
-        return match || this.perPage;
+        return match || this.perPage
       },
       /**
        * Get the current browser viewport width
-       * @return {Number} Browser's width in pixels
+       * @return {Number} Browser"s width in pixels
        */
       getBrowserWidth() {
-        this.browserWidth = window.innerWidth;
-        return this.browserWidth;
+        this.browserWidth = window.innerWidth
+        return this.browserWidth
       },
       /**
        * Get the width of the carousel DOM element
        * @return {Number} Width of the carousel in pixels
        */
       getCarouselWidth() {
-        this.carouselWidth = (this.$el && this.$el.clientWidth) || 0; // Assign globally
-        return this.carouselWidth;
+        this.carouselWidth = (this.$el && this.$el.clientWidth) || 0 // Assign globally
+        return this.carouselWidth
       },
       /**
        * Get the number of slides
        * @return {Number} Number of slides
        */
       getSlideCount() {
-        return (this.$slots && this.$slots.default && this.$slots.default.length) || 0;
+        return (this.$slots && this.$slots.default && this.$slots.default.length) || 0
       },
       /**
        * Set the current page to a specific value
@@ -294,7 +283,7 @@
        */
       goToPage(page) {
         if ((page >= 0) && (page <= this.pageCount)) {
-          this.currentPage = page;
+          this.currentPage = page
         }
       },
       /**
@@ -303,15 +292,15 @@
        */
       /* istanbul ignore next */
       handleMousedown(e) {
-        if (!e.touches) { e.preventDefault(); }
+        if (!e.touches) { e.preventDefault() }
 
-        this.mousedown = true;
-        this.dragStartX = ('ontouchstart' in window) ? e.touches[0].clientX : e.clientX;
+        this.mousedown = true
+        this.dragStartX = ("ontouchstart" in window) ? e.touches[0].clientX : e.clientX
 
-        if ('ontouchstart' in window) {
-          this.$el.addEventListener('touchmove', this.handleMousemove);
+        if ("ontouchstart" in window) {
+          this.$el.addEventListener("touchmove", this.handleMousemove)
         } else {
-          this.$el.addEventListener('mousemove', this.handleMousemove);
+          this.$el.addEventListener("mousemove", this.handleMousemove)
         }
       },
       /**
@@ -319,13 +308,13 @@
        * @param  {Object} e The event object
        */
       handleMouseup() {
-        this.mousedown = false;
-        this.dragOffset = 0;
+        this.mousedown = false
+        this.dragOffset = 0
 
-        if ('ontouchstart' in window) {
-          this.$el.removeEventListener('touchmove', this.handleMousemove);
+        if ("ontouchstart" in window) {
+          this.$el.removeEventListener("touchmove", this.handleMousemove)
         } else {
-          this.$el.removeEventListener('mousemove', this.handleMousemove);
+          this.$el.removeEventListener("mousemove", this.handleMousemove)
         }
       },
       /**
@@ -334,31 +323,31 @@
        */
       handleMousemove(e) {
         if (!this.mousedown) {
-          return;
+          return
         }
 
-        const eventPosX = ('ontouchstart' in window) ? e.touches[0].clientX : e.clientX;
-        const deltaX = (this.dragStartX - eventPosX); // Distance the mouse has moved
+        const eventPosX = ("ontouchstart" in window) ? e.touches[0].clientX : e.clientX
+        const deltaX = (this.dragStartX - eventPosX) // Distance the mouse has moved
 
-        this.dragOffset = deltaX; // Drag offset to update the carousel's transform in real time
+        this.dragOffset = deltaX // Drag offset to update the carousel"s transform in real time
 
         if (this.dragOffset >= (this.slideWidth / 2)) { // Moved far enough to advance forward?
-          this.handleMouseup(); // Unbind the mousemove event
-          this.advancePage(); // Trigger the movement forward
+          this.handleMouseup() // Unbind the mousemove event
+          this.advancePage() // Trigger the movement forward
         } else if (
           this.dragOffset <= ((this.slideWidth / 2) * -1) // ... far enough to advance backeard?
         ) {
-          this.mousedown = false;
-          this.handleMouseup(); // Unbind the mousemove event
-          this.advancePage('backward'); // Trigger the movement forward
+          this.mousedown = false
+          this.handleMouseup() // Unbind the mousemove event
+          this.advancePage("backward") // Trigger the movement forward
         }
       },
       /**
        * Trigger actions caused by window resizing
        */
       handleResize() {
-        this.getBrowserWidth();
-        this.recomputeCarouselWidth();
+        this.getBrowserWidth()
+        this.recomputeCarouselWidth()
       },
       /**
        * If the carousel is hidden on init, slide widths cannot be calculated.
@@ -369,19 +358,19 @@
         if (!this.pollInterval) {
           this.pollInterval = setInterval(() => {
             if (this.getCarouselWidth() > 0) {
-              this.recomputeCarouselWidth();
-              clearInterval(this.pollInterval);
+              this.recomputeCarouselWidth()
+              clearInterval(this.pollInterval)
             }
-          }, 100);
+          }, 100)
         }
       },
       /**
        * Re-compute the width of the carousel and its slides
        */
       recomputeCarouselWidth() {
-        this.getCarouselWidth();
-        this.calculateSlideWidth();
-        this.setCurrentPageInBounds();
+        this.getCarouselWidth()
+        this.calculateSlideWidth()
+        this.setCurrentPageInBounds()
       },
       /**
        * Assign widths to child slides within slots
@@ -390,9 +379,9 @@
       setChildSlideWidth(width) {
         if (this.$slots.default) {
           this.$slots.default.forEach((child) => {
-            const slotChild = child;
-            slotChild.child.width = width;
-          });
+            const slotChild = child
+            slotChild.child.width = width
+          })
         }
       },
       /**
@@ -400,39 +389,39 @@
        */
       setCurrentPageInBounds() {
         if (!this.canAdvanceForward) {
-          const setPage = (this.pageCount - 1);
-          this.currentPage = (setPage >= 0) ? setPage : 0;
+          const setPage = (this.pageCount - 1)
+          this.currentPage = (setPage >= 0) ? setPage : 0
         }
       },
     },
     mounted() {
       if (!this.$isServer) {
-        this.getBrowserWidth();
+        this.getBrowserWidth()
 
-        window.addEventListener('resize', debounce(this.handleResize, 16));
+        window.addEventListener("resize", debounce(this.handleResize, 16))
 
-        if ('ontouchstart' in window) {
-          this.$el.addEventListener('touchstart', this.handleMousedown);
-          this.$el.addEventListener('touchend', this.handleMouseup);
+        if ("ontouchstart" in window) {
+          this.$el.addEventListener("touchstart", this.handleMousedown)
+          this.$el.addEventListener("touchend", this.handleMouseup)
         } else {
-          this.$el.addEventListener('mousedown', this.handleMousedown);
-          this.$el.addEventListener('mouseup', this.handleMouseup);
+          this.$el.addEventListener("mousedown", this.handleMousedown)
+          this.$el.addEventListener("mouseup", this.handleMouseup)
         }
       }
 
-      this.slideCount = this.getSlideCount();
-      this.recomputeCarouselWidth();
+      this.slideCount = this.getSlideCount()
+      this.recomputeCarouselWidth()
 
       if (this.isHidden) {
-        this.pollForWidth();
+        this.pollForWidth()
       }
     },
     destroyed() {
       if (!this.$isServer) {
-        window.removeEventListener('resize', this.getBrowserWidth);
+        window.removeEventListener("resize", this.getBrowserWidth)
       }
     },
-  };
+  }
 </script>
 
 <style scoped>
diff --git a/src/Navigation.vue b/src/Navigation.vue
index 550db5e2a..9f7fc569c 100644
--- a/src/Navigation.vue
+++ b/src/Navigation.vue
@@ -7,30 +7,30 @@
 
 <script>
   export default {
-    name: 'navigation',
+    name: "navigation",
     data() {
       return {
         parentContainer: this.$parent,
-      };
+      }
     },
     computed: {
       canAdvanceForward() {
-        return this.parentContainer.canAdvanceForward || false;
+        return this.parentContainer.canAdvanceForward || false
       },
       canAdvanceBackward() {
-        return this.parentContainer.canAdvanceBackward || false;
+        return this.parentContainer.canAdvanceBackward || false
       },
     },
     methods: {
       triggerPageAdvance(direction) {
         if (direction) {
-          this.$parent.advancePage(direction);
+          this.$parent.advancePage(direction)
         } else {
-          this.$parent.advancePage();
+          this.$parent.advancePage()
         }
       },
     },
-  };
+  }
 </script>
 
 <style scoped>
diff --git a/src/Pagination.vue b/src/Pagination.vue
index 3f3ca534a..570150eb5 100644
--- a/src/Pagination.vue
+++ b/src/Pagination.vue
@@ -25,13 +25,13 @@
 
 <script>
   export default {
-    name: 'pagination',
+    name: "pagination",
     data() {
       return {
         parentContainer: this.$parent,
-      };
+      }
     },
-  };
+  }
 </script>
 
 <style scoped>
diff --git a/src/Slide.vue b/src/Slide.vue
index 8580c689d..4f820003f 100644
--- a/src/Slide.vue
+++ b/src/Slide.vue
@@ -6,13 +6,13 @@
 
 <script>
   export default {
-    name: 'slide',
+    name: "slide",
     data() {
       return {
         width: null,
-      };
+      }
     },
-  };
+  }
 </script>
 
 <style scoped>
diff --git a/src/index.js b/src/index.js
index 477013c8b..197b7cce5 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,14 +1,14 @@
-import Carousel from './Carousel.vue';
-import Slide from './Slide.vue';
+import Carousel from "./Carousel.vue"
+import Slide from "./Slide.vue"
 
 const install = (Vue) => {
-  Vue.component('carousel', Carousel);
-  Vue.component('slide', Slide);
-};
+  Vue.component("carousel", Carousel)
+  Vue.component("slide", Slide)
+}
 
-export default install;
+export default install
 
 export {
   Carousel,
   Slide,
-};
+}
diff --git a/src/utils/debounce.js b/src/utils/debounce.js
index 75366422a..2cbdda406 100644
--- a/src/utils/debounce.js
+++ b/src/utils/debounce.js
@@ -1,3 +1,4 @@
+/* eslint-disable fp/no-let */
 /*
  * Returns a function, that, as long as it continues to be invoked, will not
  * be triggered. The function will be called after it stops being called for
@@ -5,22 +6,22 @@
  * leading edge, instead of the trailing.
 */
 const debounce = (func, wait, immediate) => {
-  let timeout;
+  let timeout
   return () => {
-    const context = this;
+    const context = this
     const later = () => {
-      timeout = null;
+      timeout = null
       if (!immediate) {
-        func.apply(context);
+        func.apply(context)
       }
-    };
-    const callNow = immediate && !timeout;
-    clearTimeout(timeout);
-    timeout = setTimeout(later, wait);
+    }
+    const callNow = immediate && !timeout
+    clearTimeout(timeout)
+    timeout = setTimeout(later, wait)
     if (callNow) {
-      func.apply(context);
+      func.apply(context)
     }
-  };
-};
+  }
+}
 
-export default debounce;
+export default debounce