FormatterAttribute build error and wrong auto generation

[cengkaplan33]

After I opened new project. While it is empty , I tried to write a new formatter. So I checked sample codes then I write a formatter. But project is not build after all.

I know it is a simple task, but I cannot worked it.

I read the another topics. It may caused from node.js . Then I removed node.js and installed it but nothing changed.
by the way sergen is working.
When I closed my code. Everything is fine.

and Another suspicion is wheren I changed namespace EmployeeFormatterAttribute.cs
from Kaptan.Administration to Kaptan.Administration.Formatter . Evertthing is fine but I added step6 auto generated code and Image .
There is no my GenderProperty in generated code.
Something goes wrong.

step1
.cs file code is;
namespace Kaptan.Administration;

public partial class EmployeeFormatterAttribute : CustomFormatterAttribute
{
public const string Key = "Kaptan.Administration.EmployeeFormatter";

public EmployeeFormatterAttribute()
    : base(Key)
{
}

public string GenderProperty
{
    get { return GetOption<string>("genderProperty"); }
    set { SetOption("genderProperty", value); }
}

}

step2
.ts file code is ;
import { Decorators, Formatter, IInitializeColumn, isTrimmedEmpty } from "@serenity-is/corelib";
import { Column, FormatterContext } from "@serenity-is/sleekgrid";

@Decorators.registerFormatter('Kaptan.Administration.EmployeeFormatter', [IInitializeColumn])
export class EmployeeFormatter implements Formatter {
constructor(public readonly props: { genderProperty?: string } = {}) {
this.props ??= {};
}

format(ctx: FormatterContext): string{
    if (!this.props.genderProperty || isTrimmedEmpty(ctx.value))
        return ctx.value;

    let propertyValue = ctx.item[this.props.genderProperty];
    return '<i class="fa fa-female">' + propertyValue + ' - ' + ctx.value + '</i> ';
}

public initializeColumn(column: Column) {
    column.referencedFields = column.referencedFields || [];
    if (this.props.genderProperty)
        column.referencedFields.push(this.props.genderProperty);
}

}
step3.
attribute usage code is ;

step4
error is;

Error CS0111 Type 'EmployeeFormatterAttribute' already defines a member called 'EmployeeFormatterAttribute' with the same parameter types
...\Kaptan.Web\Serenity.Pro.Coder\Serenity.Pro.Coder.ClientTypesSourceGenerator\Administration.EmployeeFormatterAttribute.generated.cs 13 Kaptan.Web Active
Error CS0102 The type 'EmployeeFormatterAttribute' already contains a definition for 'Key' ...\Kaptan.Web\Serenity.Pro.Coder\Serenity.Pro.Coder.ClientTypesSourceGenerator\Administration.EmployeeFormatterAttribute.generated.cs 11 Kaptan.Web Active
Error CS0229 Ambiguity between 'EmployeeFormatterAttribute.Key' and 'EmployeeFormatterAttribute.Key' ...\Kaptan.Web\Modules\Administration\User\EmployeeFormatterAttribute.cs

Build message is;

Step5;
usage code is ;
namespace Kaptan.Administration.Columns;

[ColumnsScript("Administration.User")]
[BasedOnRow(typeof(UserRow), CheckNames = true)]
public class UserColumns
{
..

[Width(32)]
[EmployeeFormatterAttribute]
public string ImpersonationToken { get; set; }

...
}

usage image is ;

step6
auto generation code is ;

This file is auto-generated by the generator 'Serenity.Pro.Coder.ClientTypesSourceGenerator' and cannot be edited.
...
...
.
namespace Kaptan.Administration
{
public partial class EmployeeFormatterAttribute : CustomFormatterAttribute
{
public const string Key = "Kaptan.Administration.EmployeeFormatter";

    public EmployeeFormatterAttribute()
        : base(Key)
    {
    }
}

}

as a image;

[VictorTomaili]

You don't need to write formatter attribute. Just write the formatter in typescript and build project, attribute should be generated automatically. Then use the auto generated attribute.

[cengkaplan33]

Ok , I deleted EmployeeFormatterAttribute .cs,
Buid is ok but how can I set GenderProperty?

I will use GenderProperty for gender info is in which column?
For example user info is coming from join . So I will set GenderProperty as "UserGender" so , in grid I hope to take value from "item"

auto generated code is ;
namespace Kaptan.Administration
{
public partial class EmployeeFormatterAttribute : CustomFormatterAttribute
{
public const string Key = "Kaptan.Administration.EmployeeFormatter";

    public EmployeeFormatterAttribute()
        : base(Key)
    {
    }
}

}

[cengkaplan33]

@VictorTomaili I hope u noticed, my sample code is your employeeFormmatter which is in northwind demo.
but it is not working for me.

ts file

generated code; and there is GenderProperty. Why is it not working for me ?

[VictorTomaili]

As you can see below, I added EmployeesFormatter (added s to change the name of the formatter, and renamed genderProperties to make difference)

I wrote code in UserDialog.ts file but it better on separated file.
After build project I can see the EmployeesFormatterAttribute in path \Imports\ClientTypes\Administration.EmployeesFormatterAttribute.cs. The property is generated from typescript constructor parameters public readonly props: { genderProperties?: string } = {}
Then I can write EmployeesFormatter(GenderProperties = "MyProperty")
Don't forget the GenderProperties is a property, not a constructor parameter. So you need to explicitly write the name of the property.
If it is not works in your project, check the serenity version and any other errors while building the project.

[VictorTomaili]

If you are a StartSharp member, you need to ask StartSharp related questions in the StartSharp repository issues or in emails. There are many difference between serene and StartSharp. And no, the image is not meaningful about the issue. This is because of the Pro.Coder

[cengkaplan33]

Thanks @VictorTomaili . I understood you but I actually stated the problem here so that it would contribute to the development of the Serenity.

If there is no problem with my computer or code , then there is a bug exists.

[VictorTomaili]

There is no bug, I tried and there are no problem about that. It probably something related to your environment or project.

[cengkaplan33]

Thank you @VictorTomaili . I changed my code to old sample then it is worked.
If it helps anyone I am sharing my code.

import { Decorators, Formatter, htmlEncode, isTrimmedEmpty } from '@serenity-is/corelib';
import { Column, FormatterContext } from "@serenity-is/sleekgrid"

@Decorators.registerFormatter('BayrakFormatter')
export class BayrakFormatter implements Formatter {
constructor() { }

format(ctx: FormatterContext) {

    var text = htmlEncode(ctx.value);

    if (!this.bayrakProperty || isTrimmedEmpty(ctx.value))
        return text;

    console.log("deneme");

    var bayrak = ctx.item[this.bayrakProperty] as string;
    console.log(bayrak);

    //return "<a class='f16'>  <span class= ' flag " + bayrak.toLowerCase() + "'></span>  " + text + " </a>";
    return "<a class='f16'>  <span class= ' flag tr'></span>  " + text + " </a>";


}

@Decorators.option()
public bayrakProperty: string;

public initializeColumn(column: Column) {
    column.referencedFields = column.referencedFields || [];
    if (this.bayrakProperty)
        column.referencedFields.push(this.bayrakProperty);
}

}

[VictorTomaili]

This is because your serenity version is old.