Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>StateScopeNew to Visual Studio Code? Get it now.
StateScope

StateScope

Shiibbbbyy

|
2 installs
| (0) | Free
Read and audit finite state machines without leaving VS Code. UML-style state diagrams for .emx files.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

StateScope

License: MIT

Read and audit finite state machines without leaving VS Code.

StateScope renders IBM FTM / Eclipse UML2 .emx state machine models as interactive, audit-friendly UML state diagrams inside VS Code. Built for enterprise payments and operations engineering teams migrating off IBM RSAD / Eclipse.

StateScope is the sibling of FlowScope — they share design tokens and iconography, but each extension owns its accent color (StateScope blue, FlowScope green). Together they replace the aging IBM ACE + RSAD toolchain.


Features

FSM Viewer (.emx)

  • Zero-config — open an .emx file, see the graph.
  • Pan, zoom (Ctrl/Cmd + scroll), fit to view.
  • Click a state to inspect stereotype, constraints, description, and every incoming/outgoing transition (guard, action, target).
  • FSM selector dropdown to switch between multiple state machines in one file.
  • Sugiyama layered layout for clean, readable graphs.

Views

Tab Use
Diagram UML state diagram with UML-style initial dot + final double-circle
Sequence Lifeline / message view for a chosen execution path
Table Flat transition table with guards, actions, and outgoing edges

Stereotype palette

Token Stereotype Use
--sc-accent (blue #4F7DF5) Normal / Initial Standard processing states
--alert (#E5484D) PMP_Alert Operator alert — requires intervention
--ops (#E0A83A) PMP_OpsControl Operator-controlled state
--terminal (#8A93A6) PMP_Terminal Final state, lifecycle ends

Supported files

Extension Format Description
.emx Eclipse UML2 / XMI RSAD state machine models (IBM FTM and related)

Installation

From VSIX

code --install-extension statescope-*.vsix

From source

git clone https://github.com/ShoaibKhan/StateScope.git
cd StateScope
npm install
npm run compile
npm run package
code --install-extension statescope-*.vsix

Usage

  • Automatic: open any .emx file — StateScope is the default editor.
  • Command Palette: Cmd/Ctrl+Shift+P → StateScope: Open in StateScope
  • Context menu: right-click an .emx file in the Explorer.

Sample files

See samples/ for TxnFSM_SWIFT_OUT.emx — two FSMs including alerts, operator resolution, and terminal states.

Tech

  • TypeScript extension host, no runtime dependencies.
  • SVG rendered in a CSP-locked webview (nonce-gated scripts, localResourceRoots scoped to media/).
  • Sugiyama-style layered layout in pure TS.

Security posture

  • Webview scripts run under a strict Content-Security-Policy with a per-load nonce; no remote resources loaded.
  • No runtime npm dependencies; no eval, no new Function, no innerHTML sinks for untrusted content.
  • Read-only editor: file contents are parsed locally and never transmitted.
  • Suitable for deployment inside regulated environments (financial institutions, air-gapped networks).

License

MIT


Part of the Scope Suite (StateScope + FlowScope). Built for enterprise devs who need IBM ACE / RSAD visibility without the Eclipse tax.

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