chore: add prettier plugin to order imports

Author: sneko

.prettierrc.js

@@ -4,4 +4,8 @@ module.exports = {
   singleQuote: true,
   tabWidth: 2,
   useTabs: false,
+  plugins: [require.resolve('@trivago/prettier-plugin-sort-imports')],
+  importOrder: ['<THIRD_PARTY_MODULES>', '^@socialgouv/(.*)$', '^[./]'],
+  importOrderSeparation: true,
+  importOrderSortSpecifiers: true,
 }

docs/docs/getting-started/04-devtools.md

@@ -5,10 +5,11 @@
 Create a `Devtools` React component :
 
 ```tsx
+import React from 'react'
+
 import '@socialgouv/e2esdk-devtools'
 import { E2ESDKDevtoolsElement } from '@socialgouv/e2esdk-devtools'
 import { useE2ESDKClient } from '@socialgouv/e2esdk-react'
-import React from 'react'
 
 export const Devtools = () => {
   const client = useE2ESDKClient()

docs/docs/how-to/01-authentication.md

@@ -92,6 +92,7 @@ In React, you can use the `useE2ESDKClientIdentity` hook:
 
 ```tsx
 import React from 'react'
+
 import { useE2ESDKClientIdentity } from '@socialgouv/e2esdk-react'
 
 export const Profile: React.FC = () => {

docs/docs/how-to/02-keys.md

@@ -118,6 +118,7 @@ In React, you can use the `useE2ESDKClientKeys` hook:
 
 ```tsx
 import React from 'react'
+
 import { useE2ESDKClientKeys } from '@socialgouv/e2esdk-react'
 
 export const Keys: React.FC = () => {

docs/docs/how-to/05-forms.md

@@ -42,8 +42,8 @@ rewriting the public key to one it controls.
 
 ```ts
 import {
-  initializeEncryptedFormLocalState,
   encryptFormData,
+  initializeEncryptedFormLocalState,
 } from '@socialgouv/e2esdk-crypto'
 
 async function onSubmit(formValues: Record<string, any>) {
@@ -149,9 +149,9 @@ You can then download the encrypted contents, and use the key in the metadata to
 
 ```ts
 import {
-  decryptFileContents,
   FileMetadata,
   Sodium,
+  decryptFileContents,
 } from '@socialgouv/e2esdk-crypto'
 
 async function downloadAndDecryptFile(sodium: Sodium, metadata: FileMetadata) {
@@ -197,9 +197,9 @@ On the submitter side, edition can be performed by:
 
 ```ts
 import {
+  decryptFormForEdition,
   initializeEncryptedFormLocalState,
   persistEncryptedFormLocalState,
-  decryptFormForEdition,
 } from '@socialgouv/e2esdk-crypto'
 
 const NAMESPACE = 'my-form'

docs/src/components/HomepageFeatures/index.tsx

@@ -1,5 +1,6 @@
-import React from 'react'
 import clsx from 'clsx'
+import React from 'react'
+
 import styles from './styles.module.css'
 
 type FeatureItem = {

examples/fullstack/contact-forms/eslint.config.mjs

@@ -1,5 +1,5 @@
-import { defineConfig } from 'eslint/config'
 import nextCoreWebVitals from 'eslint-config-next/core-web-vitals'
+import { defineConfig } from 'eslint/config'
 import path from 'node:path'
 import { fileURLToPath } from 'node:url'
 

examples/fullstack/contact-forms/src/components/EncryptedAvatar.tsx

@@ -1,9 +1,10 @@
 import { Avatar, AvatarProps } from '@chakra-ui/react'
-import type { FileMetadata } from '@socialgouv/e2esdk-crypto'
-import { useE2ESDKClient } from '@socialgouv/e2esdk-react'
 import { downloadAndDecryptFile } from 'lib/files'
 import React from 'react'
 
+import type { FileMetadata } from '@socialgouv/e2esdk-crypto'
+import { useE2ESDKClient } from '@socialgouv/e2esdk-react'
+
 export type EncryptedAvatarProps = Omit<AvatarProps, 'src'> & {
   metadata: FileMetadata
 }

examples/fullstack/contact-forms/src/components/ShareKeyPopup.tsx

@@ -12,12 +12,14 @@ import {
   PopoverTrigger,
   useDisclosure,
 } from '@chakra-ui/react'
-import { PublicUserIdentity } from '@socialgouv/e2esdk-client'
-import { useE2ESDKClient } from '@socialgouv/e2esdk-react'
 import { useSubmissionCommentsKey } from 'lib/comments'
 import React from 'react'
 import FocusLock from 'react-focus-lock'
 import { FiShare2, FiShield } from 'react-icons/fi'
+
+import { PublicUserIdentity } from '@socialgouv/e2esdk-client'
+import { useE2ESDKClient } from '@socialgouv/e2esdk-react'
+
 import { UserIdentityInput } from './UserIdentityInput'
 
 type ShareKeyPopupProps = ButtonProps & {

examples/fullstack/contact-forms/src/components/UserIdentityInput.tsx

@@ -11,11 +11,12 @@ import {
   InputRightElement,
   Spinner,
 } from '@chakra-ui/react'
-import type { PublicUserIdentity } from '@socialgouv/e2esdk-client'
-import { useE2ESDKClient } from '@socialgouv/e2esdk-react'
 import React from 'react'
 import { FiUser } from 'react-icons/fi'
 
+import type { PublicUserIdentity } from '@socialgouv/e2esdk-client'
+import { useE2ESDKClient } from '@socialgouv/e2esdk-react'
+
 type UserIdentityInputProps = FormControlProps & {
   label?: string
   identity: PublicUserIdentity | null