Frontend

The Voltimax frontend consists of a Vue.js web application and a TypeScript API client library, both located under src/@voltimax/.

Projects

IoT Frontend

@voltimax/iot-frontend is the main web application for the Voltimax IoT Platform.


Framework	Vue 3 with TypeScript
Build tool	Vite
Type checking	`vue-tsc`
Linting	ESLint
Testing	Vitest (unit), with UI and coverage support
Component stories	Histoire

Scripts

bash

# Development
pnpm dev              # Start Vite dev server
pnpm build            # Type-check and build for production
pnpm preview          # Preview production build

# Testing
pnpm test             # Run tests once
pnpm test:watch       # Run tests in watch mode
pnpm test:ui          # Run tests with Vitest UI
pnpm test:coverage    # Run tests with coverage

# Linting
pnpm lint             # Check for lint errors
pnpm lint:fix         # Auto-fix lint errors

# Stories
pnpm story:dev        # Start Histoire dev server

Platform Client JS

@voltimax/platform-client-js is the official TypeScript/JavaScript client library for the Platform API.

It provides typed exports for:

Export	Description
`@voltimax/platform-client-js/client`	HTTP client for API communication
`@voltimax/platform-client-js/types`	TypeScript type definitions
`@voltimax/platform-client-js/sdk`	High-level SDK wrapper
`@voltimax/platform-client-js/colada`	Pinia Colada integration for Vue

Authentication

The frontend authenticates against Keycloak using the iot-frontend OIDC client with PKCE (S256). See the Migration Service documentation for client configuration details.

Frontend ​

Projects ​

IoT Frontend ​

Scripts ​

Platform Client JS ​

Authentication ​