Aligning text in terminals is tedious

Sorry yarn v1 users :(

.dockerignore

@@ -0,0 +1,14 @@
+node_modules
+**/node_modules
+src/javascript/jsc/WebKit/LayoutTests
+zig-out
+zig-build
+**/*.o
+**/*.a
+
+examples
+
+**/.next
+.git
+src/javascript/jsc/WebKit/WebKitBuild
+**/CMakeCache.txt

.gitignore

@@ -30,7 +30,6 @@ cover
 coverage
 coverv
 *.trace
-bench
 github
 out.*
 out
@@ -62,4 +61,15 @@ src/node-fallbacks/node_modules
 sign.json
 release/
 *.dmg
-sign.*.json
+sign.*.json
+packages/debug-*
+packages/bun-cli/postinstall.js
+packages/bun-*/bin/*
+
+packages/bun-cli/bin/*
+bun-test-scratch
+misctools/fetch
+
+src/deps/libiconv
+src/deps/openssl
+src/tests.zig

.gitmodules

@@ -3,13 +3,25 @@
 # 	url = https://github.com/Hejsil/zig-clap
 [submodule "src/deps/picohttpparser"]
 	path = src/deps/picohttpparser
-	url = https://github.com/h2o/picohttpparser/
+	url = https://github.com/h2o/picohttpparser.git
 	ignore = dirty
 [submodule "src/javascript/jsc/WebKit"]
 	path = src/javascript/jsc/WebKit
-	url = git@github.com:/Jarred-Sumner/WebKit
+	url = https://github.com/Jarred-Sumner/WebKit.git
 	ignore = dirty
 [submodule "src/deps/mimalloc"]
 	path = src/deps/mimalloc
-	url = https://github.com/microsoft/mimalloc
+	url = https://github.com/microsoft/mimalloc.git
 	ignore = dirty
+[submodule "src/deps/zlib"]
+	path = src/deps/zlib
+	url = https://github.com/cloudflare/zlib.git
+	ignore = dirty
+[submodule "src/deps/libarchive"]
+	path = src/deps/libarchive
+	url = https://github.com/libarchive/libarchive.git
+	ignore = dirty
+[submodule "src/deps/s2n-tls"]
+	path = src/deps/s2n-tls
+	url = https://github.com/Jarred-Sumner/s2n-tls
+	ignore = dirty

.vscode/launch.json

@@ -4,14 +4,46 @@
     {
       "type": "lldb",
       "request": "launch",
-      "name": "Transpile small",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
-      "args": [
-        // "/Users/jarred/Desktop/webpack4.js"
-        // "/Users/jarred/Code/bun/examples/css-stress-test/nexty/node_modules/next/dist/build/utils.js"
-        "./dotenv-load-check.ts"
-      ],
-      "cwd": "${workspaceFolder}/examples/css-stress-test",
+      "name": "tgz debug",
+      "program": "${workspaceFolder}/tgz",
+      "args": ["./bun-examples-all-0.0.1634264480817.tgz"],
+      "cwd": "${workspaceFolder}",
+      "console": "internalConsole"
+    },
+    {
+      "type": "lldb",
+      "request": "launch",
+      "name": "fetch debug",
+      "program": "${workspaceFolder}/misctools/fetch",
+      "args": ["https://api.github.com/repos/hanford/trends/tarball"],
+      "cwd": "${workspaceFolder}",
+      "console": "internalConsole"
+    },
+    {
+      "type": "lldb",
+      "request": "launch",
+      "name": "bun create debug",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
+      "args": ["create", "hanford/trends", "foo"],
+      "cwd": "/tmp/",
+      "console": "internalConsole"
+    },
+    {
+      "type": "lldb",
+      "request": "launch",
+      "name": "bun a debug",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
+      "args": ["create", "https://github.com/ahfarmer/calculator", "--force"],
+      "cwd": "/tmp/",
+      "console": "internalConsole"
+    },
+    {
+      "type": "lldb",
+      "request": "launch",
+      "name": "bun routes",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
+      "args": [],
+      "cwd": "${workspaceFolder}/integration/apps/routing",
       "console": "internalConsole"
     },
     {
@@ -32,7 +64,7 @@
       "type": "lldb",
       "request": "launch",
       "name": ".bun",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       "args": [
         "./examples/hello-next/node_modules.server.bun"
         // "--origin=https://localhost:9000/"
@@ -44,7 +76,7 @@
       "type": "lldb",
       "request": "launch",
       "name": "Discord",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       "args": [
         "discord"
         // "--origin=https://localhost:9000/"
@@ -69,7 +101,7 @@
       "type": "lldb",
       "request": "launch",
       "name": "Dev Launch",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       "args": [
         "./simple.css",
         "--resolve=dev",
@@ -79,6 +111,15 @@
       "cwd": "${workspaceFolder}/src/test/fixtures",
       "console": "internalConsole"
     },
+    {
+      "type": "lldb",
+      "request": "launch",
+      "name": "Linux Launch",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-linux-x64/bin/bun-debug",
+      "args": ["--origin=http://jarred-desktop.local:3000/"],
+      "cwd": "${workspaceFolder}/examples/hello-next",
+      "console": "internalConsole"
+    },
 
     {
       "type": "lldb",
@@ -94,11 +135,11 @@
       "type": "lldb",
       "request": "launch",
       "name": "Demo Serve",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       // "args": ["--serve", "--origin=http://localhost:3000"],
       "args": ["dev", "--origin=http://localhost:3000"],
       "cwd": "${workspaceFolder}/examples/hello-next",
-      "console": "internalConsole" 
+      "console": "internalConsole"
     },
     {
       "type": "lldb",
@@ -114,7 +155,7 @@
       "type": "lldb",
       "request": "launch",
       "name": "Demo Lazy Build",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       "args": [
         "./src/index.tsx",
         "--resolve=lazy",
@@ -128,7 +169,7 @@
       "type": "lldb",
       "request": "launch",
       "name": "Demo Build",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       "args": [
         "./src/index.tsx",
         "--resolve=dev",
@@ -142,10 +183,28 @@
     {
       "type": "lldb",
       "request": "launch",
-      "name": "Fixture serve",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
-      "args": [],
-      "cwd": "${workspaceFolder}/src/test/fixtures",
+      "name": "Dazzle serve",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
+      "args": ["--origin=http://localhost:5000", "--disable-hmr"],
+      "cwd": "/Users/jarred/Build/lattice/apps/dazzle",
+      "console": "internalConsole"
+    },
+    {
+      "type": "lldb",
+      "request": "launch",
+      "name": "Bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
+      "args": ["bun", "--use=next"],
+      "cwd": "/Users/jarred/Build/lattice/apps/dazzle",
+      "console": "internalConsole"
+    },
+    {
+      "type": "lldb",
+      "request": "launch",
+      "name": "unicode check",
+      "args": ["--disable-hmr"],
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
+      "cwd": "/Users/jarred/Build/app994",
       "console": "internalConsole"
     },
 
@@ -153,7 +212,7 @@
       "type": "lldb",
       "request": "launch",
       "name": "Demo .bun",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       "args": ["bun", "--use=bun-framework-next"],
       "cwd": "${workspaceFolder}/examples/hello-next",
       "console": "internalConsole"
@@ -162,7 +221,7 @@
       "type": "lldb",
       "request": "launch",
       "name": "PNPM .bun",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       "args": ["bun", "./pages/index.js"],
       "cwd": "/Users/jarred/Build/pnpm-bun/packages/app",
       "console": "internalConsole"
@@ -172,7 +231,7 @@
       "type": "lldb",
       "request": "launch",
       "name": "PNPM serve",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       "args": [],
       "cwd": "/Users/jarred/Build/pnpm-bun/packages/app",
       "console": "internalConsole"
@@ -181,7 +240,7 @@
       "type": "lldb",
       "request": "launch",
       "name": "Mixed case resolve",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       "args": [
         "build",
         "./index.js",
@@ -196,7 +255,7 @@
       "type": "lldb",
       "request": "launch",
       "name": "Build .bun lotta-modules",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       "args": ["bun", "./index.js", "--platform=browser"],
       "cwd": "${workspaceFolder}/examples/lotta-modules/",
       "console": "internalConsole"
@@ -205,7 +264,7 @@
       "type": "lldb",
       "request": "launch",
       "name": "Dev CRA",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       "args": ["dev", "--platform=browser"],
       "cwd": "${workspaceFolder}/examples/hello-create-react-app/",
       "console": "internalConsole"
@@ -214,7 +273,7 @@
       "type": "lldb",
       "request": "launch",
       "name": "Fragment",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       "args": [],
       "cwd": "${workspaceFolder}/src/test/fixtures",
       "console": "internalConsole"
@@ -223,7 +282,7 @@
       "type": "lldb",
       "request": "launch",
       "name": "Context Bun Bug",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       "args": ["bun", "./code.js"],
       "cwd": "/Users/jarred/Build/context/www",
       "console": "internalConsole"
@@ -232,22 +291,49 @@
       "type": "lldb",
       "request": "launch",
       "name": "Context Bun",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       "args": ["bun", "--use=next"],
       "cwd": "/Users/jarred/Build/context/www",
       "console": "internalConsole"
     },
+    {
+      "type": "lldb",
+      "request": "launch",
+      "name": "Bun-hello",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
+      "args": [],
+      "cwd": "${workspaceFolder}/packages/bun-hello",
+      "console": "internalConsole"
+    },
+    {
+      "type": "lldb",
+      "request": "launch",
+      "name": "Integration Test Dev",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
+      "args": [],
+      "cwd": "${workspaceFolder}/integration/snippets",
+      "console": "internalConsole"
+    },
+    {
+      "type": "lldb",
+      "request": "launch",
+      "name": "Integration Test Dev (no hmr)",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
+      "args": ["--disable-hmr"],
+      "cwd": "${workspaceFolder}/integration/snippets",
+      "console": "internalConsole"
+    },
     {
       "type": "lldb",
       "request": "launch",
       "name": "Fixtures Dev",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "a",
       "args": ["dev"],
       "cwd": "${workspaceFolder}/src/test/fixtures",
       "console": "internalConsole"
     },
     {
-      "type": "lldb",
+      "type": "cppvsdbg",
       "request": "launch",
       "name": "Fixtures Rel",
       "program": "${workspaceFolder}/build/macos-x86_64/bun",
@@ -257,9 +343,10 @@
     },
     {
       "type": "lldb",
+
       "request": "launch",
       "name": "Context Dev",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       "args": [],
       "cwd": "/Users/jarred/Build/context/www",
       "console": "internalConsole"
@@ -278,16 +365,16 @@
       "type": "lldb",
       "request": "launch",
       "name": "Debug Dev",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       "args": ["dev"],
-      "cwd": "${workspaceFolder}/examples/hello-next/bun-framework-next",
+      "cwd": "${workspaceFolder}/examples/hello-next",
       "console": "internalConsole"
     },
     {
       "type": "lldb",
       "request": "launch",
       "name": "Type-only import",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       "args": [
         "bun",
         "./src/test/fixtures/type-only-import.ts",
@@ -300,7 +387,7 @@
       "type": "lldb",
       "request": "launch",
       "name": "Dev lotta-modules",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       "args": ["dev", "./index.js", "--platform=browser"],
       "cwd": "${workspaceFolder}/examples/lotta-modules/",
       "console": "internalConsole"
@@ -309,7 +396,7 @@
       "type": "lldb",
       "request": "launch",
       "name": "Demo Build .bun",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       "args": [
         "bun",
         // "./index.js",
@@ -324,7 +411,7 @@
       "type": "lldb",
       "request": "launch",
       "name": "PNPM Resolve symlink",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       "args": ["--resolve=dev", "test-pnpm.js", "--platform=browser"],
       "cwd": "${workspaceFolder}/examples/css-stress-test",
       "console": "internalConsole"
@@ -333,7 +420,7 @@
       "type": "lldb",
       "request": "launch",
       "name": "Demo Print .bun",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       "args": ["./node_modules.bun"],
       "cwd": "${workspaceFolder}/examples/simple-react",
       "console": "internalConsole"
@@ -362,7 +449,7 @@
     //   "type": "lldb",
     //   "request": "launch",
     //   "name": "Dev Launch (other)",
-    //   "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+    //   "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
     //   "args": ["./simple.jsx", "--resolve=disable"],
     //   "cwd": "${workspaceFolder}/src/test/fixtures",
     //   "console": "internalConsole"
@@ -371,7 +458,7 @@
     //   "type": "lldb",
     //   "request": "launch",
     //   "name": "Dev Launch",
-    //   "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+    //   "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
     //   "preLaunchTask": "build",
     //   "args": [
     //     "--resolve=disable",
@@ -386,7 +473,7 @@
     //   "type": "lldb",
     //   "request": "launch",
     //   "name": "Dev Launch",
-    //   "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+    //   "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
     //   "preLaunchTask": "build",
     //   "args": [
     //     "--resolve=dev",
@@ -403,7 +490,7 @@
     //   "type": "lldb",
     //   "request": "launch",
     //   "name": "Dev Launch",
-    //   "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+    //   "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
     //   "preLaunchTask": "build",
     //   "args": [
     //     "--resolve=dev",
@@ -420,7 +507,7 @@
     //   "type": "lldb",
     //   "request": "launch",
     //   "name": "Dev Launch",
-    //   "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+    //   "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
     //   // "preLaunchTask": "build",
     //   "args": [
     //     "--resolve=dev",
@@ -439,7 +526,7 @@
       "type": "lldb",
       "request": "launch",
       "name": "Rome",
-      // "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      // "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       "program": "${workspaceFolder}/build/macos-x86_64/bun",
       // "preLaunchTask": "build",
       "args": [
@@ -461,8 +548,8 @@
       "type": "lldb",
       "request": "launch",
       "name": "Rome Dev",
-      // "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
-      "program": "${workspaceFolder}/build/debug/macos-x86_64/bun",
+      // "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
+      "program": "${workspaceFolder}/packages/debug-bun-cli-darwin-x64/bin/bun-debug",
       // "preLaunchTask": "build",
       "args": [
         "--resolve=dev",

.vscode/settings.json

@@ -3,15 +3,38 @@
   "search.quickOpen.includeSymbols": false,
   "search.seedWithNearestWord": true,
   "search.smartCase": true,
-  "search.exclude": {
-    "src/javascript/jsc/WebKit/**/*": true
-  },
+  "search.exclude": {},
   "search.followSymlinks": false,
   "search.useIgnoreFiles": true,
   "zig.buildOnSave": false,
   "[zig]": {
     "editor.defaultFormatter": "tiehuis.zig"
   },
+  "lldb.verboseLogging": true,
+  "zig.beforeDebugCmd": "make build-unit ${file} ${filter} ${bin}",
+  "zig.testCmd": "make test ${file} ${filter} ${bin}",
+  "files.exclude": {
+    "**/.git": true,
+    "**/.svn": true,
+    "**/.hg": true,
+    "**/CVS": true,
+    "**/.DS_Store": true,
+    "**/Thumbs.db": true,
+    "**/*.xcworkspacedata": true,
+    "**/*.xcscheme": true,
+    "**/*.pem": true,
+    "**/*.xcodeproj": true,
+
+    "integration/snapshots": true,
+    "integration/snapshots-no-hmr": true,
+    "src/javascript/jsc/WebKit": true,
+    "src/deps/libarchive": true,
+    "src/deps/mimalloc": true,
+    "src/deps/s2n-tls": true,
+    "src/deps/openssl": true,
+    "src/deps/zlib": true,
+    "integration/snippets/package-json-exports/_node_modules_copy": true
+  },
   "C_Cpp.files.exclude": {
     "**/.vscode": true,
     "src/javascript/jsc/WebKit/JSTests": true,
@@ -118,5 +141,7 @@
     "set": "cpp",
     "__memory": "cpp",
     "memory_resource": "cpp"
-  }
+  },
+  "go.logging.level": "off",
+  "cmake.configureOnOpen": false
 }

Dockerfile-zig

@@ -0,0 +1,52 @@
+FROM ubuntu:latest
+
+RUN apt-get update && apt-get install --no-install-recommends -y wget gnupg2 curl lsb-release wget software-properties-common
+RUN curl -s https://deb.nodesource.com/gpgkey/nodesource.gpg.key | apt-key add -
+
+RUN wget https://apt.llvm.org/llvm.sh --no-check-certificate
+RUN chmod +x llvm.sh
+RUN ./llvm.sh 12
+
+RUN apt-get update && apt-get install --no-install-recommends -y \
+    ca-certificates \
+    curl \
+    gnupg2 \
+    software-properties-common \
+    cmake \
+    build-essential \
+    git \
+    libssl-dev \
+    ruby \
+    liblld-12-dev \
+    libclang-12-dev \
+    nodejs \
+    gcc \
+    g++ \
+    npm \
+    clang-12 \
+    clang-format-12 \
+    libc++-12-dev \
+    libc++abi-12-dev \
+    lld-12 \
+    libicu-dev
+
+RUN update-alternatives --install /usr/bin/ld ld /usr/bin/lld-12 90 && \
+    update-alternatives --install /usr/bin/cc cc /usr/bin/clang-12 90 && \
+    update-alternatives --install /usr/bin/cpp cpp /usr/bin/clang++-12 90 && \
+    update-alternatives --install /usr/bin/c++ c++ /usr/bin/clang++-12 90
+
+
+ENV CC=clang-12 
+ENV CXX=clang++-12
+
+# Compile zig
+RUN mkdir -p /home/ubuntu/zig; cd /home/ubuntu; git clone https://github.com/jarred-sumner/zig.git; cd /home/ubuntu/zig && git checkout jarred/zig-sloppy-with-small-structs && cmake . -DCMAKE_BUILD_TYPE=Release && make -j$(nproc)
+
+ENV PATH="/home/ubuntu/zig:$PATH" 
+
+RUN npm install -g esbuild
+
+
+
+
+

Makefile

@@ -1,81 +1,249 @@
+OS_NAME := $(shell uname -s | tr '[:upper:]' '[:lower:]')
+ARCH_NAME_RAW := $(shell uname -m)
 
-bun: vendor bun-prod-native bun-prod-wasi bun-prod-wasm
+make-lazy = $(eval $1 = $​$(eval $1 := $(value $(1)))$​$($1))
 
-vendor: api node-fallbacks runtime_js fallback_decoder mimalloc picohttp jsc
+ARCH_NAME :=
+ifeq ($(ARCH_NAME_RAW),arm64)
+   ARCH_NAME = aarch64
+   BREW_PREFIX_PATH = /opt/homebrew
+else
+   ARCH_NAME = x64
+   BREW_PREFIX_PATH = /usr/local
+endif
 
-build-obj: 
-	zig build obj -Drelease-fast
+TRIPLET = $(OS_NAME)-$(ARCH_NAME)
+PACKAGE_NAME = bun-cli-$(TRIPLET)
+PACKAGES_REALPATH = $(realpath packages)
+PACKAGE_DIR = $(PACKAGES_REALPATH)/$(PACKAGE_NAME)
+DEBUG_PACKAGE_DIR = $(PACKAGES_REALPATH)/debug-$(PACKAGE_NAME)
+BIN_DIR = $(PACKAGE_DIR)/bin
+RELEASE_BUN = $(PACKAGE_DIR)/bin/bun
+DEBUG_BIN = $(DEBUG_PACKAGE_DIR)/bin
+DEBUG_BUN = $(DEBUG_BIN)/bun-debug
+BUILD_ID = $(shell cat ./build-id)
+PACKAGE_JSON_VERSION = 0.0.$(BUILD_ID)
+BUN_BUILD_TAG = bun-v$(PACKAGE_JSON_VERSION)
+CC ?= $(realpath clang)
+CXX ?= $(realpath clang++)
+DEPS_DIR = $(shell pwd)/src/deps
+CPUS ?= $(shell nproc)
+USER ?= $(echo $USER)
 
-sign-macos-x64: 
-	codesign -s 417F1E55D8BDFB5DE25DA3126EDF238ED1F45B7E -f -v --timestamp --entitlements entitlements.plist ./build/macos-aarch64/bun
+OPENSSL_VERSION = OpenSSL_1_1_1l
+LIBICONV_PATH ?= $(BREW_PREFIX_PATH)/opt/libiconv/lib/libiconv.a
 
-sign-macos-aarch64: 
-	gon sign.macos-aarch64.json
+OPENSSL_LINUX_DIR = $(DEPS_DIR)/openssl/openssl-OpenSSL_1_1_1l
 
-release-macos-x64: build-obj bun-link-lld-release sign-macos-x64
-release-macos-aarch64: build-obj bun-link-lld-release sign-macos-aarch64
+LIBCRYPTO_PREFIX_DIR = $(BREW_PREFIX_PATH)/opt/openssl@1.1
+LIBCRYPTO_STATIC_LIB ?= $(LIBCRYPTO_PREFIX_DIR)/lib/libcrypto.a
+LIBCRYPTO_INCLUDE_DIR = $(LIBCRYPTO_PREFIX_DIR)/include
 
-api: 
-	npm install; ./node_modules/.bin/peechy --schema src/api/schema.peechy --esm src/api/schema.js --ts src/api/schema.d.ts --zig src/api/schema.zig
+ifeq ($(OS_NAME),linux)
+LIBCRYPTO_STATIC_LIB = 
+LIBICONV_PATH = $(DEPS_DIR)/libiconv.a
+endif
 
-node-fallbacks: 
-	cd src/node-fallbacks; npm install; npm run --silent build
+# Linux needs to have libcrypto 1.1.1 installed
+# download-openssl-linux:
+# 	mkdir -p $(DEPS_DIR)/openssl
+# 	wget https://github.com/openssl/openssl/archive/refs/tags/OpenSSL_1_1_1l.zip
+# 	unzip -o OpenSSL_1_1_1l.zip -d $(DEPS_DIR)/openssl
+# 	rm OpenSSL_1_1_1l.zip
 
-fallback_decoder:
-	esbuild --target=esnext  --bundle src/fallback.ts --format=iife --platform=browser --minify > src/fallback.out.js
+# build-openssl-linux:
+# 	cd $(OPENSSL_LINUX_DIR); \
+# 		./config -d -fPIC \
+# 			no-md2 no-rc5 no-rfc3779 no-sctp no-ssl-trace no-zlib     \
+# 			no-hw no-mdc2 no-seed no-idea enable-ec_nistp_64_gcc_128 no-camellia \
+# 			no-bf no-ripemd no-dsa no-ssl2 no-ssl3 no-capieng                  \
+# 			-DSSL_FORBID_ENULL -DOPENSSL_NO_DTLS1 -DOPENSSL_NO_HEARTBEATS; \
+# 		make -j $(CPUS) depend; \
+# 		make -j $(CPUS); \
+# 		make -j $(CPUS) install_sw; \
+# 		cp libcrypto.a $(DEPS_DIR)/libcrypto.a
 
-runtime_js:
-	esbuild --target=esnext  --bundle src/runtime/index.ts --format=iife --platform=browser --global-name=BUN_RUNTIME --minify > src/runtime.out.js; cat src/runtime.footer.js >> src/runtime.out.js
+build-iconv-linux:
+	cd src/deps/libiconv/libiconv-1.16; ./configure --enable-static; make -j 12; cp ./lib/.libs/libiconv.a $(DEPS_DIR)/libiconv.a
 
-jsc: jsc-build jsc-bindings
-jsc-build: jsc-build-mac jsc-copy-headers
-jsc-bindings: jsc-bindings-headers jsc-bindings-mac
-	
-	
+BUN_TMP_DIR := /tmp/make-bun
 
-jsc-bindings-headers:
-	mkdir -p src/JavaScript/jsc/bindings-obj/
-	zig build headers
+DEFAULT_USE_BMALLOC := 1
+# ifeq ($(OS_NAME),linux)
+# 	DEFAULT_USE_BMALLOC = 0
+# endif
 
-jsc-copy-headers:
-	find src/JavaScript/jsc/WebKit/WebKitBuild/Release/JavaScriptCore/Headers/JavaScriptCore/ -name "*.h" -exec cp {} src/JavaScript/jsc/WebKit/WebKitBuild/Release/JavaScriptCore/PrivateHeaders/JavaScriptCore \;
+USE_BMALLOC ?= DEFAULT_USE_BMALLOC
 
-jsc-build-mac-compile:
-	cd src/javascript/jsc/WebKit && ICU_INCLUDE_DIRS="$(HOMEBREW_PREFIX)opt/icu4c/include" ./Tools/Scripts/build-jsc --jsc-only --cmakeargs="-DENABLE_STATIC_JSC=ON -DCMAKE_BUILD_TYPE=relwithdebinfo"
+JSC_BASE_DIR ?= ${HOME}/webkit-build
 
-jsc-build-linux-compile:
-	cd src/javascript/jsc/WebKit && ./Tools/Scripts/build-jsc --jsc-only --cmakeargs="-DENABLE_STATIC_JSC=ON -DCMAKE_BUILD_TYPE=relwithdebinfo
+DEFAULT_JSC_LIB := 
+
+ifeq ($(OS_NAME),linux)
+DEFAULT_JSC_LIB = $(JSC_BASE_DIR)/lib
+endif
+
+ifeq ($(OS_NAME),darwin)
+DEFAULT_JSC_LIB = src/deps
+endif
+
+JSC_LIB ?= $(DEFAULT_JSC_LIB)
+
+JSC_INCLUDE_DIR ?= $(JSC_BASE_DIR)/include
+ZLIB_INCLUDE_DIR ?= $(DEPS_DIR)/zlib
+ZLIB_LIB_DIR ?= $(DEPS_DIR)/zlib
+
+JSC_FILES := $(JSC_LIB)/libJavaScriptCore.a $(JSC_LIB)/libWTF.a  $(JSC_LIB)/libbmalloc.a
+
+DEFAULT_LINKER_FLAGS =
+
+JSC_BUILD_STEPS :=
+ifeq ($(OS_NAME),linux)
+	JSC_BUILD_STEPS += jsc-check
+DEFAULT_LINKER_FLAGS= -lcrypto -pthread -ldl 
+endif
+ifeq ($(OS_NAME),darwin)
+	JSC_BUILD_STEPS += jsc-build-mac jsc-copy-headers
+endif
 
 
-jsc-build-mac: jsc-build-mac-compile jsc-build-mac-copy
+STRIP ?= $(shell which llvm-strip || which llvm-strip-12 || echo "Missing llvm-strip. Please pass it in the STRIP environment var"; exit 1;)
 
-jsc-build-mac-copy:
-	cp src/JavaScript/jsc/WebKit/WebKitBuild/Release/lib/libJavaScriptCore.a src/deps/libJavaScriptCore.a
-	cp src/JavaScript/jsc/WebKit/WebKitBuild/Release/lib/libWTF.a src/deps/libWTF.a
-	cp src/JavaScript/jsc/WebKit/WebKitBuild/Release/lib/libbmalloc.a src/deps/libbmalloc.a
-	 
-JSC_FILES := src/deps/libJavaScriptCore.a \
-	src/deps/libWTF.a \
-	src/deps/libbmalloc.a 
+HOMEBREW_PREFIX ?= $(BREW_PREFIX_PATH)
+
+s2n-ubuntu-deps:
+	# https://github.com/aws/s2n-tls/blob/main/codebuild/spec/buildspec_ubuntu.yml#L50
+	sudo apt-get install -y --no-install-recommends indent \
+		iproute2 \
+		kwstyle \
+		lcov \
+		libssl-dev \
+		m4 \
+		make \
+		net-tools \
+		nettle-bin \
+		nettle-dev \
+		pkg-config \
+		psmisc \
+		python3-pip \
+		shellcheck \
+		sudo \
+		tcpdump \
+		unzip \
+		valgrind \
+		zlib1g-dev \
+		zlibc \
+		cmake \
+		tox \
+		libtool \
+		ninja-build
+
+s2n-linux:
+	cd $(DEPS_DIR)/s2n-tls; \
+	make clean; \
+	rm -rf build; \
+	CC=$(CC) CXX=$(CXX) cmake . -Bbuild -GNinja \
+		-DCMAKE_BUILD_TYPE=Release \
+		-DBUILD_SHARED_LIBS=OFF \
+		-DBENCHMARK=0; \
+	CC=$(CC) CXX=$(CXX) cmake --build ./build -j$(CPUS); \
+	CC=$(CC) CXX=$(CXX) CTEST_PARALLEL_LEVEL=$(CPUS) ninja -C build;
+	cp $(DEPS_DIR)/s2n-tls/build/lib/libs2n.a $(DEPS_DIR)/libs2n.a
+
+s2n-linux-debug:
+	# https://github.com/aws/s2n-tls/blob/main/codebuild/spec/buildspec_ubuntu.yml#L50
+	sudo apt-get install -y --no-install-recommends indent \
+		iproute2 \
+		kwstyle \
+		lcov \
+		libssl-dev \
+		m4 \
+		make \
+		net-tools \
+		nettle-bin \
+		nettle-dev \
+		pkg-config \
+		psmisc \
+		python3-pip \
+		shellcheck \
+		sudo \
+		tcpdump \
+		unzip \
+		valgrind \
+		zlib1g-dev \
+		zlibc \
+		cmake \
+		tox \
+		libtool \
+		ninja-build
+
+	cd $(DEPS_DIR)/s2n-tls; \
+	make clean; \
+	rm -rf build; \
+	CC=$(CC) CXX=$(CXX) cmake . -Bbuild -GNinja \
+		-DCMAKE_BUILD_TYPE=Debug \
+		-DBUILD_SHARED_LIBS=OFF \
+		-DBENCHMARK=0; \
+	CC=$(CC) CXX=$(CXX) cmake --build ./build -j$(CPUS); \
+	CC=$(CC) CXX=$(CXX) CTEST_PARALLEL_LEVEL=$(CPUS) ninja -C build;
+	cp $(DEPS_DIR)/s2n-tls/build/lib/libs2n.a $(DEPS_DIR)/libs2n.a
 
-HOMEBREW_PREFIX := $(shell brew --prefix)/
 
 SRC_DIR := src/javascript/jsc/bindings
 OBJ_DIR := src/javascript/jsc/bindings-obj
 SRC_FILES := $(wildcard $(SRC_DIR)/*.cpp)
 OBJ_FILES := $(patsubst $(SRC_DIR)/%.cpp,$(OBJ_DIR)/%.o,$(SRC_FILES))
-INCLUDE_DIRS := -Isrc/JavaScript/jsc/WebKit/WebKitBuild/Release/JavaScriptCore/PrivateHeaders \
+MAC_INCLUDE_DIRS := -Isrc/javascript/jsc/WebKit/WebKitBuild/Release/JavaScriptCore/PrivateHeaders \
 		-Isrc/javascript/jsc/WebKit/WebKitBuild/Release/WTF/Headers \
 		-Isrc/javascript/jsc/WebKit/WebKitBuild/Release/ICU/Headers \
-		-Isrc/JavaScript/jsc/WebKit/WebKitBuild/Release/ \
-		-Isrc/JavaScript/jsc/bindings/ \
+		-Isrc/javascript/jsc/WebKit/WebKitBuild/Release/ \
+		-Isrc/javascript/jsc/bindings/ \
 		-Isrc/javascript/jsc/WebKit/Source/bmalloc 
 
-CLANG_FLAGS := $(INCLUDE_DIRS) \
-		-std=gnu++1z \
-		-stdlib=libc++ \
+LINUX_INCLUDE_DIRS := -I$(JSC_INCLUDE_DIR) \
+					  -Isrc/javascript/jsc/bindings/
+
+INCLUDE_DIRS :=
+
+ifeq ($(OS_NAME),linux)
+	INCLUDE_DIRS += $(LINUX_INCLUDE_DIRS)
+endif
+
+ifeq ($(OS_NAME),darwin)
+	INCLUDE_DIRS += $(MAC_INCLUDE_DIRS)
+endif
+
+
+
+MACOS_ICU_FILES = $(HOMEBREW_PREFIX)/opt/icu4c/lib/libicudata.a \
+	$(HOMEBREW_PREFIX)/opt/icu4c/lib/libicui18n.a \
+	$(HOMEBREW_PREFIX)/opt/icu4c/lib/libicuuc.a 
+
+MACOS_ICU_INCLUDE = $(HOMEBREW_PREFIX)/opt/icu4c/include
+
+ICU_FLAGS := 
+
+# TODO: find a way to make this more resilient
+# Ideally, we could just look up the linker search paths
+LIB_ICU_PATH ?= /usr/lib/x86_64-linux-gnu
+
+ifeq ($(OS_NAME),linux)
+	ICU_FLAGS += $(LIB_ICU_PATH)/libicuuc.a $(LIB_ICU_PATH)/libicudata.a $(LIB_ICU_PATH)/libicui18n.a
+endif
+
+ifeq ($(OS_NAME),darwin)
+ICU_FLAGS += -l icucore \
+	$(MACOS_ICU_FILES) \
+	-I$(MACOS_ICU_INCLUDE)
+endif
+
+		
+
+CLANG_FLAGS = $(INCLUDE_DIRS) \
+		-std=gnu++17 \
 		-DSTATICALLY_LINKED_WITH_JavaScriptCore=1 \
 		-DSTATICALLY_LINKED_WITH_WTF=1 \
+		-DSTATICALLY_LINKED_WITH_BMALLOC=1 \
 		-DBUILDING_WITH_CMAKE=1 \
 		-DNDEBUG=1 \
 		-DNOMINMAX \
@@ -83,69 +251,479 @@ CLANG_FLAGS := $(INCLUDE_DIRS) \
 		-g \
 		-DENABLE_INSPECTOR_ALTERNATE_DISPATCHERS=0 \
 		-DBUILDING_JSCONLY__ \
-		-DASSERT_ENABLED=0\
-		-DDU_DISABLE_RENAMING=1
+		-DASSERT_ENABLED=0 \
+		-fPIE
+		
+# This flag is only added to webkit builds on Apple platforms
+# It has something to do with ICU
+ifeq ($(OS_NAME), darwin)
+CLANG_FLAGS += -DDU_DISABLE_RENAMING=1 
+endif
+
+
+
+ARCHIVE_FILES_WITHOUT_LIBCRYPTO = src/deps/mimalloc/libmimalloc.a \
+		src/deps/zlib/libz.a \
+		src/deps/libarchive.a \
+		src/deps/libs2n.a \
+		src/deps/picohttpparser.o
+
+ARCHIVE_FILES = $(ARCHIVE_FILES_WITHOUT_LIBCRYPTO) src/deps/libcrypto.a
+
+BUN_LLD_FLAGS = $(OBJ_FILES) \
+		${ICU_FLAGS} \
+		${JSC_FILES} \
+		$(ARCHIVE_FILES) \
+		$(LIBICONV_PATH) \
+		$(CLANG_FLAGS)
+
+ifeq ($(OS_NAME), linux)
+BUN_LLD_FLAGS += -lstdc++fs \
+		$(DEFAULT_LINKER_FLAGS) \
+		-lc \
+		-Wl,-z,now \
+		-Wl,--as-needed \
+		-Wl,-z,stack-size=12800000 \
+		-Wl,-z,notext \
+		-ffunction-sections \
+		-fdata-sections \
+		-Wl,--gc-sections \
+		-fuse-ld=lld
+endif
+
+bun: vendor build-obj bun-link-lld-release
+
+
+vendor-without-check: api analytics node-fallbacks runtime_js fallback_decoder bun_error mimalloc picohttp zlib openssl s2n libarchive
+
+libarchive:
+	cd src/deps/libarchive; \
+	(make clean || echo ""); \
+	./build/clean.sh; \
+	./build/autogen.sh; \
+	./configure --disable-shared --enable-static  --with-pic  --disable-bsdtar   --disable-bsdcat --disable-rpath --enable-posix-regex-lib  --without-xml2  --without-expat --without-openssl  --without-iconv --without-zlib; \
+	make -j${CPUS}; \
+	cp ./.libs/libarchive.a $(DEPS_DIR)/libarchive.a;
+
+tgz:
+	zig build-exe -Drelease-fast --main-pkg-path $(shell pwd) ./misctools/tgz.zig $(DEPS_DIR)/zlib/libz.a $(DEPS_DIR)/libarchive.a $(LIBICONV_PATH) -lc 
+
+tgz-debug:
+	zig build-exe --main-pkg-path $(shell pwd) ./misctools/tgz.zig $(DEPS_DIR)/zlib/libz.a $(DEPS_DIR)/libarchive.a $(LIBICONV_PATH) -lc 
+
+vendor: require init-submodules vendor-without-check
+
+zlib: 
+	cd src/deps/zlib; cmake .; make;
+
+require:
+	@echo "Checking if the required utilities are available..."
+	@cmake --version >/dev/null 2>&1 || (echo "ERROR: cmake is required."; exit 1)
+	@esbuild --version >/dev/null 2>&1 || (echo "ERROR: esbuild is required."; exit 1)
+	@npm --version >/dev/null 2>&1 || (echo "ERROR: npm is required."; exit 1)
+	@aclocal 2>&1 || (echo "ERROR: automake is required. Install on mac with:\nbrew install automake"; exit 1)
+	@glibtoolize 2>&1 || (echo "ERROR: libtool is required. Install on mac with:\nbrew install libtool"; exit 1)
+	@stat $(LIBICONV_PATH) >/dev/null 2>&1 || (echo "ERROR: libiconv is required. Please:\nbrew install libiconv"; exit 1)
+	@stat $(LIBCRYPTO_STATIC_LIB) >/dev/null 2>&1 || (echo "ERROR: OpenSSL 1.1 is required. Please:\nbrew install openssl@1.1"; exit 1)
+
+init-submodules:
+	git submodule update --init --recursive --progress --depth=1
+
+build-obj: 
+	zig build obj -Drelease-fast
+
+sign-macos-x64: 
+	gon sign.macos-x64.json
+
+sign-macos-aarch64: 
+	gon sign.macos-aarch64.json
+
+cls: 
+	@echo "\n\n---\n\n"
+
+release: all-js build-obj jsc-bindings-mac cls bun-link-lld-release
+
+jsc-check:
+	@ls $(JSC_BASE_DIR)  >/dev/null 2>&1 || (echo "Failed to access WebKit build. Please compile the WebKit submodule using the Dockerfile at $(shell pwd)/src/javascript/WebKit/Dockerfile and then copy from /output in the Docker container to $(JSC_BASE_DIR). You can override the directory via JSC_BASE_DIR. \n\n 	DOCKER_BUILDKIT=1 docker build -t bun-webkit $(shell pwd)/src/javascript/jsc/WebKit -f $(shell pwd)/src/javascript/jsc/WebKit/Dockerfile --progress=plain\n\n 	docker container create bun-webkit\n\n 	# Get the container ID\n	docker container ls\n\n 	docker cp DOCKER_CONTAINER_ID_YOU_JUST_FOUND:/output $(JSC_BASE_DIR)" && exit 1)	
+	@ls $(JSC_INCLUDE_DIR)  >/dev/null 2>&1 || (echo "Failed to access WebKit include directory at $(JSC_INCLUDE_DIR)." && exit 1)	
+	@ls $(JSC_LIB)  >/dev/null 2>&1 || (echo "Failed to access WebKit lib directory at $(JSC_LIB)." && exit 1)	
+
+all-js: runtime_js fallback_decoder bun_error node-fallbacks
+
+bin-dir:
+	@echo $(BIN_DIR)
+
+api: 
+	pnpm install; ./node_modules/.bin/peechy --schema src/api/schema.peechy --esm src/api/schema.js --ts src/api/schema.d.ts --zig src/api/schema.zig
+	zig fmt src/api/schema.zig
+	prettier --write src/api/schema.js
+	prettier --write src/api/schema.d.ts
+
+node-fallbacks: 
+	@cd src/node-fallbacks; pnpm install; npm run --silent build
+
+fallback_decoder:
+	@esbuild --target=esnext  --bundle src/fallback.ts --format=iife --platform=browser --minify > src/fallback.out.js
+
+runtime_js:
+	@NODE_ENV=production esbuild --define:process.env.NODE_ENV="production" --target=esnext  --bundle src/runtime/index.ts --format=iife --platform=browser --global-name=BUN_RUNTIME --minify --external:/bun:* > src/runtime.out.js; cat src/runtime.footer.js >> src/runtime.out.js
+
+bun_error:
+	@cd packages/bun-error; pnpm install; npm run --silent build
+
+fetch:
+	cd misctools; zig build-obj -Drelease-fast ./fetch.zig -fcompiler-rt -lc --main-pkg-path ../
+	$(CXX) ./misctools/fetch.o -g -O3 -o ./misctools/fetch $(DEFAULT_LINKER_FLAGS) -lc \
+		src/deps/mimalloc/libmimalloc.a \
+		src/deps/zlib/libz.a \
+		src/deps/libarchive.a \
+		src/deps/libs2n.a \
+		src/deps/picohttpparser.o \
+		$(LIBCRYPTO_STATIC_LIB)
+
+fetch-debug:
+	cd misctools; zig build-obj ./fetch.zig -fcompiler-rt -lc --main-pkg-path ../
+	$(CXX) ./misctools/fetch.o -g -o ./misctools/fetch $(DEFAULT_LINKER_FLAGS) -lc  \
+		src/deps/mimalloc/libmimalloc.a \
+		src/deps/zlib/libz.a \
+		src/deps/libarchive.a \
+		src/deps/libs2n.a \
+		src/deps/picohttpparser.o \
+		$(LIBCRYPTO_STATIC_LIB)
+
+s2n-mac:
+	cd $(DEPS_DIR)/s2n-tls; \
+	make clean; \
+	CC=$(CC) CXX=$(CXX) cmake . -Bbuild -GNinja \
+		-DCMAKE_BUILD_TYPE=Release \
+		-DBUILD_SHARED_LIBS=OFF \
+		-DLibCrypto_INCLUDE_DIR=$(LIBCRYPTO_INCLUDE_DIR) \
+		-DLibCrypto_STATIC_LIBRARY=$(LIBCRYPTO_STATIC_LIB) \
+		-DLibCrypto_LIBRARY=$(LIBCRYPTO_STATIC_LIB) \
+		-DCMAKE_PREFIX_PATH=$(LIBCRYPTO_PREFIX_DIR); \
+	CC=$(CC) CXX=$(CXX) cmake --build ./build -j$(CPUS); \
+	CC=$(CC) CXX=$(CXX) CTEST_PARALLEL_LEVEL=$(CPUS) ninja -C build
+	cp $(DEPS_DIR)/s2n-tls/build/lib/libs2n.a $(DEPS_DIR)/libs2n.a
+	unlink $(DEPS_DIR)/libcrypto.a || echo "";
+	ln $(LIBCRYPTO_STATIC_LIB) $(DEPS_DIR)/libcrypto.a || echo "";
+
+s2n-mac-debug:
+	cd $(DEPS_DIR)/s2n-tls; \
+	make clean; \
+	CC=$(CC) CXX=$(CXX) cmake . -Bbuild -GNinja \
+		-DCMAKE_BUILD_TYPE=Debug \
+		-DBUILD_SHARED_LIBS=OFF \
+		-DLibCrypto_INCLUDE_DIR=$(LIBCRYPTO_INCLUDE_DIR) \
+		-DLibCrypto_STATIC_LIBRARY=$(LIBCRYPTO_STATIC_LIB) \
+		-DLibCrypto_LIBRARY=$(LIBCRYPTO_STATIC_LIB) \
+		-DCMAKE_PREFIX_PATH=$(LIBCRYPTO_PREFIX_DIR); \
+	CC=$(CC) CXX=$(CXX) cmake --build ./build -j$(CPUS); \
+	CC=$(CC) CXX=$(CXX) CTEST_PARALLEL_LEVEL=$(CPUS) ninja -C build test
+	cp $(DEPS_DIR)/s2n-tls/build/lib/libs2n.a $(DEPS_DIR)/libs2n.a
+	unlink $(DEPS_DIR)/libcrypto.a || echo "";
+	ln $(LIBCRYPTO_STATIC_LIB) $(DEPS_DIR)/libcrypto.a || echo "";
+
+libcrypto_path:
+	@echo ${LIBCRYPTO_STATIC_LIB}
+
+ifeq ($(OS_NAME),darwin)
+s2n: s2n-mac
+endif
+
+jsc: jsc-build jsc-bindings
+jsc-build: $(JSC_BUILD_STEPS)
+jsc-bindings: jsc-bindings-headers jsc-bindings-mac
+	
+jsc-bindings-headers:
+	mkdir -p src/javascript/jsc/bindings-obj/
+	zig build headers
+	zig fmt src/javascript/jsc/bindings/headers.zig
+
+bump: 
+	expr $(BUILD_ID) + 1 > build-id
+
+
+# When adding a new architecture, don't forget to update this!
+write-package-json-version-cli:
+	jq -S --raw-output '.version = "${PACKAGE_JSON_VERSION}"' packages/bun-cli/package.json  > packages/bun-cli/package.json.new
+	mv packages/bun-cli/package.json.new packages/bun-cli/package.json
+	jq -S --raw-output '.optionalDependencies."bun-cli-linux-x64" = "${PACKAGE_JSON_VERSION}"' packages/bun-cli/package.json  > packages/bun-cli/package.json.new
+	mv packages/bun-cli/package.json.new packages/bun-cli/package.json
+	jq -S --raw-output '.optionalDependencies."bun-cli-darwin-x64" = "${PACKAGE_JSON_VERSION}"' packages/bun-cli/package.json  > packages/bun-cli/package.json.new
+	mv packages/bun-cli/package.json.new packages/bun-cli/package.json
+	jq -S --raw-output '.optionalDependencies."bun-cli-darwin-aarch64" = "${PACKAGE_JSON_VERSION}"' packages/bun-cli/package.json  > packages/bun-cli/package.json.new
+	mv packages/bun-cli/package.json.new packages/bun-cli/package.json
+
+write-package-json-version: 
+	jq -S --raw-output '.version = "${PACKAGE_JSON_VERSION}"' $(PACKAGE_DIR)/package.json  > $(PACKAGE_DIR)/package.json.new
+	mv $(PACKAGE_DIR)/package.json.new $(PACKAGE_DIR)/package.json
+
+tag: 
+	git tag $(BUN_BUILD_TAG)
+	git push --tags
+
+prepare-release: tag release-create write-package-json-version-cli write-package-json-version
+
+release-create:
+	gh release create --title "Bun v$(PACKAGE_JSON_VERSION)" "$(BUN_BUILD_TAG)"
+
+BUN_DEPLOY_DIR := $(BUN_TMP_DIR)/bun-deploy
+BUN_DEPLOY_CLI := $(BUN_TMP_DIR)/bun-cli
+BUN_DEPLOY_PKG := $(BUN_DEPLOY_DIR)/$(PACKAGE_NAME)
+
+release-cli-push:
+	rm -rf $(BUN_DEPLOY_CLI)
+	mkdir -p $(BUN_DEPLOY_CLI)
+	cp -r packages/bun-cli $(BUN_DEPLOY_CLI)
+	cd $(BUN_DEPLOY_CLI)/bun-cli; npm pack;
+	gh release upload $(BUN_BUILD_TAG) --clobber $(BUN_DEPLOY_CLI)//bun-cli/bun-cli-$(PACKAGE_JSON_VERSION).tgz
+	npm publish $(BUN_DEPLOY_CLI)/bun-cli/bun-cli-$(PACKAGE_JSON_VERSION).tgz --access=public
+
+release-bin-push: write-package-json-version
+	rm -rf $(BUN_DEPLOY_DIR)
+	mkdir -p $(BUN_DEPLOY_DIR)
+	cp -r $(PACKAGE_DIR) $(BUN_DEPLOY_DIR)
+	cd $(BUN_DEPLOY_PKG); npm pack;
+	gh release upload $(BUN_BUILD_TAG) --clobber $(BUN_DEPLOY_PKG)/$(PACKAGE_NAME)-$(PACKAGE_JSON_VERSION).tgz
+	npm publish $(BUN_DEPLOY_PKG)/$(PACKAGE_NAME)-$(PACKAGE_JSON_VERSION).tgz --access=public
+
+dev-obj:
+	zig build obj
+
+dev-obj-linux:
+	zig build obj -Dtarget=x86_64-linux-gnu
+
+dev: mkdir-dev dev-obj bun-link-lld-debug
+
+mkdir-dev:
+	mkdir -p $(DEBUG_PACKAGE_DIR)/bin
+
+test-install:
+	cd integration/scripts && pnpm install
+
+test-all: test-install test-with-hmr test-no-hmr
+
+copy-test-node-modules:
+	rm -rf integration/snippets/package-json-exports/node_modules || echo "";
+	cp -r integration/snippets/package-json-exports/_node_modules_copy integration/snippets/package-json-exports/node_modules || echo "";
+kill-bun:
+	-killall -9 bun bun-debug
+	
+test-with-hmr: kill-bun copy-test-node-modules
+	BUN_BIN=$(RELEASE_BUN) node integration/scripts/browser.js
+
+test-no-hmr: kill-bun copy-test-node-modules
+	-killall bun -9;
+	DISABLE_HMR="DISABLE_HMR" BUN_BIN=$(RELEASE_BUN) node integration/scripts/browser.js
+
+test-dev-with-hmr: copy-test-node-modules
+	-killall bun-debug -9;
+	BUN_BIN=$(DEBUG_BUN) node integration/scripts/browser.js
+
+test-dev-no-hmr: copy-test-node-modules
+	-killall bun-debug -9;
+	DISABLE_HMR="DISABLE_HMR" BUN_BIN=$(DEBUG_BUN) node integration/scripts/browser.js
+
+test-dev-all: test-dev-with-hmr test-dev-no-hmr
+
+test-dev: test-dev-with-hmr
+
+jsc-copy-headers:
+	find src/javascript/jsc/WebKit/WebKitBuild/Release/JavaScriptCore/Headers/JavaScriptCore/ -name "*.h" -exec cp {} src/javascript/jsc/WebKit/WebKitBuild/Release/JavaScriptCore/PrivateHeaders/JavaScriptCore/ \;
+
+jsc-build-mac-compile:
+	cd src/javascript/jsc/WebKit && ICU_INCLUDE_DIRS="$(HOMEBREW_PREFIX)opt/icu4c/include" ./Tools/Scripts/build-jsc --jsc-only --cmakeargs="-DENABLE_STATIC_JSC=ON -DCMAKE_BUILD_TYPE=relwithdebinfo"
+
+jsc-build-linux-compile:
+	cd src/javascript/jsc/WebKit && ./Tools/Scripts/build-jsc --jsc-only --cmakeargs="-DENABLE_STATIC_JSC=ON -DCMAKE_BUILD_TYPE=relwithdebinfo -DUSE_THIN_ARCHIVES=OFF"
+
+jsc-build-mac: jsc-build-mac-compile jsc-build-mac-copy
+
+jsc-build-linux: jsc-build-linux-compile jsc-build-mac-copy
+
+jsc-build-mac-copy:
+	cp src/javascript/jsc/WebKit/WebKitBuild/Release/lib/libJavaScriptCore.a src/deps/libJavaScriptCore.a
+	cp src/javascript/jsc/WebKit/WebKitBuild/Release/lib/libWTF.a src/deps/libWTF.a
+	cp src/javascript/jsc/WebKit/WebKitBuild/Release/lib/libbmalloc.a src/deps/libbmalloc.a
+	 
+clean-bindings: 
+	rm -rf $(OBJ_DIR)/*.o
+
+clean: clean-bindings
+	rm src/deps/*.a src/deps/*.o
+	(cd src/deps/mimalloc && make clean) || echo "";
+	(cd src/deps/libarchive && make clean) || echo "";
+	(cd src/deps/s2n-tls && make clean) || echo "";
+	(cd src/deps/picohttp && make clean) || echo "";
+	(cd src/deps/zlib && make clean) || echo "";
+
+
 
 jsc-bindings-mac: $(OBJ_FILES)
 
 
-MACOS_ICU_FILES := $(HOMEBREW_PREFIX)opt/icu4c/lib/libicudata.a \
-	$(HOMEBREW_PREFIX)opt/icu4c/lib/libicui18n.a \
-	$(HOMEBREW_PREFIX)opt/icu4c/lib/libicuuc.a 
-
-MACOS_ICU_INCLUDE := $(HOMEBREW_PREFIX)opt/icu4c/include
-
-MACOS_ICU_FLAGS := -l icucore \
-	$(MACOS_ICU_FILES) \
-	-I$(MACOS_ICU_INCLUDE)
-
-BUN_LLD_FLAGS := $(OBJ_FILES) \
-		${MACOS_ICU_FLAGS} \
-		${JSC_FILES} \
-		src/deps/picohttpparser.o \
-		src/deps/mimalloc/libmimalloc.a \
-		$(CLANG_FLAGS) \
-		-fpie \
-
 mimalloc:
 	cd src/deps/mimalloc; cmake .; make; 
 
 bun-link-lld-debug:
-	clang++ $(BUN_LLD_FLAGS) \
-		build/debug/macos-x86_64/bun.o \
-		-Wl,-dead_strip \
-		-ftls-model=local-exec \
-		-flto \
-		-o build/debug/macos-x86_64/bun
+	$(CXX) $(BUN_LLD_FLAGS) \
+		-g \
+		$(DEBUG_BIN)/bun-debug.o \
+		-W \
+		-o $(DEBUG_BIN)/bun-debug \
 
 bun-link-lld-release:
-	clang++ $(BUN_LLD_FLAGS) \
-		build/macos-x86_64/bun.o \
-		-o build/macos-x86_64/bun \
-		-Wl,-dead_strip \
-		-ftls-model=local-exec \
+	$(CXX) $(BUN_LLD_FLAGS) \
+		$(BIN_DIR)/bun.o \
+		-o $(BIN_DIR)/bun \
+		-W \
 		-flto \
+		-ftls-model=initial-exec \
 		-O3
+	cp $(BIN_DIR)/bun $(BIN_DIR)/bun-profile
+	$(STRIP) $(BIN_DIR)/bun
+	rm $(BIN_DIR)/bun.o
 
 bun-link-lld-release-aarch64:
-	clang++ $(BUN_LLD_FLAGS) \
+	$(CXX) $(BUN_LLD_FLAGS) \
 		build/macos-aarch64/bun.o \
 		-o build/macos-aarch64/bun \
 		-Wl,-dead_strip \
-		-ftls-model=local-exec \
+		-ftls-model=initial-exec \
 		-flto \
 		-O3
 
 # We do this outside of build.zig for performance reasons
 # The C compilation stuff with build.zig is really slow and we don't need to run this as often as the rest
 $(OBJ_DIR)/%.o: $(SRC_DIR)/%.cpp
-	clang++ -c -o $@ $< \
+	$(CXX) -c -o $@ $< \
 		$(CLANG_FLAGS) \
-		-O1
+		-O1 \
+		-w
 
 sizegen:
-	clang++ src/javascript/jsc/headergen/sizegen.cpp -o /tmp/sizegen $(CLANG_FLAGS) -O1
-	/tmp/sizegen > src/javascript/jsc/bindings/sizes.zig
+	$(CXX) src/javascript/jsc/headergen/sizegen.cpp -o $(BUN_TMP_DIR)/sizegen $(CLANG_FLAGS) -O1
+	$(BUN_TMP_DIR)/sizegen > src/javascript/jsc/bindings/sizes.zig
 
 picohttp:
-	 clang -O3 -g -c src/deps/picohttpparser.c -Isrc/deps -o src/deps/picohttpparser.o; cd ../../	
+	 $(CC) -march=native -O3 -g -fPIE -c src/deps/picohttpparser/picohttpparser.c -Isrc/deps -o src/deps/picohttpparser.o; cd ../../	
+
+analytics:
+	./node_modules/.bin/peechy --schema src/analytics/schema.peechy --zig src/analytics/analytics_schema.zig
+	zig fmt src/analytics/analytics_schema.zig
+
+analytics-features:
+	@cd misctools; zig run --main-pkg-path ../ ./features.zig
+
+find-unused-zig-files: 
+	@bash ./misctools/find-unused-zig.sh
+
+generate-unit-tests: 
+	@bash ./misctools/generate-test-file.sh
+
+fmt-all:
+	find src -name "*.zig" -exec zig fmt {} \;
+
+unit-tests: generate-unit-tests run-unit-tests
+
+
+
+ifeq (test, $(firstword $(MAKECMDGOALS)))
+testpath := $(firstword $(wordlist 2, $(words $(MAKECMDGOALS)), $(MAKECMDGOALS)))
+testfilter := $(wordlist 3, $(words $(MAKECMDGOALS)), $(MAKECMDGOALS))
+testbinpath := zig-out/bin/test
+testbinpath := $(lastword $(testfilter))
+
+ifeq ($(if $(patsubst /%,,$(testbinpath)),,yes),yes)
+testfilterflag := --test-filter "$(filter-out $(testbinpath), $(testfilter))"
+
+endif
+
+ifneq ($(if $(patsubst /%,,$(testbinpath)),,yes),yes)
+testbinpath := zig-out/bin/test
+ifneq ($(strip $(testfilter)),)
+testfilterflag := --test-filter "$(testfilter)"
+endif
+endif
+
+  testname := $(shell basename $(testpath))
+
+  
+  $(eval $(testname):;@true)
+
+  ifeq ($(words $(testfilter)), 0)
+testfilterflag :=  --test-name-prefix "$(testname): "
+endif
+
+ifeq ($(testfilterflag), undefined)
+testfilterflag :=  --test-name-prefix "$(testname): "
+endif
+
+
+endif
+
+ifeq (build-unit, $(firstword $(MAKECMDGOALS)))
+testpath := $(firstword $(wordlist 2, $(words $(MAKECMDGOALS)), $(MAKECMDGOALS)))
+testfilter := $(wordlist 3, $(words $(MAKECMDGOALS)), $(MAKECMDGOALS))
+testbinpath := zig-out/bin/test
+testbinpath := $(lastword $(testfilter))
+
+ifeq ($(if $(patsubst /%,,$(testbinpath)),,yes),yes)
+testfilterflag := --test-filter "$(filter-out $(testbinpath), $(testfilter))"
+
+endif
+
+ifneq ($(if $(patsubst /%,,$(testbinpath)),,yes),yes)
+testbinpath := zig-out/bin/test
+ifneq ($(strip $(testfilter)),)
+testfilterflag := --test-filter "$(testfilter)"
+endif
+endif
+
+  testname := $(shell basename $(testpath))
+
+  
+$(eval $(testname):;@true)
+$(eval $(testfilter):;@true)
+$(eval $(testpath):;@true)
+
+  ifeq ($(words $(testfilter)), 0)
+testfilterflag :=  --test-name-prefix "$(testname): "
+endif
+
+ifeq ($(testfilterflag), undefined)
+testfilterflag :=  --test-name-prefix "$(testname): "
+endif
+
+
+
+endif
+
+build-unit:
+	@rm -rf zig-out/bin/$(testname)
+	@mkdir -p zig-out/bin
+	zig test $(realpath $(testpath)) \
+	$(testfilterflag) \
+	--pkg-begin picohttp $(DEPS_DIR)/picohttp.zig --pkg-end \
+	--pkg-begin clap $(DEPS_DIR)/zig-clap/clap.zig --pkg-end \
+	--main-pkg-path $(shell pwd) \
+	--test-no-exec \
+	-fPIC \
+	-femit-bin=zig-out/bin/$(testname) \
+	-fcompiler-rt \
+	-lc -lc++ \
+	--cache-dir /tmp/zig-cache-bun-$(testname)-$(basename $(lastword $(testfilter))) \
+	-fallow-shlib-undefined \
+	-L$(LIBCRYPTO_PREFIX_DIR)/lib \
+	-lcrypto -lssl \
+	$(ARCHIVE_FILES_WITHOUT_LIBCRYPTO) $(ICU_FLAGS) && \
+	cp zig-out/bin/$(testname) $(testbinpath)
+
+run-unit:
+	@zig-out/bin/$(testname) -- fake
+	
+
+test: build-unit run-unit
+
+integration-test-dev: 
+	USE_EXISTING_PROCESS=true node integration/scripts/browser.js

README.md

@@ -1,4 +1,4 @@
-# Bun: a fast bundler & transpiler for developing web software
+# Bun
 
 Bun is a new:
 
@@ -6,6 +6,7 @@ Bun is a new:
 - JavaScript & CSS bundler
 - Development server with 60fps Hot Module Reloading (& WIP support for React Fast Refresh)
 - JavaScript Runtime Environment (powered by JavaScriptCore, what WebKit/Safari uses)
+- Task runner for package.json scripts
 
 All in one fast & easy-to-use tool. Instead of 1,000 node_modules for development, you only need Bun.
 
@@ -18,63 +19,133 @@ All in one fast & easy-to-use tool. Instead of 1,000 node_modules for develo
 npm install -g bun-cli
 ```
 
-### Getting started
+## Benchmarks
+
+**CSS**: [Bun is 14x faster](./bench/hot-module-reloading/css-stress-test) than Next.js at hot reloading CSS. TODO: compare Vite
+
+**JavaScript**: TODO
+
+## Using Bun as a task runner
+
+Instead of waiting 170ms for your npm client to start for each task, you wait 6ms for Bun.
+
+To use bun as a task runner, run `bun run` instead of `npm run`.
+
+```bash
+# Instead of "npm run clean"
+bun run clean
+
+# This also works
+bun clean
+```
+
+Assuming a package.json with a `"clean"` command in `"scripts"`:
+
+```json
+{
+  "name": "myapp",
+  "scripts": {
+    "clean": "rm -rf dist out node_modules"
+  }
+}
+```
 
 ## Using Bun with Next.js
 
-In your project folder root (where `package.json` is):
+To create a new Next.js app with Bun:
 
 ```bash
-npm install -D bun-framework-next
+bun create next ./app
+cd app
+bun
+```
+
+To use an existing Next.js app with Bun:
+
+```bash
+npm install bun-framework-next
 bun bun --use next
 bun
 ```
 
-Here are some features of Next.js that **aren't supported** yet:
+Many of Next.js' features are supported, but not all.
+
+Here's what doesn't work yet:
 
 - `getStaticPaths`
-- `fetch` inside of `getStaticProps` or `getServerSideProps`
+- same-origin `fetch` inside of `getStaticProps` or `getServerSideProps`
 - locales, zones, `assetPrefix` (workaround: change `--origin \"http://localhsot:3000/assetPrefixInhere\"`)
-- `next/image` - `<Image />` component
+- `next/image` is polyfilled to a regular `<img src>` tag.
+- `proxy` and anything else in `next.config.js`
+- API, catch-all &amp; catch-all fallback routes. Dynamic routes _are_ supported.
+
+When using Next.js, Bun automatically reads configuration from `.env.local`, `.env.development` and `.env` (in that order). `process.env.NEXT_PUBLIC_` and `process.env.NEXT_` automatically are replaced via `--define`.
 
 Currently, any time you import new dependencies from `node_modules`, you will need to re-run `bun bun --use next`. This will eventually be automatic.
 
-## Using Bun without a framework or with Create React App
+## Using Bun with single page apps
 
 In your project folder root (where `package.json` is):
 
 ```bash
 bun bun ./entry-point-1.js ./entry-point-2.jsx
-bun dev ./entry-point-1.js ./entry-point-2.jsx --origin https://localhost:3000
+bun
 ```
 
-By default, `bun dev` will look for any HTML files in the `public` directory and serve that. For browsers navigating to the page, the `.html` file extension is optional in the URL, and `index.html` will automatically rewrite for the directory.
+By default, `bun` will look for any HTML files in the `public` directory and serve that. For browsers navigating to the page, the `.html` file extension is optional in the URL, and `index.html` will automatically rewrite for the directory.
 
 Here are examples of routing from `public/` and how they're matched:
-| File Path | Dev Server URL |
-| --------- | ------------- |
-| public/dir/index.html | /dir |
-| public/index.html | / |
-| public/hi.html | /hi |
-| public/file.html | /file |
-| public/font/Inter.woff2 | /font/Inter.woff2 |
+| Dev Server URL | File Path |
+|----------------|-----------|
+| /dir | public/dir/index.html |
+| / | public/index.html |
+| /index | public/index.html |
+| /hi | public/hi.html |
+| /file | public/file.html |
+| /font/Inter.woff2 | public/font/Inter.woff2 |
+| /hello | public/index.html |
 
-For **Create React App** users, note that Bun does not transpile HTML yet, so `%PUBLIC_URL%` will need to be replaced with '/'`.
+If `public/index.html` exists, it becomes the default page instead of a 404 page, unless that pathname has a file extension.
 
-From there, Bun relies on the filesystem for mapping dev server paths to source files. All URL paths are relative to the project root (where `package.json` is).
+#### Using Bun with Create React App
+
+To create new a React app:
+
+```bash
+bun create react ./app
+cd app
+bun
+```
+
+To use an existing React app:
+
+```bash
+bun create /absolute-path-to-react-app app
+bun
+```
+
+From there, Bun relies on the filesystem for mapping dev server paths to source files. All URL paths are relative to the project root (where `package.json` is located).
 
 Here are examples of routing source code file paths:
 
-| File Path (relative to cwd) | Dev Server URL             |
-| --------------------------- | -------------------------- |
-| src/components/Button.tsx   | /src/components/Button.tsx |
-| src/index.tsx               | /src/index.tsx             |
-| pages/index.js              | /pages/index.js            |
+| Dev Server URL             | File Path (relative to cwd) |
+| -------------------------- | --------------------------- |
+| /src/components/Button.tsx | src/components/Button.tsx   |
+| /src/index.tsx             | src/index.tsx               |
+| /pages/index.js            | pages/index.js              |
+
+You do not need to include file extensions in `import` paths. CommonJS-style import paths without the file extension works.
 
 You can override the public directory by passing `--public-dir="path-to-folder"`.
 
 If no directory is specified and `./public/` doesn't exist, Bun will try `./static/`. If `./static/` does not exist, but won't serve from a public directory. If you pass `--public-dir=./` Bun will serve from the current directory, but it will check the current directory last instead of first.
 
+## Using Bun with TypeScript
+
+TypeScript just works. There's nothing to configure and nothing extra to install. If you import a `.ts` or `.tsx` file, Bun will transpile it into JavaScript. Bun also transpiles `node_modules` containing `.ts` or `.tsx` files. This is powered by Bun's TypeScript transpiler, so it's fast.
+
+Bun also reads `tsconfig.json`, including `baseUrl` and `paths`.
+
 ## Using Tailwind with Bun
 
 [Tailwind](https://tailwindcss.com/) is a popular CSS utility framework. Currently, the easiest way to use Tailwind with Bun is through Tailwind's CLI. That means running both `bun` and `tailwind`, and importing the file `tailwind`'s CLI outputs.
@@ -93,7 +164,7 @@ Bun is a project with incredibly large scope, and it's early days.
 
 | Feature                                                                                                                | In             |
 | ---------------------------------------------------------------------------------------------------------------------- | -------------- |
-| Symlinks                                                                                                               | Resolver       |
+| ~Symlinks~                                                                                                             | Resolver       |
 | [Finish Fast Refresh](https://github.com/Jarred-Sumner/bun/issues/18)                                                  | JSX Transpiler |
 | Source Maps                                                                                                            | JavaScript     |
 | Source Maps                                                                                                            | CSS            |
@@ -105,9 +176,8 @@ Bun is a project with incredibly large scope, and it's early days.
 | `@jsxPragma` comments                                                                                                  | JS Transpiler  |
 | JSX source file name                                                                                                   | JS Transpiler  |
 | Sharing `.bun` files                                                                                                   | Bun            |
-| [fetch](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API)                                                    | Bun.js         |
+| [Finish fetch](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API)                                             | Bun.js         |
 | [setTimeout](https://developer.mozilla.org/en-US/docs/Web/API/setTimeout)                                              | Bun.js         |
-| `bun run` command                                                                                                      | Bun.js         |
 
 <sup>JS Transpiler == JavaScript Transpiler</sup><br/>
 <sup>TS Transpiler == TypeScript Transpiler</sup><br/>
@@ -117,13 +187,15 @@ Bun is a project with incredibly large scope, and it's early days.
 
 Bun is great for building websites &amp; webapps. For libraries, consider using Rollup or esbuild instead. Bun currently doesn't minify code and Bun's dead code elimination doesn't look beyond the current file.
 
-Bun is focused on:
+Today, Bun is focused on:
 
 - Development, not production
 - Compatibility with existing frameworks & tooling
 
 Ideally, most projects can use Bun with their existing tooling while making few changes to their codebase. That means using Bun in development, and continuing to use Webpack, esbuild, or another bundler in production. Using two bundlers might sound strange at first, but after all the production-only AST transforms, minification, and special development/production-only imported files...it's not far from the status quo.
 
+Longer-term, Bun intends to replace Node.js, Webpack, Babel, and PostCSS (in production).
+
 # Configuration
 
 ### Loaders
@@ -139,6 +211,9 @@ Currently, Bun implements the following loaders:
 | .ts   | TypeScript + JavaScript       | .js    |
 | .tsx  | TypeScript + JSX + JavaScript | .js    |
 | .mjs  | JavaScript                    | .js    |
+| .cjs  | JavaScript                    | .js    |
+| .mts  | TypeScript                    | .js    |
+| .cts  | TypeScript                    | .js    |
 | .css  | CSS                           | .css   |
 | .env  | Env                           | N/A    |
 | .\*   | file                          | string |
@@ -371,12 +446,397 @@ type Router = {
 
 To use a framework, you pass `bun bun --use package-name`.
 
-Your framework's package.json `name` should start with `bun-framework-`. This is so that people can type something like `bun bun --use next` and it will check `bun-framework-next` first. This is similar to how Babel plugins tend to start with `babel-plugin-`.
+Your framework's `package.json` `name` should start with `bun-framework-`. This is so that people can type something like `bun bun --use next` and it will check `bun-framework-next` first. This is similar to how Babel plugins tend to start with `babel-plugin-`.
 
 For developing frameworks, you can also do `bun bun --use ./relative-path-to-framework`.
 
 If you're interested in adding a framework integration, please reach out. There's a lot here and it's not entirely documented yet.
 
+# FAQ
+
+When running bun on an M1 (or Apple Silicon), if you see a message like this:
+
+> [1] 28447 killed bun create next ./test
+
+It most likely means you're running bun's x64 version on Apple Silicon. This happens if `node` (or, rather, `npm`) is running via Rosetta. Rosetta is unable to emulate AVX2 instructions, which Bun indirectly uses.
+
+The fix is to ensure you installed a version of Node built for Apple Silicon and then reinstall `bun-cli`. You can also try to directly install `npm install -g bun-cli-darwin-aarch64`.
+
+# Reference
+
+### `bun run`
+
+`bun run` is a fast `package.json` scripts runner. Instead of waiting 170ms for your npm client to start every time, you wait 6ms for Bun.
+
+By default, `bun run` prints the script that will be invoked:
+
+```bash
+bun run clean
+$ rm -rf node_modules/.cache dist
+```
+
+You can disable that with `--silent`
+
+```bash
+bun run --silent clean
+```
+
+To print a list of `scripts`, `bun run` without additional args:
+
+```bash
+# This command
+bun run
+
+# Prints this
+hello-create-react-app scripts:
+
+bun run start
+react-scripts start
+
+bun run build
+react-scripts build
+
+bun run test
+react-scripts test
+
+bun run eject
+react-scripts eject
+
+4 scripts
+```
+
+`bun run` automatically loads environment variables from `.env` into the shell/task. `.env` files are loaded with the same priority as the rest of Bun, so that means:
+
+1. `.env.local` is first
+2. if (`$NODE_ENV` === `"production"`) `.env.production` else `.env.development`
+3. `.env`
+
+If something is unexpected there, you can run `bun run env` to get a list of environment variables.
+
+The default shell it uses is `bash`, but if that's not found, it tries `sh` and if still not found, it tries `zsh`. This is not configurable right now, but if you care file an issue.
+
+`bun run` automatically adds any parent `node_modules/.bin` to `$PATH` and if no scripts match, it will load that binary instead. That means you can run executables from packages too.
+
+```bash
+# If you use Relay
+bun run relay-compiler
+
+# You can also do this, but:
+# - It will only lookup packages in `node_modules/.bin` instead of `$PATH`
+# - It will start Bun's dev server if the script name doesn't exist (`bun` starts the dev server by default)
+bun relay-compiler
+```
+
+To pass additional flags through to the task or executable, there are two ways:
+
+```bash
+# Explicit: include "--" and anything after will be added. This is the recommended way because it is more reliable.
+bun run relay-compiler -- -–help
+
+# Implicit: if you do not include "--", anything *after* the script name will be passed through
+# Bun flags are parsed first, which means e.g. `bun run relay-compiler --help` will print Bun's help instead of relay-compiler's help.
+bun run relay-compiler --schema foo.graphql
+```
+
+`bun run` supports lifecycle hooks like `post${task}` and `pre{task}`. If they exist, they will run matching the behavior of npm clients. If the `pre${task}` fails, the next task will not be run. There is currently no flag to skip these lifecycle tasks if they exist, if you want that file an issue.
+
+### `bun create`
+
+`bun create` is a fast way to create a new project from a template.
+
+At the time of writing, `bun create react app` runs ~11x faster on my local computer than `yarn create react-app app`. `bun create` currently does no caching (though your npm client does)
+
+#### Usage
+
+Create a new Next.js project:
+
+```bash
+bun create next ./app
+```
+
+Create a new React project:
+
+```bash
+bun create react ./app
+```
+
+Create from a GitHub repo:
+
+```bash
+bun create ahfarmer/calculator ./app
+```
+
+To see a list of examples, run:
+
+```bash
+bun create
+```
+
+Format:
+
+```bash
+bun create github-user/repo-name destination
+bun create local-example-or-remote-example destination
+bun create /absolute/path/to-template-folder destination
+bun create https://github.com/github-user/repo-name destination
+bun create github.com/github-user/repo-name destination
+```
+
+Note: you don't need `bun create` to use Bun. You don't need any configuration at all. This command exists to make it a little easier.
+
+##### Local templates
+
+If you have your own boilerplate you prefer using, copy it into `$HOME/.bun-create/my-boilerplate-name`.
+
+Before checking Bun's examples folder, `bun create` checks for a local folder matching the input in:
+
+- `$BUN_CREATE_DIR/`
+- `$HOME/.bun-create/`
+- `$(pwd)/.bun-create/`
+
+If a folder exists in any of those folders with the input, bun will use that instead of a remote template.
+
+To create a local template, run:
+
+```bash
+mkdir -p $HOME/.bun-create/new-template-name
+echo '{"name":"new-template-name"}' > $HOME/.bun-create/new-template-name/package.json
+```
+
+This lets you run:
+
+```bash
+bun create new-template-name ./app
+```
+
+Now your new template should appear when you run:
+
+```bash
+bun create
+```
+
+Warning: unlike with remote templates, **bun will delete the entire destination folder if it already exists.**
+
+##### Flags
+
+| Flag         | Description                            |
+| ------------ | -------------------------------------- |
+| --npm        | Use `npm` for tasks & install          |
+| --yarn       | Use `yarn` for tasks & install         |
+| --pnpm       | Use `pnpm` for tasks & install         |
+| --force      | Overwrite existing files               |
+| --no-install | Skip installing `node_modules` & tasks |
+| --no-git     | Don't initialize a git repository      |
+
+By default, `bun create` will cancel if there are existing files it would overwrite and its a remote template. You can pass `--force` to disable this behavior.
+
+##### Publishing a new template
+
+Clone this repository and a new folder in `examples/` with your new template. The `package.json` must have a `name` that starts with `@bun-examples/`. Do not worry about publishing it, that will happen automaticallly after the PR is merged.
+
+Make sure to include a `.gitignore` that includes `node_modules` so that `node_modules` aren't checked in to git when people download the template.
+
+##### Testing your new template
+
+To test your new template, add it as a local template or pass the absolute path.
+
+```bash
+bun create /path/to/my/new/template destination-dir
+```
+
+Warning: **This will always delete everything in destination-dir**.
+
+##### Config
+
+The `bun-create` section of `package.json` is automatically removed from the `package.json` on disk. This lets you add create-only steps without waiting for an extra package to install.
+
+There are currently two options:
+
+- `postinstall`
+- `preinstall`
+
+They can be an array of strings or one string. An array of steps will be executed in order.
+
+Here is an example:
+
+```json
+{
+  "name": "@bun-examples/next",
+  "version": "0.0.31",
+  "main": "index.js",
+  "dependencies": {
+    "next": "11.1.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-is": "^17.0.2"
+  },
+  "devDependencies": {
+    "@types/react": "^17.0.19",
+    "bun-framework-next": "^0.0.0-21",
+    "typescript": "^4.3.5"
+  },
+  "bun-create": {
+    "postinstall": ["bun bun --use next"]
+  }
+}
+```
+
+By default, all commands run inside the environment exposed by the auto-detected npm client. This incurs a significant performance penalty, something like 150ms spent waiting for the npm client to start on each invocation.
+
+Any command that starts with `"bun "` will be run without npm, relying on the first `bun` binary in `$PATH`.
+
+##### How `bun create` works
+
+When you run `bun create ${template} ${destination}`, here's what happens:
+
+IF remote template
+
+1. GET `registry.npmjs.org/@bun-examples/${template}/latest` and parse it
+2. GET `registry.npmjs.org/@bun-examples/${template}/-/${template}-${latestVersion}.tgz`
+3. Decompress & extract `${template}-${latestVersion}.tgz` into `${destination}`
+
+   - If there are files that would overwrite, warn and exit unless `--force` is passed
+
+IF github repo
+
+1. Download the tarball from GitHub's API
+2. Decompress & extract into `${destination}`
+
+   - If there are files that would overwrite, warn and exit unless `--force` is passed
+
+ELSE IF local template
+
+1. Open local template folder
+2. Delete destination directory recursively
+3. Copy files recursively using the fastest system calls available (on macOS `fcopyfile` and Linux, `copy_file_range`). Do not copy or traverse into `node_modules` folder if exists (this alone makes it faster than `cp`)
+
+4. Parse the `package.json` (again!), update `name` to be `${basename(destination)}`, remove the `bun-create` section from the `package.json` and save the updated `package.json` to disk.
+   - IF Next.js is detected, add `bun-framework-next` to the list of dependencies
+   - IF Create React App is detected, add the entry point in /src/index.{js,jsx,ts,tsx} to `public/index.html`
+   - IF Relay is detected, add `bun-macro-relay` so that Relay works
+5. Auto-detect the npm client, preferring `pnpm`, `yarn` (v1), and lastly `npm`
+6. Run any tasks defined in `"bun-create": { "preinstall" }` with the npm client
+7. Run `${npmClient} install` unless `--no-install` is passed OR no dependencies are in package.json
+8. Run any tasks defined in `"bun-create": { "preinstall" }` with the npm client
+9. Run `git init; git add -A .; git commit -am "Initial Commit";`
+
+   - Rename `gitignore` to `.gitignore`. NPM automatically removes `.gitignore` files from appearing in packages.
+   - If there are dependencies, this runs in a separate thread concurrently while node_modules are being installed
+   - Using libgit2 if available was tested and performed 3x slower in microbenchmarks
+
+10. Done
+
+`misctools/publish-examples.js` publishes all examples to npm.
+
+### `bun bun`
+
+Run `bun bun ./path-to.js` to generate a `node_modules.bun` file containing all imported dependencies (recursively).
+
+**Why bundle?**
+
+- For browsers, loading entire apps without bundling dependencies is typically slow. With a fast bundler & transpiler, the bottleneck eventually becomes the web browser's ability to run many network requests concurrently. There are many workarounds for this. `<link rel="modulepreload">`, HTTP/3, etc but none are more effective than bundling. If you have reproducible evidence to the contrary, feel free to submit an issue. It would be better if bundling wasn't necessary.
+- On the server, bundling reduces the number of filesystem lookups to load JavaScript. While filesystem lookups are faster than HTTP requests, there's still overhead.
+
+**What is `.bun`?**
+
+The `.bun` file contains:
+
+- all the bundled source code
+- all the bundled source code metadata
+- project metadata & configuration
+
+Here are some of the questions `.bun` files answer:
+
+- when I import `react/index.js`, where in the `.bun` is the code for that? (not resolving, just the code)
+- what modules of a package are used?
+- what framework is used? (e.g. Next.js)
+- where is the routes directory?
+- how big is each imported dependency?
+- what is the hash of the bundle's contents? (for etags)
+- what is the name & version of every npm package exported in this bundle?
+- what modules from which packages are used in this project? ("project" defined as all the entry points used to generate the .bun)
+
+All in one file.
+
+It's a little like a build cache, but designed for reuse. I hope people will eventually check it into version control so their coworkers don't have to run `npm install` as often.
+
+##### Position-independent code
+
+From a design perspective, the most important part of the `.bun` format is how code is organized. Each module is exported by a hash like this:
+
+```js
+// preact/dist/preact.module.js
+export var $eb6819b = $$m({
+  "preact/dist/preact.module.js": (module, exports) => {
+    var n, l, u, i, t, o, r, f, e = {}, c = [], s = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
+    // ... rest of code
+```
+
+This makes bundled modules [position-independent](https://en.wikipedia.org/wiki/Position-independent_code). In theory, one could import only the exact modules in-use without reparsing code and without generating a new bundle. One bundle can dynamically become many bundles comprising only the modules in use on the webpage. Thanks to the metadata with the byte offsets, a web server can send each module to browsers [zero-copy](https://en.wikipedia.org/wiki/Zero-copy) using [sendfile](https://man7.org/linux/man-pages/man2/sendfile.2.html). Bun itself is not quite this smart yet, but these optimizations would be useful in production and potentially very useful for React Server Components.
+
+To see the schema inside, have a look at [`JavascriptBundleContainer`](./src/api/schema.d.ts#:~:text=export%20interface-,JavascriptBundleContainer,-%7B). You can find JavaScript bindings to read the metadata in [src/api/schema.js](./src/api/schema.js). This is not really an API yet. It's missing the part where it gets the binary data from the bottom of the file. Someday, I want this to be usable by other tools too.
+
+**Where is the code?**
+
+`.bun` files are marked as executable.
+
+To print out the code, run `./node_modules.bun` in your terminal or run `bun ./path-to-node_modules.bun`.
+
+Here is a copy-pastable example:
+
+```bash
+./node_modules.bun > node_modules.js
+```
+
+This works because every `.bun` file starts with this:
+
+```bash
+#!/usr/bin/env bun
+```
+
+To deploy to production with Bun, you'll want to get the code from the `.bun` file and stick that somewhere your web server can find it (or if you're using Vercel or a Rails app, in a `public` folder).
+
+Note that `.bun` is a binary file format, so just opening it in VSCode or vim might render strangely.
+
+**Advanced**
+
+By default, `bun bun` only bundles external dependencies that are `import`ed or `require`d in either app code or another external dependency. An "external depenendency" is defined as, "A JavaScript-like file that has `/node_modules/` in the resolved file path and a corresponding `package.json`".
+
+To force bun to bundle packages which are not located in a `node_modules` folder (i.e. the final, resolved path following all symlinks), add a `bun` section to the root project's `package.json` with `alwaysBundle` set to an array of package names to always bundle. Here's an example:
+
+```json
+{
+  "name": "my-package-name-in-here",
+  "bun": {
+    "alwaysBundle": ["@mybigcompany/my-workspace-package"]
+  }
+}
+```
+
+Bundled dependencies are not eligible for Hot Module Reloading. The code is served to browsers & Bun.js verbatim. But, in the future, it may be sectioned off into only parts of the bundle being used. That's possible in the current version of the `.bun` file (so long as you know which files are necessary), but it's not implemented yet. Longer-term, it will include all `import` and `export` of each module inside.
+
+**What is the module ID hash?**
+
+The `$eb6819b` hash used here:
+
+```js
+export var $eb6819b = $$m({
+```
+
+Is generated like this:
+
+1. Murmur3 32 bit hash of `package.name@package.version`. This is the hash uniquely identifying the npm package.
+2. Wyhash 64 of the `package.hash` + `package_path`. `package_path` means "relative to the root of the npm package, where is the module imported?". For example, if you imported `react/jsx-dev-runtime.js`, the `package_path` is `jsx-dev-runtime.js`. `react-dom/cjs/react-dom.development.js` would be `cjs/react-dom.development.js`
+3. Truncate the hash generated above to a `u32`
+
+The implementation details of this module ID hash will vary between versions of Bun. The important part is the metadata contains the module IDs, the package paths, and the package hashes so it shouldn't really matter in practice if other tooling wants to make use of any of this.
+
+### Environment variables
+
+- `GOMAXPROCS`: For `bun bun`, this sets the maximum number of threads to use. If you're experiencing an issue with `bun bun`, try setting `GOMAXPROCS=1` to force bun to run single-threaded
+- `DISABLE_BUN_ANALYTICS=1` this disables Bun's analytics. Bun records bundle timings (so we can answer with data, "is bun getting faster?") and feature usage (e.g. "are people actually using macros?"). The request body size is about 60 bytes, so it's not a lot of data
+- `TMPDIR`: Before `bun bun` completes, it stores the new `.bun` in `$TMPDIR`. If unset, `TMPDIR` defaults to the platform-specific temporary directory (on Linux, `/tmp` and on macOS `/private/tmp`)
+
 # Credits
 
 - While written in Zig instead of Go, Bun's JS transpiler, CSS lexer, and node module resolver source code is based off of @evanw's esbuild project. @evanw did a fantastic job with esbuild.
@@ -406,6 +866,10 @@ Bun also statically links these libraries:
 - `libicu`, which can be found here: https://github.com/unicode-org/icu/blob/main/icu4c/LICENSE
 - [`picohttp`](https://github.com/h2o/picohttpparser), which is dual-licensed under the Perl License or the MIT License
 - [`mimalloc`](https://github.com/microsoft/mimalloc), which is MIT licensed
+- [`zlib-cloudflare`](https://github.com/cloudflare/zlib), which is zlib licensed
+- [`s2n-tls`](https://github.com/aws/s2n-tls), which is MIT licensed
+- [`libarchive`](https://github.com/libarchive/libarchive), which has [several licenses](https://github.com/libarchive/libarchive/blob/master/COPYING)
+- [`libiconv`](https://www.gnu.org/software/libiconv/), which is LGPL2. It's a dependency of libarchive.
 
 For compatibiltiy reasons, these NPM packages are embedded into Bun's binary and injected if imported.
 
@@ -435,6 +899,8 @@ For compatibiltiy reasons, these NPM packages are embedded into Bun's binary and
 
 Estimated: 30-90 minutes :(
 
+## macOS
+
 Compile Zig:
 
 ```bash
@@ -444,8 +910,6 @@ git checkout jarred/zig-sloppy-with-small-structs
 cmake . -DCMAKE_PREFIX_PATH=$(brew --prefix llvm) -DZIG_STATIC_LLVM=ON -DCMAKE_BUILD_TYPE=Release && make -j 16
 ```
 
-Note that `brew install zig` won't work. Bun uses a build of Zig with a couple patches.
-
 You'll want to make sure `zig` is in `$PATH`. The `zig` binary wil be in the same folder as the newly-cloned `zig` repo. If you use fish, you can run `fish_add_path (pwd)`.
 
 In `bun`:
@@ -453,7 +917,64 @@ In `bun`:
 ```bash
 git submodule update --init --recursive --progress --depth=1
 make vendor
-zig build headers
-make jsc-bindings-mac
-zig build -Drelease-fast
 ```
+
+Note that `brew install zig` won't work. Bun uses a build of Zig with a couple patches.
+
+Additionally, you'll need `cmake`, `npm` and `esbuild` installed globally.
+
+## Linux
+
+A Dockerfile with the exact version of Zig used is availble at `Dockerfile.zig`. This installs all the system dependencies you'll need excluding JavaScriptCore, but doesn't currently compile Bun in one command. If you're having trouble compiling Zig, it might be helpful to look at.
+
+Compile Zig:
+
+```bash
+git clone https://github.com/jarred-sumner/zig --depth=1
+cd zig
+git checkout jarred/zig-sloppy-with-small-structs
+cmake . -DCMAKE_BUILD_TYPE=Release && make -j $(nproc)
+```
+
+Compile JavaScriptCore:
+
+```bash
+# This will take a few minutes, depending on how fast your internet is
+git submodule update --init --recursive --progress --depth=1
+
+# This will take 10-30 minutes, depending on how many cores your CPU has
+DOCKER_BUILDKIT=1 docker build -t bun-webkit $(pwd)/src/javascript/jsc/WebKit -f $(pwd)/src/javascript/jsc/WebKit/Dockerfile --progress=plain
+docker container create bun-webkit
+
+# Find the docker container ID manually. If you know a better way, please submit a PR!
+docker container ls
+
+docker cp DOCKER_CONTAINER_ID_YOU_JUST_FOUND:/output $HOME/webkit-build
+```
+
+Compile Bun:
+
+```bash
+make vendor dev
+```
+
+Run bun:
+
+```bash
+packages/debug-bun-cli-darwin-x64/bin/bun-debug
+```
+
+## vscode-zig
+
+You will want to install the fork of `vscode-zig` so you get a `Run test` and a `Debug test` button.
+
+To do that:
+
+```bash
+git clone https://github.com/jarred-sumner/vscode-zig
+cd vscode-zig
+yarn install
+yarn vsce package && code --install-extension ./zig-0.2.5.vsix
+```
+
+<a target="_blank" href="https://github.com/jarred-sumner/vscode-zig"><img src="https://pbs.twimg.com/media/FBZsKHlUcAYDzm5?format=jpg&name=large"></a>

bench/hot-module-reloading/css-stress-test/.gitignore

@@ -0,0 +1,5 @@
+bun
+next
+src/*.mov
+src/*.blob
+

bench/hot-module-reloading/css-stress-test/Makefile

@@ -0,0 +1,77 @@
+SLEEP_INTERVAL ?= 32
+SCREEN_WIDTH ?= $(shell system_profiler -json SPDisplaysDataType 2>/dev/null | jq -r '.. | objects | select(.spdisplays_main) | ._spdisplays_pixels | split(" ")[0]')
+SCREEN_HEIGHT ?= $(shell system_profiler -json SPDisplaysDataType 2>/dev/null | jq -r '.. | objects | select(.spdisplays_main) | ._spdisplays_pixels | split(" ")[2]')
+PROJECT ?= bun
+PACKAGE_NAME ?= bun-cli
+RUN_COUNT ?= 128
+ENDPOINT ?= /
+
+ifeq ($(PROJECT),bun)
+PACKAGE_NAME := bun-cli
+endif
+
+ifeq ($(PROJECT),next)
+PACKAGE_NAME := next
+endif
+
+generate:
+	@killall -9 bun next node || echo ""
+	PROJECT=$(PROJECT) SCREEN_WIDTH=$(SCREEN_WIDTH) SCREEN_HEIGHT=$(SCREEN_HEIGHT) ENDPOINT=$(ENDPOINT) node browser.js 
+
+generate-css-in-js:
+	@killall -9 bun next node || echo ""
+	PROJECT=$(PROJECT) SCREEN_WIDTH=$(SCREEN_WIDTH) SCREEN_HEIGHT=$(SCREEN_HEIGHT) ENDPOINT=/css-in-js node browser.js 
+loop:
+	cp src/colors.css.0 src/colors.css
+	sleep 3
+	osascript -e 'tell application "System Events" to tell process "Chromium"' \
+		-e 'set frontmost to true' \
+		-e 'if windows is not {} then perform action "AXRaise" of item 1 of windows' \
+		-e 'end tell'
+	sleep 0.5
+	cd src; zig run -Drelease-fast ../color-looper.zig -- ./colors.css:0 $(SLEEP_INTERVAL)
+	cp src/colors.css.blob $(PROJECT)/colors.css.blob
+
+loop-emotion:
+	cp src/css-in-js-styles.0 src/css-in-js-styles.tsx
+	sleep 3
+	osascript -e 'tell application "System Events" to tell process "Chromium"' \
+		-e 'set frontmost to true' \
+		-e 'if windows is not {} then perform action "AXRaise" of item 1 of windows' \
+		-e 'end tell'
+	sleep 0.5
+	cd src; zig run -Drelease-fast ../color-looper.emotion.zig -- ./css-in-js-styles.tsx:0 $(SLEEP_INTERVAL)
+	cp src/css-in-js-styles.tsx.blob $(PROJECT)/css-in-js-styles.blob
+
+process_video: 
+	rm -rf $(FRAMES_DIR); mkdir -p $(FRAMES_DIR); ffmpeg -i src/colors.css.mov -vf fps=120,format=gray $(FRAMES_DIR)/%d.tif
+
+FRAMES_DIR ?= $(shell mkdir -p ./$(PROJECT)/frames; realpath ./$(PROJECT)/frames)
+
+TIF_FILES := $(wildcard $(FRAMES_DIR)/*.tif)
+TXT_FILES := $(wildcard $(FRAMES_DIR)/*.txt)
+
+OBJ_FILES := $(patsubst $(SRC_DIR)/%.tif,$(OBJ_DIR)/%.txt,$(TIF_FILES))
+TRIM_FILES := $(patsubst $(SRC_DIR)/%.txt,$(OBJ_DIR)/%.trim,$(TXT_FILES))
+
+frames: $(OBJ_FILES)
+
+
+$(FRAMES_DIR)/%.txt: $(FRAMES_DIR)/%.tif
+	 tesseract -l eng $< $@ 
+
+trim: $(TRIM_FILES) cleanup print
+
+
+
+$(FRAMES_DIR)/%.trim: $(FRAMES_DIR)/%.txt
+	 (grep "Ran:" $< || echo "\n") >> $(PROJECT)/frames.all
+
+cleanup:
+	sed 's/^Ran: *//' $(PROJECT)/frames.all | tr -d ' ' | sort | uniq > $(PROJECT)/frames.all.clean
+
+print:
+	PACKAGE_NAME=$(PACKAGE_NAME) SLEEP_INTERVAL=$(SLEEP_INTERVAL) PROJECT=$(PROJECT) OUTFILE=timings/$(PACKAGE_NAME) node read-frames.js 
+
+print-emotion:
+	PACKAGE_NAME=$(PACKAGE_NAME) SLEEP_INTERVAL=$(SLEEP_INTERVAL) PROJECT=$(PROJECT) OUTFILE=timings/emotion_$(PACKAGE_NAME) node read-frames.js 

bench/hot-module-reloading/css-stress-test/README.md

@@ -0,0 +1,62 @@
+# CSS Stress Test
+
+This benchmarks bundler performance for CSS hot reloading.
+
+## Results
+
+Bun is 14x faster than Next.js at hot reloading CSS.
+
+```
+ Bun v0.0.34
+ Saving every 16ms
+
+ Frame time:
+ 50th percentile: 22.2ms
+ 75th percentile: 23.9ms
+ 90th percentile: 25.3ms
+ 95th percentile: 43.6ms
+ 99th percentile: 49.1ms
+ Rendered frames: 922 / 1024 (90%)
+```
+
+```
+ Next.js v11.1.2
+ Saving every 16ms
+
+ Frame time:
+ 50th percentile: 312ms
+ 75th percentile: 337.6ms
+ 90th percentile: 387.7ms
+ 95th percentile: 446.9ms
+ 99th percentile: 591.7ms
+ Rendered frames: 64 / 1024 (6%)
+```
+
+## How it works
+
+It times pixels instead of builds. `color-looper.zig` writes color updates and the timestamp to a css file, while simultaneously screen recording a non-headless Chromium instance. After it finishes, it OCRs the video frames and verifies the scanned timestamps against the actual data. This data measures (1) how long each update took from saving to disk up to the pixels visible on the screen and (2) what % of frames were rendered.
+
+The intent is to be as accurate as possible. Measuring times reported client-side is simpler, but lower accuracy since those times may not correspond to pixels on the screen and do not start from when the data was written to disk (at best, they measure when the filesystem watcher detected the update, but often not that either). `color-looper.zig` must run separately from `browser.js` or the results will be innaccurate.
+
+It works like this:
+
+1. `browser.js` loads either Bun or Next.js and a Chromium instance opened to the correct webpage
+2. `color-looper.zig` updates [`./src/colors.css`](./src/colors.css) in a loop up to `1024` times (1024 is arbitrary), sleeping every `16`ms or `32`ms (a CLI arg you can pass it). The `var(--timestamp)` CSS variable contains the UTC timestamp with precision of milliseconds and one extra decimal point
+3. `color-looper.zig` automatically records the screen via `screencapture` (builtin on macOS) and saves it, along with a `BigUint64Array` containing all the expected timestamps. When it's done, it writes to a designated file on disk which `browser.js` picks up as the signal to close the browser.
+4. `ffmpeg` converts each frame into a black and white `.tif` file, which `tesseract` then OCRs
+5. Various cleanup scripts extract the timestamp from each of those OCR'd frames into a single file
+6. Using the OCR'd data, `./read-frames.js` calculates the 50th, 75th, 90th, 95th, and 99th percentile frame time, along with how many frames were skipped. Frame time is the metric here that matters here because that's how much time elapsed between each update. It includes the artificial sleep interval, so it will not be faster than the sleep interval.
+
+The script `run.sh` runs all the commands necessary to do this work unattended. It takes awhile though. The slow part is OCR'ing all the frames.
+
+To run this, you need:
+
+- `zig`
+- `bun-cli`
+- `node`
+- `tesseract`
+- `screencapture` (macOS builtin)
+- `ffmpeg`
+- `puppeteer` (from the package.json)
+
+You will need to run `bun bun --use next` first, with `next@11.1.2`. It will only run on macOS due to the dependencies on `screencapture`, how it detects screen resolution (so that Chromium is maximized), and how it auto-focuses Chromium (apple script)

bench/hot-module-reloading/css-stress-test/browser.js

@@ -0,0 +1,118 @@
+const puppeteer = require("puppeteer");
+const http = require("http");
+const path = require("path");
+const url = require("url");
+const fs = require("fs");
+const child_process = require("child_process");
+const serverURL = process.env.TEST_SERVER_URL || "http://localhost:8080";
+
+if (process.env.PROJECT === "bun") {
+  const bunFlags = [`--origin=${serverURL}`].filter(Boolean);
+  const bunExec = process.env.BUN_BIN || "bun";
+  const bunProcess = child_process.spawn(bunExec, bunFlags, {
+    cwd: process.cwd(),
+    stdio: "ignore",
+    env: {
+      ...process.env,
+      DISABLE_BUN_ANALYTICS: "1",
+    },
+
+    shell: false,
+  });
+  console.log("$", bunExec, bunFlags.join(" "));
+  const isDebug = bunExec.endsWith("-debug");
+
+  // bunProcess.stderr.pipe(process.stderr);
+  // bunProcess.stdout.pipe(process.stdout);
+  bunProcess.once("error", (err) => {
+    console.error("❌ bun error", err);
+    process.exit(1);
+  });
+  process.on("beforeExit", () => {
+    bunProcess?.kill(0);
+  });
+} else if (process.env.PROJECT === "next") {
+  const bunProcess = child_process.spawn(
+    "./node_modules/.bin/next",
+    ["--port", "8080"],
+    {
+      cwd: process.cwd(),
+      stdio: "ignore",
+      env: {
+        ...process.env,
+      },
+
+      shell: false,
+    }
+  );
+}
+
+const delay = new Promise((resolve, reject) => {
+  const watcher = fs.watch(path.resolve(process.cwd(), "src/colors.css.blob"));
+  watcher.once("change", () => {
+    setTimeout(() => {
+      resolve();
+    }, 1000);
+  });
+});
+
+async function main() {
+  const browser = await puppeteer.launch({
+    headless: false,
+    waitForInitialPage: true,
+    args: [
+      `--window-size=${parseInt(process.env.SCREEN_WIDTH || "1024", 10) / 2},${
+        parseInt(process.env.SCREEN_HEIGHT || "1024", 10) / 2
+      }`,
+    ],
+    defaultViewport: {
+      width: parseInt(process.env.SCREEN_WIDTH || "1024", 10) / 2,
+      height: parseInt(process.env.SCREEN_HEIGHT || "1024", 10) / 2,
+    },
+  });
+  const promises = [];
+  let allTestsPassed = true;
+
+  async function runPage(key) {
+    var page;
+
+    try {
+      console.log("Opening page");
+      page = await browser.newPage();
+
+      console.log(`Navigating to "http://localhost:8080/"`);
+
+      while (true) {
+        try {
+          await page.goto("http://localhost:8080/", { waitUntil: "load" });
+          break;
+        } catch (exception) {
+          if (!exception.toString().includes("ERR_CONNECTION_REFUSED")) break;
+        }
+      }
+
+      await page.bringToFront();
+
+      await delay;
+
+      //   runner.stdout.pipe(process.stdout);
+      //   runner.stderr.pipe(process.stderr);
+      var didResolve = false;
+
+      console.log(`Completed. Done.`);
+    } catch (error) {
+      console.error(error);
+    } finally {
+      await page.close();
+      await browser.close();
+    }
+  }
+
+  return runPage();
+}
+
+main().catch((error) =>
+  setTimeout(() => {
+    throw error;
+  })
+);

bench/hot-module-reloading/css-stress-test/bun.latest.16ms.txt

@@ -0,0 +1,11 @@
+SLEEP_INTERVAL=16 PROJECT=bun node read-frames.js
+bun
+ --------------------------------------------------
+ CSS HMR FRAME TIME
+
+ 50th percentile: 22.2ms 
+ 75th percentile: 23.9ms 
+ 90th percentile: 25.3ms 
+ 95th percentile: 43.6ms 
+ 99th percentile: 49.1ms 
+ Rendered frames: 922 / 1024 (90%)

bench/hot-module-reloading/css-stress-test/bun.latest.24ms.txt

@@ -0,0 +1,11 @@
+SLEEP_INTERVAL=24 PROJECT=bun node read-frames.js
+bun
+ --------------------------------------------------
+ CSS HMR FRAME TIME
+
+ 50th percentile: 33.4ms 
+ 75th percentile: 34.5ms 
+ 90th percentile: 35.8ms 
+ 95th percentile: 65.5ms 
+ 99th percentile: 87.9ms 
+ Rendered frames: 937 / 1024 (92%)

bench/hot-module-reloading/css-stress-test/bun.latest.32ms.txt

@@ -0,0 +1,11 @@
+SLEEP_INTERVAL=32 PROJECT=bun node read-frames.js
+bun
+ --------------------------------------------------
+ CSS HMR FRAME TIME
+
+ 50th percentile: 40.7ms 
+ 75th percentile: 42.3ms 
+ 90th percentile: 43.5ms 
+ 95th percentile: 76.4ms 
+ 99th percentile: 118.8ms 
+ Rendered frames: 958 / 1024 (94%)

bench/hot-module-reloading/css-stress-test/bun.latest.8ms.txt

@@ -0,0 +1,11 @@
+SLEEP_INTERVAL=8 PROJECT=bun node read-frames.js
+bun
+ --------------------------------------------------
+ CSS HMR FRAME TIME
+
+ 50th percentile: 20ms 
+ 75th percentile: 24.4ms 
+ 90th percentile: 41ms 
+ 95th percentile: 53.9ms 
+ 99th percentile: 90.4ms 
+ Rendered frames: 475 / 1024 (46%)

bench/hot-module-reloading/css-stress-test/color-looper.emotion.zig

@@ -0,0 +1,218 @@
+const std = @import("std");
+
+pub const Counter = extern struct {
+    timestamp: usize,
+    percent: f64,
+    rotate: u32,
+    color_values: [8 * 3]u32,
+};
+
+const RUN_COUNT = 1024;
+
+var counters: [RUN_COUNT]Counter = undefined;
+
+pub const Blob = extern struct {
+    run_count: u32,
+    interval: u64,
+};
+
+pub var all_timestamps: [RUN_COUNT + 1]usize = undefined;
+
+// usage:
+// ./file-path:0 10
+// 1           2 3
+
+// 1. file path
+// 2. Byte offset in file
+// 3. ms update interval
+var color_buf: [8096 + SIMULATE_LONG_FILE.len]u8 = undefined;
+
+pub fn main() anyerror!void {
+    var allocator = std.heap.c_allocator;
+    var timer = try std.time.Timer.start();
+
+    var args = std.mem.span(try std.process.argsAlloc(allocator));
+
+    var basepath_with_colon: []u8 = args[args.len - 2];
+    var basepath: []u8 = "";
+    var position_str: []u8 = "";
+    if (std.mem.lastIndexOfScalar(u8, basepath_with_colon, ':')) |colon| {
+        basepath = basepath_with_colon[0..colon];
+        position_str = basepath_with_colon[colon + 1 ..];
+    }
+    var position = try std.fmt.parseInt(u32, position_str, 10);
+    const filepath = try std.fs.path.resolve(allocator, &.{basepath});
+    var file = try std.fs.openFileAbsolute(filepath, .{ .write = true });
+    var ms = @truncate(u64, (try std.fmt.parseInt(u128, args[args.len - 1], 10)) * std.time.ns_per_ms);
+    std.debug.assert(ms > 0);
+    // std.debug.assert(std.math.isFinite(position));
+    var prng = std.rand.DefaultPrng.init(0);
+    var stdout = std.io.getStdOut();
+    var log = stdout.writer();
+    var colors = std.mem.zeroes([4][3]u32);
+    var progress_bar: f64 = 0.0;
+    var destination_count: f64 = 18.0;
+
+    // Randomize initial colors
+    colors[0][0] = prng.random.int(u32);
+    colors[0][1] = prng.random.int(u32);
+    colors[0][2] = prng.random.int(u32);
+
+    colors[1][0] = prng.random.int(u32);
+    colors[1][1] = prng.random.int(u32);
+    colors[1][2] = prng.random.int(u32);
+
+    colors[2][0] = prng.random.int(u32);
+    colors[2][1] = prng.random.int(u32);
+    colors[2][2] = prng.random.int(u32);
+
+    colors[3][0] = prng.random.int(u32);
+    colors[3][1] = prng.random.int(u32);
+    colors[3][2] = prng.random.int(u32);
+    var rotate: u32 = 0;
+    var counter: usize = 0;
+    const video = std.fmt.allocPrint(allocator, "{s}.mov", .{filepath}) catch unreachable;
+    std.fs.deleteFileAbsolute(video) catch {};
+    var screen_recorder_argv = [_][]const u8{ "screencapture", "-v", video };
+
+    var recorder = try std.ChildProcess.init(&screen_recorder_argv, allocator);
+    recorder.stdin_behavior = .Pipe;
+    try recorder.spawn();
+    std.time.sleep(std.time.ns_per_s);
+    var wrote: []u8 = undefined;
+    while (counter < RUN_COUNT) {
+        colors[0][0] += 1;
+        colors[0][1] += 1;
+        colors[0][2] += 1;
+        colors[1][0] += 1;
+        colors[1][1] += 1;
+        colors[1][2] += 1;
+        colors[2][0] += 1;
+        colors[2][1] += 1;
+        colors[2][2] += 1;
+        colors[3][0] += 1;
+        colors[3][1] += 1;
+        colors[3][2] += 1;
+        rotate += 1;
+        const fmtd: []const u8 = comptime brk: {
+            break :brk (
+                \\
+                \\import {{ Global }} from "@emotion/react";
+                \\export function CSSInJSStyles() {{
+                \\  return (
+                \\    <Global
+                \\      styles={{`
+                \\:root {{
+                \\  --timestamp: "{d}";
+                \\  --interval: "{s}";
+                \\  --progress-bar: {d}%;
+                \\  --spinner-1-muted: rgb({d}, {d}, {d});
+                \\  --spinner-1-primary: rgb({d}, {d}, {d});
+                \\  --spinner-2-muted: rgb({d}, {d}, {d});
+                \\  --spinner-2-primary: rgb({d}, {d}, {d});
+                \\  --spinner-3-muted: rgb({d}, {d}, {d});
+                \\  --spinner-3-primary: rgb({d}, {d}, {d});
+                \\  --spinner-4-muted: rgb({d}, {d}, {d});
+                \\  --spinner-4-primary: rgb({d}, {d}, {d});
+                \\  --spinner-rotate: {d}deg;
+                \\}}
+            ++ SIMULATE_LONG_FILE ++
+                \\  `}}
+                \\    />
+                \\  );
+                \\}}
+                \\
+            );
+        };
+
+        counters[counter].timestamp = @truncate(u64, @intCast(u128, std.time.nanoTimestamp()) / (std.time.ns_per_ms / 10));
+        counters[counter].rotate = rotate % 360;
+        counters[counter].percent = std.math.mod(f64, std.math.round(((progress_bar + 1.0) / destination_count) * 1000) / 1000, 100) catch 0;
+        counters[counter].color_values[0] = @floatToInt(u32, std.math.round(@intToFloat(f64, ((colors[0][0] + 1) % 256)) * 0.8));
+        counters[counter].color_values[1] = @floatToInt(u32, std.math.round(@intToFloat(f64, ((colors[0][1] + 1) % 256)) * 0.8));
+        counters[counter].color_values[2] = @floatToInt(u32, std.math.round(@intToFloat(f64, ((colors[0][2] + 1) % 256)) * 0.8));
+        counters[counter].color_values[3] = (colors[0][0] + 1) % 256;
+        counters[counter].color_values[4] = (colors[0][1] + 1) % 256;
+        counters[counter].color_values[5] = (colors[0][2] + 1) % 256;
+        counters[counter].color_values[6] = @floatToInt(u32, std.math.round(@intToFloat(f64, ((colors[1][0] + 1) % 256)) * 0.8));
+        counters[counter].color_values[7] = @floatToInt(u32, std.math.round(@intToFloat(f64, ((colors[1][1] + 1) % 256)) * 0.8));
+        counters[counter].color_values[8] = @floatToInt(u32, std.math.round(@intToFloat(f64, ((colors[1][2] + 1) % 256)) * 0.8));
+        counters[counter].color_values[9] = (colors[1][0] + 1) % 256;
+        counters[counter].color_values[10] = (colors[1][1] + 1) % 256;
+        counters[counter].color_values[11] = (colors[1][2] + 1) % 256;
+        counters[counter].color_values[12] = @floatToInt(u32, std.math.round(@intToFloat(f64, ((colors[2][0] + 1) % 256)) * 0.8));
+        counters[counter].color_values[13] = @floatToInt(u32, std.math.round(@intToFloat(f64, ((colors[2][1] + 1) % 256)) * 0.8));
+        counters[counter].color_values[14] = @floatToInt(u32, std.math.round(@intToFloat(f64, ((colors[2][2] + 1) % 256)) * 0.8));
+        counters[counter].color_values[15] = (colors[2][0] + 1) % 256;
+        counters[counter].color_values[16] = (colors[2][1] + 1) % 256;
+        counters[counter].color_values[17] = (colors[2][2] + 1) % 256;
+        counters[counter].color_values[18] = @floatToInt(u32, std.math.round(@intToFloat(f64, ((colors[3][0] + 1) % 256)) * 0.8));
+        counters[counter].color_values[19] = @floatToInt(u32, std.math.round(@intToFloat(f64, ((colors[3][1] + 1) % 256)) * 0.8));
+        counters[counter].color_values[20] = @floatToInt(u32, std.math.round(@intToFloat(f64, ((colors[3][2] + 1) % 256)) * 0.8));
+        counters[counter].color_values[21] = (colors[3][0] + 1) % 256;
+        counters[counter].color_values[22] = (colors[3][1] + 1) % 256;
+        counters[counter].color_values[23] = (colors[3][2] + 1) % 256;
+
+        file = try std.fs.createFileAbsolute(filepath, .{ .truncate = true });
+        wrote = try std.fmt.bufPrint(&color_buf, fmtd, .{
+            counters[counter].timestamp,
+            args[args.len - 1],
+            counters[counter].percent,
+            counters[counter].color_values[0],
+            counters[counter].color_values[1],
+            counters[counter].color_values[2],
+            counters[counter].color_values[3],
+            counters[counter].color_values[4],
+            counters[counter].color_values[5],
+            counters[counter].color_values[6],
+            counters[counter].color_values[7],
+            counters[counter].color_values[8],
+            counters[counter].color_values[9],
+            counters[counter].color_values[10],
+            counters[counter].color_values[11],
+            counters[counter].color_values[12],
+            counters[counter].color_values[13],
+            counters[counter].color_values[14],
+            counters[counter].color_values[15],
+            counters[counter].color_values[16],
+            counters[counter].color_values[17],
+            counters[counter].color_values[18],
+            counters[counter].color_values[19],
+            counters[counter].color_values[20],
+            counters[counter].color_values[21],
+            counters[counter].color_values[22],
+            counters[counter].color_values[23],
+            counters[counter].rotate,
+        });
+        progress_bar += 1.0;
+        _ = try file.writeAll(wrote);
+
+        try log.print("[{d}] \"{s}\":{d}\n", .{
+            std.time.nanoTimestamp(),
+            filepath,
+            position,
+        });
+        counter += 1;
+        // If we don't close the file, Parcel seems to never recognize it
+        file.close();
+        std.time.sleep(ms);
+    }
+
+    try recorder.stdin.?.writeAll(&[_]u8{ 3, ';' });
+
+    _ = try recorder.wait();
+
+    all_timestamps[0] = wrote.len;
+    for (counters) |count, i| {
+        all_timestamps[i + 1] = count.timestamp;
+    }
+
+    std.time.sleep(std.time.ns_per_s);
+    var blob_file = try std.fs.createFileAbsolute(std.fmt.allocPrint(std.heap.c_allocator, "{s}.blob", .{filepath}) catch unreachable, .{ .truncate = true });
+    try blob_file.writeAll(std.mem.asBytes(&all_timestamps));
+    blob_file.close();
+}
+
+const SIMULATE_LONG_FILE =
+    \\
+;

bench/hot-module-reloading/css-stress-test/next.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  experimental: {
+    swcLoader: true,
+  },
+};

bench/hot-module-reloading/css-stress-test/next.latest.16ms.txt

@@ -0,0 +1,11 @@
+SLEEP_INTERVAL=16 PROJECT=next node read-frames.js
+next
+ --------------------------------------------------
+ CSS HMR FRAME TIME
+
+ 50th percentile: 312ms 
+ 75th percentile: 337.6ms 
+ 90th percentile: 387.7ms 
+ 95th percentile: 446.9ms 
+ 99th percentile: 591.7ms 
+ Rendered frames: 64 / 1024 (6%)

bench/hot-module-reloading/css-stress-test/next.latest.24ms.txt

@@ -0,0 +1,11 @@
+SLEEP_INTERVAL=24 PROJECT=next node read-frames.js
+next
+ --------------------------------------------------
+ CSS HMR FRAME TIME
+
+ 50th percentile: 310.1ms 
+ 75th percentile: 360.3ms 
+ 90th percentile: 461.6ms 
+ 95th percentile: 660.4ms 
+ 99th percentile: 1009.9ms 
+ Rendered frames: 78 / 1024 (8%)

bench/hot-module-reloading/css-stress-test/next.latest.32ms.txt

@@ -0,0 +1,11 @@
+SLEEP_INTERVAL=32 PROJECT=next node read-frames.js
+next
+ --------------------------------------------------
+ CSS HMR FRAME TIME
+
+ 50th percentile: 306.7ms 
+ 75th percentile: 324.7ms 
+ 90th percentile: 380ms 
+ 95th percentile: 483.6ms 
+ 99th percentile: 933.6ms 
+ Rendered frames: 116 / 1024 (11%)

bench/hot-module-reloading/css-stress-test/next.latest.8ms.txt

@@ -0,0 +1,11 @@
+SLEEP_INTERVAL=8 PROJECT=next node read-frames.js
+next
+ --------------------------------------------------
+ CSS HMR FRAME TIME
+
+ 50th percentile: 320.4ms 
+ 75th percentile: 368.8ms 
+ 90th percentile: 527.2ms 
+ 95th percentile: 532.4ms 
+ 99th percentile: 532.4ms 
+ Rendered frames: 32 / 1024 (3%)

bench/hot-module-reloading/css-stress-test/package.json

@@ -3,13 +3,19 @@
   "version": "1.0.0",
   "license": "MIT",
   "dependencies": {
+    "@emotion/core": "^11.0.0",
     "@emotion/css": "^11.1.3",
+    "@emotion/react": "^11.4.1",
     "@vitejs/plugin-react-refresh": "^1.3.3",
     "antd": "^4.16.1",
+    "bun-framework-next": "^0.0.0-21",
     "left-pad": "^1.3.0",
-    "next": "^11.0.1",
+    "next": "canary",
     "parcel": "2.0.0-beta.3",
     "path-browserify": "^1.0.1",
+    "percentile": "^1.5.0",
+    "puppeteer": "^10.4.0",
+    "puppeteer-video-recorder": "^1.0.5",
     "react": "^17.0.2",
     "react-bootstrap": "^1.6.1",
     "react-dom": "^17.0.2",
@@ -32,6 +38,7 @@
   "devDependencies": {
     "@microsoft/fetch-event-source": "^2.0.1",
     "@snowpack/plugin-react-refresh": "^2.5.0",
+    "bun-cli": "^0.0.34",
     "typescript": "^4.3.4"
   }
 }

bench/hot-module-reloading/css-stress-test/pages/_app.tsx

@@ -1,4 +1,4 @@
-// import "../src/index.css";
+import "../src/index.css";
 
 import App from "next/app";
 

bench/hot-module-reloading/css-stress-test/pages/css-in-js.tsx

@@ -0,0 +1,19 @@
+import { CSSInJSStyles } from "src/css-in-js-styles";
+import { Main } from "src/main";
+export function CSSInJS() {
+  return (
+    <>
+      <CSSInJSStyles />
+      <Main
+        productName={
+          typeof location !== "undefined"
+            ? decodeURIComponent(location.search.substring(1))
+            : ""
+        }
+        cssInJS="Emotion"
+      />
+    </>
+  );
+}
+
+export default CSSInJS;

bench/hot-module-reloading/css-stress-test/pages/index.tsx

@@ -0,0 +1,12 @@
+import { Main } from "src/main";
+export function IndexPage() {
+  return (
+    <Main
+      productName={
+        typeof location !== "undefined" ? location.search.substring(1) : ""
+      }
+    />
+  );
+}
+
+export default IndexPage;

bench/hot-module-reloading/css-stress-test/read-frames.js

@@ -0,0 +1,107 @@
+const fs = require("fs");
+
+const path = require("path");
+const PROJECT = process.env.PROJECT || "bun";
+const percentile = require("percentile");
+const PACKAGE_NAME = process.env.PACKAGE_NAME;
+const label = `${PACKAGE_NAME}@${
+  require(PACKAGE_NAME + "/package.json").version
+}`;
+
+const BASEFOLDER = path.resolve(PROJECT);
+const OUTFILE = path.join(process.cwd(), process.env.OUTFILE);
+
+const buf = fs.readFileSync(BASEFOLDER + "/colors.css.blob");
+const VALID_TIMES = new BigUint64Array(buf.buffer).subarray(1);
+const cssFileSize = new BigUint64Array(buf.buffer)[0];
+
+const TOTAL_FRAMES = VALID_TIMES.length;
+
+const timings = fs
+  .readFileSync(BASEFOLDER + "/frames.all.clean", "utf8")
+  .split("\n")
+  .map((a) => a.replace(/[Ran:'\.]?/gm, "").trim())
+  .filter((a) => parseInt(a, 10))
+  .filter((a) => a.length > 0 && VALID_TIMES.includes(BigInt(parseInt(a, 10))))
+  .map((num) => BigInt(num));
+
+timings.sort();
+
+const frameTimesCount = timings.length;
+
+var frameTime = new Array(Math.floor(frameTimesCount / 2));
+
+for (let i = 0; i < frameTime.length; i++) {
+  const i1 = i * 2;
+  const i2 = i * 2 + 1;
+
+  frameTime[i] = Math.max(Number(timings[i2] - timings[i1]), 0);
+}
+
+const report = {
+  label,
+  cssFileSize: Number(cssFileSize),
+  at: new Date().toISOString(),
+  sleep: process.env.SLEEP_INTERVAL,
+  package: {
+    name: PACKAGE_NAME,
+    version: require(PACKAGE_NAME + "/package.json").version,
+  },
+  timestamps: timings.map((a) => Number(a)),
+  frameTimes: frameTime,
+  percentileMs: {
+    50: percentile(50, frameTime) / 10,
+    75: percentile(75, frameTime) / 10,
+    90: percentile(90, frameTime) / 10,
+    95: percentile(95, frameTime) / 10,
+    99: percentile(99, frameTime) / 10,
+  },
+};
+
+fs.writeFileSync(
+  path.join(
+    path.dirname(OUTFILE),
+    path.basename(OUTFILE) +
+      "@" +
+      report.package.version +
+      "." +
+      process.env.SLEEP_INTERVAL +
+      "ms." +
+      `${process.platform}-${
+        process.arch === "arm64" ? "aarch64" : process.arch
+      }` +
+      ".json"
+  ),
+  JSON.stringify(report, null, 2)
+);
+
+console.log(
+  label + "\n",
+  "-".repeat(50) + "\n",
+  "CSS HMR FRAME TIME\n" + "\n",
+
+  "50th percentile:",
+  percentile(50, frameTime) / 10 + "ms",
+  "\n",
+  "75th percentile:",
+  percentile(75, frameTime) / 10 + "ms",
+  "\n",
+  "90th percentile:",
+  percentile(90, frameTime) / 10 + "ms",
+  "\n",
+  "95th percentile:",
+  percentile(95, frameTime) / 10 + "ms",
+  "\n",
+  "99th percentile:",
+  percentile(99, frameTime) / 10 + "ms",
+  "\n",
+  "Rendered frames:",
+  timings.length,
+  "/",
+  TOTAL_FRAMES,
+  "(" +
+    Math.round(
+      Math.max(Math.min(1.0, timings.length / TOTAL_FRAMES), 0) * 100
+    ) +
+    "%)"
+);

bench/hot-module-reloading/css-stress-test/run.sh

@@ -0,0 +1,83 @@
+#!/bin/bash
+
+echo "Running next at 24ms"
+PROJECT=next SLEEP_INTERVAL=24 make generate &
+PROJECT=next SLEEP_INTERVAL=24 make loop
+killall Chromium || echo "";
+PROJECT=next SLEEP_INTERVAL=24 make process_video
+PROJECT=next SLEEP_INTERVAL=24 make frames -j$(nproc)
+PROJECT=next SLEEP_INTERVAL=24 make trim
+cp src/colors.css.blob next/colors.css.blob
+PROJECT=next SLEEP_INTERVAL=24 make print > "next.latest.24ms.txt"
+
+echo "Running bun at 24ms"
+PROJECT=bun SLEEP_INTERVAL=24 make generate &
+PROJECT=bun SLEEP_INTERVAL=24 make loop
+killall Chromium || echo "";
+PROJECT=bun SLEEP_INTERVAL=24 make process_video
+PROJECT=bun SLEEP_INTERVAL=24 make frames -j$(nproc)
+PROJECT=bun SLEEP_INTERVAL=24 make trim
+cp src/colors.css.blob bun/colors.css.blob
+PROJECT=bun SLEEP_INTERVAL=24 make print > "bun.latest.24ms.txt"
+
+echo "Running next at 16ms"
+PROJECT=next SLEEP_INTERVAL=16 make generate &
+PROJECT=next SLEEP_INTERVAL=16 make loop
+killall Chromium || echo "";
+PROJECT=next SLEEP_INTERVAL=16 make process_video
+PROJECT=next SLEEP_INTERVAL=16 make frames -j$(nproc)
+PROJECT=next SLEEP_INTERVAL=16 make trim
+cp src/colors.css.blob next/colors.css.blob
+PROJECT=next SLEEP_INTERVAL=16 make print > "next.latest.16ms.txt"
+
+echo "Running bun at 16ms"
+PROJECT=bun SLEEP_INTERVAL=16 make generate &
+PROJECT=bun SLEEP_INTERVAL=16 make loop
+killall Chromium || echo "";
+PROJECT=bun SLEEP_INTERVAL=16 make process_video
+PROJECT=bun SLEEP_INTERVAL=16 make frames -j$(nproc)
+PROJECT=bun SLEEP_INTERVAL=16 make trim
+cp src/colors.css.blob bun/colors.css.blob
+PROJECT=bun SLEEP_INTERVAL=16 make print > "bun.latest.16ms.txt"
+
+echo "Running bun at 8ms"
+PROJECT=bun SLEEP_INTERVAL=8 make generate &
+PROJECT=bun SLEEP_INTERVAL=8 make loop
+killall Chromium || echo "";
+PROJECT=bun SLEEP_INTERVAL=8 make process_video
+PROJECT=bun SLEEP_INTERVAL=8 make frames -j$(nproc)
+PROJECT=bun SLEEP_INTERVAL=8 make trim
+cp src/colors.css.blob bun/colors.css.blob
+PROJECT=bun SLEEP_INTERVAL=8 make print > "bun.latest.8ms.txt"
+
+
+echo "Running next at 8ms"
+PROJECT=next SLEEP_INTERVAL=8 make generate &
+PROJECT=next SLEEP_INTERVAL=8 make loop
+killall Chromium || echo "";
+PROJECT=next SLEEP_INTERVAL=8 make process_video
+PROJECT=next SLEEP_INTERVAL=8 make frames -j$(nproc)
+PROJECT=next SLEEP_INTERVAL=8 make trim
+cp src/colors.css.blob next/colors.css.blob
+PROJECT=next SLEEP_INTERVAL=8 make print > "next.latest.8ms.txt"
+
+echo "Running bun at 32ms"
+PROJECT=bun SLEEP_INTERVAL=32 make generate &
+PROJECT=bun SLEEP_INTERVAL=32 make loop
+killall Chromium || echo "";
+PROJECT=bun SLEEP_INTERVAL=32 make process_video
+PROJECT=bun SLEEP_INTERVAL=32 make frames -j$(nproc)
+PROJECT=bun SLEEP_INTERVAL=32 make trim
+cp src/colors.css.blob bun/colors.css.blob
+PROJECT=bun SLEEP_INTERVAL=32 make print > "bun.latest.32ms.txt"
+
+echo "Running next at 32ms"
+PROJECT=next SLEEP_INTERVAL=32 make generate &
+PROJECT=next SLEEP_INTERVAL=32 make loop
+killall Chromium || echo "";
+PROJECT=next SLEEP_INTERVAL=32 make process_video
+PROJECT=next SLEEP_INTERVAL=32 make frames -j$(nproc)
+PROJECT=next SLEEP_INTERVAL=32 make trim
+cp src/colors.css.blob next/colors.css.blob
+PROJECT=next SLEEP_INTERVAL=32 make print > "next.latest.32ms.txt"
+

bench/hot-module-reloading/css-stress-test/src/colors.css.0

@@ -0,0 +1,14 @@
+:root {
+  --timestamp: "0";
+  --interval: "8";
+  --progress-bar: 0%;
+  --spinner-1-muted: rgb(179, 6, 202);
+  --spinner-1-primary: rgb(224, 8, 253);
+  --spinner-2-muted: rgb(22, 188, 124);
+  --spinner-2-primary: rgb(27, 235, 155);
+  --spinner-3-muted: rgb(89, 72, 0);
+  --spinner-3-primary: rgb(111, 90, 0);
+  --spinner-4-muted: rgb(18, 84, 202);
+  --spinner-4-primary: rgb(23, 105, 253);
+  --spinner-rotate: 304deg;
+}

bench/hot-module-reloading/css-stress-test/src/css-in-js-styles.0

@@ -0,0 +1,23 @@
+import { Global } from "@emotion/react";
+export function CSSInJSStyles() {
+  return (
+    <Global
+      styles={`
+      :root {
+        --timestamp: "0";
+        --interval: "8";
+        --progress-bar: 11.83299999999997%;
+        --spinner-1-muted: rgb(142, 6, 182);
+        --spinner-1-primary: rgb(177, 8, 227);
+        --spinner-2-muted: rgb(110, 148, 190);
+        --spinner-2-primary: rgb(138, 185, 238);
+        --spinner-3-muted: rgb(75, 45, 64);
+        --spinner-3-primary: rgb(94, 56, 80);
+        --spinner-4-muted: rgb(155, 129, 108);
+        --spinner-4-primary: rgb(194, 161, 135);
+        --spinner-rotate: 213deg;
+      }
+  `}
+    />
+  );
+}

bench/hot-module-reloading/css-stress-test/src/css-in-js-styles.tsx

@@ -0,0 +1,23 @@
+
+import { Global } from "@emotion/react";
+export function CSSInJSStyles() {
+  return (
+    <Global
+      styles={`
+:root {
+  --timestamp: "16336621338281";
+  --interval: "16";
+  --progress-bar: 56.889%;
+  --spinner-1-muted: rgb(179, 6, 202);
+  --spinner-1-primary: rgb(224, 8, 253);
+  --spinner-2-muted: rgb(22, 188, 124);
+  --spinner-2-primary: rgb(27, 235, 155);
+  --spinner-3-muted: rgb(89, 72, 0);
+  --spinner-3-primary: rgb(111, 90, 0);
+  --spinner-4-muted: rgb(18, 84, 202);
+  --spinner-4-primary: rgb(23, 105, 253);
+  --spinner-rotate: 304deg;
+}  `}
+    />
+  );
+}

bench/hot-module-reloading/css-stress-test/src/index.css

@@ -112,15 +112,26 @@ section {
   flex-direction: column;
 }
 
+.ran,
 .timer {
-  font-weight: normal;
+  white-space: nowrap;
+  font-weight: bold;
+  -webkit-text-stroke: white;
+  -webkit-text-stroke-width: 2px;
+  color: white;
+  font-size: 100px;
+}
+.ran {
 }
 
 .ProgressBar-container {
   width: 100%;
   display: block;
   position: relative;
-  border: 1px solid var(--color-brand-muted);
+  border-left: 10px solid red;
+  border-right: 10px solid pink;
+  border-top: 10px solid yellow;
+  border-bottom: 10px solid orange;
   border-radius: 4px;
 
   height: 92px;

bench/hot-module-reloading/css-stress-test/src/index.tsx

@@ -7,7 +7,7 @@ const Base = ({}) => {
     typeof location !== "undefined"
       ? decodeURIComponent(location.search.substring(1))
       : null;
-  return <Main productName={name || "asdasdasdasdasdasd"} />;
+  return <Main productName={name} />;
 };
 
 function startReact() {

bench/hot-module-reloading/css-stress-test/src/main.tsx

@@ -1,17 +1,17 @@
-export const Main = ({ productName }) => {
+export const Main = ({ productName, cssInJS }) => {
   return (
     <>
       <header>
         <div className="Title">CSS HMR Stress Test!</div>
         <p className="Description">
-          This page visually tests how quickly a bundler can update CSS over Hot
-          Module Reloading.
+          This page visually tests how quickly a bundler can update{" "}
+          {cssInJS ? "CSS-in-JS" : "CSS"} over Hot Module Reloading.
         </p>
       </header>
       <main className="main">
         <section className="ProgressSection">
           <p className="Subtitle">
-            <span className="Subtitle-part">
+            <span className="Subtitle-part ran">
               Ran: <span className="timer"></span>
             </span>
           </p>
@@ -55,10 +55,7 @@ export const Main = ({ productName }) => {
         <div className="Bundler-container">
           <div className="Bundler">{productName}</div>
           <div className="Bundler-updateRate">
-            {/* This should loose all the styles
-            <span className="highlight">
-              <span className="interval"></span>ms
-            </span> */}
+            {cssInJS ? "CSS-in-JS framework: " + cssInJS : ""}
           </div>
         </div>
       </footer>

bench/hot-module-reloading/css-stress-test/timings/bun-cli@0.0.34.32ms.darwin-x64.json

@@ -0,0 +1,292 @@
+{
+  "label": "bun-cli@0.0.34",
+  "at": "2021-10-08T01:01:18.129Z",
+  "sleep": "32",
+  "package": {
+    "name": "bun-cli",
+    "version": "0.0.34"
+  },
+  "timestamps": [
+    16336202536562, 16336202536908, 16336202537294, 16336202537705,
+    16336202538114, 16336202538534, 16336202538941, 16336202539323,
+    16336202539742, 16336202540159, 16336202540877, 16336202541310,
+    16336202541749, 16336202542159, 16336202542565, 16336202542996,
+    16336202543333, 16336202543761, 16336202544159, 16336202544534,
+    16336202544944, 16336202545345, 16336202545744, 16336202546159,
+    16336202546573, 16336202546986, 16336202547399, 16336202547781,
+    16336202548202, 16336202548564, 16336202548949, 16336202549329,
+    16336202549762, 16336202550168, 16336202550534, 16336202550887,
+    16336202551305, 16336202551659, 16336202552060, 16336202552449,
+    16336202552854, 16336202553270, 16336202553609, 16336202554034,
+    16336202554437, 16336202554783, 16336202555191, 16336202555623,
+    16336202556034, 16336202556449, 16336202556890, 16336202557283,
+    16336202557669, 16336202558084, 16336202558496, 16336202558863,
+    16336202559271, 16336202559659, 16336202560051, 16336202560452,
+    16336202560873, 16336202561290, 16336202561659, 16336202562035,
+    16336202562440, 16336202562862, 16336202563284, 16336202563659,
+    16336202564034, 16336202564444, 16336202564853, 16336202565245,
+    16336202565659, 16336202566034, 16336202566455, 16336202566873,
+    16336202567284, 16336202567659, 16336202568034, 16336202568386,
+    16336202568790, 16336202569204, 16336202569620, 16336202570384,
+    16336202570768, 16336202571188, 16336202571551, 16336202572327,
+    16336202572717, 16336202573116, 16336202573541, 16336202573959,
+    16336202574319, 16336202574682, 16336202575040, 16336202575375,
+    16336202577001, 16336202577342, 16336202577680, 16336202578066,
+    16336202578451, 16336202579166, 16336202579534, 16336202579960,
+    16336202580370, 16336202580789, 16336202581159, 16336202581576,
+    16336202581949, 16336202582294, 16336202583087, 16336202583496,
+    16336202583858, 16336202584203, 16336202584606, 16336202585034,
+    16336202585386, 16336202585788, 16336202586211, 16336202586604,
+    16336202587034, 16336202587459, 16336202587869, 16336202588295,
+    16336202588668, 16336202589092, 16336202589452, 16336202589831,
+    16336202590197, 16336202590608, 16336202591034, 16336202591460,
+    16336202591880, 16336202592295, 16336202592727, 16336202593172,
+    16336202593567, 16336202593994, 16336202594397, 16336202594795,
+    16336202595224, 16336202595659, 16336202596058, 16336202596463,
+    16336202596890, 16336202597322, 16336202597732, 16336202598159,
+    16336202598534, 16336202598951, 16336202599365, 16336202599785,
+    16336202600159, 16336202600593, 16336202601005, 16336202601402,
+    16336202601807, 16336202602214, 16336202602556, 16336202602895,
+    16336202603307, 16336202603661, 16336202604075, 16336202604491,
+    16336202604853, 16336202605268, 16336202605670, 16336202606034,
+    16336202606393, 16336202606748, 16336202607170, 16336202607568,
+    16336202607982, 16336202608411, 16336202608836, 16336202609197,
+    16336202609596, 16336202609965, 16336202610333, 16336202610740,
+    16336202611159, 16336202611573, 16336202611975, 16336202612317,
+    16336202612691, 16336202613060, 16336202613474, 16336202613903,
+    16336202614341, 16336202614707, 16336202615094, 16336202615534,
+    16336202615883, 16336202616296, 16336202616671, 16336202617034,
+    16336202617391, 16336202617727, 16336202618159, 16336202618534,
+    16336202618937, 16336202619360, 16336202619770, 16336202620179,
+    16336202620716, 16336202621143, 16336202621534, 16336202622303,
+    16336202622659, 16336202623085, 16336202623498, 16336202623850,
+    16336202624220, 16336202624606, 16336202625034, 16336202625387,
+    16336202625805, 16336202626210, 16336202626599, 16336202627034,
+    16336202627386, 16336202627748, 16336202628159, 16336202628534,
+    16336202628954, 16336202629373, 16336202629809, 16336202630197,
+    16336202630535, 16336202630916, 16336202631290, 16336202631666,
+    16336202632034, 16336202632369, 16336202633152, 16336202633534,
+    16336202633883, 16336202634309, 16336202634717, 16336202635106,
+    16336202635871, 16336202636253, 16336202636671, 16336202637070,
+    16336202637434, 16336202637798, 16336202638184, 16336202638539,
+    16336202638938, 16336202639307, 16336202639666, 16336202640095,
+    16336202640534, 16336202640962, 16336202641307, 16336202641659,
+    16336202642087, 16336202642521, 16336202642886, 16336202643309,
+    16336202643662, 16336202644067, 16336202644491, 16336202644853,
+    16336202645226, 16336202645659, 16336202646074, 16336202646497,
+    16336202646890, 16336202647311, 16336202647749, 16336202648169,
+    16336202648976, 16336202649378, 16336202649810, 16336202650165,
+    16336202650534, 16336202650875, 16336202651250, 16336202651659,
+    16336202652093, 16336202652516, 16336202652921, 16336202653332,
+    16336202653722, 16336202654142, 16336202654534, 16336202654880,
+    16336202655221, 16336202655562, 16336202655997, 16336202656378,
+    16336202656811, 16336202657161, 16336202657588, 16336202657944,
+    16336202658360, 16336202658708, 16336202659089, 16336202659428,
+    16336202659849, 16336202660273, 16336202660685, 16336202661105,
+    16336202661534, 16336202661873, 16336202662228, 16336202662658,
+    16336202663438, 16336202663843, 16336202664219, 16336202664646,
+    16336202665050, 16336202665487, 16336202665838, 16336202666211,
+    16336202666573, 16336202666927, 16336202667334, 16336202667746,
+    16336202668158, 16336202668563, 16336202668980, 16336202669406,
+    16336202669753, 16336202670192, 16336202670554, 16336202670903,
+    16336202671324, 16336202671734, 16336202672159, 16336202672573,
+    16336202672982, 16336202673346, 16336202673680, 16336202674087,
+    16336202674499, 16336202674909, 16336202675260, 16336202676110,
+    16336202676535, 16336202676913, 16336202677312, 16336202677658,
+    16336202678044, 16336202678413, 16336202678793, 16336202679208,
+    16336202679604, 16336202680034, 16336202680385, 16336202680799,
+    16336202681213, 16336202681595, 16336202682004, 16336202682346,
+    16336202682726, 16336202683158, 16336202683586, 16336202683990,
+    16336202684323, 16336202684742, 16336202685175, 16336202685578,
+    16336202685979, 16336202686805, 16336202687206, 16336202687614,
+    16336202688038, 16336202688473, 16336202688848, 16336202689221,
+    16336202689559, 16336202689971, 16336202690368, 16336202690776,
+    16336202691159, 16336202691585, 16336202692010, 16336202692373,
+    16336202692780, 16336202693179, 16336202693580, 16336202693991,
+    16336202694324, 16336202694727, 16336202695159, 16336202695588,
+    16336202695991, 16336202696335, 16336202697160, 16336202697542,
+    16336202697929, 16336202698323, 16336202698674, 16336202699060,
+    16336202699492, 16336202699835, 16336202700238, 16336202700658,
+    16336202701059, 16336202701420, 16336202701815, 16336202702229,
+    16336202702659, 16336202703857, 16336202704256, 16336202704659,
+    16336202705497, 16336202706309, 16336202706660, 16336202707085,
+    16336202707511, 16336202707866, 16336202708210, 16336202708552,
+    16336202708925, 16336202709287, 16336202709670, 16336202710045,
+    16336202710402, 16336202710802, 16336202711167, 16336202711533,
+    16336202712249, 16336202712660, 16336202713088, 16336202713519,
+    16336202713936, 16336202714355, 16336202714740, 16336202715160,
+    16336202715533, 16336202715878, 16336202716290, 16336202716708,
+    16336202717102, 16336202718290, 16336202718699, 16336202719052,
+    16336202719388, 16336202719808, 16336202720225, 16336202720659,
+    16336202721052, 16336202721414, 16336202721828, 16336202722925,
+    16336202723664, 16336202724063, 16336202724405, 16336202726003,
+    16336202726736, 16336202727158, 16336202727543, 16336202727930,
+    16336202728336, 16336202728703, 16336202729061, 16336202729483,
+    16336202729832, 16336202730222, 16336202730659, 16336202731084,
+    16336202731500, 16336202731911, 16336202732326, 16336202733158,
+    16336202733585, 16336202734001, 16336202734691, 16336202735042,
+    16336202735442, 16336202735863, 16336202736255, 16336202736671,
+    16336202737043, 16336202737884, 16336202738671, 16336202739110,
+    16336202739533, 16336202739886, 16336202740283, 16336202740706,
+    16336202741143, 16336202741534, 16336202741942, 16336202742352,
+    16336202742697, 16336202743103, 16336202743940, 16336202745172,
+    16336202745542, 16336202745937, 16336202746339, 16336202746758,
+    16336202747531, 16336202747877, 16336202748232, 16336202748658,
+    16336202749055, 16336202749468, 16336202749859, 16336202750416,
+    16336202750839, 16336202751178, 16336202751572, 16336202752002,
+    16336202752419, 16336202753269, 16336202753678, 16336202754086,
+    16336202754432, 16336202754835, 16336202755260, 16336202755683,
+    16336202756059, 16336202756402, 16336202756837, 16336202758084,
+    16336202758507, 16336202758879, 16336202759270, 16336202759674,
+    16336202760044, 16336202760400, 16336202760801, 16336202761659,
+    16336202762053, 16336202762397, 16336202763199, 16336202763547,
+    16336202763948, 16336202764714, 16336202765113, 16336202765947,
+    16336202766329, 16336202766664, 16336202767085, 16336202768233,
+    16336202769056, 16336202769758, 16336202770178, 16336202770585,
+    16336202770929, 16336202771325, 16336202772158, 16336202772594,
+    16336202773033, 16336202773403, 16336202773801, 16336202774179,
+    16336202774555, 16336202774989, 16336202775393, 16336202775809,
+    16336202776209, 16336202776618, 16336202777033, 16336202777421,
+    16336202777845, 16336202778246, 16336202778658, 16336202779055,
+    16336202779411, 16336202779761, 16336202780175, 16336202780594,
+    16336202781002, 16336202781848, 16336202782658, 16336202783033,
+    16336202783857, 16336202784211, 16336202784557, 16336202784972,
+    16336202785377, 16336202785810, 16336202786172, 16336202786934,
+    16336202787343, 16336202787765, 16336202788201, 16336202788563,
+    16336202788970, 16336202789329, 16336202789672, 16336202790055,
+    16336202790456, 16336202790802, 16336202791580, 16336202791920,
+    16336202792326, 16336202793158, 16336202793953, 16336202794368,
+    16336202795187, 16336202795622, 16336202796033, 16336202796393,
+    16336202796777, 16336202797173, 16336202797540, 16336202797975,
+    16336202798317, 16336202798739, 16336202799158, 16336202799567,
+    16336202799966, 16336202800378, 16336202800803, 16336202801232,
+    16336202801658, 16336202802033, 16336202802374, 16336202802759,
+    16336202803158, 16336202803533, 16336202803947, 16336202804354,
+    16336202804729, 16336202805158, 16336202805534, 16336202805950,
+    16336202806390, 16336202806805, 16336202807219, 16336202807643,
+    16336202808033, 16336202808377, 16336202808790, 16336202809211,
+    16336202809560, 16336202809920, 16336202810355, 16336202810758,
+    16336202811187, 16336202811596, 16336202811943, 16336202812348,
+    16336202812710, 16336202813060, 16336202813398, 16336202813791,
+    16336202814158, 16336202814533, 16336202814878, 16336202815246,
+    16336202815658, 16336202816079, 16336202816851, 16336202817202,
+    16336202817540, 16336202817905, 16336202818244, 16336202818663,
+    16336202819068, 16336202819418, 16336202819777, 16336202820193,
+    16336202820599, 16336202821033, 16336202821395, 16336202821745,
+    16336202822158, 16336202822590, 16336202822996, 16336202823396,
+    16336202823804, 16336202824210, 16336202824581, 16336202824991,
+    16336202825406, 16336202825806, 16336202826210, 16336202826598,
+    16336202827033, 16336202827446, 16336202827839, 16336202828201,
+    16336202828577, 16336202828968, 16336202829362, 16336202829709,
+    16336202830096, 16336202830533, 16336202830917, 16336202831290,
+    16336202831699, 16336202832035, 16336202832406, 16336202832804,
+    16336202833200, 16336202833604, 16336202834033, 16336202834386,
+    16336202834759, 16336202835190, 16336202835621, 16336202836033,
+    16336202836405, 16336202837191, 16336202837613, 16336202838033,
+    16336202838374, 16336202838798, 16336202839200, 16336202839603,
+    16336202840034, 16336202840389, 16336202840783, 16336202841200,
+    16336202841617, 16336202842034, 16336202842390, 16336202842737,
+    16336202843158, 16336202843585, 16336202843923, 16336202844313,
+    16336202844724, 16336202845158, 16336202845576, 16336202845939,
+    16336202846368, 16336202846728, 16336202847158, 16336202847568,
+    16336202847911, 16336202848291, 16336202848695, 16336202849103,
+    16336202849533, 16336202849942, 16336202850368, 16336202850747,
+    16336202851158, 16336202851549, 16336202851978, 16336202852383,
+    16336202852725, 16336202853158, 16336202853554, 16336202853961,
+    16336202854308, 16336202854704, 16336202855060, 16336202855418,
+    16336202855776, 16336202856203, 16336202856617, 16336202857036,
+    16336202857455, 16336202857884, 16336202858262, 16336202858658,
+    16336202859071, 16336202859847, 16336202860237, 16336202860658,
+    16336202861037, 16336202861452, 16336202861869, 16336202862218,
+    16336202862590, 16336202863001, 16336202863422, 16336202863857,
+    16336202864219, 16336202864658, 16336202865047, 16336202865404,
+    16336202865789, 16336202866210, 16336202866624, 16336202867033,
+    16336202867380, 16336202867797, 16336202868227, 16336202868658,
+    16336202869083, 16336202869500, 16336202869906, 16336202870246,
+    16336202870658, 16336202871086, 16336202871441, 16336202871820,
+    16336202872204, 16336202872546, 16336202872943, 16336202873380,
+    16336202873811, 16336202874213, 16336202874566, 16336202874918,
+    16336202875261, 16336202875655, 16336202876047, 16336202876771,
+    16336202877202, 16336202877612, 16336202878033, 16336202878412,
+    16336202878846, 16336202879241, 16336202879658, 16336202880072,
+    16336202880508, 16336202880901, 16336202881308, 16336202881725,
+    16336202882158, 16336202882579, 16336202882945, 16336202883286,
+    16336202883657, 16336202884048, 16336202884404, 16336202884752,
+    16336202885158, 16336202885533, 16336202885938, 16336202886364,
+    16336202886759, 16336202887175, 16336202887585, 16336202887929,
+    16336202888345, 16336202888743, 16336202889157, 16336202889570,
+    16336202889970, 16336202890382, 16336202890761, 16336202891187,
+    16336202891600, 16336202892033, 16336202892454, 16336202892794,
+    16336202893178, 16336202893533, 16336202893903, 16336202894264,
+    16336202894668, 16336202895049, 16336202895400, 16336202895774,
+    16336202896157, 16336202896537, 16336202896883, 16336202897232,
+    16336202897658, 16336202898065, 16336202898493, 16336202898884,
+    16336202899251, 16336202899673, 16336202900047, 16336202900467,
+    16336202900883, 16336202901300, 16336202901676, 16336202902068,
+    16336202902479, 16336202902902, 16336202903260, 16336202903675,
+    16336202904094, 16336202904476, 16336202904824, 16336202905158,
+    16336202905533, 16336202905934, 16336202906289, 16336202906717,
+    16336202907158, 16336202907547, 16336202907904, 16336202908294,
+    16336202908717, 16336202909157, 16336202909582, 16336202910005,
+    16336202910399, 16336202910800, 16336202911220, 16336202911657,
+    16336202912064, 16336202912405, 16336202912779, 16336202913158,
+    16336202913553, 16336202913966, 16336202914376, 16336202914719,
+    16336202915091, 16336202915515, 16336202915887, 16336202916293,
+    16336202916649, 16336202917438, 16336202917869, 16336202918221,
+    16336202919053, 16336202919425, 16336202919833, 16336202920234,
+    16336202920658, 16336202921033, 16336202921433, 16336202921801,
+    16336202922161, 16336202922589, 16336202923017, 16336202923418,
+    16336202923804, 16336202924199, 16336202924593, 16336202925033,
+    16336202925449, 16336202925818, 16336202926223, 16336202926662,
+    16336202927431, 16336202927812, 16336202928227, 16336202928658,
+    16336202929061, 16336202929473, 16336202929891, 16336202930241,
+    16336202930657, 16336202931057, 16336202931396, 16336202931811,
+    16336202932225, 16336202932657, 16336202933058, 16336202933445,
+    16336202933790, 16336202934157, 16336202934562, 16336202934988,
+    16336202935391, 16336202935777, 16336202936160, 16336202936562,
+    16336202936986, 16336202937396, 16336202937751, 16336202938158,
+    16336202938578, 16336202938985, 16336202939396, 16336202939752,
+    16336202940157, 16336202940585
+  ],
+  "frameTimes": [
+    346, 411, 420, 382, 417, 433, 410, 431, 428, 375, 401, 415, 413, 382, 362,
+    380, 406, 353, 354, 389, 416, 425, 346, 432, 415, 393, 415, 367, 388, 401,
+    417, 376, 422, 375, 410, 392, 375, 418, 375, 352, 414, 764, 420, 776, 399,
+    418, 363, 335, 341, 386, 715, 426, 419, 417, 345, 409, 345, 428, 402, 393,
+    425, 426, 424, 379, 411, 426, 415, 445, 427, 398, 435, 405, 432, 427, 417,
+    420, 434, 397, 407, 339, 354, 416, 415, 364, 355, 398, 429, 361, 369, 407,
+    414, 342, 369, 429, 366, 440, 413, 363, 336, 375, 423, 409, 427, 769, 426,
+    352, 386, 353, 405, 435, 362, 375, 419, 388, 381, 376, 335, 382, 426, 389,
+    382, 399, 364, 355, 369, 429, 428, 352, 434, 423, 405, 362, 433, 423, 421,
+    420, 402, 355, 341, 409, 423, 411, 420, 346, 341, 381, 350, 356, 348, 339,
+    424, 420, 339, 430, 405, 427, 437, 373, 354, 412, 405, 426, 439, 349, 410,
+    414, 364, 407, 410, 850, 378, 346, 369, 415, 430, 414, 382, 342, 432, 404,
+    419, 403, 826, 408, 435, 373, 412, 408, 426, 363, 399, 411, 403, 429, 344,
+    382, 394, 386, 343, 420, 361, 414, 1198, 403, 812, 425, 355, 342, 362, 375,
+    400, 366, 411, 431, 419, 420, 345, 418, 1188, 353, 420, 434, 362, 1097, 399,
+    1598, 422, 387, 367, 422, 390, 425, 411, 832, 416, 351, 421, 416, 841, 439,
+    353, 423, 391, 410, 406, 1232, 395, 419, 346, 426, 413, 557, 339, 430, 850,
+    408, 403, 423, 343, 1247, 372, 404, 356, 858, 344, 348, 766, 834, 335, 1148,
+    702, 407, 396, 436, 370, 378, 434, 416, 409, 388, 401, 397, 350, 419, 846,
+    375, 354, 415, 433, 762, 422, 362, 359, 383, 346, 340, 832, 415, 435, 360,
+    396, 435, 422, 409, 412, 429, 375, 385, 375, 407, 429, 416, 415, 424, 344,
+    421, 360, 403, 409, 405, 350, 393, 375, 368, 421, 351, 365, 419, 350, 416,
+    434, 350, 432, 400, 406, 410, 400, 388, 413, 362, 391, 347, 437, 373, 336,
+    398, 404, 353, 431, 412, 786, 420, 424, 403, 355, 417, 417, 347, 427, 390,
+    434, 363, 360, 410, 380, 408, 409, 379, 391, 405, 433, 407, 396, 358, 427,
+    419, 429, 396, 776, 421, 415, 349, 411, 435, 439, 357, 421, 409, 417, 431,
+    417, 340, 428, 379, 342, 437, 402, 352, 394, 724, 410, 379, 395, 414, 393,
+    417, 421, 341, 391, 348, 375, 426, 416, 344, 398, 413, 412, 426, 433, 340,
+    355, 361, 381, 374, 380, 349, 407, 391, 422, 420, 417, 392, 423, 415, 382,
+    334, 401, 428, 389, 390, 440, 423, 401, 437, 341, 379, 413, 343, 424, 406,
+    789, 352, 372, 401, 375, 368, 428, 401, 395, 440, 369, 439, 381, 431, 412,
+    350, 400, 415, 432, 387, 367, 426, 386, 402, 410, 407, 407, 356, 428
+  ],
+  "percentileMs": {
+    "50": 40.7,
+    "75": 42.3,
+    "90": 43.5,
+    "95": 76.4,
+    "99": 118.8
+  }
+}

bench/hot-module-reloading/readme.md

@@ -0,0 +1,15 @@
+# Benchmarking hot module reloading
+
+## Methodology
+
+How do you benchmark hot module reloading? What do you call "done" and what do you call "start"?
+
+The answer for "done" is certainly not compilation time. Compilation time is one step.
+
+I think the answer should be different depending on the type of content loaded.
+
+For CSS, the answer should be "when the updated stylesheet was drawn on the screen"
+For JavaScript, the answer should be "when the rebuilt code completed execution such that any changes are applied"
+For images & assets, the answer should be "when the updated asset finished loading"
+
+The start time should be defined as "the timestamp the filesystem set as the write time". As in, the time the developer pressed save in their editor.

build-id

@@ -0,0 +1 @@
+37

build.zig

@@ -7,11 +7,6 @@ pub fn addPicoHTTP(step: *std.build.LibExeObjStep, comptime with_obj: bool) void
         .path = .{ .path = "src/deps/picohttp.zig" },
     });
 
-    _ = step.addPackage(.{
-        .name = "iguanaTLS",
-        .path = .{ .path = "src/deps/iguanaTLS/src/main.zig" },
-    });
-
     step.addIncludeDir("src/deps");
 
     if (with_obj) {
@@ -24,8 +19,8 @@ pub fn addPicoHTTP(step: *std.build.LibExeObjStep, comptime with_obj: bool) void
     // set -gx ICU_INCLUDE_DIRS "/usr/local/opt/icu4c/include"
     // homebrew-provided icu4c
 }
-
-pub fn build(b: *std.build.Builder) void {
+var x64 = "x64";
+pub fn build(b: *std.build.Builder) !void {
     // Standard target options allows the person running `zig build` to choose
     // what target to build for. Here we do not override the defaults, which
     // means any target is allowed, and the default is native. Other options
@@ -39,12 +34,39 @@ pub fn build(b: *std.build.Builder) void {
     const cwd: []const u8 = b.pathFromRoot(".");
     var exe: *std.build.LibExeObjStep = undefined;
     var output_dir_buf = std.mem.zeroes([4096]u8);
-    var bin_label = if (mode == std.builtin.Mode.Debug) "/debug/" else "/";
-    const output_dir = b.pathFromRoot(std.fmt.bufPrint(&output_dir_buf, "build{s}{s}-{s}", .{ bin_label, @tagName(target.getOs().tag), @tagName(target.getCpuArch()) }) catch unreachable);
+    var bin_label = if (mode == std.builtin.Mode.Debug) "packages/debug-bun-cli-" else "packages/bun-cli-";
+
+    var triplet_buf: [64]u8 = undefined;
+    var os_tagname = @tagName(target.getOs().tag);
+    if (std.mem.eql(u8, os_tagname, "macos")) {
+        os_tagname = "darwin";
+    }
+
+    std.mem.copy(
+        u8,
+        &triplet_buf,
+        os_tagname,
+    );
+    var osname = triplet_buf[0..os_tagname.len];
+    triplet_buf[osname.len] = '-';
+
+    std.mem.copy(u8, triplet_buf[osname.len + 1 ..], @tagName(target.getCpuArch()));
+    var cpuArchName = triplet_buf[osname.len + 1 ..][0..@tagName(target.getCpuArch()).len];
+    std.mem.replaceScalar(u8, cpuArchName, '_', '-');
+    if (std.mem.eql(u8, cpuArchName, "x86-64")) {
+        std.mem.copy(u8, cpuArchName, "x64");
+        cpuArchName = cpuArchName[0..3];
+    }
+
+    var triplet = triplet_buf[0 .. osname.len + cpuArchName.len + 1];
+
+    const output_dir_base = try std.fmt.bufPrint(&output_dir_buf, "{s}{s}/bin", .{ bin_label, triplet });
+    const output_dir = b.pathFromRoot(output_dir_base);
+    const bun_executable_name = if (mode == std.builtin.Mode.Debug) "bun-debug" else "bun";
 
     if (target.getOsTag() == .wasi) {
         exe.enable_wasmtime = true;
-        exe = b.addExecutable("bun", "src/main_wasi.zig");
+        exe = b.addExecutable(bun_executable_name, "src/main_wasi.zig");
         exe.linkage = .dynamic;
         exe.setOutputDir(output_dir);
     } else if (target.getCpuArch().isWasm()) {
@@ -54,7 +76,7 @@ pub fn build(b: *std.build.Builder) void {
         // );
         // exe.is_linking_libc = false;
         // exe.is_dynamic = true;
-        var lib = b.addExecutable("bun", "src/main_wasm.zig");
+        var lib = b.addExecutable(bun_executable_name, "src/main_wasm.zig");
         lib.single_threaded = true;
         // exe.want_lto = true;
         // exe.linkLibrary(lib);
@@ -94,7 +116,7 @@ pub fn build(b: *std.build.Builder) void {
 
         return;
     } else {
-        exe = b.addExecutable("bun", "src/main.zig");
+        exe = b.addExecutable(bun_executable_name, "src/main.zig");
     }
     // exe.setLibCFile("libc.txt");
     exe.linkLibC();
@@ -106,23 +128,19 @@ pub fn build(b: *std.build.Builder) void {
 
     exe.setOutputDir(output_dir);
     var cwd_dir = std.fs.cwd();
-    if (std.builtin.is_test) {
-        var walker = cwd_dir.walk(std.heap.c_allocator) catch unreachable;
-
-        while (walker.next() catch unreachable) |entry| {
-            if (std.mem.endsWith(u8, entry.basename, "_test.zig")) {
-                std.debug.print("[test] Added {s}", .{entry.basename});
-                _ = b.addTest(entry.path);
-            }
-        }
-    }
-
-    const runtime_hash = std.hash.Wyhash.hash(0, @embedFile("./src/runtime.out.js"));
+    var runtime_out_file = try std.fs.cwd().openFile("src/runtime.out.js", .{ .read = true });
+    const runtime_hash = std.hash.Wyhash.hash(
+        0,
+        try runtime_out_file.readToEndAlloc(b.allocator, try runtime_out_file.getEndPos()),
+    );
     const runtime_version_file = std.fs.cwd().openFile("src/runtime.version", .{ .write = true }) catch unreachable;
     runtime_version_file.writer().print("{x}", .{runtime_hash}) catch unreachable;
     defer runtime_version_file.close();
-
-    const fallback_hash = std.hash.Wyhash.hash(0, @embedFile("./src/fallback.out.js"));
+    var fallback_out_file = try std.fs.cwd().openFile("src/fallback.out.js", .{ .read = true });
+    const fallback_hash = std.hash.Wyhash.hash(
+        0,
+        try fallback_out_file.readToEndAlloc(b.allocator, try fallback_out_file.getEndPos()),
+    );
     const fallback_version_file = std.fs.cwd().openFile("src/fallback.version", .{ .write = true }) catch unreachable;
     fallback_version_file.writer().print("{x}", .{fallback_hash}) catch unreachable;
     defer fallback_version_file.close();
@@ -212,7 +230,12 @@ pub fn build(b: *std.build.Builder) void {
 
             step.addObjectFile("src/deps/libJavaScriptCore.a");
             step.addObjectFile("src/deps/libWTF.a");
+            step.addObjectFile("src/deps/libcrypto.a");
             step.addObjectFile("src/deps/libbmalloc.a");
+            step.addObjectFile("src/deps/libarchive.a");
+            step.addObjectFile("src/deps/libs2n.a");
+
+            step.addObjectFile("src/deps/zlib/libz.a");
 
             step.addObjectFile("src/deps/mimalloc/libmimalloc.a");
             step.addLibPath("src/deps/mimalloc");
@@ -230,10 +253,16 @@ pub fn build(b: *std.build.Builder) void {
                 step.addObjectFile(homebrew_prefix ++ "opt/icu4c/lib/libicudata.a");
                 step.addObjectFile(homebrew_prefix ++ "opt/icu4c/lib/libicui18n.a");
                 step.addObjectFile(homebrew_prefix ++ "opt/icu4c/lib/libicuuc.a");
+                step.addObjectFile(homebrew_prefix ++ "opt/libiconv/lib/libiconv.a");
                 // icucore is a weird macOS only library
                 step.linkSystemLibrary("icucore");
                 step.addLibPath(homebrew_prefix ++ "opt/icu4c/lib");
                 step.addIncludeDir(homebrew_prefix ++ "opt/icu4c/include");
+            } else {
+                step.linkSystemLibrary("icuuc");
+                step.linkSystemLibrary("icudata");
+                step.linkSystemLibrary("icui18n");
+                step.linkSystemLibrary("iconv");
             }
 
             for (bindings_files.items) |binding| {
@@ -244,8 +273,8 @@ pub fn build(b: *std.build.Builder) void {
         }
 
         var obj_step = b.step("obj", "Build Bun as a .o file");
-        var obj = b.addObject("bun", exe.root_src.?.path);
-        obj.bundle_compiler_rt = true;
+        var obj = b.addObject(bun_executable_name, exe.root_src.?.path);
+        obj.setTarget(target);
         addPicoHTTP(obj, false);
         obj.addPackage(.{
             .name = "clap",
@@ -255,7 +284,16 @@ pub fn build(b: *std.build.Builder) void {
         obj_step.dependOn(&obj.step);
         obj.setOutputDir(output_dir);
         obj.setBuildMode(mode);
-        obj.setTarget(target);
+        obj.linkLibC();
+        obj.linkLibCpp();
+        obj.strip = false;
+        obj.bundle_compiler_rt = true;
+
+        if (target.getOsTag() == .linux) {
+            // obj.want_lto = tar;
+            obj.link_emit_relocs = true;
+            obj.link_function_sections = true;
+        }
     } else {
         b.default_step.dependOn(&exe.step);
     }
@@ -275,7 +313,7 @@ pub fn build(b: *std.build.Builder) void {
     const run_step = b.step("run", "Run the app");
     run_step.dependOn(&run_cmd.step);
 
-    var log_step = b.addLog("Destination: {s}/{s}\n", .{ output_dir, "bun" });
+    var log_step = b.addLog("Destination: {s}/{s}\n", .{ output_dir, bun_executable_name });
     log_step.step.dependOn(&exe.step);
 
     var typings_cmd: *std.build.RunStep = typings_exe.run();

examples/.gitignore

@@ -0,0 +1 @@
+bun-examples-all

examples/css-stress-test/pages/[id]/boom.tsx

@@ -1,11 +0,0 @@
-import { Main } from "../../src/main";
-
-function IndexRoute() {
-  return (
-    <div>
-      <Main productName={"Boom id"} />
-    </div>
-  );
-}
-
-export { IndexRoute as default };

examples/css-stress-test/pages/index.tsx

@@ -1,7 +0,0 @@
-import { Main } from "src/main";
-
-export function IndexPage() {
-  return <Main />;
-}
-
-export default IndexPage;

examples/css-stress-test/pages/plain/nested.tsx

@@ -1,9 +0,0 @@
-import { Main } from "../../src/main";
-
-export default function IndexRoute() {
-  return (
-    <div>
-      <Main productName={"nested!"} />
-    </div>
-  );
-}

examples/css-stress-test/pages/two.tsx

@@ -1,13 +0,0 @@
-import { Main } from "../src/main";
-
-export function getInitialProps() {
-  return {};
-}
-
-export default function IndexRoute() {
-  return (
-    <div>
-      <Main productName={"Page 2! Next.js (Webpack 5)"} />
-    </div>
-  );
-}

examples/css-stress-test/snowpack.config.js

@@ -1,21 +0,0 @@
-// Snowpack Configuration File
-// See all supported options: https://www.snowpack.dev/reference/configuration
-
-/** @type {import("snowpack").SnowpackUserConfig } */
-module.exports = {
-  root: "src",
-  mount: {
-    public: "/",
-    src: "/",
-  },
-  plugins: ["@snowpack/plugin-react-refresh"],
-  packageOptions: {
-    /* ... */
-  },
-  devOptions: {
-    /* ... */
-  },
-  buildOptions: {
-    /* ... */
-  },
-};

examples/css-stress-test/src/button.tsx

@@ -1 +0,0 @@
-export const Button = ({ children }) => <div>asdasasd{children}</div>;

examples/css-stress-test/src/colors.css

@@ -1,14 +0,0 @@
-:root {
-  --timestamp: "596";
-  --interval: "64";
-  --progress-bar: 33.167%;
-  --spinner-1-muted: rgb(42, 74, 66);
-  --spinner-1-primary: rgb(53, 93, 82);
-  --spinner-2-muted: rgb(90, 51, 192);
-  --spinner-2-primary: rgb(112, 64, 240);
-  --spinner-3-muted: rgb(157, 140, 68);
-  --spinner-3-primary: rgb(196, 175, 85);
-  --spinner-4-muted: rgb(86, 152, 66);
-  --spinner-4-primary: rgb(108, 190, 82);
-  --spinner-rotate: 237deg;
-}

examples/css-stress-test/src/colors2.css

@@ -1,3 +0,0 @@
-body {
-  filter: sepia(50%) brightness(200%);
-}

examples/css-stress-test/src/components/button.tsx

@@ -1,27 +0,0 @@
-import React from "react";
-import { NewComponent } from "./new-comp";
-
-const Toast = () => {
-  const [baconyes, baconno] = useBacon();
-  return <div>false</div>;
-};
-const Button = ({ label, label2, onClick }) => {
-  const useCustomHookInsideFunction = (what, arr) => {
-    return [true, false];
-  };
-  const [on, setOn] = React.useState(false);
-
-  React.useEffect(() => {
-    console.log({ on });
-  }, [on]);
-
-  // const [foo1, foo2] = useCustomHookInsideFunction(() => {}, [on]);
-
-  return (
-    <div className="Button" onClick={onClick}>
-      <Toast>f</Toast>
-      <div className="Button-label">{label}12</div>
-      <NewComponent />
-    </div>
-  );
-};

examples/css-stress-test/src/components/new-comp.tsx

@@ -1,3 +0,0 @@
-export const NewComponent = () => {
-  return <div>NEW!</div>;
-};

examples/css-stress-test/src/font.css

@@ -1 +0,0 @@
-/* @import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;700&family=Space+Mono:wght@400;700&display=swap"; */

examples/css-stress-test/test-pnpm.js

@@ -1 +0,0 @@
-import jsx from "/Users/jarred/Code/bun/demos/css-stress-test/node_modules/react/cjs/react-jsx-dev-runtime.development.js";

examples/css-stress-test/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "esnext",
-    "lib": ["dom", "dom.iterable", "esnext", "WebWorker"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": false,
-    "forceConsistentCasingInFileNames": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "Node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "baseUrl": ".",
-    "paths": {
-      "path": ["node_modules/path-browserify"]
-    }
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
-}

examples/hello-next/bun-framework-next/client.development.tsx

@@ -1,417 +0,0 @@
-globalThis.global = globalThis;
-globalThis.Bun_disableCSSImports = true;
-
-import "./bun-error";
-
-import * as React from "react";
-var onlyChildPolyfill = React.Children.only;
-React.Children.only = function (children) {
-  if (children && typeof children === "object" && children.length == 1) {
-    return onlyChildPolyfill(children[0]);
-  }
-
-  return onlyChildPolyfill(children);
-};
-
-import * as ReactDOM from "react-dom";
-import App from "next/app";
-import mitt, { MittEmitter } from "next/dist/shared/lib/mitt";
-import { RouterContext } from "next/dist/shared/lib/router-context";
-import Router, {
-  AppComponent,
-  AppProps,
-  delBasePath,
-  hasBasePath,
-  PrivateRouteInfo,
-} from "next/dist/shared/lib/router/router";
-
-import * as NextRouteLoader from "next/dist/client/route-loader";
-import { isDynamicRoute } from "next/dist/shared/lib/router/utils/is-dynamic";
-import {
-  urlQueryToSearchParams,
-  assign,
-} from "next/dist/shared/lib/router/utils/querystring";
-import { setConfig } from "next/dist/shared/lib/runtime-config";
-import {
-  getURL,
-  loadGetInitialProps,
-  NEXT_DATA,
-  ST,
-} from "next/dist/shared/lib/utils";
-// import { Portal } from "next/dist/client/portal";
-import initHeadManager from "next/dist/client/head-manager";
-import { HeadManagerContext } from "next/dist/shared/lib/head-manager-context";
-import PageLoader from "./page-loader";
-import measureWebVitals from "next/dist/client/performance-relayer";
-import { RouteAnnouncer } from "next/dist/client/route-announcer";
-import {
-  createRouter,
-  makePublicRouterInstance,
-} from "next/dist/client/router";
-export const emitter: MittEmitter<string> = mitt();
-
-declare global {
-  interface Window {
-    /* test fns */
-    __NEXT_HYDRATED?: boolean;
-    __NEXT_HYDRATED_CB?: () => void;
-
-    /* prod */
-    __NEXT_PRELOADREADY?: (ids?: (string | number)[]) => void;
-    __NEXT_DATA__: NEXT_DATA;
-    __NEXT_P: any[];
-  }
-}
-
-function nextDataFromBunData() {
-  const {
-    router: { routes, route, params: paramsList },
-    problems,
-  } = globalThis.__BUN_DATA__;
-
-  const paramsMap = new Map();
-  for (let i = 0; i < paramsList.keys.length; i++) {
-    paramsMap.set(
-      decodeURIComponent(paramsList.keys[i]),
-      decodeURIComponent(paramsList.values[i])
-    );
-  }
-
-  const params = {};
-  var url = new URL(location.href);
-  Object.assign(params, Object.fromEntries(url.searchParams.entries()));
-  Object.assign(params, Object.fromEntries(paramsMap.entries()));
-
-  const pages = routes.reduce((acc, route) => {
-    var name = route.substring(route.indexOf("_next") + "_next/".length);
-
-    while (name.startsWith("/")) {
-      name = name.substring(1);
-    }
-
-    if (name.startsWith("pages")) {
-      name = name.substring("pages".length);
-    }
-
-    while (name.startsWith("/")) {
-      name = name.substring(1);
-    }
-
-    if (name.endsWith(".jsx")) {
-      name = name.substring(0, name.length - ".jsx".length);
-    }
-
-    if (name.endsWith(".tsx")) {
-      name = name.substring(0, name.length - ".tsx".length);
-    }
-
-    if (name.endsWith(".ts")) {
-      name = name.substring(0, name.length - ".ts".length);
-    }
-
-    if (name.endsWith(".js")) {
-      name = name.substring(0, name.length - ".js".length);
-    }
-
-    acc["/" + name] = [route];
-    return acc;
-  }, {});
-
-  return {
-    page: routes[route],
-    buildId: "1234",
-    assetPrefix: "",
-    isPreview: false,
-    locale: null,
-    locales: [],
-    isFallback: false,
-    err: null,
-    props: {},
-    query: params,
-    pages,
-  };
-}
-
-type RenderRouteInfo = PrivateRouteInfo & {
-  App: AppComponent;
-  scroll?: { x: number; y: number } | null;
-};
-type RenderErrorProps = Omit<RenderRouteInfo, "Component" | "styleSheets">;
-
-const nextDataTag = document.getElementById("__NEXT_DATA__");
-
-const data: typeof window["__NEXT_DATA__"] = nextDataTag
-  ? JSON.parse(document.getElementById("__NEXT_DATA__")!.textContent!)
-  : nextDataFromBunData();
-window.__NEXT_DATA__ = data;
-
-const {
-  props: hydrateProps,
-  err: hydrateErr,
-  page,
-  query,
-  buildId,
-  assetPrefix,
-  runtimeConfig,
-  dynamicIds,
-  isFallback,
-  locale,
-  locales,
-  domainLocales,
-  isPreview,
-} = data;
-
-const prefix: string = assetPrefix || "";
-
-setConfig({
-  serverRuntimeConfig: {},
-  publicRuntimeConfig: runtimeConfig || {},
-});
-
-let asPath: string = getURL();
-
-// make sure not to attempt stripping basePath for 404s
-if (hasBasePath(asPath)) {
-  asPath = delBasePath(asPath);
-}
-
-export const pageLoader: PageLoader = new PageLoader(
-  buildId,
-  prefix,
-  data.pages
-);
-
-const headManager: {
-  mountedInstances: Set<unknown>;
-  updateHead: (head: JSX.Element[]) => void;
-} = initHeadManager();
-const appElement: HTMLElement | null = document.getElementById("__next");
-
-let lastRenderReject: (() => void) | null;
-let webpackHMR: any;
-export let router: Router;
-let CachedApp: AppComponent, onPerfEntry: (metric: any) => void;
-
-export default function boot(EntryPointNamespace, loader) {
-  _boot(EntryPointNamespace).then(() => {}, false);
-}
-
-class Container extends React.Component<{
-  fn: (err: Error, info?: any) => void;
-}> {
-  componentDidCatch(componentErr: Error, info: any) {
-    this.props.fn(componentErr, info);
-  }
-
-  componentDidMount() {
-    this.scrollToHash();
-
-    // We need to replace the router state if:
-    // - the page was (auto) exported and has a query string or search (hash)
-    // - it was auto exported and is a dynamic route (to provide params)
-    // - if it is a client-side skeleton (fallback render)
-    if (
-      router.isSsr &&
-      // We don't update for 404 requests as this can modify
-      // the asPath unexpectedly e.g. adding basePath when
-      // it wasn't originally present
-      page !== "/404" &&
-      page !== "/_error" &&
-      (isFallback ||
-        (data.nextExport &&
-          (isDynamicRoute(router.pathname) ||
-            location.search ||
-            process.env.__NEXT_HAS_REWRITES)) ||
-        (hydrateProps &&
-          hydrateProps.__N_SSG &&
-          (location.search || process.env.__NEXT_HAS_REWRITES)))
-    ) {
-      // update query on mount for exported pages
-      router.replace(
-        router.pathname +
-          "?" +
-          String(
-            assign(
-              urlQueryToSearchParams(router.query),
-              new URLSearchParams(location.search)
-            )
-          ),
-        asPath,
-        {
-          // @ts-ignore
-          // WARNING: `_h` is an internal option for handing Next.js
-          // client-side hydration. Your app should _never_ use this property.
-          // It may change at any time without notice.
-          _h: 1,
-          // Fallback pages must trigger the data fetch, so the transition is
-          // not shallow.
-          // Other pages (strictly updating query) happens shallowly, as data
-          // requirements would already be present.
-          shallow: !isFallback,
-        }
-      );
-    }
-  }
-
-  componentDidUpdate() {
-    this.scrollToHash();
-  }
-
-  scrollToHash() {
-    let { hash } = location;
-    hash = hash && hash.substring(1);
-    if (!hash) return;
-
-    const el: HTMLElement | null = document.getElementById(hash);
-    if (!el) return;
-
-    // If we call scrollIntoView() in here without a setTimeout
-    // it won't scroll properly.
-    setTimeout(() => el.scrollIntoView(), 0);
-  }
-
-  render() {
-    return this.props.children;
-  }
-}
-
-let CachedComponent: React.ComponentType;
-
-const wrapApp =
-  (App: AppComponent) =>
-  (wrappedAppProps: Record<string, any>): JSX.Element => {
-    const appProps: AppProps = {
-      ...wrappedAppProps,
-      Component: CachedComponent,
-      err: hydrateErr,
-      router,
-    };
-    return (
-      <AppContainer>
-        <App {...appProps} />
-      </AppContainer>
-    );
-  };
-
-function AppContainer({
-  children,
-}: React.PropsWithChildren<{}>): React.ReactElement {
-  return (
-    <Container fn={(error) => <div>{JSON.stringify(error)}</div>}>
-      <RouterContext.Provider value={makePublicRouterInstance(router)}>
-        <HeadManagerContext.Provider value={headManager}>
-          {children}
-        </HeadManagerContext.Provider>
-      </RouterContext.Provider>
-    </Container>
-  );
-}
-
-export async function _boot(EntryPointNamespace, isError) {
-  NextRouteLoader.default.getClientBuildManifest = () => Promise.resolve({});
-
-  const PageComponent = EntryPointNamespace.default;
-
-  const appScripts = globalThis.__NEXT_DATA__.pages["/_app"];
-  if (appScripts && appScripts.length > 0) {
-    let appSrc;
-    for (let asset of appScripts) {
-      if (!asset.endsWith(".css")) {
-        appSrc = asset;
-        break;
-      }
-    }
-
-    if (appSrc) {
-      const AppModule = await import(appSrc);
-      console.assert(
-        AppModule.default,
-        appSrc + " must have a default export'd React component"
-      );
-
-      CachedApp = AppModule.default;
-    } else {
-      CachedApp = App;
-    }
-  }
-
-  router = createRouter(page, query, asPath, {
-    initialProps: hydrateProps,
-    pageLoader,
-    App: CachedApp,
-    Component: CachedComponent,
-    wrapApp,
-    err: null,
-    isFallback: Boolean(isFallback),
-    subscription: async (info, App, scroll) => {
-      return render(
-        Object.assign<
-          {},
-          Omit<RenderRouteInfo, "App" | "scroll">,
-          Pick<RenderRouteInfo, "App" | "scroll">
-        >({}, info, {
-          App,
-          scroll,
-        })
-      );
-    },
-    locale,
-    locales,
-    defaultLocale: "",
-    domainLocales,
-    isPreview,
-  });
-
-  globalThis.next.router = router;
-
-  if (isError) {
-    ReactDOM.render(
-      <TopLevelRender
-        App={CachedApp}
-        Component={PageComponent}
-        props={{ pageProps: hydrateProps }}
-      />,
-      document.querySelector("#__next")
-    );
-  } else {
-    ReactDOM.hydrate(
-      <TopLevelRender
-        App={CachedApp}
-        Component={PageComponent}
-        props={{ pageProps: hydrateProps }}
-      />,
-      document.querySelector("#__next")
-    );
-  }
-}
-
-function TopLevelRender({ App, Component, props, scroll }) {
-  return (
-    <AppContainer scroll={scroll}>
-      <App Component={Component} {...props}></App>
-    </AppContainer>
-  );
-}
-
-export function render(props) {
-  ReactDOM.render(
-    <TopLevelRender {...props} />,
-    document.querySelector("#__next")
-  );
-}
-
-export function renderError(e) {
-  ReactDOM.render(
-    <AppContainer>
-      <App Component={<div>UH OH!!!!</div>} pageProps={data.props}></App>
-    </AppContainer>,
-    document.querySelector("#__next")
-  );
-}
-
-globalThis.next = {
-  version: "11.1.0",
-  emitter,
-  render,
-  renderError,
-};

examples/hello-next/components/wow/such-path.ts

@@ -1 +0,0 @@
-export const yep = true;

examples/hello-next/package.json

@@ -1,25 +0,0 @@
-{
-  "name": "hello-next",
-  "version": "1.0.0",
-  "main": "index.js",
-  "license": "MIT",
-  "dependencies": {
-    "@jarred/react-static-tweets": "0.5.8",
-    "@jarred/static-tweets": "^0.5.8",
-    "date-fns": "^2.23.0",
-    "isomorphic-fetch": "^3.0.0",
-    "next": "^11.1.0",
-    "parcel": "2.0.0-rc.0",
-    "path-browserify": "^1.0.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-is": "^17.0.2",
-    "whatwg-url": "^9.1.0"
-  },
-  "devDependencies": {
-    "@babel/standalone": "^7.15.3",
-    "@types/react": "^17.0.19",
-    "bun-framework-next": "^0.0.0-18",
-    "typescript": "^4.3.5"
-  }
-}

examples/hello-next/pages/api/hello.tsx

@@ -1,5 +0,0 @@
-// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
-
-export default function handler(req, res) {
-  res.status(200).json({ name: 'John Doe' })
-}

examples/hello-next/pages/foo/bar/third.tsx

@@ -1,26 +0,0 @@
-import Link from "next/link";
-
-export default function Baz({}) {
-  return (
-    <div style={{ padding: 16 }}>
-      <h1>Third</h1>
-      <ul>
-        <li>
-          <Link href="/">
-            <a>Root page</a>
-          </Link>
-        </li>
-        <li>
-          <Link href="/second">
-            <a>Second page</a>
-          </Link>
-        </li>
-        <li>
-          <Link href="/posts/123">
-            <a>Post page 123</a>
-          </Link>
-        </li>
-      </ul>
-    </div>
-  );
-}

examples/hello-next/pages/index.tsx

@@ -1,105 +0,0 @@
-import Head from "next/head";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import React from "react";
-import {
-  Tweet,
-  TwitterContextProvider,
-} from "@jarred/react-static-tweets/src/index";
-import "@jarred/react-static-tweets/styles.css";
-import { fetchTweetAst } from "@jarred/static-tweets/src/fetchTweetAst";
-import { SWRConfig } from "swr";
-import styles from "../styles/Home.module.css";
-
-export async function getStaticProps(ctx) {
-  return {
-    props: {
-      tweetAst: await fetchTweetAst("1390084458724741121"),
-    },
-  };
-}
-
-export default function Home({ tweetAst }) {
-  return (
-    <SWRConfig value={{ fallback: { [tweetAst[0].data.id]: tweetAst } }}>
-      <TwitterContextProvider
-        value={{
-          tweetAstMap: { [tweetAst[0].data.id]: tweetAst },
-        }}
-      >
-        <div className={styles.container}>
-          <Head>
-            <title>Fo</title>
-            <meta name="description" content="Generated by create next app" />
-            <link rel="icon" href="/favicon.ico" />
-          </Head>
-
-          <main className={styles.main}>
-      
-            {/* <h1 className={styles.title}>
-              Welcome to <a href="https://nextjs.org">Next.js!</a>
-            </h1>
-
-            <p className={styles.description}>
-              Get started by editing{" "}
-              <code className={styles.code}>pages/index.js</code>
-            </p>
-
-            <div className={styles.grid}>
-              <Link href="/second">
-                <div className={styles.card}>
-                  <h2>Second Page &rarr;</h2>
-                  <p>Link</p>
-                </div>
-              </Link>
-
-              <a
-                onClick={() => router.push("/foo/bar/third")}
-                className={styles.card}
-              >
-                <h2>Third Page &rarr;</h2>
-                <p>button, router.push()</p>
-              </a>
-
-              <a
-                href="https://github.com/vercel/next.js/tree/master/examples"
-                className={styles.card}
-              >
-                <h2>Examples &rarr;</h2>
-                <p>Discover and deploy boilerplate example Next.js projects.</p>
-              </a>
-
-              <a
-                href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
-                className={styles.card}
-              >
-                <h2>Deploy &rarr;</h2>
-                <p>
-                  Instantly deploy your Next.js site to a public URL with
-                  Vercel.
-                </p>
-              </a>
-            </div> */}
-          </main>
-
-          {/* <footer className={styles.footer}>
-            <a
-              href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              Powered by{" "}
-              <span className={styles.logo}>
-                <img
-                  src="/vercel.svg"
-                  alt="Vercel Logo"
-                  width={72}
-                  height={16}
-                />
-              </span>
-            </a>
-          </footer> */}
-        </div>
-
-  );
-}

examples/hello-next/pages/posts/[id].tsx

@@ -1,19 +0,0 @@
-import { useRouter } from "next/router";
-import Link from "next/link";
-
-export default function Post({}) {
-  const router = useRouter();
-
-  return (
-    <div style={{ padding: 16 }}>
-      <h1>Post: {router.query.id}</h1>
-      <ul>
-        <li>
-          <Link href="/">
-            <a>Root page</a>
-          </Link>
-        </li>
-      </ul>
-    </div>
-  );
-}

examples/lotta-modules/index.js

@@ -1,11 +0,0 @@
-import "three/three1";
-import "three/three2";
-import "three/three3";
-import "three/three4";
-import "three/three5";
-import "three/three6";
-import "three/three7";
-import "three/three8";
-import "three/three9";
-import "three/three10";
-// import "@babel/standalone/babel";

examples/lotta-modules/package.json

@@ -1,11 +0,0 @@
-{
-  "name": "lotta-modules",
-  "version": "1.0.0",
-  "license": "MIT",
-  "dependencies": {
-    "@babel/standalone": "^7.15.3",
-    "lodash": "^4.17.21",
-    "three.js": "^0.77.1",
-    "underscore": "^1.13.1"
-  }
-}

examples/lotta-modules/public/index.html

@@ -1,6 +0,0 @@
-<html>
-  <head> </head>
-  <body>
-    <script src="/index.js"></script>
-  </body>
-</html>

examples/macros/components/covid19.tsx

@@ -0,0 +1,33 @@
+import { fetchCSV } from "macro:fetchCSV";
+
+export const Covid19 = () => {
+  const rows = fetchCSV(
+    "https://covid19.who.int/WHO-COVID-19-global-data.csv",
+    {
+      last: 100,
+      columns: ["New_cases", "Date_reported", "Country"],
+    }
+  );
+
+  return (
+    <div>
+      <h2>Covid-19</h2>
+      <h6>last {rows.length} updates from the WHO</h6>
+      <div className="Table">
+        <div className="Header">
+          <div className="Heading">New Cases</div>
+          <div className="Heading">Date</div>
+          <div className="Heading">Country</div>
+        </div>
+
+        {rows.map((row, index) => (
+          <div className="Row" key={index}>
+            <div className="Column">{row[0]}</div>
+            <div className="Column">{row[1]}</div>
+            <div className="Column">{row[2]}</div>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+};

examples/macros/components/example.jsx

@@ -0,0 +1,17 @@
+// source code
+import { matchInFile } from "macro:matchInFile";
+
+export const IPAddresses = () => (
+  <div>
+    <h2>recent ip addresses</h2>
+    <div className="Lines">
+      {matchInFile("access.log", /^(?:[0-9]{1,3}\.){3}[0-9]{1,3}/).map(
+        (ipAddress, index) => (
+          <div className="Line" key={index}>
+            {ipAddress}
+          </div>
+        )
+      )}
+    </div>
+  </div>
+);

examples/macros/components/index.tsx

@@ -0,0 +1,15 @@
+import * as ReactDOM from "react-dom";
+import * as React from "react";
+import { IPAddresses } from "./example";
+import { Covid19 } from "./covid19";
+
+const Start = function () {
+  const root = document.createElement("div");
+  document.body.appendChild(root);
+
+  // comment out to switch between examples
+  // ReactDOM.render(<IPAddresses />, root);
+  ReactDOM.render(<Covid19 />, root);
+};
+
+Start();

examples/macros/example.js

@@ -0,0 +1,4 @@
+// source code
+import { mysteryBox } from "macro:./mystery-box";
+
+export default "You roll! " + mysteryBox(123);

examples/macros/fetchCSV.tsx

@@ -0,0 +1,54 @@
+import Pappa from "papaparse";
+// Example usage:
+// const rows = fetchCSV(
+//   "https://covid19.who.int/WHO-COVID-19-global-data.csv",
+//   {
+//     last: 100,
+//     columns: ["New_cases", "Date_reported", "Country"],
+//   }
+// );
+export async function fetchCSV(callExpression) {
+  console.time("fetchCSV Total");
+  const [
+    urlNode,
+    {
+      properties: { last: limit = 10, columns = [] },
+    },
+  ] = callExpression.arguments;
+  const url = urlNode.get();
+
+  console.time("Fetch");
+  const response = await fetch(url);
+  const csvText = await response.text();
+  console.timeEnd("Fetch");
+
+  console.time("Parse");
+  let rows = Pappa.parse(csvText, { fastMode: true }).data;
+  console.timeEnd("Parse");
+
+  console.time("Render");
+  const columnIndices = new Array(columns.length);
+
+  for (let i = 0; i < columns.length; i++) {
+    columnIndices[i] = rows[0].indexOf(columns[i]);
+  }
+
+  rows = rows
+    .slice(Math.max(limit, rows.length) - limit)
+    .reverse()
+    .filter((columns) => columns.every(Boolean));
+  const value = (
+    <array>
+      {rows.map((columns) => (
+        <array>
+          {columnIndices.map((columnIndex) => (
+            <string value={columns[columnIndex]} />
+          ))}
+        </array>
+      ))}
+    </array>
+  );
+  console.timeEnd("Render");
+  console.timeEnd("fetchCSV Total");
+  return value;
+}

examples/macros/matchInFile.tsx

@@ -0,0 +1,23 @@
+// macro code
+export function matchInFile(callExpression: BunAST.CallExpression) {
+  const [filePathNode, matcherNode] = callExpression.arguments;
+  let filePath: string;
+  filePath = filePathNode.get();
+
+  let matcher: RegExp;
+  matcher = matcherNode.get();
+  const file: string = Bun.readFile(Bun.cwd + filePath);
+
+  return (
+    <array>
+      {file
+        .split("\n")
+        .map((line) => line.match(matcher))
+        .filter(Boolean)
+        .reverse()
+        .map((line) => (
+          <string value={line[0]} />
+        ))}
+    </array>
+  );
+}

examples/macros/now.tsx

@@ -0,0 +1,10 @@
+import moment from "moment";
+export function now(node) {
+  var fmt = "HH:mm:ss";
+  const args = node.arguments;
+  if (args[0] instanceof <string />) {
+    fmt = args[0].get();
+  }
+  const time = moment().format(fmt);
+  return <string value={time}></string>;
+}

examples/macros/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "macros",
+  "version": "1.0.0",
+  "main": "index.js",
+  "license": "MIT",
+  "dependencies": {
+    "moment": "^2.29.1",
+    "papaparse": "^5.3.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-refresh": "^0.10.0"
+  },
+  "devDependencies": {
+    "@types/react": "^17.0.24",
+    "@types/react-dom": "^17.0.9"
+  }
+}

examples/macros/public/index.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Macro test</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <link rel="stylesheet" href="/styles.css" type="text/css" />
+  </head>
+
+  <body>
+    <script async type="module" src="/components/index.tsx"></script>
+  </body>
+</html>

examples/macros/styles.css

@@ -0,0 +1,47 @@
+html {
+  font-size: 4rem;
+  margin: 0;
+  padding: 0;
+  background-color: black;
+
+  color: rgb(0, 255, 0);
+  font-family: "Courier";
+}
+
+body {
+  margin: 48px auto;
+  text-align: center;
+}
+
+.Line {
+  font-size: 0.5rem;
+  font-family: monospace;
+}
+
+.Table {
+  display: grid;
+  width: fit-content;
+}
+
+.Row,
+.Header {
+  display: grid;
+  grid-template-columns: 2fr 1fr 1fr;
+  text-align: right;
+
+  column-gap: 2rem;
+}
+
+.Heading {
+  text-align: right;
+}
+
+.Header {
+  border-bottom: 1px solid rgb(0, 255, 0);
+  margin-bottom: 20px;
+  padding-bottom: 20px;
+}
+
+.Heading:nth-of-type(2) {
+  text-align: left;
+}

examples/macros/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {},
+    "jsx": "preserve"
+  }
+}

examples/next/.gitignore

@@ -32,3 +32,11 @@ yarn-error.log*
 
 # vercel
 .vercel
+
+**/*.trace
+**/*.zip
+**/*.tar.gz
+**/*.tgz
+**/*.log
+package-lock.json
+**/*.bun

examples/next/.npmignore

@@ -0,0 +1,42 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel
+
+**/*.trace
+**/*.zip
+**/*.tar.gz
+**/*.tgz
+**/*.log
+package-lock.json
+**/*.bun

examples/next/gitignore

@@ -0,0 +1,42 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel
+
+**/*.trace
+**/*.zip
+**/*.tar.gz
+**/*.tgz
+**/*.log
+package-lock.json
+**/*.bun

examples/next/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@bun-examples/next",
+  "version": "0.0.35",
+  "main": "index.js",
+  "dependencies": {
+    "next": "11.1.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-is": "^17.0.2"
+  },
+  "devDependencies": {
+    "@types/react": "^17.0.19",
+    "bun-framework-next": "^0.0.0-21",
+    "typescript": "^4.3.5"
+  },
+  "bun-create": {
+    "postinstall": [
+      "bun bun --use next"
+    ]
+  }
+}

examples/next/pages/index.tsx

@@ -0,0 +1,35 @@
+import Head from "next/head";
+import Link from "next/link";
+import React from "react";
+import styles from "../styles/Home.module.css";
+
+export async function getStaticProps(ctx) {
+  return {
+    props: {},
+  };
+}
+
+export default function Home({}) {
+  return (
+    <div className={styles.container}>
+      <Head>
+        <title>Next.js</title>
+        <meta name="description" content="Generated by create next app" />
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+
+      <main className={styles.main}>
+        <h1 className={styles.title}>
+          Welcome to <a href="https://nextjs.org">Next.js!</a>
+        </h1>
+
+        <p className={styles.description}>
+          Get started by editing{" "}
+          <code className={styles.code}>pages/index.js</code>
+        </p>
+      </main>
+
+      <footer className={styles.footer}></footer>
+    </div>
+  );
+}

examples/next/styles/Home.module.css

@@ -1,6 +1,5 @@
-@import url("./2.css");
 .container {
-  min-height: 100vh;
+  min-height: 99vh;
   padding: 0 0.5rem;
   display: flex;
   flex-direction: column;
@@ -8,6 +7,7 @@
   align-items: center;
   height: 100vh;
 }
+
 .main {
   padding: 5rem 0;
   flex: 1;