Update dependency pre-commit to v4

This PR contains the following updates:

| Package | Type | Update | Change |
|---|---|---|---|
| [eslint-plugin-sonarjs](https://github.com/SonarSource/SonarJS/blob/master/packages/jsts/src/rules/README.md) ([source](https://github.com/SonarSource/SonarJS)) | devDependencies | patch | [`2.0.2` -> `2.0.4`](https://renovatebot.com/diffs/npm/eslint-plugin-sonarjs/2.0.2/2.0.4) |

---

### Release Notes

<details>
<summary>SonarSource/SonarJS (eslint-plugin-sonarjs)</summary>

### [`v2.0.4`](ec69f7a6c1...273825f98b)

[Compare Source](ec69f7a6c1...273825f98b)

### [`v2.0.3`](67657ff99f...ec69f7a6c1)

[Compare Source](67657ff99f...ec69f7a6c1)

</details>

---

### Configuration

📅 **Schedule**: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied.

♻️ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about this update again.

---

 - [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check this box

---

This PR has been generated by [Renovate Bot](https://github.com/renovatebot/renovate).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzOC4xMDMuMSIsInVwZGF0ZWRJblZlciI6IjM4LjEyNy4wIiwidGFyZ2V0QnJhbmNoIjoiZGV2ZWxvcCIsImxhYmVscyI6W119-->

Reviewed-on: #30
Co-authored-by: Renovate Bot <averymd+renovate@irrsinn.net>
Co-committed-by: Renovate Bot <averymd+renovate@irrsinn.net>

CHANGELOG.md

@@ -0,0 +1,9 @@
+# Changelog
+
+## 1.0.0
+
+1. Initial release
+2. Load from RSS with automatic handling of paging in background load
+3. Searching and filtering, with faceted filters on keywords and rating
+
+Doesn't include the keyword chips being clickable to add to the column filter.

CodeAnalysisJenkinsfile

@@ -4,7 +4,7 @@ pipeline {
   }
   options {
     quietPeriod(120)
-    disableConcurrentBuilds()
+    disableConcurrentBuilds(abortPrevious: true)
   }
   tools {nodejs "Node 20"}
   environment {

Jenkinsfile

@@ -36,7 +36,7 @@ pipeline {
 
     stage('Deploy if tagged') {
       when {
-        tag pattern: '(\\d+\\.){3}', comparator: "REGEXP"
+        tag pattern: '\\d+\\.\\d+\\.\\d+', comparator: "REGEXP"
       }
       steps {
         s3Upload profileName: 'Irrsinn.net Buckets',

README.md

@@ -1,2 +1,5 @@
-# public-plex-watchlist
-Turn your Plex Watchlist RSS feed into an interface non-Plex folks can search and filter
+# Public Plex Watchlist
+
+Turn your Plex Watchlist RSS feed into an interface non-Plex folks can search and filter.
+
+[Changelog](/CHANGELOG.md)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "public-plex-watchlist",
-  "version": "0.0.1",
+  "version": "1.0.0",
   "description": "Turn your Plex Watchlist RSS feed into an interface non-Plex folks can search and filter.",
   "source": "src/index.html",
   "scripts": {
@@ -45,14 +45,14 @@
     "eslint": "^9.5.0",
     "eslint-formatter-checkstyle": "^8.40.0",
     "eslint-plugin-react-hooks": "^5.1.0-rc-1434af3d22-20240618",
-    "eslint-plugin-sonarjs": "^1.0.3",
+    "eslint-plugin-sonarjs": "^2.0.0",
     "events": "^3.3.0",
     "https-browserify": "^1.0.0",
     "nodemon": "^3.1.4",
     "parcel": "^2.12.0",
     "process": "^0.11.10",
     "prop-types": "^15.8.1",
-    "punycode": "^1.4.1",
+    "punycode": "^2.0.0",
     "stream-browserify": "^3.0.0",
     "stream-http": "^3.2.0",
     "string_decoder": "^1.3.0",

renovate.json

@@ -0,0 +1,3 @@
+{
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json"
+}

requirements.txt

@@ -1,2 +1,2 @@
 detect-secrets==1.5.0
-pre-commit==3.7.1
+pre-commit==4.5.1

src/components/Watchlist/index.js

@@ -1,6 +1,6 @@
 import { useInfiniteQuery } from '@tanstack/react-query';
 import { fetchPlexWatchlistFeed } from '../../api/plexApi';
-import { useCallback, useEffect, useMemo, useRef } from 'react';
+import { useCallback, useEffect, useMemo } from 'react';
 import React from 'react';
 import WatchlistTable from '../WatchlistTable';
 
@@ -24,15 +24,7 @@ export default function Watchlist() {
 
   let loadMoreItems = useCallback(
     (containerRefElement) => {
-      // if (containerRefElement) {
-      // const { scrollHeight, scrollTop, clientHeight } = containerRefElement;
-      //once the user has scrolled within 400px of the bottom of the table, fetch more data if we can
-
-      if (
-        // scrollHeight - scrollTop - clientHeight < 400 &&
-        !isFetching &&
-        hasNextPage
-      ) {
+      if (!isFetching && hasNextPage) {
         fetchNextPage();
       }
       // }