Question: any recommendation on how to visualize the output?

[kirillgroshkov]

I like the library. But is there a recommended way to visualize the output? I'm looking for something that looks like jest-diff output or "github PR changes", e.g just for the terminal?

[AsyncBanana]

Good question! Currently, there is no recommended way to visualize changes. However, it should not be difficult to make your own method of doing this, and if you make an open-source library for this, I would love to feature it on the Microdiff README. Also, #17 should help once it is merged.

[denis-bel]

I like the library. But is there a recommended way to visualize the output? I'm looking for something that looks like jest-diff output or "github PR changes", e.g just for the terminal?

Hello, would you like to visualize the output like this one?

(Green - was created, Red - was deleted, Yellow - was changed)

[kirillgroshkov]

Hello, would you like to visualize the output like this one?

Yes, exactly.

Like github visualizes differences. Or Jest.

[denis-bel]

Hello, would you like to visualize the output like this one?

Yes, exactly.

Like github visualizes differences. Or Jest.

Okay, I asked because GitHub cannot show that something has been changed. It shows that the content of the line was deleted and then added, but the microdiff has a CHANGE type. So it will be okay to have a third format for changed values?

[kirillgroshkov]

Aha, then I misunderstood.

No, I don't see the need for CHANGE type, but instead I expect to see "what exactly" is changed in that line. E.g if a string is changed, it would show in red the removed characters and in green the added characters.

[denis-bel]

So, consider these objects like old and new

const oldObject = {
	a: 'value',
	b: 'old value'
};
const newObject = {
	b: 'another value',
	c: 'new value'
};

Would you like to get output like this?

[AsyncBanana]

Closing this because a solution to this should be developed separately.