sorted imports

biome.json

@@ -5,7 +5,8 @@
     "useIgnoreFile": true
   },
   "organizeImports": {
-    "enabled": true
+    "enabled": true,
+    "ignore": ["./api", "./gen"]
   },
   "formatter": {
     "indentStyle": "space",

src/components/App.tsx

@@ -43,7 +43,7 @@ import { ProfileSubscriptionsPage } from '../pages/profile/profileSubscriptions.
 import { SearchPage } from '../pages/search.page'
 import { TopicPage } from '../pages/topic.page'
 import { ROUTES, useRouter } from '../stores/router'
-import { hideModal, MODALS, showModal } from '../stores/ui'
+import { MODALS, hideModal, showModal } from '../stores/ui'
 
 // TODO: lazy load
 // const SomePage = lazy(() => import('./Pages/SomePage'))

src/components/Article/AudioHeader/AudioHeader.tsx

@@ -1,11 +1,11 @@
 import { clsx } from 'clsx'
-import { createSignal, Show } from 'solid-js'
+import { Show, createSignal } from 'solid-js'
 
 import { Topic } from '../../../graphql/schema/core.gen'
 import { MediaItem } from '../../../pages/types'
+import { CardTopic } from '../../Feed/CardTopic'
 import { Icon } from '../../_shared/Icon'
 import { Image } from '../../_shared/Image'
-import { CardTopic } from '../../Feed/CardTopic'
 
 import styles from './AudioHeader.module.scss'
 

src/components/Article/AudioPlayer/AudioPlayer.tsx

@@ -1,4 +1,4 @@
-import { createEffect, createMemo, createSignal, on, onMount, Show } from 'solid-js'
+import { Show, createEffect, createMemo, createSignal, on, onMount } from 'solid-js'
 
 import { MediaItem } from '../../../pages/types'
 

src/components/Article/AudioPlayer/PlayerHeader.tsx

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx'
-import { createSignal, Show } from 'solid-js'
+import { Show, createSignal } from 'solid-js'
 
 import { MediaItem } from '../../../pages/types'
 import { useOutsideClickHandler } from '../../../utils/useOutsideClickHandler'

src/components/Article/AudioPlayer/PlayerPlaylist.tsx

@@ -1,5 +1,5 @@
 import { gtag } from 'ga-gtag'
-import { createSignal, For, lazy, Show } from 'solid-js'
+import { For, Show, createSignal, lazy } from 'solid-js'
 
 import { useLocalize } from '../../../context/localize'
 import { MediaItem } from '../../../pages/types'

src/components/Article/Comment/Comment.tsx

@@ -1,6 +1,6 @@
 import { getPagePath } from '@nanostores/router'
 import { clsx } from 'clsx'
-import { Show, createMemo, createSignal, For, lazy, Suspense } from 'solid-js'
+import { For, Show, Suspense, createMemo, createSignal, lazy } from 'solid-js'
 
 import { useConfirm } from '../../../context/confirm'
 import { useLocalize } from '../../../context/localize'
@@ -9,10 +9,10 @@ import { useSession } from '../../../context/session'
 import { useSnackbar } from '../../../context/snackbar'
 import { Author, Reaction, ReactionKind } from '../../../graphql/schema/core.gen'
 import { router } from '../../../stores/router'
-import { Icon } from '../../_shared/Icon'
-import { ShowIfAuthenticated } from '../../_shared/ShowIfAuthenticated'
 import { AuthorLink } from '../../Author/AuthorLink'
 import { Userpic } from '../../Author/Userpic'
+import { Icon } from '../../_shared/Icon'
+import { ShowIfAuthenticated } from '../../_shared/ShowIfAuthenticated'
 import { CommentDate } from '../CommentDate'
 import { CommentRatingControl } from '../CommentRatingControl'
 

src/components/Article/CommentsTree.tsx

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx'
-import { Show, createMemo, createSignal, onMount, For, lazy } from 'solid-js'
+import { For, Show, createMemo, createSignal, lazy, onMount } from 'solid-js'
 
 import { useLocalize } from '../../context/localize'
 import { useReactions } from '../../context/reactions'

src/components/Article/CoverImage/CoverImage.tsx

@@ -1,9 +1,6 @@
 import type { CoverImageProps } from './types'
 
 import { CoverImage1 } from './images/CoverImage1'
-import { CoverImage10 } from './images/CoverImage10'
-import { CoverImage11 } from './images/CoverImage11'
-import { CoverImage12 } from './images/CoverImage12'
 import { CoverImage2 } from './images/CoverImage2'
 import { CoverImage3 } from './images/CoverImage3'
 import { CoverImage4 } from './images/CoverImage4'
@@ -12,6 +9,9 @@ import { CoverImage6 } from './images/CoverImage6'
 import { CoverImage7 } from './images/CoverImage7'
 import { CoverImage8 } from './images/CoverImage8'
 import { CoverImage9 } from './images/CoverImage9'
+import { CoverImage10 } from './images/CoverImage10'
+import { CoverImage11 } from './images/CoverImage11'
+import { CoverImage12 } from './images/CoverImage12'
 
 // not pretty, but I don't want to use dynamic imports
 const coverImages = [

src/components/Article/FullArticle.tsx

@@ -5,7 +5,7 @@ import { createPopper } from '@popperjs/core'
 import { Link, Meta } from '@solidjs/meta'
 import { clsx } from 'clsx'
 import { install } from 'ga-gtag'
-import { createEffect, For, createMemo, onMount, Show, createSignal, onCleanup, on } from 'solid-js'
+import { For, Show, createEffect, createMemo, createSignal, on, onCleanup, onMount } from 'solid-js'
 import { isServer } from 'solid-js/web'
 
 import { useLocalize } from '../../context/localize'
@@ -18,6 +18,11 @@ import { capitalize } from '../../utils/capitalize'
 import { isCyrillic } from '../../utils/cyrillic'
 import { getImageUrl, getOpenGraphImageUrl } from '../../utils/getImageUrl'
 import { getDescription, getKeywords } from '../../utils/meta'
+import { AuthorBadge } from '../Author/AuthorBadge'
+import { CardTopic } from '../Feed/CardTopic'
+import { FeedArticlePopup } from '../Feed/FeedArticlePopup'
+import { Modal } from '../Nav/Modal'
+import { TableOfContents } from '../TableOfContents'
 import { Icon } from '../_shared/Icon'
 import { Image } from '../_shared/Image'
 import { InviteMembers } from '../_shared/InviteMembers'
@@ -26,20 +31,15 @@ import { Popover } from '../_shared/Popover'
 import { ShareModal } from '../_shared/ShareModal'
 import { ImageSwiper } from '../_shared/SolidSwiper'
 import { VideoPlayer } from '../_shared/VideoPlayer'
-import { AuthorBadge } from '../Author/AuthorBadge'
-import { CardTopic } from '../Feed/CardTopic'
-import { FeedArticlePopup } from '../Feed/FeedArticlePopup'
-import { Modal } from '../Nav/Modal'
-import { TableOfContents } from '../TableOfContents'
 
 import { AudioHeader } from './AudioHeader'
 import { AudioPlayer } from './AudioPlayer'
 import { CommentsTree } from './CommentsTree'
-import { getShareUrl, SharePopup } from './SharePopup'
+import { SharePopup, getShareUrl } from './SharePopup'
 import { ShoutRatingControl } from './ShoutRatingControl'
 
-import styles from './Article.module.scss'
 import stylesHeader from '../Nav/Header/Header.module.scss'
+import styles from './Article.module.scss'
 
 type Props = {
   article: Shout

src/components/Article/ShoutRatingControl.tsx

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx'
-import { createMemo, createSignal, Show } from 'solid-js'
+import { Show, createMemo, createSignal } from 'solid-js'
 
 import { useLocalize } from '../../context/localize'
 import { useReactions } from '../../context/reactions'

src/components/Article/Tooltip.tsx

@@ -1,5 +1,5 @@
+import { JSX, createSignal } from 'solid-js'
 import './Tooltip.scss'
-import { createSignal, JSX } from 'solid-js'
 
 interface TooltipProps {
   children?: JSX.Element

src/components/AuthGuard/AuthGuard.tsx

@@ -1,4 +1,4 @@
-import { createEffect, JSX, Show } from 'solid-js'
+import { JSX, Show, createEffect } from 'solid-js'
 
 import { useSession } from '../../context/session'
 import { RootSearchParams } from '../../pages/types'

src/components/Author/AuthorBadge/AuthorBadge.tsx

@@ -1,6 +1,6 @@
 import { openPage } from '@nanostores/router'
 import { clsx } from 'clsx'
-import { createEffect, createMemo, createSignal, Match, on, Show, Switch } from 'solid-js'
+import { Match, Show, Switch, createEffect, createMemo, createSignal, on } from 'solid-js'
 
 import { useFollowing } from '../../../context/following'
 import { useLocalize } from '../../../context/localize'
@@ -16,8 +16,8 @@ import { ConditionalWrapper } from '../../_shared/ConditionalWrapper'
 import { Icon } from '../../_shared/Icon'
 import { Userpic } from '../Userpic'
 
-import styles from './AuthorBadge.module.scss'
 import stylesButton from '../../_shared/Button/Button.module.scss'
+import styles from './AuthorBadge.module.scss'
 
 type FollowedInfo = {
   value?: boolean

src/components/Author/AuthorCard/AuthorCard.tsx

@@ -2,7 +2,7 @@ import type { Author, Community } from '../../../graphql/schema/core.gen'
 
 import { openPage, redirectPage } from '@nanostores/router'
 import { clsx } from 'clsx'
-import { createEffect, createMemo, createSignal, For, on, onMount, Show } from 'solid-js'
+import { For, Show, createEffect, createMemo, createSignal, on, onMount } from 'solid-js'
 
 import { useFollowing } from '../../../context/following'
 import { useLocalize } from '../../../context/localize'
@@ -13,16 +13,16 @@ import { router, useRouter } from '../../../stores/router'
 import { isCyrillic } from '../../../utils/cyrillic'
 import { isAuthor } from '../../../utils/isAuthor'
 import { translit } from '../../../utils/ru2en'
-import { Button } from '../../_shared/Button'
-import { ShowOnlyOnClient } from '../../_shared/ShowOnlyOnClient'
-import { getShareUrl, SharePopup } from '../../Article/SharePopup'
+import { SharePopup, getShareUrl } from '../../Article/SharePopup'
 import { Modal } from '../../Nav/Modal'
 import { TopicBadge } from '../../Topic/TopicBadge'
+import { Button } from '../../_shared/Button'
+import { ShowOnlyOnClient } from '../../_shared/ShowOnlyOnClient'
 import { AuthorBadge } from '../AuthorBadge'
 import { Userpic } from '../Userpic'
 
-import styles from './AuthorCard.module.scss'
 import stylesButton from '../../_shared/Button/Button.module.scss'
+import styles from './AuthorCard.module.scss'
 
 type Props = {
   author: Author

src/components/Author/Userpic/Userpic.tsx

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx'
-import { createMemo, Show } from 'solid-js'
+import { Show, createMemo } from 'solid-js'
 
 import { ConditionalWrapper } from '../../_shared/ConditionalWrapper'
 import { Image } from '../../_shared/Image'

src/components/Discours/Footer.tsx

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx'
-import { createMemo, For } from 'solid-js'
+import { For, createMemo } from 'solid-js'
 
 import { useLocalize } from '../../context/localize'
 import { Icon } from '../_shared/Icon'

src/components/Editor/AudioUploader/AudioUploader.tsx

@@ -6,8 +6,8 @@ import { Show } from 'solid-js'
 import { useLocalize } from '../../../context/localize'
 import { MediaItem } from '../../../pages/types'
 import { composeMediaItems } from '../../../utils/composeMediaItems'
-import { DropArea } from '../../_shared/DropArea'
 import { AudioPlayer } from '../../Article/AudioPlayer'
+import { DropArea } from '../../_shared/DropArea'
 
 import styles from './AudioUploader.module.scss'
 

src/components/Editor/BubbleMenu/FigureBubbleMenu.tsx

@@ -3,9 +3,9 @@ import type { Editor } from '@tiptap/core'
 import { useLocalize } from '../../../context/localize'
 import { UploadedFile } from '../../../pages/types'
 import { renderUploadedImage } from '../../../utils/renderUploadedImage'
+import { Modal } from '../../Nav/Modal'
 import { Icon } from '../../_shared/Icon'
 import { Popover } from '../../_shared/Popover'
-import { Modal } from '../../Nav/Modal'
 import { UploadModalContent } from '../UploadModalContent'
 
 import styles from './BubbleMenu.module.scss'

src/components/Editor/BubbleMenu/IncutBubbleMenu.tsx

@@ -1,7 +1,7 @@
 import type { Editor } from '@tiptap/core'
 
 import { clsx } from 'clsx'
-import { createSignal, Show, For } from 'solid-js'
+import { For, Show, createSignal } from 'solid-js'
 
 import { useLocalize } from '../../../context/localize'
 import { Icon } from '../../_shared/Icon'

src/components/Editor/Editor.tsx

@@ -38,8 +38,9 @@ import { useSession } from '../../context/session'
 import { useSnackbar } from '../../context/snackbar'
 import { handleImageUpload } from '../../utils/handleImageUpload'
 
-import { FigureBubbleMenu, BlockquoteBubbleMenu, IncutBubbleMenu } from './BubbleMenu'
+import { BlockquoteBubbleMenu, FigureBubbleMenu, IncutBubbleMenu } from './BubbleMenu'
 import { EditorFloatingMenu } from './EditorFloatingMenu'
+import { TextBubbleMenu } from './TextBubbleMenu'
 import Article from './extensions/Article'
 import { CustomBlockquote } from './extensions/CustomBlockquote'
 import { Figcaption } from './extensions/Figcaption'
@@ -49,7 +50,6 @@ import { Iframe } from './extensions/Iframe'
 import { Span } from './extensions/Span'
 import { ToggleTextWrap } from './extensions/ToggleTextWrap'
 import { TrailingNode } from './extensions/TrailingNode'
-import { TextBubbleMenu } from './TextBubbleMenu'
 
 import './Prosemirror.scss'
 

src/components/Editor/EditorFloatingMenu/EditorFloatingMenu.tsx

@@ -1,15 +1,15 @@
-import type { MenuItem } from './Menu/Menu'
 import type { Editor } from '@tiptap/core'
+import type { MenuItem } from './Menu/Menu'
 
-import { createEffect, createSignal, Show } from 'solid-js'
+import { Show, createEffect, createSignal } from 'solid-js'
 
 import { useLocalize } from '../../../context/localize'
 import { UploadedFile } from '../../../pages/types'
 import { showModal } from '../../../stores/ui'
 import { renderUploadedImage } from '../../../utils/renderUploadedImage'
 import { useOutsideClickHandler } from '../../../utils/useOutsideClickHandler'
-import { Icon } from '../../_shared/Icon'
 import { Modal } from '../../Nav/Modal'
+import { Icon } from '../../_shared/Icon'
 import { InlineForm } from '../InlineForm'
 import { UploadModalContent } from '../UploadModalContent'
 

src/components/Editor/Panel/Panel.tsx

@@ -1,6 +1,6 @@
 import { getPagePath } from '@nanostores/router'
 import { clsx } from 'clsx'
-import { createSignal, Show } from 'solid-js'
+import { Show, createSignal } from 'solid-js'
 import { useEditorHTML } from 'solid-tiptap'
 import Typograf from 'typograf'
 

src/components/Editor/SimplifiedEditor.tsx

@@ -10,7 +10,7 @@ import { Paragraph } from '@tiptap/extension-paragraph'
 import { Placeholder } from '@tiptap/extension-placeholder'
 import { Text } from '@tiptap/extension-text'
 import { clsx } from 'clsx'
-import { createEffect, createMemo, createSignal, onCleanup, onMount, Show } from 'solid-js'
+import { Show, createEffect, createMemo, createSignal, onCleanup, onMount } from 'solid-js'
 import { Portal } from 'solid-js/web'
 import {
   createEditorTransaction,
@@ -24,17 +24,17 @@ import { useEditorContext } from '../../context/editor'
 import { useLocalize } from '../../context/localize'
 import { UploadedFile } from '../../pages/types'
 import { hideModal, showModal } from '../../stores/ui'
+import { Modal } from '../Nav/Modal'
 import { Button } from '../_shared/Button'
 import { Icon } from '../_shared/Icon'
 import { Popover } from '../_shared/Popover'
 import { ShowOnlyOnClient } from '../_shared/ShowOnlyOnClient'
-import { Modal } from '../Nav/Modal'
 
-import { Figcaption } from './extensions/Figcaption'
-import { Figure } from './extensions/Figure'
 import { LinkBubbleMenuModule } from './LinkBubbleMenu'
 import { TextBubbleMenu } from './TextBubbleMenu'
 import { UploadModalContent } from './UploadModalContent'
+import { Figcaption } from './extensions/Figcaption'
+import { Figure } from './extensions/Figure'
 
 import styles from './SimplifiedEditor.module.scss'
 

src/components/Editor/TextBubbleMenu/TextBubbleMenu.tsx

@@ -1,7 +1,7 @@
 import type { Editor } from '@tiptap/core'
 
 import { clsx } from 'clsx'
-import { Switch, Match, createSignal, Show, onMount, onCleanup, createEffect, lazy } from 'solid-js'
+import { Match, Show, Switch, createEffect, createSignal, lazy, onCleanup, onMount } from 'solid-js'
 import { createEditorTransaction } from 'solid-tiptap'
 
 import { useLocalize } from '../../../context/localize'

src/components/Editor/TopicSelect/TopicSelect.tsx

@@ -1,6 +1,6 @@
 import type { Topic } from '../../../graphql/schema/core.gen'
 
-import { createOptions, Select } from '@thisbeyond/solid-select'
+import { Select, createOptions } from '@thisbeyond/solid-select'
 import { clsx } from 'clsx'
 import { createSignal } from 'solid-js'
 

src/components/Editor/UploadModalContent/UploadModalContent.tsx

@@ -1,6 +1,6 @@
-import { createDropzone, createFileUploader, UploadFile } from '@solid-primitives/upload'
+import { UploadFile, createDropzone, createFileUploader } from '@solid-primitives/upload'
 import { clsx } from 'clsx'
-import { createSignal, Show } from 'solid-js'
+import { Show, createSignal } from 'solid-js'
 
 import { useLocalize } from '../../../context/localize'
 import { UploadedFile } from '../../../pages/types'

src/components/Editor/VideoUploader/VideoUploader.tsx

@@ -2,7 +2,7 @@ import type { MediaItem } from '../../../pages/types'
 
 import { createDropzone } from '@solid-primitives/upload'
 import { clsx } from 'clsx'
-import { createSignal, For, Show } from 'solid-js'
+import { For, Show, createSignal } from 'solid-js'
 
 import { useLocalize } from '../../../context/localize'
 import { useSnackbar } from '../../../context/snackbar'

src/components/Editor/extensions/Figcaption.ts

@@ -1,4 +1,4 @@
-import { mergeAttributes, Node } from '@tiptap/core'
+import { Node, mergeAttributes } from '@tiptap/core'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {

src/components/Editor/extensions/Figure.ts

@@ -1,4 +1,4 @@
-import { mergeAttributes, Node } from '@tiptap/core'
+import { Node, mergeAttributes } from '@tiptap/core'
 import { Plugin } from '@tiptap/pm/state'
 
 declare module '@tiptap/core' {

src/components/Editor/extensions/Footnote.ts

@@ -1,4 +1,4 @@
-import { mergeAttributes, Node } from '@tiptap/core'
+import { Node, mergeAttributes } from '@tiptap/core'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {

src/components/Feed/ArticleCard/ArticleCard.tsx

@@ -2,25 +2,25 @@ import type { Author, Shout, Topic } from '../../../graphql/schema/core.gen'
 
 import { getPagePath, openPage } from '@nanostores/router'
 import { clsx } from 'clsx'
-import { createMemo, createSignal, For, Show } from 'solid-js'
+import { For, Show, createMemo, createSignal } from 'solid-js'
 
 import { useLocalize } from '../../../context/localize'
 import { useSession } from '../../../context/session'
 import { router, useRouter } from '../../../stores/router'
 import { capitalize } from '../../../utils/capitalize'
 import { getDescription } from '../../../utils/meta'
+import { CoverImage } from '../../Article/CoverImage'
+import { SharePopup, getShareUrl } from '../../Article/SharePopup'
+import { ShoutRatingControl } from '../../Article/ShoutRatingControl'
+import { AuthorLink } from '../../Author/AuthorLink'
 import { Icon } from '../../_shared/Icon'
 import { Image } from '../../_shared/Image'
 import { Popover } from '../../_shared/Popover'
-import { CoverImage } from '../../Article/CoverImage'
-import { getShareUrl, SharePopup } from '../../Article/SharePopup'
-import { ShoutRatingControl } from '../../Article/ShoutRatingControl'
-import { AuthorLink } from '../../Author/AuthorLink'
 import { CardTopic } from '../CardTopic'
 import { FeedArticlePopup } from '../FeedArticlePopup'
 
-import styles from './ArticleCard.module.scss'
 import stylesHeader from '../../Nav/Header/Header.module.scss'
+import styles from './ArticleCard.module.scss'
 
 export type ArticleCardProps = {
   // TODO: refactor this, please

src/components/Feed/Beside.tsx

@@ -3,13 +3,13 @@
 import type { Author, Shout, Topic } from '../../graphql/schema/core.gen'
 
 import { clsx } from 'clsx'
-import { createEffect, createSignal, For, Show } from 'solid-js'
+import { For, Show, createEffect, createSignal } from 'solid-js'
 
 import { useFollowing } from '../../context/following'
 import { useLocalize } from '../../context/localize'
-import { Icon } from '../_shared/Icon'
 import { AuthorBadge } from '../Author/AuthorBadge'
 import { TopicCard } from '../Topic/Card'
+import { Icon } from '../_shared/Icon'
 
 import { ArticleCard } from './ArticleCard'
 

src/components/Feed/FeedArticlePopup/FeedArticlePopup.tsx

@@ -1,7 +1,7 @@
 import type { PopupProps } from '../../_shared/Popup'
 
 import { clsx } from 'clsx'
-import { createSignal, Show } from 'solid-js'
+import { Show, createSignal } from 'solid-js'
 
 import { useLocalize } from '../../../context/localize'
 import { Popup } from '../../_shared/Popup'

src/components/Feed/Group.tsx

@@ -1,5 +1,5 @@
-import type { Shout } from '../../graphql/schema/core.gen'
 import type { JSX } from 'solid-js/jsx-runtime'
+import type { Shout } from '../../graphql/schema/core.gen'
 
 import { For, Show } from 'solid-js'
 

src/components/Feed/Row2.tsx

@@ -1,6 +1,6 @@
 import type { Shout } from '../../graphql/schema/core.gen'
 
-import { createSignal, createEffect, For, Show } from 'solid-js'
+import { For, Show, createEffect, createSignal } from 'solid-js'
 
 import { ArticleCard } from './ArticleCard'
 

src/components/Feed/Row3.tsx

@@ -1,5 +1,5 @@
-import type { Shout } from '../../graphql/schema/core.gen'
 import type { JSX } from 'solid-js/jsx-runtime'
+import type { Shout } from '../../graphql/schema/core.gen'
 
 import { For, Show } from 'solid-js'
 

src/components/Feed/Sidebar/Sidebar.tsx

@@ -1,6 +1,6 @@
 import { getPagePath } from '@nanostores/router'
 import { clsx } from 'clsx'
-import { createSignal, For, Show } from 'solid-js'
+import { For, Show, createSignal } from 'solid-js'
 
 import { useFollowing } from '../../../context/following'
 import { useLocalize } from '../../../context/localize'
@@ -8,8 +8,8 @@ import { Author } from '../../../graphql/schema/core.gen'
 import { router, useRouter } from '../../../stores/router'
 import { useArticlesStore } from '../../../stores/zine/articles'
 import { useSeenStore } from '../../../stores/zine/seen'
-import { Icon } from '../../_shared/Icon'
 import { Userpic } from '../../Author/Userpic'
+import { Icon } from '../../_shared/Icon'
 
 import styles from './Sidebar.module.scss'
 

src/components/Inbox/CreateModalContent.tsx

@@ -1,6 +1,6 @@
 import type { Author } from '../../graphql/schema/core.gen'
 
-import { createSignal, For, createEffect } from 'solid-js'
+import { For, createEffect, createSignal } from 'solid-js'
 
 import { useInbox } from '../../context/inbox'
 import { useLocalize } from '../../context/localize'

src/components/Inbox/DialogCard.tsx

@@ -1,7 +1,7 @@
 import type { ChatMember } from '../../graphql/schema/chat.gen'
 
 import { clsx } from 'clsx'
-import { Show, Switch, Match, createMemo } from 'solid-js'
+import { Match, Show, Switch, createMemo } from 'solid-js'
 
 import { useLocalize } from '../../context/localize'
 import { Author } from '../../graphql/schema/core.gen'

src/components/Inbox/Message.tsx

@@ -1,7 +1,7 @@
-import type { Message as MessageType, ChatMember } from '../../graphql/schema/chat.gen'
+import type { ChatMember, Message as MessageType } from '../../graphql/schema/chat.gen'
 
 import { clsx } from 'clsx'
-import { createSignal, Show } from 'solid-js'
+import { Show, createSignal } from 'solid-js'
 
 import { useLocalize } from '../../context/localize'
 import { Icon } from '../_shared/Icon'

src/components/Inbox/MessageActionsPopup.tsx

@@ -1,6 +1,6 @@
 import type { PopupProps } from '../_shared/Popup'
 
-import { createEffect, createSignal, For } from 'solid-js'
+import { For, createEffect, createSignal } from 'solid-js'
 
 import { useLocalize } from '../../context/localize'
 import { Popup } from '../_shared/Popup'

src/components/Nav/AuthModal/ChangePasswordForm.tsx

@@ -1,7 +1,7 @@
 import type { AuthModalSearchParams } from './types'
 
 import { clsx } from 'clsx'
-import { createSignal, JSX, Show } from 'solid-js'
+import { JSX, Show, createSignal } from 'solid-js'
 
 import { useLocalize } from '../../../context/localize'
 import { useSession } from '../../../context/session'

src/components/Nav/AuthModal/EmailConfirm.tsx

@@ -1,12 +1,12 @@
 import { clsx } from 'clsx'
-import { createEffect, createSignal, Show } from 'solid-js'
+import { Show, createEffect, createSignal } from 'solid-js'
 
 import { useLocalize } from '../../../context/localize'
 import { useSession } from '../../../context/session'
 import { useRouter } from '../../../stores/router'
 import { hideModal } from '../../../stores/ui'
 
-import { setEmail, email } from './sharedLogic'
+import { email, setEmail } from './sharedLogic'
 
 import styles from './AuthModal.module.scss'
 

src/components/Nav/AuthModal/ForgotPasswordForm.tsx

@@ -1,7 +1,7 @@
 import type { AuthModalSearchParams } from './types'
 
 import { clsx } from 'clsx'
-import { createSignal, JSX, Show } from 'solid-js'
+import { JSX, Show, createSignal } from 'solid-js'
 
 import { useLocalize } from '../../../context/localize'
 import { useSession } from '../../../context/session'

src/components/Nav/AuthModal/LoginForm.tsx

@@ -1,7 +1,7 @@
 import type { AuthModalSearchParams } from './types'
 
 import { clsx } from 'clsx'
-import { createSignal, Show } from 'solid-js'
+import { Show, createSignal } from 'solid-js'
 
 import { useLocalize } from '../../../context/localize'
 import { useSession } from '../../../context/session'
@@ -12,8 +12,8 @@ import { validateEmail } from '../../../utils/validateEmail'
 
 import { AuthModalHeader } from './AuthModalHeader'
 import { PasswordField } from './PasswordField'
-import { email, setEmail } from './sharedLogic'
 import { SocialProviders } from './SocialProviders'
+import { email, setEmail } from './sharedLogic'
 
 import styles from './AuthModal.module.scss'
 

src/components/Nav/AuthModal/PasswordField/PasswordField.tsx

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx'
-import { createEffect, createSignal, on, Show } from 'solid-js'
+import { Show, createEffect, createSignal, on } from 'solid-js'
 
 import { useLocalize } from '../../../../context/localize'
 import { Icon } from '../../../_shared/Icon'

src/components/Nav/AuthModal/RegisterForm.tsx

@@ -1,5 +1,5 @@
-import type { AuthModalSearchParams } from './types'
 import type { JSX } from 'solid-js'
+import type { AuthModalSearchParams } from './types'
 
 import { clsx } from 'clsx'
 import { Show, createSignal } from 'solid-js'
@@ -13,8 +13,8 @@ import { validateEmail } from '../../../utils/validateEmail'
 
 import { AuthModalHeader } from './AuthModalHeader'
 import { PasswordField } from './PasswordField'
-import { email, setEmail } from './sharedLogic'
 import { SocialProviders } from './SocialProviders'
+import { email, setEmail } from './sharedLogic'
 
 import styles from './AuthModal.module.scss'
 

src/components/Nav/AuthModal/index.tsx

@@ -1,7 +1,7 @@
 import type { AuthModalMode, AuthModalSearchParams } from './types'
 
 import { clsx } from 'clsx'
-import { Show, Component, createEffect, createMemo } from 'solid-js'
+import { Component, Show, createEffect, createMemo } from 'solid-js'
 import { Dynamic } from 'solid-js/web'
 
 import { useLocalize } from '../../../context/localize'

src/components/Nav/Header/Header.tsx

@@ -2,18 +2,18 @@ import type { Topic } from '../../../graphql/schema/core.gen'
 
 import { getPagePath, redirectPage } from '@nanostores/router'
 import { clsx } from 'clsx'
-import { Show, createSignal, createEffect, onMount, onCleanup, For } from 'solid-js'
+import { For, Show, createEffect, createSignal, onCleanup, onMount } from 'solid-js'
 
 import { useLocalize } from '../../../context/localize'
 import { useSession } from '../../../context/session'
 import { apiClient } from '../../../graphql/client/core'
-import { router, ROUTES, useRouter } from '../../../stores/router'
+import { ROUTES, router, useRouter } from '../../../stores/router'
 import { useModalStore } from '../../../stores/ui'
 import { getDescription } from '../../../utils/meta'
+import { SharePopup, getShareUrl } from '../../Article/SharePopup'
+import { RANDOM_TOPICS_COUNT } from '../../Views/Home'
 import { Icon } from '../../_shared/Icon'
 import { Subscribe } from '../../_shared/Subscribe'
-import { getShareUrl, SharePopup } from '../../Article/SharePopup'
-import { RANDOM_TOPICS_COUNT } from '../../Views/Home'
 import { AuthModal } from '../AuthModal'
 import { ConfirmModal } from '../ConfirmModal'
 import { HeaderAuth } from '../HeaderAuth'

src/components/Nav/Header/Link.tsx

@@ -1,7 +1,7 @@
 import { getPagePath } from '@nanostores/router'
 import { clsx } from 'clsx'
 
-import { router, ROUTES, useRouter } from '../../../stores/router'
+import { ROUTES, router, useRouter } from '../../../stores/router'
 import { ConditionalWrapper } from '../../_shared/ConditionalWrapper'
 
 import styles from './Header.module.scss'

src/components/Nav/HeaderAuth.tsx

@@ -1,6 +1,6 @@
 import { getPagePath } from '@nanostores/router'
 import { clsx } from 'clsx'
-import { createMemo, createSignal, onCleanup, onMount, Show } from 'solid-js'
+import { Show, createMemo, createSignal, onCleanup, onMount } from 'solid-js'
 
 import { useEditorContext } from '../../context/editor'
 import { useLocalize } from '../../context/localize'
@@ -8,11 +8,11 @@ import { useNotifications } from '../../context/notifications'
 import { useSession } from '../../context/session'
 import { router, useRouter } from '../../stores/router'
 import { showModal } from '../../stores/ui'
+import { Userpic } from '../Author/Userpic'
 import { Button } from '../_shared/Button'
 import { Icon } from '../_shared/Icon'
 import { Popover } from '../_shared/Popover'
 import { ShowOnlyOnClient } from '../_shared/ShowOnlyOnClient'
-import { Userpic } from '../Author/Userpic'
 
 import { ProfilePopup } from './ProfilePopup'
 

src/components/Nav/Modal/Modal.tsx

@@ -2,7 +2,7 @@ import type { JSX } from 'solid-js'
 
 import { redirectPage } from '@nanostores/router'
 import { clsx } from 'clsx'
-import { createEffect, createMemo, createSignal, Show } from 'solid-js'
+import { Show, createEffect, createMemo, createSignal } from 'solid-js'
 
 import { useMediaQuery } from '../../../context/mediaQuery'
 import { router } from '../../../stores/router'

src/components/Nav/Modal/Opener.tsx

@@ -1,5 +1,5 @@
-import type { ModalType } from '../../../stores/ui'
 import type { JSX } from 'solid-js/jsx-runtime'
+import type { ModalType } from '../../../stores/ui'
 
 import { showModal } from '../../../stores/ui'
 

src/components/Nav/SearchModal/SearchModal.tsx

@@ -1,15 +1,15 @@
 import type { Shout } from '../../../graphql/schema/core.gen'
 
-import { createResource, createSignal, For, onCleanup, Show } from 'solid-js'
+import { For, Show, createResource, createSignal, onCleanup } from 'solid-js'
 import { debounce } from 'throttle-debounce'
 
 import { useLocalize } from '../../../context/localize'
 import { loadShoutsSearch } from '../../../stores/zine/articles'
 import { restoreScrollPosition, saveScrollPosition } from '../../../utils/scroll'
 import { byScore } from '../../../utils/sortby'
+import { FEED_PAGE_SIZE } from '../../Views/Feed/Feed'
 import { Button } from '../../_shared/Button'
 import { Icon } from '../../_shared/Icon'
-import { FEED_PAGE_SIZE } from '../../Views/Feed/Feed'
 
 import { SearchResultItem } from './SearchResultItem'
 

src/components/NotificationsPanel/NotificationView/NotificationGroup.tsx

@@ -5,10 +5,10 @@ import { For, Show } from 'solid-js'
 import { useLocalize } from '../../../context/localize'
 import { useNotifications } from '../../../context/notifications'
 import { NotificationGroup as Group } from '../../../graphql/schema/notifier.gen'
-import { useRouter, router } from '../../../stores/router'
+import { router, useRouter } from '../../../stores/router'
+import { ArticlePageSearchParams } from '../../Article/FullArticle'
 import { GroupAvatar } from '../../_shared/GroupAvatar'
 import { TimeAgo } from '../../_shared/TimeAgo'
-import { ArticlePageSearchParams } from '../../Article/FullArticle'
 
 import styles from './NotificationView.module.scss'
 

src/components/NotificationsPanel/NotificationsPanel.tsx

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx'
-import { createEffect, createMemo, createSignal, on, onCleanup, onMount, Show } from 'solid-js'
+import { Show, createEffect, createMemo, createSignal, on, onCleanup, onMount } from 'solid-js'
 import { throttle } from 'throttle-debounce'
 
 import { useLocalize } from '../../context/localize'

src/components/ProfileSettings/ProfileSettings.tsx

@@ -1,7 +1,7 @@
 import { createFileUploader } from '@solid-primitives/upload'
 import { clsx } from 'clsx'
 import deepEqual from 'fast-deep-equal'
-import { createEffect, createSignal, For, lazy, Match, onCleanup, onMount, Show, Switch } from 'solid-js'
+import { For, Match, Show, Switch, createEffect, createSignal, lazy, onCleanup, onMount } from 'solid-js'
 import { createStore } from 'solid-js/store'
 
 import { useConfirm } from '../../context/confirm'
@@ -9,20 +9,20 @@ import { useLocalize } from '../../context/localize'
 import { useProfileForm } from '../../context/profile'
 import { useSession } from '../../context/session'
 import { useSnackbar } from '../../context/snackbar'
-import { showModal, hideModal } from '../../stores/ui'
+import { hideModal, showModal } from '../../stores/ui'
 import { clone } from '../../utils/clone'
 import { getImageUrl } from '../../utils/getImageUrl'
 import { handleImageUpload } from '../../utils/handleImageUpload'
 import { profileSocialLinks } from '../../utils/profileSocialLinks'
 import { validateUrl } from '../../utils/validateUrl'
+import { Modal } from '../Nav/Modal'
+import { ProfileSettingsNavigation } from '../Nav/ProfileSettingsNavigation'
 import { Button } from '../_shared/Button'
 import { Icon } from '../_shared/Icon'
 import { ImageCropper } from '../_shared/ImageCropper'
 import { Loading } from '../_shared/Loading'
 import { Popover } from '../_shared/Popover'
 import { SocialNetworkInput } from '../_shared/SocialNetworkInput'
-import { Modal } from '../Nav/Modal'
-import { ProfileSettingsNavigation } from '../Nav/ProfileSettingsNavigation'
 
 import styles from '../../pages/profile/Settings.module.scss'
 

src/components/TableOfContents/TableOfContents.tsx

@@ -1,6 +1,6 @@
 import { clsx } from 'clsx'
-import { For, Show, createSignal, createEffect, on, onMount, onCleanup } from 'solid-js'
-import { throttle, debounce } from 'throttle-debounce'
+import { For, Show, createEffect, createSignal, on, onCleanup, onMount } from 'solid-js'
+import { debounce, throttle } from 'throttle-debounce'
 
 import { useLocalize } from '../../context/localize'
 import { DEFAULT_HEADER_OFFSET } from '../../stores/router'

src/components/Topic/Card.tsx

@@ -1,19 +1,19 @@
 import { clsx } from 'clsx'
-import { createMemo, createSignal, Show } from 'solid-js'
+import { Show, createMemo, createSignal } from 'solid-js'
 
 import { useFollowing } from '../../context/following'
 import { useLocalize } from '../../context/localize'
 import { useSession } from '../../context/session'
 import { FollowingEntity, type Topic } from '../../graphql/schema/core.gen'
 import { capitalize } from '../../utils/capitalize'
+import { CardTopic } from '../Feed/CardTopic'
 import { Button } from '../_shared/Button'
 import { CheckButton } from '../_shared/CheckButton'
 import { Icon } from '../_shared/Icon'
 import { ShowOnlyOnClient } from '../_shared/ShowOnlyOnClient'
-import { CardTopic } from '../Feed/CardTopic'
 
-import styles from './Card.module.scss'
 import stylesButton from '../_shared/Button/Button.module.scss'
+import styles from './Card.module.scss'
 
 interface TopicProps {
   topic: Topic

src/components/Topic/Full.tsx

@@ -1,7 +1,7 @@
 import type { Topic } from '../../graphql/schema/core.gen'
 
 import { clsx } from 'clsx'
-import { createEffect, createSignal, Show } from 'solid-js'
+import { Show, createEffect, createSignal } from 'solid-js'
 
 import { useFollowing } from '../../context/following'
 import { useLocalize } from '../../context/localize'

src/components/Topic/TopicBadge/TopicBadge.tsx

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx'
-import { createEffect, createSignal, Show } from 'solid-js'
+import { Show, createEffect, createSignal } from 'solid-js'
 
 import { useFollowing } from '../../../context/following'
 import { useLocalize } from '../../../context/localize'

src/components/Views/AllAuthors.tsx

@@ -2,7 +2,7 @@ import type { Author } from '../../graphql/schema/core.gen'
 
 import { Meta } from '@solidjs/meta'
 import { clsx } from 'clsx'
-import { createEffect, createMemo, createSignal, For, Show } from 'solid-js'
+import { For, Show, createEffect, createMemo, createSignal } from 'solid-js'
 
 import { useLocalize } from '../../context/localize'
 import { useRouter } from '../../stores/router'
@@ -13,9 +13,9 @@ import { dummyFilter } from '../../utils/dummyFilter'
 import { getImageUrl } from '../../utils/getImageUrl'
 import { translit } from '../../utils/ru2en'
 import { scrollHandler } from '../../utils/scroll'
+import { AuthorBadge } from '../Author/AuthorBadge'
 import { Loading } from '../_shared/Loading'
 import { SearchField } from '../_shared/SearchField'
-import { AuthorBadge } from '../Author/AuthorBadge'
 
 import styles from './AllAuthors.module.scss'
 

src/components/Views/AllTopics.tsx

@@ -2,7 +2,7 @@ import type { Topic } from '../../graphql/schema/core.gen'
 
 import { Meta } from '@solidjs/meta'
 import { clsx } from 'clsx'
-import { createEffect, createMemo, createSignal, For, Show } from 'solid-js'
+import { For, Show, createEffect, createMemo, createSignal } from 'solid-js'
 
 import { useFollowing } from '../../context/following'
 import { useLocalize } from '../../context/localize'
@@ -12,9 +12,9 @@ import { capitalize } from '../../utils/capitalize'
 import { dummyFilter } from '../../utils/dummyFilter'
 import { getImageUrl } from '../../utils/getImageUrl'
 import { scrollHandler } from '../../utils/scroll'
+import { TopicCard } from '../Topic/Card'
 import { Loading } from '../_shared/Loading'
 import { SearchField } from '../_shared/SearchField'
-import { TopicCard } from '../Topic/Card'
 
 import styles from './AllTopics.module.scss'
 

src/components/Views/Author/Author.tsx

@@ -3,7 +3,7 @@ import type { Author, Reaction, Shout, Topic } from '../../../graphql/schema/cor
 import { getPagePath } from '@nanostores/router'
 import { Meta, Title } from '@solidjs/meta'
 import { clsx } from 'clsx'
-import { Show, createMemo, createSignal, Switch, onMount, For, Match, createEffect } from 'solid-js'
+import { For, Match, Show, Switch, createEffect, createMemo, createSignal, onMount } from 'solid-js'
 
 import { useFollowing } from '../../../context/following'
 import { useLocalize } from '../../../context/localize'
@@ -15,16 +15,16 @@ import { getImageUrl } from '../../../utils/getImageUrl'
 import { getDescription } from '../../../utils/meta'
 import { restoreScrollPosition, saveScrollPosition } from '../../../utils/scroll'
 import { splitToPages } from '../../../utils/splitToPages'
-import { Loading } from '../../_shared/Loading'
 import { Comment } from '../../Article/Comment'
 import { AuthorCard } from '../../Author/AuthorCard'
 import { AuthorShoutsRating } from '../../Author/AuthorShoutsRating'
 import { Row1 } from '../../Feed/Row1'
 import { Row2 } from '../../Feed/Row2'
 import { Row3 } from '../../Feed/Row3'
+import { Loading } from '../../_shared/Loading'
 
-import styles from './Author.module.scss'
 import stylesArticle from '../../Article/Article.module.scss'
+import styles from './Author.module.scss'
 
 type Props = {
   shouts: Shout[]

src/components/Views/DraftsView/DraftsView.tsx

@@ -1,6 +1,6 @@
 import { openPage } from '@nanostores/router'
 import { clsx } from 'clsx'
-import { createSignal, createEffect, For, Show } from 'solid-js'
+import { For, Show, createEffect, createSignal } from 'solid-js'
 
 import { useEditorContext } from '../../../context/editor'
 import { useSession } from '../../../context/session'

src/components/Views/Edit.tsx

@@ -1,6 +1,6 @@
 import { clsx } from 'clsx'
 import deepEqual from 'fast-deep-equal'
-import { Accessor, createMemo, createSignal, lazy, onCleanup, onMount, Show } from 'solid-js'
+import { Accessor, Show, createMemo, createSignal, lazy, onCleanup, onMount } from 'solid-js'
 import { createStore } from 'solid-js/store'
 
 import { ShoutForm, useEditorContext } from '../../context/editor'
@@ -12,17 +12,17 @@ import { clone } from '../../utils/clone'
 import { getImageUrl } from '../../utils/getImageUrl'
 import { isDesktop } from '../../utils/media-query'
 import { slugify } from '../../utils/slugify'
-import { DropArea } from '../_shared/DropArea'
-import { Icon } from '../_shared/Icon'
-import { InviteMembers } from '../_shared/InviteMembers'
-import { Popover } from '../_shared/Popover'
-import { EditorSwiper } from '../_shared/SolidSwiper'
 import { Editor, Panel } from '../Editor'
 import { AudioUploader } from '../Editor/AudioUploader'
 import { AutoSaveNotice } from '../Editor/AutoSaveNotice'
 import { VideoUploader } from '../Editor/VideoUploader'
 import { Modal } from '../Nav/Modal'
 import { TableOfContents } from '../TableOfContents'
+import { DropArea } from '../_shared/DropArea'
+import { Icon } from '../_shared/Icon'
+import { InviteMembers } from '../_shared/InviteMembers'
+import { Popover } from '../_shared/Popover'
+import { EditorSwiper } from '../_shared/SolidSwiper'
 
 import { PublishSettings } from './PublishSettings'
 

src/components/Views/Expo/Expo.tsx

@@ -1,6 +1,6 @@
 import { getPagePath } from '@nanostores/router'
 import { clsx } from 'clsx'
-import { createEffect, createMemo, createSignal, For, on, onCleanup, onMount, Show } from 'solid-js'
+import { For, Show, createEffect, createMemo, createSignal, on, onCleanup, onMount } from 'solid-js'
 
 import { useLocalize } from '../../../context/localize'
 import { apiClient } from '../../../graphql/client/core'
@@ -11,11 +11,11 @@ import { loadShouts, resetSortedArticles, useArticlesStore } from '../../../stor
 import { getUnixtime } from '../../../utils/getServerDate'
 import { restoreScrollPosition, saveScrollPosition } from '../../../utils/scroll'
 import { splitToPages } from '../../../utils/splitToPages'
+import { ArticleCard } from '../../Feed/ArticleCard'
 import { Button } from '../../_shared/Button'
 import { ConditionalWrapper } from '../../_shared/ConditionalWrapper'
 import { Loading } from '../../_shared/Loading'
 import { ArticleCardSwiper } from '../../_shared/SolidSwiper/ArticleCardSwiper'
-import { ArticleCard } from '../../Feed/ArticleCard'
 
 import styles from './Expo.module.scss'
 

src/components/Views/Feed/Feed.tsx

@@ -1,7 +1,7 @@
 import { getPagePath } from '@nanostores/router'
 import { Meta } from '@solidjs/meta'
 import { clsx } from 'clsx'
-import { createEffect, createMemo, createSignal, For, on, onMount, Show } from 'solid-js'
+import { For, Show, createEffect, createMemo, createSignal, on, onMount } from 'solid-js'
 
 import { useLocalize } from '../../../context/localize'
 import { useReactions } from '../../../context/reactions'
@@ -15,15 +15,10 @@ import {
 } from '../../../graphql/schema/core.gen'
 import { router, useRouter } from '../../../stores/router'
 import { showModal } from '../../../stores/ui'
-import { useArticlesStore, resetSortedArticles } from '../../../stores/zine/articles'
+import { resetSortedArticles, useArticlesStore } from '../../../stores/zine/articles'
 import { useTopAuthorsStore } from '../../../stores/zine/topAuthors'
 import { useTopicsStore } from '../../../stores/zine/topics'
 import { getImageUrl } from '../../../utils/getImageUrl'
-import { DropDown } from '../../_shared/DropDown'
-import { Icon } from '../../_shared/Icon'
-import { InviteMembers } from '../../_shared/InviteMembers'
-import { Loading } from '../../_shared/Loading'
-import { ShareModal } from '../../_shared/ShareModal'
 import { CommentDate } from '../../Article/CommentDate'
 import { getShareUrl } from '../../Article/SharePopup'
 import { AuthorBadge } from '../../Author/AuthorBadge'
@@ -31,10 +26,15 @@ import { AuthorLink } from '../../Author/AuthorLink'
 import { ArticleCard } from '../../Feed/ArticleCard'
 import { Sidebar } from '../../Feed/Sidebar'
 import { Modal } from '../../Nav/Modal'
+import { DropDown } from '../../_shared/DropDown'
+import { Icon } from '../../_shared/Icon'
+import { InviteMembers } from '../../_shared/InviteMembers'
+import { Loading } from '../../_shared/Loading'
+import { ShareModal } from '../../_shared/ShareModal'
 
-import styles from './Feed.module.scss'
 import stylesBeside from '../../Feed/Beside.module.scss'
 import stylesTopic from '../../Feed/CardTopic.module.scss'
+import styles from './Feed.module.scss'
 
 export const FEED_PAGE_SIZE = 20
 const UNRATED_ARTICLES_COUNT = 5

src/components/Views/Home.tsx

@@ -1,5 +1,5 @@
 import { getPagePath } from '@nanostores/router'
-import { batch, createMemo, createSignal, For, onMount, Show } from 'solid-js'
+import { For, Show, batch, createMemo, createSignal, onMount } from 'solid-js'
 
 import { useLocalize } from '../../context/localize'
 import { apiClient } from '../../graphql/client/core'
@@ -16,8 +16,6 @@ import { useTopicsStore } from '../../stores/zine/topics'
 import { capitalize } from '../../utils/capitalize'
 import { restoreScrollPosition, saveScrollPosition } from '../../utils/scroll'
 import { splitToPages } from '../../utils/splitToPages'
-import { Icon } from '../_shared/Icon'
-import { ArticleCardSwiper } from '../_shared/SolidSwiper/ArticleCardSwiper'
 import Banner from '../Discours/Banner'
 import Hero from '../Discours/Hero'
 import { Beside } from '../Feed/Beside'
@@ -28,6 +26,8 @@ import { Row3 } from '../Feed/Row3'
 import { Row5 } from '../Feed/Row5'
 import RowShort from '../Feed/RowShort'
 import { Topics } from '../Nav/Topics'
+import { Icon } from '../_shared/Icon'
+import { ArticleCardSwiper } from '../_shared/SolidSwiper/ArticleCardSwiper'
 
 import styles from './Home.module.scss'
 

src/components/Views/Inbox/Inbox.tsx

@@ -2,7 +2,7 @@ import type { Chat, Message as MessageType } from '../../../graphql/schema/chat.
 import type { Author } from '../../../graphql/schema/core.gen'
 
 import { clsx } from 'clsx'
-import { For, createSignal, Show, onMount, createEffect, createMemo, on } from 'solid-js'
+import { For, Show, createEffect, createMemo, createSignal, on, onMount } from 'solid-js'
 
 import { useInbox } from '../../../context/inbox'
 import { useLocalize } from '../../../context/localize'
@@ -10,9 +10,6 @@ import { useSession } from '../../../context/session'
 import { useRouter } from '../../../stores/router'
 import { showModal } from '../../../stores/ui'
 import { useAuthorsStore } from '../../../stores/zine/authors'
-import { Icon } from '../../_shared/Icon'
-import { InviteMembers } from '../../_shared/InviteMembers'
-import { Popover } from '../../_shared/Popover'
 import SimplifiedEditor from '../../Editor/SimplifiedEditor'
 import DialogCard from '../../Inbox/DialogCard'
 import DialogHeader from '../../Inbox/DialogHeader'
@@ -20,6 +17,9 @@ import { Message } from '../../Inbox/Message'
 import MessagesFallback from '../../Inbox/MessagesFallback'
 import Search from '../../Inbox/Search'
 import { Modal } from '../../Nav/Modal'
+import { Icon } from '../../_shared/Icon'
+import { InviteMembers } from '../../_shared/InviteMembers'
+import { Popover } from '../../_shared/Popover'
 
 import styles from './Inbox.module.scss'
 

src/components/Views/ProfileSubscriptions/ProfileSubscriptions.tsx

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx'
-import { createEffect, createSignal, For, onMount, Show } from 'solid-js'
+import { For, Show, createEffect, createSignal, onMount } from 'solid-js'
 
 import { useLocalize } from '../../../context/localize'
 import { useSession } from '../../../context/session'
@@ -9,11 +9,11 @@ import { SubscriptionFilter } from '../../../pages/types'
 import { dummyFilter } from '../../../utils/dummyFilter'
 // TODO: refactor styles
 import { isAuthor } from '../../../utils/isAuthor'
-import { Loading } from '../../_shared/Loading'
-import { SearchField } from '../../_shared/SearchField'
 import { AuthorBadge } from '../../Author/AuthorBadge'
 import { ProfileSettingsNavigation } from '../../Nav/ProfileSettingsNavigation'
 import { TopicBadge } from '../../Topic/TopicBadge'
+import { Loading } from '../../_shared/Loading'
+import { SearchField } from '../../_shared/SearchField'
 
 import styles from '../../../pages/profile/Settings.module.scss'
 import stylesSettings from '../../../styles/FeedSettings.module.scss'

src/components/Views/PublishSettings/PublishSettings.tsx

@@ -1,6 +1,6 @@
 import { redirectPage } from '@nanostores/router'
 import { clsx } from 'clsx'
-import { createEffect, createMemo, createSignal, lazy, onMount, Show } from 'solid-js'
+import { Show, createEffect, createMemo, createSignal, lazy, onMount } from 'solid-js'
 import { createStore } from 'solid-js/store'
 
 import { ShoutForm, useEditorContext } from '../../../context/editor'
@@ -11,14 +11,14 @@ import { UploadedFile } from '../../../pages/types'
 import { router } from '../../../stores/router'
 import { hideModal, showModal } from '../../../stores/ui'
 import { loadAllTopics, useTopicsStore } from '../../../stores/zine/topics'
+import { TopicSelect, UploadModalContent } from '../../Editor'
+import { Modal } from '../../Nav/Modal'
 import { Button } from '../../_shared/Button'
 import { Icon } from '../../_shared/Icon'
 import { Image } from '../../_shared/Image'
-import { TopicSelect, UploadModalContent } from '../../Editor'
-import { Modal } from '../../Nav/Modal'
 
-import styles from './PublishSettings.module.scss'
 import stylesBeside from '../../Feed/Beside.module.scss'
+import styles from './PublishSettings.module.scss'
 
 const SimplifiedEditor = lazy(() => import('../../Editor/SimplifiedEditor'))
 const GrowingTextarea = lazy(() => import('../../_shared/GrowingTextarea/GrowingTextarea'))

src/components/Views/Search.tsx

@@ -1,11 +1,11 @@
 import type { SearchResult } from '../../graphql/schema/core.gen'
 
-import { Show, For, createSignal, onMount } from 'solid-js'
+import { For, Show, createSignal, onMount } from 'solid-js'
 
-import '../../styles/Search.scss'
 import { useLocalize } from '../../context/localize'
 import { useRouter } from '../../stores/router'
 import { loadShoutsSearch, useArticlesStore } from '../../stores/zine/articles'
+import '../../styles/Search.scss'
 import { restoreScrollPosition, saveScrollPosition } from '../../utils/scroll'
 import { ArticleCard } from '../Feed/ArticleCard'
 

src/components/Views/StaticPage.tsx

@@ -1,7 +1,7 @@
 import { JSX } from 'solid-js'
 
-import { PageLayout } from '../_shared/PageLayout'
 import { TableOfContents } from '../TableOfContents'
+import { PageLayout } from '../_shared/PageLayout'
 
 type Props = {
   title: string

src/components/Views/Topic.tsx

@@ -2,7 +2,7 @@ import type { Shout, Topic } from '../../graphql/schema/core.gen'
 
 import { Meta } from '@solidjs/meta'
 import { clsx } from 'clsx'
-import { For, Show, createMemo, onMount, createSignal, createEffect } from 'solid-js'
+import { For, Show, createEffect, createMemo, createSignal, onMount } from 'solid-js'
 
 import { useLocalize } from '../../context/localize'
 import { useRouter } from '../../stores/router'
@@ -14,12 +14,12 @@ import { getImageUrl } from '../../utils/getImageUrl'
 import { getDescription } from '../../utils/meta'
 import { restoreScrollPosition, saveScrollPosition } from '../../utils/scroll'
 import { splitToPages } from '../../utils/splitToPages'
-import { ArticleCardSwiper } from '../_shared/SolidSwiper/ArticleCardSwiper'
 import { Beside } from '../Feed/Beside'
 import { Row1 } from '../Feed/Row1'
 import { Row2 } from '../Feed/Row2'
 import { Row3 } from '../Feed/Row3'
 import { FullTopic } from '../Topic/Full'
+import { ArticleCardSwiper } from '../_shared/SolidSwiper/ArticleCardSwiper'
 
 import styles from '../../styles/Topic.module.scss'
 

src/components/_shared/CheckButton/CheckButton.tsx

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx'
-import { createSignal, Show } from 'solid-js'
+import { Show, createSignal } from 'solid-js'
 
 import { Icon } from '../Icon'
 

src/components/_shared/DropArea/DropArea.tsx

@@ -2,7 +2,7 @@ import type { FileTypeToUpload } from '../../../pages/types'
 
 import { createDropzone, createFileUploader } from '@solid-primitives/upload'
 import { clsx } from 'clsx'
-import { createSignal, JSX, Show } from 'solid-js'
+import { JSX, Show, createSignal } from 'solid-js'
 
 import { useLocalize } from '../../../context/localize'
 import { UploadedFile } from '../../../pages/types'

src/components/_shared/DropDown/DropDown.tsx

@@ -1,7 +1,7 @@
 import type { PopupProps } from '../Popup'
 
 import { clsx } from 'clsx'
-import { createSignal, For, Show } from 'solid-js'
+import { For, Show, createSignal } from 'solid-js'
 
 import { Popup } from '../Popup'
 

src/components/_shared/DropdownSelect/DropdownSelect.tsx

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx'
-import { createSignal, For, Show } from 'solid-js'
+import { For, Show, createSignal } from 'solid-js'
 
 import { useOutsideClickHandler } from '../../../utils/useOutsideClickHandler'
 

src/components/_shared/GrowingTextarea/GrowingTextarea.tsx

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx'
-import { createEffect, createSignal, Show } from 'solid-js'
+import { Show, createEffect, createSignal } from 'solid-js'
 
 import { ShowOnlyOnClient } from '../ShowOnlyOnClient'
 

src/components/_shared/Icon/Icon.tsx

@@ -1,7 +1,7 @@
 import type { JSX } from 'solid-js'
 
 import { clsx } from 'clsx'
-import { mergeProps, Show } from 'solid-js'
+import { Show, mergeProps } from 'solid-js'
 
 import styles from './Icon.module.scss'
 

src/components/_shared/ImageCropper/ImageCropper.tsx

@@ -2,7 +2,7 @@ import 'cropperjs/dist/cropper.css'
 
 import { UploadFile } from '@solid-primitives/upload'
 import Cropper from 'cropperjs'
-import { createSignal, onMount, Show } from 'solid-js'
+import { Show, createSignal, onMount } from 'solid-js'
 
 import { useLocalize } from '../../../context/localize'
 import { Button } from '../Button'

src/components/_shared/InviteMembers/InviteMembers.tsx

@@ -1,6 +1,6 @@
 import { createInfiniteScroll } from '@solid-primitives/pagination'
 import { clsx } from 'clsx'
-import { createEffect, createSignal, For, on, Show } from 'solid-js'
+import { For, Show, createEffect, createSignal, on } from 'solid-js'
 
 import { useInbox } from '../../../context/inbox'
 import { useLocalize } from '../../../context/localize'

src/components/_shared/Lightbox/Lightbox.tsx

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx'
-import { Show, createEffect, on, createMemo, createSignal, onCleanup } from 'solid-js'
+import { Show, createEffect, createMemo, createSignal, on, onCleanup } from 'solid-js'
 
 import { getImageUrl } from '../../../utils/getImageUrl'
 import { useEscKeyDownHandler } from '../../../utils/useEscKeyDownHandler'

src/components/_shared/PageLayout.tsx

@@ -2,7 +2,7 @@ import type { JSX } from 'solid-js'
 
 import { Title } from '@solidjs/meta'
 import { clsx } from 'clsx'
-import { createEffect, createSignal, Show } from 'solid-js'
+import { Show, createEffect, createSignal } from 'solid-js'
 
 import { Footer } from '../Discours/Footer'
 import { Header } from '../Nav/Header'

src/components/_shared/Popover/Popover.tsx

@@ -1,4 +1,4 @@
-import { createSignal, JSX, onMount, Show } from 'solid-js'
+import { JSX, Show, createSignal, onMount } from 'solid-js'
 import usePopper from 'solid-popper'
 
 import styles from './Popover.module.scss'

src/components/_shared/Popup/Popup.tsx

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx'
-import { createEffect, createSignal, JSX, Show } from 'solid-js'
+import { JSX, Show, createEffect, createSignal } from 'solid-js'
 
 import { useOutsideClickHandler } from '../../../utils/useOutsideClickHandler'
 

src/components/_shared/ShareLinks/ShareLinks.tsx

@@ -1,6 +1,6 @@
-import { createSocialShare, FACEBOOK, TELEGRAM, TWITTER, VK } from '@solid-primitives/share'
+import { FACEBOOK, TELEGRAM, TWITTER, VK, createSocialShare } from '@solid-primitives/share'
 import { clsx } from 'clsx'
-import { createSignal, Show } from 'solid-js'
+import { Show, createSignal } from 'solid-js'
 
 import { useLocalize } from '../../../context/localize'
 import { useSnackbar } from '../../../context/snackbar'

src/components/_shared/ShowOnlyOnClient.tsx

@@ -1,6 +1,6 @@
 import type { JSX } from 'solid-js'
 
-import { createSignal, onMount, Show } from 'solid-js'
+import { Show, createSignal, onMount } from 'solid-js'
 
 const [isClient, setIsClient] = createSignal(false)
 

src/components/_shared/SocialNetworkInput/SocialNetworkInput.tsx

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx'
-import { onMount, Show } from 'solid-js'
+import { Show, onMount } from 'solid-js'
 
 import { Icon } from '../Icon'
 

src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx'
-import { For, onMount, Show } from 'solid-js'
+import { For, Show, onMount } from 'solid-js'
 import SwiperCore from 'swiper'
 import { Manipulation, Navigation, Pagination } from 'swiper/modules'
 

src/components/_shared/SolidSwiper/EditorSwiper.tsx

@@ -1,6 +1,6 @@
 import { createFileUploader } from '@solid-primitives/upload'
 import { clsx } from 'clsx'
-import { createEffect, createSignal, For, Show, on, onMount, lazy } from 'solid-js'
+import { For, Show, createEffect, createSignal, lazy, on, onMount } from 'solid-js'
 import SwiperCore from 'swiper'
 import { Manipulation, Navigation, Pagination } from 'swiper/modules'
 

src/components/_shared/SolidSwiper/ImageSwiper.tsx

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx'
-import { createEffect, createSignal, For, Show, on, onMount, onCleanup } from 'solid-js'
+import { For, Show, createEffect, createSignal, on, onCleanup, onMount } from 'solid-js'
 import SwiperCore from 'swiper'
 import { Manipulation, Navigation, Pagination } from 'swiper/modules'
 import { throttle } from 'throttle-debounce'

src/components/_shared/SolidSwiper/swiper.d.ts

@@ -1,5 +1,5 @@
 import 'solid-js'
-import { SwiperOptions, AutoplayOptions } from 'swiper'
+import { AutoplayOptions, SwiperOptions } from 'swiper'
 import { SwiperSlideProps } from 'swiper/react'
 
 type Kebab<T extends string, A extends string = ''> = T extends `${infer F}${infer R}`

src/components/_shared/Subscribe/Subscribe.tsx

@@ -1,4 +1,4 @@
-import { createSignal, JSX, Show } from 'solid-js'
+import { JSX, Show, createSignal } from 'solid-js'
 
 import { useLocalize } from '../../../context/localize'
 import { useSnackbar } from '../../../context/snackbar'

src/components/_shared/VideoPlayer/VideoPlayer.tsx

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx'
-import { createEffect, createSignal, Match, Switch, Show } from 'solid-js'
+import { Match, Show, Switch, createEffect, createSignal } from 'solid-js'
 
 import { useLocalize } from '../../../context/localize'
 import { Button } from '../Button'

src/context/connect.tsx

@@ -1,12 +1,12 @@
 import type { Accessor, JSX } from 'solid-js'
 
-import type { Author, Topic, Reaction, Shout } from '../graphql/schema/core.gen'
+import type { Author, Reaction, Shout, Topic } from '../graphql/schema/core.gen'
 
 import { EventStreamContentType, fetchEventSource } from '@microsoft/fetch-event-source'
-import { createContext, useContext, createSignal, createEffect } from 'solid-js'
+import { createContext, createEffect, createSignal, useContext } from 'solid-js'
 
-import { useSession } from './session'
 import { Chat, Message } from '../graphql/schema/chat.gen'
+import { useSession } from './session'
 
 const RECONNECT_TIMES = 2
 

src/context/editor.tsx

@@ -3,7 +3,7 @@ import type { JSX } from 'solid-js'
 import { openPage } from '@nanostores/router'
 import { Editor } from '@tiptap/core'
 import { Accessor, createContext, createSignal, useContext } from 'solid-js'
-import { createStore, SetStoreFunction } from 'solid-js/store'
+import { SetStoreFunction, createStore } from 'solid-js/store'
 
 import { apiClient } from '../graphql/client/core'
 import { Topic, TopicInput } from '../graphql/schema/core.gen'

src/context/following.tsx

@@ -1,4 +1,4 @@
-import { createEffect, createSignal, createContext, Accessor, useContext, JSX } from 'solid-js'
+import { Accessor, JSX, createContext, createEffect, createSignal, useContext } from 'solid-js'
 import { createStore } from 'solid-js/store'
 
 import { apiClient } from '../graphql/client/core'