annotate type-only imports

Author: AprilArcus

.eslintrc.js

@@ -77,6 +77,29 @@ module.exports = {
         "@graphql-eslint/variables-in-allowed-position": "error",
       },
     },
+    {
+      files: ["**/*.{ts,tsx}"],
+      rules: {
+        "@typescript-eslint/consistent-type-imports": [
+          "error",
+          {
+            prefer: "type-imports",
+            fixStyle: "inline-type-imports",
+          },
+        ],
+        "@typescript-eslint/no-unused-vars": [
+          "error",
+          {
+            argsIgnorePattern: "^_",
+            varsIgnorePattern: "^_",
+            args: "after-used",
+            ignoreRestSiblings: true,
+          },
+        ],
+        "import/consistent-type-specifier-style": ["error", "prefer-inline"],
+        "import/no-duplicates": ["error", { "prefer-inline": true }],
+      },
+    },
   ],
   parserOptions: {
     ecmaVersion: 2018,
@@ -111,15 +134,6 @@ module.exports = {
   rules: {
     "react-hooks/rules-of-hooks": "error",
     "react-hooks/exhaustive-deps": "error",
-    "@typescript-eslint/no-unused-vars": [
-      "error",
-      {
-        argsIgnorePattern: "^_",
-        varsIgnorePattern: "^_",
-        args: "after-used",
-        ignoreRestSiblings: true,
-      },
-    ],
     "no-unused-expressions": [
       "error",
       {

@app/__tests__/helpers.ts

@@ -1,4 +1,4 @@
-import { Pool, PoolClient } from "pg";
+import { Pool, type PoolClient } from "pg";
 
 const pools: { [key: string]: Pool } = {};
 

@app/client/src/pages/_app.tsx

@@ -2,7 +2,7 @@ import "antd/dist/reset.css";
 import "nprogress/nprogress.css";
 import "../styles.css";
 
-import { ApolloClient, ApolloProvider } from "@apollo/client";
+import { type ApolloClient, ApolloProvider } from "@apollo/client";
 import { setGraphileApp, withApollo } from "@app/lib";
 import { ConfigProvider, notification } from "antd";
 import App from "next/app";

@app/client/src/pages/_document.tsx

@@ -1,5 +1,5 @@
 import Document, {
-  DocumentContext,
+  type DocumentContext,
   Head,
   Html,
   Main,

@app/client/src/pages/_error.tsx

@@ -7,7 +7,7 @@ import {
 } from "@app/components";
 import { useSharedQuery } from "@app/graphql";
 import { Alert, Col, Row } from "antd";
-import { NextPage } from "next";
+import { type NextPage } from "next";
 import Link from "next/link";
 import * as React from "react";
 

@app/client/src/pages/create-organization/index.tsx

@@ -1,8 +1,8 @@
 import { PageHeader } from "@ant-design/pro-layout";
-import { ApolloError } from "@apollo/client";
+import { type ApolloError } from "@apollo/client";
 import { AuthRestrict, Redirect, SharedLayout } from "@app/components";
 import {
-  CreatedOrganizationFragment,
+  type CreatedOrganizationFragment,
   useCreateOrganizationMutation,
   useOrganizationBySlugLazyQuery,
   useSharedQuery,
@@ -15,8 +15,8 @@ import {
 } from "@app/lib";
 import { Alert, Button, Col, Form, Input, Row, Spin, Typography } from "antd";
 import { debounce } from "lodash";
-import { NextPage } from "next";
-import { Store } from "rc-field-form/lib/interface";
+import { type NextPage } from "next";
+import { type Store } from "rc-field-form/lib/interface";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import slugify from "slugify";
 

@app/client/src/pages/forgot.tsx

@@ -1,13 +1,12 @@
 import { UserOutlined } from "@ant-design/icons";
-import { ApolloError } from "@apollo/client";
+import { type ApolloError } from "@apollo/client";
 import { AuthRestrict, SharedLayout } from "@app/components";
 import { useForgotPasswordMutation, useSharedQuery } from "@app/graphql";
 import { extractError, getCodeFromError } from "@app/lib";
-import type { InputRef } from "antd";
-import { Alert, Button, Form, Input } from "antd";
-import { NextPage } from "next";
+import { Alert, Button, Form, Input, type InputRef } from "antd";
+import { type NextPage } from "next";
 import Link from "next/link";
-import { Store } from "rc-field-form/lib/interface";
+import { type Store } from "rc-field-form/lib/interface";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 
 const { useForm } = Form;

@app/client/src/pages/index.tsx

@@ -3,7 +3,7 @@ import * as React from "react";
 const { Text, Title, Paragraph } = Typography;
 import { SharedLayout } from "@app/components";
 import { useSharedQuery } from "@app/graphql";
-import { NextPage } from "next";
+import { type NextPage } from "next";
 
 // Convenience helper
 const Li = ({ children, ...props }: any) => (

@app/client/src/pages/invitations/accept.tsx

@@ -1,4 +1,4 @@
-import { QueryResult } from "@apollo/client";
+import { type QueryResult } from "@apollo/client";
 import {
   AuthRestrict,
   ButtonLink,
@@ -8,18 +8,18 @@ import {
   SpinPadded,
 } from "@app/components";
 import {
-  InvitationDetailQuery,
-  InvitationDetailQueryVariables,
-  SharedLayout_UserFragment,
+  type InvitationDetailQuery,
+  type InvitationDetailQueryVariables,
+  type SharedLayout_UserFragment,
   useAcceptOrganizationInviteMutation,
   useInvitationDetailQuery,
 } from "@app/graphql";
 import { getCodeFromError } from "@app/lib";
 import { Button, Col, Result, Row, Skeleton } from "antd";
-import { NextPage } from "next";
-import Router, { NextRouter, useRouter } from "next/router";
+import { type NextPage } from "next";
+import Router, { type NextRouter, useRouter } from "next/router";
 import * as qs from "querystring";
-import React, { FC } from "react";
+import React, { type FC } from "react";
 
 interface IProps {
   id: string | null;

@app/client/src/pages/login.tsx

@@ -1,13 +1,13 @@
 import { LockOutlined, UserAddOutlined, UserOutlined } from "@ant-design/icons";
-import { ApolloError, useApolloClient } from "@apollo/client";
+import { type ApolloError, useApolloClient } from "@apollo/client";
 import {
   AuthRestrict,
   ButtonLink,
   Col,
   Redirect,
   Row,
   SharedLayout,
-  SharedLayoutChildProps,
+  type SharedLayoutChildProps,
   SocialLoginOptions,
 } from "@app/components";
 import { useLoginMutation, useSharedQuery } from "@app/graphql";
@@ -16,12 +16,11 @@ import {
   getCodeFromError,
   resetWebsocketConnection,
 } from "@app/lib";
-import type { InputRef } from "antd";
-import { Alert, Button, Form, Input } from "antd";
-import { NextPage } from "next";
+import { Alert, Button, Form, Input, type InputRef } from "antd";
+import { type NextPage } from "next";
 import Link from "next/link";
 import Router from "next/router";
-import { Store } from "rc-field-form/lib/interface";
+import { type Store } from "rc-field-form/lib/interface";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 
 interface LoginProps {