build(deps-dev): prettier 3 + eslint-prettier majors, drop @types/jsdom

package.json

@@ -41,7 +41,6 @@
     "@testing-library/react": "^16.3.3",
     "@types/debug": "4.1.13",
     "@types/dompurify": "3.2.0",
-    "@types/jsdom": "16.2.14",
     "@types/node": "17.0.31",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
@@ -56,8 +55,8 @@
     "esbuild": "0.28.2",
     "esbuild-plugin-babel": "0.2.3",
     "eslint": "8.15.0",
-    "eslint-config-prettier": "8.5.0",
-    "eslint-plugin-prettier": "4.0.0",
+    "eslint-config-prettier": "10.1.8",
+    "eslint-plugin-prettier": "5.5.6",
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "4.5.0",
     "fork-ts-checker-webpack-plugin": "7.2.11",
@@ -66,7 +65,7 @@
     "jest-environment-jsdom": "28.1.3",
     "make-plural": "8.1.0",
     "mini-css-extract-plugin": "2.10.2",
-    "prettier": "2.6.2",
+    "prettier": "3.9.9",
     "purgecss-webpack-plugin": "8.0.0",
     "sass": "1.105.0",
     "sass-loader": "12.6.0",

public/components/common/Moment.tsx

@@ -22,10 +22,10 @@ export const Moment = (props: MomentText) => {
     diff >= 365 && format === "relative"
       ? formatDate(props.locale, props.date, "short")
       : format === "relative"
-      ? timeSince(props.locale, now, date)
-      : format === "date"
-      ? formatDate(props.locale, props.date, "date")
-      : formatDate(props.locale, props.date, format)
+        ? timeSince(props.locale, now, date)
+        : format === "date"
+          ? formatDate(props.locale, props.date, "date")
+          : formatDate(props.locale, props.date, format)
 
   const tooltip = props.format === "short" ? formatDate(props.locale, props.date, "full") : undefined
 

public/components/common/form/DisplayError.tsx

@@ -28,11 +28,14 @@ export const DisplayError = (props: DisplayErrorProps) => {
     return null
   }
 
-  const dict = props.error.errors.reduce((result, err) => {
-    result[err.field || ""] = result[err.field || ""] || []
-    result[err.field || ""].push(err.message)
-    return result
-  }, {} as { [key: string]: string[] })
+  const dict = props.error.errors.reduce(
+    (result, err) => {
+      result[err.field || ""] = result[err.field || ""] || []
+      result[err.field || ""].push(err.message)
+      return result
+    },
+    {} as { [key: string]: string[] }
+  )
 
   let items: JSX.Element[] = []
 

public/models/post.ts

@@ -18,7 +18,13 @@ export interface Post {
 }
 
 export class PostStatus {
-  constructor(public title: string, public value: string, public show: boolean, public closed: boolean, public filterable: boolean) {}
+  constructor(
+    public title: string,
+    public value: string,
+    public show: boolean,
+    public closed: boolean,
+    public filterable: boolean
+  ) {}
 
   public static Open = new PostStatus("Open", "open", false, false, true)
   public static Planned = new PostStatus("Planned", "planned", true, false, true)

public/pages/Error/Error.page.spec.tsx

@@ -5,7 +5,7 @@ import { FiderContext } from "@fider/services"
 import { fiderMock } from "@fider/services/testing"
 
 describe("<ErrorPage />", () => {
-  const createFakeErrorInfo = () => ({ componentStack: "" } as React.ErrorInfo)
+  const createFakeErrorInfo = () => ({ componentStack: "" }) as React.ErrorInfo
 
   test("it should show the error when showError returns true", () => {
     const error = new Error("Hello")