Pretty JSON objects to the code field

It's common to have JSON objects stored in your database. So you might want to display them nicely on your resource page.

field :meta, as: :code, language: 'javascript'

But that will be hard to read on one line like that. So we need to format it.

Luckily we can use JSON.pretty_generate for that and a computed field.

field :meta, as: :code, language: 'javascript' do |model|
  if model.meta.present?
    JSON.pretty_generate(model.meta.as_json)
  end
end

That's better! You'll notice that the field is missing on the Edit view. That's normal for a computed field to be hidden on Edit. To fix that, we should add another one just for editing.

field :meta, as: :code, language: 'javascript', only_on: :edit
field :meta, as: :code, language: 'javascript' do |model|
  if model.meta.present?
    JSON.pretty_generate(model.meta.as_json)
  end
end

Now you have a beautifully formatted JSON object in a code editor.