chore: Fix spire setup

danez · danez · commit 03235bfb437d · 2019-11-23T20:45:57.000+01:00
diff --git a/.eslintrc.js b/.eslintrc.js
diff --git a/.prettierignore b/.prettierignore
diff --git a/.prettierrc.json b/.prettierrc.json
diff --git a/.spire/spire-plugin-tslint.js b/.spire/spire-plugin-tslint.js
@@ -2,7 +2,7 @@ function tslint({ setState }) {
     return {
         name: 'spire-plugin-tslint',
         async precommit() {
-            setState(state => ({
+            setState((state) => ({
                 linters: [
                     ...state.linters,
                     { '**/*.tsx?': ['tsc', '--project', 'types'] },
diff --git a/docs/docs/components/HigherOrderComponent/WithIntersectionObserver.js b/docs/docs/components/HigherOrderComponent/WithIntersectionObserver.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import Observer from '../../../../src/IntersectionObserver';
 
-export default threshold => BaseComponent => {
+export default (threshold) => (BaseComponent) => {
     const displayName =
         BaseComponent.displayName || BaseComponent.name || 'Component';
 
diff --git a/docs/docs/components/ImpressionTracking/AdImpression.js b/docs/docs/components/ImpressionTracking/AdImpression.js
@@ -10,7 +10,7 @@ export default class AdImpression extends React.Component {
         tracked: '',
     };
 
-    handleChange = event => {
+    handleChange = (event) => {
         if (event.isIntersecting && event.intersectionRatio >= 0.5) {
             this.recordedTimeout = setTimeout(() => {
                 this.setState({ tracked: 'ad--tracked' });
diff --git a/docs/docs/components/OnlyOnce/OnlyOnce.js b/docs/docs/components/OnlyOnce/OnlyOnce.js
@@ -3,9 +3,9 @@ import { decorateAction } from '@storybook/addon-actions';
 import Observer from '../../../../src/IntersectionObserver';
 
 const storyBookAction = decorateAction([
-    args =>
+    (args) =>
         ['isIntersecting', 'intersectionRatio'].map(
-            key => `${key}: ${args[0][key]}`
+            (key) => `${key}: ${args[0][key]}`
         ),
 ])('onChange');
 
diff --git a/docs/docs/components/Playground/PlaygroundRootMargin.js b/docs/docs/components/Playground/PlaygroundRootMargin.js
@@ -4,9 +4,9 @@ import { select } from '@storybook/addon-knobs/react';
 import Observer from '../../../../src/IntersectionObserver';
 
 const storyBookAction = decorateAction([
-    args =>
+    (args) =>
         ['isIntersecting', 'intersectionRatio'].map(
-            key => `${key}: ${args[0][key]}`
+            (key) => `${key}: ${args[0][key]}`
         ),
 ])('onChange');
 
@@ -15,7 +15,7 @@ export default class WindowRoot extends Component {
         visibility: 'hidden',
     };
 
-    handleChange = event => {
+    handleChange = (event) => {
         storyBookAction(event);
         this.setState({
             visibility: event.isIntersecting ? 'visible' : 'invisible',
diff --git a/docs/docs/components/WindowFrame/WindowFrame.js b/docs/docs/components/WindowFrame/WindowFrame.js
@@ -3,9 +3,9 @@ import { decorateAction } from '@storybook/addon-actions';
 import Observer from '../../../../src/IntersectionObserver';
 
 const storyBookAction = decorateAction([
-    args =>
+    (args) =>
         ['isIntersecting', 'intersectionRatio'].map(
-            key => `${key}: ${args[0][key]}`
+            (key) => `${key}: ${args[0][key]}`
         ),
 ])('onChange');
 
@@ -14,7 +14,7 @@ export default class WindowFrame extends Component {
         visibility: 'hidden',
     };
 
-    handleChange = event => {
+    handleChange = (event) => {
         storyBookAction(event);
         this.setState({
             visibility: event.isIntersecting ? 'visible' : 'invisible',
diff --git a/docs/docs/components/WindowRoot/WindowRoot.js b/docs/docs/components/WindowRoot/WindowRoot.js
@@ -3,9 +3,9 @@ import { decorateAction } from '@storybook/addon-actions';
 import Observer from '../../../../src/IntersectionObserver';
 
 const storyBookAction = decorateAction([
-    args =>
+    (args) =>
         ['isIntersecting', 'intersectionRatio'].map(
-            key => `${key}: ${args[0][key]}`
+            (key) => `${key}: ${args[0][key]}`
         ),
 ])('onChange');
 
@@ -14,7 +14,7 @@ export default class WindowRoot extends Component {
         visibility: 'hidden',
     };
 
-    handleChange = event => {
+    handleChange = (event) => {
         storyBookAction(event);
         this.setState({
             visibility: event.isIntersecting ? 'visible' : 'invisible',
diff --git a/docs/docs/components/WithRootMargin/WithRootMargin.js b/docs/docs/components/WithRootMargin/WithRootMargin.js
@@ -3,9 +3,9 @@ import { decorateAction } from '@storybook/addon-actions';
 import Observer from '../../../../src/IntersectionObserver';
 
 const storyBookAction = decorateAction([
-    args =>
+    (args) =>
         ['isIntersecting', 'intersectionRatio']
-            .map(key => `${key}: ${args[0][key]}`)
+            .map((key) => `${key}: ${args[0][key]}`)
             .concat(['rootMargin: 0% 0% -25% 0%']),
 ])('onChange');
 
@@ -15,7 +15,7 @@ export default class WithRootMargin extends Component {
         scroller: null,
     };
 
-    handleChange = event => {
+    handleChange = (event) => {
         storyBookAction(event);
         this.setState({
             visibility: event.isIntersecting ? 'visible' : 'invisible',
@@ -31,7 +31,7 @@ export default class WithRootMargin extends Component {
                 <div className="body body--frame">
                     <div
                         className="scroller scroller--gradient"
-                        ref={node => {
+                        ref={(node) => {
                             if (!this.state.scroller) {
                                 this.setState({ scroller: node });
                             }
diff --git a/docs/docs/components/WithThresholds/WithThresholds.js b/docs/docs/components/WithThresholds/WithThresholds.js
@@ -3,9 +3,9 @@ import { decorateAction } from '@storybook/addon-actions';
 import Observer from '../../../../src/IntersectionObserver';
 
 const storyBookAction = decorateAction([
-    args =>
+    (args) =>
         ['isIntersecting', 'intersectionRatio']
-            .map(key => `${key}: ${args[0][key]}`)
+            .map((key) => `${key}: ${args[0][key]}`)
             .concat('thresholds: [0, 0.25, 0.5, 0.75, 1]'),
 ])('onChange');
 
@@ -20,7 +20,7 @@ export default class WithThresholds extends Component {
         threshold: 0,
     };
 
-    handleChange = event => {
+    handleChange = (event) => {
         storyBookAction(event);
         this.setState({
             visibility: event.isIntersecting ? 'visible' : 'invisible',
diff --git a/docs/docs/components/style.css b/docs/docs/components/style.css
@@ -1,6 +1,6 @@
 body {
-  font-family: -apple-system, ".SFNSText-Regular", "San Francisco", Roboto, "Segoe UI", "Helvetica Neue",
-    "Lucida Grande", sans-serif;
+  font-family: -apple-system, '.SFNSText-Regular', 'San Francisco', Roboto,
+    'Segoe UI', 'Helvetica Neue', 'Lucida Grande', sans-serif;
   margin: 0;
   padding: 0;
   color: #444;
diff --git a/package.json b/package.json
@@ -16,21 +16,20 @@
   "devDependencies": {
     "@babel/cli": "^7.4.4",
     "@researchgate/babel-preset": "^1.2.1",
-    "@researchgate/spire-config": "^1.3.0",
+    "@researchgate/spire-config": "^1.5.4",
     "@storybook/addon-actions": "^5.0.11",
     "@storybook/addon-knobs": "^5.0.11",
     "@storybook/addon-options": "^5.0.11",
     "@storybook/react": "^5.0.11",
     "@types/react": "16.8.18",
     "babel-loader": "^8.0.6",
     "cross-env": "^5.2.0",
-    "eslint": "^5.16.0",
     "intersection-observer": "^0.7.0",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
     "react-test-renderer": "^16.8.6",
-    "spire": "^1.7.2",
-    "spire-plugin-semantic-release": "^1.7.2",
+    "spire": "^1.8.3",
+    "spire-plugin-semantic-release": "^1.8.2",
     "storybook-readme": "^5.0.3",
     "typescript": "^3.4.5"
   },
@@ -85,5 +84,6 @@
     "storybook": "start-storybook -p 9001 -c .storybook",
     "test": "spire test",
     "ts:check": "tsc --project types"
-  }
+  },
+  "prettier": "@researchgate/prettier-config"
 }
diff --git a/src/IntersectionObserver.js b/src/IntersectionObserver.js
@@ -9,7 +9,7 @@ const observerOptions = ['root', 'rootMargin', 'threshold'];
 const observableProps = ['root', 'rootMargin', 'threshold', 'disabled'];
 const { hasOwnProperty, toString } = Object.prototype;
 
-const getOptions = props => {
+const getOptions = (props) => {
     return observerOptions.reduce((options, key) => {
         if (hasOwnProperty.call(props, key)) {
             const rootIsString =
@@ -81,11 +81,11 @@ class IntersectionObserver extends React.Component {
         onChange: PropTypes.func.isRequired,
     };
 
-    handleChange = event => {
+    handleChange = (event) => {
         this.props.onChange(event, this.externalUnobserve);
     };
 
-    handleNode = target => {
+    handleNode = (target) => {
         const { children } = this.props;
 
         if (children != null) {
@@ -122,7 +122,7 @@ class IntersectionObserver extends React.Component {
         return true;
     };
 
-    unobserve = target => {
+    unobserve = (target) => {
         unobserveElement(this, target);
     };
 
@@ -133,7 +133,7 @@ class IntersectionObserver extends React.Component {
     getSnapshotBeforeUpdate(prevProps) {
         this.prevTargetNode = this.targetNode;
 
-        const relatedPropsChanged = observableProps.some(prop =>
+        const relatedPropsChanged = observableProps.some((prop) =>
             shallowCompare(this.props[prop], prevProps[prop])
         );
         if (relatedPropsChanged) {
diff --git a/src/__tests__/utils.spec.js b/src/__tests__/utils.spec.js
@@ -26,7 +26,7 @@ describe('parseRootMargin', () => {
 
 describe('shallowCompare', () => {
     const comparerFn = (nextProps, prevProps) =>
-        ['disabled', 'root', 'rootMargin', 'threshold'].some(option =>
+        ['disabled', 'root', 'rootMargin', 'threshold'].some((option) =>
             shallowCompare(nextProps[option], prevProps[option])
         );
 
diff --git a/src/utils.js b/src/utils.js
@@ -4,7 +4,7 @@ export function parseRootMargin(rootMargin) {
     const marginString = rootMargin ? rootMargin.trim() : '0px';
     const [m0 = '0px', m1 = m0, m2 = m0, m3 = m1] = marginString
         .split(/\s+/)
-        .map(margin => {
+        .map((margin) => {
             if (!marginRE.test(margin)) {
                 throw new Error(
                     'rootMargin must be a string literal containing pixels and/or percent values'
diff --git a/types/index.d.ts b/types/index.d.ts
@@ -1,13 +1,12 @@
 import * as React from 'react';
 
 interface Props {
-    children: React.ReactElement<any> | null | undefined;
-    root?: string | Element | null;
-    rootMargin?: string;
-    threshold?: number | number[];
-    disabled?: boolean;
-    onChange: (entry: IntersectionObserverEntry, unobserve: () => void) => void;
+  children: React.ReactElement<any> | null | undefined;
+  root?: string | Element | null;
+  rootMargin?: string;
+  threshold?: number | number[];
+  disabled?: boolean;
+  onChange: (entry: IntersectionObserverEntry, unobserve: () => void) => void;
 }
 
 export default class IntersectionObserver extends React.Component<Props> {}
-
diff --git a/types/test.tsx b/types/test.tsx
@@ -2,16 +2,22 @@ import * as React from 'react';
 import Observer from '..';
 
 const onChange = (event, unobserve) => {
-    unobserve();
+  unobserve();
 };
 const Component = () => <span />;
 
-<Observer threshold={1} disabled={false} root="#foo" rootMargin="10px" onChange={onChange}>
-    <span style={{ height: 1, display: 'block' }} />
+<Observer
+  threshold={1}
+  disabled={false}
+  root="#foo"
+  rootMargin="10px"
+  onChange={onChange}
+>
+  <span style={{ height: 1, display: 'block' }} />
 </Observer>;
 
 <Observer threshold={[0.5, 1]} root={document.body} onChange={onChange}>
-    <Component />
+  <Component />
 </Observer>;
 
 <Observer onChange={onChange}>{null}</Observer>;
diff --git a/yarn.lock b/yarn.lock
