easy

src/@types/images.d.ts

@@ -0,0 +1,4 @@
+declare module "*.png";
+declare module "*.svg";
+declare module "*.jpeg";
+declare module "*.jpg";

src/components/pages/app/Clipboards.tsx

@@ -63,7 +63,9 @@ export const Clipboards: Component<ClipboardsProps> = ({}) => {
             star: !clipboard.star,
           });
           setClipboards((prev) =>
-            prev.map((o) => (o.id === id ? { ...o, star: !clipboard.star } : o))
+            prev.map((o) =>
+              o.id === id ? { ...o, star: !clipboard.star } : o,
+            ),
           );
         }}
         class={`${
@@ -133,7 +135,7 @@ export const Clipboards: Component<ClipboardsProps> = ({}) => {
               ? URL.createObjectURL(
                   new Blob([new Uint8Array(blob)], {
                     type: "image/png",
-                  })
+                  }),
                 )
               : null;
 
@@ -145,10 +147,13 @@ export const Clipboards: Component<ClipboardsProps> = ({}) => {
                   e.stopPropagation();
 
                   if (e.detail === 1) {
-                    dbClickTimer = setTimeout(async () => {
-                      await invoke("copy_clipboard", { id });
-                      removeAllHotkeyListeners();
-                    }, clipboard.type === "image" ? 200 : 0);
+                    dbClickTimer = setTimeout(
+                      async () => {
+                        await invoke("copy_clipboard", { id });
+                        removeAllHotkeyListeners();
+                      },
+                      clipboard.type === "image" ? 200 : 0,
+                    );
                   }
                 }}
                 onDblClick={async (e) => {
@@ -187,7 +192,7 @@ export const Clipboards: Component<ClipboardsProps> = ({}) => {
                           class="relative max-h-64 w-full"
                           alt={`${width}x${height} ${size}`}
                           title={`${width}x${height} ${formatBytes(
-                            Number(size || "0")
+                            Number(size || "0"),
                           )}`}
                         />
                       ) : (

src/components/pages/app/RecentClipboards.tsx

@@ -1,4 +1,4 @@
-import { Component, createEffect, onMount } from "solid-js";
+import { Component, onMount } from "solid-js";
 import ClipboardStore from "../../../store/ClipboardStore";
 import { Clipboards } from "./Clipboards";
 

src/components/pages/app/StarredClipboards.tsx

@@ -1,4 +1,4 @@
-import { Component, createEffect, onMount } from "solid-js";
+import { Component, onMount } from "solid-js";
 import ClipboardStore, { initialWhere } from "../../../store/ClipboardStore";
 import { Clipboards } from "./Clipboards";
 

src/index.tsx

@@ -1,6 +1,4 @@
-import { invoke } from "@tauri-apps/api";
 import { listen } from "@tauri-apps/api/event";
-import { appWindow } from "@tauri-apps/api/window";
 import { createResource, onMount } from "solid-js";
 import { render } from "solid-js/web";
 import App from "./components/pages/app/App";
@@ -17,17 +15,17 @@ const Index = () => {
   onMount(async () => {
     setGlobalHotkeyEvent(true);
 
-    const focus = await appWindow.onFocusChanged(
-      async ({ payload }) =>
-        !payload && (await invoke("window_display_toggle")),
-    );
+    // const focus = await appWindow.onFocusChanged(
+    //   async ({ payload }) =>
+    //     !payload && (await invoke("window_display_toggle")),
+    // );
 
     const init_listener = await listen("init_listener", init);
 
-    setTimeout(async () => {
-      await invoke("stop_hotkeys");
-      setGlobalHotkeyEvent(false);
-    }, 5000);
+    // setTimeout(async () => {
+    //   await invoke("stop_hotkeys");
+    //   setGlobalHotkeyEvent(false);
+    // }, 5000);
 
     return async () => {
       init_listener();

src/settings.tsx

@@ -12,7 +12,7 @@ const Settings = () => {
   const { getCurrentTab, initSettings } = SettingsStore;
   const { initHotkeys } = HotkeyStore;
 
-  initHotkeys(false);
+  initHotkeys();
   initSettings();
 
   return (

src/store/HotkeyStore.ts

@@ -1,7 +1,7 @@
 import { invoke } from "@tauri-apps/api";
 import { createRoot, createSignal } from "solid-js";
 import { Hotkey, HotkeyEvent } from "../@types";
-import { parseShortcut, registerHotkeys } from "../utils/hotkeyRegister";
+import { parseShortcut } from "../utils/hotkeyRegister";
 
 function createHotkeyStore() {
   const [globalHotkeyEvent, setGlobalHotkeyEvent] = createSignal<boolean>(true);
@@ -20,7 +20,7 @@ function createHotkeyStore() {
   const getHotkey = (event: HotkeyEvent) =>
     hotkeys().find((h) => h.event === event);
 
-  const initHotkeys = async (reg: boolean | undefined = false) => {
+  const initHotkeys = async () => {
     // await unregisterAll();
 
     const hotkeys = (await invoke<Hotkey[]>("get_hotkeys")).map((h) => ({
@@ -41,8 +41,6 @@ function createHotkeyStore() {
     //     invoke("window_display_toggle");
     //   }).catch(() => {});
     // }
-
-    if (reg) await registerHotkeys(hotkeys);
   };
 
   return {

src/store/SettingsStore.ts

@@ -62,7 +62,7 @@ function createSettingsStore() {
 
   const init = async () => {
     await initSettings();
-    // HotkeyStore.initHotkeys(true);
+    HotkeyStore.initHotkeys();
     darkMode();
   };
 

vite.config.ts

@@ -1,15 +1,15 @@
 import { defineConfig } from "vite";
+import checker from "vite-plugin-checker";
 import solidPlugin from "vite-plugin-solid";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     solidPlugin(),
-    // checker({
-    //   typescript: true,
-    // }),
+    checker({
+      typescript: true,
+    }),
   ],
-
   // Vite options tailored for Tauri development and only applied in `tauri dev` or `tauri build`
   //
   // 1. prevent vite from obscuring rust errors