Flint for VS Code

Language support for Flint route modules and Flint UI pages.

Features

• Syntax highlighting for .fl source files.
• Syntax highlighting for section-based .flint.ui pages.
• Comment, bracket, quote, and word-boundary configuration.
• Snippets for section .route, route handlers, native calls, JSON responses, and UI render sections.
• Autocomplete for instruction mnemonics, registers (r0-r15), and namespace.name native calls (ui.*, http.*, string.*, json.*, math.*, time.*, env.*, crypto.*, debug.*) with inline signatures and documentation.
• Autocomplete for use/@use paths, section names, HTTP methods, local labels, and Flint UI render commands.
• Flint: Run Project command and editor play button for .fl and .flint.ui files. The command finds the nearest flint.toml and runs flint run in an integrated terminal.
• Default file icons for .fl, .flint.ui, and .flintbc without changing the user's active file icon theme.

File Types

Snippets

Common Flint snippets:

• use
• route
• route-section
• text-section
• ncall
• ncallr
• json-response
• loop
• section

Common Flint UI snippets:

• page
• route
• render
• text-section
• window
• block
• card
• field
• form
• btn

IntelliSense

Typing a namespace followed by . (e.g. ui., http., string.) completes the available native functions with their call signature and a short description. Inside a Flint code block, typing an instruction prefix (e.g. mo, ncallr) completes the mnemonic as a snippet with operand placeholders, and r0-r15 complete as registers.

use " and @use " complete project-relative .fl files and folders. section completes the current section set, .route completes HTTP methods, and route targets / jump targets complete labels declared in the current file. In .flint.ui, section .render completes the current render DSL commands such as window, card, field, btn, form, and end.

Run Project

Open a Flint source file and click the play icon in the editor title bar, or run Flint: Run Project from the Command Palette. The extension searches up from the active file for flint.toml, starts a dedicated terminal in that folder, and executes flint run.

If your CLI is not available as flint on PATH, set flint.cliPath to the executable path.

Development

This extension has a small TypeScript backend (src/) that powers autocomplete. Run pnpm install once, then pnpm run compile (or pnpm run watch) to build it.

Open this folder in VS Code and press F5 to launch an Extension Development Host (this runs the watch build task automatically). Open a .fl or .flint.ui file in that host window to test the language support.