extension.js

@@ -1,4 +1,5 @@
 const vscode = require("vscode");
+const path = require("path");
 
 /**
  * @param {vscode.ExtensionContext} context
@@ -32,9 +33,15 @@ function activate(context) {
         res_range.start.character + 1,
         res_range.end.character - 1
       );
+      console.log(res);
       if (!res.endsWith(".jpg")) res += ".png";
-      const img_path = `file://${vscode.workspace.workspaceFolders[0].uri.path}/mower/resources/${res}`;
+      const img_path = path.join(
-      const md = new vscode.MarkdownString(`![${res}](${img_path})`);
+        vscode.workspace.workspaceFolders[0].uri.path,
+        "mower",
+        "resources",
+        ...res.split("/")
+      );
+      const md = new vscode.MarkdownString(`![](file://${img_path})`);
       return new vscode.Hover(md);
     },
   });

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "mower-ng-res-preview",
-  "version": "0.0.3",
+  "version": "0.0.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "mower-ng-res-preview",
-      "version": "0.0.3",
+      "version": "0.0.2",
       "devDependencies": {
         "@types/mocha": "^10.0.10",
         "@types/node": "20.x",

package.json

@@ -2,7 +2,7 @@
   "name": "mower-ng-ext",
   "displayName": "mower-ng ext",
   "description": "Enhance mower-ng development experience",
-  "version": "0.0.3",
+  "version": "0.0.2",
   "engines": {
     "vscode": "^1.97.0"
   },