Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/shreypurohit/code-converter-vscode
Repository to maintain VS Code Extension 'Ternary ⇄ If-Else Converter'
https://github.com/shreypurohit/code-converter-vscode
clean-code code-converter code-formatter code-quality code-transformation conditional-statements debugging hover-preview if-else-statements productivity readability refactoring ternary vscode-extension
Last synced: about 21 hours ago
JSON representation
Repository to maintain VS Code Extension 'Ternary ⇄ If-Else Converter'
- Host: GitHub
- URL: https://github.com/shreypurohit/code-converter-vscode
- Owner: ShreyPurohit
- License: mit
- Created: 2025-01-03T17:55:40.000Z (24 days ago)
- Default Branch: main
- Last Pushed: 2025-01-14T16:13:55.000Z (13 days ago)
- Last Synced: 2025-01-26T09:17:19.718Z (about 21 hours ago)
- Topics: clean-code, code-converter, code-formatter, code-quality, code-transformation, conditional-statements, debugging, hover-preview, if-else-statements, productivity, readability, refactoring, ternary, vscode-extension
- Language: TypeScript
- Homepage:
- Size: 161 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
# Ternary ⇄ If-Else Converter
A powerful VS Code extension that enables bidirectional visualization and conversion between `ternary expressions` and `if-else statements`. Boost your code readability and performance with instant previews and conversions.
- 🔄 Instantly convert between **ternary expressions** ⇄ **if-else statements**
- 🔍 Smart detection and conversion of nested ternary operations
- 🐛 Make complex conditions more readable and easier to debug
- 👁️ Real-time preview on hover without modifying your code
- 📖 Improve code readability for better team collaboration
- ⚡ Copy converted code with a single click
- 🎛️ Enable/Disable converter with one click
- 🔬 Granular level conversion support for nested conditions
## Table of Contents
- [Features](#features)
- [If-Else to Ternary](#if-else-to-ternary)
- [Ternary to If-Else](#ternary-to-if-else)
- [Additional Features](#additional-features)
- [How to Use](#how-to-use)
- [Ternary to If-Else](#ternary-to-if-else-1)
- [If-Else to Ternary](#if-else-to-ternary-1)
- [Enable/Disable Converter](#enabledisable-converter)
- [Supported Languages](#supported-languages)
- [Debugging](#debugging)
- [Common Issues](#common-issues)
- [1. Unsupported File Types](#1-unsupported-file-types)
- [2. Invalid Syntax](#2-invalid-syntax)
- [3. Complex Nested Structures](#3-complex-nested-structures)
- [More Examples To Try With](#more-examples-to-try-with)
- [License](#license)
## Features:
### If-Else to Ternary
- **Description**: Transform nested `if-else` statements into concise `ternary expressions`.
- **Key Benefits**:
- Faster execution compared to traditional if-else blocks
- Reduces code length without losing functionality
- Embraces modern JavaScript practices
- Optimizes memory usage and final bundle size in production
- Supports granular conversion of nested conditions
### Ternary to If-Else
- **Description**: Convert `ternary expressions` into more readable `if-else` statements.
- **Key Benefits**:
- Simplifies debugging and understanding of complex logic
- Serves as a learning aid for new team members
- Useful for teaching fundamental programming concepts
- Supports conversion at any nesting level
### Additional Features:
- **Copy & Paste**: Easy to copy the converted code and modify it for your needs
- **Instant Preview**: See conversions in real-time without affecting original code
- **Bidirectional Conversion**: Freedom to switch between both formats as needed
- **Toggle Converter**: Quick enable/disable functionality via status bar
- **Granular Conversion**: Convert specific parts of nested conditions
### Enable/Disable Converter:
1. **Status Bar Button**: Click the converter status in the status bar to toggle
2. **Quick Access**: Instantly enable/disable without going through settings
3. **Visual Feedback**: Status bar shows current state (Enabled/Disabled)
### Ternary to If-Else:
1. **Hover Over Ternary**: Simply hover your mouse over any ternary expression (`condition ? value1 : value2`).
2. **View Conversion**: The extension will automatically show the corresponding `if-else` statement as a hover preview.
### If-Else to Ternary:
1. **Hover Over If-Else**: Hover over an if-else statement to see its ternary equivalent.
2. **View Conversion**: The extension shows a preview of the ternary expression.
### Granular Level Conversion:
The extension now supports converting specific parts of nested conditions:
## Supported Languages:
This extension supports the following languages:
- JavaScript (`.js`)
- TypeScript (`.ts`)
- JavaScript React (`.jsx`)
- TypeScript React (`.tsx`)
## Debugging:
### Common Issues:
#### 1. Unsupported File Types
- Verify that you're using one of the supported file extensions:
- JavaScript (.js)
- TypeScript (.ts)
- JavaScript React (.jsx)
- TypeScript React (.tsx)
#### 2. Invalid Syntax
- Code must be syntactically correct for the converter to work
- Use your IDE's linting tools to check for syntax errors
#### 3. Complex Nested Structures
- While both converters support nested structures, extremely complex cases might need to be broken down
- Consider splitting very complex conditions into smaller, more manageable parts
## More Examples To Try With:
- [Nested Ternary to If-Else ](#nested-ternary-to-if-else)
- [Ternary in Functions](#ternary-in-functions)
- [JSX Ternary Expression](#jsx-ternary-expression)
- [Objects](#objects)
- [Nested If-Else to Ternary](#nested-if-else-to-ternary)
### Nested Ternary to If-Else:
```javascript
const value = conditionA ? (conditionB ? 'B1' : 'B2') : 'A2';
// Converts to:
if (conditionA) {
if (conditionB) {
'B1';
} else {
'B2';
}
} else {
'A2';
}
```
### Ternary in Functions:
```javascript
function getStatus(conditionA: any) {
return conditionA
? 100 + 50
: Math.random() > 0.5
? 'Random True'
: 'Random False';
}
// Converts to:
if (conditionA) {
100 + 50
} else {
if (Math.random() > 0.5) {
'Random True'
} else {
'Random False'
}
}
```
### JSX Ternary Expression:
```javascript
{isLoading ? (
) : error ? (
) : (
)}
// Converts to:
if (isLoading) {
} else if (error) {
} else {
}
```
### Objects:
```javascript
const obj2 = {
key: conditionA ? (conditionB ? 'value1' : 'value2') : 'value3',
}
// Converts to:
if (conditionA) {
if (conditionB) {
'value1'
} else {
'value2'
}
} else {
'value3'
}
```
### Nested If-Else to Ternary:
```javascript
if (hardCustomOccupancy && roomCustomOccupancy) {
roomCustomOccupancy?.adult;
} else {
if (setSelectionDetails) {
if (condition) {
valueA;
} else {
valueB;
}
} else {
valueC;
}
}
// Converts to:
hardCustomOccupancy && roomCustomOccupancy
? roomCustomOccupancy?.adult
: setSelectionDetails
? condition ? valueA : valueB
: valueC
```
## License:
This project is licensed under the MIT License - see the [LICENSE](./LICENSE) file for details.