docs(getting-started): use asciinema player!

Author: boneskull

astro.config.js

@@ -54,6 +54,9 @@ export default defineConfig({
   srcDir: './site/src',
   // see https://github.com/withastro/astro/issues/14117#issuecomment-3117797751
   vite: {
+    optimizeDeps: {
+      include: ['asciinema-player'],
+    },
     ssr: {
       noExternal: ['zod'],
     },

cspell.json

@@ -30,6 +30,7 @@
     "/docs",
     "node_modules",
     "*.csv",
+    "*.cast",
     "worktrees",
     "assets/*.ans",
     "assets/*.txt",
@@ -63,7 +64,8 @@
     "ylabel",
     "xticks",
     "tolist",
-    "seti"
+    "seti",
+    "asciinema"
   ],
   "words": ["bupkis"]
 }

package-lock.json

@@ -111,6 +111,7 @@
     "@types/node": "24.8.1",
     "@types/wallabyjs": "0.0.15",
     "@types/yargs": "17.0.33",
+    "asciinema-player": "^3.12.1",
     "astro": "5.14.8",
     "bupkis": "0.11.1",
     "cspell": "9.2.1",

package.json

@@ -0,0 +1,45 @@
+{"version":3,"term":{"cols":98,"rows":52,"type":"xterm-256color","version":"iTerm2 3.6.0beta4","theme":{"fg":"#dcdcdc","bg":"#15191e","palette":"#15181d:#a74532:#57bf37:#c7c53f:#2d43c0:#b249b9:#59c3c6:#c7c7c7:#686868:#d07e78:#82e498:#ebe24a:#a8abed:#d483dc:#8efafe:#ffffff"}},"timestamp":1761206660,"command":"modestbench run examples/benchmarks/advanced-operations.bench.js --iterations 1000 --warmup 100","title":"modestbench Getting Started Demo","env":{"SHELL":"/bin/zsh"}}
+[0.135439, "o", "\r\n    \u001b[49m       \u001b[38;5;0;49m▄▄\u001b[38;5;37;48;5;0m▄\u001b[38;5;14;48;5;0m▄\u001b[38;5;6;48;5;0m▄\u001b[38;5;0;49m▄▄\u001b[49m       \u001b[m\r\n    \u001b[49m    \u001b[38;5;0;49m▄\u001b[38;5;235;48;5;0m▄\u001b[38;5;45;48;5;0m▄\u001b[38;5;14;48;5;23m▄\u001b[48;5;14m    \u001b[38;5;14;48;5;14m▄\u001b[38;5;14;48;5;236m▄\u001b[38;5;44;48;5;0m▄\u001b[38;5;233;48;5;0m▄\u001b[38;5;0;49m▄\u001b[49m    \u001b[m\r\n    \u001b[38;5;0;49m▄▄\u001b[38;5;30;48;5;0m▄\u001b[38;5;14;48;5;233m▄\u001b[38;5;14;48;5;37m▄\u001b[48;5;14m           \u001b[38;5;14;48;5;37m▄\u001b[38;5;14;48;5;0m▄\u001b[38;5;23;48;5;0m▄\u001b[38;5;0;49m▄▄\u001b[m\r\n    \u001b[48;5;0m \u001b[38;5;14;48;5;45m▄\u001b[48;5;14m     \u001b[38;5;44;48;5;14m▄\u001b[38;5;24;48;5;14m▄\u001b[38;5;242;48;5;14m▄\u001b[38;5;5;48;5;14m▄\u001b[38;5;60;48;5;14m▄\u001b[38;5;24;48;5;14m▄\u001b[38;5;44;48;5;14m▄\u001b[48;5;14m     \u001b[38;5;14;48;5;44m▄\u001b[48;5;0m \u001b[m\r\n    \u001b[48;5;0m \u001b[48;5;14m   \u001b[38;5;44;48;5;14m▄\u001b[38;5;53;48;5;45m▄\u001b[38;5;44;48;5;53m▄\u001b[38;5;14;48;5;162m▄\u001b[38;5;14;48;5;89m▄▄\u001b[38;5;14;48;5;162m▄\u001b[38;5;44;48;5;198m▄\u001b[38;5;235;48;5;198m▄\u001b[48;5;198m \u001b[38;5;30;48;5;237m▄\u001b["]
+[0.000024, "o", "38;5;38;48;5;14m▄\u001b[48;5;14m    \u001b[48;5;0m \u001b[m \u001b[97m\u001b[4;1mmodest\u001b[0m\u001b[4;97mbench\u001b[0m \u001b[4;97m  \u001b[0m \u001b[4;97m \u001b[0m\r\n    \u001b[48;5;0m \u001b[48;5;14m  \u001b[38;5;237;48;5;45m▄\u001b[38;5;14;48;5;23m▄\u001b[48;5;14m       \u001b[38;5;14;48;5;14m▄\u001b[38;5;53;48;5;38m▄\u001b[38;5;44;48;5;23m▄\u001b[38;5;198;48;5;238m▄\u001b[38;5;198;48;5;125m▄\u001b[38;5;23;48;5;14m▄\u001b[48;5;14m  \u001b[48;5;0m \u001b[m\r\n    \u001b[48;5;0m \u001b[48;5;14m \u001b[38;5;30;48;5;38m▄\u001b[38;5;14;48;5;14m▄\u001b[48;5;14m      \u001b[38;5;45;48;5;14m▄\u001b[38;5;89;48;5;14m▄\u001b[38;5;89;48;5;89m▄\u001b[38;5;14;48;5;31m▄\u001b[48;5;14m \u001b[38;5;37;48;5;89m▄\u001b[48;5;198m \u001b[38;5;198;48;5;198m▄\u001b[38;5;31;48;5;14m▄\u001b[48;5;14m \u001b[48;5;0m \u001b[m \u001b[2mnode.js:\u001b[m \u001b[36mv24.10.0 \u001b[m\r\n    \u001b[48;5;0m \u001b[48;5;14m \u001b[38;5;44;48;5;31m▄\u001b[48;5;14m      \u001b[38;5;126;48;5;38m▄\u001b[38;5;198;48;5;237m▄\u001b[38;5;237;48;5;37m▄\u001b[48;5;14m   \u001b[38;5;14;48;5;14m▄\u001b[38;5;162;48;5;198m▄▄\u001b[38;5;53;48;5;240m▄\u001b[48;5;14m \u001b[48;5;0m \u001b[m \u001b[2mplatform:\u001b[m \u001b[36mdarwin arm64 \u001b[m\r\n    \u001b[48;5;0m \u001b[38;5;45;48;5;14m▄\u001b[48;5;14m       \u001b[38;5;14;48;5;37m▄\u001b[38"]
+[0.000024, "o", ";5;14;48;5;5m▄\u001b[38;5;14;48;5;44m▄\u001b[48;5;14m       \u001b[38;5;45;48;5;14m▄\u001b[48;5;0m \u001b[m \u001b[2mcpu:\u001b[m \u001b[36mApple M4 Max \u001b[2m(\u001b[m\u001b[36m16 cores) \u001b[m\r\n    \u001b[49;38;5;0m▀▀\u001b[38;5;0;48;5;6m▄\u001b[38;5;232;48;5;14m▄\u001b[38;5;38;48;5;14m▄\u001b[48;5;14m           \u001b[38;5;30;48;5;14m▄\u001b[38;5;0;48;5;14m▄\u001b[38;5;0;48;5;23m▄\u001b[49;38;5;0m▀▀\u001b[m \u001b[2mmem:\u001b[m \u001b[36m48.0 GB \u001b[m\r\n    \u001b[49m    \u001b[49;38;5;0m▀\u001b[38;5;0;48;5;236m▄\u001b[38;5;0;48;5;45m▄\u001b[38;5;23;48;5;14m▄\u001b[48;5;14m     \u001b[38;5;236;48;5;14m▄\u001b[38;5;0;48;5;44m▄\u001b[38;5;0;48;5;232m▄\u001b[49;38;5;0m▀\u001b[49m    \u001b[m\r\n    \u001b[49m       \u001b[49;38;5;0m▀▀\u001b[38;5;0;48;5;37m▄\u001b[38;5;0;48;5;14m▄\u001b[38;5;0;48;5;30m▄\u001b[49;38;5;0m▀▀\u001b[49m       \u001b[m\r\n    \r\n"]
+[0.000155, "o", "\r\n"]
+[0.00007, "o", "\u001b[35m▓▓\u001b[0m \u001b[4m\u001b[95m\u001b[1mexamples/benchmarks/advanced-operations.bench.js\u001b[0m\u001b[0m\u001b[0m\r\n"]
+[0.000572, "o", "\r\n"]
+[0.000012, "o", "  \u001b[35m░░\u001b[0m \u001b[1m\u001b[97mArray Algorithms\u001b[0m\u001b[0m\r\n"]
+[0.133674, "o", "\r\n"]
+[0.000017, "o", "\u001b[96m≈\u001b[0m \u001b[37m1\u001b[0m\u001b[2m/\u001b[0m\u001b[37m5\u001b[0m \u001b[2mtasks\u001b[0m \u001b[2m(\u001b[0m\u001b[94m20.00%\u001b[0m\u001b[2m)\u001b[0m \u001b[2m|\u001b[0m \u001b[2mElapsed:\u001b[0m \u001b[36m0s\u001b[0m \u001b[2m|\u001b[0m \u001b[2mETA:\u001b[0m \u001b[94m1s\u001b[0m\r\n"]
+[0.140286, "o", "\u001b[1A\u001b[K\u001b[1A\u001b[K"]
+[0.00004, "o", "\r\n"]
+[0.000056, "o", "\u001b[96m≈\u001b[0m \u001b[37m2\u001b[0m\u001b[2m/\u001b[0m\u001b[37m5\u001b[0m \u001b[2mtasks\u001b[0m \u001b[2m(\u001b[0m\u001b[94m40.00%\u001b[0m\u001b[2m)\u001b[0m \u001b[2m|\u001b[0m \u001b[2mElapsed:\u001b[0m \u001b[36m0s\u001b[0m \u001b[2m|\u001b[0m \u001b[2mETA:\u001b[0m \u001b[94m0s\u001b[0m\r\n"]
+[0.000277, "o", "\u001b[1A\u001b[K\u001b[1A\u001b[K"]
+[0.000032, "o", "    \u001b[96m√\u001b[0m \u001b[37mArray.findIndex()\u001b[0m: \u001b[36m166.67ns\u001b[0m \u001b[2m\u001b[90m•\u001b[0m\u001b[0m ± \u001b[94m1.33%\u001b[0m \u001b[2m\u001b[90m•\u001b[0m\u001b[0m \u001b[35m6.26M ops/sec\u001b[0m\r\n"]
+[0.000033, "o", "\r\n\u001b[96m≈\u001b[0m \u001b[37m2\u001b[0m\u001b[2m/\u001b[0m\u001b[37m5\u001b[0m \u001b[2mtasks\u001b[0m \u001b[2m(\u001b[0m\u001b[94m40.00%\u001b[0m\u001b[2m)\u001b[0m \u001b[2m|\u001b[0m \u001b[2mElapsed:\u001b[0m \u001b[36m0s\u001b[0m \u001b[2m|\u001b[0m \u001b[2mETA:\u001b[0m \u001b[94m0s\u001b[0m\r\n\u001b[1A\u001b[K\u001b[1A\u001b[K    \u001b[96m√\u001b[0m \u001b[37mLinear Search\u001b[0m    : \u001b[36m155.93ns\u001b[0m \u001b[2m\u001b[90m•\u001b[0m\u001b[0m ±\u001b[94m47.65%\u001b[0m \u001b[2m\u001b[90m•\u001b[0m\u001b[0m \u001b[35m6.51M ops/sec\u001b[0m\r\n"]
+[0.00004, "o", "\r\n\u001b[96m≈\u001b[0m \u001b[37m2\u001b[0m\u001b[2m/\u001b[0m\u001b[37m5\u001b[0m \u001b[2mtasks\u001b[0m \u001b[2m(\u001b[0m\u001b[94m40.00%\u001b[0m\u001b[2m)\u001b[0m \u001b[2m|\u001b[0m \u001b[2mElapsed:\u001b[0m \u001b[36m0s\u001b[0m \u001b[2m|\u001b[0m \u001b[2mETA:\u001b[0m \u001b[94m0s\u001b[0m\r\n\u001b[1A\u001b[K\u001b[1A\u001b[K  \u001b[35m√\u001b[0m \u001b[1m\u001b[97m2\u001b[0m\u001b[0m \u001b[97mtasks passed\u001b[0m\r\n\r\n\u001b[96m≈\u001b[0m \u001b[37m2\u001b[0m\u001b[2m/\u001b[0m\u001b[37m5\u001b[0m \u001b[2mtasks\u001b[0m \u001b[2m(\u001b[0m\u001b[94m40.00%\u001b[0m\u001b[2m)\u001b[0m \u001b[2m|\u001b[0m \u001b[2mElapsed:\u001b[0m \u001b[36m0s\u001b[0m \u001b[2m|\u001b[0m \u001b[2mETA:\u001b[0m \u001b[94m0s\u001b[0m\r\n"]
+[0.000013, "o", "\u001b[1A\u001b[K\u001b[1A\u001b[K\r\n\r\n\u001b[96m≈\u001b[0m \u001b[37m2\u001b[0m\u001b[2m/\u001b[0m\u001b[37m5\u001b[0m \u001b[2mtasks\u001b[0m \u001b[2m(\u001b[0m\u001b[94m40.00%\u001b[0m\u001b[2m)\u001b[0m \u001b[2m|\u001b[0m \u001b[2mElapsed:\u001b[0m \u001b[36m0s\u001b[0m \u001b[2m|\u001b[0m \u001b[2mETA:\u001b[0m \u001b[94m0s\u001b[0m\r\n"]
+[0.000051, "o", "\u001b[1A\u001b[K\u001b[1A\u001b[K\r\n\r\n\u001b[96m≈\u001b[0m \u001b[37m2\u001b[0m\u001b[2m/\u001b[0m\u001b[37m5\u001b[0m \u001b[2mtasks\u001b[0m \u001b[2m(\u001b[0m\u001b[94m40.00%\u001b[0m\u001b[2m)\u001b[0m \u001b[2m|\u001b[0m \u001b[2mElapsed:\u001b[0m \u001b[36m0s\u001b[0m \u001b[2m|\u001b[0m \u001b[2mETA:\u001b[0m \u001b[94m0s\u001b[0m\r\n"]
+[0.000006, "o", "\u001b[1A\u001b[K\u001b[1A\u001b[K"]
+[0.000025, "o", "  \u001b[35m░░\u001b[0m \u001b[1m\u001b[97mString Operations\u001b[0m\u001b[0m\r\n\r\n\u001b[96m≈\u001b[0m \u001b[37m2\u001b[0m\u001b[2m/\u001b[0m\u001b[37m5\u001b[0m \u001b[2mtasks\u001b[0m \u001b[2m(\u001b[0m\u001b[94m40.00%\u001b[0m\u001b[2m)\u001b[0m \u001b[2m|\u001b[0m \u001b[2mElapsed:\u001b[0m \u001b[36m0s\u001b[0m \u001b[2m|\u001b[0m \u001b[2mETA:\u001b[0m \u001b[94m0s\u001b[0m\r\n"]
+[0.350479, "o", "\u001b[1A\u001b[K\u001b[1A\u001b[K"]
+[0.000025, "o", "\r\n"]
+[0.000003, "o", "\u001b[96m≈\u001b[0m \u001b[37m3\u001b[0m\u001b[2m/\u001b[0m\u001b[37m5\u001b[0m \u001b[2mtasks\u001b[0m \u001b[2m(\u001b[0m\u001b[94m60.00%\u001b[0m\u001b[2m)\u001b[0m \u001b[2m|\u001b[0m \u001b[2mElapsed:\u001b[0m \u001b[36m1s\u001b[0m \u001b[2m|\u001b[0m \u001b[2mETA:\u001b[0m \u001b[94m0s\u001b[0m\r\n"]
+[0.398463, "o", "\u001b[1A\u001b[K\u001b[1A\u001b[K"]
+[0.00001, "o", "\r\n"]
+[0.000019, "o", "\u001b[96m≈\u001b[0m \u001b[37m4\u001b[0m\u001b[2m/\u001b[0m\u001b[37m5\u001b[0m \u001b[2mtasks\u001b[0m \u001b[2m(\u001b[0m\u001b[94m80.00%\u001b[0m\u001b[2m)\u001b[0m \u001b[2m|\u001b[0m \u001b[2mElapsed:\u001b[0m \u001b[36m1s\u001b[0m \u001b[2m|\u001b[0m \u001b[2mETA:\u001b[0m \u001b[94m0s\u001b[0m\r\n"]
+[0.400726, "o", "\u001b[1A\u001b[K\u001b[1A\u001b[K"]
+[0.000011, "o", "\r\n"]
+[0.000028, "o", "\u001b[96m≈\u001b[0m \u001b[37m5\u001b[0m\u001b[2m/\u001b[0m\u001b[37m5\u001b[0m \u001b[2mtasks\u001b[0m \u001b[2m(\u001b[0m\u001b[94m100.00%\u001b[0m\u001b[2m)\u001b[0m \u001b[2m|\u001b[0m \u001b[2mElapsed:\u001b[0m \u001b[36m1s\u001b[0m \u001b[2m|\u001b[0m \u001b[2mETA:\u001b[0m \u001b[94m0s\u001b[0m\r\n"]
+[0.00011, "o", "\u001b[1A\u001b[K\u001b[1A\u001b[K    \u001b[96m√\u001b[0m \u001b[37mRegExp.test()\u001b[0m    : \u001b[36m23.58ns\u001b[0m \u001b[2m\u001b[90m•\u001b[0m\u001b[0m ±\u001b[94m19.81%\u001b[0m \u001b[2m\u001b[90m•\u001b[0m\u001b[0m \u001b[35m31.84M ops/sec\u001b[0m\r\n"]
+[0.000014, "o", "\r\n\u001b[96m≈\u001b[0m \u001b[37m5\u001b[0m\u001b[2m/\u001b[0m\u001b[37m5\u001b[0m \u001b[2mtasks\u001b[0m \u001b[2m(\u001b[0m\u001b[94m100.00%\u001b[0m\u001b[2m)\u001b[0m \u001b[2m|\u001b[0m \u001b[2mElapsed:\u001b[0m \u001b[36m1s\u001b[0m \u001b[2m|\u001b[0m \u001b[2mETA:\u001b[0m \u001b[94m0s\u001b[0m\r\n"]
+[0.000003, "o", "\u001b[1A\u001b[K\u001b[1A\u001b[K"]
+[0.000029, "o", "    \u001b[96m√\u001b[0m \u001b[37mString.includes()\u001b[0m: \u001b[36m17.31ns\u001b[0m \u001b[2m\u001b[90m•\u001b[0m\u001b[0m ±\u001b[94m16.88%\u001b[0m \u001b[2m\u001b[90m•\u001b[0m\u001b[0m \u001b[35m43.21M ops/sec\u001b[0m\r\n\r\n\u001b[96m≈\u001b[0m \u001b[37m5\u001b[0m\u001b[2m/\u001b[0m\u001b[37m5\u001b[0m \u001b[2mtasks\u001b[0m \u001b[2m(\u001b[0m\u001b[94m100.00%\u001b[0m\u001b[2m)\u001b[0m \u001b[2m|\u001b[0m \u001b[2mElapsed:\u001b[0m \u001b[36m1s\u001b[0m \u001b[2m|\u001b[0m \u001b[2mETA:\u001b[0m \u001b[94m0s\u001b[0m\r\n\u001b[1A\u001b[K\u001b[1A\u001b[K    \u001b[96m√\u001b[0m \u001b[37mString.indexOf()\u001b[0m : \u001b[36m18.22ns\u001b[0m \u001b[2m\u001b[90m•\u001b[0m\u001b[0m ±\u001b[94m17.33%\u001b[0m \u001b[2m\u001b[90m•\u001b[0m\u001b[0m \u001b[35m41.33M ops/sec\u001b[0m\r\n\r\n\u001b[96m≈\u001b[0m \u001b[37m5\u001b[0m\u001b[2m/\u001b[0m\u001b[37m5\u001b[0m \u001b[2mtasks\u001b[0m \u001b[2m(\u001b[0m\u001b[94m100.00%\u001b[0m\u001b[2m)\u001b[0m \u001b[2m|\u001b[0m \u001b[2mElapsed:\u001b[0m \u001b[36m1s\u001b[0m \u001b[2m|\u001b[0m \u001b[2mETA:\u001b[0m \u001b[94m0s\u001b[0m\r\n"]
+[0.000005, "o", "\u001b[1A\u001b[K\u001b[1A\u001b[K"]
+[0.000021, "o", "  \u001b[35m√\u001b[0m \u001b[1m\u001b[97m3\u001b[0m\u001b[0m \u001b[97mtasks passed\u001b[0m\r\n\r\n\u001b[96m≈\u001b[0m \u001b[37m5\u001b[0m\u001b[2m/\u001b[0m\u001b[37m5\u001b[0m \u001b[2mtasks\u001b[0m \u001b[2m(\u001b[0m\u001b[94m100.00%\u001b[0m\u001b[2m)\u001b[0m \u001b[2m|\u001b[0m \u001b[2mElapsed:\u001b[0m \u001b[36m1s\u001b[0m \u001b[2m|\u001b[0m \u001b[2mETA:\u001b[0m \u001b[94m0s\u001b[0m\r\n\u001b[1A\u001b[K\u001b[1A\u001b[K\r\n\r\n"]
+[0.000015, "o", "\u001b[96m≈\u001b[0m \u001b[37m5\u001b[0m\u001b[2m/\u001b[0m\u001b[37m5\u001b[0m \u001b[2mtasks\u001b[0m \u001b[2m(\u001b[0m\u001b[94m100.00%\u001b[0m\u001b[2m)\u001b[0m \u001b[2m|\u001b[0m \u001b[2mElapsed:\u001b[0m \u001b[36m1s\u001b[0m \u001b[2m|\u001b[0m \u001b[2mETA:\u001b[0m \u001b[94m0s\u001b[0m\r\n"]
+[0.000066, "o", "\u001b[1A\u001b[K\u001b[1A\u001b[K \u001b[35m√\u001b[0m \u001b[95mAll \u001b[0m\u001b[1m\u001b[95m5\u001b[0m\u001b[0m \u001b[95mtasks passed\u001b[0m\r\n\r\n"]
+[0.000015, "o", "\u001b[96m≈\u001b[0m \u001b[37m5\u001b[0m\u001b[2m/\u001b[0m\u001b[37m5\u001b[0m \u001b[2mtasks\u001b[0m \u001b[2m(\u001b[0m\u001b[94m100.00%\u001b[0m\u001b[2m)\u001b[0m \u001b[2m|\u001b[0m \u001b[2mElapsed:\u001b[0m \u001b[36m1s\u001b[0m \u001b[2m|\u001b[0m \u001b[2mETA:\u001b[0m \u001b[94m0s\u001b[0m\r\n\u001b[1A\u001b[K\u001b[1A\u001b[K\r\n\r\n"]
+[0.000027, "o", "\u001b[96m≈\u001b[0m \u001b[37m5\u001b[0m\u001b[2m/\u001b[0m\u001b[37m5\u001b[0m \u001b[2mtasks\u001b[0m \u001b[2m(\u001b[0m\u001b[94m100.00%\u001b[0m\u001b[2m)\u001b[0m \u001b[2m|\u001b[0m \u001b[2mElapsed:\u001b[0m \u001b[36m1s\u001b[0m \u001b[2m|\u001b[0m \u001b[2mETA:\u001b[0m \u001b[94m0s\u001b[0m\r\n"]
+[0.001547, "o", "\u001b[1A\u001b[K\u001b[1A\u001b[K"]
+[0.000031, "o", "\u001b[35m██\u001b[0m \u001b[97m\u001b[1mResults\u001b[0m\u001b[0m\r\n"]
+[0.000002, "o", "\r\n"]
+[0.000059, "o", "\u001b[94m  Files:\u001b[0m \u001b[97m1\u001b[0m\r\n\u001b[94m  Suites:\u001b[0m \u001b[97m2\u001b[0m\r\n\u001b[94m  Tasks:\u001b[0m \u001b[97m5\u001b[0m\r\n\u001b[96m√ All tests passed:\u001b[0m \u001b[97m5\u001b[0m\r\n\u001b[36m≈ Duration:\u001b[0m \u001b[97m1.43s\u001b[0m\r\n\r\n\u001b[95mRad. ☮\u001b[0m\r\n"]
+[0.005681, "x", "0"]