Hypercrx：开源项目不只有Star

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中国开源年报震撼首发！