chore: formatted, prettified, legacy deps

.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true

.prettierrc.js

@@ -1,3 +1,4 @@
 module.exports = {
   ...require("@mastermindzh/prettier-config"),
+  trailingComma: "all",
 };

.prettierrc.json

@@ -0,0 +1,22 @@
+{
+  "printWidth": 100,
+  "useTabs": false,
+  "tabWidth": 2,
+  "singleQuote": false,
+  "jsxSingleQuote": false,
+  "quoteProps": "as-needed",
+  "trailingComma": "all",
+  "bracketSpacing": true,
+  "bracketSameLine": false,
+  "arrowParens": "always",
+  "requirePragma": false,
+  "insertPragma": false,
+  "proseWrap": "preserve",
+  "htmlWhitespaceSensitivity": "css",
+  "endOfLine": "lf",
+  "semi": true,
+  "singleAttributePerLine": false,
+  "embeddedLanguageFormatting": "auto",
+  "vueIndentScriptAndStyle": false,
+  "experimentalTernaries": false
+}

internal/gatsby/create-pages.ts

@@ -99,7 +99,7 @@ const createPages: GatsbyNode["createPages"] = async ({ graphql, actions }) => {
     const path = utils.concat(
       constants.routes.categoryRoute,
       "/",
-      utils.toKebabCase(category.fieldValue)
+      utils.toKebabCase(category.fieldValue),
     );
 
     for (let page = 0; page < total; page += 1) {

internal/gatsby/on-create-node.ts

@@ -28,7 +28,7 @@ const onCreateNode: GatsbyNode["onCreateNode"] = ({ node, actions, getNode }) =>
 
     if (tags) {
       const value = tags.map((tag) =>
-        utils.concat(constants.routes.tagRoute, "/", utils.toKebabCase(tag), "/")
+        utils.concat(constants.routes.tagRoute, "/", utils.toKebabCase(tag), "/"),
       );
 
       createNodeField({ node, name: "tagSlugs", value });
@@ -39,7 +39,7 @@ const onCreateNode: GatsbyNode["onCreateNode"] = ({ node, actions, getNode }) =>
         constants.routes.categoryRoute,
         "/",
         utils.toKebabCase(category),
-        "/"
+        "/",
       );
 
       createNodeField({ node, name: "categorySlug", value });

internal/gatsby/on-create-webpack-config.ts

@@ -15,7 +15,7 @@ const onCreateWebpackConfig = (
             ...aliases,
             [name]: path.resolve(target),
           }),
-          {}
+          {},
         ),
       },
     });

internal/testing/__mocks__/gatsby.ts

@@ -5,24 +5,12 @@ const gatsby = jest.requireActual("gatsby");
 export default {
   ...gatsby,
   graphql: jest.fn(),
-  Link: jest
+  Link: jest.fn().mockImplementation(({ to, ...rest }) =>
-    .fn()
+    React.createElement("a", {
-    .mockImplementation(
+      ...rest,
-      ({
+      href: to,
-        activeClassName,
+    }),
-        activeStyle,
+  ),
-        getProps,
-        innerRef,
-        ref,
-        replace,
-        to,
-        ...rest
-      }) =>
-        React.createElement("a", {
-          ...rest,
-          href: to,
-        }),
-    ),
   StaticQuery: jest.fn(),
   useStaticQuery: jest.fn(),
 };

package.json

@@ -23,6 +23,7 @@
     "format": "npm run format:ts && npm run format:scss",
     "format:scss": "stylelint \"src/**/*.scss\" --fix",
     "format:ts": "eslint \"src/**/*.{ts,tsx}\" --fix && prettier --write .",
+    "install:legacy": "npm install --legacy-peer-deps",
     "lint": "npm run lint:ts && npm run lint:scss",
     "lint:scss": "stylelint \"src/**/*.scss\"",
     "lint:staged": "lint-staged",
@@ -100,11 +101,11 @@
     "@eslint/js": "^9.31.0",
     "@jest/globals": "^30.0.4",
     "@mastermindzh/eslint-config": "^3.1.0",
-    "@mastermindzh/prettier-config": "^1.0.0",
+    "@mastermindzh/prettier-config": "^1.1.0",
     "@swc/core": "^1.12.14",
     "@swc/jest": "^0.2.39",
     "@types/gatsby-transformer-remark": "^2.9.4",
-    "@types/jest": "^29.5.14",
+    "@types/jest": "^30.0.0",
     "@types/node": "^24.0.14",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",

src/components/Post/Author/Author.test.tsx

@@ -11,9 +11,7 @@ const mockedUseStaticQuery = useStaticQuery as jest.Mock;
 
 describe("Author", () => {
   beforeEach(() => {
-    mockedStaticQuery.mockImplementationOnce(({ render }) =>
+    mockedStaticQuery.mockImplementationOnce(({ render }) => render(mocks.siteMetadata));
-      render(mocks.siteMetadata),
-    );
 
     mockedUseStaticQuery.mockReturnValue(mocks.siteMetadata);
   });

src/components/Post/Comments/Comments.test.tsx

@@ -11,9 +11,7 @@ const mockedUseStaticQuery = useStaticQuery as jest.Mock;
 
 describe("Comments", () => {
   beforeEach(() => {
-    mockedStaticQuery.mockImplementationOnce(({ render }) =>
+    mockedStaticQuery.mockImplementationOnce(({ render }) => render(mocks.siteMetadata));
-      render(mocks.siteMetadata),
-    );
 
     mockedUseStaticQuery.mockReturnValue(mocks.siteMetadata);
   });

src/components/Post/Post.test.tsx

@@ -11,9 +11,7 @@ const mockedUseStaticQuery = useStaticQuery as jest.Mock;
 
 describe("Post", () => {
   beforeEach(() => {
-    mockedStaticQuery.mockImplementationOnce(({ render }) =>
+    mockedStaticQuery.mockImplementationOnce(({ render }) => render(mocks.siteMetadata));
-      render(mocks.siteMetadata),
-    );
     mockedUseStaticQuery.mockReturnValue(mocks.siteMetadata);
   });
 

src/components/Sidebar/Contacts/Contacts.tsx

@@ -25,7 +25,7 @@ const Contacts: React.FC<Props> = ({ contacts }: Props) => (
               <Icon name={name} icon={getIcon(name)} />
             </a>
           </li>
-        ) : null
+        ) : null,
       )}
       <li className={styles.item} key="keys">
         <a className={styles.link} href="/keys.json" rel="noopener noreferrer" target="_blank">

src/components/Sidebar/Copyright/Copyright.tsx

@@ -6,8 +6,6 @@ type Props = {
   copyright: string;
 };
 
-const Copyright = ({ copyright }: Props) => (
+const Copyright = ({ copyright }: Props) => <div className={styles.copyright}>{copyright}</div>;
-  <div className={styles.copyright}>{copyright}</div>
-);
 
 export default Copyright;

src/components/Sidebar/Sidebar.test.tsx

@@ -11,9 +11,7 @@ const mockedUseStaticQuery = useStaticQuery as jest.Mock;
 
 describe("Sidebar", () => {
   beforeEach(() => {
-    mockedStaticQuery.mockImplementationOnce(({ render }) =>
+    mockedStaticQuery.mockImplementationOnce(({ render }) => render(mocks.siteMetadata));
-      render(mocks.siteMetadata),
-    );
     mockedUseStaticQuery.mockReturnValue(mocks.siteMetadata);
   });
 

src/templates/CategoriesTemplate/CategoriesTemplate.test.tsx

@@ -6,7 +6,6 @@ import { StaticQuery, useStaticQuery } from "gatsby";
 import CategoriesTemplate from "./CategoriesTemplate";
 import * as mocks from "@/mocks";
 
-
 const mockedStaticQuery = StaticQuery as jest.Mock;
 const mockedUseStaticQuery = useStaticQuery as jest.Mock;
 

src/templates/CategoryTemplate/CategoryTemplate.test.tsx

@@ -6,15 +6,12 @@ import { StaticQuery, useStaticQuery } from "gatsby";
 import CategoryTemplate from "./CategoryTemplate";
 import * as mocks from "@/mocks";
 
-
 const mockedStaticQuery = StaticQuery as jest.Mock;
 const mockedUseStaticQuery = useStaticQuery as jest.Mock;
 
 describe("CategoryTemplate", () => {
   beforeEach(() => {
-    mockedStaticQuery.mockImplementationOnce(({ render }) =>
+    mockedStaticQuery.mockImplementationOnce(({ render }) => render(mocks.siteMetadata));
-      render(mocks.siteMetadata),
-    );
     mockedUseStaticQuery.mockReturnValue(mocks.siteMetadata);
   });
 

src/templates/IndexTemplate/IndexTemplate.test.tsx

@@ -6,15 +6,12 @@ import { StaticQuery, useStaticQuery } from "gatsby";
 import IndexTemplate from "./IndexTemplate";
 import * as mocks from "@/mocks";
 
-
 const mockedStaticQuery = StaticQuery as jest.Mock;
 const mockedUseStaticQuery = useStaticQuery as jest.Mock;
 
 describe("IndexTemplate", () => {
   beforeEach(() => {
-    mockedStaticQuery.mockImplementationOnce(({ render }) =>
+    mockedStaticQuery.mockImplementationOnce(({ render }) => render(mocks.siteMetadata));
-      render(mocks.siteMetadata),
-    );
     mockedUseStaticQuery.mockReturnValue(mocks.siteMetadata);
   });
 

src/templates/NotFoundTemplate/NotFoundTemplate.test.tsx

@@ -6,15 +6,12 @@ import NotFoundTemplate from "./NotFoundTemplate";
 
 import * as mocks from "@/mocks";
 
-
 const mockedStaticQuery = StaticQuery as jest.Mock;
 const mockedUseStaticQuery = useStaticQuery as jest.Mock;
 
 describe("NotFoundTemplate", () => {
   beforeEach(() => {
-    mockedStaticQuery.mockImplementationOnce(({ render }) =>
+    mockedStaticQuery.mockImplementationOnce(({ render }) => render(mocks.siteMetadata));
-      render(mocks.siteMetadata),
-    );
     mockedUseStaticQuery.mockReturnValue(mocks.siteMetadata);
   });
 

src/templates/PostTemplate/PostTemplate.test.tsx

@@ -17,9 +17,7 @@ describe("PostTemplate", () => {
   };
 
   beforeEach(() => {
-    mockedStaticQuery.mockImplementationOnce(({ render }) =>
+    mockedStaticQuery.mockImplementationOnce(({ render }) => render(mocks.siteMetadata));
-      render(mocks.siteMetadata),
-    );
     mockedUseStaticQuery.mockReturnValue(mocks.siteMetadata);
   });
 

src/templates/TagTemplate/TagTemplate.test.tsx

@@ -9,9 +9,7 @@ const mockedUseStaticQuery = useStaticQuery as jest.Mock;
 
 describe("TagTemplate", () => {
   beforeEach(() => {
-    mockedStaticQuery.mockImplementationOnce(({ render }) =>
+    mockedStaticQuery.mockImplementationOnce(({ render }) => render(mocks.siteMetadata));
-      render(mocks.siteMetadata),
-    );
     mockedUseStaticQuery.mockReturnValue(mocks.siteMetadata);
   });
 

src/templates/TagsTemplate/TagsTemplate.test.tsx

@@ -6,7 +6,6 @@ import TagsTemplate from "./TagsTemplate";
 
 import * as mocks from "@/mocks";
 
-
 const mockedStaticQuery = StaticQuery as jest.Mock;
 const mockedUseStaticQuery = useStaticQuery as jest.Mock;