From 3be2a16876bc8f4d0589e251b942a96dc531e42a Mon Sep 17 00:00:00 2001
From: John Doe <elmehdi.sakout@gmail.com>
Date: Sun, 6 Apr 2025 22:26:46 +0100
Subject: [PATCH 01/15] refactor: streamline message handling in auth and
 content scripts

---
 public/auth.js    | 6 ++++--
 public/content.js | 9 ++-------
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/public/auth.js b/public/auth.js
index 80541101..a0c827ce 100644
--- a/public/auth.js
+++ b/public/auth.js
@@ -1,6 +1,8 @@
+const acceptedTypes = ['TOKEN_RECEIVED', 'ERROR_RECEIVED']
 window.addEventListener('message', (event) => {
-  if (event.data.type === 'TOKEN_RECEIVED' || event.data.type === 'ERROR_RECEIVED') {
-    // Forward to content script
+  console.log('Received message from content script:', event.data)
+  if (acceptedTypes.includes(event.data.type)) {
+    // Forward to content scripte
     window.postMessage(event.data, '*')
   }
 })
diff --git a/public/content.js b/public/content.js
index 3f188acb..661d199f 100644
--- a/public/content.js
+++ b/public/content.js
@@ -1,17 +1,12 @@
 const script = document.createElement('script')
 script.src = chrome.runtime.getURL('auth.js')
 document.documentElement.appendChild(script)
+const acceptedTypes = ['TOKEN_RECEIVED', 'ERROR_RECEIVED']
 
 // Listen for messages from the injected script
 window.addEventListener('message', (event) => {
-  if (
-    event.source !== window ||
-    !event.data ||
-    event.data.type !== 'TOKEN_RECEIVED' ||
-    event.data.type !== 'ERROR_RECEIVED'
-  ) {
+  if (event.source !== window || !event.data || !acceptedTypes.includes(event.data.type)) {
     return
   }
-
   chrome.runtime.sendMessage({ ...event.data })
 })

From 88fcec2af1c756272d50611f3b1ff0b5b7564581 Mon Sep 17 00:00:00 2001
From: John Doe <elmehdi.sakout@gmail.com>
Date: Mon, 7 Apr 2025 14:03:35 +0100
Subject: [PATCH 02/15] refactor: remove refresh_rate from RemoteConfig type

---
 src/features/remoteConfig/types/index.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/features/remoteConfig/types/index.ts b/src/features/remoteConfig/types/index.ts
index c492ab00..1357aa78 100644
--- a/src/features/remoteConfig/types/index.ts
+++ b/src/features/remoteConfig/types/index.ts
@@ -21,7 +21,6 @@ export type TagValuesFieldType =
 
 export type RemoteConfig = {
   supportedTags: Tag[]
-  refresh_rate: number | false
   marketingBannerConfig?: any
   adsConfig: {
     rowPosition: number

From 24381bab129a2aa89551ba127d0f8e0c3474a78c Mon Sep 17 00:00:00 2001
From: John Doe <elmehdi.sakout@gmail.com>
Date: Mon, 7 Apr 2025 16:59:56 +0100
Subject: [PATCH 03/15] refactor: update import statement for
 ScrollCardsNavigator in AppContentLayout

---
 src/components/Layout/AppContentLayout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Layout/AppContentLayout.tsx b/src/components/Layout/AppContentLayout.tsx
index 03ffbf12..71dda18a 100644
--- a/src/components/Layout/AppContentLayout.tsx
+++ b/src/components/Layout/AppContentLayout.tsx
@@ -3,9 +3,9 @@ import { DesktopBreakpoint } from 'src/providers/DesktopBreakpoint'
 import { MobileBreakpoint } from 'src/providers/MobileBreakpoint'
 import { useUserPreferences } from 'src/stores/preferences'
 import { BottomNavigation } from '../Elements'
-import { ScrollCardsNavigator } from './'
 import { DesktopCards } from './DesktopCards'
 import { MobileCards } from './MobileCards'
+import { ScrollCardsNavigator } from './ScrollCardsNavigator'
 
 export const AppContentLayout = () => {
   const { cards, userCustomCards } = useUserPreferences()

From 49a38f9bdd19edc122ceb59c5deb4da1cfd27eda Mon Sep 17 00:00:00 2001
From: John Doe <elmehdi.sakout@gmail.com>
Date: Mon, 7 Apr 2025 17:00:56 +0100
Subject: [PATCH 04/15] chore: update zustand to version 5.0.3 and remove old
 dependency from package.json

---
 package.json |  4 ++--
 yarn.lock    | 12 +++++-------
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index 786786b4..4fd1fde1 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,7 @@
     "timeago.js": "^4.0.2",
     "type-fest": "^1.2.0",
     "vite-plugin-ejs": "^1.6.4",
-    "zustand": "^4.3.3"
+    "zustand": "^5.0.3"
   },
   "engines": {
     "node": "18"
@@ -65,9 +65,9 @@
   },
   "devDependencies": {
     "@types/chrome": "^0.0.241",
+    "@types/dompurify": "^2.3.4",
     "@types/jest": "^29.1.2",
     "@types/jsonpath": "^0.2.0",
-    "@types/dompurify": "^2.3.4",
     "@types/jspath": "^0.4.0",
     "@types/node": "^20.4.2",
     "@types/react": "^19.0.4",
diff --git a/yarn.lock b/yarn.lock
index 7596b8b3..e714bc55 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6085,7 +6085,7 @@ use-subscription@^1.3.0:
   dependencies:
     use-sync-external-store "^1.2.0"
 
-use-sync-external-store@1.2.0, use-sync-external-store@^1.2.0:
+use-sync-external-store@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz#7dbefd6ef3fe4e767a0cf5d7287aacfb5846928a"
   integrity sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==
@@ -6287,9 +6287,7 @@ yargs@^17.7.2:
     y18n "^5.0.5"
     yargs-parser "^21.1.1"
 
-zustand@^4.3.3:
-  version "4.4.7"
-  resolved "https://registry.yarnpkg.com/zustand/-/zustand-4.4.7.tgz#355406be6b11ab335f59a66d2cf9815e8f24038c"
-  integrity sha512-QFJWJMdlETcI69paJwhSMJz7PPWjVP8Sjhclxmxmxv/RYI7ZOvR5BHX+ktH0we9gTWQMxcne8q1OY8xxz604gw==
-  dependencies:
-    use-sync-external-store "1.2.0"
+zustand@^5.0.3:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/zustand/-/zustand-5.0.3.tgz#b323435b73d06b2512e93c77239634374b0e407f"
+  integrity sha512-14fwWQtU3pH4dE0dOpdMiWjddcH+QzKIgk1cl8epwSE7yag43k/AD/m4L6+K7DytAOr9gGBe3/EXj9g7cdostg==

From e9bec630766127620d6cdcaa73a908a408da0131 Mon Sep 17 00:00:00 2001
From: John Doe <elmehdi.sakout@gmail.com>
Date: Mon, 7 Apr 2025 17:34:21 +0100
Subject: [PATCH 05/15] feat: add action listener to extension on toolbar icon
 click

---
 public/background.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/public/background.js b/public/background.js
index df8301a7..0d69eab8 100644
--- a/public/background.js
+++ b/public/background.js
@@ -2,3 +2,7 @@ const uninstallUrl = `https://hackertab.dev/uninstall.html`
 if (chrome.runtime.setUninstallURL) {
   chrome.runtime.setUninstallURL(uninstallUrl)
 }
+
+chrome.action.onClicked.addListener(function () {
+  chrome.tabs.create({ url: 'index.html', selected: true })
+})

From 7c036e9ada717b5d0cbb4a6581543d1213d9251c Mon Sep 17 00:00:00 2001
From: John Doe <elmehdi.sakout@gmail.com>
Date: Mon, 7 Apr 2025 17:35:22 +0100
Subject: [PATCH 06/15] feat: add action key to chrome manifest for extension
 functionality

---
 public/chrome.manifest.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/public/chrome.manifest.json b/public/chrome.manifest.json
index fcb931e3..699397d3 100644
--- a/public/chrome.manifest.json
+++ b/public/chrome.manifest.json
@@ -1,5 +1,6 @@
 {
   "background": {
     "service_worker": "background.js"
-  }
+  },
+  "action": {}
 }

From bb8a4aee2b3c855c7b47a1a7cf7fc5afbb868127 Mon Sep 17 00:00:00 2001
From: John Doe <elmehdi.sakout@gmail.com>
Date: Mon, 7 Apr 2025 17:35:41 +0100
Subject: [PATCH 07/15] refactor: remove unused index

---
 src/features/onboarding/components/steps/HelloTab.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/features/onboarding/components/steps/HelloTab.tsx b/src/features/onboarding/components/steps/HelloTab.tsx
index 1c88b744..b97b8f9e 100644
--- a/src/features/onboarding/components/steps/HelloTab.tsx
+++ b/src/features/onboarding/components/steps/HelloTab.tsx
@@ -93,7 +93,7 @@ export const HelloTab = ({
         <p className="tabBody">Let's customize your Hackertab experience!</p>
       </div>
       <div className="occupations">
-        {OCCUPATIONS.map((occ, index) => {
+        {OCCUPATIONS.map((occ) => {
           return (
             <button
               key={occ.title}

From bd4ed51076310403f464142fab6b8c5bf4f4e899 Mon Sep 17 00:00:00 2001
From: John Doe <elmehdi.sakout@gmail.com>
Date: Mon, 7 Apr 2025 17:36:04 +0100
Subject: [PATCH 08/15] refactor: standardize import statements and remove
 unnecessary line breaks in getRemoteConfig

---
 .../remoteConfig/api/getRemoteConfig.ts       | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/features/remoteConfig/api/getRemoteConfig.ts b/src/features/remoteConfig/api/getRemoteConfig.ts
index 968486da..166ed770 100644
--- a/src/features/remoteConfig/api/getRemoteConfig.ts
+++ b/src/features/remoteConfig/api/getRemoteConfig.ts
@@ -1,25 +1,25 @@
-import { useQuery } from '@tanstack/react-query';
-import { ExtractFnReturnType, QueryConfig } from 'src/lib/react-query';
-import { RemoteConfig } from "../types";
-import { axios } from 'src/lib/axios';
-import { useRemoteConfigStore } from "../stores/remoteConfig";
+import { useQuery } from '@tanstack/react-query'
+import { axios } from 'src/lib/axios'
+import { ExtractFnReturnType, QueryConfig } from 'src/lib/react-query'
+import { useRemoteConfigStore } from '../stores/remoteConfig'
+import { RemoteConfig } from '../types'
 
 const getRemoteConfig = async (): Promise<RemoteConfig> => {
-  return axios.get('/data/remoteConfiguration.json');
+  return axios.get('/data/remoteConfiguration.json')
 }
 
-type QueryFnType = typeof getRemoteConfig;
+type QueryFnType = typeof getRemoteConfig
 
 type UseGetRemoteConfigOptions = {
-  config?: QueryConfig<QueryFnType>;
-};
+  config?: QueryConfig<QueryFnType>
+}
 export const useGetRemoteConfig = ({ config }: UseGetRemoteConfigOptions = {}) => {
   return useQuery<ExtractFnReturnType<QueryFnType>>({
     onSuccess(remoteConfig) {
-      useRemoteConfigStore.getState().setRemoteConfig(remoteConfig);
+      useRemoteConfigStore.getState().setRemoteConfig(remoteConfig)
     },
     ...config,
     queryKey: ['remote-config'],
     queryFn: () => getRemoteConfig(),
-  });
-}
\ No newline at end of file
+  })
+}

From b7069858a12a8463aba2fca7bfb1043e67300f15 Mon Sep 17 00:00:00 2001
From: John Doe <elmehdi.sakout@gmail.com>
Date: Mon, 7 Apr 2025 17:37:24 +0100
Subject: [PATCH 09/15] feat: add early return in AuthProvider for missing
 token, provider, and error

---
 src/providers/AuthProvider.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/providers/AuthProvider.tsx b/src/providers/AuthProvider.tsx
index d5f3a883..ced1d3aa 100644
--- a/src/providers/AuthProvider.tsx
+++ b/src/providers/AuthProvider.tsx
@@ -103,6 +103,10 @@ export const AuthProvider = ({ children }: { children: React.ReactNode }) => {
     const provider = searchParams.get('provider')
     const error = searchParams.get('error')
 
+    if (!token && !provider && !error) {
+      return
+    }
+
     if (error) {
       setAuthError({
         message: OAUTH_ERRORS[error] || OAUTH_ERRORS['default'],

From 831c9e44836ce4d1ad92f2998d35b3f908a1f7e1 Mon Sep 17 00:00:00 2001
From: John Doe <elmehdi.sakout@gmail.com>
Date: Mon, 7 Apr 2025 17:37:50 +0100
Subject: [PATCH 10/15] feat: integrate remote config store into user
 preferences state management

---
 src/stores/preferences.ts | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/stores/preferences.ts b/src/stores/preferences.ts
index 84b5f1be..6aae2b2e 100644
--- a/src/stores/preferences.ts
+++ b/src/stores/preferences.ts
@@ -1,6 +1,6 @@
 import arrayMove from 'array-move'
 import { Occupation } from 'src/features/onboarding/types'
-import { Tag } from 'src/features/remoteConfig'
+import { Tag, useRemoteConfigStore } from 'src/features/remoteConfig'
 import { enhanceTags } from 'src/utils/DataEnhancement'
 import { create } from 'zustand'
 import { StateStorage, createJSONStorage, persist } from 'zustand/middleware'
@@ -33,7 +33,6 @@ export type UserPreferencesState = {
 }
 
 type UserPreferencesStoreActions = {
-  initState: (newState: UserPreferencesState) => void
   setTheme: (theme: Theme) => void
   setSearchEngine: (theme: string) => void
   setOpenLinksNewTab: (openLinksNewTab: boolean) => void
@@ -55,8 +54,11 @@ type UserPreferencesStoreActions = {
 const defaultStorage: StateStorage = {
   getItem: (name: string) => {
     const item = window.localStorage.getItem(name)
+    if (!item) {
+      return null
+    }
 
-    if (item) {
+    try {
       let {
         version,
         state,
@@ -65,14 +67,21 @@ const defaultStorage: StateStorage = {
         state: UserPreferencesState
       } = JSON.parse(item)
 
+      const remoteConfigStore = useRemoteConfigStore.getState()
+
       const newState = {
         ...state,
-        userSelectedTags: enhanceTags(state.userSelectedTags as unknown as string[]),
+        userSelectedTags: enhanceTags(
+          remoteConfigStore,
+          state.userSelectedTags as unknown as string[]
+        ),
       }
+
       return JSON.stringify({ state: newState, version })
+    } catch (e) {
+      console.log('Error getting item', e)
+      return null
     }
-
-    return null
   },
   setItem: (name: string, value: string) => {
     try {

From 9347f897a2cbc2b8b9ef83301c3d77a79e770bf2 Mon Sep 17 00:00:00 2001
From: John Doe <elmehdi.sakout@gmail.com>
Date: Mon, 7 Apr 2025 17:38:00 +0100
Subject: [PATCH 11/15] refactor: update enhanceTags function to accept remote
 config store as a parameter

---
 src/utils/DataEnhancement.ts | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/utils/DataEnhancement.ts b/src/utils/DataEnhancement.ts
index f0d6f4f9..1de39bad 100644
--- a/src/utils/DataEnhancement.ts
+++ b/src/utils/DataEnhancement.ts
@@ -1,15 +1,14 @@
-import { Tag, useRemoteConfigStore, TagValuesFieldType } from 'src/features/remoteConfig'
+import { RemoteConfig, Tag, TagValuesFieldType } from 'src/features/remoteConfig'
 import { BaseEntry } from 'src/types'
 
-export const enhanceTags = (tags: string[]): Tag[] => {
-  const savedTags = useRemoteConfigStore.getState().supportedTags
-
+export const enhanceTags = (remoteConfigStore: RemoteConfig, tags: string[]): Tag[] => {
   return tags
-    .map((tag) => savedTags.find((st) => st.value.toLowerCase() === tag.toLocaleString()))
+    .map((tag) =>
+      remoteConfigStore.supportedTags.find((st) => st.value.toLowerCase() === tag.toLocaleString())
+    )
     .filter(Boolean) as Tag[]
 }
 
-
 export const getCardTagsValue = (tags: Tag[], valuesField: TagValuesFieldType): string[] => {
   return tags.reduce((acc: string[], curr) => {
     if (!curr[valuesField] || curr[valuesField].length === 0) return acc
@@ -18,9 +17,8 @@ export const getCardTagsValue = (tags: Tag[], valuesField: TagValuesFieldType):
   }, [])
 }
 
-
 export const filterUniqueEntries = (entries: BaseEntry[]) => {
   const uniqueResults = new Map()
   entries.forEach((item) => uniqueResults.set(item.id, item))
   return Array.from(uniqueResults.values())
-}
\ No newline at end of file
+}

From 2eee39ee1a179f29f853279259442a0922b68e99 Mon Sep 17 00:00:00 2001
From: John Doe <elmehdi.sakout@gmail.com>
Date: Mon, 7 Apr 2025 17:38:10 +0100
Subject: [PATCH 12/15] refactor: remove unused getUserToken function from auth
 utility

---
 src/features/auth/utils/auth.ts | 15 ---------------
 1 file changed, 15 deletions(-)
 delete mode 100644 src/features/auth/utils/auth.ts

diff --git a/src/features/auth/utils/auth.ts b/src/features/auth/utils/auth.ts
deleted file mode 100644
index a0680ccf..00000000
--- a/src/features/auth/utils/auth.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { firebaseAuth } from 'src/lib/firebase'
-
-export const getUserToken = async () => {
-  return new Promise((resolve, _) => {
-    const unsub = firebaseAuth.onAuthStateChanged(async (user) => {
-      if (user) {
-        const token = await user.getIdToken()
-        resolve(token)
-      } else {
-        resolve(null)
-      }
-      unsub()
-    })
-  })
-}

From 605eeff23a6084aad67bf63d9d49a31adeddfb01 Mon Sep 17 00:00:00 2001
From: John Doe <elmehdi.sakout@gmail.com>
Date: Mon, 7 Apr 2025 17:38:21 +0100
Subject: [PATCH 13/15] refactor: remove unused auth utility export from auth
 index

---
 src/features/auth/index.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/features/auth/index.ts b/src/features/auth/index.ts
index ab44d99e..a93cd5d3 100644
--- a/src/features/auth/index.ts
+++ b/src/features/auth/index.ts
@@ -3,4 +3,3 @@ export * from './hooks/useAuth'
 export * from './stores/authModalStore'
 export * from './stores/authStore'
 export * from './types'
-export * from './utils/auth'

From fb9c76a535d1f0f2c9aa934a86fdcc973e66fd16 Mon Sep 17 00:00:00 2001
From: John Doe <elmehdi.sakout@gmail.com>
Date: Mon, 7 Apr 2025 17:38:28 +0100
Subject: [PATCH 14/15] feat: implement getUserToken function using firebase
 authentication

---
 .../interceptors/DefaultRequestInterceptor.ts   | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/lib/interceptors/DefaultRequestInterceptor.ts b/src/lib/interceptors/DefaultRequestInterceptor.ts
index a0592ef2..acb728b6 100644
--- a/src/lib/interceptors/DefaultRequestInterceptor.ts
+++ b/src/lib/interceptors/DefaultRequestInterceptor.ts
@@ -1,7 +1,7 @@
 import { InternalAxiosRequestConfig } from 'axios'
 import { API_ENDPOINT } from 'src/config'
-import { getUserToken } from 'src/features/auth'
 import { isProduction } from 'src/utils/Environment'
+import { firebaseAuth } from '../firebase'
 
 export async function DefaultRequestInterceptor(config: InternalAxiosRequestConfig) {
   if (config) {
@@ -20,3 +20,18 @@ export async function DefaultRequestInterceptor(config: InternalAxiosRequestConf
 
   return config
 }
+
+const getUserToken = async () => {
+  return new Promise((resolve, _) => {
+    const unsub = firebaseAuth.onAuthStateChanged(async (user) => {
+      if (user) {
+        const token = await user.getIdToken()
+        resolve(token)
+      } else {
+        resolve(null)
+      }
+      unsub()
+    })
+    resolve('abc')
+  })
+}

From 98eb724e060122836faf5bf37ade0412537497d1 Mon Sep 17 00:00:00 2001
From: John Doe <elmehdi.sakout@gmail.com>
Date: Mon, 7 Apr 2025 19:46:13 +0100
Subject: [PATCH 15/15] refactor: remove console log statements from auth and
 preferences modules

---
 public/auth.js                                          | 1 -
 src/features/onboarding/components/steps/SourcesTab.tsx | 5 -----
 src/stores/preferences.ts                               | 2 --
 3 files changed, 8 deletions(-)

diff --git a/public/auth.js b/public/auth.js
index a0c827ce..eff5dcc5 100644
--- a/public/auth.js
+++ b/public/auth.js
@@ -1,6 +1,5 @@
 const acceptedTypes = ['TOKEN_RECEIVED', 'ERROR_RECEIVED']
 window.addEventListener('message', (event) => {
-  console.log('Received message from content script:', event.data)
   if (acceptedTypes.includes(event.data.type)) {
     // Forward to content scripte
     window.postMessage(event.data, '*')
diff --git a/src/features/onboarding/components/steps/SourcesTab.tsx b/src/features/onboarding/components/steps/SourcesTab.tsx
index 4b607767..ddd860ba 100644
--- a/src/features/onboarding/components/steps/SourcesTab.tsx
+++ b/src/features/onboarding/components/steps/SourcesTab.tsx
@@ -29,11 +29,6 @@ export const SourcesTab = ({
           options={sources}
           defaultValues={tabsData.sources}
           onChange={(_, selectedChips) => {
-            console.log(
-              'sources',
-              selectedChips.map((chip) => chip.value)
-            )
-
             setTabsData({ ...tabsData, sources: selectedChips.map((chip) => chip.value) })
           }}
         />
diff --git a/src/stores/preferences.ts b/src/stores/preferences.ts
index 6aae2b2e..09334d6f 100644
--- a/src/stores/preferences.ts
+++ b/src/stores/preferences.ts
@@ -79,7 +79,6 @@ const defaultStorage: StateStorage = {
 
       return JSON.stringify({ state: newState, version })
     } catch (e) {
-      console.log('Error getting item', e)
       return null
     }
   },
@@ -101,7 +100,6 @@ const defaultStorage: StateStorage = {
       const newValue = JSON.stringify({ state: newState, version })
       window.localStorage.setItem(name, newValue)
     } catch (e) {
-      console.log('Prefs, SetItem', e)
       window.localStorage.setItem(name, '')
     }
   },