Merge pull request #190 from MohamedElashri/master

medyo · web-flow · commit 5977a59abd2b · 2024-04-04T22:09:40.000Z
Add kagi search engine
diff --git a/package.json b/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",
diff --git a/public/base.manifest.json b/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"
   },
diff --git a/public/screenshots/screenshot_desktop_1.webp b/public/screenshots/screenshot_desktop_1.webp
diff --git a/public/screenshots/screenshot_mobile_1.webp b/public/screenshots/screenshot_mobile_1.webp
diff --git a/public/web_manifest.json b/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",
diff --git a/script/build-chrome.sh b/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 ..
diff --git a/script/build-firefox.sh b/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'
diff --git a/script/build-web.sh b/script/build-web.sh
diff --git a/src/assets/kagi_logo.svg b/src/assets/kagi_logo.svg
@@ -0,0 +1,4 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M410.121 0H101.879C45.6125 0 0 45.6125 0 101.879V410.121C0 466.388 45.6125 512 101.879 512H410.121C466.388 512 512 466.388 512 410.121V101.879C512 45.6125 466.388 0 410.121 0Z" fill="#FFB319"/>
+<path d="M297.731 375.79H211.319C187.568 375.79 183.953 350.318 188.38 340.093C190.491 335.241 195.271 328.218 199.795 322.48C216.994 331.976 236.322 336.947 255.968 336.927C286.917 336.891 316.588 324.58 338.47 302.695C360.354 280.81 372.661 251.138 372.694 220.189C372.701 203.83 369.261 187.652 362.598 172.711C355.935 157.769 346.199 144.4 334.023 133.473L336.704 130.756C339.84 127.566 343.656 125.126 347.868 123.618C352.079 122.11 356.576 121.573 361.025 122.047L375.071 123.539V66.3224H350.52C337.213 66.3293 324.213 70.3151 313.189 77.7681C302.166 85.2211 293.623 95.7999 288.658 108.146C278.02 105.031 266.992 103.45 255.908 103.452C224.958 103.487 195.286 115.798 173.4 137.682C151.516 159.568 139.205 189.239 139.17 220.189C139.139 245.073 147.099 269.309 161.877 289.329L154.963 294.654C153.931 295.443 152.755 296.437 151.543 297.578C127.89 319.629 117.045 348.523 123.243 380.654C126.64 398.255 141.584 416.535 156.795 426.227C167.619 433.032 180.132 436.671 192.917 436.731L289.798 432.801C295.179 432.788 300.475 434.138 305.194 436.723C309.913 439.308 313.901 443.046 316.787 447.587L329.45 470.44L389.505 450.365L379.232 427.998C372.064 412.411 360.575 399.208 346.13 389.955C331.684 380.701 314.887 375.786 297.731 375.79ZM255.968 164.355C270.758 164.381 284.936 170.268 295.394 180.727C305.853 191.185 311.739 205.363 311.765 220.153C311.739 234.943 305.853 249.12 295.394 259.579C284.936 270.038 270.758 275.924 255.968 275.95C241.178 275.924 227.001 270.038 216.542 259.579C206.083 249.12 200.196 234.943 200.17 220.153C200.196 205.363 206.083 191.185 216.542 180.727C227.001 170.268 241.178 164.381 255.968 164.355Z" fill="#191919"/>
+<style xmlns="http://www.w3.org/1999/xhtml" id="VMst0.06159295130494036">.select-text-inside-a-link{ -moz-user-select: text!important; }</style><script xmlns="" id="bw-fido2-page-script"/></svg>
diff --git a/src/components/Elements/Panel/panel.css b/src/components/Elements/Panel/panel.css
@@ -22,7 +22,7 @@
 }
 
 .dark .panel.information {
-  background-color: #3b424b;
+  background-color: #1f242a;
   color: white;
 }
 .light .panel.information {
diff --git a/src/components/Layout/Header.tsx b/src/components/Layout/Header.tsx
@@ -61,8 +61,6 @@ export const Header = () => {
     setDNDDuration('never')
   }
 
-  console.log('location', location)
-
   return (
     <>
       <header className="AppHeader">
diff --git a/src/config/index.tsx b/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'
diff --git a/vite.config.ts b/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',

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "Hackertab.dev - developer news",`
`3`	`3`	`"description": "All developer news in one tab",`
`4`		`- "version": "1.18.5",`
	`4`	`+ "version": "1.20.1",`
`5`	`5`	`"chrome_url_overrides": {`
`6`	`6`	`"newtab": "index.html"`
`7`	`7`	`},`
Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@ yarn build:ext`
`27`	`27`
`28`	`28`	`# Zip the distribution folder`
`29`	`29`	`echo 'Zip the extension'`
`30`		`-cd dist/ && zip -r ../firefox_extension.zip * -x "*.DS_Store" && cd ..`
	`30`	`+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 ..`
`31`	`31`
`32`	`32`	`#`
`33`	`33`	`echo 'Zip the source code'`
Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@`
`22`	`22`	`}`
`23`	`23`
`24`	`24`	`.dark .panel.information {`
`25`		`- background-color: #3b424b;`
	`25`	`+ background-color: #1f242a;`
`26`	`26`	`color: white;`
`27`	`27`	`}`
`28`	`28`	`.light .panel.information {`