Updated to support latest acode

Author: deadlyjack

.vscode/settings.json

@@ -4,7 +4,14 @@
   "cSpell.words": [
     "acode",
     "Ajit",
+    "clearcache",
     "deadlyjack",
-    "Kumar"
+    "deletegist",
+    "deletegistfile",
+    "Kumar",
+    "opengist",
+    "pallete",
+    "selectrepo",
+    "updatetoken"
   ],
 }

plugin.json

@@ -2,7 +2,7 @@
   "id": "acode.plugin.github",
   "name": "Github",
   "main": "dist/main.js",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "readme": "readme.md",
   "icon": "icon.png",
   "files": [],

src/main.js

@@ -4,12 +4,14 @@ import githubFs from './githubFs';
 
 const prompt = acode.require('prompt');
 const confirm = acode.require('confirm');
-const palette = acode.require('pallete');
+const palette = acode.require('palette') || acode.require('pallete');
 const helpers = acode.require('helpers');
 const multiPrompt = acode.require('multiPrompt');
 const openFolder = acode.require('openFolder');
 const EditorFile = acode.require('EditorFile');
 const appSettings = acode.require('settings');
+const toast = acode.require('toast');
+const fsOperation = acode.require('fsOperation');
 
 if (!Blob.prototype.arrayBuffer) {
   Blob.prototype.arrayBuffer = function () {
@@ -36,6 +38,28 @@ class AcodePlugin {
 
     this.token = localStorage.getItem('github-token');
     await this.initFs();
+
+    tutorial(plugin.id, (hide) => {
+      const commands = editorManager.editor.commands.byName;
+      const openCommandPalette = commands.openCommandPalette || commands.openCommandPallete;
+      const message = "Github plugin is installed successfully, open command palette and search 'open repository' to open a github repository.";
+      let key = 'Ctrl+Shift+P';
+      if (openCommandPalette) {
+        key = openCommandPalette.bindKey.win;
+      }
+
+      if (!key) {
+        const onclick = async () => {
+          const EditorFile = acode.require('EditorFile');
+          const fileInfo = await fsOperation(KEYBINDING_FILE).stat();
+          new EditorFile(fileInfo.name, { uri: KEYBINDING_FILE, render: true });
+          hide();
+        };
+        return <p>{message} Shortcut to open command pallete is not set, <span className='link' onclick={onclick}>Click here</span> set shortcut or use '...' icon in quick tools.</p>
+      }
+
+      return <p>{message} To open command palette use combination {key} or use '...' icon in quick tools.</p>;
+    });
   }
 
   async initFs() {
@@ -373,7 +397,7 @@ class AcodePlugin {
 
     if (showAddNew) {
       list.push({
-        text: this.#highlitedText('New gist'),
+        text: this.#highlightedText('New gist'),
         value: this.NEW,
       });
     }
@@ -405,15 +429,15 @@ class AcodePlugin {
 
     if (showAddNew) {
       list.push({
-        text: this.#highlitedText('New file'),
+        text: this.#highlightedText('New file'),
         value: this.NEW,
       });
     }
 
     return list;
   }
 
-  #highlitedText(text) {
+  #highlightedText(text) {
     return `<span style='text-transform: uppercase; color: var(--popup-active-color)'>${text}</span>`;
   }
 
@@ -508,6 +532,24 @@ class AcodePlugin {
   }
 }
 
+/**
+ * Create a toast message
+ * @param {string} id 
+ * @param {string|HTMLElement|(hide: ()=>void)=>HTMLElement} message 
+ * @returns 
+ */
+function tutorial(id, message) {
+  if (!toast) return;
+  if (localStorage.getItem(id) === 'true') return;
+  localStorage.setItem(id, 'true');
+
+  if (typeof message === 'function') {
+    message = message(toast.hide);
+  }
+
+  toast(message, false, '#17c', '#fff');
+}
+
 if (window.acode) {
   const acodePlugin = new AcodePlugin();
   acode.setPluginInit(plugin.id, async (baseUrl, $page, { cacheFileUrl, cacheFile }) => {