Beautifier and language aware code comparison tool for many languages. It also minifies and a few other things.
JavaScript HTML CSS
Permalink
Failed to load latest commit information.
JSLint @ 0a78f8c fixing validation build Feb 6, 2017
ace Adding Liquid Templates and improved template stability Mar 8, 2016
api fixes #269 Mar 27, 2017
bin Adding support for wrapping markup tags and attributes and exposing t… Apr 3, 2015
css fixes #269 Mar 27, 2017
guide making code more ledgible in diff guide Mar 28, 2017
images updated logosand readme. no code updated Mar 18, 2013
lib preparing for launch and fixes #417 Mar 28, 2017
test new diff algorithm is error free and fully operational for #268 but t… Mar 25, 2017
.biddlerc creating additional publication variants Nov 11, 2016
.bithoundrc Update to TWIG support and some updates to the diff reports Feb 23, 2016
.bower.json Fixes #410 Jan 31, 2017
.codeclimate.yml adding codeclimate config Apr 19, 2016
.gitmodules fixing validation build Feb 6, 2017
.prettydiffrc bug fixes Aug 16, 2016
.travis.yml updating travis config to drop older versions of Node and io.js Mar 10, 2017
README.md preparing for launch and fixes #417 Mar 28, 2017
appveyor.yml preparing for biddle publication in production Nov 5, 2016
bower.json Fixes #410 Jan 31, 2017
changelog.md updating changelog.md Mar 28, 2017
documentation.xhtml preparing for launch and fixes #417 Mar 28, 2017
inch.json solving issue #290 and a variety of bugs Apr 21, 2016
index.xhtml fixes #381 Dec 2, 2016
license.txt fixes #269 Mar 27, 2017
overview.xhtml creating a guide describing how to write parsers Aug 5, 2016
package.json preparing for launch and fixes #417 Mar 28, 2017
prettydiff.js preparing for launch and fixes #417 Mar 28, 2017
proxy.php extended cross-domain AJAX support Aug 9, 2011
samples.xhtml creating a guide describing how to write parsers Aug 5, 2016

README.md

Try it online at http://prettydiff.com/.

Pretty Diff logo Pretty Diff

Travis CI Build AppVeyor Build Gitter Twitter Tweets

Summary

Download with biddle

Language aware code comparison tool for several web based languages. It also beautifies, minifies, and a few other things.

Benefits - see overview page for more details

Executing Pretty Diff

Run with Node.js / CommonJS / RequireJS

A Node.js command line utility is provided by api/node-local.js. This file can execute in the following modes:

  • auto - Determine if the resource is text, a file, or a directory and process as such (except that directories are processed with the subdirectory option)
  • screen - code input is on the command line and output is to the command line
  • filescreen - code input is in a file and the output is to the command line
  • file - the input and the output reside in files
  • directory - everything in a directory is processed into a specified output directory except ".", "..", and subdirectories
  • subdirectory - process the entire directory tree

Execute in the context of a NodeJS application

Add this code to your application

var prettydiff = require("prettydiff"),
    args       = {
        source: "asdf",
        diff  : "asdd",
        lang  : "text"
    },
    output     = prettydiff(args);

Execute from the command line

Run in windows

node api/node-local.js source:"c:\myDirectory" readmethod:"subdirectory" diff:"c:\myOtherDirectory"

Run in Linux and OSX

node api/node-local.js source:"myDirectory" mode:"beautify" readmethod:"subdirectory" output:"path/to/outputDirectory"

To see a man page provide no arguments or these: help, man, manual

node api/node-local.js h
node api/node-local.js help
node api/node-local.js man
node api/node-local.js manual

To see only the version number supply only v or version as an argument:

node api/node-local.js v
node api/node-local.js version

To see a list of current settings on the console supply list as an argument:

node api/node-local.js l
node api/node-local.js list

Set configurations with a .prettydiffrc file.

Pretty Diff will first look for a .prettydiffrc file from the current directory in the command prompt. If the .prettydiffrc is not present in the current directory it will then look for it in the application's directory.

The .prettydiffrc first checks for JSON format. This allows a simple means of defining options in a file. It also allows a JavaScript application format so that options can be set conditionally.

Run in a web browser with api/dom.js

Please feel free to use index.xhtml file to supplement dom.js. Otherwise, dom.js requires supplemental assistance to map DOM nodes from an HTML source. dom.js is fault tolerant so nodes mapped to the supplied index.xhtml don't need to be supported from custom HTML.

To run Pretty Diff using dom.js include the following two script tags and bind the global.prettydiff.pd.recycle() function to the executing event. Please refer to index.xhtml for an HTML example and documentation.xhtml for option and execution information.

<script src="lib/global.js" type="application/javascript"></script>
<script src="lib/language.js" type="application/javascript"></script>
<script src="lib/options.js" type="application/javascript"></script>
<script src="lib/finalFile.js" type="application/javascript"></script>
<script src="lib/safeSort.js" type="application/javascript"></script>
<script src="ace/ace.js" type="application/javascript"></script> **(optional)**
<script src="api/dom.js" type="application/javascript"></script>
<script src="lib/csspretty.js" type="application/javascript"></script>
<script src="lib/csvpretty.js" type="application/javascript"></script>
<script src="lib/diffview.js" type="application/javascript"></script>
<script src="lib/jspretty.js" type="application/javascript"></script>
<script src="lib/markuppretty.js" type="application/javascript"></script>
<script src="prettydiff.js" type="application/javascript"></script>

Execute with vanilla JS

var global = {},
    args   = {
        source: "asdf",
        diff  : "asdd",
        lang  : "text"
    },
    output = prettydiff(args);

Run Pretty Diff in Atom code editor with the atom-beautify package.

Run the unit tests

cd prettydiff
node test/lint.js

License:

This project is mostly written by and managed by Austin Cheney and licensed under CC0 as of version 2.1.17. Please see license.txt for license langauge.

Acknowledgements

  • JS Pretty QA
  • JS Pretty widget
  • diffview.js QA