Language support for Flint route modules and Flint UI pages.
Features
- Syntax highlighting for
.flsource files. - Syntax highlighting for section-based
.flint.uipages. - 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), andnamespace.namenative calls (ui.*,http.*,string.*,json.*,math.*,time.*,env.*,crypto.*,debug.*) with inline signatures and documentation. - Autocomplete for
use/@usepaths, section names, HTTP methods, local labels, and Flint UI render commands. Flint: Run Projectcommand and editor play button for.fland.flint.uifiles. The command finds the nearestflint.tomland runsflint runin an integrated terminal.- Default file icons for
.fl,.flint.ui, and.flintbcwithout changing the user's active file icon theme.
File Types
| File | Language mode |
|---|---|
*.fl |
Flint |
*.flint.ui |
Flint UI |
*.flintbc |
Flint bytecode artifact |
flint.toml |
Flint project manifest |
Snippets
Common Flint snippets:
userouteroute-sectiontext-sectionncallncallrjson-responseloopsection
Common Flint UI snippets:
pagerouterendertext-sectionwindowblockcardfieldformbtn
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.