Roblox UI

A frontend for Roblox projects in external editors.

Provides an Explorer view, instance searching, and more.
Check out the features section for a full list of features.

Installation

The UI can be installed as an extension from:

• The Visual Studio Marketplace (VSCode)

Features

• Explorer view for instances, similar to Roblox Studio
• Fuzzy finding / Quick Open dialog - quickly navigate and open files for instances
• Support for multi-root workspaces for easy monorepo driven development
• Included community icon packs such as Classic & Vanilla

TODO

Improvements

• Filtering for classes / IsA in the Quick Open dialog (reference)

Properties View

• Simple text view of properties
• Editing properties for simple .model.json or .meta files
• Complex property editing for properties such as colors, vectors
• Editing properties for binary/xml files

Output View

• Server that can listen for output messages from Roblox Studio
• Plugin that sends output messages from Roblox Studio to the extension
• Automatically connect to a test session and its output when one starts
• Create an output channel/panel in VSCode that forwards received output
• Parse output and use sourcemap to create clickable file links
• Colorize output messages and stack traces

Development

The VSCode extension can be compiled and installed locally:

1. Clone the repository
2. Install Just, Rust, VSCE and the VSCode CLI
3. Run just vscode-install in the repository to install the extension

Icons and Attribution

• The Classic (also known as Silk) icon pack used in the extension was created by famfamfam and is licensed under CC BY 4.0
• The Vanilla version 2.1 icon pack used in the extension was created by Elttob and is licensed under CC BY-NC 4.0