feat: Claude Code連携にタグ提案と関連アイテム連携を追加 #48
Conversation
- prompt関数にrelatedItemsとavailableTagsを渡すように変更 - Claude Codeの出力をJSON形式(comment, tags)で解析 - 関連URL追加時に自動で再推論を実行 - 推論結果にタグを表示し、挿入時にタグもマージ - ClaudeCodePreviewにタグ表示エリアを追加 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
There was a problem hiding this comment.
Pull request overview
This PR extends the Claude Code integration feature to support tag suggestions and related items context. The prompt function now receives relatedItems and availableTags parameters to generate more contextually relevant descriptions and tag suggestions. The output format has been changed from markdown to JSON containing both comment and tags fields.
Changes:
- Modified prompt function signature to accept
relatedItemsandavailableTagsparameters - Changed Claude Code output parsing from markdown to JSON format with backward compatibility
- Added automatic re-inference when related URLs are added
Reviewed changes
Copilot reviewed 6 out of 6 changed files in this pull request and generated 2 comments.
Show a summary per file
| File | Description |
|---|---|
| src/browser/component/ClaudeCodePreview.js | Updated to display claudeCode.comment instead of claudeCode.result and added tags display area |
| src/browser/component/ClaudeCodeButton.js | Added relatedItems and availableTags props and passed them to runClaudeCode calls |
| src/browser/Store/ServiceStore.js | Renamed result to comment, added tags array, and implemented tag merging on insert |
| src/browser/App.js | Added automatic re-inference when related items are added, passed new props to ClaudeCodeButton |
| src/browser/Action/ServiceAction.js | Updated runClaudeCode signature, changed output parsing to support JSON format with fallback |
| css/index.css | Added styling for the tags display area in the preview component |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| setTimeout(() => { | ||
| const updatedRelatedItems = appContext.ServiceStore.state.relatedItems; | ||
| ServiceAction.runClaudeCode( | ||
| this.state.URL, | ||
| this.state.title, | ||
| this._claudeCodeConfig, | ||
| updatedRelatedItems, | ||
| this.state.tags | ||
| ); | ||
| }, 100); |
There was a problem hiding this comment.
The 100ms delay is a magic number without explanation. Consider adding a comment explaining why this delay is necessary, or extract it as a named constant like RELATED_ITEM_STATE_UPDATE_DELAY.
コードブロックの正規表現マッチからCLIのJSON出力形式に変更 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This reverts commit 7dbd3d3.
Summary
Claude Code連携機能を拡張し、タグ提案と関連アイテムのコンテキスト連携を追加しました。prompt関数にrelatedItemsとavailableTagsを渡すことで、より文脈に沿った説明文とタグを生成できるようになります。
Changes
Breaking Changes
{ url, title }から{ url, title, relatedItems, availableTags }に変更Test Plan
close #47