Merge pull request #539 from cm-ayf/lint-configs

Lint configs

Author: cm-ayf

.git-blame-ignore-revs

@@ -6,3 +6,6 @@ e230c1395d858318e90333b43aa0bdfaee177e29
 
 # prettier 3.0
 e6501dcc9883e65a1bc83ffd94d4030c73500a0f
+
+# oxfmt sort imports
+6b6bdf3a84008f290c3b86716c905a4572309d4a

.oxfmtrc.json

@@ -1,4 +1,8 @@
 {
   "$schema": "./node_modules/oxfmt/configuration_schema.json",
-  "ignorePatterns": ["drizzle/*/snapshot.json"]
+  "ignorePatterns": ["drizzle/*/snapshot.json"],
+  "experimentalSortImports": {
+    "newlinesBetween": false,
+    "internalPattern": ["~/*"]
+  }
 }

app/components/Alert.tsx

@@ -31,13 +31,13 @@ function reducer(state: AlertState[], action: Action): AlertState[] {
   }
 }
 
-const AlertContext = createContext({ dispatch: (_: Action) => {} });
+const DispatchAlertContext = createContext((_: Action) => {});
 
 export function AlertProvider({ children }: PropsWithChildren) {
   const [state, dispatch] = useReducer(reducer, []);
   return (
     <>
-      <AlertContext value={{ dispatch }}>{children}</AlertContext>
+      <DispatchAlertContext value={dispatch}>{children}</DispatchAlertContext>
       <Stack>
         {state.map((alert) => (
           <Snackbar
@@ -63,7 +63,7 @@ export function useAlert(): Record<
   AlertColor,
   (message: ReactNode, persist?: boolean) => void
 > {
-  const { dispatch } = use(AlertContext);
+  const dispatch = use(DispatchAlertContext);
   return {
     success: useCallback(
       (message, persist = false) =>

app/components/CardItemPicture.tsx

@@ -1,6 +1,6 @@
+import Box from "@mui/material/Box";
 import CardMedia from "@mui/material/CardMedia";
 import Typography from "@mui/material/Typography";
-import Box from "@mui/material/Box";
 import type { ClientItem } from "~/lib/schema";
 
 export default function CardItemPicture({ item }: { item: ClientItem }) {

app/components/DisplayPanel.tsx

@@ -1,11 +1,11 @@
+import Box from "@mui/material/Box";
 import Card from "@mui/material/Card";
 import CardActions from "@mui/material/CardActions";
 import CardContent from "@mui/material/CardContent";
 import Typography from "@mui/material/Typography";
-import Box from "@mui/material/Box";
 import type { PropsWithChildren } from "react";
-import CardItemPicture from "./CardItemPicture";
 import type { ClientDisplay } from "~/lib/schema";
+import CardItemPicture from "./CardItemPicture";
 
 export default function DisplayPanel({
   children,

app/components/EventCard.tsx

@@ -1,7 +1,7 @@
 import CardContent from "@mui/material/CardContent";
 import Typography from "@mui/material/Typography";
-import ClickableCard, { type ClickableCardProps } from "./ClickableCard";
 import type { ClientEvent, ClientGuild } from "~/lib/schema";
+import ClickableCard, { type ClickableCardProps } from "./ClickableCard";
 
 export default function EventCard({
   guild,

app/components/GuildCard.tsx

@@ -1,7 +1,7 @@
 import CardContent from "@mui/material/CardContent";
 import Typography from "@mui/material/Typography";
-import ClickableCard, { type ClickableCardProps } from "./ClickableCard";
 import type { ClientGuild, ClientMember } from "~/lib/schema";
+import ClickableCard, { type ClickableCardProps } from "./ClickableCard";
 
 const PERMISSIONS = ["register", "write", "admin"] as const;
 

app/components/ItemCard.tsx

@@ -1,8 +1,8 @@
 import CardContent from "@mui/material/CardContent";
 import Typography from "@mui/material/Typography";
+import type { ClientItem } from "~/lib/schema";
 import CardItemPicture from "./CardItemPicture";
 import ClickableCard, { type ClickableCardProps } from "./ClickableCard";
-import type { ClientItem } from "~/lib/schema";
 
 export default function ItemCard({
   item,

app/components/Navigation.tsx

@@ -3,14 +3,14 @@ import CloudOff from "@mui/icons-material/CloudOff";
 import KeyboardArrowLeftIcon from "@mui/icons-material/KeyboardArrowLeft";
 import AppBar from "@mui/material/AppBar";
 import Avatar from "@mui/material/Avatar";
+import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
 import CircularProgress from "@mui/material/CircularProgress";
 import IconButton from "@mui/material/IconButton";
 import Menu from "@mui/material/Menu";
 import MenuItem from "@mui/material/MenuItem";
 import Toolbar from "@mui/material/Toolbar";
 import Typography from "@mui/material/Typography";
-import Box from "@mui/material/Box";
 import { useCallback, useState, useSyncExternalStore } from "react";
 import {
   Link,
@@ -19,10 +19,10 @@ import {
   useParams,
   type LinkProps,
 } from "react-router";
-import { useAlert } from "./Alert";
 import { useBreadcrumbs, useTitle, type Breadcrumb } from "~/lib/handle";
 import { useLocationType, useUrlWithRedirectTo } from "~/lib/location";
 import type { ClientUser } from "~/lib/schema";
+import { useAlert } from "./Alert";
 
 export const REPOSITORY: string = "https://github.com/cm-ayf/comiacapay";
 export const DOCS = REPOSITORY + "/blob/main/docs";

app/entry.server.tsx

@@ -1,14 +1,13 @@
 import { PassThrough } from "node:stream";
-
-import type { EntryContext, RouterContextProvider } from "react-router";
+import createCache from "@emotion/cache";
+import { CacheProvider } from "@emotion/react";
+import createEmotionServer from "@emotion/server/create-instance";
 import { createReadableStreamFromReadable } from "@react-router/node";
-import { ServerRouter } from "react-router";
 import { isbot } from "isbot";
 import type { RenderToPipeableStreamOptions } from "react-dom/server";
 import { renderToPipeableStream } from "react-dom/server";
-import createEmotionServer from "@emotion/server/create-instance";
-import createCache from "@emotion/cache";
-import { CacheProvider } from "@emotion/react";
+import type { EntryContext, RouterContextProvider } from "react-router";
+import { ServerRouter } from "react-router";
 
 export const streamTimeout = 5_000;