CodeViz - Visualize Your Code Instantly

CodeViz is a powerful VS Code extension that enhances code visualization by providing a seamless and interactive way to preview image files such as SVG, PNG, and JPEG within the editor. It also includes a comparison tool to highlight differences between two images or code blocks.

Features

✅ Instant File Preview – Hover over an image filename to see a quick preview.
✅ Supports Multiple Formats – Works with SVG, PNG, and JPEG files.
✅ Code Comparison – Highlights differences between two selected images or code blocks.
✅ User-Friendly UI – Designed to be intuitive and efficient for developers.

Installation

1. Open VS Code.
2. Go to Extensions (Ctrl+Shift+X).
3. Search for "CodeViz" and click Install.
4. Reload VS Code if necessary.

Alternatively, install it via the VS Code Marketplace: CodeViz Extension (Replace with actual link once published).

How to Use

1. Image Preview

• Hover over an image file (SVG, PNG, JPEG) to see a preview.
• Click on the image to open it in a full preview panel.

2. Code Comparison

• Select two images or text files.
• Right-click and choose "Compare with CodeViz" to see differences.

Requirements

• VS Code v1.70.0+ recommended.
• No additional dependencies required.

Extension Settings

This extension contributes the following settings:

• codeViz.enablePreview – Enable/disable image preview.
• codeViz.compareMode – Set comparison mode (default: "side-by-side").

Known Issues

• Some large SVG files may load slowly.
• Compatibility issues with older VS Code versions.

Release Notes

1.0.0

• Initial release with image preview and basic comparison features.

1.1.0 (Upcoming)

• Improved performance and support for additional file types.

Contributing

We welcome contributions! If you find a bug or have a feature request, submit an issue or pull request at:
GitHub Repository (Replace with actual repo link).

License

This project is licensed under the MIT License.

🚀 Enjoy coding with CodeViz!