blob: 681568bb0a09fd904cea1b288af01c206303ae5d (
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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
import React from "react";
import { Observable, Subject } from "rxjs";
import { TFunction } from "i18next";
// 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];
}, []);
}
export type I18nText =
| string
| { type: "custom"; value: string }
| { type: "i18n"; value: string };
export function convertI18nText(text: I18nText, t: TFunction): string;
export function convertI18nText(
text: I18nText | null | undefined,
t: TFunction
): string | null;
export function convertI18nText(
text: I18nText | null | undefined,
t: TFunction
): string | null {
if (text == null) {
return null;
} else if (typeof text === "string") {
return t(text);
} else if (text.type === "i18n") {
return t(text.value);
} else {
return text.value;
}
}
|
