镜子

这个房间把镜子照向网站本身。这不是比喻,而是构建这个页面(也就是你现在正在读的这个页面)时实际测得的数字,以及一份关于本站与谁通信、花费多少的坦率说明。

它的构建方式

React 18、TypeScript、Vite。手写代码,没有建站工具,没有模板。
Tailwind 负责样式,`motion` 负责悬停展开导航和书本扇形英雄区,没有使用其他动画库。
three.js 加上 @react-three/fiber 和 @react-three/drei,仅在一个房间(Brain)中使用。War Room 自己的星座图是纯 SVG,不是 3D,这是在渲染 232 个智能体时刻意做出的性能权衡。
@noble/ed25519 和 @noble/hashes 用于 Heartbeat、Sketch、Verifier 和 Tre 中按访问生成的临时签名密钥。
字体(Inter、Newsreader、IBM Plex Mono)均为自托管,按文字系统做了子集化。没有使用 Google Fonts 或任何其他第三方字体请求。

它与什么通信

api.drand.sh,League of Entropy 的公共随机信标。无需密钥,仅读取。
api.open-meteo.com,用于页脚和 Tre 房间中奥斯陆与巴厘岛的实时气温。无需密钥,仅读取。
此外没有别的。没有分析工具,没有跟踪像素,没有广告网络,没有 Cookie 横幅,因为根本没有 Cookie 需要管理。写这句话之前,已在整个源码树中检索过常见的相关名称,而不是凭假设。

它是如何渲染的

每一个庄园页面和每一个房间都会按路由、按语言预渲染为真正的静态 HTML,早于任何爬虫或慢速连接执行哪怕一行 JavaScript。之后交互层在其下方原样启动,供浏览器能够运行它的访客使用。

每个房间的体积

经过 Gzip 压缩的 JavaScript,是每个房间自己的代码分割块。访客只需支付一次庄园外壳的加载成本,之后只为他们实际打开的房间付费,遵循 CONSTELLATION-SCAFFOLD 的代码分割规则。

Estate shell (every page pays this once)108.99 kB

Heartbeat2.42 kB

Tre3.06 kB

Gravity4.39 kB

Appendix3.23 kB

Sketch3.82 kB

Verifier5.94 kB

War Room5.74 kB

Brain232.68 kB

three.js/R3F, by far the heaviest room. Only paid by a visitor who actually opens /brain, never by anyone else.

数据取自最近一次涉及该房间的构建，并非实时获取。

它的成本

目前是零成本,因为它还没有上线。这是一个预发布仓库(buge4/bjornvhauge-com),不是一个域名。等它真正上线后,诚实的预测是日常运行成本为 0 美元:CDN 上的静态文件,没有服务器进程,没有数据库,上述技术栈中没有任何付费 API 密钥。如果情况有变,这个房间会随之更新,而不是相反。