Support solid-element (or JSX in general)

[Atulin]

Example of a component using solid-element:

import { type ComponentType, customElement } from "solid-element";

const Icon: ComponentType<{ icon: string }> = (props) => {
	return (
		<svg width="24" height="24" class="o-icon" part="icon">
			<title>{props.icon}</title>
			<use href={`/svg/spritesheet.svg#${props.icon}`} />
		</svg>
	);
};

customElement("x-icon", { icon: "" }, Icon);

The data about the element can be gleaned from just the customElement() call. First param is the component name, then there's the attributes. In this case, name is x-icon and one attribute is icon: string.

Solid-element uses component-register under the hood, so perhaps that is what should be analyzed, since that package supports Preact, React, and Knockout as well.

[binlabs]

There is a JSX types generating plugin: @wc-toolkit/jsx-types

[break-stuff]

I think this is for when you create custom elements using SolidJS.

@Atulin how are you documenting these components. Are you using JSDoc tags?

[Atulin]

No JSDoc, just Typescript