Merge pull request #107 from rtfpessoa/github-online-diff
Online Diff Pretiffier
This commit is contained in:
Rodrigo Fernandes
GitHub
commit
269b1b6cfb
29 changed files with 4661 additions and 733 deletions
|
|
@ -3,7 +3,7 @@ coverage/**
|
||||||
dist/**
|
dist/**
|
||||||
|
|
||||||
# Ignore symlink to build folder
|
# Ignore symlink to build folder
|
||||||
docs/assets/**
|
docs/**
|
||||||
|
|
||||||
# Ignore HTML templates generated code
|
# Ignore HTML templates generated code
|
||||||
src/**
|
src/**
|
||||||
|
|
|
||||||
416
docs/demo.html
416
docs/demo.html
|
|
@ -1,416 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en" class="js">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<!--[if IE]>
|
|
||||||
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'/>
|
|
||||||
<![endif]-->
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
|
|
||||||
<meta name="description" content="Diff parser and pretty html generator">
|
|
||||||
<meta name="keywords" content="diff2html,git,diff,unified,pretty,html,css,javaccript">
|
|
||||||
<meta name="author" content="Rodrigo Fernandes (rtfpessoa)">
|
|
||||||
|
|
||||||
<title>diff2html</title>
|
|
||||||
|
|
||||||
<!-- search engine -->
|
|
||||||
<link rel="canonical" href="https://diff2html.xyz">
|
|
||||||
|
|
||||||
<!-- open graph -->
|
|
||||||
<meta property="og:title" content="diff2html">
|
|
||||||
<meta property="og:type" content="website">
|
|
||||||
|
|
||||||
<meta property="og:description"
|
|
||||||
content="Diff parser and pretty html generator.">
|
|
||||||
|
|
||||||
<meta property="og:url" content="https://diff2html.xyz">
|
|
||||||
<meta property="og:site_name" content="diff2html">
|
|
||||||
|
|
||||||
<!-- Bootstrap -->
|
|
||||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"
|
|
||||||
integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
|
|
||||||
|
|
||||||
<!-- Custom styles for this template -->
|
|
||||||
<link href="main.css" rel="stylesheet">
|
|
||||||
|
|
||||||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/styles/github.min.css">
|
|
||||||
|
|
||||||
<!-- diff2html -->
|
|
||||||
<link rel="stylesheet" type="text/css" href="assets/diff2html.css">
|
|
||||||
<!-- -->
|
|
||||||
|
|
||||||
|
|
||||||
<script>
|
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
||||||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
||||||
|
|
||||||
ga('create', 'UA-78351861-2', 'auto');
|
|
||||||
ga('send', 'pageview');
|
|
||||||
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body class="swag-line template-index">
|
|
||||||
<div class="container-overflow-wrap">
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<nav class="navbar navbar-default navbar-tall navbar-full" role="navigation">
|
|
||||||
<div class="navbar-header">
|
|
||||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#global-nav">
|
|
||||||
<span class="sr-only">Toggle navigation</span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
</button>
|
|
||||||
<a class="navbar-brand" href="index.html">diff2html</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="collapse navbar-collapse" id="global-nav">
|
|
||||||
<div class="navbar-right">
|
|
||||||
<ul class="nav navbar-nav">
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<a href="index.html#install">Getting Started</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<a href="index.html#cli">CLI</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<a href="demo.html">Demo</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<a href="https://github.com/rtfpessoa/diff2html#how-to-use" target="_blank">Docs</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<a href="https://github.com/rtfpessoa/diff2html/issues/new" target="_blank">Support</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<h1>Line by Line</h1>
|
|
||||||
|
|
||||||
<div id="line-by-line" style="margin: 0 auto;">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h1>Side by Side</h1>
|
|
||||||
|
|
||||||
<div id="side-by-side" style="margin: 0 auto;">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<footer class="footer clearfix">
|
|
||||||
<p class="col-xs-10 col-xs-offset-1">
|
|
||||||
Website originally designed and built by
|
|
||||||
<a href="https://twitter.com/mdo" target="_blank">@mdo</a>,
|
|
||||||
<a href="https://twitter.com/fat" target="_blank">@fat</a>, and
|
|
||||||
<a href="https://twitter.com/dhg" target="_blank">@dhg</a>,
|
|
||||||
adapted with <span class="hero-red">❤</span> by
|
|
||||||
<a href="https://twitter.com/rtfpessoa" target="_blank">@rtfpessoa</a>.
|
|
||||||
</p>
|
|
||||||
<ul class="footer-list col-xs-10 col-xs-offset-1">
|
|
||||||
|
|
||||||
<li class="footer-list-item">
|
|
||||||
<a class="footer-list-link" href="https://github.com/rtfpessoa/diff2html#how-to-use"
|
|
||||||
target="_blank">FAQ</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="footer-list-item">
|
|
||||||
<a class="footer-list-link" href="https://diff2html.xyz">diff2html</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- General JavaScript -->
|
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
|
|
||||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
|
|
||||||
integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS"
|
|
||||||
crossorigin="anonymous"></script>
|
|
||||||
|
|
||||||
<script type="application/ld+json">
|
|
||||||
{
|
|
||||||
"@context": "http://schema.org/",
|
|
||||||
"@type": "SoftwareSourceCode",
|
|
||||||
"name": "diff2html",
|
|
||||||
"author": "Rodrigo Fernandes",
|
|
||||||
"image": "https://diff2html.xyz/img/snapshot-3.png",
|
|
||||||
"description": "Diff parser and pretty html generator.",
|
|
||||||
"codeRepository": "https://github.com/rtfpessoa/diff2html",
|
|
||||||
"programmingLanguage": "JavaScript",
|
|
||||||
"runtimePlatform": "Node >= 0.12",
|
|
||||||
"mainEntityOfPage": "https://diff2html.xyz/"
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/highlight.min.js"></script>
|
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/languages/scala.min.js"></script>
|
|
||||||
|
|
||||||
<!-- diff2html -->
|
|
||||||
<script type="text/javascript" src="assets/diff2html.js"></script>
|
|
||||||
<script type="text/javascript" src="assets/diff2html-ui.js"></script>
|
|
||||||
<!-- -->
|
|
||||||
|
|
||||||
<script>
|
|
||||||
var lineDiffExample =
|
|
||||||
"--- a/src/my/really/big/path/sample.js\n" +
|
|
||||||
"+++ b/src/my/small/path/sample.js\n" +
|
|
||||||
"@@ -1 +1,2 @@\n" +
|
|
||||||
"-test\n" +
|
|
||||||
"+test1r\n" +
|
|
||||||
"+test2r\n" +
|
|
||||||
'diff --git a/src/core/init.java b/src/core/init.java\n' +
|
|
||||||
'index e49196a..50f310c 100644\n' +
|
|
||||||
'--- a/src/core/init.java\n' +
|
|
||||||
'+++ b/src/core/init.java\n' +
|
|
||||||
'@@ -101,7 +101,7 @@\n' +
|
|
||||||
' /**\n' +
|
|
||||||
' * Setter for property filesize.\n' +
|
|
||||||
' *\n' +
|
|
||||||
" * @param filesize value of property 'filesize'.\n" +
|
|
||||||
' */\n' +
|
|
||||||
' public void setFilesize(int filesize) {\n' +
|
|
||||||
'- this.filesizeOld = filesizeOld;\n' +
|
|
||||||
'+ this.filesizeNew = filesizeNew;\n' +
|
|
||||||
' }\n' +
|
|
||||||
'diff --git a/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/coverage.init b/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/coverage.init\n' +
|
|
||||||
'index fc56817..e8e7e49 100644\n' +
|
|
||||||
'--- a/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/coverage.init\n' +
|
|
||||||
'+++ b/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/coverage.init\n' +
|
|
||||||
'@@ -19,7 +19,7 @@\n' +
|
|
||||||
' -opt "\-nostart"\n' +
|
|
||||||
' \n' +
|
|
||||||
' # skip stopenv\n' +
|
|
||||||
'--do "runbvt,stopenv,getlogs,pullcoveragedata,stopenv,getlogs,pullcoveragedata,stopenv,getlogs,pullcoveragedata,stopenv,getlogs,pullcoveragedata,stopenv,getlogs,pullcoveragedata,stopenv,getlogs,pullcoveragedata,stopenv,getlogs,pullcoveragedata,stopenv,getlogs,pullcoveragedata,stopenv,getlogs,pullcoveragedata,stopenv,getlogs,pullcoveragedata"\n' +
|
|
||||||
'+-do "runbvt,getlogs,pullcoveragedata"\n' +
|
|
||||||
' \n' +
|
|
||||||
' ##########################################\n' +
|
|
||||||
' # logs files to bring back to base\n' +
|
|
||||||
'diff --git a/src/attributes/attr.js b/src/attributes/attr.js\n' +
|
|
||||||
'index facdd41..b627fe8 100644\n' +
|
|
||||||
'--- a/src/attributes/attr.js\n' +
|
|
||||||
'+++ b/src/attributes/attr.js\n' +
|
|
||||||
'@@ -1,11 +1,10 @@\n' +
|
|
||||||
' define([\n' +
|
|
||||||
' "../core",\n' +
|
|
||||||
' "../var/rnotwhite",\n' +
|
|
||||||
'- "../var/strundefined",\n' +
|
|
||||||
' "../core/access",\n' +
|
|
||||||
' "./support",\n' +
|
|
||||||
' "../selector"\n' +
|
|
||||||
'-], function( jQuery, rnotwhite, strundefined, access, support ) {\n' +
|
|
||||||
'+], function( jQuery, rnotwhite, access, support ) {\n' +
|
|
||||||
' \n' +
|
|
||||||
' var nodeHook, boolHook,\n' +
|
|
||||||
' attrHandle = jQuery.expr.attrHandle;\n' +
|
|
||||||
'@@ -33,7 +32,7 @@ jQuery.extend({\n' +
|
|
||||||
' }\n' +
|
|
||||||
' \n' +
|
|
||||||
' // Fallback to prop when attributes are not supported\n' +
|
|
||||||
'- if ( typeof elem.getAttribute === strundefined ) {\n' +
|
|
||||||
'+ if ( !elem.getAttribute ) {\n' +
|
|
||||||
' return jQuery.prop( elem, name, value );\n' +
|
|
||||||
' }\n' +
|
|
||||||
' \n' +
|
|
||||||
'diff --git a/src/attributes/classes.js b/src/attributes/classes.js\n' +
|
|
||||||
'index c617824..c8d1393 100644\n' +
|
|
||||||
'--- a/src/attributes/classes.js\n' +
|
|
||||||
'+++ b/src/attributes/classes.js\n' +
|
|
||||||
'@@ -1,10 +1,9 @@\n' +
|
|
||||||
' define([\n' +
|
|
||||||
' "../core",\n' +
|
|
||||||
' "../var/rnotwhite",\n' +
|
|
||||||
'- "../var/strundefined",\n' +
|
|
||||||
' "../data/var/dataPriv",\n' +
|
|
||||||
' "../core/init"\n' +
|
|
||||||
'-], function( jQuery, rnotwhite, strundefined, dataPriv ) {\n' +
|
|
||||||
'+], function( jQuery, rnotwhite, dataPriv ) {\n' +
|
|
||||||
' \n' +
|
|
||||||
' var rclass = /[\\t\\r\\n\\f]/g;\n' +
|
|
||||||
' \n' +
|
|
||||||
'@@ -128,7 +127,7 @@ jQuery.fn.extend({\n' +
|
|
||||||
' }\n' +
|
|
||||||
' \n' +
|
|
||||||
' // Toggle whole class name\n' +
|
|
||||||
'- } else if ( type === strundefined || type === "boolean" ) {\n' +
|
|
||||||
'+ } else if ( value === undefined || type === "boolean" ) {\n' +
|
|
||||||
' if ( this.className ) {\n' +
|
|
||||||
' // store className if set\n' +
|
|
||||||
' dataPriv.set( this, "__className__", this.className );\n' +
|
|
||||||
'diff --git a/src/core/init.js b/src/core/init.js\n' +
|
|
||||||
'index e49196a..50f310c 100644\n' +
|
|
||||||
'--- a/src/core/init.js\n' +
|
|
||||||
'+++ b/src/core/init.js\n' +
|
|
||||||
'@@ -101,7 +101,7 @@ var rootjQuery,\n' +
|
|
||||||
' // HANDLE: $(function)\n' +
|
|
||||||
' // Shortcut for document ready\n' +
|
|
||||||
' } else if ( jQuery.isFunction( selector ) ) {\n' +
|
|
||||||
'- return typeof rootjQuery.ready !== "undefined" ?\n' +
|
|
||||||
'+ return rootjQuery.ready !== undefined ?\n' +
|
|
||||||
' rootjQuery.ready( selector ) :\n' +
|
|
||||||
' // Execute immediately if ready is not present\n' +
|
|
||||||
' selector( jQuery );\n' +
|
|
||||||
'diff --git a/src/event.js b/src/event.js\n' +
|
|
||||||
'index 7336f4d..6183f70 100644\n' +
|
|
||||||
'--- a/src/event.js\n' +
|
|
||||||
'+++ b/src/event.js\n' +
|
|
||||||
'@@ -1,6 +1,5 @@\n' +
|
|
||||||
' define([\n' +
|
|
||||||
' "./core",\n' +
|
|
||||||
'- "./var/strundefined",\n' +
|
|
||||||
' "./var/rnotwhite",\n' +
|
|
||||||
' "./var/hasOwn",\n' +
|
|
||||||
' "./var/slice",\n' +
|
|
||||||
'@@ -10,7 +9,7 @@ define([\n' +
|
|
||||||
' "./core/init",\n' +
|
|
||||||
' "./data/accepts",\n' +
|
|
||||||
' "./selector"\n' +
|
|
||||||
'-], function( jQuery, strundefined, rnotwhite, hasOwn, slice, support, dataPriv ) {\n' +
|
|
||||||
'+], function( jQuery, rnotwhite, hasOwn, slice, support, dataPriv ) {\n' +
|
|
||||||
' \n' +
|
|
||||||
' var\n' +
|
|
||||||
' rkeyEvent = /^key/,\n' +
|
|
||||||
'@@ -72,7 +71,7 @@ jQuery.event = {\n' +
|
|
||||||
' eventHandle = elemData.handle = function( e ) {\n' +
|
|
||||||
' // Discard the second event of a jQuery.event.trigger() and\n' +
|
|
||||||
' // when an event is called after a page has unloaded\n' +
|
|
||||||
'- return typeof jQuery !== strundefined && jQuery.event.triggered !== e.type ?\n' +
|
|
||||||
'+ return typeof jQuery !== "undefined" && jQuery.event.triggered !== e.type ?\n' +
|
|
||||||
' jQuery.event.dispatch.apply( elem, arguments ) : undefined;\n' +
|
|
||||||
' };\n' +
|
|
||||||
' }\n' +
|
|
||||||
'diff --git a/src/exports/global.js b/src/exports/global.js\n' +
|
|
||||||
'index 6513287..1db4144 100644\n' +
|
|
||||||
'--- a/src/exports/global.js\n' +
|
|
||||||
'+++ b/src/exports/global.js\n' +
|
|
||||||
'@@ -1,7 +1,9 @@\n' +
|
|
||||||
' define([\n' +
|
|
||||||
'- "../core",\n' +
|
|
||||||
'- "../var/strundefined"\n' +
|
|
||||||
'-], function( jQuery, strundefined ) {\n' +
|
|
||||||
'+ "../core"\n' +
|
|
||||||
'+], function( jQuery ) {\n' +
|
|
||||||
'+\n' +
|
|
||||||
'+/* exported noGlobal */\n' +
|
|
||||||
'+/* global noGlobal: false */\n' +
|
|
||||||
' \n' +
|
|
||||||
' var\n' +
|
|
||||||
' // Map over jQuery in case of overwrite\n' +
|
|
||||||
'@@ -25,7 +27,7 @@ jQuery.noConflict = function( deep ) {\n' +
|
|
||||||
' // Expose jQuery and $ identifiers, even in AMD\n' +
|
|
||||||
' // (#7102#comment:10, https://github.com/jquery/jquery/pull/557)\n' +
|
|
||||||
' // and CommonJS for browser emulators (#13566)\n' +
|
|
||||||
'-if ( typeof noGlobal === strundefined ) {\n' +
|
|
||||||
'+if ( !noGlobal ) {\n' +
|
|
||||||
' window.jQuery = window.$ = jQuery;\n' +
|
|
||||||
' }\n' +
|
|
||||||
' \n' +
|
|
||||||
'diff --git a/src/offset.js b/src/offset.js\n' +
|
|
||||||
'index cc6ffb4..fa51f18 100644\n' +
|
|
||||||
'--- a/src/offset.js\n' +
|
|
||||||
'+++ b/src/offset.js\n' +
|
|
||||||
'@@ -1,6 +1,5 @@\n' +
|
|
||||||
' define([\n' +
|
|
||||||
' "./core",\n' +
|
|
||||||
'- "./var/strundefined",\n' +
|
|
||||||
' "./core/access",\n' +
|
|
||||||
' "./css/var/rnumnonpx",\n' +
|
|
||||||
' "./css/curCSS",\n' +
|
|
||||||
'@@ -10,7 +9,7 @@ define([\n' +
|
|
||||||
' "./core/init",\n' +
|
|
||||||
' "./css",\n' +
|
|
||||||
' "./selector" // contains\n' +
|
|
||||||
'-], function( jQuery, strundefined, access, rnumnonpx, curCSS, addGetHookIf, support ) {\n' +
|
|
||||||
'+], function( jQuery, access, rnumnonpx, curCSS, addGetHookIf, support ) {\n' +
|
|
||||||
' \n' +
|
|
||||||
' var docElem = window.document.documentElement;\n' +
|
|
||||||
' \n' +
|
|
||||||
'@@ -99,7 +98,7 @@ jQuery.fn.extend({\n' +
|
|
||||||
' \n' +
|
|
||||||
' // Support: BlackBerry 5, iOS 3 (original iPhone)\n' +
|
|
||||||
' // If we dont have gBCR, just use 0,0 rather than error\n' +
|
|
||||||
'- if ( typeof elem.getBoundingClientRect !== strundefined ) {\n' +
|
|
||||||
'+ if ( elem.getBoundingClientRect !== undefined ) {\n' +
|
|
||||||
' box = elem.getBoundingClientRect();\n' +
|
|
||||||
' }\n' +
|
|
||||||
' win = getWindow( doc );\n' +
|
|
||||||
'diff --git a/src/var/strundefined.js b/src/var/strundefined.js\n' +
|
|
||||||
'deleted file mode 100644\n' +
|
|
||||||
'index 04e16b0..0000000\n' +
|
|
||||||
'--- a/src/var/strundefined.js\n' +
|
|
||||||
'+++ /dev/null\n' +
|
|
||||||
'@@ -1,3 +0,0 @@\n' +
|
|
||||||
'-define(function() {\n' +
|
|
||||||
'- return typeof undefined;\n' +
|
|
||||||
'-});\n' +
|
|
||||||
'diff --git a/components/textdiff/textdiff.html b/components/textdiff/textdiff.html\n' +
|
|
||||||
'index a3484bf..82209af 100644\n' +
|
|
||||||
'--- a/components/textdiff/textdiff.html\n' +
|
|
||||||
'+++ b/components/textdiff/textdiff.html\n' +
|
|
||||||
'@@ -1,6 +1,8 @@\n' +
|
|
||||||
' <!-- ko if: isShowingDiffs -->\n' +
|
|
||||||
' <div>\n' +
|
|
||||||
'- <div data-bind="event: { load: setDom($element) }"></div>\n' +
|
|
||||||
'+ <!-- ko if: isParsed -->\n' +
|
|
||||||
'+ <div data-bind="template: {nodes: ko.utils.parseHtmlFragment(htmlSrc())}"></div>\n' +
|
|
||||||
'+ <!-- /ko -->\n' +
|
|
||||||
' <div class="btn-load-more" data-bind="visible: loadMoreCount() > 0">\n' +
|
|
||||||
' </div>\n' +
|
|
||||||
'diff --git a/test.js b/test.js\n' +
|
|
||||||
'new file mode 100644\n' +
|
|
||||||
'index 0000000..e1e22ec\n' +
|
|
||||||
'--- /dev/null\n' +
|
|
||||||
'+++ b/test.js\n' +
|
|
||||||
'@@ -0,0 +1,6 @@\n' +
|
|
||||||
"+var parser = require('./source/git-parser');\n" +
|
|
||||||
'+\n' +
|
|
||||||
"+var text = 'diff --git a/components/app/app.html b/components/app/app.html\\nindex ecb7a95..027bd9b 100644\\n--- a/components/app/app.html\\n+++ b/components/app/app.html\\n@@ -52,0 +53,3 @@\\n+\\n+\\n+\\n@@ -56,0 +60,3 @@\\n+\\n+\\n+\\n'\n" +
|
|
||||||
'+var patchLineList = [ false, false, false, false ];\n' +
|
|
||||||
'+\n' +
|
|
||||||
'+console.log(parser.parsePatchDiffResult(text, patchLineList));\n' +
|
|
||||||
"diff --git a/a.xml b/b.xml\n" +
|
|
||||||
"index e54317e..82a9a56 100644\n" +
|
|
||||||
"--- a/a.xml\n" +
|
|
||||||
"+++ b/b.xml\n" +
|
|
||||||
"@@ -242,4 +242,6 @@ need to create a new job for native server java api and move these tests to a ne\n" +
|
|
||||||
" </packages>\n" +
|
|
||||||
" </test>\n" +
|
|
||||||
" -->\n" +
|
|
||||||
"+\n" +
|
|
||||||
"+\n";
|
|
||||||
|
|
||||||
$(document).ready(function() {
|
|
||||||
var diff2htmlUi = new Diff2HtmlUI({diff: lineDiffExample});
|
|
||||||
|
|
||||||
diff2htmlUi.draw('#line-by-line', {
|
|
||||||
inputFormat: 'json',
|
|
||||||
showFiles: true,
|
|
||||||
matching: 'lines'
|
|
||||||
});
|
|
||||||
diff2htmlUi.fileListCloseable('#line-by-line', false);
|
|
||||||
diff2htmlUi.highlightCode('#line-by-line');
|
|
||||||
|
|
||||||
diff2htmlUi.draw('#side-by-side', {
|
|
||||||
inputFormat: 'json',
|
|
||||||
showFiles: true,
|
|
||||||
matching: 'lines',
|
|
||||||
outputFormat: 'side-by-side',
|
|
||||||
synchronisedScroll: true
|
|
||||||
});
|
|
||||||
diff2htmlUi.fileListCloseable('#side-by-side', false);
|
|
||||||
diff2htmlUi.highlightCode('#side-by-side');
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -31,7 +31,7 @@
|
||||||
integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
|
integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
|
||||||
|
|
||||||
<!-- Custom styles for this template -->
|
<!-- Custom styles for this template -->
|
||||||
<link href="main.css" rel="stylesheet">
|
<link href="main.min.css" rel="stylesheet">
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||||
|
|
@ -72,7 +72,7 @@
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
<a href="demo.html">Demo</a>
|
<a href="url.html?diff=https://github.com/rtfpessoa/diff2html/pull/106">Demo</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
|
|
@ -94,17 +94,17 @@
|
||||||
</span>
|
</span>
|
||||||
<h1 class="hero-header">Diff parser and pretty html generator</h1>
|
<h1 class="hero-header">Diff parser and pretty html generator</h1>
|
||||||
<h4 class="text-muted">Better diffs, unmatched reviews.</h4>
|
<h4 class="text-muted">Better diffs, unmatched reviews.</h4>
|
||||||
<a class="btn btn-lg" href="demo.html">Demo</a>
|
<h2><a class="btn btn-lg" href="url.html?diff=https://github.com/rtfpessoa/diff2html/pull/106">Demo</a></h2>
|
||||||
|
|
||||||
<div class="screenshots screenshots-fan clearfix">
|
<div class="screenshots screenshots-fan clearfix">
|
||||||
|
|
||||||
<img class="screenshot hidden-xs" src="img/snapshot-2.png">
|
<img class="screenshot hidden-xs" src="img/snapshot-2.png">
|
||||||
|
|
||||||
<a class="screenshot" href="demo.html#side-by-side">
|
<a class="screenshot" href="url.html?diff=https://github.com/rtfpessoa/diff2html/pull/106">
|
||||||
<img src="img/snapshot-3.png">
|
<img src="img/snapshot-3.png">
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a class="screenshot hidden-xs" href="demo.html#line-by-line">
|
<a class="screenshot hidden-xs" href="url.html?diff=https://github.com/rtfpessoa/diff2html/pull/106">
|
||||||
<img src="img/snapshot-1.png">
|
<img src="img/snapshot-1.png">
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
|
@ -330,6 +330,18 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-xs-12 col-sm-6 col-md-3 m-b-lg">
|
||||||
|
<div class="panel panel-default panel-profile m-b-0">
|
||||||
|
<div class="panel-body text-center">
|
||||||
|
<h5 class="panel-title">Light Review</h5>
|
||||||
|
<p class="m-b">Code Reviews with maximum control for the leading developers</p>
|
||||||
|
<a href="http://light-review.com/" target="_blank"
|
||||||
|
class="btn btn-primary-outline btn-sm m-b">
|
||||||
|
<span class="icon icon-add-user"></span> Website
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -132,6 +132,7 @@
|
||||||
margin-left: -40%;
|
margin-left: -40%;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
background: -webkit-radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0, rgba(255, 255, 255, 0) 75%);
|
background: -webkit-radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0, rgba(255, 255, 255, 0) 75%);
|
||||||
|
background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.2) 0, rgba(255, 255, 255, 0) 75%);
|
||||||
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0, rgba(255, 255, 255, 0) 75%)
|
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0, rgba(255, 255, 255, 0) 75%)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -536,3 +537,46 @@ a:hover, a:focus {
|
||||||
-ms-user-select: none;
|
-ms-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.diff-url-wrapper {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diff-url-input {
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 10px;
|
||||||
|
-webkit-box-flex: 1;
|
||||||
|
-ms-flex-positive: 1;
|
||||||
|
flex-grow: 1;
|
||||||
|
height: 31px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diff-url-btn {
|
||||||
|
display: inline-block;
|
||||||
|
float: right;
|
||||||
|
width: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.options-label-value {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diff-url-options-container {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diff-url-options-container label {
|
||||||
|
-webkit-box-flex: 1;
|
||||||
|
-ms-flex: 1;
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diff-url-options-container label select,
|
||||||
|
.diff-url-options-container label input {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
|
||||||
4
docs/main.min.css
vendored
Normal file
4
docs/main.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
246
docs/url.html
Normal file
246
docs/url.html
Normal file
|
|
@ -0,0 +1,246 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" class="js">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<!--[if IE]>
|
||||||
|
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'/>
|
||||||
|
<![endif]-->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<meta name="description" content="Diff parser and pretty html generator">
|
||||||
|
<meta name="keywords" content="diff2html,git,diff,unified,pretty,html,css,javaccript">
|
||||||
|
<meta name="author" content="Rodrigo Fernandes (rtfpessoa)">
|
||||||
|
|
||||||
|
<title>diff2html</title>
|
||||||
|
|
||||||
|
<!-- search engine -->
|
||||||
|
<link rel="canonical" href="https://diff2html.xyz">
|
||||||
|
|
||||||
|
<!-- open graph -->
|
||||||
|
<meta property="og:title" content="diff2html">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
|
||||||
|
<meta property="og:description"
|
||||||
|
content="Diff parser and pretty html generator.">
|
||||||
|
|
||||||
|
<meta property="og:url" content="https://diff2html.xyz">
|
||||||
|
<meta property="og:site_name" content="diff2html">
|
||||||
|
|
||||||
|
<!-- Bootstrap -->
|
||||||
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"
|
||||||
|
integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
|
||||||
|
|
||||||
|
<!-- Custom styles for this template -->
|
||||||
|
<link href="main.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/styles/github.min.css">
|
||||||
|
|
||||||
|
<!-- diff2html -->
|
||||||
|
<link rel="stylesheet" type="text/css" href="assets/diff2html.min.css">
|
||||||
|
<!-- -->
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||||
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||||
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||||
|
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
||||||
|
|
||||||
|
ga('create', 'UA-78351861-2', 'auto');
|
||||||
|
ga('send', 'pageview');
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body class="swag-line template-index">
|
||||||
|
<div class="container-overflow-wrap">
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<nav class="navbar navbar-default navbar-tall navbar-full" role="navigation">
|
||||||
|
<div class="navbar-header">
|
||||||
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#global-nav">
|
||||||
|
<span class="sr-only">Toggle navigation</span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
<a class="navbar-brand" href="index.html">diff2html</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="collapse navbar-collapse" id="global-nav">
|
||||||
|
<div class="navbar-right">
|
||||||
|
<ul class="nav navbar-nav">
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="index.html#install">Getting Started</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="index.html#cli">CLI</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="url.html?diff=https://github.com/rtfpessoa/diff2html/pull/106">Demo</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="https://github.com/rtfpessoa/diff2html#how-to-use" target="_blank">Docs</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="https://github.com/rtfpessoa/diff2html/issues/new" target="_blank">Support</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<h1>Diff Prettifier <a href="#help">
|
||||||
|
<svg height="32" class="octicon octicon-unverified" viewBox="0 0 16 16" version="1.1" width="64" aria-hidden="true">
|
||||||
|
<path
|
||||||
|
d="M15.67 7.06l-1.08-1.34c-.17-.22-.28-.48-.31-.77l-.19-1.7a1.51 1.51 0 0 0-1.33-1.33l-1.7-.19c-.3-.03-.56-.16-.78-.33L8.94.32c-.55-.44-1.33-.44-1.88 0L5.72 1.4c-.22.17-.48.28-.77.31l-1.7.19c-.7.08-1.25.63-1.33 1.33l-.19 1.7c-.03.3-.16.56-.33.78L.32 7.05c-.44.55-.44 1.33 0 1.88l1.08 1.34c.17.22.28.48.31.77l.19 1.7c.08.7.63 1.25 1.33 1.33l1.7.19c.3.03.56.16.78.33l1.34 1.08c.55.44 1.33.44 1.88 0l1.34-1.08c.22-.17.48-.28.77-.31l1.7-.19c.7-.08 1.25-.63 1.33-1.33l.19-1.7c.03-.3.16-.56.33-.78l1.08-1.34c.44-.55.44-1.33 0-1.88zM9 11.5c0 .28-.22.5-.5.5h-1c-.27 0-.5-.22-.5-.5v-1c0-.28.23-.5.5-.5h1c.28 0 .5.22.5.5v1zm1.56-4.89c-.06.17-.17.33-.3.47-.13.16-.14.19-.33.38-.16.17-.31.3-.52.45-.11.09-.2.19-.28.27-.08.08-.14.17-.19.27-.05.1-.08.19-.11.3-.03.11-.03.13-.03.25H7.13c0-.22 0-.31.03-.48.03-.19.08-.36.14-.52.06-.14.14-.28.25-.42.11-.13.23-.25.41-.38.27-.19.36-.3.48-.52.12-.22.2-.38.2-.59 0-.27-.06-.45-.2-.58-.13-.13-.31-.19-.58-.19-.09 0-.19.02-.3.05-.11.03-.17.09-.25.16-.08.07-.14.11-.2.2a.41.41 0 0 0-.09.28h-2c0-.38.13-.56.27-.83.16-.27.36-.5.61-.67.25-.17.55-.3.88-.38.33-.08.7-.13 1.09-.13.44 0 .83.05 1.17.13.34.09.63.22.88.39.23.17.41.38.55.63.13.25.19.55.19.88 0 .22 0 .42-.08.59l-.02-.01z"></path>
|
||||||
|
</svg>
|
||||||
|
</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>
|
||||||
|
<h2>Options:</h2>
|
||||||
|
<div class="diff-url-options-container">
|
||||||
|
<label title="Output format of the HTML, either line by line or side by side">Output Format
|
||||||
|
<select class="options-label-value" 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 title="Show the file list summary before the diff">File Summary
|
||||||
|
<input class="options-label-value" id="diff-url-options-show-files" type="checkbox" name="showFiles" checked/>
|
||||||
|
</label>
|
||||||
|
<label title="Level of matching for the comparison algorithm">Matching Type
|
||||||
|
<select class="options-label-value" 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 title="Similarity threshold for the matching algorithm">Words Threshold
|
||||||
|
<input class="options-label-value" id="diff-url-options-match-words-threshold" type="number"
|
||||||
|
name="matchWordsThreshold" value="0.25" step="0.05"
|
||||||
|
min="0" max="1"/>
|
||||||
|
</label>
|
||||||
|
<label title="Maximum number of comparison performed by the matching algorithm in a block of changes">Max Comparisons
|
||||||
|
<input class="options-label-value" id="diff-url-options-matching-max-comparisons" type="number"
|
||||||
|
name="matchingMaxComparisons" value="2500"
|
||||||
|
step="100" min="0"/>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div class="diff-url-wrapper">
|
||||||
|
<input id="url" class="diff-url-input" type="text" name="url" placeholder="URL"/>
|
||||||
|
<a id="url-btn" class="diff-url-btn btn btn-sm" href="#">Load</a>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div id="url-diff-container" style="margin: 0 auto;">
|
||||||
|
</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 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>
|
||||||
|
<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>
|
||||||
|
<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>
|
||||||
|
<p><a href="https://diffy.org/">diffy.org</a> is an amazing tool created by <a
|
||||||
|
href="https://github.com/pbu88">pbu88</a>
|
||||||
|
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>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer class="footer clearfix">
|
||||||
|
<p class="col-xs-10 col-xs-offset-1">
|
||||||
|
Website originally designed and built by
|
||||||
|
<a href="https://twitter.com/mdo" target="_blank">@mdo</a>,
|
||||||
|
<a href="https://twitter.com/fat" target="_blank">@fat</a>, and
|
||||||
|
<a href="https://twitter.com/dhg" target="_blank">@dhg</a>,
|
||||||
|
adapted with <span class="hero-red">❤</span> by
|
||||||
|
<a href="https://twitter.com/rtfpessoa" target="_blank">@rtfpessoa</a>.
|
||||||
|
</p>
|
||||||
|
<ul class="footer-list col-xs-10 col-xs-offset-1">
|
||||||
|
|
||||||
|
<li class="footer-list-item">
|
||||||
|
<a class="footer-list-link" href="https://github.com/rtfpessoa/diff2html#how-to-use"
|
||||||
|
target="_blank">FAQ</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="footer-list-item">
|
||||||
|
<a class="footer-list-link" href="https://diff2html.xyz">diff2html</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- General JavaScript -->
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
|
||||||
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
|
||||||
|
integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS"
|
||||||
|
crossorigin="anonymous"></script>
|
||||||
|
|
||||||
|
<script type="application/ld+json">
|
||||||
|
{
|
||||||
|
"@context": "http://schema.org/",
|
||||||
|
"@type": "SoftwareSourceCode",
|
||||||
|
"name": "diff2html",
|
||||||
|
"author": "Rodrigo Fernandes",
|
||||||
|
"image": "https://diff2html.xyz/img/snapshot-3.png",
|
||||||
|
"description": "Diff parser and pretty html generator.",
|
||||||
|
"codeRepository": "https://github.com/rtfpessoa/diff2html",
|
||||||
|
"programmingLanguage": "JavaScript",
|
||||||
|
"runtimePlatform": "Node >= 0.12",
|
||||||
|
"mainEntityOfPage": "https://diff2html.xyz/"
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/highlight.min.js"></script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/languages/scala.min.js"></script>
|
||||||
|
|
||||||
|
<!-- diff2html -->
|
||||||
|
<script type="text/javascript" src="assets/diff2html.min.js"></script>
|
||||||
|
<script type="text/javascript" src="assets/diff2html-ui.min.js"></script>
|
||||||
|
<!-- -->
|
||||||
|
|
||||||
|
<script type="text/javascript" src="url.min.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
566
docs/url.js
Normal file
566
docs/url.js
Normal file
|
|
@ -0,0 +1,566 @@
|
||||||
|
(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
|
||||||
|
(function(self) {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
if (self.fetch) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
function normalizeName(name) {
|
||||||
|
if (typeof name !== 'string') {
|
||||||
|
name = String(name)
|
||||||
|
}
|
||||||
|
if (/[^a-z0-9\-#$%&'*+.\^_`|~]/i.test(name)) {
|
||||||
|
throw new TypeError('Invalid character in header field name')
|
||||||
|
}
|
||||||
|
return name.toLowerCase()
|
||||||
|
}
|
||||||
|
|
||||||
|
function normalizeValue(value) {
|
||||||
|
if (typeof value !== 'string') {
|
||||||
|
value = String(value)
|
||||||
|
}
|
||||||
|
return value
|
||||||
|
}
|
||||||
|
|
||||||
|
function Headers(headers) {
|
||||||
|
this.map = {}
|
||||||
|
|
||||||
|
if (headers instanceof Headers) {
|
||||||
|
headers.forEach(function(value, name) {
|
||||||
|
this.append(name, value)
|
||||||
|
}, this)
|
||||||
|
|
||||||
|
} else if (headers) {
|
||||||
|
Object.getOwnPropertyNames(headers).forEach(function(name) {
|
||||||
|
this.append(name, headers[name])
|
||||||
|
}, this)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Headers.prototype.append = function(name, value) {
|
||||||
|
name = normalizeName(name)
|
||||||
|
value = normalizeValue(value)
|
||||||
|
var list = this.map[name]
|
||||||
|
if (!list) {
|
||||||
|
list = []
|
||||||
|
this.map[name] = list
|
||||||
|
}
|
||||||
|
list.push(value)
|
||||||
|
}
|
||||||
|
|
||||||
|
Headers.prototype['delete'] = function(name) {
|
||||||
|
delete this.map[normalizeName(name)]
|
||||||
|
}
|
||||||
|
|
||||||
|
Headers.prototype.get = function(name) {
|
||||||
|
var values = this.map[normalizeName(name)]
|
||||||
|
return values ? values[0] : null
|
||||||
|
}
|
||||||
|
|
||||||
|
Headers.prototype.getAll = function(name) {
|
||||||
|
return this.map[normalizeName(name)] || []
|
||||||
|
}
|
||||||
|
|
||||||
|
Headers.prototype.has = function(name) {
|
||||||
|
return this.map.hasOwnProperty(normalizeName(name))
|
||||||
|
}
|
||||||
|
|
||||||
|
Headers.prototype.set = function(name, value) {
|
||||||
|
this.map[normalizeName(name)] = [normalizeValue(value)]
|
||||||
|
}
|
||||||
|
|
||||||
|
Headers.prototype.forEach = function(callback, thisArg) {
|
||||||
|
Object.getOwnPropertyNames(this.map).forEach(function(name) {
|
||||||
|
this.map[name].forEach(function(value) {
|
||||||
|
callback.call(thisArg, value, name, this)
|
||||||
|
}, this)
|
||||||
|
}, this)
|
||||||
|
}
|
||||||
|
|
||||||
|
function consumed(body) {
|
||||||
|
if (body.bodyUsed) {
|
||||||
|
return Promise.reject(new TypeError('Already read'))
|
||||||
|
}
|
||||||
|
body.bodyUsed = true
|
||||||
|
}
|
||||||
|
|
||||||
|
function fileReaderReady(reader) {
|
||||||
|
return new Promise(function(resolve, reject) {
|
||||||
|
reader.onload = function() {
|
||||||
|
resolve(reader.result)
|
||||||
|
}
|
||||||
|
reader.onerror = function() {
|
||||||
|
reject(reader.error)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function readBlobAsArrayBuffer(blob) {
|
||||||
|
var reader = new FileReader()
|
||||||
|
reader.readAsArrayBuffer(blob)
|
||||||
|
return fileReaderReady(reader)
|
||||||
|
}
|
||||||
|
|
||||||
|
function readBlobAsText(blob) {
|
||||||
|
var reader = new FileReader()
|
||||||
|
reader.readAsText(blob)
|
||||||
|
return fileReaderReady(reader)
|
||||||
|
}
|
||||||
|
|
||||||
|
var support = {
|
||||||
|
blob: 'FileReader' in self && 'Blob' in self && (function() {
|
||||||
|
try {
|
||||||
|
new Blob()
|
||||||
|
return true
|
||||||
|
} catch(e) {
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
})(),
|
||||||
|
formData: 'FormData' in self,
|
||||||
|
arrayBuffer: 'ArrayBuffer' in self
|
||||||
|
}
|
||||||
|
|
||||||
|
function Body() {
|
||||||
|
this.bodyUsed = false
|
||||||
|
|
||||||
|
|
||||||
|
this._initBody = function(body) {
|
||||||
|
this._bodyInit = body
|
||||||
|
if (typeof body === 'string') {
|
||||||
|
this._bodyText = body
|
||||||
|
} else if (support.blob && Blob.prototype.isPrototypeOf(body)) {
|
||||||
|
this._bodyBlob = body
|
||||||
|
} else if (support.formData && FormData.prototype.isPrototypeOf(body)) {
|
||||||
|
this._bodyFormData = body
|
||||||
|
} else if (!body) {
|
||||||
|
this._bodyText = ''
|
||||||
|
} else if (support.arrayBuffer && ArrayBuffer.prototype.isPrototypeOf(body)) {
|
||||||
|
// Only support ArrayBuffers for POST method.
|
||||||
|
// Receiving ArrayBuffers happens via Blobs, instead.
|
||||||
|
} else {
|
||||||
|
throw new Error('unsupported BodyInit type')
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!this.headers.get('content-type')) {
|
||||||
|
if (typeof body === 'string') {
|
||||||
|
this.headers.set('content-type', 'text/plain;charset=UTF-8')
|
||||||
|
} else if (this._bodyBlob && this._bodyBlob.type) {
|
||||||
|
this.headers.set('content-type', this._bodyBlob.type)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (support.blob) {
|
||||||
|
this.blob = function() {
|
||||||
|
var rejected = consumed(this)
|
||||||
|
if (rejected) {
|
||||||
|
return rejected
|
||||||
|
}
|
||||||
|
|
||||||
|
if (this._bodyBlob) {
|
||||||
|
return Promise.resolve(this._bodyBlob)
|
||||||
|
} else if (this._bodyFormData) {
|
||||||
|
throw new Error('could not read FormData body as blob')
|
||||||
|
} else {
|
||||||
|
return Promise.resolve(new Blob([this._bodyText]))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
this.arrayBuffer = function() {
|
||||||
|
return this.blob().then(readBlobAsArrayBuffer)
|
||||||
|
}
|
||||||
|
|
||||||
|
this.text = function() {
|
||||||
|
var rejected = consumed(this)
|
||||||
|
if (rejected) {
|
||||||
|
return rejected
|
||||||
|
}
|
||||||
|
|
||||||
|
if (this._bodyBlob) {
|
||||||
|
return readBlobAsText(this._bodyBlob)
|
||||||
|
} else if (this._bodyFormData) {
|
||||||
|
throw new Error('could not read FormData body as text')
|
||||||
|
} else {
|
||||||
|
return Promise.resolve(this._bodyText)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.text = function() {
|
||||||
|
var rejected = consumed(this)
|
||||||
|
return rejected ? rejected : Promise.resolve(this._bodyText)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (support.formData) {
|
||||||
|
this.formData = function() {
|
||||||
|
return this.text().then(decode)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
this.json = function() {
|
||||||
|
return this.text().then(JSON.parse)
|
||||||
|
}
|
||||||
|
|
||||||
|
return this
|
||||||
|
}
|
||||||
|
|
||||||
|
// HTTP methods whose capitalization should be normalized
|
||||||
|
var methods = ['DELETE', 'GET', 'HEAD', 'OPTIONS', 'POST', 'PUT']
|
||||||
|
|
||||||
|
function normalizeMethod(method) {
|
||||||
|
var upcased = method.toUpperCase()
|
||||||
|
return (methods.indexOf(upcased) > -1) ? upcased : method
|
||||||
|
}
|
||||||
|
|
||||||
|
function Request(input, options) {
|
||||||
|
options = options || {}
|
||||||
|
var body = options.body
|
||||||
|
if (Request.prototype.isPrototypeOf(input)) {
|
||||||
|
if (input.bodyUsed) {
|
||||||
|
throw new TypeError('Already read')
|
||||||
|
}
|
||||||
|
this.url = input.url
|
||||||
|
this.credentials = input.credentials
|
||||||
|
if (!options.headers) {
|
||||||
|
this.headers = new Headers(input.headers)
|
||||||
|
}
|
||||||
|
this.method = input.method
|
||||||
|
this.mode = input.mode
|
||||||
|
if (!body) {
|
||||||
|
body = input._bodyInit
|
||||||
|
input.bodyUsed = true
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.url = input
|
||||||
|
}
|
||||||
|
|
||||||
|
this.credentials = options.credentials || this.credentials || 'omit'
|
||||||
|
if (options.headers || !this.headers) {
|
||||||
|
this.headers = new Headers(options.headers)
|
||||||
|
}
|
||||||
|
this.method = normalizeMethod(options.method || this.method || 'GET')
|
||||||
|
this.mode = options.mode || this.mode || null
|
||||||
|
this.referrer = null
|
||||||
|
|
||||||
|
if ((this.method === 'GET' || this.method === 'HEAD') && body) {
|
||||||
|
throw new TypeError('Body not allowed for GET or HEAD requests')
|
||||||
|
}
|
||||||
|
this._initBody(body)
|
||||||
|
}
|
||||||
|
|
||||||
|
Request.prototype.clone = function() {
|
||||||
|
return new Request(this)
|
||||||
|
}
|
||||||
|
|
||||||
|
function decode(body) {
|
||||||
|
var form = new FormData()
|
||||||
|
body.trim().split('&').forEach(function(bytes) {
|
||||||
|
if (bytes) {
|
||||||
|
var split = bytes.split('=')
|
||||||
|
var name = split.shift().replace(/\+/g, ' ')
|
||||||
|
var value = split.join('=').replace(/\+/g, ' ')
|
||||||
|
form.append(decodeURIComponent(name), decodeURIComponent(value))
|
||||||
|
}
|
||||||
|
})
|
||||||
|
return form
|
||||||
|
}
|
||||||
|
|
||||||
|
function headers(xhr) {
|
||||||
|
var head = new Headers()
|
||||||
|
var pairs = (xhr.getAllResponseHeaders() || '').trim().split('\n')
|
||||||
|
pairs.forEach(function(header) {
|
||||||
|
var split = header.trim().split(':')
|
||||||
|
var key = split.shift().trim()
|
||||||
|
var value = split.join(':').trim()
|
||||||
|
head.append(key, value)
|
||||||
|
})
|
||||||
|
return head
|
||||||
|
}
|
||||||
|
|
||||||
|
Body.call(Request.prototype)
|
||||||
|
|
||||||
|
function Response(bodyInit, options) {
|
||||||
|
if (!options) {
|
||||||
|
options = {}
|
||||||
|
}
|
||||||
|
|
||||||
|
this.type = 'default'
|
||||||
|
this.status = options.status
|
||||||
|
this.ok = this.status >= 200 && this.status < 300
|
||||||
|
this.statusText = options.statusText
|
||||||
|
this.headers = options.headers instanceof Headers ? options.headers : new Headers(options.headers)
|
||||||
|
this.url = options.url || ''
|
||||||
|
this._initBody(bodyInit)
|
||||||
|
}
|
||||||
|
|
||||||
|
Body.call(Response.prototype)
|
||||||
|
|
||||||
|
Response.prototype.clone = function() {
|
||||||
|
return new Response(this._bodyInit, {
|
||||||
|
status: this.status,
|
||||||
|
statusText: this.statusText,
|
||||||
|
headers: new Headers(this.headers),
|
||||||
|
url: this.url
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
Response.error = function() {
|
||||||
|
var response = new Response(null, {status: 0, statusText: ''})
|
||||||
|
response.type = 'error'
|
||||||
|
return response
|
||||||
|
}
|
||||||
|
|
||||||
|
var redirectStatuses = [301, 302, 303, 307, 308]
|
||||||
|
|
||||||
|
Response.redirect = function(url, status) {
|
||||||
|
if (redirectStatuses.indexOf(status) === -1) {
|
||||||
|
throw new RangeError('Invalid status code')
|
||||||
|
}
|
||||||
|
|
||||||
|
return new Response(null, {status: status, headers: {location: url}})
|
||||||
|
}
|
||||||
|
|
||||||
|
self.Headers = Headers
|
||||||
|
self.Request = Request
|
||||||
|
self.Response = Response
|
||||||
|
|
||||||
|
self.fetch = function(input, init) {
|
||||||
|
return new Promise(function(resolve, reject) {
|
||||||
|
var request
|
||||||
|
if (Request.prototype.isPrototypeOf(input) && !init) {
|
||||||
|
request = input
|
||||||
|
} else {
|
||||||
|
request = new Request(input, init)
|
||||||
|
}
|
||||||
|
|
||||||
|
var xhr = new XMLHttpRequest()
|
||||||
|
|
||||||
|
function responseURL() {
|
||||||
|
if ('responseURL' in xhr) {
|
||||||
|
return xhr.responseURL
|
||||||
|
}
|
||||||
|
|
||||||
|
// Avoid security warnings on getResponseHeader when not allowed by CORS
|
||||||
|
if (/^X-Request-URL:/m.test(xhr.getAllResponseHeaders())) {
|
||||||
|
return xhr.getResponseHeader('X-Request-URL')
|
||||||
|
}
|
||||||
|
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
xhr.onload = function() {
|
||||||
|
var status = (xhr.status === 1223) ? 204 : xhr.status
|
||||||
|
if (status < 100 || status > 599) {
|
||||||
|
reject(new TypeError('Network request failed'))
|
||||||
|
return
|
||||||
|
}
|
||||||
|
var options = {
|
||||||
|
status: status,
|
||||||
|
statusText: xhr.statusText,
|
||||||
|
headers: headers(xhr),
|
||||||
|
url: responseURL()
|
||||||
|
}
|
||||||
|
var body = 'response' in xhr ? xhr.response : xhr.responseText
|
||||||
|
resolve(new Response(body, options))
|
||||||
|
}
|
||||||
|
|
||||||
|
xhr.onerror = function() {
|
||||||
|
reject(new TypeError('Network request failed'))
|
||||||
|
}
|
||||||
|
|
||||||
|
xhr.ontimeout = function() {
|
||||||
|
reject(new TypeError('Network request failed'))
|
||||||
|
}
|
||||||
|
|
||||||
|
xhr.open(request.method, request.url, true)
|
||||||
|
|
||||||
|
if (request.credentials === 'include') {
|
||||||
|
xhr.withCredentials = true
|
||||||
|
}
|
||||||
|
|
||||||
|
if ('responseType' in xhr && support.blob) {
|
||||||
|
xhr.responseType = 'blob'
|
||||||
|
}
|
||||||
|
|
||||||
|
request.headers.forEach(function(value, name) {
|
||||||
|
xhr.setRequestHeader(name, value)
|
||||||
|
})
|
||||||
|
|
||||||
|
xhr.send(typeof request._bodyInit === 'undefined' ? null : request._bodyInit)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
self.fetch.polyfill = true
|
||||||
|
})(typeof self !== 'undefined' ? self : this);
|
||||||
|
|
||||||
|
},{}],2:[function(require,module,exports){
|
||||||
|
/* global Diff2HtmlUI */
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Example URLs:
|
||||||
|
*
|
||||||
|
* github/rtfpessoa/diff2html/7d02e67f3b3386ac5d804f974d025cd7a1165839
|
||||||
|
* https://github.com/rtfpessoa/diff2html/commit/7d02e67f3b3386ac5d804f974d025cd7a1165839
|
||||||
|
* https://github.com/rtfpessoa/diff2html/pull/106
|
||||||
|
*
|
||||||
|
* gitlab/gitlab-org/gitlab-ce/4e963fed42ad518caa7353d361a38a1250c99c41
|
||||||
|
* https://gitlab.com/gitlab-org/gitlab-ce/commit/4e963fed42ad518caa7353d361a38a1250c99c41
|
||||||
|
* https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/6763
|
||||||
|
*
|
||||||
|
* bitbucket/atlassian/amps/52c38116f12475f75af4a147b7a7685478b83eca
|
||||||
|
* https://bitbucket.org/atlassian/amps/commits/52c38116f12475f75af4a147b7a7685478b83eca
|
||||||
|
* https://bitbucket.org/atlassian/amps/pull-requests/236
|
||||||
|
*/
|
||||||
|
|
||||||
|
$(document).ready(function() {
|
||||||
|
// Improves browser compatibility
|
||||||
|
require('whatwg-fetch');
|
||||||
|
|
||||||
|
var $container = $('.container');
|
||||||
|
var $url = $('#url');
|
||||||
|
var $outputFormat = $('#diff-url-options-output-format');
|
||||||
|
var $showFiles = $('#diff-url-options-show-files');
|
||||||
|
var $matching = $('#diff-url-options-matching');
|
||||||
|
var $wordThreshold = $('#diff-url-options-match-words-threshold');
|
||||||
|
var $matchingMaxComparisons = $('#diff-url-options-matching-max-comparisons');
|
||||||
|
|
||||||
|
var hash = window.location.hash
|
||||||
|
.replace(/^(#!?\/?)/, '');
|
||||||
|
|
||||||
|
var search = window.location.search;
|
||||||
|
|
||||||
|
if (hash) {
|
||||||
|
$url.val(hash);
|
||||||
|
draw(prepareUrl(hash));
|
||||||
|
} else if (search) {
|
||||||
|
try {
|
||||||
|
var url = search
|
||||||
|
.split('?')[1]
|
||||||
|
.split('diff=')[1]
|
||||||
|
.split('&')[0];
|
||||||
|
$url.val(url);
|
||||||
|
draw(prepareUrl(url));
|
||||||
|
} catch (_ignore) {
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
bind(prepareUrl);
|
||||||
|
|
||||||
|
$outputFormat
|
||||||
|
.add($showFiles)
|
||||||
|
.add($matching)
|
||||||
|
.add($wordThreshold)
|
||||||
|
.add($matchingMaxComparisons)
|
||||||
|
.change(function() {
|
||||||
|
fastDraw();
|
||||||
|
});
|
||||||
|
|
||||||
|
function fastDraw() {
|
||||||
|
var url = $url.val();
|
||||||
|
var preparedUrl = prepareUrl(url);
|
||||||
|
draw(preparedUrl);
|
||||||
|
}
|
||||||
|
|
||||||
|
function bind() {
|
||||||
|
$('#url-btn').click(function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
fastDraw();
|
||||||
|
});
|
||||||
|
|
||||||
|
$url.on('paste', function(e) {
|
||||||
|
fastDraw();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function prepareUrl(url) {
|
||||||
|
var githubPath = /^github\/(.*?)\/(.*?)\/(.*?)$/;
|
||||||
|
var githubCommitUrl = /^https?:\/\/(?:www\.)?github\.com\/(.*?)\/(.*?)\/commit\/(.*?)(?:\.diff)?(?:\.patch)?(?:\/.*)?$/;
|
||||||
|
var githubPrUrl = /^https?:\/\/(?:www\.)?github\.com\/(.*?)\/(.*?)\/pull\/(.*?)(?:\.diff)?(?:\.patch)?(?:\/.*)?$/;
|
||||||
|
|
||||||
|
var gitlabPath = /^gitlab\/(.*?)\/(.*?)\/(.*?)$/;
|
||||||
|
var gitlabCommitUrl = /^https?:\/\/(?:www\.)?gitlab\.com\/(.*?)\/(.*?)\/commit\/(.*?)(?:\.diff)?(?:\.patch)?(?:\/.*)?$/;
|
||||||
|
var gitlabPrUrl = /^https?:\/\/(?:www\.)?gitlab\.com\/(.*?)\/(.*?)\/merge_requests\/(.*?)(?:\.diff)?(?:\.patch)?(?:\/.*)?$/;
|
||||||
|
|
||||||
|
var bitbucketPath = /^bitbucket\/(.*?)\/(.*?)\/(.*?)$/;
|
||||||
|
var bitbucketCommitUrl = /^https?:\/\/(?:www\.)?bitbucket\.org\/(.*?)\/(.*?)\/commits\/(.*?)(?:\/raw)?(?:\/.*)?$/;
|
||||||
|
var bitbucketPrUrl = /^https?:\/\/(?:www\.)?bitbucket\.org\/(.*?)\/(.*?)\/pull-requests\/(.*?)(?:\/.*)?$/;
|
||||||
|
|
||||||
|
function genericUrlGen(provider, userName, projectName, type, value) {
|
||||||
|
return 'https://' + provider + '.com/' + userName + '/' + projectName + '/' + type + '/' + value + '.diff';
|
||||||
|
}
|
||||||
|
|
||||||
|
function bitbucketUrlGen(userName, projectName, type, value) {
|
||||||
|
var baseUrl = 'https://bitbucket.org/api/2.0/repositories/';
|
||||||
|
|
||||||
|
if (type === 'pullrequests') {
|
||||||
|
return baseUrl + userName + '/' + projectName + '/pullrequests/' + value + '/diff';
|
||||||
|
}
|
||||||
|
|
||||||
|
return baseUrl + userName + '/' + projectName + '/diff/' + value;
|
||||||
|
}
|
||||||
|
|
||||||
|
var values;
|
||||||
|
var finalUrl;
|
||||||
|
if ((values = githubPath.exec(url))) {
|
||||||
|
finalUrl = genericUrlGen('github', values[1], values[2], 'commit', values[3]);
|
||||||
|
} else if ((values = githubCommitUrl.exec(url))) {
|
||||||
|
finalUrl = genericUrlGen('github', values[1], values[2], 'commit', values[3]);
|
||||||
|
} else if ((values = githubPrUrl.exec(url))) {
|
||||||
|
finalUrl = genericUrlGen('github', values[1], values[2], 'pull', values[3]);
|
||||||
|
} else if ((values = gitlabPath.exec(url))) {
|
||||||
|
finalUrl = genericUrlGen('gitlab', values[1], values[2], 'commit', values[3]);
|
||||||
|
} else if ((values = gitlabCommitUrl.exec(url))) {
|
||||||
|
finalUrl = genericUrlGen('gitlab', values[1], values[2], 'commit', values[3]);
|
||||||
|
} else if ((values = gitlabPrUrl.exec(url))) {
|
||||||
|
finalUrl = genericUrlGen('gitlab', values[1], values[2], 'merge_requests', values[3]);
|
||||||
|
} else if ((values = bitbucketPath.exec(url))) {
|
||||||
|
finalUrl = bitbucketUrlGen(values[1], values[2], 'commit', values[3]);
|
||||||
|
} else if ((values = bitbucketCommitUrl.exec(url))) {
|
||||||
|
finalUrl = bitbucketUrlGen(values[1], values[2], 'commit', values[3]);
|
||||||
|
} else if ((values = bitbucketPrUrl.exec(url))) {
|
||||||
|
finalUrl = bitbucketUrlGen(values[1], values[2], 'pullrequests', values[3]);
|
||||||
|
} else {
|
||||||
|
console.info('Could not parse url, using the provided url.');
|
||||||
|
finalUrl = url;
|
||||||
|
}
|
||||||
|
|
||||||
|
return finalUrl;
|
||||||
|
}
|
||||||
|
|
||||||
|
function draw(url) {
|
||||||
|
var outputFormat = $outputFormat.val();
|
||||||
|
var showFiles = $showFiles.is(':checked');
|
||||||
|
var matching = $matching.val();
|
||||||
|
var wordThreshold = $wordThreshold.val();
|
||||||
|
var matchingMaxComparisons = $matchingMaxComparisons.val();
|
||||||
|
|
||||||
|
var fullUrl = 'https://crossorigin.me/' + url;
|
||||||
|
fetch(fullUrl)
|
||||||
|
.then(function(res) {
|
||||||
|
return res.text();
|
||||||
|
})
|
||||||
|
.then(function(data) {
|
||||||
|
var container = '#url-diff-container';
|
||||||
|
var diff2htmlUi = new Diff2HtmlUI({diff: data});
|
||||||
|
|
||||||
|
if (outputFormat === 'side-by-side') {
|
||||||
|
$container.css({'width': '1400px'});
|
||||||
|
} else {
|
||||||
|
$container.css({'width': ''});
|
||||||
|
}
|
||||||
|
|
||||||
|
diff2htmlUi.draw(container, {
|
||||||
|
outputFormat: outputFormat,
|
||||||
|
showFiles: showFiles,
|
||||||
|
matching: matching,
|
||||||
|
matchWordsThreshold: wordThreshold,
|
||||||
|
matchingMaxComparisons: matchingMaxComparisons,
|
||||||
|
synchronisedScroll: true
|
||||||
|
});
|
||||||
|
diff2htmlUi.fileListCloseable(container, false);
|
||||||
|
diff2htmlUi.highlightCode(container);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
},{"whatwg-fetch":1}]},{},[2]);
|
||||||
1
docs/url.min.js
vendored
Normal file
1
docs/url.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -37,7 +37,7 @@
|
||||||
"preferGlobal": true,
|
"preferGlobal": true,
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"release": "./scripts/release.sh",
|
"release": "./scripts/release.sh",
|
||||||
"release-website": "node ./scripts/release-website.js",
|
"release-website": "./scripts/release-website.sh",
|
||||||
"release-bower": "./scripts/update-bower-version.sh",
|
"release-bower": "./scripts/update-bower-version.sh",
|
||||||
"templates": "./scripts/hulk.js --wrapper node --variable 'browserTemplates' ./src/templates/*.mustache > ./src/templates/diff2html-templates.js",
|
"templates": "./scripts/hulk.js --wrapper node --variable 'browserTemplates' ./src/templates/*.mustache > ./src/templates/diff2html-templates.js",
|
||||||
"style": "eslint .",
|
"style": "eslint .",
|
||||||
|
|
@ -55,7 +55,8 @@
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"diff": "^3.0.0",
|
"diff": "^3.0.0",
|
||||||
"hogan.js": "^3.0.2"
|
"hogan.js": "^3.0.2",
|
||||||
|
"whatwg-fetch": "0.11.1"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"autoprefixer": "^6.5.0",
|
"autoprefixer": "^6.5.0",
|
||||||
|
|
|
||||||
|
|
@ -2,25 +2,28 @@ var fs = require('fs');
|
||||||
|
|
||||||
var hogan = require('hogan.js');
|
var hogan = require('hogan.js');
|
||||||
|
|
||||||
var template = hogan.compile(readFile('website/templates/template.mustache'));
|
var root = 'website/templates';
|
||||||
|
var pagesRoot = root + '/pages';
|
||||||
|
|
||||||
var index = readFile('website/templates/index.partial.html');
|
var websitePages = fs.readdirSync(root + '/pages');
|
||||||
var indexScripts = readFile('website/templates/index-scripts.partial.html');
|
|
||||||
|
|
||||||
var demo = readFile('website/templates/demo.partial.html');
|
var template = hogan.compile(readFile(root + '/template.mustache'));
|
||||||
var demoAssets = readFile('website/templates/demo-assets.partial.html');
|
|
||||||
var demoScripts = readFile('website/templates/demo-scripts.partial.html');
|
|
||||||
|
|
||||||
var indexHtml = template.render({assets: '', scripts: indexScripts, content: index});
|
websitePages.map(function(page) {
|
||||||
|
var pagePartial = readFile(pagesRoot + '/' + page + '/' + page + '.partial.html');
|
||||||
writeFile('docs/index.html', indexHtml);
|
var pageAssets = readFile(pagesRoot + '/' + page + '/' + page + '-assets.partial.html');
|
||||||
|
var pageScripts = readFile(pagesRoot + '/' + page + '/' + page + '-scripts.partial.html');
|
||||||
var demoHtml = template.render({assets: demoAssets, scripts: demoScripts, content: demo});
|
var pageHtml = template.render({assets: pageAssets, scripts: pageScripts, content: pagePartial});
|
||||||
|
writeFile('docs/' + page + '.html', pageHtml);
|
||||||
writeFile('docs/demo.html', demoHtml);
|
});
|
||||||
|
|
||||||
function readFile(filePath) {
|
function readFile(filePath) {
|
||||||
|
try {
|
||||||
return fs.readFileSync(filePath, 'utf8');
|
return fs.readFileSync(filePath, 'utf8');
|
||||||
|
} catch (_ignore) {
|
||||||
|
}
|
||||||
|
|
||||||
|
return '';
|
||||||
}
|
}
|
||||||
|
|
||||||
function writeFile(filePath, content) {
|
function writeFile(filePath, content) {
|
||||||
|
|
|
||||||
49
scripts/release-website.sh
Executable file
49
scripts/release-website.sh
Executable file
|
|
@ -0,0 +1,49 @@
|
||||||
|
#!/bin/bash
|
||||||
|
|
||||||
|
#
|
||||||
|
# diff2html website release script
|
||||||
|
# by rtfpessoa
|
||||||
|
#
|
||||||
|
|
||||||
|
set -e
|
||||||
|
|
||||||
|
INPUT_DIR=website
|
||||||
|
INPUT_URL_JS=${INPUT_DIR}/templates/pages/url/url.js
|
||||||
|
INPUT_CSS_FILE=${INPUT_DIR}/main.css
|
||||||
|
|
||||||
|
OUTPUT_DIR=docs
|
||||||
|
OUTPUT_URL_JS=${OUTPUT_DIR}/url.js
|
||||||
|
OUTPUT_URL_MIN_JS=${OUTPUT_DIR}/url.min.js
|
||||||
|
OUTPUT_CSS_FILE=${OUTPUT_DIR}/main.css
|
||||||
|
OUTPUT_MIN_CSS_FILE=${OUTPUT_DIR}/main.min.css
|
||||||
|
|
||||||
|
echo "Creating diff2html website release ..."
|
||||||
|
|
||||||
|
echo "Cleaning previous versions ..."
|
||||||
|
rm -rf ${OUTPUT_DIR}
|
||||||
|
mkdir -p ${OUTPUT_DIR}
|
||||||
|
|
||||||
|
echo "Minifying ${OUTPUT_CSS_FILE} to ${OUTPUT_MIN_CSS_FILE}"
|
||||||
|
postcss --use autoprefixer ${INPUT_CSS_FILE} -d ${OUTPUT_DIR}
|
||||||
|
cleancss --advanced --compatibility=ie8 -o ${OUTPUT_MIN_CSS_FILE} ${OUTPUT_CSS_FILE}
|
||||||
|
|
||||||
|
echo "Generating website js aggregation file in ${OUTPUT_URL_JS}"
|
||||||
|
browserify -e ${INPUT_URL_JS} -o ${OUTPUT_URL_JS}
|
||||||
|
|
||||||
|
echo "Minifying ${OUTPUT_URL_JS} to ${OUTPUT_URL_MIN_JS}"
|
||||||
|
uglifyjs ${OUTPUT_URL_JS} -c -o ${OUTPUT_URL_MIN_JS}
|
||||||
|
|
||||||
|
echo "Generating HTMLs from templates ..."
|
||||||
|
node ./scripts/release-website.js
|
||||||
|
|
||||||
|
echo "Copying static files ..."
|
||||||
|
cp -rf ${INPUT_DIR}/img ${OUTPUT_DIR}/
|
||||||
|
cp -f ${INPUT_DIR}/CNAME ${OUTPUT_DIR}/
|
||||||
|
cp -f ${INPUT_DIR}/favicon.ico ${OUTPUT_DIR}/
|
||||||
|
cp -f ${INPUT_DIR}/robots.txt ${OUTPUT_DIR}/
|
||||||
|
cp -f ${INPUT_DIR}/sitemap.xml ${OUTPUT_DIR}/
|
||||||
|
|
||||||
|
echo "Creating diff2html assets symlink ..."
|
||||||
|
ln -s ../dist docs/assets
|
||||||
|
|
||||||
|
echo "diff2html website release created successfully!"
|
||||||
1
website/CNAME
Normal file
1
website/CNAME
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
diff2html.xyz
|
||||||
BIN
website/favicon.ico
Normal file
BIN
website/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
website/img/snapshot-1.png
Normal file
BIN
website/img/snapshot-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
BIN
website/img/snapshot-2.png
Normal file
BIN
website/img/snapshot-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 73 KiB |
BIN
website/img/snapshot-3.png
Normal file
BIN
website/img/snapshot-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
573
website/main.css
Normal file
573
website/main.css
Normal file
|
|
@ -0,0 +1,573 @@
|
||||||
|
/*!
|
||||||
|
* Copyright Colossal 2015
|
||||||
|
* Adapted by @rtfpessoa
|
||||||
|
*/
|
||||||
|
|
||||||
|
.m-b-md {
|
||||||
|
margin-bottom: 23px !important
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-t {
|
||||||
|
padding-top: 15px !important
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
p.m-b {
|
||||||
|
height: 75px;
|
||||||
|
overflow-y: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
display: inline-block;
|
||||||
|
color: #fff;
|
||||||
|
background: #26A65B;
|
||||||
|
font-weight: 400
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn:hover {
|
||||||
|
color: #fff;
|
||||||
|
background: #5dbe5d;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-clipboard {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 10;
|
||||||
|
display: block;
|
||||||
|
padding: 5px 8px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #fff;
|
||||||
|
background-color: #767676;
|
||||||
|
border-radius: 0 4px 0 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-clipboard:hover {
|
||||||
|
color: #000;
|
||||||
|
background-color: #dcdfe4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
position: relative;
|
||||||
|
padding: 40px 0;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 14px;
|
||||||
|
border-top: 1px solid #dcdfe4
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer p {
|
||||||
|
margin-bottom: 5px
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer a {
|
||||||
|
color: #26A65B;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container a {
|
||||||
|
color: #26A65B;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container a.btn {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-list-item {
|
||||||
|
display: inline-block
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-list-item:not(:last-child):after {
|
||||||
|
content: "\b7"
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer > ul {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.footer {
|
||||||
|
padding: 60px 0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.container {
|
||||||
|
width: 710px
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-centered {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-align: center;
|
||||||
|
-ms-flex-align: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.container {
|
||||||
|
width: 890px
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.container {
|
||||||
|
width: 1050px
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-bordered {
|
||||||
|
position: relative
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-bordered:before {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
width: 80%;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -40%;
|
||||||
|
height: 1px;
|
||||||
|
background: -webkit-radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0, rgba(255, 255, 255, 0) 75%);
|
||||||
|
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0, rgba(255, 255, 255, 0) 75%)
|
||||||
|
}
|
||||||
|
|
||||||
|
.container-overflow-wrap {
|
||||||
|
overflow: hidden
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero {
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
padding: 80px 0;
|
||||||
|
border-bottom: 1px solid #dcdfe4
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-booticon {
|
||||||
|
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
|
||||||
|
margin: 0 auto 30px;
|
||||||
|
width: 100%;
|
||||||
|
font-size: 8vw;
|
||||||
|
display: block;
|
||||||
|
font-weight: 500;
|
||||||
|
text-align: center;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-homepage.hero {
|
||||||
|
padding-top: 0;
|
||||||
|
padding-bottom: 40px;
|
||||||
|
overflow: hidden;
|
||||||
|
border-bottom: 0;
|
||||||
|
border-bottom: 1px solid #dcdfe4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-homepage > .btn {
|
||||||
|
margin-top: 20px
|
||||||
|
}
|
||||||
|
|
||||||
|
.swag-line:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
height: 5px;
|
||||||
|
z-index: 2;
|
||||||
|
background-color: #26A65B;
|
||||||
|
background: -webkit-linear-gradient(45deg, #28a142, #26A65B);
|
||||||
|
background: linear-gradient(45deg, #28a142, #26A65B)
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar {
|
||||||
|
background-color: #fff;
|
||||||
|
border: 0 #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-header {
|
||||||
|
text-align: center
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-brand {
|
||||||
|
height: auto;
|
||||||
|
padding: 19px 25px;
|
||||||
|
font-size: 16px;
|
||||||
|
display: inline-block;
|
||||||
|
float: none;
|
||||||
|
text-align: center;
|
||||||
|
margin: 5px 0 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-nav {
|
||||||
|
margin-right: -15px
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-nav > li > a {
|
||||||
|
font-size: 14px
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-default .navbar-brand, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
|
||||||
|
background: transparent;
|
||||||
|
color: #293a46;
|
||||||
|
font-weight: 300
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-default .navbar-toggle {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 7px;
|
||||||
|
border-color: #fff;
|
||||||
|
color: #293a46;
|
||||||
|
margin-right: 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
|
||||||
|
background: #f9f9f9;
|
||||||
|
border-color: #f9f9f9
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.navbar-full .navbar-brand {
|
||||||
|
margin-left: -25px
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-tall {
|
||||||
|
height: 125px
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-tall .navbar-header, .navbar-tall .navbar-nav {
|
||||||
|
line-height: 125px;
|
||||||
|
text-align: left
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-brand {
|
||||||
|
float: none;
|
||||||
|
display: inline-block;
|
||||||
|
text-align: left;
|
||||||
|
margin: 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-nav > li > a {
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: 13px
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-nav > li:first-child > a {
|
||||||
|
margin-left: 0
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshot {
|
||||||
|
display: block;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshot > img {
|
||||||
|
width: 100%
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshots-fan {
|
||||||
|
margin-top: 50px
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshots-fan .screenshot {
|
||||||
|
position: relative;
|
||||||
|
width: auto;
|
||||||
|
display: inline-block;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshots-fan .screenshot:last-child, .screenshots-fan .screenshot:first-child {
|
||||||
|
z-index: 2
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshots-fan .screenshot {
|
||||||
|
z-index: 3
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.screenshots-fan {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
margin-top: 60px;
|
||||||
|
height: 200px
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshots-fan .screenshot {
|
||||||
|
height: auto;
|
||||||
|
top: 10px;
|
||||||
|
width: 350px
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshots-fan .screenshot:first-child, .screenshots-fan .screenshot:last-child {
|
||||||
|
width: 250px;
|
||||||
|
position: absolute;
|
||||||
|
top: 65px
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshots-fan .screenshot:first-child {
|
||||||
|
left: 10px
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshots-fan .screenshot:last-child {
|
||||||
|
left: auto;
|
||||||
|
right: 10px
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.screenshots-fan {
|
||||||
|
margin-top: 60px;
|
||||||
|
height: 240px
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshots-fan .screenshot {
|
||||||
|
width: 400px
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshots-fan .screenshot:first-child, .screenshots-fan .screenshot:last-child {
|
||||||
|
width: 300px
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.screenshots-fan {
|
||||||
|
margin-top: 80px;
|
||||||
|
height: 380px
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshots-fan .screenshot {
|
||||||
|
width: 550px
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshots-fan .screenshot:first-child, .screenshots-fan .screenshot:last-child {
|
||||||
|
width: 450px
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: Roboto, sans-serif;
|
||||||
|
font-weight: 300;
|
||||||
|
line-height: 1.6
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: 300
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 300
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: 300
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 300
|
||||||
|
}
|
||||||
|
|
||||||
|
h5 {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 400
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5 {
|
||||||
|
line-height: 1.4
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2 {
|
||||||
|
margin: 10px 0
|
||||||
|
}
|
||||||
|
|
||||||
|
h5 {
|
||||||
|
margin: 6px 0
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
body {
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: Roboto, sans-serif;
|
||||||
|
font-weight: 300;
|
||||||
|
line-height: 1.6
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 38px;
|
||||||
|
font-weight: 300
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: 300;
|
||||||
|
line-height: 1.4
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: 300
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 300
|
||||||
|
}
|
||||||
|
|
||||||
|
h5 {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 400
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
color: #293a46;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover, a:focus {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav li a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav li a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-muted {
|
||||||
|
color: #697176
|
||||||
|
}
|
||||||
|
|
||||||
|
.template-index h3 {
|
||||||
|
font-size: 21px;
|
||||||
|
margin-bottom: 12px
|
||||||
|
}
|
||||||
|
|
||||||
|
.template-index h4 {
|
||||||
|
color: #697176;
|
||||||
|
line-height: 1.6
|
||||||
|
}
|
||||||
|
|
||||||
|
.template-index h4 a, .template-index p a {
|
||||||
|
color: #26A65B;
|
||||||
|
}
|
||||||
|
|
||||||
|
.template-index h5 {
|
||||||
|
font-size: 17px;
|
||||||
|
margin-bottom: 8px
|
||||||
|
}
|
||||||
|
|
||||||
|
.homepage-terminal-example, .homepage-code-example {
|
||||||
|
position: relative;
|
||||||
|
font-family: monospace;
|
||||||
|
background: #272b38;
|
||||||
|
color: #48d8a0;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 30px
|
||||||
|
}
|
||||||
|
|
||||||
|
.homepage-terminal-example .text-muted,
|
||||||
|
.homepage-code-example .text-muted {
|
||||||
|
color: #6a7490
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.homepage-terminal-example {
|
||||||
|
padding: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.homepage-code-example {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.homepage-code-example > p {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-green {
|
||||||
|
color: #26A65B;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-black {
|
||||||
|
color: #353535;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-red {
|
||||||
|
color: #CB2C37;
|
||||||
|
}
|
||||||
|
|
||||||
|
.svg-icon-large {
|
||||||
|
width: 50px;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.svg-icon-large > svg {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-padded-small {
|
||||||
|
padding: 40px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
*.unselectable {
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diff-url-wrapper {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diff-url-input {
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 10px;
|
||||||
|
flex-grow: 1;
|
||||||
|
height: 31px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diff-url-btn {
|
||||||
|
display: inline-block;
|
||||||
|
float: right;
|
||||||
|
width: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.options-label-value {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diff-url-options-container {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diff-url-options-container label {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diff-url-options-container label select,
|
||||||
|
.diff-url-options-container label input {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
1
website/robots.txt
Normal file
1
website/robots.txt
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
User-agent: *
|
||||||
16
website/sitemap.xml
Normal file
16
website/sitemap.xml
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<urlset
|
||||||
|
xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||||
|
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
||||||
|
xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
|
||||||
|
http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
|
||||||
|
<url>
|
||||||
|
<loc>https://diff2html.xyz/</loc>
|
||||||
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>https://diff2html.xyz/index.html</loc>
|
||||||
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>https://diff2html.xyz/demo.html</loc>
|
||||||
|
</url>
|
||||||
|
</urlset>
|
||||||
|
|
@ -1,258 +0,0 @@
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/highlight.min.js"></script>
|
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/languages/scala.min.js"></script>
|
|
||||||
|
|
||||||
<!-- diff2html -->
|
|
||||||
<script type="text/javascript" src="assets/diff2html.js"></script>
|
|
||||||
<script type="text/javascript" src="assets/diff2html-ui.js"></script>
|
|
||||||
<!-- -->
|
|
||||||
|
|
||||||
<script>
|
|
||||||
var lineDiffExample =
|
|
||||||
"--- a/src/my/really/big/path/sample.js\n" +
|
|
||||||
"+++ b/src/my/small/path/sample.js\n" +
|
|
||||||
"@@ -1 +1,2 @@\n" +
|
|
||||||
"-test\n" +
|
|
||||||
"+test1r\n" +
|
|
||||||
"+test2r\n" +
|
|
||||||
'diff --git a/src/core/init.java b/src/core/init.java\n' +
|
|
||||||
'index e49196a..50f310c 100644\n' +
|
|
||||||
'--- a/src/core/init.java\n' +
|
|
||||||
'+++ b/src/core/init.java\n' +
|
|
||||||
'@@ -101,7 +101,7 @@\n' +
|
|
||||||
' /**\n' +
|
|
||||||
' * Setter for property filesize.\n' +
|
|
||||||
' *\n' +
|
|
||||||
" * @param filesize value of property 'filesize'.\n" +
|
|
||||||
' */\n' +
|
|
||||||
' public void setFilesize(int filesize) {\n' +
|
|
||||||
'- this.filesizeOld = filesizeOld;\n' +
|
|
||||||
'+ this.filesizeNew = filesizeNew;\n' +
|
|
||||||
' }\n' +
|
|
||||||
'diff --git a/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/coverage.init b/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/coverage.init\n' +
|
|
||||||
'index fc56817..e8e7e49 100644\n' +
|
|
||||||
'--- a/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/coverage.init\n' +
|
|
||||||
'+++ b/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/src/very/long/file/path/coverage.init\n' +
|
|
||||||
'@@ -19,7 +19,7 @@\n' +
|
|
||||||
' -opt "\-nostart"\n' +
|
|
||||||
' \n' +
|
|
||||||
' # skip stopenv\n' +
|
|
||||||
'--do "runbvt,stopenv,getlogs,pullcoveragedata,stopenv,getlogs,pullcoveragedata,stopenv,getlogs,pullcoveragedata,stopenv,getlogs,pullcoveragedata,stopenv,getlogs,pullcoveragedata,stopenv,getlogs,pullcoveragedata,stopenv,getlogs,pullcoveragedata,stopenv,getlogs,pullcoveragedata,stopenv,getlogs,pullcoveragedata,stopenv,getlogs,pullcoveragedata"\n' +
|
|
||||||
'+-do "runbvt,getlogs,pullcoveragedata"\n' +
|
|
||||||
' \n' +
|
|
||||||
' ##########################################\n' +
|
|
||||||
' # logs files to bring back to base\n' +
|
|
||||||
'diff --git a/src/attributes/attr.js b/src/attributes/attr.js\n' +
|
|
||||||
'index facdd41..b627fe8 100644\n' +
|
|
||||||
'--- a/src/attributes/attr.js\n' +
|
|
||||||
'+++ b/src/attributes/attr.js\n' +
|
|
||||||
'@@ -1,11 +1,10 @@\n' +
|
|
||||||
' define([\n' +
|
|
||||||
' "../core",\n' +
|
|
||||||
' "../var/rnotwhite",\n' +
|
|
||||||
'- "../var/strundefined",\n' +
|
|
||||||
' "../core/access",\n' +
|
|
||||||
' "./support",\n' +
|
|
||||||
' "../selector"\n' +
|
|
||||||
'-], function( jQuery, rnotwhite, strundefined, access, support ) {\n' +
|
|
||||||
'+], function( jQuery, rnotwhite, access, support ) {\n' +
|
|
||||||
' \n' +
|
|
||||||
' var nodeHook, boolHook,\n' +
|
|
||||||
' attrHandle = jQuery.expr.attrHandle;\n' +
|
|
||||||
'@@ -33,7 +32,7 @@ jQuery.extend({\n' +
|
|
||||||
' }\n' +
|
|
||||||
' \n' +
|
|
||||||
' // Fallback to prop when attributes are not supported\n' +
|
|
||||||
'- if ( typeof elem.getAttribute === strundefined ) {\n' +
|
|
||||||
'+ if ( !elem.getAttribute ) {\n' +
|
|
||||||
' return jQuery.prop( elem, name, value );\n' +
|
|
||||||
' }\n' +
|
|
||||||
' \n' +
|
|
||||||
'diff --git a/src/attributes/classes.js b/src/attributes/classes.js\n' +
|
|
||||||
'index c617824..c8d1393 100644\n' +
|
|
||||||
'--- a/src/attributes/classes.js\n' +
|
|
||||||
'+++ b/src/attributes/classes.js\n' +
|
|
||||||
'@@ -1,10 +1,9 @@\n' +
|
|
||||||
' define([\n' +
|
|
||||||
' "../core",\n' +
|
|
||||||
' "../var/rnotwhite",\n' +
|
|
||||||
'- "../var/strundefined",\n' +
|
|
||||||
' "../data/var/dataPriv",\n' +
|
|
||||||
' "../core/init"\n' +
|
|
||||||
'-], function( jQuery, rnotwhite, strundefined, dataPriv ) {\n' +
|
|
||||||
'+], function( jQuery, rnotwhite, dataPriv ) {\n' +
|
|
||||||
' \n' +
|
|
||||||
' var rclass = /[\\t\\r\\n\\f]/g;\n' +
|
|
||||||
' \n' +
|
|
||||||
'@@ -128,7 +127,7 @@ jQuery.fn.extend({\n' +
|
|
||||||
' }\n' +
|
|
||||||
' \n' +
|
|
||||||
' // Toggle whole class name\n' +
|
|
||||||
'- } else if ( type === strundefined || type === "boolean" ) {\n' +
|
|
||||||
'+ } else if ( value === undefined || type === "boolean" ) {\n' +
|
|
||||||
' if ( this.className ) {\n' +
|
|
||||||
' // store className if set\n' +
|
|
||||||
' dataPriv.set( this, "__className__", this.className );\n' +
|
|
||||||
'diff --git a/src/core/init.js b/src/core/init.js\n' +
|
|
||||||
'index e49196a..50f310c 100644\n' +
|
|
||||||
'--- a/src/core/init.js\n' +
|
|
||||||
'+++ b/src/core/init.js\n' +
|
|
||||||
'@@ -101,7 +101,7 @@ var rootjQuery,\n' +
|
|
||||||
' // HANDLE: $(function)\n' +
|
|
||||||
' // Shortcut for document ready\n' +
|
|
||||||
' } else if ( jQuery.isFunction( selector ) ) {\n' +
|
|
||||||
'- return typeof rootjQuery.ready !== "undefined" ?\n' +
|
|
||||||
'+ return rootjQuery.ready !== undefined ?\n' +
|
|
||||||
' rootjQuery.ready( selector ) :\n' +
|
|
||||||
' // Execute immediately if ready is not present\n' +
|
|
||||||
' selector( jQuery );\n' +
|
|
||||||
'diff --git a/src/event.js b/src/event.js\n' +
|
|
||||||
'index 7336f4d..6183f70 100644\n' +
|
|
||||||
'--- a/src/event.js\n' +
|
|
||||||
'+++ b/src/event.js\n' +
|
|
||||||
'@@ -1,6 +1,5 @@\n' +
|
|
||||||
' define([\n' +
|
|
||||||
' "./core",\n' +
|
|
||||||
'- "./var/strundefined",\n' +
|
|
||||||
' "./var/rnotwhite",\n' +
|
|
||||||
' "./var/hasOwn",\n' +
|
|
||||||
' "./var/slice",\n' +
|
|
||||||
'@@ -10,7 +9,7 @@ define([\n' +
|
|
||||||
' "./core/init",\n' +
|
|
||||||
' "./data/accepts",\n' +
|
|
||||||
' "./selector"\n' +
|
|
||||||
'-], function( jQuery, strundefined, rnotwhite, hasOwn, slice, support, dataPriv ) {\n' +
|
|
||||||
'+], function( jQuery, rnotwhite, hasOwn, slice, support, dataPriv ) {\n' +
|
|
||||||
' \n' +
|
|
||||||
' var\n' +
|
|
||||||
' rkeyEvent = /^key/,\n' +
|
|
||||||
'@@ -72,7 +71,7 @@ jQuery.event = {\n' +
|
|
||||||
' eventHandle = elemData.handle = function( e ) {\n' +
|
|
||||||
' // Discard the second event of a jQuery.event.trigger() and\n' +
|
|
||||||
' // when an event is called after a page has unloaded\n' +
|
|
||||||
'- return typeof jQuery !== strundefined && jQuery.event.triggered !== e.type ?\n' +
|
|
||||||
'+ return typeof jQuery !== "undefined" && jQuery.event.triggered !== e.type ?\n' +
|
|
||||||
' jQuery.event.dispatch.apply( elem, arguments ) : undefined;\n' +
|
|
||||||
' };\n' +
|
|
||||||
' }\n' +
|
|
||||||
'diff --git a/src/exports/global.js b/src/exports/global.js\n' +
|
|
||||||
'index 6513287..1db4144 100644\n' +
|
|
||||||
'--- a/src/exports/global.js\n' +
|
|
||||||
'+++ b/src/exports/global.js\n' +
|
|
||||||
'@@ -1,7 +1,9 @@\n' +
|
|
||||||
' define([\n' +
|
|
||||||
'- "../core",\n' +
|
|
||||||
'- "../var/strundefined"\n' +
|
|
||||||
'-], function( jQuery, strundefined ) {\n' +
|
|
||||||
'+ "../core"\n' +
|
|
||||||
'+], function( jQuery ) {\n' +
|
|
||||||
'+\n' +
|
|
||||||
'+/* exported noGlobal */\n' +
|
|
||||||
'+/* global noGlobal: false */\n' +
|
|
||||||
' \n' +
|
|
||||||
' var\n' +
|
|
||||||
' // Map over jQuery in case of overwrite\n' +
|
|
||||||
'@@ -25,7 +27,7 @@ jQuery.noConflict = function( deep ) {\n' +
|
|
||||||
' // Expose jQuery and $ identifiers, even in AMD\n' +
|
|
||||||
' // (#7102#comment:10, https://github.com/jquery/jquery/pull/557)\n' +
|
|
||||||
' // and CommonJS for browser emulators (#13566)\n' +
|
|
||||||
'-if ( typeof noGlobal === strundefined ) {\n' +
|
|
||||||
'+if ( !noGlobal ) {\n' +
|
|
||||||
' window.jQuery = window.$ = jQuery;\n' +
|
|
||||||
' }\n' +
|
|
||||||
' \n' +
|
|
||||||
'diff --git a/src/offset.js b/src/offset.js\n' +
|
|
||||||
'index cc6ffb4..fa51f18 100644\n' +
|
|
||||||
'--- a/src/offset.js\n' +
|
|
||||||
'+++ b/src/offset.js\n' +
|
|
||||||
'@@ -1,6 +1,5 @@\n' +
|
|
||||||
' define([\n' +
|
|
||||||
' "./core",\n' +
|
|
||||||
'- "./var/strundefined",\n' +
|
|
||||||
' "./core/access",\n' +
|
|
||||||
' "./css/var/rnumnonpx",\n' +
|
|
||||||
' "./css/curCSS",\n' +
|
|
||||||
'@@ -10,7 +9,7 @@ define([\n' +
|
|
||||||
' "./core/init",\n' +
|
|
||||||
' "./css",\n' +
|
|
||||||
' "./selector" // contains\n' +
|
|
||||||
'-], function( jQuery, strundefined, access, rnumnonpx, curCSS, addGetHookIf, support ) {\n' +
|
|
||||||
'+], function( jQuery, access, rnumnonpx, curCSS, addGetHookIf, support ) {\n' +
|
|
||||||
' \n' +
|
|
||||||
' var docElem = window.document.documentElement;\n' +
|
|
||||||
' \n' +
|
|
||||||
'@@ -99,7 +98,7 @@ jQuery.fn.extend({\n' +
|
|
||||||
' \n' +
|
|
||||||
' // Support: BlackBerry 5, iOS 3 (original iPhone)\n' +
|
|
||||||
' // If we dont have gBCR, just use 0,0 rather than error\n' +
|
|
||||||
'- if ( typeof elem.getBoundingClientRect !== strundefined ) {\n' +
|
|
||||||
'+ if ( elem.getBoundingClientRect !== undefined ) {\n' +
|
|
||||||
' box = elem.getBoundingClientRect();\n' +
|
|
||||||
' }\n' +
|
|
||||||
' win = getWindow( doc );\n' +
|
|
||||||
'diff --git a/src/var/strundefined.js b/src/var/strundefined.js\n' +
|
|
||||||
'deleted file mode 100644\n' +
|
|
||||||
'index 04e16b0..0000000\n' +
|
|
||||||
'--- a/src/var/strundefined.js\n' +
|
|
||||||
'+++ /dev/null\n' +
|
|
||||||
'@@ -1,3 +0,0 @@\n' +
|
|
||||||
'-define(function() {\n' +
|
|
||||||
'- return typeof undefined;\n' +
|
|
||||||
'-});\n' +
|
|
||||||
'diff --git a/components/textdiff/textdiff.html b/components/textdiff/textdiff.html\n' +
|
|
||||||
'index a3484bf..82209af 100644\n' +
|
|
||||||
'--- a/components/textdiff/textdiff.html\n' +
|
|
||||||
'+++ b/components/textdiff/textdiff.html\n' +
|
|
||||||
'@@ -1,6 +1,8 @@\n' +
|
|
||||||
' <!-- ko if: isShowingDiffs -->\n' +
|
|
||||||
' <div>\n' +
|
|
||||||
'- <div data-bind="event: { load: setDom($element) }"></div>\n' +
|
|
||||||
'+ <!-- ko if: isParsed -->\n' +
|
|
||||||
'+ <div data-bind="template: {nodes: ko.utils.parseHtmlFragment(htmlSrc())}"></div>\n' +
|
|
||||||
'+ <!-- /ko -->\n' +
|
|
||||||
' <div class="btn-load-more" data-bind="visible: loadMoreCount() > 0">\n' +
|
|
||||||
' </div>\n' +
|
|
||||||
'diff --git a/test.js b/test.js\n' +
|
|
||||||
'new file mode 100644\n' +
|
|
||||||
'index 0000000..e1e22ec\n' +
|
|
||||||
'--- /dev/null\n' +
|
|
||||||
'+++ b/test.js\n' +
|
|
||||||
'@@ -0,0 +1,6 @@\n' +
|
|
||||||
"+var parser = require('./source/git-parser');\n" +
|
|
||||||
'+\n' +
|
|
||||||
"+var text = 'diff --git a/components/app/app.html b/components/app/app.html\\nindex ecb7a95..027bd9b 100644\\n--- a/components/app/app.html\\n+++ b/components/app/app.html\\n@@ -52,0 +53,3 @@\\n+\\n+\\n+\\n@@ -56,0 +60,3 @@\\n+\\n+\\n+\\n'\n" +
|
|
||||||
'+var patchLineList = [ false, false, false, false ];\n' +
|
|
||||||
'+\n' +
|
|
||||||
'+console.log(parser.parsePatchDiffResult(text, patchLineList));\n' +
|
|
||||||
"diff --git a/a.xml b/b.xml\n" +
|
|
||||||
"index e54317e..82a9a56 100644\n" +
|
|
||||||
"--- a/a.xml\n" +
|
|
||||||
"+++ b/b.xml\n" +
|
|
||||||
"@@ -242,4 +242,6 @@ need to create a new job for native server java api and move these tests to a ne\n" +
|
|
||||||
" </packages>\n" +
|
|
||||||
" </test>\n" +
|
|
||||||
" -->\n" +
|
|
||||||
"+\n" +
|
|
||||||
"+\n";
|
|
||||||
|
|
||||||
$(document).ready(function() {
|
|
||||||
var diff2htmlUi = new Diff2HtmlUI({diff: lineDiffExample});
|
|
||||||
|
|
||||||
diff2htmlUi.draw('#line-by-line', {
|
|
||||||
inputFormat: 'json',
|
|
||||||
showFiles: true,
|
|
||||||
matching: 'lines'
|
|
||||||
});
|
|
||||||
diff2htmlUi.fileListCloseable('#line-by-line', false);
|
|
||||||
diff2htmlUi.highlightCode('#line-by-line');
|
|
||||||
|
|
||||||
diff2htmlUi.draw('#side-by-side', {
|
|
||||||
inputFormat: 'json',
|
|
||||||
showFiles: true,
|
|
||||||
matching: 'lines',
|
|
||||||
outputFormat: 'side-by-side',
|
|
||||||
synchronisedScroll: true
|
|
||||||
});
|
|
||||||
diff2htmlUi.fileListCloseable('#side-by-side', false);
|
|
||||||
diff2htmlUi.highlightCode('#side-by-side');
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
@ -1,9 +0,0 @@
|
||||||
<h1>Line by Line</h1>
|
|
||||||
|
|
||||||
<div id="line-by-line" style="margin: 0 auto;">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h1>Side by Side</h1>
|
|
||||||
|
|
||||||
<div id="side-by-side" style="margin: 0 auto;">
|
|
||||||
</div>
|
|
||||||
|
|
@ -5,17 +5,17 @@
|
||||||
</span>
|
</span>
|
||||||
<h1 class="hero-header">Diff parser and pretty html generator</h1>
|
<h1 class="hero-header">Diff parser and pretty html generator</h1>
|
||||||
<h4 class="text-muted">Better diffs, unmatched reviews.</h4>
|
<h4 class="text-muted">Better diffs, unmatched reviews.</h4>
|
||||||
<a class="btn btn-lg" href="demo.html">Demo</a>
|
<h2><a class="btn btn-lg" href="url.html?diff=https://github.com/rtfpessoa/diff2html/pull/106">Demo</a></h2>
|
||||||
|
|
||||||
<div class="screenshots screenshots-fan clearfix">
|
<div class="screenshots screenshots-fan clearfix">
|
||||||
|
|
||||||
<img class="screenshot hidden-xs" src="img/snapshot-2.png">
|
<img class="screenshot hidden-xs" src="img/snapshot-2.png">
|
||||||
|
|
||||||
<a class="screenshot" href="demo.html#side-by-side">
|
<a class="screenshot" href="url.html?diff=https://github.com/rtfpessoa/diff2html/pull/106">
|
||||||
<img src="img/snapshot-3.png">
|
<img src="img/snapshot-3.png">
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a class="screenshot hidden-xs" href="demo.html#line-by-line">
|
<a class="screenshot hidden-xs" href="url.html?diff=https://github.com/rtfpessoa/diff2html/pull/106">
|
||||||
<img src="img/snapshot-1.png">
|
<img src="img/snapshot-1.png">
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
|
@ -241,6 +241,18 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-xs-12 col-sm-6 col-md-3 m-b-lg">
|
||||||
|
<div class="panel panel-default panel-profile m-b-0">
|
||||||
|
<div class="panel-body text-center">
|
||||||
|
<h5 class="panel-title">Light Review</h5>
|
||||||
|
<p class="m-b">Code Reviews with maximum control for the leading developers</p>
|
||||||
|
<a href="http://light-review.com/" target="_blank"
|
||||||
|
class="btn btn-primary-outline btn-sm m-b">
|
||||||
|
<span class="icon icon-add-user"></span> Website
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/styles/github.min.css">
|
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/styles/github.min.css">
|
||||||
|
|
||||||
<!-- diff2html -->
|
<!-- diff2html -->
|
||||||
<link rel="stylesheet" type="text/css" href="assets/diff2html.css">
|
<link rel="stylesheet" type="text/css" href="assets/diff2html.min.css">
|
||||||
<!-- -->
|
<!-- -->
|
||||||
9
website/templates/pages/url/url-scripts.partial.html
Normal file
9
website/templates/pages/url/url-scripts.partial.html
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/highlight.min.js"></script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/languages/scala.min.js"></script>
|
||||||
|
|
||||||
|
<!-- diff2html -->
|
||||||
|
<script type="text/javascript" src="assets/diff2html.min.js"></script>
|
||||||
|
<script type="text/javascript" src="assets/diff2html-ui.min.js"></script>
|
||||||
|
<!-- -->
|
||||||
|
|
||||||
|
<script type="text/javascript" src="url.min.js"></script>
|
||||||
168
website/templates/pages/url/url.js
Normal file
168
website/templates/pages/url/url.js
Normal file
|
|
@ -0,0 +1,168 @@
|
||||||
|
/* global Diff2HtmlUI */
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Example URLs:
|
||||||
|
*
|
||||||
|
* github/rtfpessoa/diff2html/7d02e67f3b3386ac5d804f974d025cd7a1165839
|
||||||
|
* https://github.com/rtfpessoa/diff2html/commit/7d02e67f3b3386ac5d804f974d025cd7a1165839
|
||||||
|
* https://github.com/rtfpessoa/diff2html/pull/106
|
||||||
|
*
|
||||||
|
* gitlab/gitlab-org/gitlab-ce/4e963fed42ad518caa7353d361a38a1250c99c41
|
||||||
|
* https://gitlab.com/gitlab-org/gitlab-ce/commit/4e963fed42ad518caa7353d361a38a1250c99c41
|
||||||
|
* https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/6763
|
||||||
|
*
|
||||||
|
* bitbucket/atlassian/amps/52c38116f12475f75af4a147b7a7685478b83eca
|
||||||
|
* https://bitbucket.org/atlassian/amps/commits/52c38116f12475f75af4a147b7a7685478b83eca
|
||||||
|
* https://bitbucket.org/atlassian/amps/pull-requests/236
|
||||||
|
*/
|
||||||
|
|
||||||
|
$(document).ready(function() {
|
||||||
|
// Improves browser compatibility
|
||||||
|
require('whatwg-fetch');
|
||||||
|
|
||||||
|
var $container = $('.container');
|
||||||
|
var $url = $('#url');
|
||||||
|
var $outputFormat = $('#diff-url-options-output-format');
|
||||||
|
var $showFiles = $('#diff-url-options-show-files');
|
||||||
|
var $matching = $('#diff-url-options-matching');
|
||||||
|
var $wordThreshold = $('#diff-url-options-match-words-threshold');
|
||||||
|
var $matchingMaxComparisons = $('#diff-url-options-matching-max-comparisons');
|
||||||
|
|
||||||
|
var hash = window.location.hash
|
||||||
|
.replace(/^(#!?\/?)/, '');
|
||||||
|
|
||||||
|
var search = window.location.search;
|
||||||
|
|
||||||
|
if (hash) {
|
||||||
|
$url.val(hash);
|
||||||
|
draw(prepareUrl(hash));
|
||||||
|
} else if (search) {
|
||||||
|
try {
|
||||||
|
var url = search
|
||||||
|
.split('?')[1]
|
||||||
|
.split('diff=')[1]
|
||||||
|
.split('&')[0];
|
||||||
|
$url.val(url);
|
||||||
|
draw(prepareUrl(url));
|
||||||
|
} catch (_ignore) {
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
bind(prepareUrl);
|
||||||
|
|
||||||
|
$outputFormat
|
||||||
|
.add($showFiles)
|
||||||
|
.add($matching)
|
||||||
|
.add($wordThreshold)
|
||||||
|
.add($matchingMaxComparisons)
|
||||||
|
.change(function() {
|
||||||
|
fastDraw();
|
||||||
|
});
|
||||||
|
|
||||||
|
function fastDraw() {
|
||||||
|
var url = $url.val();
|
||||||
|
var preparedUrl = prepareUrl(url);
|
||||||
|
draw(preparedUrl);
|
||||||
|
}
|
||||||
|
|
||||||
|
function bind() {
|
||||||
|
$('#url-btn').click(function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
fastDraw();
|
||||||
|
});
|
||||||
|
|
||||||
|
$url.on('paste', function(e) {
|
||||||
|
fastDraw();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function prepareUrl(url) {
|
||||||
|
var githubPath = /^github\/(.*?)\/(.*?)\/(.*?)$/;
|
||||||
|
var githubCommitUrl = /^https?:\/\/(?:www\.)?github\.com\/(.*?)\/(.*?)\/commit\/(.*?)(?:\.diff)?(?:\.patch)?(?:\/.*)?$/;
|
||||||
|
var githubPrUrl = /^https?:\/\/(?:www\.)?github\.com\/(.*?)\/(.*?)\/pull\/(.*?)(?:\.diff)?(?:\.patch)?(?:\/.*)?$/;
|
||||||
|
|
||||||
|
var gitlabPath = /^gitlab\/(.*?)\/(.*?)\/(.*?)$/;
|
||||||
|
var gitlabCommitUrl = /^https?:\/\/(?:www\.)?gitlab\.com\/(.*?)\/(.*?)\/commit\/(.*?)(?:\.diff)?(?:\.patch)?(?:\/.*)?$/;
|
||||||
|
var gitlabPrUrl = /^https?:\/\/(?:www\.)?gitlab\.com\/(.*?)\/(.*?)\/merge_requests\/(.*?)(?:\.diff)?(?:\.patch)?(?:\/.*)?$/;
|
||||||
|
|
||||||
|
var bitbucketPath = /^bitbucket\/(.*?)\/(.*?)\/(.*?)$/;
|
||||||
|
var bitbucketCommitUrl = /^https?:\/\/(?:www\.)?bitbucket\.org\/(.*?)\/(.*?)\/commits\/(.*?)(?:\/raw)?(?:\/.*)?$/;
|
||||||
|
var bitbucketPrUrl = /^https?:\/\/(?:www\.)?bitbucket\.org\/(.*?)\/(.*?)\/pull-requests\/(.*?)(?:\/.*)?$/;
|
||||||
|
|
||||||
|
function genericUrlGen(provider, userName, projectName, type, value) {
|
||||||
|
return 'https://' + provider + '.com/' + userName + '/' + projectName + '/' + type + '/' + value + '.diff';
|
||||||
|
}
|
||||||
|
|
||||||
|
function bitbucketUrlGen(userName, projectName, type, value) {
|
||||||
|
var baseUrl = 'https://bitbucket.org/api/2.0/repositories/';
|
||||||
|
|
||||||
|
if (type === 'pullrequests') {
|
||||||
|
return baseUrl + userName + '/' + projectName + '/pullrequests/' + value + '/diff';
|
||||||
|
}
|
||||||
|
|
||||||
|
return baseUrl + userName + '/' + projectName + '/diff/' + value;
|
||||||
|
}
|
||||||
|
|
||||||
|
var values;
|
||||||
|
var finalUrl;
|
||||||
|
if ((values = githubPath.exec(url))) {
|
||||||
|
finalUrl = genericUrlGen('github', values[1], values[2], 'commit', values[3]);
|
||||||
|
} else if ((values = githubCommitUrl.exec(url))) {
|
||||||
|
finalUrl = genericUrlGen('github', values[1], values[2], 'commit', values[3]);
|
||||||
|
} else if ((values = githubPrUrl.exec(url))) {
|
||||||
|
finalUrl = genericUrlGen('github', values[1], values[2], 'pull', values[3]);
|
||||||
|
} else if ((values = gitlabPath.exec(url))) {
|
||||||
|
finalUrl = genericUrlGen('gitlab', values[1], values[2], 'commit', values[3]);
|
||||||
|
} else if ((values = gitlabCommitUrl.exec(url))) {
|
||||||
|
finalUrl = genericUrlGen('gitlab', values[1], values[2], 'commit', values[3]);
|
||||||
|
} else if ((values = gitlabPrUrl.exec(url))) {
|
||||||
|
finalUrl = genericUrlGen('gitlab', values[1], values[2], 'merge_requests', values[3]);
|
||||||
|
} else if ((values = bitbucketPath.exec(url))) {
|
||||||
|
finalUrl = bitbucketUrlGen(values[1], values[2], 'commit', values[3]);
|
||||||
|
} else if ((values = bitbucketCommitUrl.exec(url))) {
|
||||||
|
finalUrl = bitbucketUrlGen(values[1], values[2], 'commit', values[3]);
|
||||||
|
} else if ((values = bitbucketPrUrl.exec(url))) {
|
||||||
|
finalUrl = bitbucketUrlGen(values[1], values[2], 'pullrequests', values[3]);
|
||||||
|
} else {
|
||||||
|
console.info('Could not parse url, using the provided url.');
|
||||||
|
finalUrl = url;
|
||||||
|
}
|
||||||
|
|
||||||
|
return finalUrl;
|
||||||
|
}
|
||||||
|
|
||||||
|
function draw(url) {
|
||||||
|
var outputFormat = $outputFormat.val();
|
||||||
|
var showFiles = $showFiles.is(':checked');
|
||||||
|
var matching = $matching.val();
|
||||||
|
var wordThreshold = $wordThreshold.val();
|
||||||
|
var matchingMaxComparisons = $matchingMaxComparisons.val();
|
||||||
|
|
||||||
|
var fullUrl = 'https://crossorigin.me/' + url;
|
||||||
|
fetch(fullUrl)
|
||||||
|
.then(function(res) {
|
||||||
|
return res.text();
|
||||||
|
})
|
||||||
|
.then(function(data) {
|
||||||
|
var container = '#url-diff-container';
|
||||||
|
var diff2htmlUi = new Diff2HtmlUI({diff: data});
|
||||||
|
|
||||||
|
if (outputFormat === 'side-by-side') {
|
||||||
|
$container.css({'width': '1400px'});
|
||||||
|
} else {
|
||||||
|
$container.css({'width': ''});
|
||||||
|
}
|
||||||
|
|
||||||
|
diff2htmlUi.draw(container, {
|
||||||
|
outputFormat: outputFormat,
|
||||||
|
showFiles: showFiles,
|
||||||
|
matching: matching,
|
||||||
|
matchWordsThreshold: wordThreshold,
|
||||||
|
matchingMaxComparisons: matchingMaxComparisons,
|
||||||
|
synchronisedScroll: true
|
||||||
|
});
|
||||||
|
diff2htmlUi.fileListCloseable(container, false);
|
||||||
|
diff2htmlUi.highlightCode(container);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
87
website/templates/pages/url/url.partial.html
Normal file
87
website/templates/pages/url/url.partial.html
Normal file
|
|
@ -0,0 +1,87 @@
|
||||||
|
<h1>Diff Prettifier <a href="#help">
|
||||||
|
<svg height="32" class="octicon octicon-unverified" viewBox="0 0 16 16" version="1.1" width="64" aria-hidden="true">
|
||||||
|
<path
|
||||||
|
d="M15.67 7.06l-1.08-1.34c-.17-.22-.28-.48-.31-.77l-.19-1.7a1.51 1.51 0 0 0-1.33-1.33l-1.7-.19c-.3-.03-.56-.16-.78-.33L8.94.32c-.55-.44-1.33-.44-1.88 0L5.72 1.4c-.22.17-.48.28-.77.31l-1.7.19c-.7.08-1.25.63-1.33 1.33l-.19 1.7c-.03.3-.16.56-.33.78L.32 7.05c-.44.55-.44 1.33 0 1.88l1.08 1.34c.17.22.28.48.31.77l.19 1.7c.08.7.63 1.25 1.33 1.33l1.7.19c.3.03.56.16.78.33l1.34 1.08c.55.44 1.33.44 1.88 0l1.34-1.08c.22-.17.48-.28.77-.31l1.7-.19c.7-.08 1.25-.63 1.33-1.33l.19-1.7c.03-.3.16-.56.33-.78l1.08-1.34c.44-.55.44-1.33 0-1.88zM9 11.5c0 .28-.22.5-.5.5h-1c-.27 0-.5-.22-.5-.5v-1c0-.28.23-.5.5-.5h1c.28 0 .5.22.5.5v1zm1.56-4.89c-.06.17-.17.33-.3.47-.13.16-.14.19-.33.38-.16.17-.31.3-.52.45-.11.09-.2.19-.28.27-.08.08-.14.17-.19.27-.05.1-.08.19-.11.3-.03.11-.03.13-.03.25H7.13c0-.22 0-.31.03-.48.03-.19.08-.36.14-.52.06-.14.14-.28.25-.42.11-.13.23-.25.41-.38.27-.19.36-.3.48-.52.12-.22.2-.38.2-.59 0-.27-.06-.45-.2-.58-.13-.13-.31-.19-.58-.19-.09 0-.19.02-.3.05-.11.03-.17.09-.25.16-.08.07-.14.11-.2.2a.41.41 0 0 0-.09.28h-2c0-.38.13-.56.27-.83.16-.27.36-.5.61-.67.25-.17.55-.3.88-.38.33-.08.7-.13 1.09-.13.44 0 .83.05 1.17.13.34.09.63.22.88.39.23.17.41.38.55.63.13.25.19.55.19.88 0 .22 0 .42-.08.59l-.02-.01z"></path>
|
||||||
|
</svg>
|
||||||
|
</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>
|
||||||
|
<h2>Options:</h2>
|
||||||
|
<div class="diff-url-options-container">
|
||||||
|
<label title="Output format of the HTML, either line by line or side by side">Output Format
|
||||||
|
<select class="options-label-value" 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 title="Show the file list summary before the diff">File Summary
|
||||||
|
<input class="options-label-value" id="diff-url-options-show-files" type="checkbox" name="showFiles" checked/>
|
||||||
|
</label>
|
||||||
|
<label title="Level of matching for the comparison algorithm">Matching Type
|
||||||
|
<select class="options-label-value" 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 title="Similarity threshold for the matching algorithm">Words Threshold
|
||||||
|
<input class="options-label-value" id="diff-url-options-match-words-threshold" type="number"
|
||||||
|
name="matchWordsThreshold" value="0.25" step="0.05"
|
||||||
|
min="0" max="1"/>
|
||||||
|
</label>
|
||||||
|
<label title="Maximum number of comparison performed by the matching algorithm in a block of changes">Max Comparisons
|
||||||
|
<input class="options-label-value" id="diff-url-options-matching-max-comparisons" type="number"
|
||||||
|
name="matchingMaxComparisons" value="2500"
|
||||||
|
step="100" min="0"/>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div class="diff-url-wrapper">
|
||||||
|
<input id="url" class="diff-url-input" type="text" name="url" placeholder="URL"/>
|
||||||
|
<a id="url-btn" class="diff-url-btn btn btn-sm" href="#">Load</a>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div id="url-diff-container" style="margin: 0 auto;">
|
||||||
|
</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 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>
|
||||||
|
<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>
|
||||||
|
<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>
|
||||||
|
<p><a href="https://diffy.org/">diffy.org</a> is an amazing tool created by <a
|
||||||
|
href="https://github.com/pbu88">pbu88</a>
|
||||||
|
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>
|
||||||
|
|
@ -31,7 +31,7 @@
|
||||||
integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
|
integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
|
||||||
|
|
||||||
<!-- Custom styles for this template -->
|
<!-- Custom styles for this template -->
|
||||||
<link href="main.css" rel="stylesheet">
|
<link href="main.min.css" rel="stylesheet">
|
||||||
|
|
||||||
{{#assets}}
|
{{#assets}}
|
||||||
{{{assets}}}
|
{{{assets}}}
|
||||||
|
|
@ -76,7 +76,7 @@
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
<a href="demo.html">Demo</a>
|
<a href="url.html?diff=https://github.com/rtfpessoa/diff2html/pull/106">Demo</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue