Remove 3rd party custom hooks (realdennis#54)

package.json

@@ -10,7 +10,6 @@
   "main": "src/index.js",
   "dependencies": {
     "codemirror": "^5.45.0",
-    "create-event-target-hook": "^1.2.2",
     "github-markdown-css": "3.0.1",
     "highlight.js": "9.15.8",
     "nonaction": "0.0.5",
@@ -21,7 +20,6 @@
     "react-remarkable": "1.1.3",
     "react-scripts": "^3.0.1",
     "styled-components": "4.3.2",
-    "use-event-target": "^1.2.0",
     "workbox-background-sync": "^5.1.3",
     "workbox-broadcast-update": "^5.1.3",
     "workbox-cacheable-response": "^5.1.3",

src/App/Components/Header/Upload.js

@@ -1,20 +1,22 @@
 import React from 'react';
-import useEventTarget from 'use-event-target';
 import uploadFile from '../../Lib/uploadFile.js';
-const useReader = useEventTarget(new FileReader());
+
 export default props => {
-  const [reader] = useReader('load', evt => {
-    if (evt.target.readyState !== 2) return;
-    if (evt.target.error) {
-      alert('Error while reading file');
-      return;
-    }
-    const content = evt.target.result;
-    uploadFile(content);
-  });
   const onChange = e => {
     const files = e.currentTarget.files;
-    files.length > 0 && reader.readAsText(files[0]);
+    if (files.length > 0) {
+      const reader = new FileReader();
+      reader.onload = loadEvent => { 
+        if (loadEvent.target.readyState !== 2) return;
+        if (loadEvent.target.error) {
+          alert('Error while reading file');
+          return;
+        }
+        const content = loadEvent.target.result;
+        uploadFile(content);
+      };
+      reader.readAsText(e.target.files[0]);
+    }
   };
   return (
     <p {...props} style={{ position: 'relative' }}>

src/App/Components/Markdown/index.js

@@ -1,4 +1,4 @@
-import React, { useState, useRef } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 import styled from 'styled-components';
 import { useProvided } from 'nonaction';
 import { TextContainer } from '../../Container';
@@ -8,8 +8,6 @@ import DragBar from './DragBar.js';
 import 'github-markdown-css';
 import useDrop from '../../Container/Hooks/useDrop.js';
 import uploadFile from '../../Lib/uploadFile.js';
-import createEventTargetHook from 'create-event-target-hook';
-const useWindowEvent = createEventTargetHook(window);
 
 const Markdown = ({ className }) => {
   const [text, setText] = useProvided(TextContainer);
@@ -20,7 +18,13 @@ const Markdown = ({ className }) => {
   const [uploading, isOver] = useDrop(markdownRef, uploadFile);
   // Partial fileText & text
 
-  useWindowEvent('mouseup', () => setDrag(false));
+  useEffect(() => {
+    const handleMouseUp = () => setDrag(false);
+    document.addEventListener('mouseup', handleMouseUp);
+    return () => {
+      document.removeEventListener('mouseup', handleMouseUp);
+    };
+  }, []);
   // The state `isDrag` must be false, when mouse up!
   // So we listen it in window! (Seems ugly, but it just works ha.)
   return (

yarn.lock

@@ -2864,11 +2864,6 @@ create-ecdh@^4.0.0:
     bn.js "^4.1.0"
     elliptic "^6.0.0"
 
-create-event-target-hook@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/create-event-target-hook/-/create-event-target-hook-1.2.2.tgz#43083aa597a292e82ea68ea0f2501aaf1e5ee8b0"
-  integrity sha512-ReLY5B/7hqkU+WlbbyQOzYtUCqDsBg75RjguLTpx3RI4WXGPqisePWtm+OpUZWLSZF109CIXVglT2Y3CSCuGOg==
-
 create-hash@^1.1.0, create-hash@^1.1.2:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/create-hash/-/create-hash-1.2.0.tgz#889078af11a63756bcfb59bd221996be3a9ef196"
@@ -9666,13 +9661,6 @@ url@^0.11.0:
     punycode "1.3.2"
     querystring "0.2.0"
 
-use-event-target@^1.2.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/use-event-target/-/use-event-target-1.2.1.tgz#76085e5bd816a7b3b4a138bf8eccc155f8080137"
-  integrity sha512-8UrF+k8nAgsPZRIQUc5vh1ZB+Pao5wvO4yJXagfHUqSySvwe2sasqCR/bftqqkwUsrx/Ei7DmKE5J9tDyRD4hw==
-  dependencies:
-    "@babel/preset-react" "^7.0.0"
-
 use@^3.1.0:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/use/-/use-3.1.1.tgz#d50c8cac79a19fbc20f2911f56eb973f4e10070f"