support currentTime attr of audio/video elements

src/idom/client/app/packages/idom-client-react/package.json

@@ -13,7 +13,7 @@
     "src/**/*.js"
   ],
   "scripts": {
-    "format": "prettier --print-width 88 --write ./src",
+    "format": "prettier --write ./src",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "devDependencies": {

src/idom/client/app/packages/idom-client-react/src/event-to-object.js

@@ -1,15 +1,37 @@
 function serializeEvent(event) {
   const data = {};
-  if ("value" in event.target) {
-    data.value = event.target.value;
-  }
   if (event.type in eventTransforms) {
     Object.assign(data, eventTransforms[event.type](event));
   }
+  if (event.target.tagName in targetTransforms) {
+    Object.assign(data, targetTransforms[event.target.tagName]);
+  }
   return data;
 }
 
-const eventCategoryTransforms = {
+const targetTransformCategories = {
+  hasValue: (target) => ({
+    value: target.value,
+  }),
+  hasCurrentTime: (target) => ({
+    currentTime: target.currentTime,
+  }),
+};
+
+const targetTagCategories = {
+  hasValue: ["BUTTON", "INPUT", "OPTION", "LI", "METER", "PROGRESS", "PARAM"],
+  hasCurrentTime: ["AUDIO", "VIDEO"],
+};
+
+const targetTransforms = {};
+
+Object.keys(targetTagCategories).forEach((category) => {
+  targetTagCategories[category].forEach((type) => {
+    targetTransforms[type] = targetTransformCategories[category];
+  });
+});
+
+const eventTransformCategories = {
   clipboard: (event) => ({
     clipboardData: event.clipboardData,
   }),
@@ -128,7 +150,7 @@ const eventTransforms = {};
 
 Object.keys(eventTypeCategories).forEach((category) => {
   eventTypeCategories[category].forEach((type) => {
-    eventTransforms[type] = eventCategoryTransforms[category];
+    eventTransforms[type] = eventTransformCategories[category];
   });
 });