feat(): emit warning when emitting event while disconnected

Author: manucorporat

src/runtime/event-emitter.ts

@@ -5,15 +5,20 @@ import { getElement, win } from '@platform';
 
 
 export const createEvent = (ref: d.RuntimeRef, name: string, flags: number) => {
-  const elm = getElement(ref);
+  const elm = getElement(ref) as HTMLElement;
   return {
-    emit: (detail: any) => elm.dispatchEvent(
-      new (BUILD.hydrateServerSide ? (win as any).CustomEvent : CustomEvent)(name, {
-        bubbles: !!(flags & EVENT_FLAGS.Bubbles),
-        composed: !!(flags & EVENT_FLAGS.Composed),
-        cancelable: !!(flags & EVENT_FLAGS.Cancellable),
-        detail
-      })
-    )
+    emit: (detail: any) => {
+      if (BUILD.isDev && !elm.isConnected) {
+        console.warn(`The "${name}" event was emitted, but the dispatcher node is not longer connected to the dom.`);
+      }
+      return elm.dispatchEvent(
+        new (BUILD.hydrateServerSide ? (win as any).CustomEvent : CustomEvent)(name, {
+          bubbles: !!(flags & EVENT_FLAGS.Bubbles),
+          composed: !!(flags & EVENT_FLAGS.Composed),
+          cancelable: !!(flags & EVENT_FLAGS.Cancellable),
+          detail
+        })
+      );
+    }
   };
 };