feat: 更新 joplin 笔记页面的标题，以及设置页面默认输入即存储配置

rxliuli · Jan 4, 2023 · 190e33f · 190e33f
1 parent 6dfbdea
commit 190e33f
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 11 deletions.
diff --git a/apps/joplin-search-integration/package.json b/apps/joplin-search-integration/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite dev",
+    "dev": "vite build --watch",
     "build": "vite build",
     "pack-zip": "rimraf extension.zip && jszip-cli add dist/ -o ./extension.zip",
     "pack-src": "rimraf src.zip && jszip-cli add src/ package.json .gitignore vite.config.ts tsconfig.json tsconfig.node.json -o ./src.zip",

diff --git a/apps/joplin-search-integration/src/manifest.json b/apps/joplin-search-integration/src/manifest.json
@@ -1,6 +1,6 @@
 {
   "name": "Joplin Search Integration",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "When using search, related Joplin notes are also displayed in the search results.",
   "manifest_version": 3,
   "background": {

diff --git a/apps/joplin-search-integration/src/options/views/note.ts b/apps/joplin-search-integration/src/options/views/note.ts
@@ -10,15 +10,17 @@ function getNoteId() {
 
 interface NoteData {
   id: string
+  title: string
   content: string
   resources: string[]
 }
 
 async function getNoteData(id: string): Promise<NoteData | undefined> {
   try {
-    const [s, r] = await Promise.all([noteApi.get(id, ['body']), noteApi.resourcesById(id, ['id'])])
+    const [s, r] = await Promise.all([noteApi.get(id, ['body', 'title']), noteApi.resourcesById(id, ['id'])])
     return {
       id: id,
+      title: s.title,
       content: s.body,
       resources: r.map((item) => item.id),
     }
@@ -133,6 +135,7 @@ async function main() {
   if (!s) {
     throw new Error('查询笔记失败')
   }
+  document.title = s.title
   const html = renderNoteToHtml(s)
   $content.innerHTML = html
   onToggleTheme()

diff --git a/apps/joplin-search-integration/src/options/views/settings.ts b/apps/joplin-search-integration/src/options/views/settings.ts
@@ -1,4 +1,4 @@
-import browser, { theme } from 'webextension-polyfill'
+import browser from 'webextension-polyfill'
 import { loadConfig, LocalConfig } from '../utils/loadConfig'
 
 function render() {
@@ -39,14 +39,17 @@ async function main() {
   ;($theme.querySelector(`[value="${c.theme}"]`) as HTMLOptionElement).selected = true
   setTheme(c.theme)
   const list = ['baseUrl', 'token', 'theme']
+  const handle = async (k: string, ev: Event) => {
+    const el = ev.target as HTMLInputElement
+    await browser.storage.local.set({ [k]: el.value })
+    if (el.name === 'theme') {
+      setTheme(el.value as LocalConfig['theme'])
+    }
+  }
   list.forEach((k) => {
-    document.getElementById(k)!.addEventListener('change', async (ev) => {
-      const el = ev.target as HTMLInputElement
-      await browser.storage.local.set({ [k]: el.value })
-      if (el.name === 'theme') {
-        setTheme(el.value as LocalConfig['theme'])
-      }
-    })
+    const el = document.getElementById(k)!
+    el.addEventListener('change', (ev) => handle(k, ev))
+    el.addEventListener('input', (ev) => handle(k, ev))
   })
 }