joplin-plugin-explorer 1.1.1 → 1.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "joplin-plugin-explorer",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "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',
   },
 };
 
@@ -256,6 +260,18 @@ joplin.plugins.register({
     var allFoldersCache = [];
     var isFirstLoad = true;
 
+    function expandToFolder(folderId) {
+      var parentId = folderId;
+      while (parentId) {
+        delete collapsedFolders[parentId];
+        var found = null;
+        for (var i = 0; i < allFoldersCache.length; i++) {
+          if (allFoldersCache[i].id === parentId) { found = allFoldersCache[i]; break; }
+        }
+        parentId = found ? found.parent_id : null;
+      }
+    }
+
     function sortNotes(notes, sortMode) {
       var sorted = notes.slice();
       switch (sortMode) {
@@ -363,9 +379,13 @@ joplin.plugins.register({
         await refreshPanel();
       } else if (msg.name === 'newNote') {
         await joplin.commands.execute('newNote');
+        var nn = await joplin.workspace.selectedNote();
+        if (nn) { selectedNoteId = nn.id; expandToFolder(nn.parent_id); }
         await refreshPanel();
       } else if (msg.name === 'newTodo') {
         await joplin.commands.execute('newTodo');
+        var nt = await joplin.workspace.selectedNote();
+        if (nt) { selectedNoteId = nt.id; expandToFolder(nt.parent_id); }
         await refreshPanel();
       } else if (msg.name === 'search') {
         var query = msg.query;
@@ -447,10 +467,16 @@ 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;
+                expandToFolder(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;
+                expandToFolder(id);
                 break;
               case 'newSubNotebook':
                 await joplin.data.post(['folders'], null, { title: t.newNotebook, parent_id: id });
@@ -462,28 +488,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.1",
+  "version": "1.1.3",
   "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

@@ -347,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: #1a73e8 !important;
+  color: #fff !important;
+  border-color: #1a73e8 !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

@@ -46,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');
@@ -107,7 +150,6 @@ document.addEventListener('contextmenu', function(e) {
     menuHtml += '<div class="ctx-item" data-action="toggleTodo" data-id="' + id + '" data-type="note">' + T('ctxToggleTodo') + '</div>';
     menuHtml += '<div class="ctx-sep"></div>';
     menuHtml += '<div class="ctx-item" data-action="renameNote" data-id="' + id + '" data-type="note" data-title="' + title.replace(/"/g, '&quot;') + '">' + T('ctxRenameNote') + '</div>';
-    menuHtml += '<div class="ctx-item" data-action="moveNote" data-id="' + id + '" data-type="note">' + T('ctxMoveNote') + '</div>';
     menuHtml += '<div class="ctx-item" data-action="noteInfo" data-id="' + id + '" data-type="note">' + T('ctxNoteInfo') + '</div>';
     menuHtml += '<div class="ctx-sep"></div>';
     menuHtml += '<div class="ctx-item ctx-danger" data-action="deleteNote" data-id="' + id + '" data-type="note">' + T('ctxDeleteNote') + '</div>';
@@ -133,10 +175,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 });
@@ -146,10 +189,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 });
   }
@@ -219,6 +263,18 @@ webviewApi.onMessage(function(msg) {
     } 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) {