PUBS-2478 | Upgrade to react v19

.babelrc

@@ -2,12 +2,25 @@
     "presets": [
         [
             "@babel/preset-env",
-            { 
-                "targets": {
-                    "node": "current",
-                }
+            {
+                "targets": "defaults"
             }
         ],
         ["@babel/preset-react", {"runtime": "automatic"}]
-    ]
-}
+    ],
+    "env": {
+        "test": {
+            "presets": [
+                [
+                    "@babel/preset-env",
+                    {
+                        "targets": {
+                            "node": "current"
+                        }
+                    }
+                ],
+                ["@babel/preset-react", {"runtime": "automatic"}]
+            ]
+        }
+    }
+}

.eslintrc

@@ -12,7 +12,19 @@
         {
           "files": ["./src/*.ts"],
           "parser": "@typescript-eslint/parser",
-          "plugins": ["@typescript-eslint"]
+          "plugins": ["@typescript-eslint"],
+          "rules": {
+            "no-unused-vars": "off",
+            "@typescript-eslint/no-unused-vars": "error"
+          }
+        },
+        {
+          "files": ["demo/**/*"],
+          "rules": {
+            "import/no-extraneous-dependencies": ["error", {
+              "devDependencies": true
+            }]
+          }
         }
-    ] 
+    ]
 }

.github/workflows/webpack.yml

@@ -5,32 +5,35 @@ on:
     branches: [ main ]
   pull_request:
     branches: [ main ]
+  workflow_dispatch:
 
 jobs:
   build:
     runs-on: ubuntu-latest
 
     strategy:
       matrix:
-        node-version: [12.x, 14.x, 16.x]
+        node-version: [18.x, 20.x, 22.x]
 
     steps:
-    - uses: actions/checkout@v2
+    - uses: actions/checkout@v4
 
     - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
+      uses: actions/setup-node@v4
       with:
         node-version: ${{ matrix.node-version }}
 
-    - name: Build
+    - name: Install & Test
       run: |
         npm install
         npm run ci
 
+    - name: React 17/18/19 compat smoke test
+      run: npm run test:compat
+
     - name: Commit Badges
-      if: ${{ matrix.node-version == '14.x' }}
-      uses: stefanzweifel/git-auto-commit-action@v4
+      if: ${{ github.event_name == 'push' && matrix.node-version == '20.x' }}
+      uses: stefanzweifel/git-auto-commit-action@v5
       with:
-        push_options: --force
-        token: ${{ secrets.PAT }}
+        file_pattern: badges/*.svg
         commit_message: Updated Badges

.gitignore

@@ -1 +1,4 @@
-node_modules
+node_modules
+coverage
+demo/bundle.js
+lib

.npmignore

@@ -1,8 +1,11 @@
 src
 demo
+demo.html
+webpack.demo.js
 .babelrc
 .eslintrc
 webpack.config.js
 coverage
 test
-package-lock.json
+badges
+package-lock.json

README.md

@@ -4,6 +4,7 @@
 
 `<JWPlayer>` is a React Component that creates an instance of JW Player's web player. It allows for the use of any player configuration options and/or event hooks that can be used on the standard player (as props), and provides access to player's API directly via a `componentDidMount` callback.
 
+**Supports React 17, 18, and 19.**
 
 ## Contents
 
@@ -14,6 +15,7 @@
   * [Optional Props](#optional-props)
   * [API Functionality](#api-functionality)
 * [Advanced Implementation Examples](#advanced-implementation-examples)
+* [Development](#development)
 * [Contributing](#contributing)
 
 ## Installation
@@ -75,7 +77,7 @@ const playlist = [{
 ```
 
 ## Required Props
-These props are required to instantient an instance of JW Player:
+These props are required to instantiate an instance of JW Player:
 
 * `library`
   * Must be a url to a jwplayer web player library. Required if jwplayer library not already instantiated on page (ie. if window.jwplayer is undefined).
@@ -302,5 +304,33 @@ class PlayerContainer extends React.Component {
 export default PlayerContainer;
 ```
 
+## Development
+
+Requires **Node.js 18+**.
+
+```shell
+# Install dependencies
+npm install
+
+# Build the library
+npm run build
+
+# Run tests
+npm test
+
+# Verify the built lib against React 17, 18, and 19 (requires npm run build first)
+npm run test:compat
+
+# Typecheck the shipped TypeScript declarations
+npm run test:types
+
+# Lint
+npm run lint
+
+# Build and open the demo page
+npm run demo
+# Then serve the project root (e.g. npx http-server) and open demo.html
+```
+
 ## Contributing
 Post issues, or put up PRs that solve pre-existing issues.