Merge pull request #7 from ryansolid/hydration

Hydration

Author: ryansolid

index.js

@@ -349,4 +349,32 @@ const SVGElements = new Set([
   "vkern"
 ]);
 
-export { Attributes, SVGAttributes, NonComposedEvents, SVGElements };
+/*
+(function() {
+  window._$HYDRATION = { events: [], completed: new Set() };
+  function lookup(el) {
+    return el && (el.getAttribute("_hk") || lookup((el.host && el.host instanceof Node) ? el.host : el.parentNode));
+  }
+  function hydrationEventHandler(e) {
+    let node = (e.composedPath && e.composedPath()[0]) || e.target;
+    const id = lookup(node);
+    if (id && !window._$HYDRATION.completed.has(id)) window._$HYDRATION.events.push([id, e]);
+  }
+  ["${eventNames.join(
+    '","'
+  )}"].forEach(name => document.addEventListener(name, hydrationEventHandler));
+})();
+*/
+function generateHydrationEventsScript(eventNames) {
+  return `!function(){function t(t){const e=function t(e){return e&&(e.getAttribute("_hk")||t(e.host&&e.host instanceof Node?e.host:e.parentNode))}(t.composedPath&&t.composedPath()[0]||t.target);e&&!window._$HYDRATION.completed.has(e)&&window._$HYDRATION.events.push([e,t])}window._$HYDRATION={events:[],completed:new Set},["${eventNames.join(
+    '","'
+  )}"].forEach(e=>document.addEventListener(e,t))}();`;
+}
+
+export {
+  Attributes,
+  SVGAttributes,
+  NonComposedEvents,
+  SVGElements,
+  generateHydrationEventsScript
+};