網路黑手的呢喃 #50 | 網路黑手的呢喃

Bun 第三季目標（好像有好玩的要來了）、State of JS 2023 跟一些近期更新、瀏覽器戰場又出現新玩家了？開源界從不缺少 Drama、AI 裝置仍舊夯、被 Bartender 嚇到的可以考慮下 Ice

還有，上週末的鬼殺隊以及東京巨蛋的邦妮子，都是幸福的吧 😁

Web 生態圈例行更新

Bun Q3 roadmap

看到 Bun 那位都不睡覺的專案領導人又公布了下一季的專案目標 🤣 ⬇️

src: https://x.com/jarredsumner/status/1807731197046653438

Kit 可能是類似 deno compile 的存在，然後 Text lockfile 目前不確定是什麼功能 🤔，然後除了一貫的效能優化之外，Node.js 的相容看起來也是 Bun 現階段注重的工作項目之一。

剛釋出的 State of JavaScript 2023，裡面看到 Bun 已經是僅次於 Node.js 的存在了（Deno 哭哭 😅），看起來它的確吸引了不少 JS developer 的喜愛，不知道再過幾年之後，市占又會有什麼變化。

說到每年的問卷 State of JavaScript 剛發出的 2023 統計結果（都已經年中了才放去年的資料，會不會太多了），其實最近感覺對 JS 生態越來越無感了，今年也的確沒什麼很讓人印象深刻的東西，不過各痛點真的看了之後，應該是眾 JS 開發者都會苦笑的點 😂

src: https://2023.stateofjs.com/en-US/libraries/front-end-frameworks/#front_end_frameworks_pain_points

src: https://2023.stateofjs.com/en-US/features/#language_pain_points

還有永遠都是那幾項的 missing features 😓

src: https://2023.stateofjs.com/en-US/usage/#top_currently_missing_from_js

拉拉雜雜的一堆更新

More Set methods

Collection 類型一直是很便於開發的結構，之前也提過 ECMAScript 提案最近也出現不少類似的 helper 功能，這邊是針對 Set 近期各瀏覽器都已經支援的，針對多個 Set 之間互動行為的一些語法糖。 👍

不過老實說，ECMAScript 不知道什麼時候才能考慮像其他 runtime 一樣推一個 std，這樣使用上不是能更簡潔方便嗎？😓

New JavaScript Set methods | MDN Blog

New JavaScript Set methods are landing across browsers. Learn about sets, how you can use these methods to compare different sets, create new sets with specific properties, and more.

https://developer.mozilla.org/en-US/blog/javascript-set-methods/

TypeScript 5.5

TS 5.5 問世！

雖然 JS 世界很糟糕，但是加上型別之後會好一點嗎？（並不會 😂）

雖然 TS 一直是很爭議的存在（愛的很愛，討厭的很討厭，像極了 DPP #誤），不過隨著持續的更新，還是有越來越方便的東西出現，譬如：

5.5 增強的型別推論，終於可以讓陣列裡的資料也能正確被解析。

上面提及的 Set methods（沒想到居然到 5.5 才加上）

Announcing TypeScript 5.5 - TypeScript

Today we’re excited to announce the release of TypeScript 5.5! If you’re not familiar with TypeScript, it’s a language that builds on top of JavaScript by making it possible to declare and describe types. Writing types in our code allows us to explain intent and have other tools check our code to catch mistakes like typos,

https://devblogs.microsoft.com/typescript/announcing-typescript-5-5/

ECMAScript 2024

每年一版的 ECMAScript 2024 版本也出來了，當然已經有人幫忙整理好了，可以快速看一下下篇這份統整的文章，看看又多了哪些新工具即將可以使用 😃

Atomics 似乎是個有趣的東西，應該來啃一下文件。

Ecma International approves ECMAScript 2024: What’s new?

On 26 June 2024, the 127th Ecma General Assembly approved the ECMAScript 2024 language specification, which means that it’s officially a standard now. This blog post explains what’s new.

https://2ality.com/2024/06/ecmascript-2024.html

希望 JS 開發可以越來越簡化

最近留意到一篇推文就想起這個名為 Biome 的專案，或許有人還不知道，它就是之前 Rome 這個專案分支出來的，而且 Rome 一開始的作者之一就是 Babeljs 的作者啦（對考古有興趣的朋友們，可以跳轉這邊 😄）。

雖然知道脈絡對本文沒什麼關係 😅

One toolchain for your web project Format, lint, and more in a fraction of a second. — https://biomejs.dev/

從官網標題就不難看出（其實如果妳玩過 Rome 應該早就知道了），它的目標就是一個 JS 工具鏈，而目前它可以提供的就是 format & lint 這兩個 JS 常見的行為，當然就是對標下方截圖提到的 eslint & prettier（或其他類似的工具）。

雖然對 JS 老是作一樣的事覺得很心累，不過這次看了有心動還是因為起碼它做到了簡化（~~因為它是 rust 改寫的~~），我也真心希望 JS 生態能朝向這個方向走去，不然一個專案都還沒開始就要裝一堆有的沒的，一點都不開發者友善。

*當然根據生態慣例，還有另一個類似的專案 - oxc 😅。

src: https://x.com/jonathan_wilke/status/1805846786164015301

開源世界真有趣

這次新瀏覽器新玩家不太一樣呢 🤩

看到 Github 前創辦人就知道有戲 🤣

雖然 Web 不算是目前的顯學，不過還是很多創新跟有趣的東西都是在其上發展的，然後瀏覽器的發展當然在其中佔了很重要的地位。雖然目前檯面上的瀏覽器相當多，不過很多都是基於 Chrome 背後的開源專案 - Chromium，真的能算上不同陣營的大概只剩 Firefox 以及 iOS 陣營的 Webkit 了吧？

src: https://x.com/defunkt/status/1807779408092234134

然後 Chris Wanstrath 就跟 SerenityOS 的作者 Andreas Kling 就一起宣布了這個名為 Ladybird 的新瀏覽器專案的消息（它的確也是從 SerenityOS 專案裡面的 HTML 瀏覽器分支出來起手開發），目前應該還在初期的開發階段，預計是 2026 才能看到雛形（但 2 年的時間真的有點久阿，不知道這個專案能不能支撐這麼久 😅）。

Why we need Ladybird - Chris Wanstrath

The web is one of the most important inventions of the modern era, fueling the growth of the internet and changing the way many of us live, work, learn, and play...

https://ladybird.org/why-ladybird.html

JS 總是充滿許多的 drama 😅

追開源圈除了經常出現許多有趣的東西之外，八卦也是沒在少的，真的是給眾開發者帶來許多樂趣 #大誤 🤣。

我沒有要站隊的意思，所以興趣的話可以去看這串討論串 ⬇️

maximize back compat

大略提一下就是有個下載數頗高的套件 - axobject-query，最近變更了它的依賴，然後也就是這個 RP 的內容導致後續的炎上：

有些開發者質疑為什麼要改動 dequal 換成 deep-equal-json，然後這個套件就是 RP 的開發者 ljharb（Node.js 的開發者應該都看這個帳號的 ID，算是非常有名的一位開源貢獻者）。

後續有其他開發者提及了 tidelift 會針對加入它們的開源專案，有一定比例的拆帳機制（也就是說下載量越高，分到的金額就可能越多）

根據 ljharb 提供的資料，tidelift 給予的金額其實很少，而且並不是主因，他變更的原因是為了針對 0.4 版本的相容，才抽換成自己維護的套件。

這邊是我稍微追一下內容之後理解的部分，當然還有很多的討論（也不要只看我的片面之詞），大家可能都有不同的想法。其實我一開始也覺得是不是作者別有用心，才特別提出這個變更的，而且針對已經是數年前的 0.4，還需要支援，似乎也有點小題大做。

不過後來看了其他開發者陸續有發表各自的看法，覺得或許是自己想得太狹隘了點，對於 Node.js 生態有開發者願意作這麼大的努力，就為了達到向下相容，這不是 JS 這個生態一直很缺乏的一點嗎？

src: https://x.com/mitsuhiko/status/1805478152539386095

當然，每個人都有他自己的觀點，你也可以不認同，不過覺得針對願意花大量時間在開源專案的開發者，我自己還是更願意多一些體諒跟相信。

Ice - Bartender 的開源替替代品

前陣子，Mac 上算小有名氣的自訂選單功能的 app - Bartender 因為出了一些事，所以不少原本的使用者決定離開找尋其他適合的替代品。後來不少人都發現了有個叫 Ice 的開源專案有著很類似的功能。

不過應該不少使用者是因為為了解決 Macbook 那精美的瀏海，所以才用了 Bartender（起碼我是這樣啦 😅），因為它可以把延伸的選單變成另一個獨立選單，所以就不會被瀏海擋到，不過 Ice 一開始的版本並還沒支援這個功能。

[Feature Request] notch macbook support.

後來因為大量用戶湧入，開發者加快原本開發的腳步，真的在很短的時間內就實作並提供測試版本，在目前我自己測試的 0.10 beta5 就幾乎可以正常使用了。

所以在開心之餘也發了下面這則 skeet，開源開發者真的很需要使用者的贊助，要維護一個專案是很辛苦也很不容易的事。🙌

dotenv 新版本 - dotenvx

前陣子看到 dotenv 的作者寫了一篇文章，順便介紹了他的最新作品 - dotenvx。

看這個名稱應該就可以猜到它跟原本的 dotenv 應該很類似。沒錯，它主要是解決之前的幾個痛點，譬如跨平台的問題、多環境、以及不小心洩漏私密資料。其中針對 env 內容加密的作法算是蠻有意思的作法，它採用了跟 BitCoin 一樣的加密方法 - secp256k1。

詳細可以瀏覽下作者的原文，裡面有很詳細的說明以及範例。

From dotenv to dotenvx: Next Generation Config Management

A leap forward in configuration management for dotenv

https://dotenvx.com/blog/2024/06/24/dotenvx-next-generation-config-management.html

引領風潮的 ML

LangChain 發布自家的雲端服務 - LangGraph Cloud

身為 AI 開發的知名框架，LangChain 的腳步也沒有停下來的意思，圍繞著 LangChain 陸續推出了用於測試與除錯的工具 - LangSmith，以及更高層級，用於組合與協作多個不同的 Chain、Agent 的 LangGraph，然後前陣子官方也宣布推出自家的服務 - LangGraph Cloud，想當然爾，就是拿來佈署 LangGraph（覺得這好像跟 AWS 家的 SegeMaker Studio 有點像 🤔）

Announcing LangGraph v0.1 & LangGraph Cloud: Running agents at scale, reliably

Our new infrastructure for running agents at scale, LangGraph Cloud, is available in beta. We also have a new stable release of LangGraph.

https://blog.langchain.dev/langgraph-cloud/

LangChain 官方的 YouTube 頻道上也有很多相關的教學與範例，如果想了解 LangGraph Cloud 的功能與特性，對於我們開發、管理 LLMs app 有什麼幫助，可以參考下面這個範例說明：

前仆後繼的 AI 裝置

雖然之前的 Rabbit R1 以及 AI Pin 都已經氣數已盡，不過想搭上 AI 這班車的創業家還是不會輕易被嚇跑的，尤其是目前硬體還在摸索的階段，大家都在嘗試什麼是有可能成功的形式。

最近又出現這個名為 Friend 的佩戴裝置：

目前看介紹跟展示影片，很像是 Rewind 以及之前 MS 爭議很大的 Recall，但是不同於以上都是針對電腦的桌面記錄，Friend 則是針對我們日常生活的所有「說話」記錄。看起來像項鍊一樣的外型，其實就是一個隨時錄音的裝置，搭配上 app 的 AI，隨時把你的說話記錄，轉換文字之後順便概括提供重點給你。

Friend: Open Source AI Wearable Recording Device

Wear It, Record Your Conversations, Get Helpful Summaries and Advice. Customize the AI wearable for any use case you want