💻 Editor Support

# Quick install script
./install-neovim.sh

# Manual installation
mkdir -p ~/.config/nvim/{syntax,ftdetect,indent}
cp neovim/syntax/nixi.vim ~/.config/nvim/syntax/
cp neovim/ftdetect/nixi.vim ~/.config/nvim/ftdetect/
cp neovim/indent/nixi.vim ~/.config/nvim/indent/

# Using vim-plug
Plug 'path/to/nixi', {'rtp': 'neovim'}

# Using lazy.nvim
{
  'path/to/nixi',
  rtp = 'neovim'
}

# Neovim Features
✅ Syntax highlighting for keywords, built-ins, components
✅ Smart indentation for let blocks, components, styles
✅ File type detection for .nixi files
✅ Customizable colors and highlighting
✅ Support for HTML, CSS, and JavaScript blocks
✅ Component and function recognition
✅ Comment and string highlighting

# Quick install script
./install-vim.sh

# Manual installation
mkdir -p ~/.vim/{syntax,ftdetect,indent}
cp vim/syntax/nixi.vim ~/.vim/syntax/
cp vim/ftdetect/nixi.vim ~/.vim/ftdetect/
cp vim/indent/nixi.vim ~/.vim/indent/

# Using vim-plug
Plug 'path/to/nixi', {'rtp': 'vim/'}

# Using Vundle
Plugin 'path/to/nixi', {'rtp': 'vim/'}

# Test installation
vim examples/simple-gui.nixi

# Vim Features
✅ Syntax highlighting for keywords, built-ins, components
✅ Smart indentation for let blocks, components, styles
✅ File type detection for .nixi files
✅ Support for JavaScript (js "...") blocks
✅ Support for HTML (html { ... }) blocks
✅ Component and function recognition
✅ CSS property highlighting in style blocks

# Install from marketplace
1. Open VS Code
2. Go to Extensions (Ctrl+Shift+X)
3. Search "Nixi Language Support"
4. Click Install

# Install from source
cd vscode-extension
npm install
npm run compile
vsce package
code --install-extension nixi-language-1.0.0.vsix

# Available commands
- Nixi: Compile File
- Nixi: Run File  
- Nixi: Compile to JavaScript

# Keyboard shortcuts
{
  "key": "ctrl+shift+b",
  "command": "nixi.compile",
  "when": "editorLangId == nixi"
},
{
  "key": "f5", 
  "command": "nixi.run",
  "when": "editorLangId == nixi"
}

# VS Code Features
✅ Full syntax highlighting and code snippets
✅ Integrated compilation commands
✅ Auto-completion and bracket matching
✅ Status bar integration
✅ Error highlighting and diagnostics
✅ Go to definition support
✅ Hover information for functions
✅ Code formatting capabilities

# Install from marketplace
1. Open Cursor
2. Go to Extensions (Ctrl+Shift+X)
3. Search "Nixi Language Support for Cursor"
4. Click Install

# AI Integration Examples
"Create a Nixi component for a user profile card"
"Explain how this let-in binding works"
"Refactor this component to use props"
"Help me debug this Nixi code"

# Cursor AI Features
✅ AI-powered code generation and explanation
✅ Smart error analysis and suggestions
✅ AI-assisted refactoring
✅ Context-aware completions
✅ Natural language to code conversion
✅ Code optimization suggestions
✅ Documentation generation
✅ Test case generation

# For Sublime Text, Atom, and other editors
# Copy the TextMate grammar file
cp vscode-extension/syntaxes/nixi.tmLanguage.json ~/.config/sublime-text-3/Packages/User/

# For Atom
mkdir -p ~/.atom/packages/nixi-language
cp -r vscode-extension/* ~/.atom/packages/nixi-language/

# For other TextMate-compatible editors
# Copy nixi.tmLanguage.json to the appropriate syntax directory

# Basic Editor Support
✅ Syntax highlighting for keywords and strings
✅ Comment recognition
✅ Basic code folding
✅ File type association (.nixi files)
✅ Basic color schemes
⚠️ Limited advanced features
⚠️ No auto-completion
⚠️ No error checking