add graph in dependencies page and version selector by martinwq997 · Pull Request #1357 · gitmono-dev/mega

martinwq997 · 2025-08-19T10:03:43Z

No description provided.

change package.json

vercel · 2025-08-19T10:03:49Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
mega	Ready	Preview	Comment	Aug 21, 2025 9:33am

benjamin-747 · 2025-08-21T03:42:08Z

    "d3-selection": "catalog:",
    "d3-zoom": "catalog:",
-    "date-fns": "catalog:",
+    "date-fns": "^4.1.0",


需要改成"date-fns": "catalog:"

benjamin-747 · 2025-08-21T03:42:23Z

    "metascraper-url": "catalog:",
    "metascraper-video": "catalog:",
    "metascraper-youtube": "catalog:",
-    "next": "catalog:",


需要改成"next": "catalog:",

benjamin-747 · 2025-08-21T03:42:44Z

    "remeda": "catalog:",
    "slugify": "catalog:",
    "styled-components": "catalog:",
+    "styled-jsx": "^5.1.7",


需要改成catalog 形式

benjamin-747 · 2025-08-21T03:44:36Z

    }
+  },
+  "dependencies": {
+    "merge-stream": "^2.0.0",


请在pnpm-workspace 添加依赖

benjamin-747

请按照要求修改

benjamin-747 · 2025-08-21T03:46:04Z

不要修改不相关的文件

benjamin-747 · 2025-08-21T03:46:11Z

不要修改不相关的文件

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> Signed-off-by: mapan-nju <2246839805@qq.com>

Copilot

Pull Request Overview

This PR adds a graph visualization for dependency data and implements an interactive version selector component. The changes enable users to view dependency relationships in both table and graph formats while providing the ability to switch between different package versions.

Adds D3.js dependencies for graph visualization
Implements a dependencies graph page with interactive D3 visualization
Creates a reusable version selector dropdown component with version switching functionality

Reviewed Changes

Copilot reviewed 11 out of 14 changed files in this pull request and generated 7 comments.

Show a summary per file

File	Description
moon/pnpm-workspace.yaml	Adds D3.js and related type definitions to the package catalog
moon/apps/web/package.json	Includes new dependencies in the web app package
moon/apps/web/pages/[org]/rust/rust-ecosystem/crate-info/[crateName]/layout.tsx	Integrates version selector dropdown with state management and URL updates
moon/apps/web/pages/[org]/rust/rust-ecosystem/crate-info/[crateName]/dependencies/index.tsx	Updates dependencies page to navigate to graph view and removes local view mode state
moon/apps/web/pages/[org]/rust/rust-ecosystem/crate-info/[crateName]/dependencies/graph/index.tsx	New graph visualization page using D3.js for dependency relationships
moon/apps/web/components/Rust/VersionSelector/VersionSelectorDropdown.tsx	Reusable dropdown component for version selection
moon/apps/web/components/Rust/Graph/DependencyGraph.tsx	D3.js-based interactive graph component for visualizing dependencies

Files not reviewed (1)

moon/pnpm-lock.yaml: Language not supported

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

Copilot · 2025-08-21T10:42:34Z

        [params?.nsfront, router.query.org]
    );

+    // 版本选择相关状态


[nitpick] Comment is in Chinese. Consider using English for consistency with the rest of the codebase.

Suggested change

// 版本选择相关状态

// Version selection related state

Copilot · 2025-08-21T10:42:35Z

        router.push(href, undefined, { shallow: true });
    }, [router]);

+    // 版本选择处理函数


[nitpick] Comment is in Chinese. Consider using English for consistency with the rest of the codebase.

Suggested change

// 版本选择处理函数

// Handler for version selection

Copilot · 2025-08-21T10:42:36Z

+    // 版本选择处理函数
+    const handleVersionSelect = useCallback((newVersion: string) => {
+        setSelectedVersion(newVersion);
+        // 更新URL中的版本参数


[nitpick] Comment is in Chinese. Consider using English for consistency with the rest of the codebase.

Suggested change

// 更新URL中的版本参数

// Update the version parameter in the URL

Copilot · 2025-08-21T10:42:37Z

+
+    // 从查询参数或URL参数中获取crate信息
+    const crateName = (router.query.crateName as string) || params?.crateName as string || "tokio";
+    // const version = (router.query.version as string) || params?.version as string || "1.2.01";


Remove commented-out code. If the version variable is not needed, delete this line entirely.

Suggested change

// const version = (router.query.version as string) || params?.version as string || "1.2.01";

Copilot · 2025-08-21T10:42:37Z

+import React, { useEffect, useRef, useState } from 'react';
+import * as d3 from 'd3';
+// import { useParams } from "next/navigation";
+


Remove commented-out import. If useParams is not needed, delete this line entirely.

Suggested change

Copilot · 2025-08-21T10:42:37Z

+        // 使用本地模拟数据替代 API 调用
+        const mockData = generateMockDependencyData();
+
+        // console.log('Mock data for graph:', mockData);


Remove commented-out console.log statement. Debug code should not be included in production.

Suggested change

// console.log('Mock data for graph:', mockData);

Copilot · 2025-08-21T10:42:37Z

+                 <div className="border-t pt-3 mt-3">
+           <button
+             onClick={() => {
+              //  console.log('View all versions');


Remove commented-out console.log statement. Debug code should not be included in production.

Suggested change

// console.log('View all versions');

* add graph in dependencies page and version selector * change package.json file * debug--build * Update moon/apps/web/package.json Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> Signed-off-by: mapan-nju <2246839805@qq.com> * reload pnpm-lock * change pnpm-lock.yaml --------- Signed-off-by: mapan-nju <2246839805@qq.com> Co-authored-by: Quanyi Ma <eli@patch.sh> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

martinwq997 and others added 4 commits August 18, 2025 23:16

add graph in dependencies page and version selector

2cd0458

Merge branch 'main' into main

14fe47b

change package.json file

107f652

Merge branch 'main' of github.com:martinwq997/mega

920b9a1

change package.json

vercel Bot deployed to Preview August 19, 2025 10:04 View deployment

genedna requested review from benjamin-747 and Copilot August 20, 2025 05:56

This comment was marked as outdated.

Sign in to view

Merge branch 'web3infra-foundation:main' into main

23b7516

vercel Bot deployed to Preview August 20, 2025 06:26 View deployment

debug--build

c674e52

vercel Bot deployed to Preview August 20, 2025 17:31 View deployment

genedna requested a review from Copilot August 21, 2025 01:46

This comment was marked as outdated.

Sign in to view

benjamin-747 reviewed Aug 21, 2025

View reviewed changes

benjamin-747 requested changes Aug 21, 2025

View reviewed changes

Update moon/apps/web/package.json

e5e747f

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> Signed-off-by: mapan-nju <2246839805@qq.com>

vercel Bot deployed to Preview August 21, 2025 04:30 View deployment

martinwq997 added 2 commits August 21, 2025 12:58

reload pnpm-lock

da0f064

Merge branch 'main' of github.com:martinwq997/mega

844b0a2

vercel Bot deployed to Preview August 21, 2025 05:00 View deployment

genedna assigned martinwq997 Aug 21, 2025

Merge branch 'web3infra-foundation:main' into main

2dcb130

vercel Bot deployed to Preview August 21, 2025 08:37 View deployment

change pnpm-lock.yaml

d42c39b

vercel Bot deployed to Preview August 21, 2025 09:33 View deployment

genedna requested a review from Copilot August 21, 2025 10:40

benjamin-747 approved these changes Aug 21, 2025

View reviewed changes

Copilot AI reviewed Aug 21, 2025

View reviewed changes

benjamin-747 added this pull request to the merge queue Aug 21, 2025

Merged via the queue into gitmono-dev:main with commit 2e3a392 Aug 21, 2025
4 checks passed

	// 版本选择相关状态
	// Version selection related state

	// 更新URL中的版本参数
	// Update the version parameter in the URL

	// const version = (router.query.version as string) \|\| params?.version as string \|\| "1.2.01";

Uh oh!

Conversation

martinwq997 commented Aug 19, 2025

Uh oh!

vercel Bot commented Aug 19, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

This comment was marked as outdated.

Uh oh!

This comment was marked as outdated.

Uh oh!

benjamin-747 Aug 21, 2025

Choose a reason for hiding this comment

Uh oh!

benjamin-747 Aug 21, 2025

Choose a reason for hiding this comment

Uh oh!

benjamin-747 Aug 21, 2025

Choose a reason for hiding this comment

Uh oh!

benjamin-747 Aug 21, 2025

Choose a reason for hiding this comment

Uh oh!

benjamin-747 left a comment

Choose a reason for hiding this comment

Uh oh!

benjamin-747 Aug 21, 2025

Choose a reason for hiding this comment

Uh oh!

benjamin-747 Aug 21, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull Request Overview

Reviewed Changes

Uh oh!

Copilot AI Aug 21, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Aug 21, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Aug 21, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Aug 21, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Aug 21, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Aug 21, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Aug 21, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

vercel Bot commented Aug 19, 2025 •

edited

Loading