fixed typo

Author: bennobuilder

benchmark/benchmarkManager.ts benchmark/benchmarks/benchmarkManager.tsbenchmark/benchmarkManager.ts renamed to benchmark/benchmarks/benchmarkManager.ts

@@ -6,7 +6,7 @@ import {
   endBenchmarkLog,
   getCycleResult,
   startBenchmarkLog,
-} from '../../../benchmarkManager';
+} from '../../benchmarkManager';
 
 // Files to run the Benchmark on
 import agileCollection from './bench/agilets/collection';

benchmark/benchmarks/react/1000fields/index.ts

@@ -6,7 +6,7 @@ import {
   endBenchmarkLog,
   getCycleResult,
   startBenchmarkLog,
-} from '../../../benchmarkManager';
+} from '../../benchmarkManager';
 
 // Files to run the Benchmark on
 import agileAutoTracking from './bench/agilets/autoTracking';

benchmark/benchmarks/react/computed/index.ts

@@ -6,7 +6,7 @@ import { useAgile } from '@agile-ts/react';
 const COUNT = createState(0);
 
 const App = () => {
-  const count = useAgile(COUNT, undefined);
+  const count = useAgile(COUNT);
   return <h1 onClick={() => COUNT.set((state) => state + 1)}>{count}</h1>;
 };
 

benchmark/benchmarks/react/counter/bench/agilets.tsx

@@ -6,7 +6,7 @@ import {
   endBenchmarkLog,
   getCycleResult,
   startBenchmarkLog,
-} from '../../../benchmarkManager';
+} from '../../benchmarkManager';
 
 // Files to run the Benchmark on
 import agilets from './bench/agilets';

benchmark/benchmarks/react/counter/index.ts

@@ -5,7 +5,7 @@ import {
   endBenchmarkLog,
   getCycleResult,
   startBenchmarkLog,
-} from '../../../benchmarkManager';
+} from '../../benchmarkManager';
 
 // Files to run the Benchmark on
 import * as referencer from './bench/referencer';

benchmark/benchmarks/typescript/defineConfig/index.ts

@@ -7,7 +7,7 @@
   "homepage": "https://agile-ts.org/",
   "description": "Benchmark Tests",
   "scripts": {
-    "test": "node -r esbuild-register run.ts",
+    "test": "node -r esbuild-register runtime/run.ts",
     "test:counter": "yarn test ./benchmarks/react/counter",
     "test:1000fields": "yarn test ./benchmarks/react/1000fields",
     "test:computed": "yarn test ./benchmarks/react/computed",

benchmark/package.json

@@ -1,26 +1,9 @@
-import dotenv from 'dotenv';
+import chalk from 'chalk';
 import esbuild from 'esbuild';
 import playwright from 'playwright';
-import chalk from 'chalk';
-
-// Loads environment variables from the '.env' file
-dotenv.config();
-
-// TODO implement yargs https://yargs.js.org/
+import fs from 'fs';
 
-// https://nodejs.org/docs/latest/api/process.html#process_process_argv
-// 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 isDev =
-  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'"
-  );
-}
-
-const startSpeedBench = async () => {
+export const startSpeedBench = async (entry: string, isDev: boolean) => {
   console.log(chalk.blue('Starting the speed benchmark server..\n'));
 
   // Bundle Benchmark Test Suite
@@ -116,7 +99,7 @@ const startSpeedBench = async () => {
   server.stop();
 };
 
-const startBundleBench = async () => {
+export const startBundleBench = async (entry: string, isDev: boolean) => {
   const bundle = await esbuild.build({
     inject: ['./lodash.ts'], // https://esbuild.github.io/api/#inject
     entryPoints: [entry], // https://esbuild.github.io/api/#entry-points
@@ -130,12 +113,38 @@ const startBundleBench = async () => {
     metafile: true, // https://esbuild.github.io/api/#metafile
   });
 
+  console.log(
+    `${chalk.blue('[i]')} ${chalk.gray(
+      `Entry was ${chalk.green(`successfully`)} bundled`
+    )}`
+  );
+
+  if (isDev) {
+    console.log(
+      `${chalk.blue('[i]')} ${chalk.gray(
+        `Development mode is ${chalk.green(`active`)}`
+      )}`
+    );
+  }
+
   // Extract metafile from bundle (https://esbuild.github.io/api/#metafile)
   const metafile = bundle.metafile;
 
+  // Calculate bundle file size
+  let bundleSize = 0;
+  bundle.outputFiles?.map((file) => {
+    const stats = fs.statSync(file.path);
+    const fileSizeInBytes = stats.size;
+    const fileSizeInKilobytes = fileSizeInBytes / 1024;
+    bundleSize += fileSizeInKilobytes;
+  });
+
+  console.log(
+    `${chalk.blue('[i]')} ${chalk.gray(
+      `Total bundle size of the bundle is ${chalk.blueBright.bold(bundleSize)}`
+    )}`
+  );
+
   console.log(metafile);
   // TODO analyze metafile
 };
-
-// Execute the Benchmark
-startSpeedBench();

benchmark/run.ts benchmark/runtime/benchmarkTypes.tsbenchmark/run.ts renamed to benchmark/runtime/benchmarkTypes.ts

@@ -0,0 +1,22 @@
+import dotenv from 'dotenv';
+import { startSpeedBench } from './benchmarkTypes';
+
+// Loads environment variables from the '.env' file
+dotenv.config();
+
+// TODO implement yargs https://yargs.js.org/
+
+// https://nodejs.org/docs/latest/api/process.html#process_process_argv
+// 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 isDev =
+  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'"
+  );
+}
+
+// Execute the Benchmark
+startSpeedBench(entry, isDev);

benchmark/runtime/run.ts

@@ -109,7 +109,7 @@ export function useAgile<
       // If specified selector function and the value is of type object.
       // Return the selected value.
       // (Destroys the type of the useAgile hook,
-      // however the type is adjusted in the useSelector hook)
+      // however the type can be adjusted in the useSelector hook)
       if (config.selector && isValidObject(value, true)) {
         return config.selector(value);
       }