Features

Syntax highlighting for the four .kal blocks — <Server>, <Client>, <View>, <Style scoped> (plus <Head>) — with embedded TypeScript, CSS, and HTML grammars, {{ }} interpolation, :/@/# directives, Kallo template tags (<Show>, <Each>, <Suspense>, …), and $keyword framework APIs.
Diagnostics — duplicate/unterminated blocks, missing <View>, and full CSS validation inside <Style> blocks.
IntelliSense — completion for framework $keyword APIs (scoped to <Server>/<Client>), template tags and directives in <View>, and native CSS completion in <Style>.
Hover documentation for $keyword APIs and CSS.
Document outline of the blocks in a .kal file.
Snippets for pages, layouts, components, and the common $keyword blocks.

Requirements

VS Code 1.90.0 or newer.

Setting	Default	Description
`kallo.validate.enable`	`true`	Enable structural diagnostics.
`kallo.css.validate`	`true`	Validate `<Style>` block contents.
`kallo.trace.server`	`off`	Trace LSP traffic for debugging.

pnpm install          # from the monorepo root
pnpm --filter kallo-vscode dev      # esbuild watch

Press F5 in VS Code to launch the Extension Development Host.

To produce an installable bundle:

pnpm --filter kallo-vscode build
pnpm --filter kallo-vscode package   # → kallo-vscode.vsix

MIT