joplin-plugin-explorer 1.1.0 → 1.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "joplin-plugin-explorer",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "A unified sidebar that displays notebooks and notes together in a single tree view",
   "author": "lim0513",
   "homepage": "https://github.com/lim0513/joplin-explorer",

package/publish/index.js

@@ -25,6 +25,7 @@ var i18nData = {
     confirmDeleteNote: '确定删除此笔记吗？',
     promptRename: '请输入新名称：',
     promptMoveNote: '请输入目标笔记本名称：',
+    cancel: '取消',
   },
   'zh_TW': {
     newNotebook: '新建筆記本', newNote: '新建筆記', newTodo: '新建待辦',
@@ -45,6 +46,7 @@ var i18nData = {
     confirmDeleteFolder: '確定刪除此筆記本及其所有內容嗎？',
     confirmDeleteNote: '確定刪除此筆記嗎？',
     promptRename: '請輸入新名稱：', promptMoveNote: '請輸入目標筆記本名稱：',
+    cancel: '取消',
   },
   'en_US': {
     newNotebook: 'New Notebook', newNote: 'New Note', newTodo: 'New To-do',
@@ -65,6 +67,7 @@ var i18nData = {
     confirmDeleteFolder: 'Delete this notebook and all its contents?',
     confirmDeleteNote: 'Delete this note?',
     promptRename: 'Enter new name:', promptMoveNote: 'Enter target notebook name:',
+    cancel: 'Cancel',
   },
   'ja_JP': {
     newNotebook: '\u65B0\u898F\u30CE\u30FC\u30C8\u30D6\u30C3\u30AF', newNote: '\u65B0\u898F\u30CE\u30FC\u30C8', newTodo: '\u65B0\u898F\u30BF\u30B9\u30AF',
@@ -85,6 +88,7 @@ var i18nData = {
     confirmDeleteFolder: '\u3053\u306E\u30CE\u30FC\u30C8\u30D6\u30C3\u30AF\u3068\u305D\u306E\u5185\u5BB9\u3092\u3059\u3079\u3066\u524A\u9664\u3057\u307E\u3059\u304B\uFF1F',
     confirmDeleteNote: '\u3053\u306E\u30CE\u30FC\u30C8\u3092\u524A\u9664\u3057\u307E\u3059\u304B\uFF1F',
     promptRename: '\u65B0\u3057\u3044\u540D\u524D\u3092\u5165\u529B\uFF1A', promptMoveNote: '\u79FB\u52D5\u5148\u306E\u30CE\u30FC\u30C8\u30D6\u30C3\u30AF\u540D\uFF1A',
+    cancel: '\u30AD\u30E3\u30F3\u30BB\u30EB',
   },
 };
 
@@ -328,6 +332,7 @@ joplin.plugins.register({
           + '    <input id="search-input" type="text" placeholder="\uD83D\uDD0D ' + t.search + '" />'
           + '  </div>'
           + '  <div id="tree-container">' + treeHtml + '</div>'
+          + '  <div id="search-results" style="display:none;"></div>'
           + '  <div class="bottom-bar">'
           + '    <button id="btn-sync" title="' + t.sync + '">\uD83D\uDD04 ' + t.sync + '</button>'
           + '  </div>'
@@ -370,7 +375,7 @@ joplin.plugins.register({
         var query = msg.query;
         if (!query || !query.trim()) {
           // Empty query: tell webview to clear search results
-          await joplin.views.panels.postMessage(panel, { name: 'searchResults', results: null, query: '' });
+          await joplin.views.panels.postMessage(panel, { name: 'searchResults', results: null, query: '', searchId: msg.searchId });
           return;
         }
         try {
@@ -418,7 +423,7 @@ joplin.plugins.register({
               folderName: folderNameMap[note.parent_id] || '',
             });
           }
-          await joplin.views.panels.postMessage(panel, { name: 'searchResults', results: items, query: query });
+          await joplin.views.panels.postMessage(panel, { name: 'searchResults', results: items, query: query, searchId: msg.searchId });
         } catch (err) {
           console.error('Joplin Explorer: search error', err);
         }
@@ -446,10 +451,14 @@ joplin.plugins.register({
           if (itemType === 'folder') {
             switch (action) {
               case 'newNote':
-                await joplin.data.post(['folders', id, 'notes'], null, { title: '' });
+                var newNote = await joplin.data.post(['notes'], null, { title: t.newNote, parent_id: id });
+                await joplin.commands.execute('openNote', newNote.id);
+                selectedNoteId = newNote.id;
                 break;
               case 'newTodo':
-                await joplin.data.post(['folders', id, 'notes'], null, { title: '', is_todo: 1 });
+                var newTodo = await joplin.data.post(['notes'], null, { title: t.newTodo, parent_id: id, is_todo: 1 });
+                await joplin.commands.execute('openNote', newTodo.id);
+                selectedNoteId = newTodo.id;
                 break;
               case 'newSubNotebook':
                 await joplin.data.post(['folders'], null, { title: t.newNotebook, parent_id: id });
@@ -461,28 +470,39 @@ joplin.plugins.register({
                 if (msg.newTitle) await joplin.data.put(['folders', id], null, { title: msg.newTitle });
                 break;
               case 'exportFolder':
-                await joplin.commands.execute('exportFolders', [id]);
+                try { await joplin.commands.execute('exportFolders', [id]); } catch(e) {}
                 break;
             }
           } else if (itemType === 'note') {
             switch (action) {
               case 'openNote':
                 await joplin.commands.execute('openNote', id);
+                selectedNoteId = id;
                 break;
               case 'openInNewWindow':
-                await joplin.commands.execute('openNoteInNewWindow', id);
+                try { await joplin.commands.execute('openNoteInNewWindow', id); } catch(e) {
+                  // Fallback: just open in main window
+                  await joplin.commands.execute('openNote', id);
+                }
                 break;
               case 'copyLink':
                 var linkNote = await joplin.data.get(['notes', id], { fields: ['id', 'title'] });
                 var mdLink = '[' + linkNote.title + '](:/' + linkNote.id + ')';
-                await joplin.clipboard.writeText(mdLink);
+                try {
+                  await joplin.clipboard.writeText(mdLink);
+                } catch(e) {
+                  // Fallback: send link text to webview for copying
+                  await joplin.views.panels.postMessage(panel, { name: 'copyText', text: mdLink });
+                }
                 break;
               case 'duplicateNote':
                 var srcNote = await joplin.data.get(['notes', id], { fields: ['title', 'body', 'parent_id', 'is_todo'] });
-                await joplin.data.post(['notes'], null, {
+                var dupNote = await joplin.data.post(['notes'], null, {
                   title: srcNote.title + ' (copy)', body: srcNote.body,
                   parent_id: srcNote.parent_id, is_todo: srcNote.is_todo,
                 });
+                await joplin.commands.execute('openNote', dupNote.id);
+                selectedNoteId = dupNote.id;
                 break;
               case 'switchNoteType':
                 var sn = await joplin.data.get(['notes', id], { fields: ['is_todo'] });

package/publish/manifest.json

@@ -2,9 +2,17 @@
   "manifest_version": 1,
   "id": "com.github.joplin-explorer",
   "app_min_version": "2.6.0",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "name": "Joplin Explorer",
   "description": "A unified sidebar that displays notebooks and notes together in a single tree view",
-  "author": "user",
-  "homepage_url": "https://github.com"
+  "author": "lim0513",
+  "homepage_url": "https://github.com/lim0513/joplin-explorer",
+  "repository_url": "https://github.com/lim0513/joplin-explorer",
+  "keywords": ["sidebar", "explorer", "tree-view", "notebooks", "notes"],
+  "categories": ["appearance", "productivity"],
+  "screenshots": [
+    {"src": "screenshots/tree-view.png", "label": "Unified tree view of notebooks and notes"},
+    {"src": "screenshots/search.png", "label": "Full-text search with keyword highlighting"},
+    {"src": "screenshots/context-menu.png", "label": "Right-click context menu"}
+  ]
 }

package/publish/webview/panel.css

@@ -274,6 +274,25 @@ html, body {
   box-shadow: 0 2px 0 0 var(--joplin-color2, #4a9cf5);
 }
 
+#search-results {
+  flex: 1;
+  overflow-y: scroll;
+  padding: 4px 0;
+}
+
+#search-results::-webkit-scrollbar {
+  width: 8px;
+}
+
+#search-results::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+#search-results::-webkit-scrollbar-thumb {
+  background: var(--joplin-color-faded, #888);
+  border-radius: 4px;
+}
+
 /* Search results */
 .search-status {
   padding: 8px 12px;
@@ -328,6 +347,76 @@ html, body {
   word-break: break-all;
 }
 
+/* Inline input dialog */
+.inline-input-overlay {
+  position: fixed;
+  top: 0; left: 0; right: 0; bottom: 0;
+  background: rgba(0, 0, 0, 0.3);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 10000;
+}
+
+.inline-input-dialog {
+  background: var(--joplin-background-color, #fff);
+  border: 1px solid var(--joplin-divider-color, #ccc);
+  border-radius: 8px;
+  padding: 16px;
+  min-width: 240px;
+  max-width: 90%;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
+}
+
+.inline-input-label {
+  font-size: 12px;
+  margin-bottom: 8px;
+  color: var(--joplin-color);
+}
+
+.inline-input-field {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 6px 8px;
+  border: 1px solid var(--joplin-divider-color, #ccc);
+  border-radius: 4px;
+  background: var(--joplin-background-color, #fff);
+  color: var(--joplin-color);
+  font-size: 13px;
+  outline: none;
+}
+
+.inline-input-field:focus {
+  border-color: var(--joplin-color2, #4a9cf5);
+}
+
+.inline-input-buttons {
+  display: flex;
+  gap: 8px;
+  margin-top: 12px;
+  justify-content: flex-end;
+}
+
+.inline-input-buttons button {
+  padding: 5px 16px;
+  border: 1px solid var(--joplin-divider-color, #ccc);
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 12px;
+  color: var(--joplin-color);
+  background: var(--joplin-background-color3, #f0f0f0);
+}
+
+.inline-input-ok {
+  background: var(--joplin-color2, #4a9cf5) !important;
+  color: #fff !important;
+  border-color: var(--joplin-color2, #4a9cf5) !important;
+}
+
+.inline-input-buttons button:hover {
+  opacity: 0.85;
+}
+
 mark.search-highlight {
   background: rgba(255, 213, 0, 0.4);
   color: inherit;

package/publish/webview/panel.js

@@ -21,7 +21,6 @@ var _observer = new MutationObserver(function() {
   if (!container) return;
 
   if (_isFirstRender) {
-    // First render: scroll to selected note
     _isFirstRender = false;
     var selected = container.querySelector('.tree-item.note.selected');
     if (selected) {
@@ -30,7 +29,6 @@ var _observer = new MutationObserver(function() {
       }, 30);
     }
   } else {
-    // Subsequent renders: restore previous scroll position
     container.scrollTop = _savedScrollTop;
   }
 });
@@ -48,6 +46,49 @@ function T(key) {
   return (window._i18n && window._i18n[key]) || key;
 }
 
+// Inline input dialog (replaces prompt() which may not work in webview)
+function showInlineInput(label, defaultValue, callback) {
+  var existing = document.getElementById('inline-input-overlay');
+  if (existing) existing.remove();
+
+  var overlay = document.createElement('div');
+  overlay.id = 'inline-input-overlay';
+  overlay.className = 'inline-input-overlay';
+  overlay.innerHTML = '<div class="inline-input-dialog">'
+    + '<div class="inline-input-label">' + label + '</div>'
+    + '<input class="inline-input-field" type="text" value="' + (defaultValue || '').replace(/"/g, '&quot;') + '" />'
+    + '<div class="inline-input-buttons">'
+    + '<button class="inline-input-ok">OK</button>'
+    + '<button class="inline-input-cancel">' + (T('cancel') || 'Cancel') + '</button>'
+    + '</div></div>';
+
+  document.body.appendChild(overlay);
+
+  var input = overlay.querySelector('.inline-input-field');
+  input.focus();
+  input.select();
+
+  function submit() {
+    var val = input.value;
+    overlay.remove();
+    callback(val);
+  }
+  function cancel() {
+    overlay.remove();
+    callback(null);
+  }
+
+  overlay.querySelector('.inline-input-ok').addEventListener('click', submit);
+  overlay.querySelector('.inline-input-cancel').addEventListener('click', cancel);
+  input.addEventListener('keydown', function(e) {
+    if (e.key === 'Enter') submit();
+    if (e.key === 'Escape') cancel();
+  });
+  overlay.addEventListener('click', function(e) {
+    if (e.target === overlay) cancel();
+  });
+}
+
 // Left click: open note / toggle folder
 document.addEventListener('click', function(e) {
   var existingMenu = document.getElementById('ctx-menu');
@@ -135,10 +176,11 @@ document.addEventListener('click', function(e) {
 
   if (action === 'renameFolder' || action === 'renameNote') {
     var currentTitle = ctxItem.dataset.title || '';
-    var newTitle = prompt(T('promptRename'), currentTitle);
-    if (newTitle !== null && newTitle.trim() !== '') {
-      postMsg({ name: 'contextMenu', action: action, id: id, itemType: itemType, newTitle: newTitle.trim() });
-    }
+    showInlineInput(T('promptRename'), currentTitle, function(newTitle) {
+      if (newTitle !== null && newTitle.trim() !== '') {
+        postMsg({ name: 'contextMenu', action: action, id: id, itemType: itemType, newTitle: newTitle.trim() });
+      }
+    });
   } else if (action === 'deleteFolder') {
     if (confirm(T('confirmDeleteFolder'))) {
       postMsg({ name: 'contextMenu', action: action, id: id, itemType: itemType });
@@ -148,10 +190,11 @@ document.addEventListener('click', function(e) {
       postMsg({ name: 'contextMenu', action: action, id: id, itemType: itemType });
     }
   } else if (action === 'moveNote') {
-    var folderName = prompt(T('promptMoveNote'));
-    if (folderName !== null && folderName.trim() !== '') {
-      postMsg({ name: 'contextMenu', action: action, id: id, itemType: itemType, targetFolderName: folderName.trim() });
-    }
+    showInlineInput(T('promptMoveNote'), '', function(folderName) {
+      if (folderName !== null && folderName.trim() !== '') {
+        postMsg({ name: 'contextMenu', action: action, id: id, itemType: itemType, targetFolderName: folderName.trim() });
+      }
+    });
   } else {
     postMsg({ name: 'contextMenu', action: action, id: id, itemType: itemType });
   }
@@ -214,12 +257,25 @@ webviewApi.onMessage(function(msg) {
       }, 2000);
     }
   } else if (m.name === 'searchResults') {
+    // Ignore stale search results
+    if (m.searchId !== undefined && m.searchId !== _searchId) return;
     if (m.results === null) {
-      // Cleared search
       if (_searchMode) exitSearchMode();
     } else {
       renderSearchResults(m.results, m.query);
     }
+  } else if (m.name === 'copyText') {
+    // Fallback clipboard copy via webview
+    if (navigator.clipboard && navigator.clipboard.writeText) {
+      navigator.clipboard.writeText(m.text);
+    } else {
+      var ta = document.createElement('textarea');
+      ta.value = m.text;
+      document.body.appendChild(ta);
+      ta.select();
+      document.execCommand('copy');
+      ta.remove();
+    }
   } else if (m.name === 'selectNote') {
     // Update selection without full re-render
     document.querySelectorAll('.tree-item.note.selected').forEach(function(el) {
@@ -351,6 +407,7 @@ document.addEventListener('drop', function(e) {
 // ======================== Content Search ========================
 var _searchTimer = null;
 var _searchMode = false;
+var _searchId = 0;
 
 function escapeRegex(str) {
   return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
@@ -364,10 +421,19 @@ function highlightText(text, query) {
   return escaped.replace(regex, '<mark class="search-highlight">$1</mark>');
 }
 
+function showSearchContainer(show) {
+  var tree = document.getElementById('tree-container');
+  var search = document.getElementById('search-results');
+  if (tree) tree.style.display = show ? 'none' : '';
+  if (search) search.style.display = show ? '' : 'none';
+}
+
 function renderSearchResults(results, query) {
-  var container = document.getElementById('tree-container');
+  var container = document.getElementById('search-results');
   if (!container) return;
 
+  showSearchContainer(true);
+
   if (!results || results.length === 0) {
     container.innerHTML = '<div class="search-status">' + T('searchNoResult') + '</div>';
     return;
@@ -401,8 +467,7 @@ function renderSearchResults(results, query) {
 
 function exitSearchMode() {
   _searchMode = false;
-  // Trigger a refresh to restore the tree
-  postMsg({ name: 'refresh' });
+  showSearchContainer(false);
 }
 
 document.addEventListener('input', function(e) {
@@ -410,21 +475,24 @@ document.addEventListener('input', function(e) {
   var query = e.target.value.trim();
 
   if (_searchTimer) clearTimeout(_searchTimer);
+  _searchId++;
+  var currentSearchId = _searchId;
 
   if (!query) {
     if (_searchMode) exitSearchMode();
     return;
   }
 
-  // Show "searching..." immediately
-  var container = document.getElementById('tree-container');
-  if (container) {
-    container.innerHTML = '<div class="search-status">' + T('searching') + '</div>';
+  _searchMode = true;
+  var searchContainer = document.getElementById('search-results');
+  if (searchContainer) {
+    searchContainer.innerHTML = '<div class="search-status">' + T('searching') + '</div>';
   }
+  showSearchContainer(true);
 
   // Debounce: wait 400ms after typing stops
   _searchTimer = setTimeout(function() {
-    postMsg({ name: 'search', query: query });
+    postMsg({ name: 'search', query: query, searchId: currentSearchId });
   }, 400);
 });