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

|
1 install
| (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.

An interactive visual perspective canvas for restructuring, optimizing, and refactoring SAP UI5 JavaScript controllers.

Features

  • Visual Node Canvas: Transforms text-based UI5 controllers into dynamic, interactive, draggable function blocks.
  • Relevant Function Mode: Graphs the exact call-depth paths and dependencies between methods inside your code.
  • Side-by-Side Comparison: Compares multiple controller files with smart match calculations and an integrated diff helper.
  • Refactoring Automation: Bulk-extracts duplicated functions and transfers them to target directories like your BaseController seamlessly.

Requirements

No heavy configurations needed! Simply right-click any .js UI5 controller file from the workspace explorer file tree and select "Open Canvas Perspective".

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