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

Version 2.4.0

Get on Roblox Get on Itch.io Get source code on GitHub

What’s Changed

Added

  • Case Format option for variable names/children keys—choose from one of PascalCase, camelCase, lowercase or uppercase

Changed

  • Increased timeout for API dump HTTP requests to 60 seconds
  • Improved output values of SafeNamer (variable name generator)

Full Changelog: 2.3.0...2.4.0

3 Likes

Is it possible to add a rounding option for numbers to the settings, to get rid of things like this

I think you meant to post this here

1 Like

OH SORRY
I’m sorry. I was confused.
Anyway, Codify is also very AWESOME

1 Like

I’ve noticed Codify does not preserve the name property - is this intentional behaviour?

do you mean when generating React/Roact snippets? if so, yes. React ignores the Name property, so it’s intentionally omitted from the generated props table

1 Like

If anyone’s confused about why the plugin costs 1000 robux, don’t use the marketplace one, use the one from itch.io or github

though this is cool if I want to put up particles in the code

I’d pay 1000 robux just to look at the awesome UI for this plugin. It’s so good! :innocent:

3 Likes

Me too but im too broke, but I’m not forcing anyone to not buy it, It’s their choice, for now i’d use itch.io for that

1 Like

Version 2.4.1

Get on Roblox Get on Itch.io

This release features experimental TypeScript JSX generation (thanks @PepeElToro41). JSX can be used in roblox-ts projects using React/Roact. Learn more about JSX in TypeScript on the roblox-ts (rbxts) website.

Below is a sample of generated JSX code:

To enable JSX in Codify, head to the [ :gear: Settings ] tab, scroll to the [ :fire: Experimental ] section towards the bottom and check the [ :ballot_box_with_check: TypeScript JSX ] checkbox. You’ll now see an option for “TypeScript JSX” inside the framework dropdown, and related settings when switching to the JSX framework.
Now generally available.

A screenshot of the "TypeScript JSX" option in the framework dropdown

Bear in mind that this is currently an experimental feature and you should expect bugs.

6 Likes

insane plugin, I’m starting with roact and it’s helping me a lot :fire:

1 Like

I might be a little late to this; but I LOVE this plugin. I just realized it was free on Itch, took a copy, and is it a game changer. If it wasn’t for this, I wouldn’t have been able to port my package to wally.

:heart: Thank you!

1 Like

:information_source: Important information:
Codify v2 is no longer being maintained. Codify3 is in development and will supersede this version.

Learn more →

Version 2.4.2

Get on Roblox Get on Itch.io

This is a small patch to JSX-generation (TypeScript). See details below:

  • Arrays in ColorSequence and NumberSequence are now correctly generated with square brackets [] instead of curly braces {}.
  • Added a toggle to format the JSX “Key” prop as lowercase (ex: key={"..."}). You can find this under the “Generation” section of the settings page with the JSX framework selected.

See the release announcement for v2.4.1 to learn how to enable TypeScript codegen.

2 Likes

I appreciate that you did a great job at the plugin, but I have a suggestion, when using Fusion or React [Roact], It would always put return first, Can there be an option to remove the return as the first keyword?

Please read the OP

Just don’t select the return when you’re copying?

I’ll bear it in mind for v3. I know it’s inconvenient, but for now you’ll have to continue to delete the return after pasting

4 Likes

Say that to yourself

There isn’t the stuff that mentions what I talk about in the OP

It’s almost impossible when there is hundreds of lines of code [which I oftentimes generate]

Is support for Rojo’s *.model.json format planned for v3? It’d be really handy if it were included.

Yes, it is. Codify3 will support React, Fusion, JSX, vanilla Luau, TypeScript and Rojo out of the box.

1 Like