Tekkom Elektra

Version: 1.0.3 Publisher: tekkom VS Code Extension

Overview

Tekkom Elektra is a VS Code extension designed to make Flask development faster and easier by linking backend and frontend files seamlessly.

It provides:

1. Connected Files View: Quickly navigate between related .py, .css, and .js files.
2. Live CSS/JS Reload: Automatically updates CSS and JS in the browser on save without refreshing.
3. File Decorations: Highlights active files and their connected siblings in the Explorer.

Features

Connected Files

• Detects and shows related files automatically when you open a Python, CSS, or JS file.
• Click on a connected file to open it; missing files can be created on the fly.

Live CSS/JS Reload

• Automatically notifies your Flask server when .css or .js files are saved.
• The browser updates connected CSS/JS immediately using Socket.IO, no refresh required.

File Decorations

• Active file: green dot.
• Connected siblings: yellow dot.

Usage

1. Open a Python file (or frontend file) in your workspace.
2. Open the Connected Files view in the Explorer panel.
3. Click on any connected CSS/JS file to open it.
4. Edit CSS/JS files—changes are pushed live to the browser.

Works out of the box with a Flask server running Flask-SocketIO.

Requirements

• VS Code ≥ 1.104.0
• Flask project with Python 3.10+
• Flask-SocketIO server running

Contributing

• Clone the repository.
• Make changes.
• Compile with npm install and npm run compile.
• Test in VS Code (F5) before publishing updates.

License

MIT License