SourceView

SourceView is a modern source code viewer, designed using Electron, that offers a comprehensive set of features to enhance code readability and navigation. With support for over 20 programming languages, this tool provides syntax highlighting, making it easy to distinguish code elements at a glance.

Key Features

• Source Code Viewing: Enjoy a clear view of source files with syntax highlighting for multiple languages, including JavaScript, Python, Java, and more.
• Directory Browser: Navigate directories effortlessly with a visual grid layout that incorporates file icons for intuitive browsing.
• Interactive Navigation: Users can click on folders to explore their contents and navigate back to parent directories with ease.
• Multi-Tab Interface: The application supports opening multiple files and directories simultaneously, enhancing multitasking capabilities.
• Interactive Minimap: A visual overview of the file allows users to click and navigate directly to specific locations, while also showing a viewport indicator for the current view area.
• Image Support: SourceView can display images directly within the viewer, accommodating different file types seamlessly.
• PDF Integration: Open PDF files in the system's default viewer, ensuring compatibility for documentation needs.
• Binary File Protection: Safely handle binary files without risk of application crashes.
• Keyboard Shortcuts: Full keyboard navigation support allows for quick access to features and simplifies workflow.
• Dark Theme: The professional dark theme is optimized for a comfortable coding experience, especially in low-light environments.

Installation Instructions

To set up SourceView, clone the repository and install the required dependencies to run the application locally.

Command Line Usage

Users can effectively manage file and directory opening through the command line:

# Open current directory
electron .

# Open a specific file
electron . /path/to/file.js

# Open a specific directory
electron . /path/to/directory

Supported File Types

SourceView is designed to support a wide range of file types, ensuring versatility:

• Programming Languages: JavaScript, TypeScript, Python, Java, C/C++, C#, PHP, Ruby, Go, Rust, Swift, Kotlin, Scala
• Web Technologies: HTML, CSS, SCSS, SASS, Vue, Svelte
• Data Formats: JSON, XML, YAML, CSV, SQL
• Documentation: Markdown, Plain Text, PDF
• Images: PNG, JPG, GIF, SVG, WebP, ICO, BMP

Application Architecture

SourceView is structured with:

• Main Process: Handled in main.js, managing file operations.
• Renderer Process: Responsible for UI logic and file display in renderer.js.
• Styling: Dark theme and responsive layout defined in styles.css.
• UI Structure: Built in index.html, featuring a custom title bar and layout.