Prototype CMX Dev Workflow

[hyu]

Loom (1.5m)

---

Context

Help vendors get their app running on Replicated platform more quickly and painlessly.

Enable developers and customer support to test Replicated applications in CMX environments directly from VS Code, like Skaffold for Replicated.

This extension includes a sidebar that shows manifests, linters, and a frontend demo for developing with CMX.

Success Criteria (long-term)

• CREs use this VS Code extension to support vendors onboarding to Replicated.
• Any vendor that is unfamiliar with K8s finds this helpful to orient themselves with Replicated platform.
• Any vendor that uses Skaffold would use this tool instead for Replicated dev.

Current State:

• Frontend demo for Dev in CMX with fake static data
• Logic to uses replicated CLI to display account status

Features

• Sidebar - Manifest Tree View - contextualizes manifests, with tooltips and docs links
• Linting - Auto-lint on save, or manual linting (uses very old linter)
• Checks replicated CLI status + version
• Checks Replicated account status using CLI (really janky)
• Mock "Dev in CMX" Workflow - demos deployment with loading animations

Current Services

• lintService.ts - Calls outdated Replicated lint API for manifest validation
• cliService.ts - Wraps replicated CLI commands (version check, login/logout)
• Mock data in clusterResourcesView.ts and clusterDashboardView.ts

Key Files

• src/extension.ts - Extension activation and command registration
• src/views/manifestsView.ts - Manifests Tree View provider (~540 lines)
• src/utils/manifestUtils.ts - Manifest categorization logic (283 lines)
• src/views/devActionsView.ts - Actions panel webview provider
• src/resources/devActionsView.html - Webview UI (~980 lines, includes all CSS/JS)