Function App

src/App.tsx:319–1178

()

}

function App() {
    const [popup, set_popup] = createSignal<JSX.Element | null>(null);
    const [notification, set_notification] = createSignal<JSX.Element[]>([]);
    const [active_tab, set_active_tab] = createSignal<ActiveTab>(ActiveTab.Recorder);

    const [microphone, set_microphone] = createSignal<string | null>(null);
    const [speaker, set_speaker] = createSignal<string | null>(null);
    const [screen, set_screen] = createSignal<string | null>(null);

    const [model, set_model] = createSignal<string>("SmallWhisper");
    const [model_state, set_model_state] = createSignal(ModelState.Stopped);
    const [model_download_progress, set_model_download_progress] = createSignal(0);

    const [language, set_language] = createSignal("auto");

    const [recording_state, set_recording_state] = createSignal(
        RecorderState.Stopped,
    );

    const [microphones] = createInvokeResource<DeviceResult[]>("list_microphone");
    const [speakers] = createInvokeResource<DeviceResult[]>("list_speaker");
    const [screens] = createInvokeResource<DeviceResult[]>("list_screen");

    const [general_config, { refetch: update_general_config }] =
        createInvokeResource<GeneralConfig>("get_general_config");
    const [smtp_config, { refetch: update_smtp_config }] = createInvokeResource<
        SMTPConfig
    >("get_smtp_config");

    const [transcription_email_to, set_transcription_email_to] = createSignal("");

    const [models, { refetch: update_models }] = createInvokeResource<Model[]>("list_model");
    const [model_categories] = createInvokeResource<{ type: ModelCategory, name: string }[]>("list_model_categories");

    createEffect(() => invoke("select_microphone", { deviceName: microphone() }));
    createEffect(() => invoke("select_speaker", { deviceName: speaker() }));
    createEffect(() => invoke("select_screen", { deviceName: screen() }));

    createEffect(() => invoke("select_model", { model: model() }))
    createEffect(() => invoke("select_language", { language: language() }));

    (async () => {
        if (!await isPermissionGranted()) {
            await requestPermission();
        }
    })();

    async function set_general_config(config: GeneralConfig) {
        await invoke("set_general_config", { generalConfig: config });
        update_general_config();
    }

    createEffect(() => {
        let config = untrack(general_config)!;

        config.transcription_email_to = transcription_email_to();

        set_general_config(config);