fix: welcome view icons and edit template issue

Author: paliwal999harsh

.gitignore

@@ -3,4 +3,4 @@ dist
 node_modules
 .vscode-test/
 *.vsix
-.scannerwork
+.scannerwork/

.vscodeignore

@@ -14,6 +14,7 @@ webpack.config.js
 node_modules/**
 !node_modules/lodash/**
 !node_modules/js-yaml/**
+!node_modules/@vscode/codicons/dist/**
 .eslintrc.json
 REFACTORING_SUMMARY.md
 IMPLEMENTATION_GUIDE.md
@@ -22,4 +23,5 @@ TEMPLATES_FEATURE.md
 PROJECT_STRUCTURE.md
 CHANGELOG.md
 .scannerwork/**
-.github/**
+.github/**
+.prettierignore

CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to the "GitOps Tools for ArgoCD" extension will be documented in this file.
 
+## [0.0.2] - 2025-12-03
+
+### Fixes
+
+- Fix Welcome View icons
+- Edit Template issue
+
 ## [0.0.2] - 2025-12-02
 
 ### Fixes

CONTRIBUTING.md

@@ -1,6 +1,7 @@
 # Contributing to GitOps Tools for ArgoCD
 
-First off, thank you for considering contributing to GitOps Tools for ArgoCD! It's people like you that make this extension better for everyone.
+First off, thank you for considering contributing to GitOps Tools for ArgoCD! It's people like you that make this extension better for everyone. <br>
+Also consider best practics from [Angular Contributing Docs](https://github.com/angular/angular/blob/main/contributing-docs)
 
 ## 🌟 How Can I Contribute?
 
@@ -9,6 +10,7 @@ First off, thank you for considering contributing to GitOps Tools for ArgoCD! It
 Before creating bug reports, please check the existing issues to avoid duplicates. When you create a bug report, include as many details as possible:
 
 **Bug Report Template:**
+
 - **Description**: Clear and concise description of the buga
 - **Steps to Reproduce**: Detailed steps to reproduce the behavior
 - **Expected Behavior**: What you expected to happen
@@ -53,6 +55,7 @@ Enhancement suggestions are welcome! Please include:
 ### Development Workflow
 
 1. **Start Watch Mode** (automatic compilation on file changes):
+
    ```bash
    npm run watch
    ```
@@ -118,25 +121,31 @@ npm test -- --grep "pattern"
 
 ```markdown
 ## Description
+
 Brief description of changes
 
 ## Type of Change
+
 - [ ] Bug fix
 - [ ] New feature
 - [ ] Breaking change
 - [ ] Documentation update
 
 ## Changes Made
+
 - Change 1
 - Change 2
 
 ## Testing
+
 How you tested the changes
 
 ## Screenshots
+
 If applicable
 
 ## Related Issues
+
 Fixes #123
 ```
 
@@ -147,4 +156,4 @@ Fixes #123
 3. Feedback provided (if needed)
 4. Approved and merged
 
-**Thank you for contributing to GitOps Tools for ArgoCD!** 
+**Thank you for contributing to GitOps Tools for ArgoCD!**

README.md

@@ -5,6 +5,8 @@ A powerful Visual Studio Code extension that brings ArgoCD GitOps workflows dire
 [![VS Code](https://img.shields.io/badge/VS%20Code-1.105.0+-blue.svg)](https://code.visualstudio.com/)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](LICENSE)
 
+# Read latest documentation [here](https://paliwal999harsh.github.io/vscode-argocd)
+
 ## Overview
 
 This extension provides comprehensive ArgoCD management capabilities within VS Code, allowing you to:
@@ -92,7 +94,7 @@ This extension requires the ArgoCD CLI to be installed on your system.
 ### Install the Extension
 
 - Search for "GitOps Tools for ArgoCD" in the VS Code Extensions Marketplace
-- Or install from `.vsix` file: `code --install-extension argocd-gitops-0.0.1.vsix`
+- Or install from `.vsix` file: `code --install-extension argocd-gitops-0.0.x.vsix`
 
 ### Configure ArgoCD Connection
 
@@ -318,15 +320,15 @@ All commands are available in the Command Palette (`Ctrl+Shift+P`):
 
 Configure the extension in VS Code Settings (`Ctrl+,`):
 
-| Setting | Type | Default | Description |
-|---------|------|---------|-------------|
-| `argocd.showClusters` | boolean | `true` | Show Clusters view in sidebar |
-| `argocd.showRepositories` | boolean | `true` | Show Repositories view |
-| `argocd.showApplications` | boolean | `true` | Show Applications view |
-| `argocd.showTemplates` | boolean | `false` | Show Templates view |
-| `argocd.refreshInterval` | number | `30` | Auto-refresh interval (seconds, 0 to disable) |
-| `argocd.timeoutSeconds` | number | `60` | CLI command timeout (seconds) |
-| `argocd.logLevel` | string | `info` | Output log level (debug, info, warn, error) |
+| Setting                   | Type    | Default | Description                                   |
+| ------------------------- | ------- | ------- | --------------------------------------------- |
+| `argocd.showClusters`     | boolean | `true`  | Show Clusters view in sidebar                 |
+| `argocd.showRepositories` | boolean | `true`  | Show Repositories view                        |
+| `argocd.showApplications` | boolean | `true`  | Show Applications view                        |
+| `argocd.showTemplates`    | boolean | `false` | Show Templates view                           |
+| `argocd.refreshInterval`  | number  | `30`    | Auto-refresh interval (seconds, 0 to disable) |
+| `argocd.timeoutSeconds`   | number  | `60`    | CLI command timeout (seconds)                 |
+| `argocd.logLevel`         | string  | `info`  | Output log level (debug, info, warn, error)   |
 
 ## Troubleshooting
 
@@ -391,7 +393,7 @@ View logs:
 
 ## License
 
-This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
+This project is licensed under the MIT License - see the [LICENSE](LICENSE.txt) file for details.
 
 ## Contributing
 
@@ -414,8 +416,8 @@ Contributions are welcome! Please see [CONTRIBUTING.md](CONTRIBUTING.md) for gui
 
 Found a bug or have a feature request?
 
-- [Report an issue](https://github.com/yourusername/argocd-vscode-extension/issues)
-- [Request a feature](https://github.com/yourusername/argocd-vscode-extension/issues/new?labels=enhancement)
+- [Report an issue](https://github.com/paliwal999harsh/vscode-argocd/issues)
+- [Request a feature](https://github.com/paliwal999harsh/vscode-argocd/issues/new?labels=enhancement)
 
 ### Clusters Management
 
@@ -424,7 +426,7 @@ Found a bug or have a feature request?
 - **Cluster Details**: View cluster server information, version, and connection status
 - **Health Monitoring**: Real-time cluster health and connectivity status
 
-### Repositories Management  
+### Repositories Management
 
 - **Repository Listing**: View all repositories connected to ArgoCD
 - **Multi-Type Support**: Support for Git, Helm, and OCI repositories
@@ -475,4 +477,4 @@ Found a bug or have a feature request?
 - **Real-time Updates**: Automatic refresh of tree views when configured
 - **Smart Refresh**: Only refresh when connected to ArgoCD server
 
-**Made with ❤️ for the GitOps community** | [Report Issues](https://github.com/yourusername/argocd-vscode-extension/issues) | [Contribute](CONTRIBUTING.md)
+**Made with ❤️ for the GitOps community** | [Report Issues](https://github.com/paliwal999harsh/vscode-argocd/issues) | [Contribute](CONTRIBUTING.md)

package.json

@@ -2,7 +2,7 @@
   "name": "argocd-gitops",
   "displayName": "GitOps Tools for ArgoCD",
   "description": "Manage Kubernetes Applications and Clusters using ArgoCD",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "author": {
     "name": "Harsh Paliwal"
   },
@@ -652,10 +652,10 @@
     }
   },
   "scripts": {
-    "vscode:prepublish": "webpack --mode production",
+    "vscode:prepublish": "webpack --mode production --devtool hidden-source-map",
     "compile": "webpack",
     "watch": "webpack --watch",
-    "package": "webpack --mode production",
+    "package": "webpack --mode production --devtool hidden-source-map",
     "compile-tests": "tsc -p . --outDir out",
     "watch-tests": "tsc -p . -w --outDir out",
     "pretest": "npm run compile-tests && npm run compile && npm run lint",

src/commands.ts

@@ -210,13 +210,13 @@ export function registerCommands(context: ExtensionContext, services: CommandSer
   registerCommand(CommandId.EditApplication, editApplication(services, providers));
   registerCommand(CommandId.DeleteApplication, deleteApplication(services, providers));
   registerCommand(CommandId.CreateTemplateFromApplication, createTemplateFromApplication(services, providers));
-  registerCommand(CommandId.ViewResourceManifest, viewResourceManifest(services.appService));
+  registerCommand(CommandId.ViewResourceManifest, viewResourceManifest(services));
   registerCommand(CommandId.CreateApplicationFromFolder, createApplicationFromFolder(services));
 
   // Template commands
   registerCommand(CommandId.RefreshTemplates, refreshTemplates(providers.templatesProvider));
   registerCommand(CommandId.AddTemplate, addTemplate(services, providers));
-  registerCommand(CommandId.EditTemplate, editTemplate(_context, providers.templatesProvider));
+  registerCommand(CommandId.EditTemplate, editTemplate(_context, services, providers));
   registerCommand(CommandId.CopyTemplate, copyTemplate(providers.templatesProvider));
   registerCommand(CommandId.CopyTemplateYaml, copyTemplateYaml(providers.templatesProvider));
   registerCommand(

src/commands/applications/viewResourceManifests.ts

@@ -1,13 +1,14 @@
 import { window, ProgressLocation, workspace } from 'vscode';
-import { AppService } from '../../services';
 import * as yaml from 'js-yaml';
+import { CommandServices } from '../../commands';
 
 /**
  * View the manifest for a specific Kubernetes resource
  * Manifests are fetched lazily on first resource click and cached in the ApplicationItem
  */
-export function viewResourceManifest(appService: AppService) {
+export function viewResourceManifest(services: CommandServices) {
   return async (item: any) => {
+    const { appService } = services;
     if (!item?.resource) {
       return;
     }

src/commands/templates/addTemplate.ts

@@ -1,13 +1,14 @@
 import path from 'node:path';
-import { ExtensionContext, Uri, window, workspace } from 'vscode';
-import { CommandServices, CommandProviders } from '../../commands';
+import { ExtensionContext, window, commands } from 'vscode';
+import { CommandServices, CommandProviders, CommandId } from '../../commands';
 import * as fs from 'node:fs';
 
 /**
  * Add a new template
  */
 export function addTemplate(services: CommandServices, providers: CommandProviders) {
   return async () => {
+    const { outputChannel } = services;
     const { templatesProvider } = providers;
     const context = (globalThis as any).extensionContext as ExtensionContext;
 
@@ -51,18 +52,10 @@ export function addTemplate(services: CommandServices, providers: CommandProvide
 
       await templatesProvider.addTemplate(template);
       window.showInformationMessage(`Template "${templateName}" created successfully`);
-
-      const tempDir = path.join(context.globalStorageUri.fsPath, 'templates');
-      if (!fs.existsSync(tempDir)) {
-        fs.mkdirSync(tempDir, { recursive: true });
-      }
-      const tempFile = path.join(tempDir, `${template.id}.yaml`);
-      const uri = Uri.file(tempFile);
-      fs.writeFileSync(tempFile, template.template, 'utf-8');
-      const doc = await workspace.openTextDocument(uri);
-      await window.showTextDocument(doc);
+      commands.executeCommand(CommandId.EditTemplate, { template });
     } catch (error) {
-      window.showErrorMessage(`Failed to create template: ${error}`);
+      window.showErrorMessage('Failed to create template');
+      outputChannel.error('Failed to create template', error as Error);
     }
   };
 }

src/commands/templates/editTemplate.ts

@@ -1,13 +1,15 @@
-import path from 'path';
+import path from 'node:path';
 import { ExtensionContext, Uri, workspace, window } from 'vscode';
-import { TemplatesProvider } from '../../views/providers';
-import * as fs from 'fs';
+import * as fs from 'node:fs';
+import { CommandProviders, CommandServices } from '../../commands';
 
 /**
  * Edit a template
  */
-export function editTemplate(context: ExtensionContext, templatesProvider: TemplatesProvider) {
+export function editTemplate(context: ExtensionContext, services: CommandServices, providers: CommandProviders) {
   return async (item: any) => {
+    const { outputChannel } = services;
+    const { templatesProvider } = providers;
     if (!item?.template) {
       return;
     }
@@ -18,9 +20,13 @@ export function editTemplate(context: ExtensionContext, templatesProvider: Templ
     if (!fs.existsSync(tempDir)) {
       fs.mkdirSync(tempDir, { recursive: true });
     }
-
     const tempFile = path.join(tempDir, `${template.id}.yaml`);
 
+    if (!fs.existsSync(tempFile)) {
+      const yamlContent = templatesProvider.getTemplateAsYaml(template);
+      fs.writeFileSync(tempFile, yamlContent, 'utf-8');
+    }
+
     // Open the file
     const uri = Uri.file(tempFile);
     const doc = await workspace.openTextDocument(uri);
@@ -55,7 +61,7 @@ export function editTemplate(context: ExtensionContext, templatesProvider: Templ
             fs.unlinkSync(tempFile);
           }
         } catch (e) {
-          // Ignore cleanup errors
+          outputChannel.error(`Failed to delete temp file: ${e}`);
         }
       }
     });