Fix import/extensions issues (#9217)

See [`import/extensions`](https://eslint.org/docs/rules/import/extensions) for more information. This change enables `import/extensions` and fixes the issues raised by the rule.
2024-11-22 09:57:02 +01:00 · 2020-08-14 09:16:45 -02:30 · 2020-08-14 09:16:45 -02:30 · 9b78d3ab07
commit 9b78d3ab07
parent c188121c3d
41 changed files with 42 additions and 42 deletions
--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -48,6 +48,7 @@ module.exports = {
    'global-require': 'error',
    'guard-for-in': 'error',
    'implicit-arrow-linebreak': 'error',
+    'import/extensions': ['error', 'never', { 'json': 'always' }],
    'no-case-declarations': 'error',
    'no-constant-condition': 'error',
    'no-dupe-else-if': 'error',
--- a/app/scripts/background.js
+++ b/app/scripts/background.js
@ -26,7 +26,7 @@ import Migrator from './lib/migrator'
 import migrations from './migrations'
 import PortStream from 'extension-port-stream'
 import createStreamSink from './lib/createStreamSink'
-import NotificationManager from './lib/notification-manager.js'
+import NotificationManager from './lib/notification-manager'
 import MetamaskController from './metamask-controller'
 import rawFirstTimeState from './first-time-state'
 import setupSentry from './lib/setupSentry'
--- a/app/scripts/controllers/transactions/index.js
+++ b/app/scripts/controllers/transactions/index.js
@ -16,7 +16,7 @@ import {
  SEND_ETHER_ACTION_KEY,
  DEPLOY_CONTRACT_ACTION_KEY,
  CONTRACT_INTERACTION_KEY,
-} from '../../../../ui/app/helpers/constants/transactions.js'
+} from '../../../../ui/app/helpers/constants/transactions'

 import TransactionStateManager from './tx-state-manager'
 import TxGasUtil from './tx-gas-utils'
--- a/app/scripts/inpage.js
+++ b/app/scripts/inpage.js
@ -35,7 +35,7 @@ import LocalMessageDuplexStream from 'post-message-stream'
 import { initProvider } from '@metamask/inpage-provider'

 // TODO:deprecate:2020
-import setupWeb3 from './lib/setupWeb3.js'
+import setupWeb3 from './lib/setupWeb3'

 restoreContextAfterImports()

--- a/app/scripts/lib/ens-ipfs/setup.js
+++ b/app/scripts/lib/ens-ipfs/setup.js
@ -1,6 +1,6 @@
 import urlUtil from 'url'
 import extension from 'extensionizer'
-import resolveEnsToIpfsContentId from './resolver.js'
+import resolveEnsToIpfsContentId from './resolver'

 const supportedTopLevelDomains = ['eth']

--- a/app/scripts/lib/setupWeb3.js
+++ b/app/scripts/lib/setupWeb3.js
@ -3,7 +3,7 @@
 // TODO:deprecate:2020
 // Delete this file

-import 'web3/dist/web3.min.js'
+import 'web3/dist/web3.min'

 const shouldLogUsage = !([
  'docs.metamask.io',
--- a/app/scripts/metamask-controller.js
+++ b/app/scripts/metamask-controller.js
@ -24,7 +24,7 @@ import createOriginMiddleware from './lib/createOriginMiddleware'
 import createTabIdMiddleware from './lib/createTabIdMiddleware'
 import createOnboardingMiddleware from './lib/createOnboardingMiddleware'
 import providerAsMiddleware from 'eth-json-rpc-middleware/providerAsMiddleware'
-import { setupMultiplex } from './lib/stream-utils.js'
+import { setupMultiplex } from './lib/stream-utils'
 import KeyringController from 'eth-keyring-controller'
 import EnsController from './controllers/ens'
 import NetworkController from './controllers/network'
--- a/app/scripts/phishing-detect.js
+++ b/app/scripts/phishing-detect.js
@ -3,7 +3,7 @@ import dnode from 'dnode'
 import { EventEmitter } from 'events'
 import PortStream from 'extension-port-stream'
 import extension from 'extensionizer'
-import { setupMultiplex } from './lib/stream-utils.js'
+import { setupMultiplex } from './lib/stream-utils'
 import { getEnvironmentType } from './lib/util'
 import ExtensionPlatform from './platforms/extension'

--- a/app/scripts/ui.js
+++ b/app/scripts/ui.js
@ -24,7 +24,7 @@ import Eth from 'ethjs'
 import EthQuery from 'eth-query'
 import launchMetaMaskUi from '../../ui'
 import StreamProvider from 'web3-stream-provider'
-import { setupMultiplex } from './lib/stream-utils.js'
+import { setupMultiplex } from './lib/stream-utils'
 import log from 'loglevel'

 start().catch(log.error)
--- a/test/unit/app/controllers/transactions/tx-controller-test.js
+++ b/test/unit/app/controllers/transactions/tx-controller-test.js
@ -13,7 +13,7 @@ import {
  SEND_ETHER_ACTION_KEY,
  DEPLOY_CONTRACT_ACTION_KEY,
  CONTRACT_INTERACTION_KEY,
-} from '../../../../../ui/app/helpers/constants/transactions.js'
+} from '../../../../../ui/app/helpers/constants/transactions'

 import { createTestProviderTools, getTestAccounts } from '../../../../stub/provider'

--- a/test/unit/migrations/030-test.js
+++ b/test/unit/migrations/030-test.js
@ -1,5 +1,5 @@
 import assert from 'assert'
-import migrationTemplate from '../../../app/scripts/migrations/030.js'
+import migrationTemplate from '../../../app/scripts/migrations/030'

 const storage = {
  meta: {},
--- a/ui/app/components/app/asset-list/index.js
+++ b/ui/app/components/app/asset-list/index.js
@ -1 +1 @@
-export { default } from './asset-list.js'
+export { default } from './asset-list'
--- a/ui/app/components/app/confirm-page-container/confirm-detail-row/tests/confirm-detail-row.component.test.js
+++ b/ui/app/components/app/confirm-page-container/confirm-detail-row/tests/confirm-detail-row.component.test.js
@ -1,7 +1,7 @@
 import React from 'react'
 import assert from 'assert'
 import { shallow } from 'enzyme'
-import ConfirmDetailRow from '../confirm-detail-row.component.js'
+import ConfirmDetailRow from '../confirm-detail-row.component'
 import sinon from 'sinon'

 const propsMethodSpies = {
--- a/ui/app/components/app/dropdowns/tests/dropdown.test.js
+++ b/ui/app/components/app/dropdowns/tests/dropdown.test.js
@ -2,7 +2,7 @@ import React from 'react'
 import assert from 'assert'
 import sinon from 'sinon'
 import { shallow } from 'enzyme'
-import { DropdownMenuItem } from '../components/dropdown.js'
+import { DropdownMenuItem } from '../components/dropdown'

 describe('Dropdown', function () {
  let wrapper
--- a/ui/app/components/app/gas-customization/gas-modal-page-container/advanced-tab-content/tests/advanced-tab-content-component.test.js
+++ b/ui/app/components/app/gas-customization/gas-modal-page-container/advanced-tab-content/tests/advanced-tab-content-component.test.js
@ -2,7 +2,7 @@ import React from 'react'
 import assert from 'assert'
 import shallow from '../../../../../../../lib/shallow-with-context'
 import sinon from 'sinon'
-import AdvancedTabContent from '../advanced-tab-content.component.js'
+import AdvancedTabContent from '../advanced-tab-content.component'

 import GasPriceChart from '../../../gas-price-chart'
 import Loading from '../../../../../ui/loading-screen'
--- a/ui/app/components/app/gas-customization/gas-modal-page-container/tests/gas-modal-page-container-component.test.js
+++ b/ui/app/components/app/gas-customization/gas-modal-page-container/tests/gas-modal-page-container-component.test.js
@ -2,7 +2,7 @@ import React from 'react'
 import assert from 'assert'
 import shallow from '../../../../../../lib/shallow-with-context'
 import sinon from 'sinon'
-import GasModalPageContainer from '../gas-modal-page-container.component.js'
+import GasModalPageContainer from '../gas-modal-page-container.component'
 import timeout from '../../../../../../lib/test-timeout'

 import PageContainer from '../../../../ui/page-container'
--- a/ui/app/components/app/gas-customization/gas-price-chart/gas-price-chart.component.js
+++ b/ui/app/components/app/gas-customization/gas-price-chart/gas-price-chart.component.js
@ -8,7 +8,7 @@ import {
  hideDataUI,
  setTickPosition,
  handleMouseMove,
-} from './gas-price-chart.utils.js'
+} from './gas-price-chart.utils'

 export default class GasPriceChart extends Component {
  static contextTypes = {
--- a/ui/app/components/app/modals/account-details-modal/account-details-modal.component.js
+++ b/ui/app/components/app/modals/account-details-modal/account-details-modal.component.js
@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 import AccountModalContainer from '../account-modal-container'
-import genAccountLink from '../../../../../lib/account-link.js'
+import genAccountLink from '../../../../../lib/account-link'
 import QrView from '../../../ui/qr-code'
 import EditableLabel from '../../../ui/editable-label'
 import Button from '../../../ui/button'
--- a/ui/app/components/app/selected-account/selected-account.component.js
+++ b/ui/app/components/app/selected-account/selected-account.component.js
@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 import copyToClipboard from 'copy-to-clipboard'
 import { shortenAddress, checksumAddress } from '../../../helpers/utils/util'

-import Tooltip from '../../ui/tooltip-v2.js'
+import Tooltip from '../../ui/tooltip-v2'

 class SelectedAccount extends Component {
  state = {
--- a/ui/app/components/app/sidebars/tests/sidebars-component.test.js
+++ b/ui/app/components/app/sidebars/tests/sidebars-component.test.js
@ -3,7 +3,7 @@ import assert from 'assert'
 import { shallow } from 'enzyme'
 import sinon from 'sinon'
 import ReactCSSTransitionGroup from 'react-transition-group/CSSTransitionGroup'
-import Sidebar from '../sidebar.component.js'
+import Sidebar from '../sidebar.component'

 import CustomizeGas from '../../gas-customization/gas-modal-page-container'

--- a/ui/app/components/ui/button-group/tests/button-group-component.test.js
+++ b/ui/app/components/ui/button-group/tests/button-group-component.test.js
@ -2,7 +2,7 @@ import React from 'react'
 import assert from 'assert'
 import { shallow } from 'enzyme'
 import sinon from 'sinon'
-import ButtonGroup from '../button-group.component.js'
+import ButtonGroup from '../button-group.component'

 describe('ButtonGroup Component', function () {
  let wrapper
--- a/ui/app/ducks/confirm-transaction/confirm-transaction.duck.test.js
+++ b/ui/app/ducks/confirm-transaction/confirm-transaction.duck.test.js
@ -3,7 +3,7 @@ import configureMockStore from 'redux-mock-store'
 import thunk from 'redux-thunk'
 import sinon from 'sinon'

-import ConfirmTransactionReducer, * as actions from './confirm-transaction.duck.js'
+import ConfirmTransactionReducer, * as actions from './confirm-transaction.duck'

 const initialState = {
  txData: {},
--- a/ui/app/ducks/send/send-duck.test.js
+++ b/ui/app/ducks/send/send-duck.test.js
@ -6,7 +6,7 @@ import SendReducer, {
  updateSendErrors,
  showGasButtonGroup,
  hideGasButtonGroup,
-} from './send.duck.js'
+} from './send.duck'

 describe('Send Duck', function () {
  const mockState = {
--- a/ui/app/helpers/higher-order-components/initialized/index.js
+++ b/ui/app/helpers/higher-order-components/initialized/index.js
@ -1 +1 @@
-export { default } from './initialized.container.js'
+export { default } from './initialized.container'
--- a/ui/app/pages/confirm-approve/confirm-approve.util.js
+++ b/ui/app/pages/confirm-approve/confirm-approve.util.js
@ -1,5 +1,5 @@
 import { decimalToHex } from '../../helpers/utils/conversions.util'
-import { calcTokenValue } from '../../helpers/utils/token-util.js'
+import { calcTokenValue } from '../../helpers/utils/token-util'
 import { getTokenData } from '../../helpers/utils/transactions.util'

 export function getCustomTxParamsData (data, { customPermissionAmount, decimals }) {
--- a/ui/app/pages/create-account/connect-hardware/account-list.js
+++ b/ui/app/pages/create-account/connect-hardware/account-list.js
@ -1,7 +1,7 @@
 import PropTypes from 'prop-types'
 import React, { Component } from 'react'
 import Select from 'react-select'
-import genAccountLink from '../../../../lib/account-link.js'
+import genAccountLink from '../../../../lib/account-link'
 import Button from '../../../components/ui/button'

 class AccountList extends Component {
--- a/ui/app/pages/create-account/import-account/index.js
+++ b/ui/app/pages/create-account/import-account/index.js
@ -3,9 +3,8 @@ import PropTypes from 'prop-types'
 import Select from 'react-select'

 // Subviews
-import JsonImportView from './json.js'
-
-import PrivateKeyImportView from './private-key.js'
+import JsonImportView from './json'
+import PrivateKeyImportView from './private-key'

 export default class AccountImportSubview extends Component {
  static contextTypes = {
--- a/ui/app/pages/send/send-content/send-amount-row/amount-max-button/amount-max-button.container.js
+++ b/ui/app/pages/send/send-content/send-amount-row/amount-max-button/amount-max-button.container.js
@ -7,7 +7,7 @@ import {
  getSendMaxModeState,
  getBasicGasEstimateLoadingStatus,
 } from '../../../../../selectors'
-import { calcMaxAmount } from './amount-max-button.utils.js'
+import { calcMaxAmount } from './amount-max-button.utils'
 import {
  updateSendAmount,
  setMaxModeTo,
--- a/ui/app/pages/send/send-content/send-amount-row/amount-max-button/tests/amount-max-button-component.test.js
+++ b/ui/app/pages/send/send-content/send-amount-row/amount-max-button/tests/amount-max-button-component.test.js
@ -2,7 +2,7 @@ import React from 'react'
 import assert from 'assert'
 import { shallow } from 'enzyme'
 import sinon from 'sinon'
-import AmountMaxButton from '../amount-max-button.component.js'
+import AmountMaxButton from '../amount-max-button.component'

 describe('AmountMaxButton Component', function () {
  let wrapper
--- a/ui/app/pages/send/send-content/send-amount-row/amount-max-button/tests/amount-max-button-utils.test.js
+++ b/ui/app/pages/send/send-content/send-amount-row/amount-max-button/tests/amount-max-button-utils.test.js
@ -1,7 +1,7 @@
 import assert from 'assert'
 import {
  calcMaxAmount,
-} from '../amount-max-button.utils.js'
+} from '../amount-max-button.utils'

 describe('amount-max-button utils', function () {

--- a/ui/app/pages/send/send-content/send-amount-row/tests/send-amount-row-component.test.js
+++ b/ui/app/pages/send/send-content/send-amount-row/tests/send-amount-row-component.test.js
@ -2,7 +2,7 @@ import React from 'react'
 import assert from 'assert'
 import { shallow } from 'enzyme'
 import sinon from 'sinon'
-import SendAmountRow from '../send-amount-row.component.js'
+import SendAmountRow from '../send-amount-row.component'

 import SendRowWrapper from '../../send-row-wrapper/send-row-wrapper.component'
 import AmountMaxButton from '../amount-max-button/amount-max-button.container'
--- a/ui/app/pages/send/send-content/send-gas-row/send-gas-row.container.js
+++ b/ui/app/pages/send/send-content/send-gas-row/send-gas-row.container.js
@ -21,7 +21,7 @@ import {
 import {
  isBalanceSufficient,
  calcGasTotal,
-} from '../../send.utils.js'
+} from '../../send.utils'
 import { calcMaxAmount } from '../send-amount-row/amount-max-button/amount-max-button.utils'
 import {
  showGasButtonGroup,
--- a/ui/app/pages/send/send-content/send-gas-row/tests/send-gas-row-component.test.js
+++ b/ui/app/pages/send/send-content/send-gas-row/tests/send-gas-row-component.test.js
@ -2,7 +2,7 @@ import React from 'react'
 import assert from 'assert'
 import { shallow } from 'enzyme'
 import sinon from 'sinon'
-import SendGasRow from '../send-gas-row.component.js'
+import SendGasRow from '../send-gas-row.component'

 import SendRowWrapper from '../../send-row-wrapper/send-row-wrapper.component'
 import GasFeeDisplay from '../gas-fee-display/gas-fee-display.component'
--- a/ui/app/pages/send/send-content/send-row-wrapper/send-row-error-message/tests/send-row-error-message-component.test.js
+++ b/ui/app/pages/send/send-content/send-row-wrapper/send-row-error-message/tests/send-row-error-message-component.test.js
@ -1,7 +1,7 @@
 import React from 'react'
 import assert from 'assert'
 import { shallow } from 'enzyme'
-import SendRowErrorMessage from '../send-row-error-message.component.js'
+import SendRowErrorMessage from '../send-row-error-message.component'

 describe('SendRowErrorMessage Component', function () {
  let wrapper
--- a/ui/app/pages/send/send-content/send-row-wrapper/tests/send-row-wrapper-component.test.js
+++ b/ui/app/pages/send/send-content/send-row-wrapper/tests/send-row-wrapper-component.test.js
@ -1,7 +1,7 @@
 import React from 'react'
 import assert from 'assert'
 import { shallow } from 'enzyme'
-import SendRowWrapper from '../send-row-wrapper.component.js'
+import SendRowWrapper from '../send-row-wrapper.component'

 import SendRowErrorMessage from '../send-row-error-message/send-row-error-message.container'

--- a/ui/app/pages/send/send-content/tests/send-content-component.test.js
+++ b/ui/app/pages/send/send-content/tests/send-content-component.test.js
@ -1,7 +1,7 @@
 import React from 'react'
 import assert from 'assert'
 import { shallow } from 'enzyme'
-import SendContent from '../send-content.component.js'
+import SendContent from '../send-content.component'

 import PageContainerContent from '../../../../components/ui/page-container/page-container-content.component'
 import SendAmountRow from '../send-amount-row/send-amount-row.container'
--- a/ui/app/pages/send/send-footer/tests/send-footer-component.test.js
+++ b/ui/app/pages/send/send-footer/tests/send-footer-component.test.js
@ -3,7 +3,7 @@ import assert from 'assert'
 import { shallow } from 'enzyme'
 import sinon from 'sinon'
 import { CONFIRM_TRANSACTION_ROUTE } from '../../../../helpers/constants/routes'
-import SendFooter from '../send-footer.component.js'
+import SendFooter from '../send-footer.component'
 import PageContainerFooter from '../../../../components/ui/page-container/page-container-footer'

 describe('SendFooter Component', function () {
--- a/ui/app/pages/send/send-header/tests/send-header-component.test.js
+++ b/ui/app/pages/send/send-header/tests/send-header-component.test.js
@ -2,7 +2,7 @@ import React from 'react'
 import assert from 'assert'
 import { shallow } from 'enzyme'
 import sinon from 'sinon'
-import SendHeader from '../send-header.component.js'
+import SendHeader from '../send-header.component'
 import PageContainerHeader from '../../../../components/ui/page-container/page-container-header'

 describe('SendHeader Component', function () {
--- a/ui/app/pages/send/send.container.js
+++ b/ui/app/pages/send/send.container.js
@ -45,7 +45,7 @@ import {
 import { getTokens } from '../../ducks/metamask/metamask'
 import {
  calcGasTotal,
-} from './send.utils.js'
+} from './send.utils'
 import {
  isValidDomainName,
 } from '../../helpers/utils/util'
--- a/ui/app/pages/settings/settings-tab/settings-tab.component.js
+++ b/ui/app/pages/settings/settings-tab/settings-tab.component.js
@ -1,6 +1,6 @@
 import React, { PureComponent } from 'react'
 import PropTypes from 'prop-types'
-import availableCurrencies from '../../../helpers/constants/available-conversions'
+import availableCurrencies from '../../../helpers/constants/available-conversions.json'
 import SimpleDropdown from '../../../components/app/dropdowns/simple-dropdown'
 import ToggleButton from '../../../components/ui/toggle-button'
 import locales from '../../../../../app/_locales/index.json'
--- a/ui/app/pages/token/fee-card/fee-card.stories.js
+++ b/ui/app/pages/token/fee-card/fee-card.stories.js
@ -1,5 +1,5 @@
 import React from 'react'
-import FeeCard from './fee-card.js'
+import FeeCard from './fee-card'
 import { action } from '@storybook/addon-actions'
 import { text } from '@storybook/addon-knobs/react'