Skip to content

feat(desktop): Excelセルのインラインdiff表示#19

Merged
MocA-Love merged 6 commits intomainfrom
feat/desktop-excel-inline-diff
Mar 29, 2026
Merged

feat(desktop): Excelセルのインラインdiff表示#19
MocA-Love merged 6 commits intomainfrom
feat/desktop-excel-inline-diff

Conversation

@MocA-Love
Copy link
Copy Markdown
Owner

Summary

  • Excelの差分表示で、変更されたセル内のテキストの具体的な変更箇所をインラインでハイライト表示
  • 追加部分は緑背景、削除部分は赤背景+取り消し線で表示
  • diff (jsdiff) ライブラリを使用した文字レベルのdiff計算

Changes

  • useSpreadsheetDiff.ts: DiffSegment 型追加、diffChars による文字レベルdiff計算
  • SpreadsheetDiffViewer.tsx: InlineDiffContent コンポーネント追加、セル内インラインdiff描画
  • package.json: diff パッケージ追加

Test plan

  • Excelファイルのセル内テキストを変更し、diff表示で変更箇所がインラインでハイライトされることを確認
  • 追加テキストが緑背景で表示されることを確認
  • 削除テキストが赤背景+取り消し線で表示されることを確認
  • セル追加/削除(added/removed)の既存表示が壊れていないことを確認
  • 複数シートのdiff表示が正常に動作することを確認

- CRXダウンロード・展開モジュール(CRX2/CRX3対応、JSZipで展開)
- 互換性チェッカー(manifest解析 + JSコードスキャンでElectron非対応API検出)
- 拡張機能マネージャー(インストール/アンインストール/有効無効切替/永続化)
- tRPCルーター(install/uninstall/toggle/list エンドポイント)
- 設定画面にExtensionsページ追加(Chrome Web Store URL入力でインストール)
@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented Mar 29, 2026

Warning

Rate limit exceeded

@MocA-Love has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 10 minutes and 24 seconds before requesting another review.

Your organization is not enrolled in usage-based pricing. Contact your admin to enable usage-based pricing to continue reviews beyond the rate limit, or try again in 10 minutes and 24 seconds.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 7b0125ad-85f1-4c18-b2b0-1f6983d3303d

📥 Commits

Reviewing files that changed from the base of the PR and between d16c67c and 8aa5e4f.

⛔ Files ignored due to path filters (1)
  • bun.lock is excluded by !**/*.lock
📒 Files selected for processing (17)
  • README.md
  • apps/desktop/package.json
  • apps/desktop/src/lib/trpc/routers/extensions/index.ts
  • apps/desktop/src/lib/trpc/routers/index.ts
  • apps/desktop/src/main/index.ts
  • apps/desktop/src/main/lib/extensions/compatibility-checker.ts
  • apps/desktop/src/main/lib/extensions/crx-downloader.ts
  • apps/desktop/src/main/lib/extensions/extension-manager.ts
  • apps/desktop/src/renderer/routes/_authenticated/settings/components/SettingsSidebar/GeneralSettings.tsx
  • apps/desktop/src/renderer/routes/_authenticated/settings/extensions/components/ExtensionsSettings/ExtensionsSettings.tsx
  • apps/desktop/src/renderer/routes/_authenticated/settings/extensions/components/ExtensionsSettings/index.ts
  • apps/desktop/src/renderer/routes/_authenticated/settings/extensions/page.tsx
  • apps/desktop/src/renderer/routes/_authenticated/settings/layout.tsx
  • apps/desktop/src/renderer/routes/_authenticated/settings/utils/settings-search/settings-search.ts
  • apps/desktop/src/renderer/screens/main/components/WorkspaceView/ContentView/TabsContent/TabView/FileViewerPane/components/SpreadsheetViewer/SpreadsheetDiffViewer.tsx
  • apps/desktop/src/renderer/screens/main/components/WorkspaceView/ContentView/TabsContent/TabView/FileViewerPane/components/SpreadsheetViewer/useSpreadsheetDiff.ts
  • apps/desktop/src/renderer/stores/settings-state.ts
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/desktop-excel-inline-diff

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

diffSegmentsを持つセルにマウスホバーすると、ダーク系ツールチップで
フルテキストのインラインdiffを表示。セルからはみ出た差分も確認可能。
createPortalでbodyに直接レンダリングし、テーブルレイアウトに影響なし。
@MocA-Love MocA-Love marked this pull request as ready for review March 29, 2026 09:15
- ツールチップのmaxWidth/fontSize拡大、padding調整
- README にExcel diffインラインハイライト機能(PR #19)を追記
@MocA-Love MocA-Love merged commit a05a180 into main Mar 29, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant