🙏 Help: List of CustomElements

[deleonio]

Summary

Do you already have a function that can return all the names of the available CustomElements in a string list? Or would it be better to write them ourselves from the custom-elements.json file? If the latter, how stable is this file?

Additional information

No response

Example

No response

[deleonio]

Exactly. The custom-elements.json is generated when building KoliBri and is located in the NPM package @public-ui/components (NPM-Content). There it can always be read and processed in versioned form.

FYI: @Chrisdo82

[Chrisdo82]

Thank you

[Chrisdo82]

@deleonio

This is not exactly what I need. To clarify my question, what I want to have is a TS Union Type consisting of all the custom element names:

'kol-abbr' | 'kol-accordion' | 'kol-alert' | ...

It's not possible with Typescript to extract the type of a json file.

import koliBriCustomElementsDefinition from '@public-ui/components/custom-elements.json' assert { type: 'json' }

const names = koliBriCustomElementsDefinition.tags.map((tag) => tag.name)
type CustomElementNames = typeof names[number]

this results in type CustomElementNames = string