chore: prettier-plugin-sort-imports

Author: transitive-bullshit

.prettierrc

@@ -7,5 +7,14 @@
   "bracketSpacing": true,
   "bracketSameLine": false,
   "arrowParens": "always",
-  "trailingComma": "none"
+  "trailingComma": "none",
+  "importOrder": [
+    "^(react/(.*)$)|^(react$)|^(next/(.*)$)|^(next$)",
+    "<THIRD_PARTY_MODULES>",
+    "^(@/lib/(.*)$)|^(@/components/(.*)$)|^(@/styles/(.*)$)",
+    "^[./]"
+  ],
+  "importOrderSeparation": true,
+  "importOrderSortSpecifiers": true,
+  "importOrderGroupNamespaceSpecifiers": true
 }

examples/cra/src/App.tsx

@@ -1,11 +1,10 @@
-import { NotionRenderer } from 'react-notion-x'
 import { ExtendedRecordMap } from 'notion-types'
-
+import { NotionRenderer } from 'react-notion-x'
 import { Code } from 'react-notion-x/build/third-party/code'
 import { Collection } from 'react-notion-x/build/third-party/collection'
 import { Equation } from 'react-notion-x/build/third-party/equation'
-import { Pdf } from 'react-notion-x/build/third-party/pdf'
 import { Modal } from 'react-notion-x/build/third-party/modal'
+import { Pdf } from 'react-notion-x/build/third-party/pdf'
 
 import defaultRecordMap from './record-map.json'
 

examples/cra/src/index.tsx

@@ -1,16 +1,14 @@
 import * as React from 'react'
-import * as ReactDOM from 'react-dom'
-import App from './App'
 
+import * as ReactDOM from 'react-dom'
 // core styles shared by all of react-notion-x (required)
 import 'react-notion-x/src/styles.css'
 
+import App from './App'
 // used for code syntax highlighting (optional)
 // import 'prismjs/themes/prism-tomorrow.css'
-
 // used for rendering equations (optional)
 // import 'katex/dist/katex.min.css'
-
 import './index.css'
 
 ReactDOM.render(

examples/full/components/Loading.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
-import { LoadingIcon } from './LoadingIcon'
 
+import { LoadingIcon } from './LoadingIcon'
 import styles from './styles.module.css'
 
 export const Loading: React.FC = () => (

examples/full/components/LoadingIcon.tsx

@@ -1,5 +1,7 @@
 import * as React from 'react'
+
 import cs from 'classnames'
+
 import styles from './styles.module.css'
 
 export const LoadingIcon = (props) => {

examples/full/components/NotionPage.tsx

@@ -1,13 +1,13 @@
 import * as React from 'react'
+import dynamic from 'next/dynamic'
 import Head from 'next/head'
-import Link from 'next/link'
 import Image from 'next/image'
-import dynamic from 'next/dynamic'
+import Link from 'next/link'
 import { useRouter } from 'next/router'
 
-import { NotionRenderer } from 'react-notion-x'
 import { ExtendedRecordMap } from 'notion-types'
 import { getPageTitle } from 'notion-utils'
+import { NotionRenderer } from 'react-notion-x'
 import TweetEmbed from 'react-tweet-embed'
 
 import { Loading } from './Loading'

examples/full/lib/notion.ts

@@ -1,10 +1,10 @@
 import { Client } from '@notionhq/client'
-import { NotionCompatAPI } from 'notion-compat'
 import { NotionAPI } from 'notion-client'
+import { NotionCompatAPI } from 'notion-compat'
 import { ExtendedRecordMap, SearchParams, SearchResults } from 'notion-types'
 
+import { previewImagesEnabled, useOfficialNotionAPI } from './config'
 import { getPreviewImageMap } from './preview-images'
-import { useOfficialNotionAPI, previewImagesEnabled } from './config'
 
 const notion = useOfficialNotionAPI
   ? new NotionCompatAPI(new Client({ auth: process.env.NOTION_TOKEN }))

examples/full/lib/preview-images.ts

@@ -1,11 +1,10 @@
 import got from 'got'
 import lqip from 'lqip-modern'
+import { ExtendedRecordMap, PreviewImage, PreviewImageMap } from 'notion-types'
+import { getPageImageUrls } from 'notion-utils'
 import pMap from 'p-map'
 import pMemoize from 'p-memoize'
-
-import { ExtendedRecordMap, PreviewImage, PreviewImageMap } from 'notion-types'
 import { defaultMapImageUrl } from 'react-notion-x'
-import { getPageImageUrls } from 'notion-utils'
 
 // NOTE: this is just an example of how to pre-compute preview images.
 // Depending on how many images you're working with, this can potentially be

examples/full/pages/[pageId].tsx

@@ -1,17 +1,17 @@
 import * as React from 'react'
 
+import { ExtendedRecordMap } from 'notion-types'
 import { getAllPagesInSpace } from 'notion-utils'
 import { defaultMapPageUrl } from 'react-notion-x'
-import { ExtendedRecordMap } from 'notion-types'
 
 import * as notion from '../lib/notion'
 import { NotionPage } from '../components/NotionPage'
 import {
-  rootNotionPageId,
-  rootNotionSpaceId,
-  rootDomain,
   isDev,
-  previewImagesEnabled
+  previewImagesEnabled,
+  rootDomain,
+  rootNotionPageId,
+  rootNotionSpaceId
 } from '../lib/config'
 
 export const getStaticProps = async (context) => {

examples/full/pages/_app.tsx

@@ -1,15 +1,13 @@
 import * as React from 'react'
 
-import '../styles/globals.css'
-
-// core styles shared by all of react-notion-x (required)
-import 'react-notion-x/src/styles.css'
-
+// used for rendering equations (optional)
+import 'katex/dist/katex.min.css'
 // used for code syntax highlighting (optional)
 import 'prismjs/themes/prism-tomorrow.css'
+// core styles shared by all of react-notion-x (required)
+import 'react-notion-x/src/styles.css'
 
-// used for rendering equations (optional)
-import 'katex/dist/katex.min.css'
+import '../styles/globals.css'
 
 function MyApp({ Component, pageProps }) {
   return <Component {...pageProps} />