Skip to content

A frontend for Roblox projects in external editors

License

Notifications You must be signed in to change notification settings

filiptibell/roblox-ui

Repository files navigation

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:

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