下一代工具鏈「GitHub 熱點速覽 v.22.43」

語言: CN / TW / HK

作為一個前端工程師,你這周被下一代的前端工具鏈 Turbo 刷屏了嗎?不只是 Turbo 這個小工具,作為一個社群生產力工具,本週思否還開源了他們的問答系統 answer,能直接用上相關的技術標籤也省了一份運營力。

CLI 測試、協助記錄工具 vhs 或許會成為下一代的 CLI 演示工具,以及直接依託於 Next.js 的靜態內容管理工具 outstatic 兼顧顏值和易用。輕量級的文字檢索引擎 sonic 也有成為下一代搜尋引擎的潛質。

以下內容摘錄自微博@HelloGitHub 的 GitHub Trending 及 Hacker News 熱帖(簡稱 HN 熱帖),選項標準:新發布 | 實用 | 有趣,根據專案 release 時間分類,釋出時間不超過 14 day 的專案會標註 New,無該標誌則說明專案 release 超過半月。由於本文篇幅有限,還有部分專案未能在本文展示,望周知 🌝

  • 本文目錄
    • 1. 本週特推
      • 1.1 CLI 記錄儀:vhs
      • 1.2 問答社群:answer
    • 2. GitHub Trending 周榜
      • 2.1 文字使用者介面:textual
      • 2.2 入侵檢測工具包:osquery-defense-kit
      • 2.3 內容管理系統:outstatic
      • 2.4 搜尋後端:sonic
      • 2.5 前端工具鏈:turbo
    • 3. 往期回顧

1. 本週特推

1.1 CLI 記錄儀:vhs

主語言:Golang

New 一個集測試和演示 CLI 於一身的影片記錄儀,它會根據你的指令生成相關的操作影片。比如通過下列程式碼

```Golang

Where should we write the GIF?

Output demo.gif

Set up a 1200x600 terminal with 46px font.

Set FontSize 46 Set Width 1200 Set Height 600

Type a command in the terminal.

Type "echo 'Welcome to VHS!'"

Pause for dramatic effect...

Sleep 500ms

Run the command by pressing enter.

Enter

Admire the output for a bit.

Sleep 5s ```

再搭配 vhs 的指令就能得到一個 gif 圖片(如圖1)。最後提一嘴,使用 vhs 需要安裝 ttyd(可將終端展示在瀏覽器上) 和 ffmpeg(音影片記錄、轉換工具)。

GitHub 地址→https://github.com/charmbracelet/vhs

1.2 問答社群:answer

主語言:Golang、TypeScript

New 國內知名技術平臺思否開源的問答社群,可用來快速搭建你自己的線上社群。值得提一嘴的是,answer 搭配了思否經過多年運營驗證過的使用者徽章體系(即將上線)以及技術標籤系統。此外,除了網頁端 answer 適配了移動端。如果你想要搭建一個產品論壇,不妨試試 answer。

GitHub 地址→https://github.com/answerdev/answer

2. GitHub Trending 周榜

2.1 文字使用者介面:textual

本週 star 增長數:1,350+主語言:Python

Textual 是終端美化工具 Rich 團隊開源的新 Python 框架,可用來建立在終端執行的互動式應用程式。由於它藉助 Rich 來展示文字,只要 Rich 可以呈現的內容在 Textual 中都支援。

GitHub 地址→https://github.com/Textualize/textual

2.2 入侵檢測工具包:osquery-defense-kit

本週 star 增長數:150+主語言:Makefile

New osquery 是 Facebook 開源基於 SQL 的作業系統檢測和監控框架,可基於 SQL 的查詢來查詢系統資料,比如正在執行的程序、開啟的網路連線…而 osquery-defense-kit 則是為 osquery 準備的可用於生成環境的監測和響應查詢語句。

GitHub 地址→https://github.com/chainguard-dev/osquery-defense-kit

2.3 內容管理系統:outstatic

本週 star 增長數:750+主語言:TypeScript

基於 Next.js 的靜態 CMS(內容管理系統),你不需要額外的資料庫、服務。主要特性:

  • 📝 功能齊全的儀表盤
  • 🚀 快速且易裝
  • 💾 無需資料庫
  • 🏠 免託管

GitHub 地址→https://github.com/avitorio/outstatic

2.4 搜尋後端:sonic

本週 star 增長數:1,450+主語言:Rust

快速、輕量級、schema-less 的搜尋後端,某些場景下它可以作為全文索引 Elasticsearch 替代品。特性:

  • 檢索詞以 bucket 方式組織並以 collection 形式儲存;
  • 搜尋結果返回物件識別符號;
  • 糾正檢索錯別字;
  • 自動補全;
  • 支援 80+ 多種語言;

GitHub 地址→https://github.com/valeriansaliou/sonic

2.5 前端工具鏈:turbo

本週 star 增長數:6,500+主語言:Rust

New 前端工程師的下一代工具鏈,主要由三部分組成:

  1. Webpack 繼承者:增量捆綁器——Turbopack;
  2. 增量構建系統——Turborepo;
  3. 低階的增量計算和記憶引擎——Turbo 引擎;

GitHub 地址→https://github.com/vercel/turbo

3. 往期回顧

往期回顧:

以上為 2022 年第 43 個工作周的 GitHub Trending 🎉如果你 Pick 其他好玩、實用的 GitHub 專案,記得來 HelloGitHub issue 區和我們分享下喲 🌝