fix toggle in front end

.gitignore

@@ -1,6 +1,6 @@
 node_modules
 dist
-clippy.sqlite
+*.sqlite
 yarn.lock
 package-lock.json
 pnpm-lock.yamlor.log
@@ -15,4 +15,5 @@ bun.lockb
 # will have compiled files and executables
 target/
 context.txt
-sea_orm_*.txt
+sea_orm_*.txt
+config.json

.prettierignore

@@ -1,6 +1,6 @@
 node_modules
 dist
-clippy.sqlite
+*.sqlite
 yarn.lock
 package-lock.json
 pnpm-lock.yaml

package.json

@@ -10,7 +10,7 @@
     "dev": "vite",
     "build": "vite build",
     "tauri": "cross-env NO_STRIP=true tauri",
-    "d": "tauri dev",
+    "d": "cross-env RUST_BACKTRACE=1 tauri dev",
     "gen": "sea-orm-cli migrate refresh -v -d src-tauri/migration && sea-orm-cli generate entity -l -o src-tauri/entity/src --expanded-format --with-serde both",
     "icon": "tauri icon"
   },

src-tauri/Cargo.toml

@@ -56,6 +56,8 @@ infer = "0"
 mime_guess = "2"
 tree_magic_mini = "3"
 
+color-backtrace = "0"
+
 [profile.release]
 # panic = "abort"
 # codegen-units = 1

src-tauri/common/src/constants.rs

@@ -9,6 +9,9 @@ pub static GLOBAL_EVENTS: LazyLock<Vec<String>> = LazyLock::new(|| {
     ]
 });
 
+pub static DB_NAME: &str = "clippy.sqlite";
+pub static CONFIG_NAME: &str = "config.json";
+
 pub static MAIN_WINDOW_X: i32 = 375;
 pub static MAIN_WINDOW_Y: i32 = 600;
 

src-tauri/entity/src/settings.rs

@@ -17,7 +17,6 @@ pub struct Model {
     pub id: i32,
     pub language: String,
     pub startup: bool,
-    pub notification: bool,
     pub synchronize: bool,
     pub dark_mode: bool,
     pub display_scale: f32,
@@ -33,7 +32,6 @@ pub enum Column {
     Id,
     Language,
     Startup,
-    Notification,
     Synchronize,
     DarkMode,
     DisplayScale,
@@ -66,7 +64,6 @@ impl ColumnTrait for Column {
             Self::Id => ColumnType::Integer.def(),
             Self::Language => ColumnType::String(StringLen::N(2u32)).def(),
             Self::Startup => ColumnType::Boolean.def(),
-            Self::Notification => ColumnType::Boolean.def(),
             Self::Synchronize => ColumnType::Boolean.def(),
             Self::DarkMode => ColumnType::Boolean.def(),
             Self::DisplayScale => ColumnType::Float.def(),

src-tauri/migration/src/m000007_create_settings.rs

@@ -9,7 +9,7 @@ use common::{
 };
 use sea_orm_migration::{
     prelude::*,
-    schema::{boolean,  float, integer, pk_auto, string},
+    schema::{boolean, float, integer, pk_auto, string},
 };
 
 #[derive(Iden)]
@@ -19,7 +19,6 @@ enum Settings {
     Language,
     //
     Startup,
-    Notification,
     Synchronize,
     DarkMode,
     DisplayScale,
@@ -49,7 +48,6 @@ impl MigrationTrait for Migration {
                             .default(get_system_language().to_string()),
                     )
                     .col(boolean(Settings::Startup).default(true))
-                    .col(boolean(Settings::Notification).default(false))
                     .col(boolean(Settings::Synchronize).default(false))
                     .col(boolean(Settings::DarkMode).default(true))
                     .col(

src-tauri/src/connection.rs

@@ -1,6 +1,6 @@
 use crate::prelude::*;
 use crate::service::settings::get_data_path;
-use common::types::types::Config;
+use common::{constants::DB_NAME, types::types::Config};
 use migration::{DbErr, Migrator, MigratorTrait};
 use std::sync::Once;
 
@@ -9,7 +9,7 @@ static INIT: Once = Once::new();
 
 pub async fn db() -> Result<DbConn, DbErr> {
     let database_url = if cfg!(debug_assertions) {
-        String::from("sqlite://../clippy.sqlite?mode=rwc")
+        format!("sqlite://../{}?mode=rwc", DB_NAME)
     } else {
         get_prod_database_url()
     };

src-tauri/src/main.rs

@@ -3,6 +3,8 @@
 
 #[tokio::main]
 async fn main() {
+    color_backtrace::install();
+
     #[cfg(target_os = "linux")]
     {
         // See: https://github.com/spacedriveapp/spacedrive/issues/1512#issuecomment-1758550164

src-tauri/src/service/hotkey.rs

@@ -1,4 +1,4 @@
-use super::global::{get_app_window, get_main_window};
+use super::global::{get_app, get_main_window};
 use crate::prelude::*;
 use crate::{
     connection,
@@ -8,7 +8,7 @@ use common::types::enums::{ListenEvent, WebWindow};
 use core::future::Future;
 use entity::hotkey::{self, ActiveModel, Model};
 use sea_orm::{ActiveModelTrait, EntityTrait};
-use tauri::Emitter;
+use tauri::{Emitter, Manager};
 
 pub async fn get_all_hotkeys_db() -> Result<Vec<Model>, DbErr> {
     let db: DatabaseConnection = connection::db().await?;
@@ -45,9 +45,14 @@ where
     get_main_window()
         .emit(ListenEvent::Init.to_string().as_str(), ())
         .expect("Failed to emit init event");
-    get_app_window(WebWindow::Settings)
-        .emit(ListenEvent::Init.to_string().as_str(), ())
-        .expect("Failed to emit init event");
+
+    if let Some(settings_window) =
+        get_app().get_webview_window(WebWindow::Settings.to_string().as_str())
+    {
+        settings_window
+            .emit(ListenEvent::Init.to_string().as_str(), ())
+            .expect("Failed to emit init event");
+    }
 
     result
 }

src-tauri/src/service/settings.rs

@@ -4,6 +4,8 @@ use crate::connection;
 use crate::prelude::*;
 use crate::service::window::get_monitor_scale_factor;
 use crate::{commands::settings::get_settings, service::hotkey::with_hotkeys};
+use common::constants::CONFIG_NAME;
+use common::constants::DB_NAME;
 use common::language::get_system_language;
 use common::types::types::Config;
 use common::types::types::DataPath;
@@ -73,23 +75,34 @@ pub fn init_settings() {
 }
 
 pub fn get_data_path() -> DataPath {
-    let config_path = get_app()
-        .path()
-        .app_data_dir()
-        .expect("Failed to get app data dir")
-        .to_string_lossy()
-        .to_string();
+    let config_path = if cfg!(debug_assertions) {
+        // Get absolute project root directory
+        let current_dir = std::env::current_dir()
+            .expect("Failed to get current directory")
+            .parent()
+            .expect("Failed to get parent directory")
+            .to_path_buf();
+
+        current_dir.to_string_lossy().to_string()
+    } else {
+        // Use app data dir in production
+        get_app()
+            .path()
+            .app_data_dir()
+            .expect("Failed to get app data dir")
+            .to_string_lossy()
+            .to_string()
+    };
 
     fs::create_dir_all(&config_path).expect("Failed to create config directory");
 
-    // let config_file = Path::new(&config_dir).join("config.json");
-    let config_file_path = [&config_path, "config.json"]
+    let config_file_path = [&config_path, CONFIG_NAME]
         .iter()
         .collect::<PathBuf>()
         .to_string_lossy()
         .to_string();
 
-    let db_file_path = [&config_path, "clippy.sqlite"]
+    let db_file_path = [&config_path, DB_NAME]
         .iter()
         .collect::<PathBuf>()
         .to_string_lossy()
@@ -122,11 +135,14 @@ pub async fn sync_clipboard_history_enable() {
         let dir = dir.to_string();
         let dir_file = format!("{}/clippy.sqlite", &dir);
 
-        println!("selected dir: {}", dir);
-
         // check if backup file exists
         if !Path::new(&dir_file).exists() {
             // copy current database to backup location
+            printlog!(
+                "copying database to backup location {} {}",
+                &config.db,
+                &dir_file
+            );
             fs::copy(&config.db, &dir_file).expect("Failed to copy database");
         }
 
@@ -169,6 +185,7 @@ pub async fn sync_clipboard_history_disable() {
 pub async fn sync_clipboard_history_toggle() {
     let settings = get_settings().await.expect("Failed to get settings");
 
+    printlog!("synchronize: {}", settings.synchronize);
     with_hotkeys(false, async move {
         if settings.synchronize {
             sync_clipboard_history_disable().await;

src/components/elements/toggle.tsx

@@ -1,28 +1,41 @@
 import { FiCheck } from "solid-icons/fi";
 import { VsClose } from "solid-icons/vs";
-import { Component, Setter } from "solid-js";
+import { Component, Setter, createEffect, createSignal } from "solid-js";
 
 type SwitchProps = {
   checked?: boolean;
   onChange: (val: boolean) => Promise<void> | Setter<boolean> | undefined;
 };
 
 export const Toggle: Component<SwitchProps> = (props) => {
+  let inputRef: HTMLInputElement | undefined;
+  const [internalChecked, setInternalChecked] = createSignal(props.checked || false);
+
+  createEffect(() => {
+    if (props.checked !== undefined) {
+      setInternalChecked(props.checked);
+      if (inputRef) {
+        inputRef.checked = props.checked;
+      }
+    }
+  });
+
+  const handleChange = () => {
+    const newValue = !internalChecked();
+    setInternalChecked(newValue);
+    props.onChange(newValue);
+  };
+
   return (
     <label class="relative inline-flex cursor-pointer items-center">
-      <input
-        type="checkbox"
-        checked={props.checked}
-        onChange={() => props.onChange(!props.checked)}
-        class="peer sr-only"
-      />
+      <input ref={inputRef} type="checkbox" checked={internalChecked()} onChange={handleChange} class="peer sr-only" />
       <div
         class={`peer relative h-4 w-11 rounded-full bg-gray-200 after:absolute after:start-[2px] after:top-0 after:h-4 after:w-4 after:rounded-full after:border after:border-transparent after:bg-white after:transition-all after:content-[''] peer-checked:bg-indigo-600 peer-checked:after:translate-x-[150%] peer-checked:after:border-transparent peer-focus:outline-none dark:border-gray-600 rtl:peer-checked:after:-translate-x-full ${
-          props.checked ? "dark:bg-gray-700" : "dark:bg-red-600"
+          internalChecked() ? "dark:bg-gray-700" : "dark:bg-red-600"
         } after:z-[40] dark:bg-opacity-20 after:dark:bg-zinc-700`}
       >
         <div class="absolute inset-0 z-[50] flex items-center justify-between px-1">
-          {props.checked ? <FiCheck class="ml-auto text-sm text-white" /> : <VsClose class="text-white" />}
+          {internalChecked() ? <FiCheck class="ml-auto text-sm text-white" /> : <VsClose class="text-white" />}
         </div>
       </div>
     </label>

src/components/navigation/app-sidebar.tsx

@@ -5,25 +5,26 @@ import { HotkeyStore } from "../../store/hotkey-store";
 interface AppSidebarProps {}
 
 export const AppSidebar: Component<AppSidebarProps> = ({}) => {
-  const { hotkeys, globalHotkeyEvent, getHotkey } = HotkeyStore;
-  const { setCurrentTab, tabs } = AppStore;
-
   return (
-    <Show when={hotkeys().length}>
-      <For each={tabs()}>
+    <Show when={HotkeyStore.hotkeys().length}>
+      <For each={AppStore.tabs()}>
         {({ current, Icon, name, id }) => {
-          const currentHotkey = hotkeys()?.find((key) => key?.name === name);
+          const currentHotkey = HotkeyStore.hotkeys()?.find((key) => key?.name === name);
 
           return (
             <div
               class={`${
                 current ? "text-black dark:text-white" : "text-zinc-600 dark:text-gray-dark"
               } relative flex h-6 w-full cursor-pointer select-none items-center justify-center py-5 text-xl hover:text-black dark:hover:text-white`}
               title={currentHotkey?.name}
-              onClick={() => setCurrentTab(id)}
+              onClick={() => AppStore.changeTab(id)}
             >
               <Icon title={name} />
-              <Show when={currentHotkey?.event && getHotkey(currentHotkey?.event) && globalHotkeyEvent()}>
+              <Show
+                when={
+                  currentHotkey?.event && HotkeyStore.getHotkey(currentHotkey?.event) && HotkeyStore.globalHotkeyEvent()
+                }
+              >
                 <div class="absolute -top-0.5 left-1 rounded-sm bg-zinc-800 px-1 py-1 text-xs font-semibold text-white dark:bg-zinc-600">
                   {currentHotkey!.key}
                 </div>