How do you deal with size values on different platforms

[tomger]

For Android I'd like the values to end in sp/dp.
On Web I'd like the values to end in px.
On iOS I'd like the values not to have a postfix, and be rendered as integers without quotes.

What's the recommended strategy? I'm trying to use the CLI and not write a custom formatter.

[aputinski]

You can write custom value transforms:

theo.registerValueTransform(
  name: "AndroidUnit",
  predicate: (prop) => prop.get('type') === 'sizing', // or whatever criteria you'd like
  transform: (prop) => `${prop.get('value')}dp`
)

theo.registerTransform(
  name: 'Android',
  valueTransforms: ['AndroidUnit']
)

Then call run theo using the Android transform