Add support for extracting the tag name in types

[wooorm]

Initial checklist

• I read the support docs
• I read the contributing guide
• I agree to follow the code of conduct
• I searched issues and couldn’t find anything (or linked relevant results below)

Subject

Add support for extracting the tag name in types

Problem

h('a') // Element

Solution

h('a') // Element & {tagName: 'a'}

Something along these lines:

type DefaultTagName = 'div'
type ExtractTagName<T extends string> =
  T extends `${infer TagName}#${infer _}`
  ? (TagName extends '' ? DefaultTagName : ExtractTagName<TagName>)
  : T extends `${infer TagName}.${infer _}`
  ? (TagName extends '' ? DefaultTagName : TagName)
  : (T extends '' ? DefaultTagName : T); // No match

type A = ExtractTagName<'a'>;
type B = ExtractTagName<'#id'>;
type C = ExtractTagName<'.class'>;
type D = ExtractTagName<'a.red.blue'>;
type E = ExtractTagName<'a.class#id'>;
type F = ExtractTagName<'a#id.class'>;
type G = ExtractTagName<'a#'>;
type H = ExtractTagName<'.'>;

https://www.typescriptlang.org/play?ts=4.1.0-pr-40336-88#code/C4TwDgpgBAogHsATgQwMbACrIOYDlkC2EAPBlBAhAHYAmAzlHUgJZXYB8UAvAFBRRkKwavSgADACQBvVgDMIiATnxEAvgGJpchVAD6qsXygB+KAAoseQtCEiGAcnsmo9mswBuTgFywEKdJYqJIHW7ACURj6ClLQMkjJU8oohagB0Wok6+ob8phbK1uQxoo7Orh7eSlZEEfw+FkXCsS5OpuWeUFFhANxQAPR9ULgA9lAEyMCoABY8PKCQUACC3L5IaJgFRMT2dGDIVPbs3XPg0ABCK-BrAZsk9urMNIfH89AACpd+6yl3qagANsg6HRnicFgBhT7XDbVO4AI1SiAgNFScP+AFcIKDXlAAGJQ-wwoLbIEogFAugPJ5HWazIA

Alternatives

n/a

[github-actions]

Hi! This was marked as ready to be worked on! Note that while this is ready to be worked on, nothing is said about priority: it may take a while for this to be solved.

Is this something you can and want to work on?

Team: please use the area/* (to describe the scope of the change), platform/* (if this is related to a specific one), and semver/* and type/* labels to annotate this. If this is first-timers friendly, add good first issue and if this could use help, add help wanted.

[github-actions]

Hi! This was closed. Team: If this was fixed, please add the phase/solved label. Oterhwise, please add one of the no/* labels.