Change default port to 8900 (#429)

Port 7000 is occupied by default on macOS.
This also makes it simpler how to customize it
(use env var instead of hardcoded in the package.json)

Fix #325

Author: mdubet

Development.md

@@ -25,9 +25,9 @@ In your working directory, open terminal and paste the following commands:
 
 1. In your terminal run:
     ```sh
-        npm run dev
+        PORT=8900 npm run dev # Passing the env var PORT is optional
     ```
-2. Open your browser of choice and navigate to [http://127.0.0.1:7000](http://127.0.0.1:7000)
+2. Open your browser of choice and navigate to [http://127.0.0.1:8900](http://127.0.0.1:8900)
 
 ## Local Server
 

package.json

@@ -15,8 +15,8 @@
     },
     "license": "SEE LICENSE IN LICENSE",
     "scripts": {
-        "dev": "http-server ./ -p 7000 -c-1 --cors",
-        "server": "http-server ./ -p 7000 --cors",
+        "dev": "http-server ./ -c-1 --cors",
+        "server": "http-server ./ --cors",
         "lint:check": "eslint **/*.{js,mjs,jsx,ts,tsx}",
         "lint:fix": "eslint \"**/*.{js,mjs,jsx,ts,tsx}\" --fix",
         "pretty:check": "prettier --check ./",

resources/charts/README.md

@@ -41,7 +41,7 @@ convenient to open these benchmarks with their specific files.
 
 You can load this benchmark with the `/observable-plot.html` page, for example
 http://localhost:5173/observable-plot.html if you run it locally or
-http://localhost:7000/resources/charts/dist/observable-plot.html in the
+http://localhost:8900/resources/charts/dist/observable-plot.html in the
 context of the speedometer.
 
 Observable Plot is D3-based and outputs SVG.
@@ -63,7 +63,7 @@ US. You can consult them in the [datasets directory](./datasets).
 
 You can load this benchmark with the `/chartjs.html` page, for example
 http://localhost:5173/chartjs.html if you run it locally or
-http://localhost:7000/resources/charts/dist/chartjs.html in the
+http://localhost:8900/resources/charts/dist/chartjs.html in the
 context of speedometer.
 
 ChartJS is canvas-based.

resources/editors/README.md

@@ -24,4 +24,4 @@ The test simulates a real-world user flow by loading a number of popular editor
 
 The app was created with `npm create vite@latest editors`, and can be previewed with `npm run dev`. In order to update the files run in the harness you have to use `npm run build` which will recreate the `dist/` directory.
 
-The built test can be loaded within the harness using i.e. http://localhost:7000/?suite=Editor-CodeMirror&startAutomatically=true, or the static versions at http://localhost:7000/resources/editors/dist/.
+The built test can be loaded within the harness using i.e. http://localhost:8900/?suite=Editor-CodeMirror&startAutomatically=true, or the static versions at http://localhost:7000/resources/editors/dist/.