annotate type-only imports

.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 {

@app/client/src/pages/o/[slug]/index.tsx

@@ -6,12 +6,12 @@ import {
   useOrganizationSlug,
 } from "@app/components";
 import {
-  OrganizationPage_OrganizationFragment,
+  type OrganizationPage_OrganizationFragment,
   useOrganizationPageQuery,
 } from "@app/graphql";
 import { Col, Empty, Row } from "antd";
-import { NextPage } from "next";
-import React, { FC } from "react";
+import { type NextPage } from "next";
+import React, { type FC } from "react";
 
 const OrganizationPage: NextPage = () => {
   const slug = useOrganizationSlug();

@app/client/src/pages/o/[slug]/settings/delete.tsx

@@ -1,5 +1,5 @@
 import { PageHeader } from "@ant-design/pro-layout";
-import { ApolloError } from "@apollo/client";
+import { type ApolloError } from "@apollo/client";
 import {
   AuthRestrict,
   ErrorAlert,
@@ -10,15 +10,15 @@ import {
   useOrganizationSlug,
 } from "@app/components";
 import {
-  OrganizationPage_OrganizationFragment,
-  SharedLayout_UserFragment,
+  type OrganizationPage_OrganizationFragment,
+  type SharedLayout_UserFragment,
   useDeleteOrganizationMutation,
   useOrganizationPageQuery,
 } from "@app/graphql";
 import { Alert, Button, message, Popconfirm } from "antd";
-import { NextPage } from "next";
+import { type NextPage } from "next";
 import { useRouter } from "next/router";
-import React, { FC, useCallback, useState } from "react";
+import React, { type FC, useCallback, useState } from "react";
 
 const OrganizationSettingsPage: NextPage = () => {
   const slug = useOrganizationSlug();

@app/client/src/pages/o/[slug]/settings/index.tsx

@@ -8,16 +8,16 @@ import {
   useOrganizationSlug,
 } from "@app/components";
 import {
-  OrganizationPage_OrganizationFragment,
+  type OrganizationPage_OrganizationFragment,
   useOrganizationPageQuery,
   useUpdateOrganizationMutation,
 } from "@app/graphql";
 import { extractError, formItemLayout, tailFormItemLayout } from "@app/lib";
 import { Alert, Button, Form, Input, message } from "antd";
-import { NextPage } from "next";
+import { type NextPage } from "next";
 import Router, { useRouter } from "next/router";
-import { Store } from "rc-field-form/lib/interface";
-import React, { FC, useCallback, useState } from "react";
+import { type Store } from "rc-field-form/lib/interface";
+import React, { type FC, useCallback, useState } from "react";
 
 const { useForm } = Form;
 

@app/client/src/pages/o/[slug]/settings/members.tsx

@@ -8,9 +8,9 @@ import {
   useOrganizationSlug,
 } from "@app/components";
 import {
-  OrganizationMembers_MembershipFragment,
-  OrganizationMembers_OrganizationFragment,
-  SharedLayout_UserFragment,
+  type OrganizationMembers_MembershipFragment,
+  type OrganizationMembers_OrganizationFragment,
+  type SharedLayout_UserFragment,
   useInviteToOrganizationMutation,
   useOrganizationMembersQuery,
   useRemoveFromOrganizationMutation,
@@ -29,10 +29,10 @@ import {
   Typography,
 } from "antd";
 import Text from "antd/lib/typography/Text";
-import { NextPage } from "next";
+import { type NextPage } from "next";
 import { useRouter } from "next/router";
-import { Store } from "rc-field-form/lib/interface";
-import React, { FC, useCallback, useState } from "react";
+import { type Store } from "rc-field-form/lib/interface";
+import React, { type FC, useCallback, useState } from "react";
 
 const { useForm } = Form;
 

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

@@ -1,4 +1,4 @@
-import { NextPage } from "next";
+import { type NextPage } from "next";
 import Router from "next/router";
 import React, { useEffect } from "react";
 

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

@@ -1,5 +1,5 @@
 import { QuestionCircleOutlined } from "@ant-design/icons";
-import { ApolloError, useApolloClient } from "@apollo/client";
+import { type ApolloError, useApolloClient } from "@apollo/client";
 import {
   AuthRestrict,
   PasswordStrength,
@@ -16,12 +16,12 @@ import {
   setPasswordInfo,
   tailFormItemLayout,
 } from "@app/lib";
-import { Alert, Button, Form, Input, InputRef, Tooltip } from "antd";
-import { NextPage } from "next";
+import { Alert, Button, Form, Input, type InputRef, Tooltip } from "antd";
+import { type NextPage } from "next";
 import Router from "next/router";
-import { Store } from "rc-field-form/lib/interface";
+import { type Store } from "rc-field-form/lib/interface";
 import React, {
-  FocusEvent,
+  type FocusEvent,
   useCallback,
   useEffect,
   useRef,

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

@@ -9,9 +9,9 @@ import { useResetPasswordMutation, useSharedQuery } from "@app/graphql";
 import { formItemLayout, setPasswordInfo, tailFormItemLayout } from "@app/lib";
 import { Alert, Button, Form, Input } from "antd";
 import get from "lodash/get";
-import { NextPage } from "next";
-import { Store } from "rc-field-form/lib/interface";
-import React, { FocusEvent, useCallback, useState } from "react";
+import { type NextPage } from "next";
+import { type Store } from "rc-field-form/lib/interface";
+import React, { type FocusEvent, useCallback, useState } from "react";
 
 const { useForm } = Form;
 

@app/client/src/pages/settings/accounts.tsx

@@ -9,12 +9,12 @@ import {
 } from "@app/components";
 import {
   useCurrentUserAuthenticationsQuery,
-  UserAuthentication,
+  type UserAuthentication,
   useSharedQuery,
   useUnlinkUserAuthenticationMutation,
 } from "@app/graphql";
 import { Avatar, Card, List, Modal, Spin } from "antd";
-import { NextPage } from "next";
+import { type NextPage } from "next";
 import React, { useCallback, useState } from "react";
 
 const AUTH_NAME_LOOKUP: Record<string, string | undefined> = {

@app/client/src/pages/settings/delete.tsx

@@ -1,5 +1,5 @@
 import { PageHeader } from "@ant-design/pro-layout";
-import { ApolloError } from "@apollo/client";
+import { type ApolloError } from "@apollo/client";
 import { ErrorAlert, P, SettingsLayout } from "@app/components";
 import {
   useConfirmAccountDeletionMutation,
@@ -8,7 +8,7 @@ import {
 } from "@app/graphql";
 import { getCodeFromError } from "@app/lib";
 import { Alert, Button, Modal, Typography } from "antd";
-import { NextPage } from "next";
+import { type NextPage } from "next";
 import { useRouter } from "next/router";
 import React, { useCallback, useState } from "react";
 

@app/client/src/pages/settings/emails.tsx

@@ -1,5 +1,5 @@
 import { PageHeader } from "@ant-design/pro-layout";
-import { ApolloError } from "@apollo/client";
+import { type ApolloError } from "@apollo/client";
 import {
   ErrorAlert,
   P,
@@ -8,7 +8,7 @@ import {
   Strong,
 } from "@app/components";
 import {
-  EmailsForm_UserEmailFragment,
+  type EmailsForm_UserEmailFragment,
   useAddEmailMutation,
   useDeleteEmailMutation,
   useMakeEmailPrimaryMutation,
@@ -22,8 +22,8 @@ import {
   tailFormItemLayout,
 } from "@app/lib";
 import { Alert, Avatar, Button, Form, Input, List } from "antd";
-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, useState } from "react";
 
 const { useForm } = Form;