style: lint

packages/cp-frontend/src/components/deployment-group/delete.js

@@ -1,17 +1,24 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import styled from 'styled-components';
 import { ModalHeading, ModalText, Button } from 'joyent-ui-toolkit';
 
-const DeploymentGroupDelete = ({ deploymentGroup, onCancelClick, onConfirmClick }) =>
+const DeploymentGroupDelete = ({
+  deploymentGroup,
+  onCancelClick,
+  onConfirmClick
+}) =>
   <div>
     <ModalHeading>
       Deleting a deployment group: <br /> {deploymentGroup.name}
     </ModalHeading>
     <ModalText marginBottom="3">
-      Deleting a deployment group will also remove all of the services and instances associated with that deployment group. Are you sure you want to continue?
+      Deleting a deployment group will also remove all of the services and
+      instances associated with that deployment group. Are you sure you want to
+      continue?
     </ModalText>
-    <Button onClick={onCancelClick} secondary>Cancel</Button>
+    <Button onClick={onCancelClick} secondary>
+      Cancel
+    </Button>
     <Button onClick={onConfirmClick}>Delete deployment group</Button>
   </div>;
 

packages/cp-frontend/src/components/instances/list-item.js

@@ -109,7 +109,9 @@ const InstanceCard = ({
   <StyledCard collapsed={true} key={instance.uuid}>
     <CardView>
       <CardMeta onClick={toggleCollapsed}>
-        <CardTitle>{instance.name}</CardTitle>
+        <CardTitle>
+          {instance.name}
+        </CardTitle>
         <CardDescription>
           <StatusBadge status={instance.status} />
         </CardDescription>

packages/cp-frontend/src/components/manifest/edit-or-create.js

@@ -135,8 +135,12 @@ export const Name = ({ handleSubmit, onCancel, dirty }) =>
       </Col>
     </Row>
     <ButtonsRow>
-      <Button onClick={onCancel} secondary>Cancel</Button>
+      <Button onClick={onCancel} secondary>
-      <Button type="submit" disabled={!dirty}>Next</Button>
+        Cancel
+      </Button>
+      <Button type="submit" disabled={!dirty}>
+        Next
+      </Button>
     </ButtonsRow>
   </form>;
 
@@ -150,7 +154,9 @@ export const Manifest = ({
   <form onSubmit={handleSubmit}>
     <Field name="manifest" defaultValue={defaultValue} component={MEditor} />
     <ButtonsRow>
-      <Button onClick={onCancel} secondary>Cancel</Button>
+      <Button onClick={onCancel} secondary>
+        Cancel
+      </Button>
       <Button
         disabled={!(dirty || !loading || defaultValue.length)}
         type="submit"
@@ -213,8 +219,12 @@ export const Environment = ({
     <Field name="environment" defaultValue={defaultValue} component={EEditor} />
     <Files files={files} onRemoveFile={onRemoveFile} loading={loading} />
     <ButtonsRow>
-      <Button onClick={onCancel} secondary>Cancel</Button>
+      <Button onClick={onCancel} secondary>
-      <Button type="button" onClick={onAddFile} secondary>Add File</Button>
+        Cancel
+      </Button>
+      <Button type="button" onClick={onAddFile} secondary>
+        Add File
+      </Button>
       <Button
         disabled={!(dirty || !loading || defaultValue.length)}
         type="submit"
@@ -228,10 +238,18 @@ export const Review = ({ handleSubmit, onCancel, dirty, ...state }) => {
   const serviceList = forceArray(state.services).map(({ name, config }) =>
     <ServiceCard key={name}>
       <Dl>
-        <dt><ServiceName>{name}</ServiceName></dt>
+        <dt>
-        <dt><ImageTitle>Image:</ImageTitle> <Image>{config.image}</Image></dt>
+          <ServiceName>
+            {name}
+          </ServiceName>
+        </dt>
+        <dt>
+          <ImageTitle>Image:</ImageTitle> <Image>{config.image}</Image>
+        </dt>
         {config.environment.length
-          ? <dt><ImageTitle>Environment:</ImageTitle></dt>
+          ? <dt>
+              <ImageTitle>Environment:</ImageTitle>
+            </dt>
           : undefined}
         {config.environment.length
           ? <SimpleTable

packages/cp-frontend/src/components/messaging/error.js

@@ -4,7 +4,11 @@ import PropTypes from 'prop-types';
 import { P } from 'joyent-ui-toolkit';
 
 const ErrorMessage = ({ message = "Ooops, there's been an error!!!" }) => {
-  return <P>{message}</P>;
+  return (
+    <P>
+      {message}
+    </P>
+  );
 };
 
 ErrorMessage.propTypes = {

packages/cp-frontend/src/components/navigation/breadcrumb.js

@@ -23,11 +23,18 @@ const BreadcrumbContainer = styled.div`
 
 const getBreadcrumbItems = (...links) =>
   forceArray(links).map(({ pathname, name }, i) => {
-    const item = i + 1 >= links.length
+    const item =
+      i + 1 >= links.length
         ? name
-      : <BreadcrumbLink to={pathname}>{name}</BreadcrumbLink>;
+        : <BreadcrumbLink to={pathname}>
+            {name}
+          </BreadcrumbLink>;
 
-    return <BreadcrumbItem key={name}>{item}</BreadcrumbItem>;
+    return (
+      <BreadcrumbItem key={name}>
+        {item}
+      </BreadcrumbItem>
+    );
   });
 
 const NavBreadcrumb = ({ links = [] }) =>

packages/cp-frontend/src/components/navigation/header.js

@@ -19,8 +19,12 @@ const NavHeader = ({ datacenter, username }) =>
         <StyledLogo src={Logo} />
       </Link>
     </HeaderBrand>
-    <HeaderItem>{datacenter}</HeaderItem>
+    <HeaderItem>
-    <HeaderItem>{username}</HeaderItem>
+      {datacenter}
+    </HeaderItem>
+    <HeaderItem>
+      {username}
+    </HeaderItem>
   </Header>;
 
 NavHeader.propTypes = {

packages/cp-frontend/src/components/service/delete.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import styled from 'styled-components';
 import { ModalHeading, ModalText, Button } from 'joyent-ui-toolkit';
 
 const propTypes = {
@@ -15,10 +14,12 @@ const ServiceDelete = ({ service, onCancelClick, onConfirmClick }) =>
       Deleting a service: <br /> {service.name}
     </ModalHeading>
     <ModalText marginBottom="3">
-      Deleting a service can lead to irreverasable loss of data and failures
+      Deleting a service can lead to irreverasable loss of data and failures in
-      in your application. Are you sure you want to continue?
+      your application. Are you sure you want to continue?
     </ModalText>
-    <Button onClick={onCancelClick} secondary>Cancel</Button>
+    <Button onClick={onCancelClick} secondary>
+      Cancel
+    </Button>
     <Button onClick={onConfirmClick}>Delete service</Button>
   </div>;
 

packages/cp-frontend/src/components/service/scale.js

@@ -1,7 +1,5 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import styled from 'styled-components';
-import unitcalc from 'unitcalc';
 
 import { ModalHeading, ModalText, Button } from 'joyent-ui-toolkit';
 import {
@@ -19,8 +17,13 @@ const ServiceScale = ({
   pristine
 }) =>
   <form onSubmit={handleSubmit}>
-    <ModalHeading>Scaling a service: <br />{service.name}</ModalHeading>
+    <ModalHeading>
-    <ModalText>Choose how many instances of a service you want to have running.</ModalText>
+      Scaling a service: <br />
+      {service.name}
+    </ModalHeading>
+    <ModalText>
+      Choose how many instances of a service you want to have running.
+    </ModalText>
     <FormGroup
       name="replicas"
       normalize={NumberInputNormalize({ minValue: 1 })}
@@ -29,7 +32,9 @@ const ServiceScale = ({
       <FormMeta />
       <NumberInput minValue={1} />
     </FormGroup>
-    <Button secondary onClick={onCancelClick}>Cancel</Button>
+    <Button secondary onClick={onCancelClick}>
+      Cancel
+    </Button>
     <Button type="submit" disabled={pristine || invalid} secondary>
       Scale
     </Button>

packages/cp-frontend/src/components/services/list-item.js

@@ -5,7 +5,6 @@ import styled from 'styled-components';
 import {
   Card,
   CardView,
-  CardMeta,
   CardTitle,
   CardSubTitle,
   CardDescription,
@@ -16,7 +15,11 @@ import {
   Anchor
 } from 'joyent-ui-toolkit';
 
-import { InstancesIcon, HealthyIcon, UnhealthyIcon, P } from 'joyent-ui-toolkit';
+import {
+  InstancesIcon,
+  HealthyIcon,
+  UnhealthyIcon
+} from 'joyent-ui-toolkit';
 
 import Status from './status';
 
@@ -37,7 +40,6 @@ const ServiceListItem = ({
   service = {},
   isChild = false
 }) => {
-
   const children = service.children
     ? service.children.map(service =>
         <ServiceListItem
@@ -101,16 +103,16 @@ const ServiceListItem = ({
   const healthyInfo = service.instancesHealthy
     ? <CardInfo
         icon={<HealthyIcon />}
-        iconPosition='left'
+        iconPosition="left"
-        label='Healthy'
+        label="Healthy"
-        color='dark'
+        color="dark"
       />
     : <CardInfo
         icon={<UnhealthyIcon />}
-        iconPosition='left'
+        iconPosition="left"
-        label='Unhealthy'
+        label="Unhealthy"
-        color='dark'
+        color="dark"
-      />
+      />;
 
   const view = children
     ? <CardGroupView>

packages/cp-frontend/src/components/services/quick-actions.js

@@ -55,22 +55,34 @@ const ServicesQuickActions = ({
       : instance.status;
   }, null);
 
-  const startService = status === 'RUNNING'
+  const startService =
+    status === 'RUNNING'
       ? null
-    : <TooltipButton onClick={handleStartClick} disabled={disabled}>Start</TooltipButton>;
+      : <TooltipButton onClick={handleStartClick} disabled={disabled}>
+          Start
+        </TooltipButton>;
 
-  const stopService = status === 'STOPPED'
+  const stopService =
+    status === 'STOPPED'
       ? null
-    : <TooltipButton onClick={handleStopClick} disabled={disabled}>Stop</TooltipButton>;
+      : <TooltipButton onClick={handleStopClick} disabled={disabled}>
+          Stop
+        </TooltipButton>;
 
   return (
     <Tooltip {...p} onBlur={onBlur}>
-      <TooltipButton onClick={handleScaleClick} disabled={disabled}>Scale</TooltipButton>
+      <TooltipButton onClick={handleScaleClick} disabled={disabled}>
-      <TooltipButton onClick={handleRestartClick} disabled={disabled}>Restart</TooltipButton>
+        Scale
+      </TooltipButton>
+      <TooltipButton onClick={handleRestartClick} disabled={disabled}>
+        Restart
+      </TooltipButton>
       {startService}
       {stopService}
       <TooltipDivider />
-      <TooltipButton onClick={handleDeleteClick} disabled={disabled}>Delete</TooltipButton>
+      <TooltipButton onClick={handleDeleteClick} disabled={disabled}>
+        Delete
+      </TooltipButton>
     </Tooltip>
   );
 };

packages/cp-frontend/src/components/services/status.js

@@ -24,8 +24,7 @@ const StyledTransitionalStatus = StyledStatus.extend`
 `;
 
 const ServiceStatus = ({ service }) => {
-
+  const getInstanceStatuses = instanceStatuses =>
-  const getInstanceStatuses = (instanceStatuses) =>
     instanceStatuses.map((instanceStatus, index) => {
       const { status, count } = instanceStatus;
 
@@ -39,19 +38,15 @@ const ServiceStatus = ({ service }) => {
     });
 
   return service.transitionalStatus
-    ? (
+    ? <StyledStatusContainer>
-      <StyledStatusContainer>
         <StatusLoader />
         <StyledTransitionalStatus>
           {service.status ? service.status.toLowerCase() : ''}
         </StyledTransitionalStatus>
       </StyledStatusContainer>
-    )
+    : <StyledStatusContainer>
-    : (
-      <StyledStatusContainer>
         {getInstanceStatuses(service.instanceStatuses)}
-      </StyledStatusContainer>
+      </StyledStatusContainer>;
-    );
 };
 
 ServiceStatus.propTypes = {

packages/cp-frontend/src/containers/deployment-groups/create.js

@@ -19,7 +19,10 @@ export default ({
     <LayoutContainer>
       <H2>Creating deployment group</H2>
       {loading && <DeploymentGroupsLoading />}
-      {error && <span>{error.toString()}</span>}
+      {error &&
+        <span>
+          {error.toString()}
+        </span>}
       <Progress stage={stage} create />
       <ManifestEditOrCreate
         manifest={manifest}

packages/cp-frontend/src/containers/deployment-groups/import.js

@@ -44,7 +44,10 @@ class DeploymentGroupImport extends Component {
       <LayoutContainer>
         <H2>Importing deployment group</H2>
         {loading && <DeploymentGroupsLoading />}
-        {error && <span>{error.toString()}</span>}
+        {error &&
+          <span>
+            {error.toString()}
+          </span>}
       </LayoutContainer>
     );
   }

packages/cp-frontend/src/containers/deployment-groups/list.js

@@ -12,7 +12,7 @@ import { ErrorMessage } from '@components/messaging';
 import { DeploymentGroupsLoading } from '@components/deployment-groups';
 import DeploymentGroupsQuery from '@graphql/DeploymentGroups.gql';
 import DeploymentGroupsImportableQuery from '@graphql/DeploymentGroupsImportable.gql';
-import { H2, H3, Small, IconButton, BinIcon, Button } from 'joyent-ui-toolkit';
+import { H2, H3, Small, IconButton, BinIcon } from 'joyent-ui-toolkit';
 
 const Title = H2.extend`
   margin-top: ${remcalc(2)};
@@ -122,7 +122,9 @@ const DeploymentGroupList = ({
     <Col xs={12} sm={4} md={3} lg={3} key={slug}>
       <Box>
         <StyledLink to={`${match.path}/${slug}`}>
-          <ServiceTitle>{name}</ServiceTitle>
+          <ServiceTitle>
+            {name}
+          </ServiceTitle>
         </StyledLink>
         <StyledIconButton to={`${match.url}/${slug}/delete`}>
           <BinIcon />
@@ -146,7 +148,9 @@ const DeploymentGroupList = ({
         <BoxCreate>
           <StyledCreateLink to={`${match.path}/~import/${slug}`}>
             <Oval>&#10549;</Oval>
-            <CreateTitle>{name}</CreateTitle>
+            <CreateTitle>
+              {name}
+            </CreateTitle>
           </StyledCreateLink>
         </BoxCreate>
       </Col>
@@ -181,7 +185,8 @@ export default compose(
       pollInterval: 1000
     },
     props: ({ data: { deploymentGroups, loading, error } }) => ({
-      deploymentGroups: deploymentGroups && deploymentGroups.length
+      deploymentGroups:
+        deploymentGroups && deploymentGroups.length
           ? deploymentGroups.filter(dg => dg.status !== 'DELETED')
           : null,
       loading,

packages/cp-frontend/src/containers/instances/list.js

@@ -63,7 +63,8 @@ const InstanceListGql = graphql(InstancesQuery, {
     };
   },
   props: ({ data: { deploymentGroup, loading, error } }) => ({
-    instances: deploymentGroup && deploymentGroup.services
+    instances:
+      deploymentGroup && deploymentGroup.services
         ? deploymentGroup.services.reduce(
             (instances, service) => instances.concat(service.instances),
             []

packages/cp-frontend/src/containers/manifest/edit-or-create.js

@@ -357,7 +357,11 @@ class DeploymentGroupEditOrCreate extends Component {
     const { error, defaultStage, manifestStage } = this.state;
 
     if (error) {
-      return <span>{error}</span>;
+      return (
+        <span>
+          {error}
+        </span>
+      );
     }
 
     const { match, create } = this.props;

packages/cp-frontend/src/containers/manifest/index.js

@@ -22,9 +22,14 @@ const Manifest = ({
 }) => {
   const stage = match.params.stage;
   const _loading = !loading ? null : <DeploymentGroupsLoading />;
-  const _error = !error ? null : <span>{error.toString()}</span>;
+  const _error = !error
+    ? null
+    : <span>
+        {error.toString()}
+      </span>;
 
-  const _view = loading || !deploymentGroup
+  const _view =
+    loading || !deploymentGroup
       ? null
       : <ManifestEditOrCreate
           manifest={manifest}
@@ -33,15 +38,15 @@ const Manifest = ({
           edit
         />;
 
-  const _notice = !error &&
+  const _notice =
+    !error &&
     !loading &&
     deploymentGroup &&
     deploymentGroup.imported &&
     !manifest
       ? <span>
           Since this DeploymentGroup was imported, it doesn&#x27;t have the
-        initial
+          initial manifest
-        manifest
         </span>
       : null;
 
@@ -78,7 +83,9 @@ export default compose(
         slug: props.match.params.deploymentGroup
       }
     }),
-    props: ({ data: { deploymentGroups, loading, error, startPolling, stopPolling } }) => {
+    props: ({
+      data: { deploymentGroups, loading, error, startPolling, stopPolling }
+    }) => {
       const dgs = forceArray(deploymentGroups);
 
       if (!dgs.length) {

packages/cp-frontend/src/containers/navigation/menu.js

@@ -14,7 +14,7 @@ const Menu = ({match, sections}) => {
     };
   });
   return <MenuComponent links={sectionsWithPathnames} />;
-}
+};
 
 const ConnectedMenu = connect(
   (state, ownProps) => {

packages/cp-frontend/src/containers/service/service-gql.js

@@ -14,7 +14,8 @@ export default graphql(InstancesQuery, {
     };
   },
   props: ({ data: { deploymentGroup, loading, error } }) => ({
-    service: deploymentGroup &&
+    service:
+      deploymentGroup &&
       deploymentGroup.services &&
       deploymentGroup.services.length
         ? deploymentGroup.services[0]

packages/cp-frontend/src/containers/services/menu.js

@@ -1,16 +1,13 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Col, Row } from 'react-styled-flexboxgrid';
-import styled from 'styled-components';
 import remcalc from 'remcalc';
 import unitcalc from 'unitcalc';
 import { LayoutContainer } from '@components/layout';
 
 import {
-  Button,
   H2,
   FormGroup,
-  Input,
   Toggle,
   ToggleList,
   Legend
@@ -26,18 +23,6 @@ const PaddedRow = Row.extend`
   margin-bottom: ${remcalc(18)}
 `;
 
-const StyledForm = FormGroup.extend`
-  width: 60%;
-  float: left;
-  margin: 0;
-`;
-
-const StyledFilter = styled(Input)`
-  margin: 0;
-`;
-
-const handleAddService = () => console.log('Adding a service...');
-
 const ServicesMenu = ({ location, history: { push } }) => {
   const toggleValue = location.pathname.split('-').pop();
 
@@ -58,8 +43,12 @@ const ServicesMenu = ({ location, history: { push } }) => {
           <FormGroup name="service-view" value={toggleValue}>
             <StyledLegend>View</StyledLegend>
             <ToggleList>
-              <Toggle value="list" onChange={handleToggle}>List</Toggle>
+              <Toggle value="list" onChange={handleToggle}>
-              <Toggle value="topology" onChange={handleToggle}>Topology</Toggle>
+                List
+              </Toggle>
+              <Toggle value="topology" onChange={handleToggle}>
+                Topology
+              </Toggle>
             </ToggleList>
           </FormGroup>
         </Col>

packages/cp-frontend/src/graphql/DeploymentGroupConfig.gql

@@ -1,7 +1,21 @@
 #import "./ServiceInfo.gql"
 
-query config($deploymentGroupName: String!, $type: ManifestType!, $format: ManifestFormat!, $environment: String!, $files: [KeyValueInput]!, $raw: String!) {
+query config(
-  config(deploymentGroupName: $deploymentGroupName, type: $type, format: $format, environment: $environment, files: $files, raw: $raw) {
+  $deploymentGroupName: String!
+  $type: ManifestType!
+  $format: ManifestFormat!
+  $environment: String!
+  $files: [KeyValueInput]!
+  $raw: String!
+) {
+  config(
+    deploymentGroupName: $deploymentGroupName
+    type: $type
+    format: $format
+    environment: $environment
+    files: $files
+    raw: $raw
+  ) {
     ...ServiceInfo
     config {
       id

packages/cp-frontend/src/graphql/DeploymentGroupProvision.gql

@@ -1,5 +1,19 @@
-mutation provisionManifest($deploymentGroupId: ID!, $type: ManifestType!, $format: ManifestFormat!, $environment: String!, $files: [KeyValueInput]!, $raw: String!) {
+mutation provisionManifest(
-  provisionManifest(deploymentGroupId: $deploymentGroupId, type: $type, format: $format, environment: $environment, files: $files, raw: $raw) {
+  $deploymentGroupId: ID!
+  $type: ManifestType!
+  $format: ManifestFormat!
+  $environment: String!
+  $files: [KeyValueInput]!
+  $raw: String!
+) {
+  provisionManifest(
+    deploymentGroupId: $deploymentGroupId
+    type: $type
+    format: $format
+    environment: $environment
+    files: $files
+    raw: $raw
+  ) {
     scale {
       serviceName
       replicas

packages/cp-frontend/src/router.js

@@ -19,9 +19,7 @@ import {
   ServicesMenu
 } from '@containers/services';
 
-import {
+import { DeploymentGroupDelete } from '@containers/deployment-group';
-  DeploymentGroupDelete
-} from '@containers/deployment-group';
 
 const Container = styled.div`
   display: flex;
@@ -46,7 +44,6 @@ const serviceRedirect = p =>
 const Router = (
   <BrowserRouter>
     <Container>
-
       <Route path="/" component={Header} />
 
       <Switch>
@@ -75,7 +72,11 @@ const Router = (
 
       <Route path="/" exact component={rootRedirect} />
       <Route path="/deployment-groups" exact component={DeploymentGroupList} />
-      <Route path="/deployment-groups/:deploymentGroup/delete" exact component={DeploymentGroupList} />
+      <Route
+        path="/deployment-groups/:deploymentGroup/delete"
+        exact
+        component={DeploymentGroupList}
+      />
 
       <Route
         path="/deployment-groups/:deploymentGroup"
@@ -168,7 +169,6 @@ const Router = (
         exact
         component={ServiceDelete}
       />
-
     </Container>
   </BrowserRouter>
 );

packages/cp-frontend/src/state/reducers/ui.js

@@ -6,7 +6,8 @@ export default handleActions(
     [toggleServicesQuickActions.toString()]: (state, action) => {
       const { position, service, show } = action.payload;
 
-      const s = show === undefined
+      const s =
+        show === undefined
           ? !state.services.quickActions.service ||
             service.id !== state.services.quickActions.service.id
           : show;

packages/cp-frontend/src/state/selectors.js

@@ -56,9 +56,6 @@ const instancesByServiceId = serviceId =>
 
 // Apollo gql utils //
 
-const findService = (services, uuid) =>
-  services.reduce((service, s) => (s.uuid === uuid ? s : service), null);
-
 const activeInstanceStatuses = [
   'PROVISIONING',
   'READY',
@@ -77,7 +74,6 @@ const transitionalServiceStatuses = [
 ];
 
 const getInstanceStatuses = service => {
-
   const instanceStatuses = service.instances.reduce((statuses, instance) => {
     // if (instance.status !== 'RUNNING') {
     if (statuses[instance.status]) {
@@ -107,19 +103,18 @@ const getInstancesActive = instanceStatuses => {
 
 const getInstancesHealthy = instances => {
   return instances.reduce(
-    (healthy, instance) =>
+    (healthy, instance) => (instance.healthy === 'HEALTHY' ? healthy : false),
-      instance.healthy === 'HEALTHY' ? healthy : false,
     true
   );
 };
 
 const getService = (service, index) => {
-
   const instanceStatuses = getInstanceStatuses(service);
   const instancesActive = getInstancesActive(instanceStatuses);
   const instancesHealthy = getInstancesHealthy(service.instances);
-  const transitionalStatus = transitionalServiceStatuses.indexOf(service.status) !== -1;
+  const transitionalStatus =
-  return ({
+    transitionalServiceStatuses.indexOf(service.status) !== -1;
+  return {
     index,
     ...service,
     instanceStatuses,
@@ -127,16 +122,15 @@ const getService = (service, index) => {
     instancesHealthy,
     transitionalStatus,
     isConsul: service.slug === 'consul'
-    });
+  };
 };
 
 const processServices = services => {
   return forceArray(services).reduce((ss, s, i) => {
-
     if (s.status !== 'DELETED') {
       const service = getService(s, i);
       if (s.branches && s.branches.length) {
-        service.children = processServices(s.branches)
+        service.children = processServices(s.branches);
       }
       ss.push(service);
     }
@@ -148,23 +142,27 @@ const processServices = services => {
 const processServicesForTopology = services => {
   const processedServices = processServices(services);
 
-  const connectedServices = processedServices.reduce(
+  const connectedServices = processedServices.reduce((connections, service) => {
-    (connections, service) => {
     if (!service.connections || !service.connections.length) {
       return connections;
     }
 
-      const existingConnections = service.connections.reduce((connections, connection) => {
+    const existingConnections = service.connections.reduce(
-        const connectionExists = processedServices.filter(ps => ps.id === connection).length;
+      (connections, connection) => {
+        const connectionExists = processedServices.filter(
+          ps => ps.id === connection
+        ).length;
         if (connectionExists) {
           connections.push(connection);
         }
         return connections;
-      }, []);
+      },
+      []
+    );
 
     return existingConnections.length
       ? connections.concat(existingConnections).concat(service.id)
-        : connections
+      : connections;
   }, []);
 
   return processedServices.map(service => ({

packages/cp-frontend/src/state/store.js

@@ -4,7 +4,8 @@ import { ApolloClient, createNetworkInterface } from 'react-apollo';
 import state from './state';
 import { ui } from './reducers';
 
-const GLOBAL = typeof window === 'object'
+const GLOBAL =
+  typeof window === 'object'
     ? window
     : {
         location: {

packages/cp-frontend/test/unit/header.js

@@ -10,6 +10,12 @@ import Header from '@components/navigation/header';
 import { Router } from './mocks';
 
 it('renders <Header /> without throwing', () => {
-  const tree = renderer.create(<Router><Header /></Router>).toJSON();
+  const tree = renderer
+    .create(
+      <Router>
+        <Header />
+      </Router>
+    )
+    .toJSON();
   expect(tree).toMatchStyledComponentsSnapshot();
 });

packages/cp-frontend/test/unit/mocks/router.js

@@ -1,4 +1,7 @@
 import React from 'react';
 import { MemoryRouter } from 'react-router-dom';
 
-export default ({ children }) => <MemoryRouter>{children}</MemoryRouter>;
+export default ({ children }) =>
+  <MemoryRouter>
+    {children}
+  </MemoryRouter>;

packages/cp-frontend/test/unit/mocks/store.js

@@ -3,4 +3,6 @@ import { client, store } from '@state/store';
 import { ApolloProvider } from 'react-apollo';
 
 export default ({ children }) =>
-  <ApolloProvider client={client} store={store}>{children}</ApolloProvider>;
+  <ApolloProvider client={client} store={store}>
+    {children}
+  </ApolloProvider>;

packages/cp-frontend/test/unit/mocks/theme.js

@@ -3,4 +3,6 @@ import { ThemeProvider } from 'styled-components';
 import { theme } from 'joyent-ui-toolkit';
 
 export default ({ children }) =>
-  <ThemeProvider theme={theme}>{children}</ThemeProvider>;
+  <ThemeProvider theme={theme}>
+    {children}
+  </ThemeProvider>;

packages/cp-gql-mock-server/package.json

@@ -46,12 +46,8 @@
     "tap-xunit": "^1.7.0"
   },
   "ava": {
-    "files": [
+    "files": ["test/*.js"],
-      "test/*.js"
+    "source": ["src/*.js"],
-    ],
-    "source": [
-      "src/*.js"
-    ],
     "failFast": true
   }
 }

packages/cp-gql-mock-server/src/resolvers.js

@@ -156,20 +156,17 @@ const deleteDeploymentGroup = options => {
         )
       )
     )
-    .then(() => {
+    .then(() =>
-      const deploymentGroup = deploymentGroups
+      Object.assign({}, deploymentGroups.filter(dg => dg.id === dgId).shift(), {
-        .filter(dg => dg.id === dgId)
+        status: 'DELETING'
-        .shift();
+      })
-      deploymentGroup.status = 'DELETING';
+    );
-      return deploymentGroup;
-      return { deploymentGroupId: dgId };
-      return getDeploymentGroups({ id: dgId });
-    });
 
-  const timeout = setTimeout(() => {
+  setTimeout(() => {
     const deploymentGroup = deploymentGroups
       .filter(dg => dg.id === dgId)
       .shift();
+
     deploymentGroup.status = 'DELETED';
   }, 5000);
 
@@ -328,9 +325,10 @@ const handleStatusUpdateRequest = (
   instancesStatus
 ) => {
   // this is what we need to delay
-  const timeout = setTimeout(() => {
+  setTimeout(() => {
     updateServiceAndInstancesStatus(serviceId, serviceStatus, instancesStatus);
   }, 5000);
+
   // this is what we'll need to return
   return updateServiceAndInstancesStatus(
     serviceId,

packages/cp-gql-mock-server/test/index.js

@@ -31,10 +31,6 @@ const getClient = () =>
       })
     });
 
-    const close = () => {
-      client.resetStore();
-    };
-
     server.stdout.on('data', d => {
       if (/server started at /.test(d)) {
         resolve(client);
@@ -281,7 +277,7 @@ test('should delete DeploymentGroup', async t => {
   t.snapshot(JSON.stringify(fDgsBefore.data, null, 2));
   t.snapshot(JSON.stringify(fDgsDirectBefore.data, null, 2));
 
-  const deleted = await client.mutate({
+  await client.mutate({
     fetchPolicy: 'network-only',
     mutation: gql(await fetchTag('delete-deployment-group')),
     variables: {
@@ -396,7 +392,7 @@ test('should scale up', async t => {
     }
   });
 
-  const scale = await client.mutate({
+  await client.mutate({
     fetchPolicy: 'network-only',
     mutation: gql(await fetchTag('scale')),
     variables: {
@@ -456,7 +452,7 @@ test('should scale down', async t => {
     }
   });
 
-  const scaleUp = await client.mutate({
+  await client.mutate({
     fetchPolicy: 'network-only',
     mutation: gql(await fetchTag('scale')),
     variables: {
@@ -475,7 +471,7 @@ test('should scale down', async t => {
     }
   });
 
-  const scaleDown = await client.mutate({
+  await client.mutate({
     fetchPolicy: 'network-only',
     mutation: gql(await fetchTag('scale')),
     variables: {
@@ -520,7 +516,7 @@ test("should delete Service's", async t => {
     }
   });
 
-  const provision = await client.mutate({
+  await client.mutate({
     fetchPolicy: 'network-only',
     mutation: gql(await fetchTag('provision-manifest')),
     variables: {
@@ -590,7 +586,7 @@ test("should restart Service's", async t => {
     }
   });
 
-  const provision = await client.mutate({
+  await client.mutate({
     fetchPolicy: 'network-only',
     mutation: gql(await fetchTag('provision-manifest')),
     variables: {
@@ -669,7 +665,7 @@ test("should stop Service's", async t => {
     }
   });
 
-  const provision = await client.mutate({
+  await client.mutate({
     fetchPolicy: 'network-only',
     mutation: gql(await fetchTag('provision-manifest')),
     variables: {
@@ -748,7 +744,7 @@ test("should start Service's", async t => {
     }
   });
 
-  const provision = await client.mutate({
+  await client.mutate({
     fetchPolicy: 'network-only',
     mutation: gql(await fetchTag('provision-manifest')),
     variables: {

packages/cp-gql-mock-server/test/tags/scale.gql

@@ -1,11 +1,5 @@
-mutation scale(
+mutation scale($serviceId: ID!, $replicas: Int!) {
-  $serviceId: ID!
+  scale(serviceId: $serviceId, replicas: $replicas) {
-  $replicas: Int!
-) {
-  scale(
-    serviceId: $serviceId
-    replicas: $replicas
-  ) {
     id
   }
 }

packages/docker-compose-client/lib/index.js

@@ -23,12 +23,17 @@ module.exports = class DockerComposeClient extends EventEmitter {
   }
 
   provision({ projectName, environment, manifest, files }, cb) {
-    this._invoke('up', {
+    this._invoke(
+      'up',
+      {
         // eslint-disable-next-line camelcase
         project_name: projectName,
         files,
         environment
-    }, manifest, cb);
+      },
+      manifest,
+      cb
+    );
   }
 
   scale({ projectName, services, environment, manifest, files }, cb) {

packages/manifest-editor/test/index.js

@@ -1,6 +1,6 @@
-import React from 'react';
+// import React from 'react';
-import renderer from 'react-test-renderer';
+// import renderer from 'react-test-renderer';
-import ManifestEditor from '../src/index';
+// import ManifestEditor from '../src/index';
 
 // It('renders <ManifestEditor /> correctly', () => {
 //   const tree = renderer.create(<ManifestEditor />).toJSON();

packages/normalized-styled-components/package.json

@@ -63,17 +63,13 @@
   "jest": {
     "testEnvironment": "jsdom",
     "testRegex": "test/index.js",
-    "setupFiles": [
+    "setupFiles": ["<rootDir>/node_modules/react-scripts/config/polyfills.js"],
-      "<rootDir>/node_modules/react-scripts/config/polyfills.js"
-    ],
     "testEnvironment": "node",
     "transform": {
       "^.+\\.(js|jsx)$": "<rootDir>/node_modules/react-scripts/config/jest/babelTransform.js",
       "^(?!.*\\.(js|jsx|css|json)$)": "<rootDir>/node_modules/react-scripts/config/jest/fileTransform.js"
     },
-    "transformIgnorePatterns": [
+    "transformIgnorePatterns": ["[/\\\\]node_modules[/\\\\].+\\.(js|jsx)$"],
-      "[/\\\\]node_modules[/\\\\].+\\.(js|jsx)$"
-    ],
     "rootDir": "."
   }
 }

packages/pseudo-json-ast/package.json

@@ -18,9 +18,7 @@
   "jsnext:main": "dist/pseudo-json-ast.es.js",
   "module": "dist/pseudo-json-ast.es.js",
   "entry": "src/index.js",
-  "files": [
+  "files": ["dist"],
-    "dist"
-  ],
   "scripts": {
     "lint": "eslint . --fix",
     "lint-ci": "eslint . --format junit --output-file $CIRCLE_TEST_REPORTS/lint/pseudo-json-ast.xml",
@@ -56,9 +54,7 @@
   },
   "ava": {
     "tap": true,
-    "require": [
+    "require": ["babel-register"],
-      "babel-register"
-    ],
     "babel": "inherit"
   }
 }

packages/pseudo-yaml-ast/package.json

@@ -20,9 +20,7 @@
   "jsnext:main": "dist/pseudo-yaml-ast.es.js",
   "module": "dist/pseudo-yaml-ast.es.js",
   "entry": "src/index.js",
-  "files": [
+  "files": ["dist"],
-    "dist"
-  ],
   "scripts": {
     "lint": "eslint . --fix",
     "lint-ci": "eslint . --format junit --output-file $CIRCLE_TEST_REPORTS/lint/pseudo-yaml-ast.xml",
@@ -58,9 +56,7 @@
   },
   "ava": {
     "tap": true,
-    "require": [
+    "require": ["babel-register"],
-      "babel-register"
-    ],
     "babel": "inherit"
   }
 }

packages/remcalc/package.json

@@ -3,14 +3,7 @@
   "version": "1.0.8",
   "license": "MPL-2.0",
   "description": "Calculate the `rem`'s from `px` values",
-  "keywords": [
+  "keywords": ["calc", "rem", "em", "px", "pixels", "pixel"],
-    "calc",
-    "rem",
-    "em",
-    "px",
-    "pixels",
-    "pixel"
-  ],
   "repository": "github:yldio/joyent-portal",
   "main": "dist/remcalc.umd.js",
   "jsnext:main": "dist/remcalc.es.js",
@@ -56,17 +49,13 @@
     ],
     "env": {
       "test": {
-        "plugins": [
+        "plugins": ["istanbul"]
-          "istanbul"
-        ]
       }
     }
   },
   "ava": {
     "tap": true,
-    "require": [
+    "require": ["babel-register"],
-      "babel-register"
-    ],
     "babel": "inherit"
   }
 }

packages/rnd-id/package.json

@@ -3,10 +3,7 @@
   "version": "1.0.8",
   "license": "MPL-2.0",
   "description": "Generate a random alpha string",
-  "keywords": [
+  "keywords": ["random", "alphabetical"],
-    "random",
-    "alphabetical"
-  ],
   "repository": "github:yldio/joyent-portal",
   "main": "dist/rnd-id.umd.js",
   "jsnext:main": "dist/rnd-id.es.js",
@@ -49,17 +46,13 @@
     ],
     "env": {
       "test": {
-        "plugins": [
+        "plugins": ["istanbul"]
-          "istanbul"
-        ]
       }
     }
   },
   "ava": {
     "tap": true,
-    "require": [
+    "require": ["babel-register"],
-      "babel-register"
-    ],
     "babel": "inherit"
   }
 }

packages/styled-is/package.json

@@ -62,17 +62,13 @@
     ],
     "env": {
       "test": {
-        "plugins": [
+        "plugins": ["istanbul"]
-          "istanbul"
-        ]
       }
     }
   },
   "ava": {
     "tap": true,
-    "require": [
+    "require": ["babel-register"],
-      "babel-register"
-    ],
     "babel": "inherit"
   }
 }

packages/ui-toolkit/src/topology/data/wp.json

@@ -1,40 +1,48 @@
-[{
+[
+  {
     "uuid": "081a792c-47e0-4439-924b-2efa9788ae9e",
     "id": "nginx",
     "name": "Nginx",
     "project": "e0ea0c02-55cc-45fe-8064-3e5176a59401",
     "instances": [""],
-  "metrics": [{
+    "metrics": [
+      {
         "name": "CPU",
         "value": "50%"
-  }, {
+      },
+      {
         "name": "Memory",
         "value": "20%"
-  }, {
+      },
+      {
         "name": "Network",
         "value": "2.9Kb/sec"
-  }],
+      }
-  "connections": [
-    "be227788-74f1-4e5b-a85f-b5c71cbae8d8"
     ],
+    "connections": ["be227788-74f1-4e5b-a85f-b5c71cbae8d8"],
     "healthy": true,
     "datacentres": 1
-}, {
+  },
+  {
     "uuid": "be227788-74f1-4e5b-a85f-b5c71cbae8d8",
     "id": "wordpress",
     "name": "Wordpress",
     "project": "e0ea0c02-55cc-45fe-8064-3e5176a59401",
     "instances": ["", ""],
-  "metrics": [{
+    "metrics": [
+      {
         "name": "CPU",
         "value": "50%"
-  }, {
+      },
+      {
         "name": "Memory",
         "value": "20%"
-  }, {
+      },
+      {
         "name": "Network",
         "value": "2.9Kb/sec"
-  }],
+      }
+    ],
     "connections": [
       "6a0eee76-c019-413b-9d5f-44712b55b993",
       "6d31aff4-de1e-4042-a983-fbd23d5c530c",
@@ -42,77 +50,98 @@
     ],
     "healthy": true,
     "datacentres": 2
-}, {
+  },
+  {
     "uuid": "6a0eee76-c019-413b-9d5f-44712b55b993",
     "id": "nfs",
     "name": "NFS",
     "project": "e0ea0c02-55cc-45fe-8064-3e5176a59401",
     "instances": ["", ""],
-  "metrics": [{
+    "metrics": [
+      {
         "name": "CPU",
         "value": "50%"
-  }, {
+      },
+      {
         "name": "Memory",
         "value": "20%"
-  }, {
+      },
+      {
         "name": "Network",
         "value": "2.9Kb/sec"
-  }],
+      }
+    ],
     "healthy": true,
     "datacentres": 2
-}, {
+  },
+  {
     "uuid": "6d31aff4-de1e-4042-a983-fbd23d5c530c",
     "id": "memcached",
     "name": "Memcached",
     "project": "e0ea0c02-55cc-45fe-8064-3e5176a59401",
     "instances": ["", ""],
-  "metrics": [{
+    "metrics": [
+      {
         "name": "CPU",
         "value": "50%"
-  }, {
+      },
+      {
         "name": "Memory",
         "value": "20%"
-  }, {
+      },
+      {
         "name": "Network",
         "value": "2.9Kb/sec"
-  }],
+      }
+    ],
     "healthy": true,
     "datacentres": 2
-}, {
+  },
+  {
     "uuid": "4ee4103e-1a52-4099-a48e-01588f597c70",
     "id": "percona",
     "name": "Percona",
     "project": "e0ea0c02-55cc-45fe-8064-3e5176a59401",
     "instances": ["", ""],
-  "metrics": [{
+    "metrics": [
+      {
         "name": "CPU",
         "value": "50%"
-  }, {
+      },
+      {
         "name": "Memory",
         "value": "20%"
-  }, {
+      },
+      {
         "name": "Network",
         "value": "2.9Kb/sec"
-  }],
+      }
+    ],
     "healthy": true,
     "datacentres": 1
-}, {
+  },
+  {
     "uuid": "97c68055-db88-45c9-ad49-f26da4264777",
     "id": "consul",
     "name": "Consul",
     "project": "e0ea0c02-55cc-45fe-8064-3e5176a59401",
     "instances": ["", ""],
     "isConsul": true,
-  "metrics": [{
+    "metrics": [
+      {
         "name": "CPU",
         "value": "50%"
-  }, {
+      },
+      {
         "name": "Memory",
         "value": "20%"
-  }, {
+      },
+      {
         "name": "Network",
         "value": "2.9Kb/sec"
-  }],
+      }
+    ],
     "healthy": true,
     "datacentres": 2
-}]
+  }
+]

packages/unitcalc/package.json

@@ -57,17 +57,13 @@
     ],
     "env": {
       "test": {
-        "plugins": [
+        "plugins": ["istanbul"]
-          "istanbul"
-        ]
       }
     }
   },
   "ava": {
     "tap": true,
-    "require": [
+    "require": ["babel-register"],
-      "babel-register"
-    ],
     "babel": "inherit"
   }
 }