172 lines
8.2 KiB
JavaScript
172 lines
8.2 KiB
JavaScript
import {
|
|
atom,
|
|
useAtomValue,
|
|
useSetAtom
|
|
} from "jotai";
|
|
|
|
import {
|
|
translator_list,
|
|
generateTestData,
|
|
word_filter_list,
|
|
} from "@data";
|
|
|
|
export const store = {
|
|
backend_subprocess: null,
|
|
config_page: null,
|
|
log_box_ref: null,
|
|
};
|
|
|
|
const generatePropertyNames = (base_ame) => ({
|
|
current: `current${base_ame}`,
|
|
update: `update${base_ame}`,
|
|
async_update: `asyncUpdate${base_ame}`,
|
|
add: `add${base_ame}`,
|
|
async_add: `asyncAdd${base_ame}`,
|
|
});
|
|
|
|
const createAtomWithHook = (initialValue, base_ame) => {
|
|
const property_names = generatePropertyNames(base_ame);
|
|
const atomInstance = atom(initialValue);
|
|
|
|
const useHook = () => {
|
|
const currentAtom = useAtomValue(atomInstance);
|
|
const setAtom = useSetAtom(atomInstance);
|
|
|
|
const updateAtom = (value) => {
|
|
setAtom(value);
|
|
};
|
|
|
|
const addAtom = (value) => {
|
|
setAtom((old_value) => [...old_value, value]);
|
|
};
|
|
|
|
return {
|
|
[property_names.current]: currentAtom,
|
|
[property_names.update]: updateAtom,
|
|
[property_names.add]: addAtom,
|
|
};
|
|
};
|
|
|
|
return { atomInstance, useHook };
|
|
};
|
|
|
|
import { loadable } from "jotai/utils";
|
|
const createAsyncAtomWithHook = (initialValue, base_ame) => {
|
|
const property_names = generatePropertyNames(base_ame);
|
|
const atomInstance = atom(initialValue);
|
|
const asyncAtom = atom(async (get) => get(atomInstance));
|
|
const loadableAtom = loadable(asyncAtom);
|
|
|
|
const useHook = () => {
|
|
const asyncCurrentAtom = useAtomValue(loadableAtom);
|
|
const setAtom = useSetAtom(atomInstance);
|
|
|
|
const updateAtom = (value) => {
|
|
setAtom(value);
|
|
};
|
|
|
|
const asyncSetAtom = useSetAtom(atom(null, async (get, set, payloadAsyncFunc, ...args) => {
|
|
set(atomInstance, payloadAsyncFunc(...args));
|
|
}));
|
|
|
|
const asyncUpdateAtom = async (asyncFunction, ...args) => {
|
|
asyncSetAtom(asyncFunction, ...args);
|
|
};
|
|
|
|
const addAtom = (value) => {
|
|
setAtom((old_value) => [...old_value, value]);
|
|
};
|
|
|
|
const asyncAddAtom = useSetAtom(atom(null, async (get, set, payloadAsyncFunc, ...args) => {
|
|
const old_value = await get(atomInstance);
|
|
set(atomInstance, payloadAsyncFunc([...old_value, ...args]));
|
|
}));
|
|
|
|
return {
|
|
[property_names.current]: asyncCurrentAtom,
|
|
[property_names.update]: updateAtom,
|
|
[property_names.async_update]: asyncUpdateAtom,
|
|
[property_names.add]: addAtom,
|
|
[property_names.async_add]: asyncAddAtom,
|
|
};
|
|
};
|
|
|
|
return { atomInstance, useHook };
|
|
};
|
|
|
|
export const { atomInstance: Atom_SoftwareVersion, useHook: useSoftwareVersion } = createAtomWithHook("-", "SoftwareVersion");
|
|
|
|
export const { atomInstance: Atom_UiLanguageStatus, useHook: useUiLanguageStatus } = createAtomWithHook("en", "UiLanguageStatus");
|
|
export const { atomInstance: Atom_TranslationStatus, useHook: useTranslationStatus } = createAsyncAtomWithHook(false, "TranslationStatus");
|
|
export const { atomInstance: Atom_TranscriptionSendStatus, useHook: useTranscriptionSendStatus } = createAsyncAtomWithHook(false, "TranscriptionSendStatus");
|
|
export const { atomInstance: Atom_TranscriptionReceiveStatus, useHook: useTranscriptionReceiveStatus } = createAsyncAtomWithHook(false, "TranscriptionReceiveStatus");
|
|
export const { atomInstance: Atom_ForegroundStatus, useHook: useForegroundStatus } = createAsyncAtomWithHook(false, "ForegroundStatus");
|
|
|
|
export const { atomInstance: Atom_MessageLogsStatus, useHook: useMessageLogsStatus } = createAtomWithHook(generateTestData(20), "MessageLogsStatus");
|
|
export const { atomInstance: Atom_MainPageCompactModeStatus, useHook: useMainPageCompactModeStatus } = createAtomWithHook(false, "MainPageCompactModeStatus");
|
|
export const { atomInstance: Atom_IsOpenedLanguageSelector, useHook: useIsOpenedLanguageSelector } = createAtomWithHook(
|
|
{ your_language: false, target_language: false },
|
|
"IsOpenedLanguageSelector"
|
|
);
|
|
|
|
export const { atomInstance: Atom_SelectedPresetTabStatus, useHook: useSelectedPresetTabStatus } = createAtomWithHook(1, "SelectedPresetTabStatus");
|
|
export const { atomInstance: Atom_IsOpenedConfigPage, useHook: useIsOpenedConfigPage } = createAtomWithHook(false, "IsOpenedConfigPage");
|
|
export const { atomInstance: Atom_SelectedConfigTabId, useHook: useSelectedConfigTabId } = createAtomWithHook("device", "SelectedConfigTabId");
|
|
export const { atomInstance: Atom_IsOpenedDropdownMenu, useHook: useIsOpenedDropdownMenu } = createAtomWithHook("", "IsOpenedDropdownMenu");
|
|
|
|
|
|
// Config Page
|
|
export const { atomInstance: Atom_MicHostList, useHook: useMicHostList } = createAsyncAtomWithHook({}, "MicHostList");
|
|
export const { atomInstance: Atom_SelectedMicHost, useHook: useSelectedMicHost } = createAsyncAtomWithHook("Nothing Selected", "SelectedMicHost");
|
|
export const { atomInstance: Atom_MicDeviceList, useHook: useMicDeviceList } = createAsyncAtomWithHook({}, "MicDeviceList");
|
|
export const { atomInstance: Atom_SelectedMicDevice, useHook: useSelectedMicDevice } = createAsyncAtomWithHook("Nothing Selected", "SelectedMicDevice");
|
|
|
|
export const { atomInstance: Atom_SpeakerDeviceList, useHook: useSpeakerDeviceList } = createAsyncAtomWithHook({}, "SpeakerDeviceList");
|
|
export const { atomInstance: Atom_SelectedSpeakerDevice, useHook: useSelectedSpeakerDevice } = createAsyncAtomWithHook("Nothing Selected", "SelectedSpeakerDevice");
|
|
|
|
export const { atomInstance: Atom_MicVolume, useHook: useMicVolume } = createAsyncAtomWithHook(0, "MicVolume");
|
|
export const { atomInstance: Atom_SpeakerVolume, useHook: useSpeakerVolume } = createAsyncAtomWithHook(0, "SpeakerVolume");
|
|
|
|
export const { atomInstance: Atom_MicThreshold, useHook: useMicThreshold } = createAtomWithHook(0, "MicThreshold");
|
|
export const { atomInstance: Atom_SpeakerThreshold, useHook: useSpeakerThreshold } = createAtomWithHook(0, "SpeakerThreshold");
|
|
|
|
|
|
export const { atomInstance: Atom_SendMessageFormat, useHook: useSendMessageFormat } = createAtomWithHook({
|
|
before: "",
|
|
after: "",
|
|
}, "SendMessageFormat");
|
|
export const { atomInstance: Atom_SendMessageFormatWithT, useHook: useSendMessageFormatWithT } = createAtomWithHook({
|
|
before: "",
|
|
between: "",
|
|
after: "",
|
|
is_message_first: true,
|
|
}, "SendMessageFormatWithT");
|
|
export const { atomInstance: Atom_ReceivedMessageFormat, useHook: useReceivedMessageFormat } = createAtomWithHook({
|
|
before: "",
|
|
after: "",
|
|
}, "ReceivedMessageFormat");
|
|
export const { atomInstance: Atom_ReceivedMessageFormatWithT, useHook: useReceivedMessageFormatWithT } = createAtomWithHook({
|
|
before: "",
|
|
between: "",
|
|
after: "",
|
|
is_message_first: true,
|
|
}, "ReceivedMessageFormatWithT");
|
|
|
|
export const { atomInstance: Atom_IsOpenedWordFilterList, useHook: useIsOpenedWordFilterList } = createAtomWithHook(false, "IsOpenedWordFilterList");
|
|
export const { atomInstance: Atom_WordFilterList, useHook: useWordFilterList } = createAtomWithHook(word_filter_list, "WordFilterList");
|
|
|
|
|
|
|
|
// Others
|
|
export const { atomInstance: Atom_EnableAutoClearMessageBox, useHook: useEnableAutoClearMessageBox } = createAsyncAtomWithHook(true, "EnableAutoClearMessageBox");
|
|
export const { atomInstance: Atom_SendMessageButtonType, useHook: useSendMessageButtonType } = createAsyncAtomWithHook("show", "SendMessageButtonType");
|
|
|
|
|
|
|
|
|
|
export const { atomInstance: Atom_TranslatorListStatus, useHook: useTranslatorListStatus } = createAtomWithHook(translator_list, "TranslatorListStatus");
|
|
export const { atomInstance: Atom_SelectedTranslatorIdStatus, useHook: useSelectedTranslatorIdStatus } = createAtomWithHook("CTranslate2", "SelectedTranslatorIdStatus");
|
|
export const { atomInstance: Atom_IsOpenedTranslatorSelector, useHook: useIsOpenedTranslatorSelector } = createAtomWithHook(false, "IsOpenedTranslatorSelector");
|
|
|
|
export const { atomInstance: Atom_VrctPosterIndex, useHook: useVrctPosterIndex } = createAtomWithHook(0, "VrctPosterIndex");
|
|
export const { atomInstance: Atom_PosterShowcaseWorldPageIndex, useHook: usePosterShowcaseWorldPageIndex } = createAtomWithHook(0, "PosterShowcaseWorldPageIndex"); |