From fd03b64d5ba9eca1019c9020543da974c8335212 Mon Sep 17 00:00:00 2001
From: imshubham22apr-gif <imshubham.22apr@gmail.com>
Date: Sat, 21 Feb 2026 09:15:13 +0530
Subject: [PATCH] Fix: resolve conflict with code folding on mobile by lazy
 loading CommandsPanel (#120)

---
 src/index.ts               | 12 +++++++++++-
 src/views/commandsPanel.ts |  9 ++++++++-
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/index.ts b/src/index.ts
index fbfdb73..c687612 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -357,7 +357,17 @@ joplin.plugins.register({
                     command: "showPluginDocumentation"
                 }
             ]);
-            await commandsPanel.create();
+
+            await joplin.commands.register({
+                name: "showTemplatesPanel",
+                label: "Templates",
+                iconName: "far fa-file-alt",
+                execute: async () => {
+                    await commandsPanel.create();
+                }
+            });
+
+            await joplin.views.menuItems.create("showTemplatesPanelMenuItem", "showTemplatesPanel", MenuItemLocation.Tools);
         }
     },
 });
diff --git a/src/views/commandsPanel.ts b/src/views/commandsPanel.ts
index 007f5d5..7dc323b 100644
--- a/src/views/commandsPanel.ts
+++ b/src/views/commandsPanel.ts
@@ -1,5 +1,4 @@
 import joplin from "api";
-import { PassThrough } from "stream";
 
 export interface CommandButton {
     label: string;
@@ -10,12 +9,19 @@ export class CommandsPanel {
     private panelHandle: string;
     private commands: CommandButton[];
 
+    private created = false;
+
     constructor(commands: CommandButton[]) {
         this.panelHandle = "templatesCommandsPanel";
         this.commands = commands;
     }
 
     public async create(): Promise<void> {
+        if (this.created) {
+            await joplin.views.panels.show(this.panelHandle, true);
+            return;
+        }
+
         try {
             // Create the panel
             this.panelHandle = await joplin.views.panels.create(this.panelHandle);
@@ -41,6 +47,7 @@ export class CommandsPanel {
 
             // Show the panel
             await joplin.views.panels.show(this.panelHandle, true);
+            this.created = true;
         } catch (error) {
             console.error("Error creating commands panel:", error);
             throw error;