Enhance Electron API and add PDF preview functionality

- Added `setWindowTitle` and `updateWindowPreview` methods to the Electron API for better window management.
- Implemented a new SVG icon for PDF previews to improve user interface.
- Updated the main Electron process to handle window title updates and thumbnail previews for ALT+TAB functionality on Windows.
- Integrated the new search functionality in the FileReader component, allowing users to find text within documents and manage recent searches.
- Refactored various components to streamline search and navigation features, enhancing overall user experience.

Author: atom7xyz

public/assets/icons/pdf-preview.svg

@@ -40,11 +40,30 @@ const toggleDevTools = () => {
     }
 };
 
+// Helper to update the window title
+const updateWindowTitle = (title: string) => {
+    if (mainWindow) {
+        // Append CloudNotes to the title for branding
+        const appTitle = title ? `${title} - CloudNotes` : 'CloudNotes';
+        mainWindow.setTitle(appTitle);
+    }
+};
+
+// Function to update the thumbnail preview for ALT+TAB on Windows
+const updateThumbnailClip = () => {
+    if (mainWindow && process.platform === 'win32') {
+        const { width, height } = mainWindow.getContentBounds();
+        // Create a clip area that excludes the title bar to show just the document content
+        mainWindow.setThumbnailClip({ x: 0, y: 48, width, height: height - 48 });
+    }
+};
+
 function createWindow() {
     mainWindow = new BrowserWindow({
         frame: false,          // Remove the window frame (toolbar and title bar)
         show: false,           // Run in windowless mode (do not display the window)
         autoHideMenuBar: true, // Ensure the menu bar is hidden
+        title: 'CloudNotes',   // Set default window title
         webPreferences: {
             preload: getPreloadPath(),
             nodeIntegration: false,
@@ -58,6 +77,18 @@ function createWindow() {
     mainWindow.show();
     mainWindow.webContents.session.setSpellCheckerEnabled(false);
 
+    // Set the window title for taskbar and ALT+TAB
+    mainWindow.setTitle('CloudNotes');
+
+    // Set a thumbnail clip area for the ALT+TAB preview on Windows
+    // This will create a preview of the main content area, not including the custom titlebar
+    if (process.platform === 'win32') {
+        // Clip area starts below the title bar (48px height)
+        // Width and height are set to the main content area
+        const { width, height } = mainWindow.getContentBounds();
+        mainWindow.setThumbnailClip({ x: 0, y: 48, width, height: height - 48 });
+    }
+
     // Load the app
     if (isDev()) {
         mainWindow.loadURL('http://localhost:5123');
@@ -73,18 +104,15 @@ function createWindow() {
 
     // Listen for navigation events to update state
     mainWindow.webContents.on('did-navigate', () => {
-        console.log('did-navigate event triggered');
         updateNavigationState();
     });
 
     mainWindow.webContents.on('did-navigate-in-page', () => {
-        console.log('did-navigate-in-page event triggered');
         updateNavigationState();
     });
 
     // Add this event listener for SPA navigation
     mainWindow.webContents.on('page-title-updated', () => {
-        console.log('page-title-updated event triggered');
         updateNavigationState();
     });
 
@@ -125,9 +153,6 @@ function createWindow() {
 app.on('ready', () => {
     createWindow();
 
-    // Log global shortcuts registered
-    console.log('Registering global shortcuts for DevTools');
-    
     // Add IPC handler for toggling DevTools
     ipcMain.handle('toggle-dev-tools', () => {
         toggleDevTools();
@@ -256,6 +281,16 @@ ipcMain.on('request-navigation-state-update', () => {
     updateNavigationState();
 });
 
+// Set window title handler
+ipcMain.on('set-window-title', (_event, title: string) => {
+    updateWindowTitle(title);
+});
+
+// Update window preview handler
+ipcMain.on('update-window-preview', () => {
+    updateThumbnailClip();
+});
+
 // Quit application when all windows are closed on macOS
 app.on('window-all-closed', () => {
     if (process.platform !== 'darwin') {

src/electron/main.ts

@@ -7,6 +7,8 @@ contextBridge.exposeInMainWorld('electron', {
   minimize: () => ipcRenderer.send('minimize-window'),
   maximize: () => ipcRenderer.send('maximize-window'),
   close: () => ipcRenderer.send('close-window'),
+  setWindowTitle: (title: string) => ipcRenderer.send('set-window-title', title),
+  updateWindowPreview: () => ipcRenderer.send('update-window-preview'),
 
   // Navigation controls
   goBack: () => ipcRenderer.send('go-back'),

src/electron/preload.cts

@@ -18,7 +18,6 @@ function App() {
     const handleKeyDown = (e: KeyboardEvent) => {
       // Alternative way to toggle dev tools with Ctrl+Shift+I
       if (e.ctrlKey && e.shiftKey && e.key === 'I') {
-        console.log('Keyboard shortcut detected: Ctrl+Shift+I');
         toggleDevTools();
       }
     };

src/frontend/App.tsx

@@ -56,9 +56,6 @@ export function FormContainer<TFieldValues extends FieldValues>({
 
     // Trigger form validation and submission
     form.handleSubmit((data: TFieldValues) => {
-      console.log("Form submitted", form.formState.isValid);
-      console.log("Form data", data);
-
       // At this point, if we have the data, the form is valid
       onSubmit(data);
     })(event);