🌊 Flow Language Support for VS Code

✨ Overview

Flow Language Support brings full syntax highlighting, intelligent formatting, and custom file icons for .flow files used in the Flow Compiler Project — a modern data pipeline compiler designed for simplicity, speed, and readability.

This VS Code extension makes .flow files look and behave like a first-class language.

🚀 Features

Feature	Description
🧠 Syntax Highlighting	Supports keywords, pipeline operators ( `>`), and DSL-like syntax
💬 Inline Comments	Uses `#` for line comments
🧩 Custom File Icons	Adds premium Flow icon to `.flow` files
🔄 Auto-closing Pairs	Braces, brackets, quotes close automatically
🧱 Region Folding	Supports `#region` / `#endregion` folding
⚡ Seamless Integration	Works directly with your Flow Compiler CLI

🧰 Installation

From Marketplace

Open VS Code → Extensions (Ctrl+Shift+X)
Search for “Flow Language Support”
Click Install

Manual Installation (Optional)

If you want to install directly from this repository:

git clone https://github.com/srijansundaram/Flow-Language-VSCode.git
cd Flow-Language-VSCode
npm install -g @vscode/vsce
vsce package
code --install-extension flow-lang-1.0.0.vsix

🧪 Usage

Open a .flow file in VS Code
Enjoy syntax highlighting, icons, and editor features
(Optional) Manually enable icon theme: Press Ctrl+Shift+P → File Icon Theme: Flow File Icons

🗂 Folder Structure

flow-lang/
├── package.json
├── README.md
├── language-configuration.json
├── syntaxes/
│ └── flow.tmLanguage.json
├── icons/
│ ├── flow-icon.png
│ ├── flow-icon.svg
│ └── flow-icon-theme.json
└── LICENSE

🧑‍💻 Development

To test locally:

npm install -g vsce
vsce package
code --install-extension flow-lang-1.0.0.vsix

Or launch from VS Code:

Open folder → Press F5
A new Extension Development Host window opens
Open a .flow file to test syntax and icon

Flow Compiler