From 986c57159718ab5e8c1b2f0499df4bfcd7e877b6 Mon Sep 17 00:00:00 2001
From: inulute <110729127+inulute@users.noreply.github.com>
Date: Thu, 25 Jul 2024 16:54:33 +0530
Subject: [PATCH] Update v2.2.0

---
 README.md                  | 150 +++++++++++++++++++------------------
 assets/inulute/inulute.svg |  16 ++++
 initial.html               |  39 ++++++++++
 main.js                    | 125 +++++++++++++++++++++++++------
 package.json               |   8 +-
 preload.js                 |  16 ++--
 6 files changed, 247 insertions(+), 107 deletions(-)
 create mode 100644 assets/inulute/inulute.svg

diff --git a/README.md b/README.md
index 6562aed..e3043ce 100644
--- a/README.md
+++ b/README.md
@@ -5,25 +5,39 @@
 <h1 align="center">🚀 Perplexity AI Desktop App 🖥️</h1>
 
 <p align="center">
-  A beautifully crafted desktop application for Perplexity AI, an advanced artificial intelligence (AI) platform created by Meta AI and brought to life by the Perplexity team. The app is built using Electron, offering seamless navigation between 🌐 "perplexity.ai" and 🧪 "labs.perplexity.ai".
+  A beautifully crafted desktop application for Perplexity AI, an advanced artificial intelligence (AI) platform created and brought to life by the Perplexity team. This app provides seamless navigation between 🌐 <b>perplexity.ai</b> and 🧪 <b>labs.perplexity.ai</b>.
 </p>
-&nbsp;
+
+<p align="center">
+  <a href="https://www.pling.com/p/2107698/">
+    <img src="https://img.shields.io/badge/Download-Latest-green?style=for-the-badge" alt="Latest Release">
+  </a>
+</p>
+
 <p align="center">
   <img src="./assets/screenshot/screenshot.png" alt="App Screenshot">
 </p>
-&nbsp;
-<h2>✨ Features</h2>
 
-- Choose between 🌐 "perplexity.ai" and 🧪 "labs.perplexity.ai" websites.
-- Intuitive user interface designed for simplicity and ease of use.
-- Built using Electron for cross-platform compatibility.
+<h2>✨ Features</h2>
+<ul>
+  <li><b>Website Navigation:</b> Choose between 🌐 <b>perplexity.ai</b> and 🧪 <b>labs.perplexity.ai</b>.</li>
+  <li><b>User-Friendly Interface:</b> Designed for simplicity and ease of use.</li>
+  <li><b>Cross-Platform Compatibility:</b> Built with Electron to work seamlessly on multiple platforms.</li>
+  <li><b>Keyboard Shortcuts:</b>
+    <ul>
+      <li><b>CmdOrCtrl+6:</b> Open or restore the Perplexity AI window.</li>
+      <li><b>CmdOrCtrl+7:</b> Open or restore the Perplexity Labs window.</li>
+      <li><b>CmdOrCtrl+M:</b> Minimize or restore all windows.</li>
+    </ul>
+  </li>
+</ul>
 
 <h2>📦 Releases</h2>
-
-You can download the latest releases for Windows, Linux and Mac from the release section.
+<p>
+  Download the latest releases for Windows, Linux, and Mac from the <a href="https://github.com/inulute/perplexity-ai-app/releases">releases section</a>.
+</p>
 
 <p align="center">
-  <p align="center">
   <a href="https://www.pling.com/p/2107698/">
     <img src="https://img.shields.io/badge/Download-Latest-blue?style=for-the-badge" alt="Latest Release">
   </a> &nbsp;
@@ -31,85 +45,75 @@ You can download the latest releases for Windows, Linux and Mac from the release
     <img src="https://img.shields.io/github/license/inulute/perplexity-ai-app?style=for-the-badge" alt="License">
   </a>
 </p>
-  </a>
+
+<h2>📚 Content</h2>
+<p>
+  The Perplexity AI Desktop App provides a seamless browsing experience between:
 </p>
+<ol>
+  <li><b>🌐 perplexity.ai:</b> Access the main website for Perplexity AI, an AI-powered search engine.</li>
+  <li><b>🧪 labs.perplexity.ai:</b> Explore Perplexity AI Labs, a chat-based AI.</li>
+</ol>
+
+<h2>💡 Support and Donations ❣️</h2>
+<p>
+  If you find this project helpful, consider supporting us by making a donation. Your contributions help maintain and improve the Perplexity AI Desktop App.
 </p>
-<h2>📚 Content</h2>
-
-The Perplexity AI Desktop App offers a seamless browsing experience between two AI platforms:
-
-1. **🌐 perplexity.ai:** Visit the main website for Perplexity AI, which is an AI Powered search engine
-
-2. **🧪 labs.perplexity.ai:** Access Perplexity AI Labs, a Chat based AI.
-
-<h2>🛠️ Built With</h2>
-
-- [Electron](https://www.electronjs.org/) - The framework for building cross-platform desktop apps.
-
-<h2>🚀 Run Locally</h2>
-
-To run the Perplexity AI Desktop App locally on your machine, follow these simple steps:
-
-1. **Clone this repository:**
-
-```bash
-git clone https://github.com/inulute/perplexity-ai-app.git
-cd perplexity-ai-app
-```
-
-2. **Install dependencies:**
-
-```bash
-npm install
-```
-
-3. **Run the app:**
-
-```bash
-npm start
-```
 
-## Support and Donations ❣️
-
-<div align=center>
-<img src="./assets/payment/dunno2.svg" alt="Dunno" width="80"/> 
-
-</div>
-
-If you find this project helpful, consider supporting us by making a donation. Your contributions help maintain and improve Perplexity AI Desktop App.
-
-<div align="center">
-    <a href="https://ko-fi.com/inulute">
-        <img height='41' src='https://az743702.vo.msecnd.net/cdn/kofi3.png?v=0' alt='Buy Me a Coffee at ko-fi.com'></a>
-  <a href="https://paypal.me/inulute"><img src="./assets/payment/paypal.svg" alt="PayPal" height="38" width="auto"></a>
+<p align="center">
+  <a href="https://ko-fi.com/inulute">
+    <img height='41' src='https://az743702.vo.msecnd.net/cdn/kofi3.png?v=0' alt='Buy Me a Coffee at ko-fi.com'>
+  </a>
+  <a href="https://paypal.me/inulute">
+    <img src="./assets/payment/paypal.svg" alt="PayPal" height="38" width="auto">
+  </a>
   <a href="https://upi-inulute.vercel.app/">
-      <img src="./assets/payment/upi.svg" alt="UPI Pay" height="38" width="auto">
-  </a> <br>
-</div>
+    <img src="./assets/payment/upi.svg" alt="UPI Pay" height="38" width="auto">
+  </a>
+</p>
 
 > [!NOTE]  
 > UPI is only available for Indian users.
 
 <h2>🗃️ License</h2>
+<p>
+  This project is licensed under the MIT License. See the <a href="LICENSE">LICENSE</a> file for details.
+</p>
 
-This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
-
-<h2> Acknowledgments</h2>
-
-A big thank you to the open-source community for providing amazing tools and libraries that made this project possible.
+<h2>🙌 Acknowledgments</h2>
+<p>
+  A big thank you to the open-source community for providing amazing tools and libraries that made this project possible.
+</p>
 
 > [!NOTE]
->This application is not affiliated with the official Perplexity AI project but is an independent endeavor that brings the magic of AI language processing to your desktop.
+> This application is not affiliated with the official Perplexity AI project but is an independent endeavor that brings the magic of AI language processing to your desktop.
 
 <h2>📢 Feedback and Contributions</h2>
-
-We warmly welcome your feedback and contributions to improve the Perplexity AI Desktop App. If you encounter any issues or have ideas for enhancements, please submit them through GitHub issues or create a pull request. 😊
+<p>
+  We warmly welcome your feedback and contributions to improve the Perplexity AI Desktop App. If you encounter any issues or have ideas for enhancements, please submit them through GitHub issues or create a pull request. 😊
+</p>
 
 ---
 
-&nbsp;
 <div align="center">
+  <p><b>Made with ❤️ by</b></p>
+  <a href="https://inulute.com/">
+    <img src="./assets/inulute/inulute.svg" alt="Made with love by Inulute" width="70px">
+  </a>
+</div>
 
-  [![Made with ❤️ by inulute](https://img.shields.io/badge/Made%20with-%E2%9D%A4%EF%B8%8F%20by%20inulute-black?style=flat-square)](https://inulute.github.io/linkme/)
-
-</div>
\ No newline at end of file
+<h2>🌐 Connect with Us</h2>
+<p align="center">
+  <a href="https://twitter.com/inulute">
+    <img src="https://img.shields.io/badge/Twitter-%40inulute-blue?style=for-the-badge&logo=twitter&logoColor=white" alt="Twitter">
+  </a>
+  <a href="https://linkedin.com/company/inulute">
+    <img src="https://img.shields.io/badge/LinkedIn-%40inulute-blue?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn">
+  </a>
+  <a href="https://github.com/inulute">
+    <img src="https://img.shields.io/badge/GitHub-%40inulute-black?style=for-the-badge&logo=github&logoColor=white" alt="GitHub">
+  </a>
+  <a href="https://instagram.com/inulute">
+    <img src="https://img.shields.io/badge/Instagram-%40inulute-orange?style=for-the-badge&logo=instagram&logoColor=white" alt="GitHub">
+  </a>
+</p>
\ No newline at end of file
diff --git a/assets/inulute/inulute.svg b/assets/inulute/inulute.svg
new file mode 100644
index 0000000..6295b98
--- /dev/null
+++ b/assets/inulute/inulute.svg
@@ -0,0 +1,16 @@
+<svg width="664" height="180" viewBox="0 0 664 180" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_364_20)">
+<path d="M29.0197 179.611V57L-2 67.1053L-1.89657 179.611H28.9064H29.0197Z" fill="#8DC53E"/>
+<path d="M80.1168 62.9197C80.1371 64.4978 80.1308 67.1145 80.1308 67.1145C114.857 50.3694 155.702 74.5319 155.702 108.809C155.702 143.086 155.99 179.611 155.99 179.611H124.403V109.934C124.403 86.3322 80.1168 85.2083 80.1168 109.934V179.611H49V57H80.1168C80.1168 57 80.0964 61.3416 80.1168 62.9197Z" fill="#8DC53E"/>
+<path d="M174 95.2854C173.995 67.9493 174.051 57.1265 174.275 57.0364L204.764 57.0683L204.764 132.578C204.764 155.785 249.853 156.46 249.853 132.578L249.853 57.1156L280.196 57.1473V96.8963C280.196 120.178 280.048 132.578 280.048 132.578C280.048 195.569 174.275 195.344 174.217 132.578C174.217 132.578 174.004 114.313 174 95.2854Z" fill="#8DC53E"/>
+<path d="M347 95.2854C346.995 67.9493 347.051 57.1265 347.275 57.0364L377.764 57.0683L377.764 132.578C377.764 155.785 422.853 156.46 422.853 132.578L422.853 57.1156L453.196 57.1473V96.8963C453.196 120.178 453.048 132.578 453.048 132.578C453.048 195.569 347.275 195.344 347.217 132.578C347.217 132.578 347.004 114.313 347 95.2854Z" fill="#A5A5A5"/>
+<path d="M328.794 0L298.113 10.0235L298 180.133H328.794V0Z" fill="#A5A5A5"/>
+<path d="M501.109 87H499.726V122.013C499.726 134.375 515.465 146.85 533.778 149.395V179.554C484.672 170.563 470.411 144.827 469 122.013L469.218 22.0235L499.726 12V57H533.778V87H517.501H501.109Z" fill="#A5A5A5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M662.901 106.924C663.628 110.717 664 114.592 664 118.5H663.848C663.874 124.165 663.118 129.205 661.715 136H576.253C578.541 139.431 581.496 142.405 584.974 144.729C591.042 148.784 598.329 150.609 605.592 149.894C612.855 149.179 619.646 145.967 624.806 140.806L645.987 161.987C635.926 172.048 622.688 178.309 608.528 179.704C594.368 181.099 580.163 177.54 568.332 169.635C556.502 161.731 547.778 149.968 543.648 136.353C539.518 122.737 540.236 108.11 545.681 94.9651C551.126 81.8198 560.961 70.9691 573.509 64.2619C586.057 57.5547 600.543 55.406 614.498 58.1818C628.453 60.9576 641.014 68.4862 650.04 79.4849C656.386 87.2168 660.708 96.3272 662.716 106H662.768C662.814 106.312 662.858 106.619 662.901 106.924ZM631.463 106C630.304 103.313 628.768 100.782 626.885 98.4877C622.255 92.8461 615.812 88.9844 608.654 87.5606C601.496 86.1368 594.066 87.2389 587.629 90.6793C581.33 94.0466 576.363 99.4499 573.537 106H631.463Z" fill="#A5A5A5"/>
+</g>
+<defs>
+<clipPath id="clip0_364_20">
+<rect width="664" height="180" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/initial.html b/initial.html
index d04c3be..02a739f 100644
--- a/initial.html
+++ b/initial.html
@@ -14,6 +14,7 @@ <h2>Choose an AI to Navigate</h2>
             <a href="https://perplexity.ai/search" class="button">Perplexity AI Search</a>
             <a href="https://labs.perplexity.ai" class="button" id="chatButton">Perplexity AI Chat</a>
         </div>
+        <a href="#" id="shortcutInfoLink" class="shortcut-info">Shortcut Info</a>
         <p id="versionDisplay">Current Version: Checking...</p>
     </div>
     
@@ -21,6 +22,22 @@ <h2>Choose an AI to Navigate</h2>
         Made with ❤️ by <a href="https://github.com/inulute" class="footerinu">inulute</a>
     </footer>
 
+    <!-- Modal for shortcut info -->
+    <div id="shortcutInfoModal" class="modal">
+        <div class="modal-content">
+            <span class="close">&times;</span>
+            <h2>Shortcut Information</h2>
+            <ul>
+                <li><strong>CmdOrCtrl+M</strong>: Minimize or restore all windows</li>
+                <li><strong>CmdOrCtrl+6</strong>: Open or restore Perplexity AI</li>
+                <li><strong>CmdOrCtrl+7</strong>: Open or restore Perplexity Labs</li>
+            </ul>
+        </div>
+    </div>
+
+    <!-- Version info at the bottom right -->
+    <div id="bottomVersionInfo" class="version-info">Version Info</div>
+
     <script>
         function compareVersions(v1, v2) {
             const parts1 = v1.split('.').map(Number);
@@ -44,20 +61,42 @@ <h2>Choose an AI to Navigate</h2>
                 const { version: latestVersion } = await response.json();
 
                 const versionDisplay = document.getElementById("versionDisplay");
+                const bottomVersionInfo = document.getElementById("bottomVersionInfo");
 
                 if (compareVersions(latestVersion, currentVersion) === 1) {
                     versionDisplay.innerHTML = `<a href="https://github.com/inulute/perplexity-ai-app/releases/latest" target="_blank" class="update-available">Update Available! Click here to download the latest version (${latestVersion}).</a>`;
                 } else {
                     versionDisplay.innerHTML = `<a href="https://donate.inulute.vercel.app" target="_blank" class="update-not-available">Please support us by donating.</a>`;
                 }
+
+                bottomVersionInfo.innerText = `Version: ${currentVersion}`;
             } catch (error) {
                 console.error("Error fetching version file:", error);
                 document.getElementById("versionDisplay").innerText = "Error checking for updates.";
+                document.getElementById("bottomVersionInfo").innerText = "Version Info";
             }
         }
 
         document.getElementById("chatButton").addEventListener("click", checkForUpdates);
 
+        document.getElementById("shortcutInfoLink").addEventListener("click", (event) => {
+            event.preventDefault();
+            document.getElementById("shortcutInfoModal").style.display = "block";
+        });
+
+        const modal = document.getElementById("shortcutInfoModal");
+        const span = document.getElementsByClassName("close")[0];
+
+        span.onclick = function() {
+            modal.style.display = "none";
+        }
+
+        window.onclick = function(event) {
+            if (event.target === modal) {
+                modal.style.display = "none";
+            }
+        }
+
         document.addEventListener("DOMContentLoaded", function () {
             checkForUpdates(); // Check for updates on page load
         });
diff --git a/main.js b/main.js
index d212144..fd5a47d 100644
--- a/main.js
+++ b/main.js
@@ -1,46 +1,129 @@
-const { app, BrowserWindow } = require("electron");
-const path = require("path");
+const { app, BrowserWindow, shell, globalShortcut } = require('electron');
+const path = require('path');
 
 app.allowRendererProcessReuse = true;
 
+let windows = {};
 let mainWindow;
 
-
-app.on("ready", () => {
-  // Create BrowserWindow for the main application
-  mainWindow = new BrowserWindow({
+const createWindow = (name, url) => {
+  const win = new BrowserWindow({
     width: 1000,
     height: 758,
     backgroundColor: "#272829",
     webPreferences: {
-      preload: path.join(__dirname, "preload.js"),
+      preload: path.join(__dirname, 'preload.js'),
       nodeIntegration: false,
       contextIsolation: true,
-    }, // Hide window frame (including menu bar)
+    },
     autoHideMenuBar: true,
   });
 
-  // Load your initial HTML file
-  mainWindow.loadFile(path.join(__dirname, "initial.html"));
+  win.loadURL(url);
+
+  // Handle external links
+  win.webContents.setWindowOpenHandler(({ url }) => {
+    const isExternal = /^https?:\/\//i.test(url);
+
+    if (isExternal) {
+      shell.openExternal(url).catch(err => console.error('Failed to open URL:', err));
+      return { action: 'deny' }; // Prevent Electron from creating a new window
+    }
+
+    return { action: 'allow' }; // Allow internal links to open in the window
+  });
+
+  win.on('closed', () => {
+    windows[name] = null;
+  });
+
+  return win;
+};
+
+const minimizeAllWindows = () => {
+  for (const key in windows) {
+    if (windows[key]) {
+      windows[key].minimize();
+    }
+  }
+};
+
+const restoreAllWindows = () => {
+  for (const key in windows) {
+    if (windows[key] && windows[key].isMinimized()) {
+      windows[key].restore();
+    }
+  }
+};
+
+const areAllWindowsMinimized = () => {
+  return Object.values(windows).every(win => win && win.isMinimized());
+};
+
+app.on('ready', () => {
+  // Create the main window
+  mainWindow = createWindow('main', 'file://' + path.join(__dirname, 'initial.html'));
+  windows['main'] = mainWindow;
+
+  // Open all external links in default browser
+  mainWindow.webContents.setWindowOpenHandler(({ url }) => {
+    const isExternal = /^https?:\/\//i.test(url);
+
+    if (isExternal) {
+      shell.openExternal(url).catch(err => console.error('Failed to open URL:', err));
+      return { action: 'deny' }; // Prevent Electron from creating a new window
+    }
+
+    return { action: 'allow' }; // Allow internal links to open in the window
+  });
+
+  // Handle URL redirections
+  mainWindow.webContents.on('did-navigate', (event, url) => {
+    if (url.includes('https://www.perplexity.ai/auth/verify-request')) {
+      mainWindow.loadFile(path.join(__dirname, 'url-open.html'));
+    }
+  });
 
-  // Check if the current URL requires a redirect
-  mainWindow.webContents.on('did-finish-load', () => {
-    const currentURL = mainWindow.webContents.getURL();
-    
-    // Check if the current URL is the specified one that requires redirection
-    if (currentURL === "https://www.perplexity.ai/auth/verify-request") {
+  mainWindow.webContents.on('did-navigate-in-page', (event, url) => {
+    if (url.includes('https://www.perplexity.ai/auth/verify-request')) {
+      mainWindow.loadFile(path.join(__dirname, 'url-open.html'));
+    }
+  });
 
-        mainWindow.loadFile('./url-open.html');
+  // Minimize or restore all windows
+  globalShortcut.register('CmdOrCtrl+M', () => {
+    if (areAllWindowsMinimized()) {
+      restoreAllWindows();
+    } else {
+      minimizeAllWindows();
     }
   });
 
-  // Dialog logic can be included here if needed
+  // Open or restore Perplexity Labs
+  globalShortcut.register('CmdOrCtrl+7', () => {
+    if (windows['labs']) {
+      windows['labs'].restore();
+      windows['labs'].focus();
+    } else {
+      windows['labs'] = createWindow('labs', 'https://labs.perplexity.ai');
+    }
+  });
+
+  // Open or restore Perplexity AI
+  globalShortcut.register('CmdOrCtrl+6', () => {
+    if (windows['ai']) {
+      windows['ai'].restore();
+      windows['ai'].focus();
+    } else {
+      windows['ai'] = createWindow('ai', 'https://perplexity.ai');
+    }
+  });
 
-  mainWindow.on("closed", () => {
-    mainWindow = null;
+  mainWindow.on('closed', () => {
+    windows['main'] = null;
   });
 });
 
-app.on("window-all-closed", () => {
+app.on('window-all-closed', () => {
   app.quit();
 });
diff --git a/package.json b/package.json
index 632c8f3..af6d840 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "perplexity-ai-app",
   "productName": "Perplexity AI",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Perplexity AI desktop application by inulute.",
   "main": "main.js",
   "scripts": {
@@ -15,8 +15,8 @@
   "author": "inulute",
   "license": "MIT",
   "devDependencies": {
-    "electron": "^22.0.0",
-    "electron-builder": "^24.6.3"
+    "electron": "^31.3.0",
+    "electron-builder": "^24.13.3"
   },
   "dependencies": {
     "electron-prompt": "^1.7.0"
@@ -39,6 +39,6 @@
       "target": "AppImage",
       "icon": "assets/icons/png/favicon.png",
       "category": "Utility"
-    }    
+    }
   }
 }
diff --git a/preload.js b/preload.js
index fe5c54a..2984b35 100644
--- a/preload.js
+++ b/preload.js
@@ -1,11 +1,9 @@
-const { contextBridge, ipcRenderer } = require("electron");
+const win = new BrowserWindow({
 
-contextBridge.exposeInMainWorld("electron", {
-  print: async (arg) => {
-    try {
-      await ipcRenderer.invoke("print", arg);
-    } catch (error) {
-      console.error("Error invoking print:", error);
-    }
-  },
+  webPreferences: {
+    preload: path.join(__dirname, 'preload.js'),
+    nodeIntegration: false,
+    contextIsolation: true,
+
+  }
 });