server-dom-shim

import { HTMLElement, customElements, Event, CustomEvent, Element } from 'server-dom-shim'; // Verify that HTMLElement is defined in the server environment console.log('HTMLElement is defined:', typeof HTMLElement !== 'undefined'); // Example: Define a simple custom element (though it won't render visually in Node.js) class MyCustomElement extends HTMLElement { constructor() { super(); // In a real SSR scenario, this would be part of a component's lifecycle // and prevent errors when a framework tries to instantiate it. console.log('MyCustomElement instance created (server-side shim)'); } connectedCallback() { console.log('MyCustomElement connectedCallback (server-side shim)'); } } // Define the custom element if not already defined (important for re-runs in dev) if (!customElements.get('my-custom-element')) { customElements.define('my-custom-element', MyCustomElement); console.log('Custom element "my-custom-element" defined (server-side shim)'); } // Example: Create an event instance const myEvent = new CustomEvent('my-custom-event', { detail: { data: 'hello' } }); console.log(`Created event: ${myEvent.type} with detail:`, myEvent.detail); // This shim allows libraries that expect a DOM environment to run without errors during SSR.