semdiff-differ-json 0.1.1

JSON diff calculator and reporters for semdiff.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82

<style>
    .json-preview {
        font-size: 1rem;
        width: 100%;
        height: 100%;
    }

    .json-preview .panel {
        padding: 0;
        width: 100%;
        height: 100%;
    }

    .json-preview pre {
        margin: 0;
        font-size: 0;
        white-space: pre-wrap;
        word-break: break-word;
        overflow-wrap: anywhere;
        overflow: hidden;
        font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    }

    .json-preview .line {
        display: flex;
        font-size: 1rem;
        padding: 0 0.25rem;
        border-radius: 0;
        overflow: visible;
        text-overflow: clip;
        line-height: 1.2;
    }

    .json-preview .line .prefix {
        flex: 0 0 1.5em;
        text-align: center;
        white-space: pre;
    }

    .json-preview .line .content {
        flex: 1;
        min-width: 0;
        white-space: pre-wrap;
        word-break: break-word;
        overflow-wrap: anywhere;
    }

    .json-preview .line.same {
        background: var(--status-neutral-bg);
    }

    .json-preview .line.added {
        background: var(--status-added-bg);
    }

    .json-preview .line.deleted {
        background: var(--status-deleted-bg);
    }
</style>
<div class="json-preview">
    <div class="panel">
        {% match body %}
        {% when JsonPreviewBody::Unchanged with { body } %}
        <pre>{% for line in body.lines() %}<span class="line same"><span class="content">{{ line }}</span></span>{% endfor %}</pre>
        {% when JsonPreviewBody::Modified with { lines } %}
        <pre>{% for line in (lines.iter().skip_while(Self::is_equal).take(10)) %}{% match line.tag() %}{%
            when ChangeTag::Unchanged
            %}<span class="line same"><span class="prefix">{{ "  " }}</span><span class="content">{{ line.display_expected() }}</span></span>{%
            when ChangeTag::Deleted
            %}<span class="line deleted"><span class="prefix">{{ "- " }}</span><span class="content">{{ line.display_expected() }}</span></span>{%
            when ChangeTag::Added
            %}<span class="line added"><span class="prefix">{{ "+ " }}</span><span class="content">{{ line.display_actual() }}</span></span>{%
            endmatch %}{% endfor %}</pre>
        {% when JsonPreviewBody::Added with { body } %}
        <pre>{% for line in body.lines() %}<span class="line added"><span class="prefix">{{ "+ " }}</span><span
                class="content">{{ line }}</span></span>{% endfor %}</pre>
        {% when JsonPreviewBody::Deleted with { body } %}
        <pre>{% for line in body.lines() %}<span class="line deleted"><span class="prefix">{{ "- " }}</span><span
                class="content">{{ line }}</span></span>{% endfor %}</pre>
        {% endmatch %}
    </div>
</div>