feat: add editing latest note fields

public/_locales/en/messages.json

@@ -112,6 +112,15 @@
   "CONTEXT_MENU_ADD_NOTE_AUTOMATICALLY": {
     "message": "Add note"
   },
+  "CONTEXT_MENU_EDIT_LATEST_NOTE_TRANSLATION": {
+    "message": "Edit latest note translation"
+  },
+  "CONTEXT_MENU_EDIT_LATEST_NOTE_CONTEXT": {
+    "message": "Edit latest note context"
+  },
+  "CONTEXT_MENU_EDIT_LATEST_NOTE_TRANSCRIPTION": {
+    "message": "Edit latest note transcription"
+  },
   "ERROR_CAN_NOT_IDENTIFY_DICTIONARY_ADD_NOTE_AUTOMATICALLY": {
     "message": "Adding note automatically failed, can't identify dictionary"
   },
@@ -180,5 +189,11 @@
   },
   "CLEAR": {
     "message": "Clear"
+  },
+  "ERROR_CAN_NOT_GET_ACTIVE_TAB": {
+    "message": "Can't get active tab"
+  },
+  "ERROR_CAN_NOT_GET_ACTIVE_TAB_ON_ACTIVATED": {
+    "message": "Can't get active tab while activating"
   }
 }

src/background/app/index.ts

@@ -1,5 +1,6 @@
 import { addNewWord } from '@background/features/addNewWord'
 import { autoAddNewNote } from '@background/features/autoAddNewNote'
+import { editLatestNote } from '@background/features/editLatestNote'
 
 import { browser } from '@background/shared/browser'
 
@@ -18,6 +19,8 @@ browser.contextMenus.removeAll(() => {
   addNewWord(PARENT_ID)
 
   autoAddNewNote(PARENT_ID)
+
+  editLatestNote(PARENT_ID)
 })
 
 $notes.listen(() => {})

src/background/features/editLatestNote/index.ts

@@ -0,0 +1 @@
+export * from './ui'

src/background/features/editLatestNote/ui.tsx

@@ -0,0 +1,57 @@
+import { browser } from '@background/shared/browser'
+import {
+  TOnClickContextMenuInfoProps,
+  TOnClickContextMenuTabProps,
+} from '@background/shared/browser/contextMenus'
+import { currentPageLanguageStore } from '@background/shared/entities/language'
+
+import { INoteSelectors } from '@shared/entities/note'
+import { editNote } from '@shared/entities/note/model/store'
+
+export const editLatestNote = (parentId: string) => {
+  currentPageLanguageStore.$currentPageLanguage.listen(() => {})
+
+  const fields: Array<keyof Omit<INoteSelectors, 'text'>> = [
+    'translation',
+    'context',
+    'transcription',
+  ]
+  console.log('fields', fields)
+
+  fields.forEach((field) => {
+    const handleClick = async (
+      info: TOnClickContextMenuInfoProps,
+      tab?: TOnClickContextMenuTabProps,
+    ) => {
+      if (info.menuItemId === `edit_latest_note_${field}`) {
+        if (!tab?.id) return
+
+        editNote(currentPageLanguageStore.$currentPageLanguage.get(), {
+          ...currentPageLanguageStore.$latestNote.get(),
+          translation: info.selectionText,
+        })
+      }
+    }
+
+    currentPageLanguageStore.$latestNote.listen((latestNote) => {
+      if (latestNote) {
+        browser.contextMenus.update(`edit_latest_note_${field}`, {
+          title: `${browser.i18n.getMessage(`CONTEXT_MENU_EDIT_LATEST_NOTE_${field.toUpperCase()}`)} ${latestNote.text}`,
+        })
+      } else {
+        browser.contextMenus.remove(`edit_latest_note_${field}`)
+      }
+    })
+
+    browser.contextMenus.create({
+      title: browser.i18n.getMessage(
+        `CONTEXT_MENU_EDIT_LATEST_NOTE_${field.toUpperCase()}`,
+      ),
+      id: `edit_latest_note_${field}`,
+      parentId: parentId,
+      contexts: ['selection'],
+    })
+
+    browser.contextMenus.onClicked.addListener(handleClick)
+  })
+}

src/background/shared/browser/contextMenus/chromeContextMenus.ts

@@ -3,7 +3,11 @@ import { IContextMenus } from './types'
 export const chromeContextMenus: IContextMenus = {
   create: chrome.contextMenus.create,
 
+  update: chrome.contextMenus.update,
+
   onClicked: chrome.contextMenus.onClicked,
 
   removeAll: chrome.contextMenus.removeAll,
+
+  remove: chrome.contextMenus.remove,
 }

src/background/shared/browser/contextMenus/types.ts

@@ -3,6 +3,13 @@ import { TTab } from '@shared/shared/browser/tabs'
 export interface IContextMenus {
   create: (menuConfig: IMenuConfig) => string | number
 
+  update: (
+    menuItemId: string | number,
+    menuConfig: Partial<IMenuConfig>,
+  ) => void
+
+  remove: (menuItemId: string | number) => void
+
   onClicked: {
     addListener: (
       callback: (

src/content/dictionary/index.ts

@@ -15,9 +15,9 @@ import { $languages } from '@shared/entities/language/model/store'
 
 import { getNotesFields } from './helpers/getNotesFields'
 
-$languages.listen(() => {})
-
 browser.runtime.onConnect.addListener(async function (port) {
+  $languages.listen(() => {})
+
   if (port.name === 'CurrentPage') {
     getLanguageFromPageHandler(port, () => {
       let pageLanguage: TLanguageCode = 'other'