2016-10-09 22:01:01 +00:00
|
|
|
<h1>Diff Prettifier <a href="#help">?</a></h1>
|
|
|
|
|
<p>GitHub, Bitbucket and GitLab commit and pull request compatible</p>
|
|
|
|
|
<p>Just paste the GitHub, Bitbucket or GitLab commit, pull request or merge request url
|
|
|
|
|
or any other git or unified compatible diff and we will render a pretty html representation of it
|
|
|
|
|
with code syntax highlight and line similarity matching for better code reviews.
|
|
|
|
|
</p>
|
2016-10-12 21:52:59 +00:00
|
|
|
<h3>Options:</h3>
|
|
|
|
|
<div class="diff-url-options-container">
|
|
|
|
|
<h5>Output:</h5>
|
|
|
|
|
<label>Format
|
|
|
|
|
<select id="diff-url-options-output-format" name="outputFormat">
|
|
|
|
|
<option value="line-by-line" selected>Line by Line</option>
|
|
|
|
|
<option value="side-by-side">Side by Side</option>
|
|
|
|
|
</select>
|
|
|
|
|
</label>
|
|
|
|
|
<label>Show Files
|
|
|
|
|
<input id="diff-url-options-show-files" type="checkbox" name="showFiles" checked/>
|
|
|
|
|
</label>
|
|
|
|
|
<h5>Matching:</h5>
|
|
|
|
|
<label>Type
|
|
|
|
|
<select id="diff-url-options-matching" name="matching">
|
|
|
|
|
<option value="lines">Lines</option>
|
|
|
|
|
<option value="words" selected>Words</option>
|
|
|
|
|
<option value="none">None</option>
|
|
|
|
|
</select>
|
|
|
|
|
</label>
|
|
|
|
|
<label>Words Threshold
|
|
|
|
|
<input id="diff-url-options-match-words-threshold" type="number" name="matchWordsThreshold" value="0.25" step="0.05"
|
|
|
|
|
min="0" max="1"/>
|
|
|
|
|
</label>
|
|
|
|
|
<label>Maximum Comparisons
|
|
|
|
|
<input id="diff-url-options-matching-max-comparisons" type="number" name="matchingMaxComparisons" value="2500"
|
|
|
|
|
step="100" min="0"/>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
2016-10-09 22:01:01 +00:00
|
|
|
<br>
|
|
|
|
|
<div class="diff-url-wrapper">
|
|
|
|
|
<a id="url-btn" class="diff-url-btn btn btn-sm" href="#">Load</a>
|
|
|
|
|
<input id="url" class="diff-url-input" type="text" name="url" placeholder="URL"/>
|
|
|
|
|
</div>
|
|
|
|
|
<br>
|
2016-10-12 21:52:59 +00:00
|
|
|
<div id="url-diff-container" style="margin: 0 auto;">
|
2016-10-09 22:01:01 +00:00
|
|
|
</div>
|
|
|
|
|
<br>
|
|
|
|
|
<h3 id="help">Help:</h3>
|
|
|
|
|
<ul>
|
|
|
|
|
<li>
|
|
|
|
|
<b>Why should I use this instead of GitHub, Bitbucket or GitLab?</b>
|
|
|
|
|
<p>Code Syntax Highlight</p>
|
|
|
|
|
<p>Line similarity match (similar lines are together)</p>
|
|
|
|
|
<p>Line by Line and Side by Side (SOON) diffs</p>
|
|
|
|
|
<p>Supports any git and unified compatible diffs</p>
|
|
|
|
|
<p>Easy code selection</p>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<b>What urls are supported?</b>
|
|
|
|
|
<p>Any GitHub, Bitbucket or GitLab Commit, Pull Request or Merge Request urls.</p>
|
|
|
|
|
<p>Any Git or Unified Raw Diff or Patch urls.</p>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<b>Can I send a custom url for a friend, colleague or co-worker?</b>
|
2016-10-12 21:52:59 +00:00
|
|
|
<p>Just add a url parameter called diff to current url using as value your Commit, Pull Request, Merge Request, Diff
|
|
|
|
|
or Patch url.</p>
|
|
|
|
|
<p>ex: <a href="url.html?diff=https://github.com/rtfpessoa/diff2html/pull/106">https://diff2html.xyz/url?diff=https://github.com/rtfpessoa/diff2html/pull/106</a>
|
|
|
|
|
</p>
|
2016-10-09 22:01:01 +00:00
|
|
|
<p>You can also use an hashtag (# or #! or #!/) in the end of the url.
|
|
|
|
|
This will be overridden if you click any href id and for that reason not advised.</p>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<b>Why can't I paste a diff?</b>
|
2016-10-12 21:52:59 +00:00
|
|
|
<p><a href="https://diffy.org/">diffy.org</a> is an amazing tool created by <a
|
|
|
|
|
href="https://github.com/pbu88">pbu88</a>
|
2016-10-09 22:01:01 +00:00
|
|
|
to share your diffs and uses diff2html under the hood.</p>
|
|
|
|
|
<p>Also, diff2html cli can directly publish diffs to <a href="https://diffy.org/">diffy.org</a></p>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
<br>
|
|
|
|
|
<h3>Thank you</h3>
|
|
|
|
|
<p>I want to thank <a href="https://github.com/kevinsimper">kevinsimper</a> for this great idea,
|
|
|
|
|
providing better diff support for existing online services.
|
|
|
|
|
</p>
|