跳到主要內容

Discuss Kit:強化文件功能與效能表現

wangshijun
ArcBlockDiscussKitProduct Release

ArcBlock 最新發布的 Discuss Kit 推出了一系列全面性的增強功能,旨在提升使用者體驗、編輯器能力以及平台效能。此次更新包含:支援自定義 slug 以實現更好的網址管理、大幅改進程式碼區塊編輯與圖片對齊功能,並重新支援具備最佳化快取機制的 PWA。此外,本次更新還修復了眾多錯誤並進行效能最佳化,包括將技術棧重大升級至 React 19、Vite 7 與 MUI 7。這些改進共同提升了平台的可靠性、易用性,並為社群建立者與內容創作者帶來更強大的效能。

提升使用者體驗

1. 討論貼文支援自定義 Slug

此版本為討論貼文帶來了自定義 slug 支援,讓使用者能夠建立具描述性且 SEO 友善的 URL。使用者現在可以定義準確反映討論內容的網址別名,使其更容易分享、導覽,並提高搜尋引擎的能見度。

Screenshot: feat(discussion): support custom slug

改進具備衝突解決機制的貼文編輯

貼文編輯現在具備更強大的衝突處理功能,包括支援強制覆蓋。當多個使用者同時編輯同一內容時,這能簡化協作流程,減少挫折感並提升團隊效率。

Screenshot: feat: allow copying conflict content directly from conflict-alert

貼文支援自動翻譯

Post Component 現在提供自動翻譯功能,能夠自動翻譯內容,消除全球社群中的語言隔閡。這項功能促進了不同使用者群體之間的包容性與參與度。

ArcSphere 專屬搜尋頁面

新推出的 ArcSphere 專屬搜尋頁面為使用者在 ArcSphere 環境中提供了簡化且精確的搜尋體驗,強化了內容探索與導覽。

編輯器與文件功能增強

強化程式碼區塊體驗

程式碼編輯體驗得到了顯著提升,包括升級的樣式、進階語法高亮以及便利的一鍵複製按鈕。程式碼區塊現在會顯示行號並支援深色模式,讓開發者更輕鬆地分享與協作以程式碼為中心的內容。

Screenshot: feat(editor): improve code block styling/highlighting & add copy button

Screenshot: feat(editor): improve code block styling/highlighting & add copy button

增強編輯器功能

編輯器現在擁有更好的樣式與升級的功能。結合改良的編輯器樣式,這些更新提供了更直覺且視覺美觀的內容創作體驗。

文件全寬模式

文件頁面現在支援全寬模式,為內容創作者提供更具沉浸感的閱讀體驗。此功能非常適合在不受干擾的情況下呈現密集的資訊。

Screenshot: feat(doc): support full-width mode & improve styling on doc page

強化文件組件

SubpageListing Component 已獲得增強,且文件表格現在具備更好的響應式設計。這些改進共同使文件導覽更輕鬆,並在各種裝置上都能獲得良好的存取體驗。

Screenshot: feat(doc): support full-width mode & improve styling on doc page

效能與可靠性改進

重新啟用具備最佳化快取的 PWA 支援

Progressive Web App (PWA) 支援已回歸,並採用了更有效的快取策略。因此,使用者在透過支援的瀏覽器存取 Discuss Kit 時,可以享受更快的載入速度與更流暢、如同原生應用程式般的體驗。

可配置的 Meilisearch 索引

使用者現在可以配置 Meilisearch 索引的批次大小,提升處理大量內容時的效能。這種靈活性確保了搜尋功能在任何規模下都能保持即時反應且高效。

重大技術棧升級

平台的核心技術棧已升級至 React 19、Vite 7 與 MUI 7,並針對 Bundle 大小進行最佳化以獲得更好的效能。此次升級讓系統能夠利用這些框架的最新特性與效能改進。

錯誤修復與穩定性提升

編輯器與內容管理

  • 修復 Safari 瀏覽器在帶有嵌入 iframe 的討論頁面上,點擊返回按鈕的問題。
  • 解決圖片標記(marker)渲染問題與不正確的 URL 請求。
  • 修復編輯器中的圖片對齊功能。
  • 修復 Markdown 換行符號的保留問題。
  • 使用 Suspense 封裝以增強 Lottie 動畫的載入。

使用者體驗與介面

  • 防止同一檔案重複處理上傳成功的回呼。
  • 修復因無效日期解析導致的個人檔案頁面當機。
  • 改進分頁查詢參數的驗證。
  • 增強意見回饋入口功能,支援情境參數。
  • 在建立文件集合前清理 Meilisearch 索引,以避免查詢結果中出現重複資料。

系統可靠性

  • 改進翻譯代理(Translation Agent)調用的錯誤處理。
  • 為 AI Kit 狀態檢查加入適當的錯誤處理。
  • 透過版本追蹤增強貼文編輯中的衝突解決機制。
  • 使用 Suspense 封裝編輯器,防止重新渲染期間的內容遺失。

效能最佳化

  • 透過移除 react-flip-toolkit 依賴項來重構聊天功能。
  • 移除 StickyNode 與 EmojiPickerPlugin 以獲得更好效能。
  • 停用 EmojisPlugin 以提升編輯器效能。

下一步計劃

Discuss Kit 團隊致力於持續改進與創新。未來的更新將專注於進一步增強編輯體驗、擴展整合能力,並實施更多的效能最佳化。使用者的回饋將持續引導新功能與改進的方向。

相關資源

如需更多關於 Discuss Kit 及其功能的資訊,請參考以下資源:

此版本的發布代表了 Discuss Kit 在穩健性、易用性與效能方面邁出了重要一步,為社群建立者提供了打造具參與感且易於存取的線上社群所需之工具。

本頁涉及

產品

  • DiscussKit improving

    用於文件、討論和動態的應用。DiscussKit 正在作為獨立產品持續改進,部分能力也已納入 ARC。