https://github.com/filiptibell/roblox-ui

A frontend for Roblox projects in external editors
https://github.com/filiptibell/roblox-ui

explorer roblox vscode-extension

Last synced: about 2 months ago
JSON representation

A frontend for Roblox projects in external editors

• Host: GitHub
• URL: https://github.com/filiptibell/roblox-ui
• Owner: filiptibell
• License: mpl-2.0
• Created: 2023-04-21T17:34:13.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-08-19T09:19:32.000Z (3 months ago)
• Last Synced: 2024-08-19T22:39:04.884Z (3 months ago)
• Topics: explorer, roblox, vscode-extension
• Language: Rust
• Homepage:
• Size: 1.05 MB
• Stars: 23
• Watchers: 4
• Forks: 1
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.txt

Awesome Lists containing this project

• awesome-roblox - Roblox UI
• awesome-roblox - Roblox UI

README

        




Roblox UI




  

    

  

  

    

  

  

    

  






A frontend for Roblox projects in external editors.

Provides an Explorer view, instance searching, and more. 


Check out the [features](#features) section for a full list of features.

## Installation

The UI can be installed as an extension from:

- The [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=filiptibell.roblox-ui) (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](https://create.roblox.com/docs/studio/explorer#filtering-instances))

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

[Just]: https://github.com/casey/just

[Rust]: https://www.rust-lang.org/tools/install

[VSCE]: https://github.com/microsoft/vscode-vsce

[VSCode CLI]: https://code.visualstudio.com/docs/editor/command-line

## 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]

[Classic]: https://github.com/legacy-icons/famfamfam-silk

[Vanilla]: https://github.com/Elttob/Vanilla

[CC BY 4.0]: https://creativecommons.org/licenses/by/4.0/

[CC BY-NC 4.0]: https://creativecommons.org/licenses/by-nc/4.0/