From ee9a645c3c067434dbaeb8cd510ac28b0c9c7ef0 Mon Sep 17 00:00:00 2001
From: Alexey Raspopov <alexeyraspopov@hotmail.com>
Date: Wed, 11 Oct 2023 17:32:59 -0400
Subject: [PATCH] code size benchmark

---
 benchmark/.gitignore      |   2 +
 benchmark/package-size.js | 110 ++++++++++++++++++++++++++++++++++++++
 benchmark/package.json    |  10 ++++
 3 files changed, 122 insertions(+)
 create mode 100644 benchmark/.gitignore
 create mode 100644 benchmark/package-size.js
 create mode 100644 benchmark/package.json

diff --git a/benchmark/.gitignore b/benchmark/.gitignore
new file mode 100644
index 0000000..d5f19d8
--- /dev/null
+++ b/benchmark/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+package-lock.json
diff --git a/benchmark/package-size.js b/benchmark/package-size.js
new file mode 100644
index 0000000..526de7a
--- /dev/null
+++ b/benchmark/package-size.js
@@ -0,0 +1,110 @@
+import { buildSync } from "esbuild";
+import { gzipSync, brotliCompressSync } from "node:zlib";
+
+console.log("reactivity");
+build(`
+import { ObservableScope } from "../reactivity.js";
+
+export function vm() {
+  let os = ObservableScope();
+  let a = os.signal(0);
+  let e = os.observe(
+    () => navigator.onLine,
+    (cb) => {
+      window.addEventListener("offline", cb)
+      return () => window.removeEventListener("offline", cb)
+    },
+  )
+  let b = os.derive(() => (e() ? a() * 3 : 0));
+
+  os.watch(() => {
+    console.log(b());
+  });
+}`);
+
+console.log("@preact/signals-core");
+build(`
+import { signal, computed, effect } from "@preact/signals-core";
+
+export function vm() {
+  let a = signal(0);
+  let e = signal(navigator.onLine)
+  let b = computed(() => a.value * 3);
+
+  function handle() {
+    e.value = navigator.onLine;
+  }
+
+  window.addEventListener('offline', handle);
+
+  effect(() => {
+    console.log(b.value);
+  });
+
+  return () => {
+    window.removeEventListener('offline', handle);
+  }
+}`);
+
+console.log("@vue/reactivity");
+build(`
+import { reactive, computed, effect } from "@vue/reactivity";
+
+export function vm() {
+  let a = reactive({ value: 0 });
+  let e = reactive({ value: navigator.onLine })
+  let b = computed(() => e.value ? a.value * 3 : 0);
+
+  function handle() {
+    e.value = navigator.onLine;
+  }
+
+  window.addEventListener('offline', handle);
+
+  effect(() => {
+    console.log(b.value);
+  });
+
+  return () => {
+    window.removeEventListener('offline', handle);
+  }
+}`);
+
+console.log("@angular/core");
+build(`
+import { signal, computed, effect } from "@angular/core";
+
+export function vm() {
+  let a = signal(0);
+  let e = signal(navigator.onLine);
+  let b = computed(() => (e() ? a() * 3 : 0));
+
+  effect((onCleanup) => {
+    function handle(event) {
+      e.set(navigator.onLine);
+    }
+
+    window.addEventListener("offline", handle);
+    onCleanup(() => window.removeEventListener("offline", handle));
+  });
+
+  effect(() => {
+    console.log(b());
+  });
+}`);
+
+function build(contents) {
+  let a = buildSync({
+    bundle: true,
+    write: false,
+    minify: true,
+    stdin: { contents, loader: "js", resolveDir: process.cwd() },
+  });
+  let code = a.outputFiles[0].text;
+  console.log("   min", code.length);
+  let gzbuf = gzipSync(Buffer.from(code));
+  console.log("  gzip", gzbuf.length);
+  let btbuf = brotliCompressSync(Buffer.from(code));
+  console.log("brotli", btbuf.length);
+  console.log("");
+}
diff --git a/benchmark/package.json b/benchmark/package.json
new file mode 100644
index 0000000..f6db9b9
--- /dev/null
+++ b/benchmark/package.json
@@ -0,0 +1,10 @@
+{
+  "private": true,
+  "type": "module",
+  "dependencies": {
+    "@angular/core": "^16.2.9",
+    "@preact/signals-core": "^1.5.0",
+    "@vue/reactivity": "^3.3.4",
+    "esbuild": "^0.19.4"
+  }
+}