Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

feat: 接続数フィルター（minConnectionCount）スライダーUIの追加

Aperta
#36 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
68/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
typescript
Ambito
frontend

Direzione di ricerca

Start with src/shared/types.ts to confirm the existing NodeFilter field, then locate the toolbar filter area and the baseNodes filtering logic. Add the 0–10 slider and connect changes to updateFilter({ minConnectionCount: value }); verify that zero restores all nodes, other modes remain compatible, and npm run check passes.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

enhancement ui

概要

NodeFilter.minConnectionCount は型定義・ストアに実装済みだが、操作するUIが存在しない。スライダーを追加し、接続数が閾値未満のノードをフィルタリングできるようにする。大規模 Org では孤立クラスや疎結合クラスが多く、このフィルターによってグラフのノイズを大幅に削減できる。

現状

// src/shared/types.ts（実装済み）
export interface NodeFilter {
  hideTestClasses: boolean;
  hideManagedPackages: boolean;
  sobjectTypes: 'all' | 'custom-only' | 'referenced-only';
  minConnectionCount: number; // ← UI なし
}

updateFilter アクションも実装済み。ストア側の変更は不要。

タスク

  • ツールバーにスライダーコンポーネントを追加（右上フィルターエリア）
    • 範囲: 0〜10（ステップ 1）
    • デフォルト: 0（全表示）
    • ラベル例: 接続 ≥ 2
  • baseNodes のフィルタリングロジックに minConnectionCount を反映
    • 対象ノード（apex-class, apex-interface, sobject など）の接続エッジ数を集計
    • inDegree + outDegree < minConnectionCount のノードを除外
  • スライダー値 0 のときはフィルター無効（全ノード表示）
  • スライダー変更時に updateFilter({ minConnectionCount: value }) を呼ぶ

UI イメージ

[ テスト非表示 ] [ MPkg非表示 ] [ 接続 ≥ [■──] 2 ]

完了条件

  • スライダーを動かすと接続数が少ないノードが即座に非表示になる
  • 0 にすると全ノードが再表示される
  • フォーカスモード・検索モードと干渉しない
  • npm run check が全てグリーン

依存

なし（型・ストアは実装済み）

Lingua principale
TypeScript
Stelle
0
Fork
0
Nessuna PR unita negli ultimi 30g

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di qnaiv/codegraph

Tutte le issue di qnaiv/codegraph

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.