feat: add option to autostart w operating system

package.json

@@ -37,11 +37,13 @@
     "react-router-dom": "^6.13.0",
     "react-use": "^17.4.0",
     "sanitize-html": "^2.11.0",
+    "tauri-plugin-autostart-api": "github:tauri-apps/tauri-plugin-autostart#v1",
     "tauri-plugin-sql-api": "github:tauri-apps/tauri-plugin-sql#v1"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.6.6",
     "@commitlint/config-conventional": "^17.6.6",
+    "@simbathesailor/use-what-changed": "^2.0.0",
     "@tauri-apps/cli": "^1.4.0",
     "@types/node": "^18.7.10",
     "@types/react": "^18.0.15",

src-tauri/Cargo.toml

@@ -20,10 +20,8 @@ reqwest = { version = "0.11", features = ["blocking", "json"] }
 chrono = "0.4.26"
 feed-rs = "1.3.0"
 tauri-plugin-window-state = "0.1.0"
-[dependencies.tauri-plugin-sql]
-git = "https://github.com/tauri-apps/plugins-workspace"
-branch = "v1"
-features = ["sqlite"]
+tauri-plugin-autostart = { git = "https://github.com/tauri-apps/plugins-workspace", branch = "v1" }
+tauri-plugin-sql = { git = "https://github.com/tauri-apps/plugins-workspace", branch = "v1", features = ["sqlite"] }
 
 [features]
 # this feature is used for production builds or when `devPath` points to the filesystem

src-tauri/src/commands/splashscreen.rs

@@ -1,7 +1,7 @@
 use tauri::{Manager, Window};
 
 #[tauri::command]
-pub async fn close_spashscreen(window: Window) {
+pub async fn close_splashscreen(window: Window) {
     if let Some(splashscreen) = window.get_window("splashscreen") {
         splashscreen.close().unwrap();
     }

src-tauri/src/main.rs

@@ -6,8 +6,9 @@ pub mod structs;
 pub mod enums;
 
 use commands::fetcher::{sync, sync_all};
-use commands::splashscreen::close_spashscreen;
+use commands::splashscreen::close_splashscreen;
 use tauri::{generate_handler, generate_context, Manager, Builder, SystemTray, SystemTrayEvent, SystemTrayMenu, CustomMenuItem, AppHandle, Wry};
+use tauri_plugin_autostart::MacosLauncher;
 
 fn show_main_window(app: &AppHandle<Wry>) {
     let window = app.get_window("main").unwrap();
@@ -32,7 +33,8 @@ fn main() {
     Builder::default()
         .plugin(tauri_plugin_window_state::Builder::default().build())
         .plugin(tauri_plugin_sql::Builder::default().build())
-        .invoke_handler(generate_handler![sync, sync_all, close_spashscreen])
+        .plugin(tauri_plugin_autostart::init(MacosLauncher::LaunchAgent, None))
+        .invoke_handler(generate_handler![sync, sync_all, close_splashscreen])
         .system_tray(system_tray)
         .on_system_tray_event(|app, event| match event {
             SystemTrayEvent::DoubleClick {

src/App.tsx

@@ -9,8 +9,8 @@ import { PreferenceProvider } from './components/context/PreferenceContext';
 import { ViewProvider } from './components/context/ViewContext';
 import FooterBar from './components/layout/FooterBar';
 import WindowBar from './components/layout/WindowBar';
-import BackupManager from './components/utils/BackupManager';
 import Clock from './components/utils/Clock';
+import LoadManager from './components/utils/LoadManager';
 import {
   dataReducer,
   initialDataState as defaultDataState,
@@ -45,7 +45,7 @@ function App() {
           <ViewProvider value={viewState}>
             <DispatchProvider value={dispatchers}>
               <Clock />
-              <BackupManager />
+              <LoadManager />
               <ThemeManager>
                 <div className="flex flex-col h-screen text-neutral-800 dark:text-zinc-400 overflow-hidden">
                   <WindowBar />

src/components/modal/PreferenceModal.tsx

@@ -37,6 +37,7 @@ function PreferenceModal() {
             darkMode: false,
             showFeedIcons: false,
             showArticleThumbnails: false,
+            autoStart: false,
           }
         : state,
     [isStateEmpty, state],
@@ -93,6 +94,12 @@ function PreferenceModal() {
             setForm({ ...form, showArticleThumbnails })
           }
         />
+        <Switch
+          label="Launch at startup"
+          name="autoStart"
+          value={form.autoStart}
+          onChange={(autoStart) => setForm({ ...form, autoStart })}
+        />
 
         <div className={clsx('mt-4 flex justify-between flex-row-reverse')}>
           <Form.Submit asChild>

src/components/utils/AutostartManager.ts

@@ -0,0 +1,40 @@
+import { memo, useEffect } from 'react';
+import {
+  enable,
+  isEnabled as isEnabledFunction,
+  disable,
+} from 'tauri-plugin-autostart-api';
+
+import usePreference from '../../hooks/usePreference';
+
+interface AutostartManagerProps {
+  loaded: boolean;
+  triggerLoaded: (state?: boolean) => void;
+}
+
+function AutostartManager({ loaded, triggerLoaded }: AutostartManagerProps) {
+  const preferenceState = usePreference();
+
+  useEffect(() => {
+    async function handleAutostart() {
+      const wantedAutostart = preferenceState.autoStart;
+      const currentAutostart = (await isEnabledFunction()) ?? false;
+
+      if (wantedAutostart && !currentAutostart) {
+        await enable();
+      }
+
+      if (!wantedAutostart && currentAutostart) {
+        await disable();
+      }
+    }
+
+    handleAutostart()
+      .catch((error) => console.error(error))
+      .finally(() => triggerLoaded(true));
+  }, [loaded, preferenceState.autoStart, triggerLoaded]);
+
+  return null;
+}
+
+export default memo(AutostartManager);

src/components/utils/BackupManager.ts

@@ -1,5 +1,4 @@
-import { invoke } from '@tauri-apps/api';
-import { memo, useEffect } from 'react';
+import { memo, useEffect, useMemo } from 'react';
 
 import { DataBackup, PreferenceBackup } from '../../data/Backup';
 import * as Backup from '../../data/Backup';
@@ -9,15 +8,19 @@ import useData from '../../hooks/useData';
 import useDataDispatch from '../../hooks/useDataDispatch';
 import usePreference from '../../hooks/usePreference';
 import usePreferenceDispatch from '../../hooks/usePreferenceDispatch';
+import usePromise from '../../hooks/usePromise';
 import useThrottle from '../../hooks/useThrottle';
 import { LOAD } from '../../state/data/DataActionType';
 import { SET_PREFERENCES } from '../../state/preference/PreferenceActionType';
 
 const throttleTime = 2000;
 
-let loaded = false;
+interface BackupManagerProps {
+  loaded: boolean;
+  triggerLoaded: (state?: boolean) => void;
+}
 
-function BackupManager() {
+function BackupManager({ loaded, triggerLoaded }: BackupManagerProps) {
   const rawDataState = useData();
   const dataDispatch = useDataDispatch();
   const rawPreferenceState = usePreference();
@@ -36,7 +39,7 @@ function BackupManager() {
       state: dataState,
     };
     save(backupStructure).catch((error) => console.error(error));
-  }, [dataState]);
+  }, [dataState, loaded]);
 
   // save preference state
   useEffect(() => {
@@ -48,36 +51,60 @@ function BackupManager() {
       state: preferenceState,
     };
     save(backupStructure).catch((error) => console.error(error));
-  }, [preferenceState]);
+  }, [loaded, preferenceState]);
 
-  useEffect(() => {
-    Promise.all([
+  const dataPromise = useMemo(
+    () =>
       loadData().then((backup) => {
         if (backup !== null) {
           dataDispatch({
             type: LOAD,
             payload: backup.state,
           });
         }
+        return backup;
       }),
+    [dataDispatch],
+  );
+
+  const preferencePromise = useMemo(
+    () =>
       loadPreference().then((backup) => {
         if (backup !== null) {
           preferenceDispatch({
             type: SET_PREFERENCES,
             payload: backup.state,
           });
         }
+        return backup;
       }),
-    ])
-      .then(() => {
-        loaded = true;
-      })
-      .then(() => invoke('close_spashscreen'))
-      .catch((error) => {
-        // TODO : error on loading backup, explode to not corrupt data
-        console.error(error);
-      });
-  }, [dataDispatch, preferenceDispatch]);
+    [preferenceDispatch],
+  );
+
+  const { loading: dataLoading, error: dataError } = usePromise(dataPromise);
+
+  const { loading: preferenceLoading, error: preferenceError } =
+    usePromise(preferencePromise);
+
+  useEffect(() => {
+    if (dataLoading || preferenceLoading) return;
+
+    if (dataError || preferenceError) {
+      // TODO : error on loading backup, explode to not corrupt data
+      console.error(dataError);
+      console.error(preferenceError);
+      return;
+    }
+
+    triggerLoaded(true);
+  }, [
+    dataError,
+    dataLoading,
+    loaded,
+    preferenceError,
+    preferenceLoading,
+    triggerLoaded,
+  ]);
 
   return null;
 }