Update to handle Rumble change

.eslintrc

@@ -67,6 +67,7 @@
         "jsdoc/require-jsdoc": [
             "error",
             {
+                "contexts": ["TSInterfaceDeclaration", "TSTypeAliasDeclaration", "TSEnumDeclaration"],
                 "require": {
                     "ArrowFunctionExpression": true,
                     "ClassDeclaration": true,

.github/workflows/lint.yml

@@ -11,10 +11,13 @@ jobs:
         steps:
             - uses: actions/checkout@v3
 
-            - name: Set Node.js 16.x
+            - name: Enable Corepack
+              run: corepack enable
+
+            - name: Set Node.js 20.x
               uses: actions/setup-node@v3
               with:
-                  node-version: 16.x
+                  node-version: 20.x
                   cache: "yarn"
 
             - name: Install project dependencies

.nvmrc

@@ -0,0 +1 @@
+v22.0.0

CHANGELOG.md

@@ -1,5 +1,23 @@
 # RantStats Extension for Rumble.com
 
+## 1.4.6
+
+-   Fix context menu showing up on all pages instead of only Rumble video pages
+-   Add About page
+
+## 1.4.5
+
+-   Open options page when clicking icon instead of popup
+-   Options page design, re-work logging, general cleanup
+-   Add option to disable alternate colors in chat
+-   Only enable save button when option changed
+-   Fix open chat button due to Rumble change
+-   Add context menu to open sidebar when button is missing due to Rumble changes
+
+Resolved:
+
+-   [Issue #16](https://github.com/rantstats/rantstats-extension/issues/16)
+
 ## 1.4.4
 
 -   Hide console messages for release build

README.md

@@ -27,11 +27,11 @@ Extensions require the following permissions:
 -   `storage`: save options and stream data to local browser storage
 -   `unlimitedStorage`: removes storage limit (see current usage in options page)
 -   `tabs`: used to sync options and other data between pages running extension and to open the Cached Rants page
+-   `contextMenus`: adds option to context menu to open Rant Stats sidebar (or popup). Useful when Rumble changes layout and breaks button in page.
 
 ## Sidebar
 
-Open the sidebar (or popup) by clicking the "View Rants" button in the chat area of a stream that is currently live or
-the "Open Cached Rants" link on a stream archive page.
+Open the sidebar (or popup) by clicking the "View Rants" button in the chat area of a stream that is currently live or the "Open Cached Rants" link on a stream archive page. Additionally, there is a context menu "Open Rant Stats" that attempts to open the sidebar (or popup) for the current video.
 
 ![Chat Button](images/chat-small.png) ![Cached Button](images/cached-button.png)
 
@@ -65,9 +65,11 @@ If open as a sidebar, click the "Open as popup" icon to open the sidebar in a po
 
 ## Options Page
 
-The following options are available by clicking on the extension icon or opening the standalone page.
+The following options are available by clicking on the extension icon to open the Options Page.
 
-![Options](images/options-popup.png)
+After making any change, click the Save button. If no changes have been made, the Save button is disabled.
+
+![Options](images/options-page.png)
 
 ### Options
 
@@ -107,6 +109,10 @@ Options:
 -   `Dark`: Always use dark mode regardless of Rumble's settings
 -   `Light`: Always use light mode regardless of Rumble's settings
 
+**Alternate Colors**
+
+Enables alternate colors of chat messages.
+
 **Open as Popup**
 
 Open the Rants viewer for the stream in a popup window instead of as a sidebar.
@@ -185,5 +191,5 @@ If you want to support me:
 -   [PayPal](https://www.paypal.me/stevencrader)
 -   [$craders](https://www.cash.app/$craders)
 -   [Venmo](https://venmo.com/code?user_id=467277291978752568&created=1654152122)
--   [Twitter (Rant Stats)](https://twitter.com/stevencrader)
--   [Twitter (Me)](https://twitter.com/rantstats_com)
+-   [X (Rant Stats)](https://x.com/stevencrader)
+-   [X (Me)](https://x.com/rantstats_com)

package.json

@@ -1,14 +1,16 @@
 {
     "name": "rantstats-extension",
-    "version": "1.4.4",
+    "version": "1.4.6",
     "packageManager": "[email protected]",
     "description": "Add support for capturing paid Rumble Rants for Rumble.com livestreams.",
     "main": "output/pages/content/content.js",
     "scripts": {
-        "build": "webpack --mode=development",
-        "build-watch": "yarn build --watch",
-        "build-sass": "node-sass src/ --output output --linefeed cr",
-        "build-sass-watch": "yarn build-sass --watch",
+        "build": "run-p -cln 'build:*'",
+        "build:webpack": "webpack --mode=development",
+        "build:sass": "sass src/styles.scss:output/styles.css src/pages/rants/rants.scss:output/pages/rants/rants.css src/pages/pages.scss:output/pages/pages.css src/pages/options/options.scss:output/pages/options/options.css src/pages/about/about.scss:output/pages/about/about.css src/components/rants/rants.scss:output/components/rants/rants.css src/components/rants/rant.scss:output/components/rants/rant.css src/components/open-chat/open-chat.scss:output/components/open-chat/open-chat.css",
+        "watch": "run-p -cln 'watch:*'",
+        "watch:webpack:": "yarn build:webpack --watch",
+        "watch:sass": "yarn build:sass --watch",
         "lint": "run-p -cln 'lint:*'",
         "lint:eslint": "eslint src/",
         "lint:prettier": "prettier --check .",
@@ -19,7 +21,7 @@
         "build-release": "run-p -cln 'build-release:*'",
         "build-release:lint": "yarn lint",
         "build-release:js": "yarn build --mode=production",
-        "build-release:sass": "yarn build-sass --output-style compressed"
+        "build-release:sass": "sass --style=compressed src/styles.scss:output/styles.css src/pages/rants/rants.scss:output/pages/rants/rants.css src/pages/pages.scss:output/pages/pages.css src/pages/options/options.scss:output/pages/options/options.css src/pages/about/about.scss:output/pages/about/about.css src/components/rants/rants.scss:output/components/rants/rants.css src/components/rants/rant.scss:output/components/rants/rant.css src/components/open-chat/open-chat.scss:output/components/open-chat/open-chat.css"
     },
     "repository": {
         "type": "git",
@@ -41,30 +43,31 @@
     },
     "homepage": "https://rantstats.com/",
     "devDependencies": {
-        "@types/chrome": "^0.0.224",
-        "@types/node": "^20.5.9",
-        "@typescript-eslint/eslint-plugin": "^6.5.0",
-        "@typescript-eslint/parser": "^6.5.0",
+        "@types/chrome": "^0.0.248",
+        "@types/node": "^20.8.8",
+        "@typescript-eslint/eslint-plugin": "^6.9.0",
+        "@typescript-eslint/parser": "^6.9.0",
         "copy-webpack-plugin": "^11.0.0",
-        "eslint": "^8.48.0",
+        "eslint": "^8.52.0",
         "eslint-config-airbnb-base": "^15.0.0",
         "eslint-config-airbnb-typescript": "^17.1.0",
         "eslint-config-airbnb-typescript-base": "^4.0.2",
         "eslint-config-prettier": "^9.0.0",
-        "eslint-import-resolver-typescript": "^3.6.0",
-        "eslint-plugin-import": "^2.28.1",
-        "eslint-plugin-jsdoc": "^46.5.1",
-        "eslint-plugin-prettier": "^5.0.0",
+        "eslint-import-resolver-typescript": "^3.6.1",
+        "eslint-plugin-import": "^2.29.0",
+        "eslint-plugin-jsdoc": "^46.8.2",
+        "eslint-plugin-prettier": "^5.0.1",
         "eslint-plugin-sonarjs": "^0.21.0",
         "http-server": "^14.1.1",
         "madge": "^6.1.0",
-        "node-sass": "9.0.0",
         "npm-run-all": "^4.1.5",
         "prettier": "^3.0.3",
-        "ts-loader": "^9.4.4",
+        "raw-loader": "^4.0.2",
+        "sass": "^1.77.8",
+        "ts-loader": "^9.5.0",
         "ts-node": "^10.9.1",
         "typescript": "^5.2.2",
-        "webpack": "^5.88.2",
+        "webpack": "^5.89.0",
         "webpack-cli": "^5.1.4"
     }
 }