Refactor build output to dist and update extension logic

Changed build output directory from 'build' to 'dist' across configuration files and .gitignore. Updated extension command registration, improved package creation logic with async/await and error handling, and added a keybinding. Updated TypeScript configuration for NodeNext modules and ES2022 target.

Author: Mqxx

.devcontainer/devcontainer.json

@@ -12,7 +12,7 @@
     },
     {
       "type": "volume",
-      "target": "${containerWorkspaceFolder}/build"
+      "target": "${containerWorkspaceFolder}/dist"
     }
   ],
   "customizations": {

.gitignore

@@ -1,6 +1,6 @@
 .vscode/
 node_modules/
 
-build/
+dist/
 
 *.vsix

package.json

@@ -5,41 +5,47 @@
   "version": "0.0.1",
   "publisher": "Mqxx",
   "repository": "https://github.com/TypeScriptPlayground/vs-code-new-package-extension",
-  "type": "module",
   "engines": {
     "vscode": "^1.85.0"
   },
   "categories": [
     "Other"
   ],
-  "main": "./build/extension.js",
+  "main": "./dist/extension.js",
+  "scripts": {
+    "build": "tsc -p .",
+    "package": "npm run build && vsce package"
+  },
   "contributes": {
     "commands": [
       {
-        "command": "vs-code-new-package-extension.createPackage",
-        "title": "New Package..."
+        "command": "extension.newPackage",
+        "title": "New Package...",
+        "category": "Explorer"
       }
     ],
     "menus": {
       "explorer/context": [
         {
-          "command": "vs-code-new-package-extension.createPackage",
-          "group": "navigation@2",
-          "when": "explorerResourceIsFolder"
+          "command": "extension.newPackage",
+          "when": "explorerResourceIsFolder || explorerViewletVisible",
+          "group": "navigation@2"
         }
       ]
-    }
-  },
-  "scripts": {
-    "vscode:prepublish": "npm run compile",
-    "compile": "tsc -p ./",
-    "watch": "tsc -watch -p ./",
-    "package": "vsce package"
+    },
+    "keybindings": [
+      {
+        "command": "extension.newPackage",
+        "key": "shift+p",
+        "when": "explorerViewletVisible"
+      }
+    ]
   },
+  "type": "module",
   "devDependencies": {
-    "@types/node": "^22.7.4",
+    "@types/node": "^22.0.0",
     "@types/vscode": "^1.85.0",
-    "typescript": "^5.6.3",
+    "typescript": "^5.5.4",
     "@vscode/vsce": "^2.15.0"
   }
 }

src/extension.ts

@@ -1,41 +1,50 @@
 import * as vscode from 'vscode';
-import * as fs from 'fs';
-import * as path from 'path';
-
-export function activate(context: vscode.ExtensionContext) {
-  let disposable = vscode.commands.registerCommand('new-package-extension.createPackage', async (uri: vscode.Uri) => {
-    // Get the folder path where the context menu was triggered
-    const folderPath = uri.fsPath;
-
-    // Prompt user for the new package folder name
-    const folderName = await vscode.window.showInputBox({
-      prompt: 'Enter the name of the new package folder',
-      placeHolder: 'Package name'
+import { mkdir, writeFile } from 'node:fs/promises';
+import { join } from 'node:path';
+
+export async function activate(context: vscode.ExtensionContext) {
+    const disposable = vscode.commands.registerCommand('extension.newPackage', async (uri: vscode.Uri) => {
+        try {
+            // Falls kein Ziel gewählt wurde → Arbeitsbereich
+            let targetDir: string;
+            if (uri && uri.fsPath) {
+                targetDir = uri.fsPath;
+            } else if (vscode.workspace.workspaceFolders && vscode.workspace.workspaceFolders.length > 0) {
+                targetDir = vscode.workspace.workspaceFolders[0].uri.fsPath;
+            } else {
+                vscode.window.showErrorMessage('No workspace folder open.');
+                return;
+            }
+
+            // Ordnername erfragen
+            const folderName = await vscode.window.showInputBox({
+                prompt: 'Enter the new package name',
+                placeHolder: 'my-package'
+            });
+
+            if (!folderName) {
+                return;
+            }
+
+            const packagePath = join(targetDir, folderName);
+
+            // Ordner anlegen
+            await mkdir(packagePath, { recursive: true });
+
+            // index.ts anlegen
+            const indexFilePath = join(packagePath, 'index.ts');
+            await writeFile(indexFilePath, '', { encoding: 'utf8' });
+
+            // Datei im Editor öffnen
+            const doc = await vscode.workspace.openTextDocument(indexFilePath);
+            await vscode.window.showTextDocument(doc);
+
+        } catch (error) {
+            vscode.window.showErrorMessage(`Failed to create package: ${String(error)}`);
+        }
     });
 
-    if (!folderName) {
-      vscode.window.showErrorMessage('No folder name provided.');
-      return;
-    }
-
-    // Create the full path for the new folder
-    const newFolderPath = path.join(folderPath, folderName);
-
-    try {
-      // Create the new folder
-      await fs.promises.mkdir(newFolderPath, { recursive: true });
-
-      // Create the index.ts file inside the new folder
-      const indexFilePath = path.join(newFolderPath, 'index.ts');
-      await fs.promises.writeFile(indexFilePath, '// Index file for the package\n');
-
-      vscode.window.showInformationMessage(`Package '${folderName}' created successfully with index.ts`);
-    } catch (error: any) {
-      vscode.window.showErrorMessage(`Failed to create package: ${error.message}`);
-    }
-  });
-
-  context.subscriptions.push(disposable);
+    context.subscriptions.push(disposable);
 }
 
 export function deactivate() {}

tsconfig.json

@@ -1,11 +1,14 @@
 {
   "compilerOptions": {
-    "module": "es2020",
-    "target": "es2020",
-    "outDir": "build",
-    "rootDir": "src",
-    "sourceMap": true,
+    "target": "ES2022",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "outDir": "dist",
+    "lib": ["ES2022"],
+    "types": ["node", "vscode"],
     "strict": true,
-    "moduleResolution": "node"
-  }
+    "esModuleInterop": true,
+    "skipLibCheck": true
+  },
+  "include": ["src"]
 }