fix: show the latest version @ Options

Author: entelecheia

src/configs/userConfig.ts

@@ -122,8 +122,8 @@ export const actionConfig: ActionConfigType = {
     genPrompt: async (selection: string) => {
       const preferredLanguage = await getPreferredLanguage()
       return (
-        `Translate the following into ${preferredLanguage} and only show me the translated content.` +
-        `If it is already in ${preferredLanguage},` +
+        `Translate the following into ${preferredLanguage} and only show me the translated content. ` +
+        `If it is already in ${preferredLanguage}, ` +
         `translate it into English and only show me the translated content:\n"${selection}"`
       )
     },

src/content/index.tsx

@@ -7,7 +7,7 @@ import '../../styles/base.css'
 import '../../styles/styles.scss'
 import ChatContainer from '../components/ChatContainer'
 import FloatingToolbar from '../components/FloatingToolbar'
-import { SiteConfiguration, ThemeMode, updateUserConfig } from '../configs'
+import { getPreferredLanguage, SiteConfiguration, ThemeMode, updateUserConfig } from '../configs'
 import { createElementAtPosition, Session } from '../utils'
 
 async function mountChatContainer(
@@ -94,17 +94,17 @@ const siteConfig = {
   // appendContainerQuery: ['.sidebar-secondary-items.sidebar-secondary__inner'],
 }
 
-function getBodyContent() {
+async function getBodyContent() {
   const bodyElement = document.querySelector(siteConfig.bodyContainerQuery[0])
   if (bodyElement) {
     const maxLength = 1000 // Set the desired max length of the content
     const bodyContent = bodyElement.textContent || ''
     const trimmedContent =
       bodyContent.length > maxLength ? bodyContent.slice(0, maxLength) + '...' : bodyContent
 
+    const preferredLanguage = await getPreferredLanguage()
     // Append the limiting message
-    const limitingMessage =
-      'Summarize the conent in a few words. Please keep the discussion within the scope of this content from now on.'
+    const limitingMessage = `Summarize the conent in a few words in ${preferredLanguage}. Please keep the discussion within the scope of this content from now on. Answer in ${preferredLanguage}.`
     const initialMessage = `${trimmedContent}\n\n${limitingMessage}`
 
     return initialMessage
@@ -143,7 +143,7 @@ async function getSessionData() {
 
 async function run() {
   console.debug('Mount LectureBotfor ἐντελέχεια.άι on', siteName)
-  const initialQuestion = getBodyContent()
+  const initialQuestion = await getBodyContent()
   // const session = initSession()
   const session = await getSessionData()
 

src/options/App.tsx

@@ -21,6 +21,20 @@ function OptionsPage(props: { theme: ThemeMode; onThemeChange: (theme: ThemeMode
   const [triggerMode, setTriggerMode] = useState<TriggerMode>(TriggerMode.Automatically)
   const [language, setLanguage] = useState<LanguageMode>(LanguageMode.Auto)
   const { setToast } = useToasts()
+  const [currentVersion, setCurrentVersion] = useState('')
+  const [latestVersion, setLatestVersion] = useState('')
+  const [releaseUrl, setReleaseUrl] = useState('')
+
+  useEffect(() => {
+    setCurrentVersion(getExtensionVersion())
+    fetch('https://api.github.com/repos/entelecheia/entelecheia-lecture-bot/releases/latest').then(
+      (response) =>
+        response.json().then((data) => {
+          setLatestVersion(data.tag_name.replace('v', ''))
+          setReleaseUrl(data.html_url)
+        }),
+    )
+  }, [])
 
   useEffect(() => {
     getUserConfig().then((config) => {
@@ -55,6 +69,10 @@ function OptionsPage(props: { theme: ThemeMode; onThemeChange: (theme: ThemeMode
     [setToast],
   )
 
+  const openReleasePage = useCallback(() => {
+    Browser.tabs.create({ url: releaseUrl })
+  }, [releaseUrl])
+
   return (
     <Fragment>
       <div className="container mx-auto">
@@ -64,6 +82,11 @@ function OptionsPage(props: { theme: ThemeMode; onThemeChange: (theme: ThemeMode
             <span className="font-semibold">
               LectureBot for ἐντελέχεια.άι(v{getExtensionVersion()})
             </span>
+            <span className="cursor-pointer leading-[0]" onClick={openReleasePage}>
+              {currentVersion === latestVersion
+                ? '🎉 Latest version 🎉'
+                : `🚨 Latest version: v${latestVersion} 🚨`}
+            </span>
           </div>
         </nav>
         <main className="w-[500px] mx-auto mt-14">

src/utils/getExtensionVersion.ts

@@ -1,5 +1,5 @@
 import Browser from 'webextension-polyfill'
 
 export function getExtensionVersion() {
-  return Browser.runtime.getManifest().version
+  return Browser.runtime.getManifest().version.replace('v', '')
 }