✨ Chatgpt usage enhancement

Author: tw93

apps.conf.json

@@ -28,7 +28,7 @@
       "name": "chatgpt",
       "title": "ChatGPT",
       "name_zh": "ChatGPT",
-      "url": "https://chat.openai.com/chat"
+      "url": "https://chatgpt.com/"
     },
     {
       "name": "flomo",

src-tauri/src/inject/event.js

@@ -45,7 +45,7 @@ function isDownloadLink(url) {
     'jpg', 'm3u8', 'mov', 'mp3', 'mp4', 'mpa', 'mpg', 'mpeg', 'msi', 'odt',
     'ogg', 'ogv', 'pdf', 'png', 'ppt', 'pptx', 'psd', 'rar', 'raw',
     'svg', 'swf', 'tar', 'tif', 'tiff', 'ts', 'txt', 'wav', 'webm', 'webp',
-    'wma', 'wmv', 'xls', 'xlsx', 'xml', 'zip', 'json', 'yaml', '7zip', 'mkv'
+    'wma', 'wmv', 'xls', 'xlsx', 'xml', 'zip', 'json', 'yaml', '7zip', 'mkv',
   ];
   const downloadLinkPattern = new RegExp(`\\.(${fileExtensions.join('|')})$`, 'i');
   return downloadLinkPattern.test(url);
@@ -56,7 +56,6 @@ function externalDownLoadLink() {
   return ['quickref.me'].indexOf(location.hostname) > -1;
 }
 
-
 document.addEventListener('DOMContentLoaded', () => {
   const tauri = window.__TAURI__;
   const appWindow = tauri.window.getCurrentWindow();
@@ -181,14 +180,17 @@ document.addEventListener('DOMContentLoaded', () => {
     };
   }
 
+  const isExternalLink = link => window.location.host !== link.host;
   // process special download protocol['data:','blob:']
   const isSpecialDownload = url => ['blob', 'data'].some(protocol => url.startsWith(protocol));
 
   const isDownloadRequired = (url, anchorElement, e) => anchorElement.download || e.metaKey || e.ctrlKey || isDownloadLink(url);
 
   const handleExternalLink = (e, url) => {
     e.preventDefault();
-    tauri.shell.open(url);
+    invoke('plugin:shell|open', {
+      path: url,
+    });
   };
 
   const handleDownloadLink = (e, url, filename) => {
@@ -207,6 +209,12 @@ document.addEventListener('DOMContentLoaded', () => {
       const absoluteUrl = hrefUrl.href;
       let filename = anchorElement.download || getFilenameFromUrl(absoluteUrl);
 
+      // Handling external link redirection, _blank will automatically open.
+      if (isExternalLink(absoluteUrl) && (['_new'].includes(anchorElement.target))) {
+        handleExternalLink(e, absoluteUrl);
+        return;
+      }
+
       // Process download links for Rust to handle.
       if (isDownloadRequired(absoluteUrl, anchorElement, e) && !externalDownLoadLink() && !isSpecialDownload(absoluteUrl)) {
         handleDownloadLink(e, absoluteUrl, filename);
@@ -222,7 +230,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
   // Rewrite the window.open function.
   const originalWindowOpen = window.open;
-  window.open = function (url, name, specs) {
+  window.open = function(url, name, specs) {
     // Apple login and google login
     if (name === 'AppleAuthentication') {
       //do nothing
@@ -231,7 +239,7 @@ document.addEventListener('DOMContentLoaded', () => {
     } else {
       const baseUrl = window.location.origin + window.location.pathname;
       const hrefUrl = new URL(url, baseUrl);
-      tauri.shell.open(hrefUrl.href);
+      handleExternalLink(e, hrefUrl.href);
     }
     // Call the original window.open function to maintain its normal functionality.
     return originalWindowOpen.call(window, url, name, specs);

src-tauri/src/inject/style.js

@@ -333,6 +333,14 @@ window.addEventListener('DOMContentLoaded', _event => {
     #__next>div>div>.flex.h-screen.w-full.flex-col.items-center {
       padding-top: 20px;
     }
+    
+    body > div.relative.flex.h-full.w-full.overflow-hidden.transition-colors.z-0 > div.z-\\[21\\].flex-shrink-0.overflow-x-hidden.bg-token-sidebar-surface-primary.max-md\\:\\!w-0 > div > div > div > nav > div.flex.justify-between.h-\\[60px\\].items-center.md\\:h-header-height {
+       padding-top: 25px;
+    }
+    
+    body > div.relative.flex.h-full.w-full.overflow-hidden.transition-colors.z-0 > div.relative.flex.h-full.max-w-full.flex-1.flex-col.overflow-hidden > main > div.composer-parent.flex.h-full.flex-col.focus-visible\\:outline-0 > div.flex-1.overflow-hidden.\\@container\\/thread > div > div.absolute.left-0.right-0 > div{
+      padding-top: 35px;
+    }
 
     #__next .sticky.left-0.right-0.top-0.z-20.bg-black{
       padding-top: 0px;