Value Converter Capabilities

[hiaux0]

What

Inside your view (.html file) inside a "value converter region" (indicated by |), have intellisense for value converters

Glossary

[VC] - Value Converter
[VCR] - Value Converter Region

Official Example

export class SortValueConverter {
  toView(array: string[], config: Config, solution: number) {
    // ...
  }
}

    <tr
                           [VCR1]
                         _v__
      if.bind="message | sort"
      repeat.for="repo of repos | sort:column.value:direction.value | take:10"
                                  _____________^____________________  __^___
                                                   [VCR2]              [VCR3]
    >
      ...
    </tr>

Capabilities

Completion

Complete all [VC]s

• After a [VCR] starts (eg. after |), type au to get a list of all available [VC]s

GIF

Complete [VC] toView arguments

• After the name of a [VC] (eg. after the "t" in [VCR1] type ":" to get completions for arguments of toView

GIF

Go to definition

• Go to the file if "go to def." is triggered inside a [VCR]

GIF

Limitations

1. all [VC]s are provided
2. not limited to [VC]s you imported inside the view
3. not aware of global [VC]s, because completion is for all (see 1.)
4. Does not work on chained value converters
   repo of repos | sort:column.value:direction.value | take:10

Future

• Intellisense for value converter arguments of current view (ie. complete view Model variables for VC)
  Eg.

1. Argument completion are config and solution
2. If tab to config get completion of the current view/viewModel

• Diagnosis

[bigopon]

That go to definition is really cool 👍 nice progress