[OSS101] Task 10: Finish the Repository Collection feature

[tyn1998]

Description

This task originates from #756 .

What is Repository Collection?

Last summer, during OSPP, HyperCRX pre-developed the Repository Collection feature. The purpose of Repo Collection is to allow users to integrate multiple projects together and provide overall insights through data visualization. This module is mainly divided into two parts: the Repo Collection management interface and the chart display interface. The framework and functionality of these two modules have already been set up. You can refer to the feat/repo-collection branch.

Repo Collection entrance (located in the Github repository):

Management interface：

Chart display：

Current Limitations

• Complete i18n: Currently, only Chinese is supported. We need to add corresponding English support.
• Resolve token issues: In the management interface, we need a search method to query specific repositories based on a token. However, personal tokens have limitations, so we need to figure out how to implement searching for specific repositories.
• Optimize styles: The left-side repository list in the collection panel is too narrow.
• Set correct data states and prompts when there is no data in the chart: Refer to this content for guidance.
• Add user prompts when a collection has no projects.
• Optimize the management interface: Prevent users from adding the same repository to a collection and from creating collections with the same name.
• Implement specific repository highlight and unhighlight: In the visualization display of the Repo Collection section, we want to achieve highlighting of a specific repository's chart by clicking on it.
• Adjust charts to adapt to browser window size changes.
• Optimize the style of SankeyChart.

Task Objectives

Improve current existing issues, enhance the functionality and user experience of the Repo Collection module, and provide better data visualization and management tools.

任务描述

这个任务源自于 #756 .

Repository Collection 是什么？

在去年暑假的 OSPP 上，HyperCRX 已经预开发了有关 Repository Collection 的功能。Repo Collection 的目的是能够让用户自定义将几个项目集成到一起，并用数据可视化的方式提供整体的洞察。这个模块主要分为 Repo Collection 管理界面和图表展示界面两个部分。两个模块的框架和功能已经搭建好了，参考 feat/repo-collection 分支。

Repo Collection 入口（位于Github仓库中）：

管理界面：

图表展示：

存在的问题

• i18n的完善：目前还是仅仅支持中文，希望能够有对应英文的支持
• 解决 token 问题：在管理界面，需要有可以查询特定仓库的搜索方式，这里选择了基于token的查询。但是由于个人token会受到限制，因此这个部分需要思考如何实现针对特定仓库的搜索。
• 优化样式：收藏面板主题左侧仓库列表过窄。
• 当图标没有数据时，设置正确的数据状态和提示：可以参考此处内容
• 当某个合集没有项目时，添加用户提示
• 优化管理界面：禁止用户添加相同仓库到一个合集中，禁止用户创建同名的合集。
• 实现仓库特定的强调显示和取消强调显示：在 Repo Collection 部分的可视化展示中，我们希望能够通过点击某个具体的仓库，实现它的图示的突出强调显示。
• 调整图表以适应浏览器窗口大小的变化
• 优化 SankeyChart 的样式

任务目标

改进当前存在的问题，增强 Repo Collection 模块的功能和用户体验，提供更好的数据可视化和管理工具。