Skillium Monaco IDE

A code-centric IDE for Power Apps Canvas Apps with Studio-level IntelliSense and diagnostics, powered by Monaco Editor and Language Server Protocol (LSP). Source is Git-friendly; solution pack/import automated.

---

Features

• Monaco Editor: Rich, client-side code editing with syntax highlighting, completion, and diagnostics.
• YAML Language Server: Runs in a WebWorker, providing schema-driven completion and validation for YAML files.
• Power Fx Language Server: WebSocket bridge for Power Fx formula editing (Node WS, WASM planned).
• Canvas App Schema: Auto-generated JSON Schema from Canvas Templates XML for control/property validation.
• Dataverse Integration: Fetches entity/attribute metadata via Web API; exposes as workspace symbols.
• Automation: pac solution pack|import via execa, with file watching and debounce.
• State Management: Zustand for UI state, React Query for async data.
• UI: Next.js 15 App Router, Tailwind CSS, shadcn/ui, Radix UI primitives.
• Testing: Vitest + React Testing Library for units, Playwright for E2E, MSW for API mocking.
• Security: MSAL Browser for authentication, strict CSP, no secrets in client.

---

Project Structure