Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>UI5 Visual RefactorNew to Visual Studio Code? Get it now.
UI5 Visual Refactor

UI5 Visual Refactor

Warit Chuayon

|
9 installs
| (0) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

UI5 Visual Refactor

⚠️ Note: This extension is built primarily for internal team usage and experimentation. It is published here for convenient installation across our team members' environments. Features may be incomplete.

A canvas-based viewer to help visualize and organize SAP UI5 JavaScript controllers.

Features

  • Visual Node Canvas: Displays UI5 controller functions as draggable blocks on a canvas to help see the code structure.
  • Dependency Mapping: Shows the call paths and relationships between methods inside your file.
  • Side-by-Side Comparison: Compares multiple controller files together with a basic diff helper.
  • Refactoring Helper: Helps identify duplicated functions and move them over to a shared or base file.

Requirements

No configuration needed. Right-click any .js UI5 controller file from the workspace explorer and select "Open Canvas Perspective".

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft