class-transformer icon indicating copy to clipboard operation
class-transformer copied to clipboard

feature: allow casting of primitive values during transformation

Open NoNameProvided opened this issue 4 years ago • 29 comments

Description

By design, class-transformer doesn't alter the value of properties when transforming an object into a class, but simply copies them over. However, there is an option (enableImplicitConversion) to change this behavior, when enabled the lib always attempts to cast the handled property value to the target property type. There are scenarios when some of the transformed properties should be casted in a non-standard way. The most common type of this is the casting stringified "true" and "false" to boolean. Currently, the library will cast both values to true, because Boolean("<any-non-zero-lenght-string>") will be always true.

There have been various discussions requesting to mark properties to be casted in a special way.

The most common scenario when this is required is using the @Query parameter in NestJS.

Proposed solution

There is two main way to approach this: adding decorators for each supported primitive type or enabling the feature at the transformation level via a new global transform option. Both have their pros and cons:

  • adding decorators makes it easier to customize the feature to the users need as they can choose to only transform specific properties with this new decorator
  • adding it as a global feature flag makes it easier to apply it at scale if someone needs this as the default behavior

Generally, I believe the decorator approach to be better and I propose the following decorators:

  • @CastToBoolean - transforms boolean, "true", "false", 0 and 1 to the appropriate boolean values
  • @CastToFloat - transforms a stringified number or number to the number representation, but not null or undefined
  • @CastToInteger - transforms a stringified number or number to an integer representation of the number, the number is rounded, but not null or undefined
  • @CastToString - transforms any received values to the string representation but not null or undefined
  • @CastToUndefined - transforms "undefined" to undefined
  • @CastToNull - transforms "null" to undefined

A single property can have multiple of these decorators applied.

Every one of these decorators accepts a single option:

@CastToBoolean({ force: boolean })

When set to true the decorator will always attempt to transform the received value (except when it's null or undefined). However, when it is false (the default value) it will only attempt to transform values when it makes sense. For example:

  • for booleans it will only transform "true", "false", 0, 1 and skip the transformation if any other value is received
  • for numbers it will only transform if the value can be parsed as a float number (aka: "not-number" will be skipped)

The transformation must take place before the implicit conversion of the value (if enabled). When enableImplicitConversion is enabled both transformations will run on the given property.

Please do not comment non-related stuff like +1 or waiting for this. If you want to express interest you can like the issue.

NoNameProvided avatar Jan 14 '21 18:01 NoNameProvided

Did this get worked on? I'd like to help if this is still pending.

DanielLoyAugmedix avatar Feb 19 '21 20:02 DanielLoyAugmedix

Not yet, feel free to pick it up! Do you have any change request for the proposal or do you want to take a crack at it in it's current form?

PS: If you made progress and I seem to be unavailable for more than a few days, feel free to ping me on Twitter. (I have 100+ notifications on Github, so some of them gets lost sometimes)

NoNameProvided avatar Feb 22 '21 03:02 NoNameProvided

This is how I got round the issue while managing to keep the boolean typing.

import { Transform } from 'class-transformer';

const ToBoolean = () => {
  const toPlain = Transform(
    ({ value }) => {
      return value;
    },
    {
      toPlainOnly: true,
    }
  );
  const toClass = (target: any, key: string) => {
    return Transform(
      ({ obj }) => {
        return valueToBoolean(obj[key]);
      },
      {
        toClassOnly: true,
      }
    )(target, key);
  };
  return function (target: any, key: string) {
    toPlain(target, key);
    toClass(target, key);
  };
};

const valueToBoolean = (value: any) => {
  if (typeof value === 'boolean') {
    return value;
  }
  if (['true', 'on', 'yes', '1'].includes(value.toLowerCase())) {
    return true;
  }
  if (['false', 'off', 'no', '0'].includes(value.toLowerCase())) {
    return false;
  }
  return undefined;
};

export { ToBoolean };
export class SomeClass {
  @ToBoolean()
  isSomething : boolean;
}

davidakerr avatar Mar 18 '21 19:03 davidakerr

Any update on this?

csulit avatar Apr 02 '21 15:04 csulit

Yeah, all great and needed to be done while a go.

When will this be released?

softmarshmallow avatar May 25 '21 06:05 softmarshmallow

+1

Goldziher avatar Jul 02 '21 08:07 Goldziher

Is there a way now

little-thing avatar Aug 26 '21 03:08 little-thing

Still waiting on this btw

bodolawale avatar Aug 31 '21 23:08 bodolawale

+1

vlad-ti avatar Sep 07 '21 16:09 vlad-ti

+1

kasvith avatar Sep 28 '21 17:09 kasvith

+1

well-balanced avatar Nov 15 '21 03:11 well-balanced

+1

elmirmahmudev avatar Dec 23 '21 20:12 elmirmahmudev

+1 W E N E E D I T !

klub-ayush avatar Jan 25 '22 16:01 klub-ayush

您好, 您的邮件已收到,我会尽快回复,谢谢。

ImJoeHs avatar Jan 25 '22 16:01 ImJoeHs

also +1

andkom avatar Feb 09 '22 15:02 andkom

+1

vhorin-mp avatar Feb 09 '22 15:02 vhorin-mp

Is there a way now

Still the best option is using Boolean("").

LuisOfCourse avatar Feb 12 '22 14:02 LuisOfCourse

+1

swpark6 avatar Mar 17 '22 08:03 swpark6

+1

marco-ippolito avatar Mar 23 '22 14:03 marco-ippolito

it won't help you guys... this repo is not maintained anymore.. you can copy the code above to your project and use it... I don't see any other solution

this works for us.. doesn't cover all cases - but it's good enough for our needs:

  @IsOptional()
  @Transform(({ value }) => value?.toLowerCase() === 'true')
  @IsBoolean()
  someField: boolean;

Any news on this case?

yuri-snke avatar Jun 01 '22 16:06 yuri-snke

您好, 您的邮件已收到,我会尽快回复,谢谢。

ImJoeHs avatar Jun 01 '22 16:06 ImJoeHs

I'm currently using David Kerr solution. But any news?

DanielMaranhao avatar Nov 01 '22 16:11 DanielMaranhao

All the solutions ive seen online for transforming this bug havent been working since the request param im expecting is a boolean not a string. So I casted the type to a string with transformer and ran the following, which works perfectly for my use case. Maybe it will help someone else.

@Type(() => String)
@Transform(({ value }) => {
    if (value === 'true') {
      return true;
    } else {
      return false;
    }
  })
  public isBoolean?: boolean;

tatianajiselle avatar Feb 01 '23 19:02 tatianajiselle

All the solutions ive seen online for transforming this bug havent been working since the request param im expecting is a boolean not a string. So I casted the type to a string with transformer and ran the following, which works perfectly for my use case. Maybe it will help someone else.

@Type(() => String)
@Transform(({ value }) => {
    if (value === 'true') {
      return true;
    } else {
      return false;
    }
  })
  public isBoolean?: boolean;

Thank you!!! You saved my life ♥️

ismoiliy98 avatar May 09 '23 17:05 ismoiliy98

Any news on this case?

IuliiaBondarieva avatar Jun 29 '23 16:06 IuliiaBondarieva

Hi @NoNameProvided,

why do you prefer the decorator approach? For our use case (parsing requests in NestJS), the global flag would be much better because boolean values would not require any special decorators and would be correctly transformed by default as other types. With the decorator approach, I think that developers would often forget about this, which would lead to bugs.

Before I found this issue, I created PR https://github.com/typestack/class-transformer/pull/1686 (it introduces a new global flag to enable the boolean conversion).

sandratatarevicova avatar Feb 23 '24 10:02 sandratatarevicova