I’m currently delving into the wonderful world of Roact and all of the benefits it has to offer. My biggest and most detrimental concern was the fact that I’d have to spend hours manually creating my UI instead of easily piecing it together in Studio, and this amazing plugin has remedied my concerns entirely!
Thank you very much for making such a useful and applicable plugin!
You’re a lifesaver. This plugin lets me use Roact → lets me dev more effectively. I’m sorry for bumping this, but also not – more people need to see this.
Roactify has been updated with a new UI (well, it didn’t have one before)! This should make it easier and more intuitive to use. I hope you enjoy using the new Roactify!
Numbers were previously fixed to three decimal places; they will now truncate to their most significant decimal place (up to three places); e.g. 0.5 will now be output as 0.5 and not 0.500, but 0.529 will still output as 0.529
currently not, but I’m more than happy to publish the source once I have my GitHub actions configured to automate the publishing process for this plugin!
for the time being, consider using a browser extension or inserting the plugin to a blank Studio project via the command bar:
Edit: This will no longer work as Codify is now a paid plugin on Roblox. Consider downloading via Itch.io if you’d rather not pay for the plugin, or build it from source (available via GitHub).
for reference, the following URLs are accessed by this plugin (all requests are unauthenticated):
Roactify now has syntax highlighting and an update to the “About” section of Settings that displays a list of contributors. Thanks to @boatbomber for these amazing changes!
Keep a lookout for future updates to Roactify
Syntax highlighting is provided by @boatbomber’s Highlighter module:
Add author and contributors to About section by @boatbomber in #2
HTTP Permissions
You may be prompted to allow requests to GitHub. This is purely used to download the list of contributors. You are free to decline this request without negatively impacting the plugin.
Thanks to @boatbomber, Roactify is now Codify. Codify has undergone a huge change which now allows for generating code for multiple frameworks, including vanilla Roblox Instances, Fusion and Roact!
Awesome project! Might convince me to move over to Roact in the future.
Would it be possible to create a web proxy for larger object trees (> 200,000 chars) that would like output a URL and you go to it to download a RBXMX file that can be imported to studio so you can get the code?
If that sounds too complicated I may end up doing it for myself, I can provide the working code in the end if anyone is interested if I do end up trying that.
Or does that whole thing undermine what you said in one of the earlier posts where you wanted to make this for smaller components?
that’s awesome! we support Fusion and vanilla Roblox too, so you don’t have to tie yourself into a specific framework to use this plugin!
yep, so you wouldn’t use this plugin to create an entire app, but rather the smaller components which make up an app. it’s really not designed to output an entire tree; just the code needed to physically render the instances.
feel free to go ahead with this! the project is open source on GitHub, so you’re free to use it as you see fit!
yep! v2.2.0-rc.1, which is currently available to manually install from GitHub, features the ability to customise indenting
there will be an option to switch between tabs and spaces in the settings tab, and additionally specify the number of spaces to use when set to use spaces
will be coming to the stable releases soon! I need to update the GitHub workflows, which automate releases, before I push any more updates
This plugin is fantastic. Converting UI components to Fusion saves me a lot of time. Thank you very much for creating such an important and appropriate plugin!
Fixed an issue where installing the plugin locally (i.e. from itch.io) would put the plugin into development mode. This change restores the correct icon and labels.