add the idom-react-client back into the main repo

Author: rmorshea

src/idom/client/app/package-lock.json

@@ -19,7 +19,7 @@
     "snowpack": "^3.1.0-pre.11"
   },
   "dependencies": {
-    "idom-client-react": "^0.7.3",
+    "idom-client-react": "file:packages/idom-client-react",
     "react": "^16.13.1",
     "react-dom": "^16.13.1"
   }

src/idom/client/app/package.json

@@ -0,0 +1,8 @@
+# Javascript
+# ----------
+node_modules
+
+# IDE
+# ---
+.vscode
+.idea

src/idom/client/app/packages/idom-client-react/.gitignore

@@ -0,0 +1,2 @@
+# idom-client-react
+A client for IDOM implemented in React

src/idom/client/app/packages/idom-client-react/README.md

@@ -0,0 +1,30 @@
+{
+  "name": "idom-client-react",
+  "description": "A client for IDOM implemented in React",
+  "version": "0.7.3",
+  "author": "Ryan Morshead",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/idom-team/idom-client-react"
+  },
+  "main": "src/index.js",
+  "files": [
+    "src/**/*.js"
+  ],
+  "scripts": {
+    "format": "prettier --print-width 88 --write ./src",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "devDependencies": {
+    "prettier": "^2.2.1"
+  },
+  "dependencies": {
+    "fast-json-patch": "^3.0.0-1",
+    "htm": "^3.0.3"
+  },
+  "peerDependencies": {
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1"
+  }
+}

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

@@ -0,0 +1,135 @@
+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));
+  }
+  return data;
+}
+
+const eventCategoryTransforms = {
+  clipboard: (event) => ({
+    clipboardData: event.clipboardData,
+  }),
+  composition: (event) => ({
+    data: event.data,
+  }),
+  keyboard: (event) => ({
+    altKey: event.altKey,
+    charCode: event.charCode,
+    ctrlKey: event.ctrlKey,
+    key: event.key,
+    keyCode: event.keyCode,
+    locale: event.locale,
+    location: event.location,
+    metaKey: event.metaKey,
+    repeat: event.repeat,
+    shiftKey: event.shiftKey,
+    which: event.which,
+  }),
+  mouse: (event) => ({
+    altKey: event.altKey,
+    button: event.button,
+    buttons: event.buttons,
+    clientX: event.clientX,
+    clientY: event.clientY,
+    ctrlKey: event.ctrlKey,
+    metaKey: event.metaKey,
+    pageX: event.pageX,
+    pageY: event.pageY,
+    screenX: event.screenX,
+    screenY: event.screenY,
+    shiftKey: event.shiftKey,
+  }),
+  pointer: (event) => ({
+    pointerId: event.pointerId,
+    width: event.width,
+    height: event.height,
+    pressure: event.pressure,
+    tiltX: event.tiltX,
+    tiltY: event.tiltY,
+    pointerType: event.pointerType,
+    isPrimary: event.isPrimary,
+  }),
+  touch: (event) => ({
+    altKey: event.altKey,
+    ctrlKey: event.ctrlKey,
+    metaKey: event.metaKey,
+    shiftKey: event.shiftKey,
+  }),
+  ui: (event) => ({
+    detail: event.detail,
+  }),
+  wheel: (event) => ({
+    deltaMode: event.deltaMode,
+    deltaX: event.deltaX,
+    deltaY: event.deltaY,
+    deltaZ: event.deltaZ,
+  }),
+  animation: (event) => ({
+    animationName: event.animationName,
+    pseudoElement: event.pseudoElement,
+    elapsedTime: event.elapsedTime,
+  }),
+  transition: (event) => ({
+    propertyName: event.propertyName,
+    pseudoElement: event.pseudoElement,
+    elapsedTime: event.elapsedTime,
+  }),
+};
+
+const eventTypeCategories = {
+  clipboard: ["copy", "cut", "paste"],
+  composition: ["compositionend", "compositionstart", "compositionupdate"],
+  keyboard: ["keydown", "keypress", "keyup"],
+  mouse: [
+    "click",
+    "contextmenu",
+    "doubleclick",
+    "drag",
+    "dragend",
+    "dragenter",
+    "dragexit",
+    "dragleave",
+    "dragover",
+    "dragstart",
+    "drop",
+    "mousedown",
+    "mouseenter",
+    "mouseleave",
+    "mousemove",
+    "mouseout",
+    "mouseover",
+    "mouseup",
+  ],
+  pointer: [
+    "pointerdown",
+    "pointermove",
+    "pointerup",
+    "pointercancel",
+    "gotpointercapture",
+    "lostpointercapture",
+    "pointerenter",
+    "pointerleave",
+    "pointerover",
+    "pointerout",
+  ],
+  selection: ["select"],
+  touch: ["touchcancel", "touchend", "touchmove", "touchstart"],
+  ui: ["scroll"],
+  wheel: ["wheel"],
+  animation: ["animationstart", "animationend", "animationiteration"],
+  transition: ["transitionend"],
+};
+
+const eventTransforms = {};
+
+Object.keys(eventTypeCategories).forEach((category) => {
+  eventTypeCategories[category].forEach((type) => {
+    eventTransforms[type] = eventCategoryTransforms[category];
+  });
+});
+
+export default serializeEvent;