feat: enhance VSCode extension with activation command and launch configuration

Author: nasdan

.gitignore

@@ -30,7 +30,7 @@ lerna-debug.log*
 # Editor directories and files
 .vscode/*
 !.vscode/settings.json
-!.vscode/extensions.json
+!.vscode/launch.json
 .idea
 .DS_Store
 *.suo

.vscode/launch.json

@@ -0,0 +1,12 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Run Quickmock Extension",
+      "type": "extensionHost",
+      "request": "launch",
+      "args": ["--extensionDevelopmentPath=${workspaceFolder}/packages/vscode-extension"],
+      "outFiles": ["${workspaceFolder}/packages/vscode-extension/dist/**/*.mjs"]
+    }
+  ]
+}

packages/mcp/package.json

@@ -4,8 +4,8 @@
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+      "types": "./dist/index.d.mts",
+      "default": "./dist/index.mjs"
     }
   },
   "imports": {

packages/vscode-extension/assets/app-icon.webp

@@ -2,12 +2,7 @@
   "name": "@lemoncode/quickmock-vscode-extension",
   "version": "0.0.0",
   "type": "module",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    }
-  },
+  "main": "./dist/index.mjs",
   "imports": {
     "#*": "./src/*"
   },
@@ -18,6 +13,7 @@
     "provenance": true
   },
   "scripts": {
+    "dev": "node --run build -- --watch --sourcemap",
     "build": "tsdown",
     "check-types": "tsc --noEmit",
     "test": "vitest run",
@@ -30,5 +26,43 @@
     "@lemoncode/vitest-config": "*",
     "@types/vscode": "1.116.0",
     "@vscode/vsce": "3.9.0"
+  },
+  "publisher": "Lemoncoders",
+  "displayName": "Quickmock",
+  "description": "Quickmock VSCode extension for your free, open source wireframing tool. Share your ideas as low-fidelity mocks in minutes, perfect for getting started.",
+  "keywords": [
+    "wireframe",
+    "mockup",
+    "prototype",
+    "low-fidelity",
+    "design",
+    "ui",
+    "ux",
+    "sketch",
+    "quickmock"
+  ],
+  "categories": [
+    "Visualization",
+    "Other"
+  ],
+  "author": "Lemoncode",
+  "license": "MIT",
+  "engines": {
+    "vscode": "^1.105.0"
+  },
+  "icon": "./assets/app-icon.webp",
+  "galleryBanner": {
+    "color": "#17191E",
+    "theme": "dark"
+  },
+  "qna": false,
+  "activationEvents": [],
+  "contributes": {
+    "commands": [
+      {
+        "command": "quickmock.helloWorld",
+        "title": "Quickmock: Hello World"
+      }
+    ]
   }
 }

packages/vscode-extension/package.json

@@ -1 +1,16 @@
-export {};
+import * as vscode from 'vscode';
+
+export const activate = (context: vscode.ExtensionContext) => {
+  const disposable = vscode.commands.registerCommand(
+    'quickmock.helloWorld',
+    () => {
+      vscode.window.showInformationMessage(
+        'Quickmock extension is running!'
+      );
+    }
+  );
+
+  context.subscriptions.push(disposable);
+};
+
+export const deactivate = () => {};

packages/vscode-extension/src/index.ts

@@ -3,4 +3,5 @@ import { baseTsdownConfig } from '@lemoncode/tsdown-config/base';
 export default {
   ...baseTsdownConfig,
   entry: ['src/index.ts'],
+  external: ['vscode'],
 };