Update (#57)

* chore(deps,tooling): upgrade deps and replace add-new-post CLI with shell script

- Upgrade React 18→19, Gatsby 5.14→5.16, ESLint 9→10, Jest 29→30
- Replace add-new-post TypeScript CLI with scripts/add-new-post.sh
- Remove .eslintrc.js, src/utilities/cli.ts, tsconfig.cli.json
- Add prettier-plugin-sh, simplify .prettierignore, update lint-staged

* refactor: update ESLint configuration and improve TypeScript support

- Adjust parser options to allow default projects for JavaScript files.
- Expand TypeScript file matching to include .tsx files.
- Disable specific TypeScript rules until parser options are reliably set.
- Refactor various components to use interfaces instead of types for better consistency.
- Clean up image markdown formatting in blog posts and add new posts for "Poor animals" in both English and Russian.

* feat: add images and update titles for "Poor animals" blog post

- Added five new images related to the blog post.
- Updated the post titles in both English and Russian to include "RIP".

* feat: implement BitTorrent visualization component

- Added a new visualization component for BitTorrent using Processing.js.
- Implemented peer and connection management, including adding/removing peers and visual representation of data transfer.
- Enhanced user interaction with keyboard controls for adding/removing peers and seeders.
- Introduced a graphical representation of peers and their data bits, improving the overall user experience.

* refactor: rename and restructure BitTorrent visualization classes

- Renamed `Bit` class to `Piece` and `Kibble` class to `PieceTransfer` for clarity.
- Updated connection management to handle pieces instead of bits, improving code readability.
- Refactored methods to create and draw pieces, enhancing the visualization logic.
- Adjusted peer management to track pieces instead of bits, streamlining data handling.

* feat: enhance user interaction in BitTorrent visualization

- Added mouse interaction for selecting peers and adding/removing them based on clicks.
- Implemented a function to check if a mouse click is within a peer's visual representation.
- Improved user experience by allowing right-click to add seeders and left-click to add peers.

Author: itfarrier

.eslintrc.js

@@ -7,7 +7,6 @@ __generated__/
 node_modules/
 public/
 
-
 # Yarn
 
 .yarn/*

.gitignore

@@ -1,7 +1 @@
-/*
-!**/*.js*
-!**/*.json
-!**/*.ts*
-!**/*.yml
-!**/*.yaml
-!src
+package-lock.json

.prettierignore

@@ -11,14 +11,23 @@ module.exports = tseslint.config(
   ...tseslint.configs.stylisticTypeChecked,
   {
     languageOptions: {
-      parserOptions: { projectService: { allowDefaultProject: ['*.js', '*.ts'] }, tsconfigRootDir: __dirname },
+      parserOptions: {
+        projectService: { allowDefaultProject: ['*.js'] },
+        tsconfigRootDir: __dirname,
+      },
     },
   },
   {
-    files: ['**/*.ts'],
-    languageOptions: { globals: { ...globals.browser, ...globals.builtin } },
+    files: ['**/*.ts', '**/*.tsx'],
+    languageOptions: {
+      globals: { ...globals.browser, ...globals.builtin },
+    },
     name: 'TypeScript',
-    plugins: { perfectionist },
+    rules: {
+      // Off until context.parserOptions is reliably set by the parser (projectService)
+      '@typescript-eslint/consistent-generic-constructors': 'off',
+      '@typescript-eslint/no-deprecated': 'off',
+    },
   },
   {
     ...tseslint.configs.disableTypeChecked,
@@ -29,9 +38,16 @@ module.exports = tseslint.config(
   {
     ...tseslint.configs.disableTypeChecked,
     files: ['**/*.config.js'],
-    languageOptions: { globals: { ...globals.builtin, ...globals.node } },
+    languageOptions: {
+      globals: { ...globals.builtin, ...globals.node },
+      parserOptions: { program: null, project: false, projectService: false },
+    },
     name: 'JavaScript configs',
-    rules: { '@typescript-eslint/no-require-imports': 'off', '@typescript-eslint/no-unsafe-assignment': 'off' },
+    rules: {
+      ...tseslint.configs.disableTypeChecked.rules,
+      '@typescript-eslint/no-require-imports': 'off',
+      '@typescript-eslint/no-unsafe-assignment': 'off',
+    },
   },
   {
     ...tseslint.configs.disableTypeChecked,

eslint.config.js

@@ -16,7 +16,6 @@ export const onCreateBabelConfig: GatsbyNode['onCreateBabelConfig'] = (gatsbyNod
 };
 
 export const createPages: GatsbyNode['createPages'] = (args) => {
-  // eslint-disable-next-line @typescript-eslint/unbound-method
   const {
     actions: { createPage },
     graphql,
@@ -75,7 +74,7 @@ export const createPages: GatsbyNode['createPages'] = (args) => {
 
             const next = index === 0 ? null : groupedByTypeAndLanguage?.[EDGE_TYPES.POST]?.[langKey]?.[index - 1]?.node;
             const previous =
-              index === groupedByTypeAndLanguage?.[EDGE_TYPES.POST]?.[langKey]?.length ?? 0 - 1
+              (index === groupedByTypeAndLanguage?.[EDGE_TYPES.POST]?.[langKey]?.length ?? 0 - 1)
                 ? null
                 : groupedByTypeAndLanguage?.[EDGE_TYPES.POST]?.[langKey]?.[index + 1]?.node;
 

gatsby-node.ts

@@ -1,3 +1,6 @@
 module.exports = {
-  '*': ['eslint --debug --fix', 'prettier --log-level debug --write'],
+  '*': ['eslint --debug --fix'],
+  '*.{js,jsx,ts,tsx,mjs,cjs,json,json5,css,scss,less,html,md,mdx,yml,yaml,graphql,gql,vue,sh}': [
+    'prettier --log-level debug --write',
+  ],
 };