Codify - Convert anything to Luau, TypeScript, Vide, Fusion, React, Rojo and more!

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!

:clap:

2 Likes

Super helpful plugin; only issue I’ve run into is it doesn’t seem to like UIGradients’ ColorSequence type color property.

image

6 Likes

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.

4 Likes

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!

3 Likes

Small patch published:

image

  • 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
5 Likes

Is there a github repo for this?

1 Like
Old Reply

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):

3 Likes

Patch:

  • Snippets are auto-selected when clicking on the snippet
  • Copy hint is displayed when snippet is selected
  • Added PluginAction to allow “Generate Snippet” to be assigned to a keyboard shortcut

@JoelBrd GitHub repo is now live here:

5 Likes

Release v1.1.0

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!

image

Keep a lookout for future updates to Roactify :eyes:

Syntax highlighting is provided by @boatbomber’s Highlighter module:

What’s Changed

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.

New Contributors

Full Changelog: 1.0.0…1.1.0

6 Likes

Release v2.0.0

Roactify is now Codify

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!

What’s Changed

  • Support multiple frameworks by @boatbomber in #3
    • Added support for Fusion and Roblox Instances
    • New components; including dropdowns and checkboxes (this replaces toggle buttons in the settings menu)
    • Icons to help distinguish between frameworks (Roact, get yourself an official icon!)
    • Support for NumberRange
    • More formatting options!

Thanks to @chriscerie and @mkargus for reviewing our commits too!

Full Changelog: 1.1.0…2.0.0

7 Likes

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?

1 Like

that’s awesome! :heart: 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!

1 Like

Bought the plugin for $7 on itch. :heart: Thank you for making this wonderful plugin!

Do you plan to support Roblox-TS with TSX?

2 Likes

tysm! that means a lot! :heart:

no promises, but it was in the original plan before it became Codify!

unknown


Edit: TSX generation was added in v2.4.1.

2 Likes

Amazing plugin, such a useful utility, really great work :smiley:
Will there be indent customization support in the future for generated snippets?

1 Like

Version 2.1.0

Version 2.1.0 is now available! Thanks to everyone who gave feedback!

What’s Changed

  • Bug fixes+improvements by @csqrl in #8
    • UDim2 values are no longer clamped to the range 0-1
    • All Instances are now supported, not just GUI elements
    • The Children key can now be customised for Fusion components
    • Various other bug fixes and improvements

Full Changelog: 2.0.0…2.1.0

2 Likes

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

1 Like

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!

1 Like

Version 2.2.0

Version 2.2.0 is available to download via the usual channels. This release contains some UI and backend improvements.

What’s Changed

  • Indent to your heart’s content!
  • PhysicalProperties and BrickColor formatting options are now respected.
  • Minor optimisations in Roact components.
  • Further re-categorisation of settings
  • Settings sections can now be collapsed
    image
  • Codify will now use the API dump for your current Studio version, instead of just fetching the latest dump.

Full Changelog: 2.1.0…2.2.0

Version 2.2.1

What’s Changed

  • 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.

    Plugin Build Icons

Full Changelog: 2.2.0…2.2.1

2 Likes