aboutsummaryrefslogtreecommitdiff
path: root/FrontEnd/src/app/common.ts
blob: 0a2d345fdaf594564fa5aab9eb60e26a4d072f46 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
import React from "react";
import { Observable, Subject } from "rxjs";

// This error is thrown when ui goes wrong with bad logic.
// Such as a variable should not be null, but it does.
// This error should never occur. If it does, it indicates there is some logic bug in codes.
export class UiLogicError extends Error {}

export function useEventEmiiter(): [() => Observable<null>, () => void] {
  const ref = React.useRef<Subject<null> | null>(null);

  return React.useMemo(() => {
    const getter = (): Subject<null> => {
      if (ref.current == null) {
        ref.current = new Subject<null>();
      }
      return ref.current;
    };
    const trigger = (): void => {
      getter().next(null);
    };
    return [getter, trigger];
  }, []);
}

export function useValueEventEmiiter<T>(): [
  () => Observable<T>,
  (value: T) => void
] {
  const ref = React.useRef<Subject<T> | null>(null);

  return React.useMemo(() => {
    const getter = (): Subject<T> => {
      if (ref.current == null) {
        ref.current = new Subject<T>();
      }
      return ref.current;
    };
    const trigger = (value: T): void => {
      getter().next(value);
    };
    return [getter, trigger];
  }, []);
}