Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

feat(UI): Display a side-by-side "diff" view for translations #43

Open
Labels
featureNew feature request hacktoberfest optionalissue/feature is not important for now but later can be used uiImproves and fix ui
@dineshsutihar

Description

Is your feature request related to a problem?

When code is translated, especially between syntactically similar languages (like Java and C#), it can be difficult for the user to quickly see what has changed. The current UI only shows the final block of translated code.

Describe the solution you'd like

  1. Integrate a code diffing library, such as diff2html.js or the Monaco Editor's built-in diffing tool.

  2. Add a "Compare" or "Diff" toggle button to the translation UI.

  3. When toggled on, the view should change to a two-panel, side-by-side display. The original code should be on the left and the translated code on the right, with additions and deletions clearly highlighted, similar to a GitHub diff.

Additional context

This would be a powerful "pro" feature that elevates the extension from a simple translator to a sophisticated code analysis and learning tool.

Metadata

Metadata

Assignees

No one assigned

    Labels

    featureNew feature request hacktoberfest optionalissue/feature is not important for now but later can be used uiImproves and fix ui

    Type

    Projects

    No projects

    Milestone

    No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions

        AltStyle によって変換されたページ (->オリジナル) /