Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

[Phase 4] StickyNoteNodeカスタムコンポーネントと.codegraph.jsonへの永続化

Abierto
#27 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
58/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Tranquilo
Stack tecnológico
typescript
Área
desktop, frontend

Línea de trabajo

Start with src/webview/components/nodes/StickyNoteNode.tsx and trace AnnotationStore, the SAVE_ANNOTATION message, and extension startup loading. Confirm how canvas context-menu creation, deletion, and node state are handled before connecting the new component. Done means a note can be added, edited, colored, deleted, persisted to workspaceRoot/.codegraph.json, and restored after restarting VS Code.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

phase-4 whiteboard

概要

キャンバス上に付箋ノードを追加・編集・削除でき、.codegraph.json に永続化されるホワイトボード基本機能を実装する。(MVPスコープ外だが次の優先タスク)

タスク

  • src/webview/components/nodes/StickyNoteNode.tsx を実装
    • <textarea> によるMarkdown入力(auto-resize)
    • 色選択(yellow / blue / green / pink / orange)
    • ダブルクリックで編集モード、クリック外で確定
  • キャンバス右クリックメニュー「付箋を追加」でStickyNoteを生成
  • SAVE_ANNOTATION メッセージで拡張ホストに送信
  • AnnotationStore が workspaceRoot/.codegraph.json に書き出し
  • 拡張起動時に .codegraph.json を読み込んでアノテーションを復元
  • 削除: 付箋ノードのDeleteキーまたは右クリック→削除

完了基準

付箋を追加→VS Codeを再起動→付箋が復元される。

工数目安

2.5日(StickyNoteNode 1.5d + 永続化 1d)

依存

Phase 3完了

Lenguaje dominante
TypeScript
Estrellas
0
Forks
0
Métricas de merge de PR
Sin PR fusionados en 30 d

Preparar el entorno

Aún no hemos revisado los archivos de configuración de este proyecto. Empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de qnaiv/codegraph

Todos los issues de qnaiv/codegraph

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.