chore: emit source maps

.prettierrc

@@ -1,6 +1,8 @@
 {
-  "arrowParens": "always",
-  "bracketSpacing": false,
+  "jsxBracketSameLine": true,
+  "semi": true,
   "singleQuote": true,
-  "trailingComma": "all"
+  "trailingComma": "all",
+  "arrowParens": "always",
+  "bracketSpacing": true
 }

package.json

@@ -59,6 +59,7 @@
     "mutationobserver-shim": "^0.3.5",
     "nock": "^12.0.3",
     "prettier": "^2.0.5",
+    "prettier-plugin-organize-imports": "^1.1.0",
     "pretty-quick": "^2.0.1",
     "ts-jest": "26.1.0",
     "typescript": "^3.9.5"

src/App.test.tsx

@@ -1,8 +1,8 @@
-import React, {Suspense} from 'react';
 import { render } from '@testing-library/react';
+import 'mutationobserver-shim';
+import React, { Suspense } from 'react';
 import { BrowserRouter as Router } from 'react-router-dom';
 import App from './App';
-import 'mutationobserver-shim';
 
 it('renders welcome message', async () => {
   const { findByText } = render(

src/App.tsx

@@ -1,26 +1,25 @@
+import Tooltip from 'rc-tooltip';
 import React from 'react';
-import styled, {createGlobalStyle} from 'styled-components';
 import { Helmet } from 'react-helmet';
 import { useTranslation } from 'react-i18next';
-import {Switch, Route, useParams, Redirect} from 'react-router-dom';
-import {IoIosRocket, IoIosFlash} from 'react-icons/io';
-import Tooltip from 'rc-tooltip';
-
-import Welcome from './components/Welcome';
-import Form from './components/Form';
+import { IoIosFlash, IoIosRocket } from 'react-icons/io';
+import { Redirect, Route, Switch, useParams } from 'react-router-dom';
+import styled, { createGlobalStyle } from 'styled-components';
 import Cards from './components/cards';
-import Footer from './components/Footer';
 import {
-  ResultItem,
-  ResultIcon,
-  ResultName,
-  COLORS as ResultColor,
   AvailableIcon,
+  COLORS as ResultColor,
+  ResultIcon,
+  ResultItem,
+  ResultName,
 } from './components/cards/core';
+import Footer from './components/Footer';
+import Form from './components/Form';
+import Welcome from './components/Welcome';
+import { useStoreState } from './store';
 import { mobile } from './util/css';
 import { isStandalone } from './util/pwa';
 import { sanitize } from './util/text';
-import {useStoreState} from './store';
 
 export default function App() {
   return (
@@ -127,8 +126,7 @@ function Stat() {
       <Tooltip
         overlay={t('uniqueness.description')}
         placement="top"
-        trigger={['hover']}
-      >
+        trigger={['hover']}>
         <span>
           {uniquenessText} ({(uniqueness * 100).toFixed(1)} UNIQ)
         </span>

src/components/cards/core.tsx

@@ -1,16 +1,15 @@
-import React, {useState, useEffect, Suspense} from 'react';
-import styled from 'styled-components';
 import useFetch from 'fetch-suspense';
 import Tooltip from 'rc-tooltip';
-import BarLoader from 'react-spinners/BarLoader';
+import React, { Suspense, useEffect, useState } from 'react';
+import { OutboundLink } from 'react-ga';
+import { useTranslation } from 'react-i18next';
 import { GoInfo } from 'react-icons/go';
 import { IoIosFlash } from 'react-icons/io';
-import {useTranslation} from 'react-i18next';
-import {OutboundLink} from 'react-ga';
-
+import BarLoader from 'react-spinners/BarLoader';
+import styled from 'styled-components';
+import { useStoreActions } from '../../store';
 import { sendError, sendExpandEvent } from '../../util/analytics';
 import { mobile } from '../../util/css';
-import {useStoreActions} from '../../store';
 
 export const COLORS = {
   available: '#6e00ff',
@@ -220,8 +219,7 @@ export const Result: React.FC<{
               <OutboundLink
                 to={link}
                 eventLabel={link.split('/')[2]}
-                target="_blank"
-              >
+                target="_blank">
                 {content}
               </OutboundLink>
             ) : (
@@ -276,8 +274,7 @@ class ErrorBoundary extends React.Component<
               this.state.eventId ? ` (${this.state.eventId})` : ''
             }`}
             placement="top"
-            trigger={['hover']}
-          >
+            trigger={['hover']}>
             <ResultItem color={COLORS.error}>
               <ResultIcon>
                 <GoInfo />
@@ -299,8 +296,7 @@ const ErrorHandler: React.FC = ({children}) => (
         <ResultContainer>
           <BarLoader />
         </ResultContainer>
-      }
-    >
+      }>
       {children}
     </Suspense>
   </ErrorBoundary>

src/components/cards/index.tsx

@@ -1,31 +1,30 @@
 import React from 'react';
-import styled from 'styled-components';
 import { useTranslation } from 'react-i18next';
+import styled from 'styled-components';
 import { mobile } from '../../util/css';
-
+import AppStoreCard from './providers/AppStore';
+import CratesioCard from './providers/Cratesio';
 import DomainCard from './providers/Domains';
+import FirebaseCard from './providers/Firebase';
 import GithubCard from './providers/GitHubRepository';
+import GithubSearchCard from './providers/GitHubSearch';
 import GitLabCard from './providers/GitLab';
+import HerokuCard from './providers/Heroku';
+import HomebrewCard from './providers/Homebrew';
+import InstagramCard from './providers/Instagram';
+import JsOrgCard from './providers/JsOrg';
+import LinuxCard from './providers/Linux';
+import NetlifyCard from './providers/Netlify';
 import NpmCard from './providers/Npm';
+import NtaCard from './providers/Nta';
+import OcamlCard from './providers/Ocaml';
 import PypiCard from './providers/PyPI';
 import RubyGemsCard from './providers/RubyGems';
-import CratesioCard from './providers/Cratesio';
-import HomebrewCard from './providers/Homebrew';
-import LinuxCard from './providers/Linux';
-import TwitterCard from './providers/Twitter';
-import InstagramCard from './providers/Instagram';
-import SpectrumCard from './providers/Spectrum';
-import SlackCard from './providers/Slack';
 import S3Card from './providers/S3';
-import JsOrgCard from './providers/JsOrg';
-import GithubSearchCard from './providers/GitHubSearch';
-import AppStoreCard from './providers/AppStore';
-import HerokuCard from './providers/Heroku';
+import SlackCard from './providers/Slack';
+import SpectrumCard from './providers/Spectrum';
+import TwitterCard from './providers/Twitter';
 import VercelCard from './providers/Vercel';
-import NtaCard from './providers/Nta';
-import NetlifyCard from './providers/Netlify';
-import OcamlCard from './providers/Ocaml';
-import FirebaseCard from './providers/Firebase';
 
 const Index: React.FC<{ query: string }> = ({ query }) => {
   const {

src/components/cards/providers/AppStore.tsx

@@ -1,8 +1,7 @@
-import React from 'react';
 import useFetch from 'fetch-suspense';
+import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { FaAppStore, FaInfoCircle } from 'react-icons/fa';
-
 import { Card, Result } from '../core';
 
 const Search: React.FC<{ query: string }> = ({ query }) => {

src/index.tsx

@@ -1,21 +1,19 @@
+import { StoreProvider } from 'easy-peasy';
+import { createBrowserHistory } from 'history';
+import 'rc-tooltip/assets/bootstrap.css';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { Router } from 'react-router-dom';
-import {StoreProvider} from 'easy-peasy';
-import {createBrowserHistory} from 'history';
-import {ToastContainer, toast} from 'react-toastify';
-
+import { toast, ToastContainer } from 'react-toastify';
 import 'react-toastify/dist/ReactToastify.css';
-import 'rc-tooltip/assets/bootstrap.css';
-
 import App from './App';
 import * as serviceWorker from './serviceWorker';
-import {FullScreenSuspense} from './util/suspense';
-import {wrapHistoryWithGA, initSentry} from './util/analytics';
-import {initCrisp} from './util/crip';
-import {compose} from './util/array';
 import { store, wrapHistoryWithStoreHandler } from './store';
+import { initSentry, wrapHistoryWithGA } from './util/analytics';
+import { compose } from './util/array';
+import { initCrisp } from './util/crip';
 import './util/i18n';
+import { FullScreenSuspense } from './util/suspense';
 
 initSentry();
 initCrisp();

src/util/hooks.test.tsx

@@ -1,7 +1,7 @@
-import React from 'react';
 import { render, waitFor } from '@testing-library/react';
-import {useDeferredState} from './hooks';
 import 'mutationobserver-shim';
+import React from 'react';
+import { useDeferredState } from './hooks';
 
 const App: React.FC = () => {
   const [value, setValue] = useDeferredState(500, 0);

src/util/hooks.ts

@@ -1,4 +1,4 @@
-import {useState, useEffect} from 'react';
+import { useEffect, useState } from 'react';
 
 export function useDeferredState<T>(
   duration = 1000,

tsconfig.json

@@ -1,13 +1,14 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": ["dom", "dom.iterable", "ESNext"],
     "skipLibCheck": true,
     "esModuleInterop": true,
+    "sourceMap": true,
     "allowSyntheticDefaultImports": true,
     "strict": true,
     "forceConsistentCasingInFileNames": true,
-    "module": "esnext",
+    "module": "ESNext",
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,

yarn.lock

@@ -9572,6 +9572,11 @@ prepend-http@^1.0.0:
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
   integrity sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw=
 
+prettier-plugin-organize-imports@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/prettier-plugin-organize-imports/-/prettier-plugin-organize-imports-1.1.0.tgz#92a4568c9952c7a2f266f607513405f3e108a070"
+  integrity sha512-FqEbM+NA/8kDUCQIB+avdkWxJPvg86Shg1GeQsaE8OCi8BQ+TwyPKRdF/6JUZJX0V7VoevG7MVLhPq21fYIG3A==
+
 prettier@^2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.0.5.tgz#d6d56282455243f2f92cc1716692c08aa31522d4"