feat(wip): 前端, 以及編譯前端

TODO: 修復 webpack (in mian.ts)

client/ui/useEventListener.js

@@ -0,0 +1,17 @@
+/**
+ * @callback callback
+ * @param { Event } event 
+ */
+
+/**
+ * 绑定事件
+ * @param { React.Ref } ref 
+ * @param { String } eventName 
+ * @param { callback } callback 
+ */
+export default function useEventListener(ref, eventName, callback) {
+    React.useEffect(() => {
+        ref.current.addEventListener(eventName, callback)
+        return () => ref.current.removeEventListener(eventName, callback)
+    }, [ref, eventName, callback])
+}