01

戰隊簡介

大家好，我們是Hypercrx戰隊，非常榮幸獲得了首屆Microsoft Edge瀏覽器開拓者大賽的一等獎！我是隊長唐燁男（中），位于我左側的是寧志成，右側的是林以任，我們都來自華東師范大學數據科學與工程學院。我們的口號是：“熱愛數據，熱愛開源，追求效率！”

02

作品介紹

我們的插件作品是Hypercrx（發音為“Hai-puh CRX”）。在后疫情時代，線上協作在日常生產中發揮著越來越大的作用。開源作為線上協作的典范模式，其在軟件行業的地位也愈顯突出。對于GitHub上千千萬萬的開源項目，您還在通過Star數來判斷它們的發展情況嗎？快試試Hypercrx吧！

所有GitHub用戶都能試試我們的插件。Hypercrx基于X-lab開放實驗室提供的GitHub全域日志分析數據，實現了若干個交互式圖表組件并將它們嵌入到GitHub頁面中，使用戶足不出GitHub就能探索發現他們所關心的價值。

如下圖所示，Hypercrx目前主要在GitHub的兩個頁面插入了圖表組件：個人頁面和倉庫頁面。用戶在安裝插件后訪問相應頁面即可體驗我們的圖表組件。

在倉庫頁面，我們嵌入了項目協作網絡圖、項目開發者協作網絡圖、項目活躍度和影響力趨勢圖；在個人頁面，我們嵌入了開發者協作網絡圖、開發者活躍倉庫網絡圖、開發者活躍度和影響力趨勢圖。下面的動圖展示了這些圖表的交互性：

每個圖表的具體含義請見Hypercrx倉庫中的 README。

03

技術創新

Hypercrx在數據、呈現形式和開發流程上都有創新之處。

數據創新

Hypercrx的所有數據來自X-lab開放實驗室下的OpenDigger項目。指標體系是OpenDigger標簽類目清單中的重要組成部分，目前主要包括倉庫和開發者的活躍度、影響力、和價值網絡等，這些落地指標已經有多個應用場景。我們認為這些指標非常有價值，比單一的“以Star論英雄”好太多了，故Hypercrx依托OpenDigger的產出數據來構建應用。

呈現形式創新

Hypercrx借助Extension ContentScript的能力，直接在GitHub UI中嵌入所有的圖表組件，并且我們抽取了GitHub原生樣式，使Hypercrx與GitHub渾然一體。

此外，Hypercrx支持Dark和Light兩套主題，中文和英文兩種語言，這些設置默認跟隨系統，但也能在我們提供的Options Page中手動設置。我們還利用微軟Fluent UI的TeachingBubble控件對新用戶進行提示引導，使用戶能在最短的時間內上手使用。

開發流程創新

由于Hypercrx重度依賴ContentScript，而在開發中，ContentScript的更新必須手動重載插件后再重載頁面才能生效，耗時耗力。為了解決這個不便之處，我們基于DevServer熱更新的原理和插件通信API，使得Webpack每次成功增量編譯后，插件的Backgroud會收到DevServer的通知自動重載，并通知相關頁面重載，這大大優化了開發體驗。

我們還利用Edge Add-on的發布API，在GitHub倉庫中配置了一個Workflow，于是只要鼠標一點就能一鍵發布最新的版本到Edge商店等待審核，再也不用手動發布了！

可以看到，Hypercrx不僅對用戶友好，對開發者也很友好，我們有信心能長期維護此項目，讓它越來越好！

04

運營迭代

Hypercrx的運營迭代全部發生在GitHub上。如下圖所示，我們通過Issues來收集問題和需求，并將Issues放到合適的迭代計劃中。開發者通過寫代碼提PR來解決一個個Issues，一旦迭代計劃中的Issues都被解決，我們就可以發布新版本到商店。如此循環。

從9月21日起，Hypercrx社區還會在每周三中午進行公開的線上雙周例會，歡迎大家來參加！

05

參賽感想

瀏覽器是我們每天都離不開的工具，GitHub又是程序員經常訪問的平臺。瀏覽器插件具有打通GitHub UI和OpenDigger指標體系的潛力，使插件用戶在GitHub內就能享受一體化的社區數據洞察體驗，我們做到了！

感謝Microsoft Edge開拓者大賽組委會舉辦了這樣一場豐富多彩的賽事，給大家一個發揮想象力和行動力的舞臺！感謝孜孜不倦、熱情熱心的大賽小助手們，你們給了我有史以來最棒的參賽體驗！感謝Hypercrx社區所有的貢獻者，這份榮譽共屬于你們！

06

歡迎體驗

疫情改變了人們的生活，也讓大家更加注重生活方式。本次參賽創意踐行了大賽“賦能生產力提高”的理念，致力于幫助人們提高工作、學習的效率，優化日常生活體驗。Hypercrx目前已成功上架到Microsoft Edge 插件商店，歡迎大家在PC端安裝使用，并反饋你們的使用體驗。

安裝鏈接：https://microsoftedge.microsoft.com/addons/detail/hypercrx/lbbajaehiibofpconjgdjonmkidpcome??

07

關于X-lab

在Hypercrx戰隊中，唐燁男和寧志成是X-lab開放實驗室的正式成員。

X-lab開放實驗室定位為一個開源研究與創新的開放群體，是一群由來自國內外著名高校、創業公司、部分互聯網與IT企業的專家學者與工程師所構成，聚焦于開源軟件產業開放式創新的共同體。專業背景包括計算機科學、軟件工程、數據科學、工商管理學、社會學、經濟學等跨學科領域，長期思考并實踐開源戰略、開源測量學、開源數字生態系統等主題。目前已在包括開源治理標準制定、開源社區行為度量與分析、開源社區流程自動化、開源全域數據治理與洞察等方面做出了較有影響力的工作。

X-lab開放實驗室在GitHub平臺上全面開展他們的工作，歡迎大家關注和參與：https://github.com/X-lab2017！

X-lab

掃碼關注

?X-lab開放實驗室

往期推薦

01

構建開源領域的數據生態：OpenDigger 在木蘭社區的前行之路

02

開源點亮未來2.0——開放協作的世界里，每一份貢獻都值得回報

03

官宣！2021中國開源年報震撼首發！