Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/syu-fu/obsidian-enhanced-codeblock-diff

EnhancedCodeblockDiff is an Obsidian plugin that enables simultaneous diff display and syntax highlighting within code blocks. With this plugin, you can visually identify code changes while preserving language-specific syntax coloring, making code comparison and review more efficient.
https://github.com/syu-fu/obsidian-enhanced-codeblock-diff

obsidian obsidian-md obsidian-plugin

Last synced: 3 months ago
JSON representation

Host: GitHub
URL: https://github.com/syu-fu/obsidian-enhanced-codeblock-diff
Owner: Syu-fu
License: mit
Created: 2024-09-08T04:47:51.000Z (4 months ago)
Default Branch: main
Last Pushed: 2024-09-26T03:27:26.000Z (3 months ago)
Last Synced: 2024-09-27T04:04:16.599Z (3 months ago)
Topics: obsidian, obsidian-md, obsidian-plugin
Language: TypeScript
Homepage:
Size: 43 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # Obsidian enhanced codeblock diff

[![release](https://img.shields.io/github/release/Syu-fu/obsidian-enhanced-codeblock-diff.svg)](https://github.com/Syu-fu/obsidian-enhanced-codeblock-diff/releases/latest)

[![lint](https://github.com/Syu-fu/obsidian-enhanced-codeblock-diff/actions/workflows/lint.yml/badge.svg?branch=main)](https://github.com/Syu-fu/obsidian-enhanced-codeblock-diff/actions/workflows/lint.yml)

[![check license](https://github.com/Syu-fu/obsidian-enhanced-codeblock-diff/actions/workflows/license-check.yml/badge.svg?branch=main)](https://github.com/Syu-fu/obsidian-enhanced-codeblock-diff/actions/workflows/license-check.yml)

This is an [Obsidian](https://obsidian.md) plugin which can enables diff display with syntax highlighting in Obsidian code blocks for efficient code comparison and review.

![codeblock](https://github.com/user-attachments/assets/502bcfa1-c044-4ae9-a2c9-63c5433a5a93)

## Examples

````markdown

```diff java

 class User {

     public string name;

     public number age;

     public string email;

-    public string phone;

+    public string phoneNumber;

 }

```

````

↓

![codeblock](https://github.com/user-attachments/assets/502bcfa1-c044-4ae9-a2c9-63c5433a5a93)

## Configure

You can customize the background colors for added and removed lines in the diff.  

These settings can be configured in the same way as the color property in CSS.

### Examples

| Setting Option                | Example Configuration  |

| ----------------------------- | ---------------------- |

| Added Line Background Color   | rgba(0, 255, 128, 0.1) |

| Removed Line Background Color | rgba(255, 0, 0, 0.1)   |