adde dev option to benchmarks

Author: bennobuilder

README.md

@@ -88,19 +88,19 @@ The philosophy behind AgileTs is simple:
 
 Write minimalistic, boilerplate-free code that captures your intent.
 ```ts
-// Create State with inital value 'frank'
+// Create State with the inital value 'frank'
 const MY_STATE = createState('frank');
 
-// Update State value from 'frank' to 'jeff'
+// Update the State value from 'frank' to 'jeff'
 MY_STATE.set('jeff');
 
-// Undo latest State value change
+// Undo the latest State value change
 MY_STATE.undo();
 
-// Reset State value to its initial value
+// Reset the State value to its initial value
 MY_STATE.reset();
 
-// Permanently store State value in an external Storage
+// Permanently store the State value in an external Storage
 MY_STATE.persist("storage-key"); 
 ```
 

benchmark/.env

@@ -1 +1 @@
-MANUAL_BENCHMARK=false
+DEV=false

benchmark/README.md

@@ -121,10 +121,18 @@ Execute the benchmark located in `./benchmarks/react/counter`.
 ```ts
 yarn run test:counter
 ```
+If you want to test it manually, enable the `dev mode`.
+```ts
+yarn run test:counter --dev
+```
+The difference to the 'normal' mode is that:
+- the executed bundle isn't `minified`
+- the test has to be started manually by opening `localhost:3003`
+- the test results are printed in the `browser console`
 
 ## ⭐️ Contribute
 
-Get a part of AgileTs and start contributing. We welcome any meaningful contribution. 😀
+Feel free to add more tests and State Managers to be tested. We welcome any meaningful contribution. 😀
 To find out more about contributing, check out the [CONTRIBUTING.md](https://github.com/agile-ts/agile/blob/master/CONTRIBUTING.md).
 
 <a href="https://codeclimate.com/github/agile-ts/agile/coverage.svg">

benchmark/run.ts

@@ -10,6 +10,7 @@ dotenv.config();
 // Extract entry (at third parameter) from the executed command
 // yarn run ./path/to/entry -> './path/to/entry' is extracted
 const entry = process.argv.slice(2)[0];
+const dev = process.argv.slice(2)[1] === '--dev' || process.env.DEV === 'true';
 if (entry == null) {
   throw new Error(
     "No valid entry was provided! Valid entry example: 'yarn run ./benchmarks/react/counter'"
@@ -34,7 +35,7 @@ const startBenchmark = async () => {
       target: 'es2015',
       format: 'cjs', // https://esbuild.github.io/api/#format-commonjs
       platform: 'browser',
-      minify: true, // https://esbuild.github.io/api/#minify
+      minify: !dev, // https://esbuild.github.io/api/#minify
       bundle: true, // https://esbuild.github.io/api/#bundle
       sourcemap: 'external', // https://esbuild.github.io/api/#sourcemap// https://github.com/evanw/esbuild/issues/69
     }
@@ -53,7 +54,12 @@ const startBenchmark = async () => {
   const page = await context.newPage();
 
   // Option to open and test the Benchmark Test Suite in the browser manually
-  if (process.env.MANUAL_BENCHMARK === 'true') {
+  if (dev) {
+    console.log(
+      `${chalk.blue('[i]')} ${chalk.gray(
+        `Development mode is ${chalk.green(`active`)}`
+      )}`
+    );
     console.log(
       `${chalk.blue('[i]')} ${chalk.gray(
         `Benchmark is running at ${chalk.blueBright.bold(serverUrl)}`