Use absolute imports.

.env

@@ -0,0 +1 @@
+NODE_PATH=src

.gitignore

@@ -12,7 +12,6 @@
 
 # misc
 .DS_Store
-.env
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*

src/App.js

@@ -8,13 +8,13 @@ import en from 'react-intl/locale-data/en';
 import de from 'react-intl/locale-data/de';
 import ru from 'react-intl/locale-data/ru';
 import es from 'react-intl/locale-data/es';
-import translations from './translations.json';
+import translations from 'translations.json';
 
-import store from './store'
+import store from 'store'
 
-import PageLayout from './screens/PageLayout';
+import PageLayout from 'screens/PageLayout';
 
-import './App.css';
+import 'App.css';
 
 // have blueprint handle focus properly
 FocusStyleManager.onlyShowFocusOnTabs();

src/App.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import App from './App';
+import App from 'App';
 
 it('renders without crashing', () => {
   const div = document.createElement('div');

src/actions/index.js

@@ -1,4 +1,4 @@
-import {endpoint} from '../api';
+import {endpoint} from 'api';
 
 export const fetchCollections = () => (dispatch) => {
   const limit = 5000;

src/actions/sessionActions.js

@@ -1,4 +1,4 @@
-import {endpoint} from '../api';
+import {endpoint} from 'api';
 
 export const loginWithToken = token => dispatch => {
   dispatch({type: 'LOGIN', token});

src/api.js

@@ -1,6 +1,6 @@
 import axios from 'axios';
 import queryString from 'query-string';
-import store from './store';
+import store from 'store';
 
 export const endpoint = axios.create({
   baseURL: 'http://localhost:5000/api/2',

src/components/XhrToast.js

@@ -1,5 +1,5 @@
 import {showErrorToast, showSuccessToast} from "./Toast";
-import messages from "../messages";
+import messages from "messages";
 
 const defaultStatusMap = {
   400: messages.status.bad_request,

src/components/search/SearchFilter.js

@@ -2,8 +2,8 @@ import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import { mapValues, size, xor } from 'lodash';
 
-import { endpoint } from '../../api';
-import filters from '../../filters';
+import { endpoint } from 'api';
+import filters from 'filters';
 
 import SearchFilterCountries from './SearchFilterCountries';
 import SearchFilterCollections from './SearchFilterCollections';

src/components/search/SearchFilterCollections.js

@@ -3,7 +3,7 @@ import { FormattedMessage } from 'react-intl';
 import { Button, Checkbox, Dialog, NonIdealState, Spinner } from '@blueprintjs/core';
 import { debounce, fromPairs, xor } from 'lodash';
 
-import { endpoint } from '../../api';
+import { endpoint } from 'api';
 
 import SearchFilterList from './SearchFilterList';
 import SearchFilterText from './SearchFilterText';

src/components/search/SearchResultList.js

@@ -3,7 +3,7 @@ import { connect } from 'react-redux';
 import { NonIdealState, Spinner } from '@blueprintjs/core';
 import Waypoint from 'react-waypoint';
 
-import { fetchNextSearchResults } from '../../actions';
+import { fetchNextSearchResults } from 'actions';
 
 import SearchResultListItem from './SearchResultListItem';
 

src/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import App from './App';
+import App from 'App';
 
 ReactDOM.render(
   <App />,

src/screens/ActivateScreen.js

@@ -3,11 +3,11 @@ import {connect} from 'react-redux';
 import {Redirect} from 'react-router';
 import {injectIntl, FormattedMessage} from 'react-intl';
 
-import {endpoint} from '../api';
-import {loginWithPassword} from '../actions/sessionActions';
+import {endpoint} from 'api';
+import {loginWithPassword} from 'actions/sessionActions';
 
-import {PasswordAuthActivate} from '../components/PasswordAuth';
-import {xhrErrorToast} from '../components/XhrToast';
+import {PasswordAuthActivate} from 'components/PasswordAuth';
+import {xhrErrorToast} from 'components/XhrToast';
 
 class ActivateScreen extends Component {
   onActivate(data) {

src/screens/CollectionScreen.js

@@ -4,8 +4,8 @@ import { withRouter } from 'react-router';
 import { Link } from 'react-router-dom';
 import { Icon } from '@blueprintjs/core';
 
-import Breadcrumbs from '../components/Breadcrumbs';
-import Article from '../components/Article';
+import Breadcrumbs from 'components/Breadcrumbs';
+import Article from 'components/Article';
 import SearchScreen_ from './SearchScreen';
 const SearchScreen = withRouter(SearchScreen_);
 

src/screens/EntityScreen.js

@@ -1,8 +1,8 @@
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
 
-import Article from '../components/Article';
-import { fetchEntity } from '../actions';
+import Article from 'components/Article';
+import { fetchEntity } from 'actions';
 
 class EntityInfo extends Component {
   render() {

src/screens/LoginScreen.js

@@ -4,11 +4,11 @@ import {connect} from 'react-redux'
 import {Redirect} from 'react-router';
 import {NonIdealState} from '@blueprintjs/core';
 
-import messages from '../messages';
-import {loginWithPassword, loginWithToken} from '../actions/sessionActions';
+import messages from 'messages';
+import {loginWithPassword, loginWithToken} from 'actions/sessionActions';
 
-import OAuthLogin, {handleOAuthCallback} from '../components/OAuthLogin';
-import {PasswordAuthLogin} from '../components/PasswordAuth';
+import OAuthLogin, {handleOAuthCallback} from 'components/OAuthLogin';
+import {PasswordAuthLogin} from 'components/PasswordAuth';
 
 class LoginScreen extends Component {
   onLogin(data) {

src/screens/LogoutScreen.js

@@ -1,10 +1,10 @@
 import React, {Component} from 'react';
 import {connect} from 'react-redux'
-import {logout} from "../actions/sessionActions";
+import {logout} from "actions/sessionActions";
 import {withRouter} from "react-router";
 import {injectIntl} from "react-intl";
-import {showSuccessToast} from "../components/Toast";
-import messages from "../messages";
+import {showSuccessToast} from "components/Toast";
+import messages from "messages";
 
 class LogoutScreen extends Component {
   componentWillMount() {

src/screens/PageLayout.js

@@ -3,9 +3,9 @@ import { Route, Switch } from 'react-router-dom';
 import { connect } from 'react-redux';
 import { Spinner } from "@blueprintjs/core";
 
-import { fetchCollections, fetchMetadata } from '../actions';
+import { fetchCollections, fetchMetadata } from 'actions';
 
-import PageNavbar from '../components/PageNavbar';
+import PageNavbar from 'components/PageNavbar';
 
 import SwitchPage from './SwitchPage';
 import LoginScreen from "./LoginScreen";

src/screens/RootScreen.js

@@ -4,8 +4,8 @@ import { Link } from 'react-router-dom';
 import { groupBy, map } from 'lodash';
 import { Icon } from '@blueprintjs/core';
 
-import Breadcrumbs from '../components/Breadcrumbs';
-import Article from '../components/Article';
+import Breadcrumbs from 'components/Breadcrumbs';
+import Article from 'components/Article';
 
 import './RootScreen.css';
 

src/screens/SearchScreen.js

@@ -4,11 +4,11 @@ import queryString from 'query-string';
 import { debounce, isEqual, pick, pickBy, isArray } from 'lodash';
 import { mergeWith } from 'lodash/fp'; // use fp version to not mutate the array
 
-import { fetchSearchResults } from '../actions';
-import filters from '../filters';
+import { fetchSearchResults } from 'actions';
+import filters from 'filters';
 
-import SearchResultList from '../components/search/SearchResultList';
-import SearchFilter from '../components/search/SearchFilter';
+import SearchResultList from 'components/search/SearchResultList';
+import SearchFilter from 'components/search/SearchFilter';
 
 const defaultQuery = {
   'q': '',

src/screens/SignupScreen.js

@@ -4,12 +4,12 @@ import {connect} from 'react-redux';
 import {Redirect} from 'react-router';
 import {Callout, Intent, NonIdealState} from '@blueprintjs/core';
 
-import messages from '../messages';
-import {endpoint} from '../api';
+import messages from 'messages';
+import {endpoint} from 'api';
 
-import OAuthLogin from '../components/OAuthLogin';
-import {PasswordAuthSignup} from '../components/PasswordAuth';
-import {xhrErrorToast} from '../components/XhrToast';
+import OAuthLogin from 'components/OAuthLogin';
+import {PasswordAuthSignup} from 'components/PasswordAuth';
+import {xhrErrorToast} from 'components/XhrToast';
 
 class SignupScreen extends Component {
   state = {submitted: false};

src/store.js

@@ -1,10 +1,10 @@
 import {applyMiddleware, createStore} from 'redux';
 import thunk from 'redux-thunk';
 import logger from 'redux-logger';
-import {loadState, saveState} from "./storage";
+import {loadState, saveState} from "storage";
 import {throttle} from "lodash";
 
-import rootReducer from './reducers';
+import rootReducer from 'reducers';
 
 const persistedState = loadState();
 const store = createStore(