feat: resolve WebComponent constructor within h()

As you know https://github.com/skatejs/skatejs 5.x is using Preact as default renderer ( we switched from Incremental DOM )

What would be awesome, is to add support for resolving custom-elements constructors within h so we can provide functionality like in v4:

import {
 h, // h is re-exporeted Preacts h
 Component // skate WebComponent composed mixin
} from 'skate'
import { MyUserCard  } from './web-components'
import { store } from './store'

class MyCmp extends Component {
  static get is(){ return 'my-cmp' }
  
  connectedCallback(){
     this.data = store.get('user')
  }
  
  renderCallback(){
    return (
        <div>
           <h1>Hello World</h1>
            <MyUserCard user={this.data} /> 
        </div>
     )
  }
}

window.customElements.define( MyCmp.is, MyCmp )

so <MyUserCard user={this.data} /> will be recognised by h that it’s a custom element and will output -> <my-user-card></my-user-card>

This feature would also add better support to raw WebComponents which as win win for everyone #useThePlatform

[thysultan]

Custom Elements also inherit from Node so vnodeName.ELEMENT_NODE === 1 should also work since HTMLElement is not available in the global namespace of ex. Node.js so it might throw when using the renderToString module.

Is HTMLElement the only class Custom Elements can extend?

[Hotell]

Sweeeeeeet Christmassss !