import "@lit-labs/ssr/lib/render-with-global-dom-shim.js";
import { render as renderDomShim } from "@lit-labs/ssr/lib/render-with-global-dom-shim.js";
import { html, unsafeStatic } from 'lit/static-html.js'
import { LitElement } from 'lit'

/**
 * Rendering a static `<p>` fails
 *
 * ```
 * Error: unexpected final partIndex: 0 !== 1
 * ```
 */
const staticP = unsafeStatic('p');
for (const part of renderDomShim(html`<${staticP}>hello</${staticP}>`)) {
  console.log(part);
}

/**
 * Rendering a custom element also fails
 */
customElements.define('any-thing', class extends LitElement {
  render() {
    return html`<p>Hello world</p>`
  }
})

const element = unsafeStatic('any-thing');
for (const part of renderDomShim(html`<${element}>hello</${element}>`)) {
  console.log(part);
}