Skip to content

Conversation

@kimurash
Copy link
Member

@kimurash kimurash commented Jul 5, 2025

No description provided.

Copy link

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR prepares the frontend for a production deployment by switching feedback rendering to Markdown, reorganizing imports, tweaking the webview opening logic, and updating documentation.

  • Render feedback using ReactMarkdown instead of plain typography
  • Adjust the VSCode command when no editor is open
  • Reorder imports and add the react-markdown dependency
  • Revise README to clarify features and add a dev guide

Reviewed Changes

Copilot reviewed 7 out of 9 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
src/screens/general-feedback-screen/components/FeedbackBox.tsx Replaced <Typography> with <ReactMarkdown> for feedback rendering
src/data/create-characters.ts Alphabetically reordered MUI color imports
src/commands/functions/open-webview.ts Changed fallback command to workbench.action.openWalkthrough
src/commands/extension.ts Reordered imports for consistency
frontend/package.json Added react-markdown dependency
frontend/README.md Enhanced project description, features list, and formatting
frontend/README.dev.md Introduced a development-focused README
Comments suppressed due to low confidence (3)

frontend/src/webview/src/screens/general-feedback-screen/components/FeedbackBox.tsx:27

  • Add a unit or snapshot test for this component to verify that Markdown is rendered correctly and edge cases like empty or large inputs are handled as expected.
      <ReactMarkdown>{generalReview}</ReactMarkdown>

frontend/src/commands/functions/open-webview.ts:11

  • The openWalkthrough command opens VSCode’s tutorial rather than a blank editor. Confirm this matches the intended UX or revert to workbench.action.files.newUntitledFile if you want to open an empty document.
      "workbench.action.openWalkthrough"

frontend/README.md:1

  • [nitpick] The header style differs from the project’s original naming. For clarity and consistency, consider using a single-language title or providing both Japanese and English side by side.
# RepoInterviewer とは?

}}
>
<Typography sx={{ whiteSpace: "pre-wrap" }}>{generalReview}</Typography>
<ReactMarkdown>{generalReview}</ReactMarkdown>
Copy link

Copilot AI Jul 5, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

By rendering arbitrary Markdown, untrusted input could include unsafe HTML. Consider enabling ReactMarkdown’s built-in security plugins or stripping HTML nodes to prevent XSS vulnerabilities.

Copilot uses AI. Check for mistakes.
Copy link
Member

@cercil0605 cercil0605 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

動作確認できたのでOK

Copy link
Collaborator

@Hikaribamboo Hikaribamboo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@cercil0605 cercil0605 merged commit 0025b20 into main Jul 5, 2025
26 checks passed
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.

4 participants