Bright Console

🌟 Bright Console is a Visual Studio Code extension that brings console logging directly to your code editor. With inline display of console.log() outputs, you no longer need to switch between your browser or terminal and the editor. Stay focused on your code while debugging effectively!

Features

🚀 Inline Console Logs

• Displays the output of console.log() statements inline, next to the corresponding line in the editor.

❌ Error Display

• Logs that produce errors are highlighted in red, making it easier to spot issues at a glance.

🔄 Real-time Updates

• Outputs update dynamically as you edit your code.

🌈 Color-coded Output

• Success outputs are displayed in green, and errors are displayed in red for clear differentiation.

How to Use

1. Open a JavaScript, React, or Next.js file.

2. Add a console.log() statement, for example:

   console.log('Hello, Bright Console!');
   

3. The output will appear inline next to the console.log() statement in real-time.

Example

Code

const sayHello = () => {
  console.log('Hello, Bright Console!');
  return 'Hello, World!';
};
sayHello();

Editor View

const sayHello = () => {
  console.log('Hello, Bright Console!'); // → Hello, Bright Console!
  return 'Hello, World!';
};
sayHello();

Future Enhancements

• Add support for other logging methods (console.warn, console.error, etc.).
• Allow customization of inline log styles (e.g., color, font size).
• Support for multiple languages like TypeScript, Python, etc.

License

This project is licensed under the MIT License - see the LICENSE file for details

Feedback

Found a bug or have an idea for improvement? Feel free to create an issue or email us at support@brightconsole.dev.

Happy coding with Bright Console! 💻✨

bright-console