Merge branch 'dev' of github.com:estruyf/vscode-demo-time into dev

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Change Log
 
+## [0.0.51] - 2025-01-07
+
+- Add open documentation action and link it to the editor title for JSON files
+
 ## [0.0.50] - 2025-01-06
 
 - [#23](https://github.com/estruyf/vscode-demo-time/issues/23): Add the ability to add notes to demos

package.json

@@ -2,7 +2,7 @@
   "name": "vscode-demo-time",
   "displayName": "Demo Time",
   "description": "Script your coding demos to perfection with this VS Code extension – no typos, no missteps, just flawless, stress-free presentations every time. Execute each demo step seamlessly, just like advancing through a slide presentation!",
-  "version": "0.0.50",
+  "version": "0.0.51",
   "publisher": "eliostruyf",
   "galleryBanner": {
     "color": "#86836D",
@@ -82,6 +82,13 @@
           "fontPath": "assets/demo-time-v1.woff",
           "fontCharacter": "\\e900"
         }
+      },
+      "dt-logo": {
+        "description": "Demo Time - logo",
+        "default": {
+          "fontPath": "assets/demo-time-logo.woff",
+          "fontCharacter": "\\e800"
+        }
       }
     },
     "configuration": {
@@ -138,6 +145,12 @@
       }
     },
     "commands": [
+      {
+        "command": "demo-time.docs",
+        "title": "Open Demo Time documentation",
+        "category": "Demo Time",
+        "icon": "$(dt-logo)"
+      },
       {
         "command": "demo-time.start",
         "title": "Start",
@@ -333,6 +346,13 @@
           "when": "view == demo-time && (viewItem =~ /demo-time.hasNotes/)",
           "group": "inline@4"
         }
+      ],
+      "editor/title": [
+        {
+          "command": "demo-time.docs",
+          "when": "(editorLangId == jsonc || editorLangId == json) && resourceDirname =~ /\\.demo$/",
+          "group": "navigation@1"
+        }
       ]
     },
     "views": {

src/constants/Command.ts

@@ -1,6 +1,8 @@
 export const EXTENSION_NAME = "demo-time";
 
 export const COMMAND = {
+  // Documentation
+  documentation: `${EXTENSION_NAME}.docs`,
   // Running the demo
   start: `${EXTENSION_NAME}.start`,
   previous: `${EXTENSION_NAME}.previous`,

src/services/DemoCreator.ts

@@ -15,6 +15,7 @@ export class DemoCreator {
   public static registerCommands() {
     const subscriptions: Subscription[] = Extension.getInstance().subscriptions;
 
+    subscriptions.push(commands.registerCommand(COMMAND.documentation, DemoCreator.documentation));
     subscriptions.push(commands.registerCommand(COMMAND.initialize, DemoCreator.initialize));
     subscriptions.push(commands.registerCommand(COMMAND.openDemoFile, DemoCreator.openFile));
     subscriptions.push(commands.registerCommand(COMMAND.addToStep, DemoCreator.addToStep));
@@ -29,6 +30,13 @@ export class DemoCreator {
     );
   }
 
+  /**
+   * Opens the documentation page in the browser.
+   */
+  private static documentation() {
+    commands.executeCommand("vscode.open", Uri.parse("https://demotime.elio.dev/getting-started/"));
+  }
+
   /**
    * Initializes the demo by getting the demo files, creating a file if none exists,
    * and showing the text document. It also updates the demo panel and displays an