Add kagi search engine

package.json

@@ -42,6 +42,7 @@
   },
   "scripts": {
     "start": "vite",
+    "preview": "vite preview",
     "build:web": "VITE_BUILD_TARGET=web ./script/build.sh",
     "build:ext": "VITE_BUILD_TARGET=extension ./script/build.sh",
     "build:firefox": "VITE_BUILD_PLATFORM=firefox ./script/build-firefox.sh",

public/base.manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "Hackertab.dev - developer news",
   "description": "All developer news in one tab",
-  "version": "1.18.5",
+  "version": "1.20.1",
   "chrome_url_overrides": {
     "newtab": "index.html"
   },

public/web_manifest.json

@@ -19,6 +19,22 @@
       "sizes": "512x512"
     }
   ],
+  "screenshots": [
+    {
+      "src": "/screenshots/screenshot_mobile_1.webp",
+      "sizes": "485x1024",
+      "type": "image/webp",
+      "form_factor": "narrow",
+      "label": "Hackertab is available on Desktop and Mobile."
+    },
+    {
+      "src": "/screenshots/screenshot_desktop_1.webp",
+      "sizes": "1280x720",
+      "type": "image/webp",
+      "form_factor": "wide",
+      "label": "Hackertab is available on Desktop and Mobile."
+    }
+  ],
   "start_url": "/?source=pwa",
   "background_color": "#000000",
   "display": "standalone",

script/build-chrome.sh

@@ -22,4 +22,4 @@ yarn build:ext
 
 # Zip the distribution folder
 echo 'Zip the extension'
-cd dist/ && zip -r ../chrome_extension.zip * -x "*.DS_Store" && cd ..
+cd dist/ && zip -r ../chrome_extension.zip * -x "*.DS_Store" "web_manifest.json" "screenshots/*" "images/*" "favicon.ico" "robots.txt" "base.manifest.json" "chrome.manifest.json" "firefox.manifest.json" && cd ..

script/build-firefox.sh

@@ -27,7 +27,7 @@ yarn build:ext
 
 # Zip the distribution folder
 echo 'Zip the extension'
-cd dist/ && zip -r ../firefox_extension.zip * -x "*.DS_Store" && cd ..
+cd dist/ && zip -r ../firefox_extension.zip * -x "*.DS_Store" "web_manifest.json" "screenshots/*" "images/*" "favicon.ico" "robots.txt" "base.manifest.json" "chrome.manifest.json" "firefox.manifest.json" && cd ..
 
 #
 echo 'Zip the source code'

src/components/Elements/Panel/panel.css

@@ -22,7 +22,7 @@
 }
 
 .dark .panel.information {
-  background-color: #3b424b;
+  background-color: #1f242a;
   color: white;
 }
 .light .panel.information {

src/components/Layout/Header.tsx

@@ -61,8 +61,6 @@ export const Header = () => {
     setDNDDuration('never')
   }
 
-  console.log('location', location)
-
   return (
     <>
       <header className="AppHeader">

src/config/index.tsx

@@ -6,6 +6,7 @@ import { ReactComponent as PhindLogo } from 'src/assets/phind_logo.svg'
 import { ReactComponent as StartPageLogo } from 'src/assets/startpage_logo.svg'
 import { ReactComponent as YahooLogo } from 'src/assets/yahoo_logo.svg'
 import { ReactComponent as YandexLogo } from 'src/assets/yandex_logo.svg'
+import { ReactComponent as KagiLogo} from 'src/assets/kagi_logo.svg'
 
 // Keys
 export const ANALYTICS_ENDPOINT = import.meta.env.VITE_AMPLITUDE_URL as string
@@ -70,6 +71,11 @@ export const SUPPORTED_SEARCH_ENGINES = [
     logo: PhindLogo,
     className: 'themeAdaptiveFillColor',
   },
+  {
+    label: 'Kagi',
+    url: 'https://kagi.com/search?q=',
+    logo: KagiLogo,
+  },
 ]
 
 export const LS_PREFERENCES_KEY = 'hackerTabPrefs'

src/features/cards/components/aiCard/ArticleItem.tsx

@@ -36,6 +36,13 @@ const ArticleItem = (props: BaseItemPropsType<Article>) => {
               <span className="subTitle">{item.title}</span>
             </CardLink>
           </p>
+          {listingMode === 'compact' && (
+            <div className="rowDetails">
+              <span className="rowItem capitalize">
+                <GoDotFill className="rowItemIcon" /> {item.source}
+              </span>
+            </div>
+          )}
           {listingMode === 'normal' && (
             <div className="rowDetails">
               <span className="rowItem capitalize">

vite.config.ts

@@ -37,8 +37,8 @@ export default defineConfig(({ mode }) => {
       rollupOptions: {
         output: {
           entryFileNames: `assets/[name].js`,
-          chunkFileNames: `assets/[name].js`,
-          assetFileNames: `assets/[name].[ext]`,
+          chunkFileNames: `assets/[name]-[hash].js`,
+          assetFileNames: `assets/[name]-[hash].[ext]`,
           manualChunks: {
             core: [
               'react',