Code style improvements in JavaScript (#13159)
* JS-linter: fix trailing comma's * Configure eslinter to ignore this onchange error.
This commit is contained in:
		@@ -106,7 +106,7 @@ export function fetchAccount(id) {
 | 
			
		||||
      dispatch,
 | 
			
		||||
      getState,
 | 
			
		||||
      db.transaction('accounts', 'read').objectStore('accounts').index('id'),
 | 
			
		||||
      id
 | 
			
		||||
      id,
 | 
			
		||||
    ).then(() => db.close(), error => {
 | 
			
		||||
      db.close();
 | 
			
		||||
      throw error;
 | 
			
		||||
 
 | 
			
		||||
@@ -44,7 +44,7 @@ export default class IntersectionObserverArticle extends React.Component {
 | 
			
		||||
    intersectionObserverWrapper.observe(
 | 
			
		||||
      id,
 | 
			
		||||
      this.node,
 | 
			
		||||
      this.handleIntersection
 | 
			
		||||
      this.handleIntersection,
 | 
			
		||||
    );
 | 
			
		||||
 | 
			
		||||
    this.componentMounted = true;
 | 
			
		||||
 
 | 
			
		||||
@@ -68,7 +68,7 @@ class Blocks extends ImmutablePureComponent {
 | 
			
		||||
          bindToDocument={!multiColumn}
 | 
			
		||||
        >
 | 
			
		||||
          {accountIds.map(id =>
 | 
			
		||||
            <AccountContainer key={id} id={id} />
 | 
			
		||||
            <AccountContainer key={id} id={id} />,
 | 
			
		||||
          )}
 | 
			
		||||
        </ScrollableList>
 | 
			
		||||
      </Column>
 | 
			
		||||
 
 | 
			
		||||
@@ -155,6 +155,7 @@ class PollForm extends ImmutablePureComponent {
 | 
			
		||||
        <div className='poll__footer'>
 | 
			
		||||
          <button disabled={options.size >= 4} className='button button-secondary' onClick={this.handleAddOption}><Icon id='plus' /> <FormattedMessage {...messages.add_option} /></button>
 | 
			
		||||
 | 
			
		||||
          {/* eslint-disable-next-line jsx-a11y/no-onchange */}
 | 
			
		||||
          <select value={expiresIn} onChange={this.handleSelectDuration}>
 | 
			
		||||
            <option value={300}>{intl.formatMessage(messages.minutes, { number: 5 })}</option>
 | 
			
		||||
            <option value={1800}>{intl.formatMessage(messages.minutes, { number: 30 })}</option>
 | 
			
		||||
 
 | 
			
		||||
@@ -69,7 +69,7 @@ class Blocks extends ImmutablePureComponent {
 | 
			
		||||
          bindToDocument={!multiColumn}
 | 
			
		||||
        >
 | 
			
		||||
          {domains.map(domain =>
 | 
			
		||||
            <DomainContainer key={domain} domain={domain} />
 | 
			
		||||
            <DomainContainer key={domain} domain={domain} />,
 | 
			
		||||
          )}
 | 
			
		||||
        </ScrollableList>
 | 
			
		||||
      </Column>
 | 
			
		||||
 
 | 
			
		||||
@@ -79,7 +79,7 @@ class Favourites extends ImmutablePureComponent {
 | 
			
		||||
          bindToDocument={!multiColumn}
 | 
			
		||||
        >
 | 
			
		||||
          {accountIds.map(id =>
 | 
			
		||||
            <AccountContainer key={id} id={id} withNote={false} />
 | 
			
		||||
            <AccountContainer key={id} id={id} withNote={false} />,
 | 
			
		||||
          )}
 | 
			
		||||
        </ScrollableList>
 | 
			
		||||
      </Column>
 | 
			
		||||
 
 | 
			
		||||
@@ -68,7 +68,7 @@ class FollowRequests extends ImmutablePureComponent {
 | 
			
		||||
          bindToDocument={!multiColumn}
 | 
			
		||||
        >
 | 
			
		||||
          {accountIds.map(id =>
 | 
			
		||||
            <AccountAuthorizeContainer key={id} id={id} />
 | 
			
		||||
            <AccountAuthorizeContainer key={id} id={id} />,
 | 
			
		||||
          )}
 | 
			
		||||
        </ScrollableList>
 | 
			
		||||
      </Column>
 | 
			
		||||
 
 | 
			
		||||
@@ -93,7 +93,7 @@ class Followers extends ImmutablePureComponent {
 | 
			
		||||
          bindToDocument={!multiColumn}
 | 
			
		||||
        >
 | 
			
		||||
          {blockedBy ? [] : accountIds.map(id =>
 | 
			
		||||
            <AccountContainer key={id} id={id} withNote={false} />
 | 
			
		||||
            <AccountContainer key={id} id={id} withNote={false} />,
 | 
			
		||||
          )}
 | 
			
		||||
        </ScrollableList>
 | 
			
		||||
      </Column>
 | 
			
		||||
 
 | 
			
		||||
@@ -93,7 +93,7 @@ class Following extends ImmutablePureComponent {
 | 
			
		||||
          bindToDocument={!multiColumn}
 | 
			
		||||
        >
 | 
			
		||||
          {blockedBy ? [] : accountIds.map(id =>
 | 
			
		||||
            <AccountContainer key={id} id={id} withNote={false} />
 | 
			
		||||
            <AccountContainer key={id} id={id} withNote={false} />,
 | 
			
		||||
          )}
 | 
			
		||||
        </ScrollableList>
 | 
			
		||||
      </Column>
 | 
			
		||||
 
 | 
			
		||||
@@ -106,20 +106,20 @@ class GettingStarted extends ImmutablePureComponent {
 | 
			
		||||
 | 
			
		||||
      if (profile_directory) {
 | 
			
		||||
        navItems.push(
 | 
			
		||||
          <ColumnLink key={i++} icon='address-book' text={intl.formatMessage(messages.profile_directory)} to='/directory' />
 | 
			
		||||
          <ColumnLink key={i++} icon='address-book' text={intl.formatMessage(messages.profile_directory)} to='/directory' />,
 | 
			
		||||
        );
 | 
			
		||||
 | 
			
		||||
        height += 48;
 | 
			
		||||
      }
 | 
			
		||||
 | 
			
		||||
      navItems.push(
 | 
			
		||||
        <ColumnSubheading key={i++} text={intl.formatMessage(messages.personal)} />
 | 
			
		||||
        <ColumnSubheading key={i++} text={intl.formatMessage(messages.personal)} />,
 | 
			
		||||
      );
 | 
			
		||||
 | 
			
		||||
      height += 34;
 | 
			
		||||
    } else if (profile_directory) {
 | 
			
		||||
      navItems.push(
 | 
			
		||||
        <ColumnLink key={i++} icon='address-book' text={intl.formatMessage(messages.profile_directory)} to='/directory' />
 | 
			
		||||
        <ColumnLink key={i++} icon='address-book' text={intl.formatMessage(messages.profile_directory)} to='/directory' />,
 | 
			
		||||
      );
 | 
			
		||||
 | 
			
		||||
      height += 48;
 | 
			
		||||
@@ -129,7 +129,7 @@ class GettingStarted extends ImmutablePureComponent {
 | 
			
		||||
      <ColumnLink key={i++} icon='envelope' text={intl.formatMessage(messages.direct)} to='/timelines/direct' />,
 | 
			
		||||
      <ColumnLink key={i++} icon='bookmark' text={intl.formatMessage(messages.bookmarks)} to='/bookmarks' />,
 | 
			
		||||
      <ColumnLink key={i++} icon='star' text={intl.formatMessage(messages.favourites)} to='/favourites' />,
 | 
			
		||||
      <ColumnLink key={i++} icon='list-ul' text={intl.formatMessage(messages.lists)} to='/lists' />
 | 
			
		||||
      <ColumnLink key={i++} icon='list-ul' text={intl.formatMessage(messages.lists)} to='/lists' />,
 | 
			
		||||
    );
 | 
			
		||||
 | 
			
		||||
    height += 48*4;
 | 
			
		||||
 
 | 
			
		||||
@@ -74,7 +74,7 @@ class Lists extends ImmutablePureComponent {
 | 
			
		||||
          bindToDocument={!multiColumn}
 | 
			
		||||
        >
 | 
			
		||||
          {lists.map(list =>
 | 
			
		||||
            <ColumnLink key={list.get('id')} to={`/timelines/list/${list.get('id')}`} icon='list-ul' text={list.get('title')} />
 | 
			
		||||
            <ColumnLink key={list.get('id')} to={`/timelines/list/${list.get('id')}`} icon='list-ul' text={list.get('title')} />,
 | 
			
		||||
          )}
 | 
			
		||||
        </ScrollableList>
 | 
			
		||||
      </Column>
 | 
			
		||||
 
 | 
			
		||||
@@ -68,7 +68,7 @@ class Mutes extends ImmutablePureComponent {
 | 
			
		||||
          bindToDocument={!multiColumn}
 | 
			
		||||
        >
 | 
			
		||||
          {accountIds.map(id =>
 | 
			
		||||
            <AccountContainer key={id} id={id} />
 | 
			
		||||
            <AccountContainer key={id} id={id} />,
 | 
			
		||||
          )}
 | 
			
		||||
        </ScrollableList>
 | 
			
		||||
      </Column>
 | 
			
		||||
 
 | 
			
		||||
@@ -79,7 +79,7 @@ class Reblogs extends ImmutablePureComponent {
 | 
			
		||||
          bindToDocument={!multiColumn}
 | 
			
		||||
        >
 | 
			
		||||
          {accountIds.map(id =>
 | 
			
		||||
            <AccountContainer key={id} id={id} withNote={false} />
 | 
			
		||||
            <AccountContainer key={id} id={id} withNote={false} />,
 | 
			
		||||
          )}
 | 
			
		||||
        </ScrollableList>
 | 
			
		||||
      </Column>
 | 
			
		||||
 
 | 
			
		||||
@@ -98,7 +98,7 @@ export default class Card extends React.PureComponent {
 | 
			
		||||
          },
 | 
			
		||||
        },
 | 
			
		||||
      ]),
 | 
			
		||||
      0
 | 
			
		||||
      0,
 | 
			
		||||
    );
 | 
			
		||||
  };
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -19,7 +19,7 @@ describe('<Column />', () => {
 | 
			
		||||
      const wrapper = mount(
 | 
			
		||||
        <Column heading='notifications'>
 | 
			
		||||
          <div className='scrollable' />
 | 
			
		||||
        </Column>
 | 
			
		||||
        </Column>,
 | 
			
		||||
      );
 | 
			
		||||
      wrapper.find(ColumnHeader).find('button').simulate('click');
 | 
			
		||||
      expect(global.requestAnimationFrame.mock.calls.length).toEqual(1);
 | 
			
		||||
 
 | 
			
		||||
@@ -72,11 +72,11 @@ const expandNormalizedNotifications = (state, notifications, next, isLoadingRece
 | 
			
		||||
 | 
			
		||||
      mutable.update(usePendingItems ? 'pendingItems' : 'items', list => {
 | 
			
		||||
        const lastIndex = 1 + list.findLastIndex(
 | 
			
		||||
          item => item !== null && (compareId(item.get('id'), items.last().get('id')) > 0 || item.get('id') === items.last().get('id'))
 | 
			
		||||
          item => item !== null && (compareId(item.get('id'), items.last().get('id')) > 0 || item.get('id') === items.last().get('id')),
 | 
			
		||||
        );
 | 
			
		||||
 | 
			
		||||
        const firstIndex = 1 + list.take(lastIndex).findLastIndex(
 | 
			
		||||
          item => item !== null && compareId(item.get('id'), items.first().get('id')) > 0
 | 
			
		||||
          item => item !== null && compareId(item.get('id'), items.first().get('id')) > 0,
 | 
			
		||||
        );
 | 
			
		||||
 | 
			
		||||
        return list.take(firstIndex).concat(items, list.skip(lastIndex));
 | 
			
		||||
 
 | 
			
		||||
@@ -54,7 +54,7 @@ const expandNormalizedTimeline = (state, timeline, statuses, next, isPartial, is
 | 
			
		||||
 | 
			
		||||
        return oldIds.take(firstIndex + 1).concat(
 | 
			
		||||
          isPartial && oldIds.get(firstIndex) !== null ? newIds.unshift(null) : newIds,
 | 
			
		||||
          oldIds.skip(lastIndex)
 | 
			
		||||
          oldIds.skip(lastIndex),
 | 
			
		||||
        );
 | 
			
		||||
      });
 | 
			
		||||
    }
 | 
			
		||||
@@ -166,7 +166,7 @@ export default function timelines(state = initialState, action) {
 | 
			
		||||
    return state.update(
 | 
			
		||||
      action.timeline,
 | 
			
		||||
      initialTimeline,
 | 
			
		||||
      map => map.set('online', false).update(action.usePendingItems ? 'pendingItems' : 'items', items => items.first() ? items.unshift(null) : items)
 | 
			
		||||
      map => map.set('online', false).update(action.usePendingItems ? 'pendingItems' : 'items', items => items.first() ? items.unshift(null) : items),
 | 
			
		||||
    );
 | 
			
		||||
  default:
 | 
			
		||||
    return state;
 | 
			
		||||
 
 | 
			
		||||
@@ -117,7 +117,7 @@ export const makeGetStatus = () => {
 | 
			
		||||
        map.set('account', accountBase);
 | 
			
		||||
        map.set('filtered', filtered);
 | 
			
		||||
      });
 | 
			
		||||
    }
 | 
			
		||||
    },
 | 
			
		||||
  );
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -117,7 +117,7 @@ const handlePush = (event) => {
 | 
			
		||||
        badge: '/badge.png',
 | 
			
		||||
        data: { access_token, preferred_locale, url: '/web/notifications' },
 | 
			
		||||
      });
 | 
			
		||||
    })
 | 
			
		||||
    }),
 | 
			
		||||
  );
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -10,6 +10,6 @@ export default function configureStore() {
 | 
			
		||||
    thunk,
 | 
			
		||||
    loadingBarMiddleware({ promiseTypeSuffixes: ['REQUEST', 'SUCCESS', 'FAIL'] }),
 | 
			
		||||
    errorsMiddleware(),
 | 
			
		||||
    soundsMiddleware()
 | 
			
		||||
    soundsMiddleware(),
 | 
			
		||||
  ), window.__REDUX_DEVTOOLS_EXTENSION__ ? window.__REDUX_DEVTOOLS_EXTENSION__() : f => f));
 | 
			
		||||
};
 | 
			
		||||
 
 | 
			
		||||
@@ -54,7 +54,7 @@ module.exports = merge(sharedConfig, {
 | 
			
		||||
    watchOptions: Object.assign(
 | 
			
		||||
      {},
 | 
			
		||||
      settings.dev_server.watch_options,
 | 
			
		||||
      watchOptions
 | 
			
		||||
      watchOptions,
 | 
			
		||||
    ),
 | 
			
		||||
    writeToDisk: filePath => /ocr/.test(filePath),
 | 
			
		||||
  },
 | 
			
		||||
 
 | 
			
		||||
@@ -31,7 +31,7 @@ module.exports = {
 | 
			
		||||
    Object.keys(themes).reduce((themePaths, name) => {
 | 
			
		||||
      themePaths[name] = resolve(join(settings.source_path, themes[name]));
 | 
			
		||||
      return themePaths;
 | 
			
		||||
    }, {})
 | 
			
		||||
    }, {}),
 | 
			
		||||
  ),
 | 
			
		||||
 | 
			
		||||
  output: {
 | 
			
		||||
@@ -73,7 +73,7 @@ module.exports = {
 | 
			
		||||
        // temporary fix for https://github.com/ReactTraining/react-router/issues/5576
 | 
			
		||||
        // to reduce bundle size
 | 
			
		||||
        resource.request = resource.request.replace(/^history/, 'history/es');
 | 
			
		||||
      }
 | 
			
		||||
      },
 | 
			
		||||
    ),
 | 
			
		||||
    new MiniCssExtractPlugin({
 | 
			
		||||
      filename: 'css/[name]-[contenthash:8].css',
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user