chore: format with Prettier

@xen-orchestra/cron/src/index.js

@@ -44,7 +44,9 @@ class Schedule {
     this._createDate =
       zone.toLowerCase() === 'utc'
         ? moment.utc
-        : zone === 'local' ? moment : () => moment.tz(zone)
+        : zone === 'local'
+          ? moment
+          : () => moment.tz(zone)
   }
 
   createJob (fn) {

packages/vhd-cli/src/commands/merge.js

@@ -14,7 +14,8 @@ export default async function main (args) {
     onProgress ({ done, total }) {
       if (bar === undefined) {
         bar = new Bar({
-          format: 'merging [{bar}] {percentage}% | ETA: {eta}s | {value}/{total}',
+          format:
+            'merging [{bar}] {percentage}% | ETA: {eta}s | {value}/{total}',
         })
         bar.start(total, done)
       } else {

packages/vhd-lib/src/createReadableSparseStream.js

@@ -58,7 +58,7 @@ export default asyncIteratorToStream(async function * (
 
   const maxTableEntries = Math.ceil(diskSize / VHD_BLOCK_SIZE_BYTES) + 1
   const tablePhysicalSizeBytes =
-    Math.ceil(maxTableEntries * 4 / SECTOR_SIZE) * SECTOR_SIZE
+    Math.ceil((maxTableEntries * 4) / SECTOR_SIZE) * SECTOR_SIZE
 
   const batPosition = FOOTER_SIZE + HEADER_SIZE
   const firstBlockPosition = batPosition + tablePhysicalSizeBytes
@@ -115,7 +115,7 @@ export default asyncIteratorToStream(async function * (
       }
       next.data.copy(
         currentBlockWithBitmap,
-        bitmapSize + next.offsetBytes % VHD_BLOCK_SIZE_BYTES
+        bitmapSize + (next.offsetBytes % VHD_BLOCK_SIZE_BYTES)
       )
     }
     yield * yieldAndTrack(currentBlockWithBitmap)

packages/vhd-lib/src/merge.js

@@ -51,7 +51,10 @@ export default concurrency(2)(async function merge (
 
       // finds first allocated block for the 2 following loops
       let firstBlock = 0
-      while (firstBlock < maxTableEntries && !childVhd.containsBlock(firstBlock)) {
+      while (
+        firstBlock < maxTableEntries &&
+        !childVhd.containsBlock(firstBlock)
+      ) {
         ++firstBlock
       }
 

packages/xo-collection/src/collection.js

@@ -8,7 +8,10 @@ import isObject from './is-object'
 
 // ===================================================================
 
-const { create: createObject, prototype: { hasOwnProperty } } = Object
+const {
+  create: createObject,
+  prototype: { hasOwnProperty },
+} = Object
 
 export const ACTION_ADD = 'add'
 export const ACTION_UPDATE = 'update'

packages/xo-lib/example.js

@@ -10,8 +10,7 @@ const xo = new Xo({
   url: 'localhost:9000',
 })
 
-xo
+xo.open()
-  .open()
   .then(function () {
     return xo
       .call('acl.get', {})

packages/xo-server-load-balancer/src/density-plan.js

@@ -8,13 +8,10 @@ import { debug } from './utils'
 export default class DensityPlan extends Plan {
   _checkRessourcesThresholds (objects, averages) {
     const { low } = this._thresholds.memoryFree
-    return filter(
+    return filter(objects, object => {
-      objects,
-      object => {
       const { memory, memoryFree = memory } = averages[object.id]
       return memoryFree > low
-      }
+    })
-    )
   }
 
   async execute () {

packages/xo-server-perf-alert/src/index.js

@@ -124,7 +124,7 @@ const SR_FUNCTIONS = {
     comparator: '>',
     createGetter: threshold => sr => {
       const getDisplayableValue = () =>
-        sr.physical_utilisation * 100 / sr.physical_size
+        (sr.physical_utilisation * 100) / sr.physical_size
       return {
         getDisplayableValue,
         shouldAlarm: () => getDisplayableValue() > threshold,

packages/xo-server-transport-nagios/src/index.js

@@ -120,9 +120,13 @@ class XoServerNagios {
 
       const client = new net.Socket()
 
-      client.connect(this._conf.port, this._conf.server, () => {
+      client.connect(
+        this._conf.port,
+        this._conf.server,
+        () => {
           console.log('Successful connection')
-      })
+        }
+      )
 
       client.on('data', data => {
         const timestamp = data.readInt32BE(128)

packages/xo-server-usage-report/src/index.js

@@ -201,7 +201,7 @@ function computePercentage (curr, prev, options) {
       opt =>
         prev[opt] === 0 || prev[opt] === null
           ? 'NONE'
-          : `${(curr[opt] - prev[opt]) * 100 / prev[opt]}`
+          : `${((curr[opt] - prev[opt]) * 100) / prev[opt]}`
     )
   )
 }

packages/xo-server/src/proxy-console.js

@@ -58,8 +58,7 @@ export default function proxyConsole (ws, vmConsole, sessionId) {
           ws.close()
         })
 
-      ws
+      ws.on('error', error => {
-        .on('error', error => {
         closed = true
         debug(
           'error from the XO client: %s',

packages/xo-server/src/utils.spec.js

@@ -100,7 +100,7 @@ describe('formatXml()', function () {
 
 describe('generateToken()', () => {
   it('generates a string', async () => {
-    expect(typeof await generateToken()).toBe('string')
+    expect(typeof (await generateToken())).toBe('string')
   })
 })
 

packages/xo-server/src/xo-mixins/authentication.js

@@ -165,7 +165,7 @@ export default class {
   }
 
   async deleteAuthenticationToken (id) {
-    if (!await this._tokens.remove(id)) {
+    if (!(await this._tokens.remove(id))) {
       throw noSuchAuthenticationToken(id)
     }
   }

packages/xo-server/src/xo-mixins/subjects.js

@@ -64,7 +64,7 @@ export default class {
           )
       )
 
-      if (!await usersDb.exists()) {
+      if (!(await usersDb.exists())) {
         const email = 'admin@admin.net'
         const password = 'admin'
 
@@ -229,7 +229,7 @@ export default class {
   }
 
   async changeUserPassword (userId, oldPassword, newPassword) {
-    if (!await this.checkUserPassword(userId, oldPassword, false)) {
+    if (!(await this.checkUserPassword(userId, oldPassword, false))) {
       throw invalidCredentials()
     }
 

packages/xo-server/src/xo-mixins/xen-servers.js

@@ -81,7 +81,7 @@ export default class {
   async unregisterXenServer (id) {
     ;this.disconnectXenServer(id)::ignoreErrors()
 
-    if (!await this._servers.remove(id)) {
+    if (!(await this._servers.remove(id))) {
       throw noSuchObject(id, 'xenServer')
     }
   }
@@ -406,9 +406,10 @@ export default class {
 
   async mergeXenPools (sourceId, targetId, force = false) {
     const sourceXapi = this.getXapi(sourceId)
-    const { _auth: { user, password }, _url: { hostname } } = this.getXapi(
+    const {
-      targetId
+      _auth: { user, password },
-    )
+      _url: { hostname },
+    } = this.getXapi(targetId)
 
     // We don't want the events of the source XAPI to interfere with
     // the events of the new XAPI.

packages/xo-server/src/xo.js

@@ -58,7 +58,10 @@ export default class Xo extends EventEmitter {
 
   // Returns an object from its key or UUID.
   getObject (key, type) {
-    const { all, indexes: { byRef } } = this._objects
+    const {
+      all,
+      indexes: { byRef },
+    } = this._objects
 
     const obj = all[key] || byRef[key]
     if (!obj) {

packages/xo-web/src/common/json-schema-input/enum-input.js

@@ -43,7 +43,9 @@ export default class EnumInput extends Component {
           required={required}
           value={this._getSelectedIndex()}
         >
-          {_('noSelectedValue', message => <option value=''>{message}</option>)}
+          {_('noSelectedValue', message => (
+            <option value=''>{message}</option>
+          ))}
           {map(enumNames, (name, index) => (
             <option value={index} key={index}>
               {name}

packages/xo-web/src/common/react-novnc.js

@@ -109,7 +109,12 @@ export default class NoVnc extends Component {
     // if not available from the URL, use the default ones
     const port = url.port || (isSecure ? 443 : 80)
 
-    rfb.connect(url.hostname, port, null, clippedPath)
+    rfb.connect(
+      url.hostname,
+      port,
+      null,
+      clippedPath
+    )
     disableShortcuts()
   }
 

packages/xo-web/src/common/resource-set-quotas.js

@@ -45,7 +45,9 @@ export default class ResourceSetQuotas extends Component {
   )
 
   render () {
-    const { intl: { formatMessage } } = this.props
+    const {
+      intl: { formatMessage },
+    } = this.props
     const labels = [
       formatMessage(messages.availableResourceLabel),
       formatMessage(messages.usedResourceLabel),

packages/xo-web/src/common/usage/index.js

@@ -38,7 +38,7 @@ const Element = ({ highlight, href, others, tooltip, total, value }) => (
         highlight && 'usage-element-highlight',
         others && 'usage-element-others'
       )}
-      style={{ width: value / total * 100 + '%' }}
+      style={{ width: (value / total) * 100 + '%' }}
     />
   </Tooltip>
 )
@@ -58,14 +58,14 @@ export const Limits = ({ used, toBeUsed, limit }) => {
     <span className='limits'>
       <span
         className='limits-used'
-        style={{ width: (used || 0) / limit * 100 + '%' }}
+        style={{ width: ((used || 0) / limit) * 100 + '%' }}
       />
       <span
         className={
           toBeUsed > available ? 'limits-over-used' : 'limits-to-be-used'
         }
         style={{
-          width: Math.min(toBeUsed || 0, available) / limit * 100 + '%',
+          width: (Math.min(toBeUsed || 0, available) / limit) * 100 + '%',
         }}
       />
     </span>

packages/xo-web/src/common/xo-parallel-chart.js

@@ -23,7 +23,7 @@ const TOOLTIP_PADDING = 10
 const DEFAULT_STROKE_WIDTH_FACTOR = 500
 const HIGHLIGHT_STROKE_WIDTH_FACTOR = 200
 
-const BRUSH_SELECTION_WIDTH = 2 * CHART_WIDTH / 100
+const BRUSH_SELECTION_WIDTH = (2 * CHART_WIDTH) / 100
 
 // ===================================================================
 

packages/xo-web/src/common/xo-week-charts/index.js

@@ -376,7 +376,10 @@ export default class XoWeekCharts extends Component {
   }
 
   render () {
-    const { props, state: { chartsWidth, maxValue, tooltipX } } = this
+    const {
+      props,
+      state: { chartsWidth, maxValue, tooltipX },
+    } = this
 
     return (
       <div>

packages/xo-web/src/common/xoa-upgrade.js

@@ -31,7 +31,8 @@ const Upgrade = propTypes({
               >
                 <Icon icon='plan-upgrade' /> {_('upgradeNow')}
               </a>{' '}
-              {_('or')}&nbsp;
+              {_('or')}
+              &nbsp;
               <Link className='btn btn-success btn-lg' to='/xoa/update'>
                 <Icon icon='plan-trial' /> {_('tryIt')}
               </Link>

packages/xo-web/src/xo-app/backup/file-restore/restore-file-modal.js

@@ -16,7 +16,8 @@ import { scanDisk, scanFiles } from 'xo'
 
 const backupOptionRenderer = backup => (
   <span>
-    {backup.tag} - {backup.remoteName} (<FormattedDate
+    {backup.tag} - {backup.remoteName} (
+    <FormattedDate
       value={backup.datetime * 1e3}
       month='long'
       day='numeric'
@@ -24,7 +25,8 @@ const backupOptionRenderer = backup => (
       hour='2-digit'
       minute='2-digit'
       second='2-digit'
-    />)
+    />
+    )
   </span>
 )
 

packages/xo-web/src/xo-app/backup/restore/index.js

@@ -50,7 +50,8 @@ const backupOptionRenderer = backup => (
         <span className='tag tag-info'>{_('delta')}</span>{' '}
       </span>
     )}
-    {backup.tag} - {backup.remoteName} (<FormattedDate
+    {backup.tag} - {backup.remoteName} (
+    <FormattedDate
       value={new Date(backup.date)}
       month='long'
       day='numeric'
@@ -58,7 +59,8 @@ const backupOptionRenderer = backup => (
       hour='2-digit'
       minute='2-digit'
       second='2-digit'
-    />)
+    />
+    )
   </span>
 )
 

packages/xo-web/src/xo-app/dashboard/overview/index.js

@@ -467,7 +467,7 @@ class DefaultCard extends Component {
                       labels: map(topSrs, 'name_label'),
                       series: map(
                         topSrs,
-                        sr => sr.physical_usage / sr.size * 100
+                        sr => (sr.physical_usage / sr.size) * 100
                       ),
                     }}
                     options={{

packages/xo-web/src/xo-app/home/host-item.js

@@ -180,7 +180,7 @@ export default class HostItem extends Component {
                 <Tooltip
                   content={_('memoryLeftTooltip', {
                     used: Math.round(
-                      host.memory.usage / host.memory.size * 100
+                      (host.memory.usage / host.memory.size) * 100
                     ),
                     free: formatSizeShort(host.memory.size - host.memory.usage),
                   })}
@@ -188,7 +188,7 @@ export default class HostItem extends Component {
                   <progress
                     style={{ margin: 0 }}
                     className='progress'
-                    value={host.memory.usage / host.memory.size * 100}
+                    value={(host.memory.usage / host.memory.size) * 100}
                     max='100'
                   />
                 </Tooltip>
@@ -213,7 +213,8 @@ export default class HostItem extends Component {
                 className={styles.itemExpandButton}
                 onClick={this._toggleExpanded}
               >
-                <Icon icon='nav' fixedWidth />&nbsp;&nbsp;&nbsp;
+                <Icon icon='nav' fixedWidth />
+                &nbsp;&nbsp;&nbsp;
               </a>
             </Col>
           </SingleLineRow>

packages/xo-web/src/xo-app/home/pool-item.js

@@ -200,7 +200,7 @@ export default class PoolItem extends Component {
                 <Tooltip
                   content={_('memoryLeftTooltip', {
                     used: Math.round(
-                      hostMetrics.memoryUsage / hostMetrics.memoryTotal * 100
+                      (hostMetrics.memoryUsage / hostMetrics.memoryTotal) * 100
                     ),
                     free: formatSizeShort(
                       hostMetrics.memoryTotal - hostMetrics.memoryUsage
@@ -211,7 +211,7 @@ export default class PoolItem extends Component {
                     style={{ margin: 0 }}
                     className='progress'
                     value={
-                      hostMetrics.memoryUsage / hostMetrics.memoryTotal * 100
+                      (hostMetrics.memoryUsage / hostMetrics.memoryTotal) * 100
                     }
                     max='100'
                   />
@@ -223,7 +223,8 @@ export default class PoolItem extends Component {
                 className={styles.itemExpandButton}
                 onClick={this._toggleExpanded}
               >
-                <Icon icon='nav' fixedWidth />&nbsp;&nbsp;&nbsp;
+                <Icon icon='nav' fixedWidth />
+                &nbsp;&nbsp;&nbsp;
               </a>
             </Col>
           </SingleLineRow>
@@ -233,8 +234,8 @@ export default class PoolItem extends Component {
             <Col mediumSize={3} className={styles.itemExpanded}>
               <span>
                 {hostMetrics.count}x <Icon icon='host' /> {nVms}x{' '}
-                <Icon icon='vm' /> {nSrs}x <Icon icon='sr' /> {hostMetrics.cpus}x{' '}
+                <Icon icon='vm' /> {nSrs}x <Icon icon='sr' /> {hostMetrics.cpus}
-                <Icon icon='cpu' /> {formatSizeShort(hostMetrics.memoryTotal)}
+                x <Icon icon='cpu' /> {formatSizeShort(hostMetrics.memoryTotal)}
               </span>
             </Col>
             <Col mediumSize={4} className={styles.itemExpanded}>

packages/xo-web/src/xo-app/home/sr-item.js

@@ -164,14 +164,16 @@ export default class SrItem extends Component {
               {sr.size > 0 && (
                 <Tooltip
                   content={_('spaceLeftTooltip', {
-                    used: String(Math.round(sr.physical_usage / sr.size * 100)),
+                    used: String(
+                      Math.round((sr.physical_usage / sr.size) * 100)
+                    ),
                     free: formatSizeShort(sr.size - sr.physical_usage),
                   })}
                 >
                   <progress
                     style={{ margin: 0 }}
                     className='progress'
-                    value={sr.physical_usage / sr.size * 100}
+                    value={(sr.physical_usage / sr.size) * 100}
                     max='100'
                   />
                 </Tooltip>
@@ -189,7 +191,8 @@ export default class SrItem extends Component {
                 className={styles.itemExpandButton}
                 onClick={this._toggleExpanded}
               >
-                <Icon icon='nav' fixedWidth />&nbsp;&nbsp;&nbsp;
+                <Icon icon='nav' fixedWidth />
+                &nbsp;&nbsp;&nbsp;
               </a>
             </Col>
           </SingleLineRow>

packages/xo-web/src/xo-app/home/template-item.js

@@ -88,7 +88,8 @@ export default class TemplateItem extends Component {
               className={styles.itemExpandButton}
               onClick={this.toggleState('expanded')}
             >
-              <Icon icon='nav' fixedWidth />&nbsp;&nbsp;&nbsp;
+              <Icon icon='nav' fixedWidth />
+              &nbsp;&nbsp;&nbsp;
             </a>
           </Col>
         </SingleLineRow>

packages/xo-web/src/xo-app/home/vm-item.js

@@ -197,7 +197,8 @@ export default class VmItem extends Component {
                 className={styles.itemExpandButton}
                 onClick={this._toggleExpanded}
               >
-                <Icon icon='nav' fixedWidth />&nbsp;&nbsp;&nbsp;
+                <Icon icon='nav' fixedWidth />
+                &nbsp;&nbsp;&nbsp;
               </a>
             </Col>
           </SingleLineRow>

packages/xo-web/src/xo-app/host/tab-advanced.js

@@ -172,9 +172,8 @@ export default class extends Component {
                 <tr>
                   <th>{_('hostXenServerVersion')}</th>
                   <Copiable tagName='td' data={host.version}>
-                    {host.license_params.sku_marketing_name} {host.version} ({
+                    {host.license_params.sku_marketing_name} {host.version} (
-                      host.license_params.sku_type
+                    {host.license_params.sku_type})
-                    })
                   </Copiable>
                 </tr>
                 <tr>
@@ -219,17 +218,15 @@ export default class extends Component {
                 <tr>
                   <th>{_('hostManufacturerinfo')}</th>
                   <Copiable tagName='td'>
-                    {host.bios_strings['system-manufacturer']} ({
+                    {host.bios_strings['system-manufacturer']} (
-                      host.bios_strings['system-product-name']
+                    {host.bios_strings['system-product-name']})
-                    })
                   </Copiable>
                 </tr>
                 <tr>
                   <th>{_('hostBiosinfo')}</th>
                   <td>
-                    {host.bios_strings['bios-vendor']} ({
+                    {host.bios_strings['bios-vendor']} (
-                      host.bios_strings['bios-version']
+                    {host.bios_strings['bios-version']})
-                    })
                   </td>
                 </tr>
               </tbody>

packages/xo-web/src/xo-app/host/tab-general.js

@@ -85,9 +85,11 @@ export default ({
         </Col>
         <Col mediumSize={3}>
           <p>
-            {host.productBrand} {host.version} ({host.productBrand !== 'XCP-ng'
+            {host.productBrand} {host.version} (
+            {host.productBrand !== 'XCP-ng'
               ? host.license_params.sku_type
-              : 'GPLv2'})
+              : 'GPLv2'}
+            )
           </p>
         </Col>
         <Col mediumSize={3}>

packages/xo-web/src/xo-app/host/tab-storage.js

@@ -120,7 +120,7 @@ export default connectStore(() => {
         pbdId: pbd.id,
         shared: isSrShared(sr),
         size: size > 0 ? size : 0,
-        usagePercentage: size > 0 && Math.round(100 * usage / size),
+        usagePercentage: size > 0 && Math.round((100 * usage) / size),
       }
     })
   )

packages/xo-web/src/xo-app/logs/log-alert-body.js

@@ -166,10 +166,9 @@ export default [
             let globalIsFull
             return (
               <li key={taskLog.data.id} className='list-group-item'>
-                <VmItem id={taskLog.data.id} link /> ({taskLog.data.id.slice(
+                <VmItem id={taskLog.data.id} link /> (
-                  4,
+                {taskLog.data.id.slice(4, 8)}){' '}
-                  8
+                <TaskStateInfos status={taskLog.status} />{' '}
-                )}) <TaskStateInfos status={taskLog.status} />{' '}
                 {scheduleId !== undefined &&
                   taskLog.status !== 'success' &&
                   taskLog.status !== 'pending' && (
@@ -202,17 +201,13 @@ export default [
                           </span>
                         ) : subTaskLog.data.type === 'remote' ? (
                           <span>
-                            <RemoteItem id={subTaskLog.data.id} link /> ({subTaskLog.data.id.slice(
+                            <RemoteItem id={subTaskLog.data.id} link /> (
-                              4,
+                            {subTaskLog.data.id.slice(4, 8)})
-                              8
-                            )})
                           </span>
                         ) : (
                           <span>
-                            <SrItem id={subTaskLog.data.id} link /> ({subTaskLog.data.id.slice(
+                            <SrItem id={subTaskLog.data.id} link /> (
-                              4,
+                            {subTaskLog.data.id.slice(4, 8)})
-                              8
-                            )})
                           </span>
                         )}{' '}
                         <TaskStateInfos status={subTaskLog.status} />

packages/xo-web/src/xo-app/menu/index.js

@@ -506,7 +506,8 @@ const MenuLinkItem = props => {
         />
         <span className={styles.hiddenCollapsed}>
           {' '}
-          {typeof label === 'string' ? _(label) : label}&nbsp;
+          {typeof label === 'string' ? _(label) : label}
+          &nbsp;
         </span>
         {pill > 0 && <span className='tag tag-pill tag-primary'>{pill}</span>}
         {extra}

packages/xo-web/src/xo-app/new-vm/index.js

@@ -117,7 +117,12 @@ const LineItem = ({ children }) => (
 
 const Item = ({ label, children, className }) => (
   <span className={styles.item}>
-    {label && <span>{label}&nbsp;</span>}
+    {label && (
+      <span>
+        {label}
+        &nbsp;
+      </span>
+    )}
     <span className={classNames(styles.input, className)}>{children}</span>
   </span>
 )
@@ -221,10 +226,13 @@ class Vif extends BaseComponent {
   pool: createGetObject((_, props) => props.location.query.pool),
   pools: createGetObjectsOfType('pool'),
   templates: createGetObjectsOfType('VM-template').sort(),
-  userSshKeys: createSelector((_, props) => {
+  userSshKeys: createSelector(
+    (_, props) => {
       const user = props.user
       return user && user.preferences && user.preferences.sshKeys
-  }, keys => keys),
+    },
+    keys => keys
+  ),
   srs: createGetObjectsOfType('SR'),
 }))
 @injectIntl

packages/xo-web/src/xo-app/new/sr/index.js

@@ -726,7 +726,8 @@ export default class New extends Component {
                           onChange={event => {
                             this._handleAuthChoice()
                           }}
-                        />)
+                        />
+                        )
                       </label>
                       <div className='form-inline'>
                         <input

packages/xo-web/src/xo-app/pool/tab-network.js

@@ -248,7 +248,9 @@ class PifsItem extends BaseComponent {
               </tr>
             </thead>
             <tbody>
-              {map(network.PIFs, pifId => <PifItem key={pifId} id={pifId} />)}
+              {map(network.PIFs, pifId => (
+                <PifItem key={pifId} id={pifId} />
+              ))}
             </tbody>
           </table>
         )}

packages/xo-web/src/xo-app/settings/groups/index.js

@@ -43,7 +43,11 @@ class UserDisplay extends Component {
     return (
       <span>
         {(id && users && users[id] && users[id].email) || (
-          <em>&lt;{_('unknownUser')}&gt;</em>
+          <em>
+            &lt;
+            {_('unknownUser')}
+            &gt;
+          </em>
         )}{' '}
         <ActionButton
           className='pull-right'

packages/xo-web/src/xo-app/settings/servers/index.js

@@ -189,7 +189,13 @@ export default class Servers extends Component {
   }
 
   render () {
-    const { props: { intl: { formatMessage }, servers }, state } = this
+    const {
+      props: {
+        intl: { formatMessage },
+        servers,
+      },
+      state,
+    } = this
 
     return (
       <Container>

packages/xo-web/src/xo-app/sr/tab-general.js

@@ -61,10 +61,8 @@ export default class TabGeneral extends Component {
         <Row>
           <Col className='text-xs-center'>
             <h5>
-              {formatSize(sr.physical_usage)} {_('srUsed')} ({formatSize(
+              {formatSize(sr.physical_usage)} {_('srUsed')} (
-                sr.size - sr.physical_usage
+              {formatSize(sr.size - sr.physical_usage)} {_('srFree')})
-              )}{' '}
-              {_('srFree')})
             </h5>
           </Col>
         </Row>

packages/xo-web/src/xo-app/sr/tab-xosan.js

@@ -110,7 +110,9 @@ class Node extends Component {
     () => this.props.node.statusDetail,
     statusDetail => ({
       used: String(
-        Math.round(100 - +statusDetail.sizeFree / +statusDetail.sizeTotal * 100)
+        Math.round(
+          100 - (+statusDetail.sizeFree / +statusDetail.sizeTotal) * 100
+        )
       ),
       free: formatSize(+statusDetail.sizeFree),
     })
@@ -121,7 +123,7 @@ class Node extends Component {
     statusDetail => ({
       used: String(
         Math.round(
-          100 - +statusDetail.inodesFree / +statusDetail.inodesTotal * 100
+          100 - (+statusDetail.inodesFree / +statusDetail.inodesTotal) * 100
         )
       ),
       free: formatSize(+statusDetail.inodesFree),
@@ -215,7 +217,7 @@ class Node extends Component {
                       max='100'
                       value={
                         100 -
-                        +statusDetail.sizeFree / +statusDetail.sizeTotal * 100
+                        (+statusDetail.sizeFree / +statusDetail.sizeTotal) * 100
                       }
                     />
                   </Tooltip>
@@ -272,8 +274,8 @@ class Node extends Component {
                           max='100'
                           value={
                             100 -
-                            +statusDetail.inodesFree /
+                            (+statusDetail.inodesFree /
-                              +statusDetail.inodesTotal *
+                              +statusDetail.inodesTotal) *
                               100
                           }
                         />
@@ -689,7 +691,9 @@ export default class TabXosan extends Component {
                 size='lg'
                 color={
                   status_
-                    ? status_.commandStatus ? 'text-success' : status_.error
+                    ? status_.commandStatus
+                      ? 'text-success'
+                      : status_.error
                     : 'text-info'
                 }
               />
@@ -702,7 +706,9 @@ export default class TabXosan extends Component {
                 size='lg'
                 color={
                   heal_
-                    ? heal_.commandStatus ? 'text-success' : heal_.error
+                    ? heal_.commandStatus
+                      ? 'text-success'
+                      : heal_.error
                     : 'text-info'
                 }
               />
@@ -730,7 +736,9 @@ export default class TabXosan extends Component {
                 size='lg'
                 color={
                   info_
-                    ? info_.commandStatus ? 'text-success' : info_.error
+                    ? info_.commandStatus
+                      ? 'text-success'
+                      : info_.error
                     : 'text-info'
                 }
               />

packages/xo-web/src/xo-app/vm/tab-advanced.js

@@ -553,7 +553,8 @@ export default class TabAdvanced extends Component {
                   <th>{_('vmMemoryLimitsLabel')}</th>
                   <td>
                     <p>
-                      Static: {formatSize(vm.memory.static[0])}/<Size
+                      Static: {formatSize(vm.memory.static[0])}/
+                      <Size
                         value={defined(vm.memory.static[1], null)}
                         onChange={memoryStaticMax =>
                           editVm(vm, { memoryStaticMax })
@@ -565,7 +566,9 @@ export default class TabAdvanced extends Component {
                       <Size
                         value={defined(vm.memory.dynamic[0], null)}
                         onChange={memoryMin => editVm(vm, { memoryMin })}
-                      />/<Size
+                      />
+                      /
+                      <Size
                         value={defined(vm.memory.dynamic[1], null)}
                         onChange={memoryMax => editVm(vm, { memoryMax })}
                       />
@@ -596,7 +599,9 @@ export default class TabAdvanced extends Component {
                         <Icon
                           className='text-info'
                           icon={osFamily(vm.os_version.distro)}
-                        />&nbsp;{vm.os_version.name}
+                        />
+                        &nbsp;
+                        {vm.os_version.name}
                       </span>
                     )}
                   </td>

packages/xo-web/src/xo-app/vm/tab-general.js

@@ -61,7 +61,8 @@ export default connectStore(() => {
             <Number
               value={vm.CPUs.number}
               onChange={vcpus => editVm(vm, { CPUs: vcpus })}
-            />x <Icon icon='cpu' size='lg' />
+            />
+            x <Icon icon='cpu' size='lg' />
           </h2>
           <BlockLink to={`/vms/${vm.id}/stats`}>
             {statsOverview && <CpuSparkLines data={statsOverview} />}
@@ -73,7 +74,8 @@ export default connectStore(() => {
               value={defined(vm.memory.dynamic[1], null)}
               onChange={memory => editVm(vm, { memory })}
             />
-            &nbsp;<span>
+            &nbsp;
+            <span>
               <Icon icon='memory' size='lg' />
             </span>
           </h2>

packages/xo-web/src/xo-app/xoa/update/index.js

@@ -242,7 +242,8 @@ export default class XoaUpdates extends Component {
                 <div>
                   {map(log, (log, key) => (
                     <p key={key}>
-                      <span className={textClasses[log.level]}>{log.date}</span>:{' '}
+                      <span className={textClasses[log.level]}>{log.date}</span>
+                      :{' '}
                       <span
                         dangerouslySetInnerHTML={{
                           __html: ansiUp.ansi_to_html(log.message),

packages/xo-web/src/xo-app/xosan/graph/index.js

@@ -47,9 +47,9 @@ const fork = (n, x, y, w, h, nDisksLoss) => [
   stroke(w / (2 * n), 0, w - w / (2 * n), 0, x, y),
   // vertical lines (and disks icons)
   map(new Array(n), (_, i) => [
-    stroke(i * w / n + w / (2 * n), 0, i * w / n + w / (2 * n), h, x, y),
+    stroke((i * w) / n + w / (2 * n), 0, (i * w) / n + w / (2 * n), h, x, y),
     nDisksLoss !== undefined &&
-      disk(x + i * w / n + w / (2 * n), y + h, i >= n - nDisksLoss),
+      disk(x + (i * w) / n + w / (2 * n), y + h, i >= n - nDisksLoss),
   ]),
 ]
 
@@ -67,7 +67,7 @@ const graph = (nGroups, nPerGroup, w, h, disksLoss) => {
             map(new Array(nGroups), (_, i) =>
               fork(
                 nPerGroup,
-              i * w / nGroups,
+                (i * w) / nGroups,
                 3 * hUnit,
                 w / nGroups,
                 hUnit,

packages/xo-web/src/xo-app/xosan/index.js

@@ -62,7 +62,9 @@ const XOSAN_COLUMNS = [
         : _('xosanBadStatus', {
             badStatuses: (
               <ul>
-                {map(status, (_, status) => <li key={status}>{status}</li>)}
+                {map(status, (_, status) => (
+                  <li key={status}>{status}</li>
+                ))}
               </ul>
             ),
           })
@@ -117,18 +119,18 @@ const XOSAN_COLUMNS = [
       sr.size > 0 ? (
         <Tooltip
           content={_('spaceLeftTooltip', {
-            used: String(Math.round(sr.physical_usage * 100 / sr.size)),
+            used: String(Math.round((sr.physical_usage * 100) / sr.size)),
             free: formatSize(sr.size - sr.physical_usage),
           })}
         >
           <progress
             className='progress'
             max='100'
-            value={sr.physical_usage * 100 / sr.size}
+            value={(sr.physical_usage * 100) / sr.size}
           />
         </Tooltip>
       ) : null,
-    sortCriteria: sr => sr.physical_usage * 100 / sr.size,
+    sortCriteria: sr => (sr.physical_usage * 100) / sr.size,
   },
   {
     name: _('xosanLicense'),

packages/xo-web/src/xo-app/xosan/new-xosan.js

@@ -416,7 +416,7 @@ export default class NewXosan extends Component {
                                   content={_('spaceLeftTooltip', {
                                     used: String(
                                       Math.round(
-                                        sr.physical_usage / sr.size * 100
+                                        (sr.physical_usage / sr.size) * 100
                                       )
                                     ),
                                     free: formatSize(
@@ -427,7 +427,7 @@ export default class NewXosan extends Component {
                                   <progress
                                     className='progress'
                                     max='100'
-                                    value={sr.physical_usage / sr.size * 100}
+                                    value={(sr.physical_usage / sr.size) * 100}
                                   />
                                 </Tooltip>
                               )}

scripts/lint-staged

@@ -10,7 +10,11 @@ const formatFiles = files => {
 const testFiles = files =>
   run(
     './node_modules/.bin/jest',
-    ['--testRegex=^(?!.*.integ.spec.js$).*.spec.js$', '--findRelatedTests', '--passWithNoTests'].concat(files)
+    [
+      '--testRegex=^(?!.*.integ.spec.js$).*.spec.js$',
+      '--findRelatedTests',
+      '--passWithNoTests',
+    ].concat(files)
   )
 
 // -----------------------------------------------------------------------------

scripts/normalize-packages

@@ -17,7 +17,6 @@ const deleteProperties = (object, property, properties) => {
   }
 }
 
-
 require('exec-promise')(() =>
   getPackages(true).map(({ dir, name, package: pkg, relativeDir }) => {
     pkg.name = name