Merge pull request #296 from llam722/louis-patch-1

Add compatibility for Nodev18.12.1

Author: llam722

DeveloperREADME.md

@@ -18,6 +18,8 @@ cd reactime
 npm install --force
 npm run build
 ```
+<b>With release of Node v18.12.1 (LTS) on 11/4/22, the script has been updated to 'npm run dev' || 'npm run build' for backwards compatibility.<br/>
+For version Node v16.16.0, please use script 'npm run devlegacy' || 'npm run buildlegacy'</b>
 
 4. Spin up the demo application.
 

README.md

@@ -30,7 +30,7 @@
 
 <h5 align="center">
 <br>
-  <a href="./README.rus.md">🇷🇺  &nbsp; РУССКАЯ ВЕРСИЯ</a> &nbsp; • &nbsp;  <a href="./README.fr.md">🇫🇷  &nbsp; VERSION FRANÇAISE</a>
+  <a href="./README.rus.md">🇷🇺  &nbsp; РУССКАЯ ВЕРСИЯ</a> &nbsp; • &nbsp;  <a href="./README.fr.md">🇫🇷  &nbsp; VERSION FRANÇAISE</a> &nbsp; • &nbsp; <a href='/DeveloperREADME.md'>DEVELOPER INSTALL</a> &nbsp; • &nbsp; <a href='./src/README.md'>DEVELOPER README</a>
   <br>
 </h5>
 <br>
@@ -47,6 +47,9 @@
 
 The primary purpose of this update is to allow easier understanding of Reactime's codebase by individuals or groups wishing to further update Reactime, keeping this great developer tool alive. 
 
+With release of Node v18.12.1(LTS) on 11/4/22, the script has been updated to 'npm run dev' || 'npm run build' for backwards compatibility.<br/>
+For version Node v16.16.0, please use script 'npm run devlegacy' || 'npm run buildlegacy'
+
 Previously, <b>Reactime 14.0 and 15.0</b> added the exciting features below:
 
 I. React Router Compatibility <br>
@@ -98,6 +101,11 @@ Try refreshing the application you want to test and refresh the DevTools by clic
 
 Reactime is an open source project, and we’d really appreciate your help with improving user experience. Please create a pull request (or issue) to propose and collaborate on changes to a repository.
 
+### ❓ <b>Node version compatiability</b>
+
+With release of Node v18.12.1(LTS) on 11/4/22, the script has been updated to 'npm run dev' | 'npm run build' for backwards compatibility.<br/>
+For version Node v16.16.0, please use script 'npm run devlegacy' | 'npm run buildlegacy'
+
 ## <b>Features</b>
 
 ### 🔹 Viewing

package.json

@@ -14,8 +14,10 @@
     ]
   },
   "scripts": {
-    "build": "webpack --mode production",
-    "dev": "webpack --mode development --watch",
+    "build": "NODE_OPTIONS=--openssl-legacy-provider webpack --mode production",
+    "dev": "NODE_OPTIONS=--openssl-legacy-provider webpack --mode development --watch",
+    "buildlegacy": "webpack --mode production",
+    "devlegacy": "webpack --mode development --watch",
     "test": "jest --verbose --coverage",
     "test-on": "./node_modules/.bin/jest $1",
     "docker-test-lint": "eslint --ext .js --ext .jsx src",

src/README.md

@@ -3,6 +3,9 @@
 ## Brief
 Our mission at Reactime is to maintain and iterate constantly, but never at the expense of future developers.<br />We know how hard it is to quickly get up to speed and onboard in a new codebase.<br />So, here are some helpful pointers to help you hit the ground running. 🏃🏾💨
 
+<b>With release of Node v18.12.1 (LTS) on 11/4/22, the script has been updated to 'npm run dev' || 'npm run build' for backwards compatibility.<br/>
+For version Node v16.16.0, please use script 'npm run devlegacy' || 'npm run buildlegacy'</b>
+
 ## Quick Tips
 - _Before_ beginning development, especially on teams, make sure to configure your linter and code formatting to conform to one unified setting (We recommend [the Airbnb style guide](https://github.com/airbnb/javascript)!) This will make reviewing PRs much more readable and less error-prone.
 

src/extension/build/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "Reactime",
-  "version": "15.0.0",
+  "version": "16.0.0",
   "devtools_page": "devtools.html",
   "description": "A Chrome extension that helps debug React applications by memorizing the state of components with every render.",
   "manifest_version": 3,