{"id":13588804,"url":"https://github.com/rtfpessoa/diff2html","last_synced_at":"2025-05-13T18:04:42.419Z","repository":{"id":20211854,"uuid":"23483401","full_name":"rtfpessoa/diff2html","owner":"rtfpessoa","description":"Pretty diff to html javascript library (diff2html)","archived":false,"fork":false,"pushed_at":"2025-04-29T02:08:04.000Z","size":4913,"stargazers_count":3098,"open_issues_count":20,"forks_count":282,"subscribers_count":37,"default_branch":"master","last_synced_at":"2025-05-06T17:13:40.794Z","etag":null,"topics":["colorized","diff","diff2html","git","hacktoberfest","html","javascript","parser","pretty","syntax-highlighting","typescript","unified-diffs"],"latest_commit_sha":null,"homepage":"https://diff2html.xyz","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rtfpessoa.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2014-08-30T02:51:49.000Z","updated_at":"2025-05-06T08:13:57.000Z","dependencies_parsed_at":"2023-02-12T06:31:37.399Z","dependency_job_id":"4a8f737e-6775-4591-9a15-6af7a01fcead","html_url":"https://github.com/rtfpessoa/diff2html","commit_stats":{"total_commits":547,"total_committers":53,"mean_commits":"10.320754716981131","dds":0.2925045703839122,"last_synced_commit":"b517e40e5c7752cf028fe22bea6e53e7f53a7a47"},"previous_names":[],"tags_count":181,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rtfpessoa%2Fdiff2html","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rtfpessoa%2Fdiff2html/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rtfpessoa%2Fdiff2html/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rtfpessoa%2Fdiff2html/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rtfpessoa","download_url":"https://codeload.github.com/rtfpessoa/diff2html/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254000824,"owners_count":21997441,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["colorized","diff","diff2html","git","hacktoberfest","html","javascript","parser","pretty","syntax-highlighting","typescript","unified-diffs"],"created_at":"2024-08-01T15:06:56.779Z","updated_at":"2025-05-13T18:04:42.389Z","avatar_url":"https://github.com/rtfpessoa.png","language":"TypeScript","readme":"# diff2html\n\n[![npm](https://img.shields.io/npm/v/diff2html)](https://www.npmjs.com/package/diff2html)\n[![node](https://img.shields.io/node/v/diff2html)](https://www.npmjs.com/package/diff2html)\n[![npm](https://img.shields.io/npm/l/diff2html)](https://www.npmjs.com/package/diff2html)\n[![GitHub Actions](https://github.com/rtfpessoa/diff2html/actions/workflows/release.yml/badge.svg)](https://github.com/rtfpessoa/diff2html/actions/workflows/release.yml)\n\n[![npm weekly downloads](https://img.shields.io/npm/dw/diff2html)](https://www.npmjs.com/package/diff2html)\n[![npm monthly downloads](https://img.shields.io/npm/dm/diff2html)](https://www.npmjs.com/package/diff2html)\n[![npm yearly downloads](https://img.shields.io/npm/dy/diff2html)](https://www.npmjs.com/package/diff2html)\n[![npm downloads](https://img.shields.io/npm/dt/diff2html)](https://www.npmjs.com/package/diff2html)\n\n[![jsdelivr CDN Downloads](https://data.jsdelivr.com/v1/package/npm/diff2html/badge)](https://www.jsdelivr.com/package/npm/diff2html)\n[![All Contributors](https://img.shields.io/badge/all_contributors-22-orange)](#contributors)\n\ndiff2html generates pretty HTML diffs from git diff or unified diff output.\n\n## Table of Contents\n\n\u003c!-- toc --\u003e\n\n- [Features](#features)\n- [Online Example](#online-example)\n- [Distributions](#distributions)\n- [Usage](#usage)\n- [Diff Text Input](#diff-text-input)\n- [Diff2HtmlUI Usage](#diff2htmlui-usage)\n  - [Diff2HtmlUI API](#diff2htmlui-api)\n  - [Diff2HtmlUI Configuration](#diff2htmlui-configuration)\n  - [Diff2HtmlUI Browser](#diff2htmlui-browser)\n  - [Diff2HtmlUI Examples](#diff2htmlui-examples)\n- [Diff2Html Usage](#diff2html-usage)\n  - [Diff2Html API](#diff2html-api)\n  - [Diff2Html Configuration](#diff2html-configuration)\n  - [Diff2Html Browser](#diff2html-browser)\n  - [Diff2Html NPM / Node.js Library](#diff2html-npm--nodejs-library)\n  - [Diff2Html Examples](#diff2html-examples)\n- [Troubleshooting](#troubleshooting)\n  - [1. Out of memory or Slow execution](#1-out-of-memory-or-slow-execution)\n- [Contribute](#contribute)\n- [Contributors](#contributors)\n- [License](#license)\n- [Thanks](#thanks)\n\n\u003c!-- tocstop --\u003e\n\n## Features\n\n- Supports git and unified diffs\n\n- Line by line and Side by side diff\n\n- New and old line numbers\n\n- Inserted and removed lines\n\n- GitHub like visual style\n\n- Code syntax highlight\n\n- Line similarity matching\n\n- Easy code selection\n\n## Online Example\n\n\u003e Go to [diff2html](https://diff2html.xyz/demo.html)\n\n## Distributions\n\n- [jsdelivr CDN](https://www.jsdelivr.com/package/npm/diff2html)\n- [WebJar](http://www.webjars.org/)\n- [Node Library](https://www.npmjs.org/package/diff2html)\n- [NPM CLI](https://www.npmjs.org/package/diff2html-cli)\n- Manually use from jsdelivr or build the project:\n  - Browser / Bundle\n    - Parser and HTML Generator\n      - [bundles/js/diff2html.min.js](https://cdn.jsdelivr.net/npm/diff2html/bundles/js/diff2html.min.js) - includes the\n        diff parser and html generator\n    - Wrapper and helper adding syntax highlight, synchronized scroll, and other nice features\n      - [bundles/js/diff2html-ui.min.js](https://cdn.jsdelivr.net/npm/diff2html/bundles/js/diff2html-ui.min.js) -\n        includes the wrapper of diff2html with highlight for all `highlight.js` supported languages\n      - [bundles/js/diff2html-ui-slim.min.js](https://cdn.jsdelivr.net/npm/diff2html/bundles/js/diff2html-ui-slim.min.js) -\n        includes the wrapper of diff2html with \"the most common\" `highlight.js` supported languages\n      - [bundles/js/diff2html-ui-base.min.js](https://cdn.jsdelivr.net/npm/diff2html/bundles/js/diff2html-ui-base.min.js) -\n        includes the wrapper of diff2html without including a `highlight.js` implementation. You can use it without\n        syntax highlight or by passing your own implementation with the languages you prefer\n  - NPM / Node.js library\n    - ES5\n      - [lib/diff2html.js](https://cdn.jsdelivr.net/npm/diff2html/lib/diff2html.js) - includes the diff parser and html\n        generator\n      - [lib/ui/js/diff2html-ui.js](https://cdn.jsdelivr.net/npm/diff2html/lib/ui/js/diff2html-ui.js) - includes the\n        wrapper of diff2html with highlight for all `highlight.js` supported languages\n      - [lib/ui/js/diff2html-ui-slim.js](https://cdn.jsdelivr.net/npm/diff2html/lib/ui/js/diff2html-ui-slim.js) -\n        includes the wrapper of diff2html with \"the most common\" `highlight.js` supported languages\n      - [lib/ui/js/diff2html-ui-base.js](https://cdn.jsdelivr.net/npm/diff2html/lib/ui/js/diff2html-ui-base.js)\n    - ES6\n      - [lib-esm/diff2html.js](https://cdn.jsdelivr.net/npm/diff2html/lib-esm/diff2html.js) - includes the diff parser\n        and html generator\n      - [lib/ui/js/diff2html-ui.js](https://cdn.jsdelivr.net/npm/diff2html/lib/ui/js/diff2html-ui.js) - includes the\n        wrapper of diff2html with highlight for all `highlight.js` supported languages\n      - [lib/ui/js/diff2html-ui-slim.js](https://cdn.jsdelivr.net/npm/diff2html/lib/ui/js/diff2html-ui-slim.js) -\n        includes the wrapper of diff2html with \"the most common\" `highlight.js` supported languages\n      - [lib/ui/js/diff2html-ui-base.js](https://cdn.jsdelivr.net/npm/diff2html/lib/ui/js/diff2html-ui-base.js) -\n        includes the wrapper of diff2html without including a `highlight.js` implementation. You can use it without\n        syntax highlight or by passing your own implementation with the languages you prefer\n\n## Usage\n\nDiff2Html can be used in various ways as listed in the [distributions](#distributions) section. The two main ways are:\n\n- [Diff2HtmlUI](#diff2htmlui-usage): using this wrapper makes it easy to inject the html in the DOM and adds some nice\n  features to the diff, like syntax highlight.\n- [Diff2Html](#diff2html-usage): using the parser and html generator directly from the library gives you complete\n  control about what you can do with the json or html generated.\n\nBelow you can find more details and examples about each option.\n\n## Diff Text Input\n\ndiff2html accepts the text contents of a\n[unified diff](https://www.gnu.org/software/diffutils/manual/html_node/Unified-Format.html) or the superset format git\ndiff (https://git-scm.com/docs/git-diff) (not combined or word diff). To provide multiples files as input just\nconcatenate the diffs (just like the output of git diff).\n\n## Diff2HtmlUI Usage\n\n\u003e Simple wrapper to ease simple tasks in the browser such as: code highlight and js effects\n\n- Invoke Diff2html\n- Inject output in DOM element\n- Enable collapsible file summary list\n- Enable syntax highlight of the code in the diffs\n\n### Diff2HtmlUI API\n\n\u003e Create a Diff2HtmlUI instance\n\n```ts\nconstructor(target: HTMLElement, diffInput?: string | DiffFile[]) // diff2html-ui, diff2html-ui-slim\nconstructor(target: HTMLElement, diffInput?: string | DiffFile[], config: Diff2HtmlUIConfig = {}, hljs?: HighlightJS) // diff2html-ui-base\n```\n\n\u003e Generate and inject in the document the Pretty HTML representation of the diff\n\n```ts\ndraw(): void\n```\n\n\u003e Enable extra features\n\n```ts\nsynchronisedScroll(): void\nfileListToggle(startVisible: boolean): void\nhighlightCode(): void\nstickyFileHeaders(): void\n```\n\n### Diff2HtmlUI Configuration\n\n- `synchronisedScroll`: scroll both panes in side-by-side mode: `true` or `false`, default is `true`\n- `highlight`: syntax highlight the code on the diff: `true` or `false`, default is `true`\n- `fileListToggle`: allow the file summary list to be toggled: `true` or `false`, default is `true`\n- `fileListStartVisible`: choose if the file summary list starts visible: `true` or `false`, default is `false`\n- `fileContentToggle`: allow each file contents to be toggled: `true` or `false`, default is `true`\n- `stickyFileHeaders`: make file headers sticky: `true` or `false`, default is `true`\n- [All the options](#diff2html-configuration) from Diff2Html are also valid configurations in Diff2HtmlUI\n\n### Diff2HtmlUI Browser\n\n#### Mandatory HTML resource imports\n\n```html\n\u003c!-- CSS --\u003e\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn.jsdelivr.net/npm/diff2html/bundles/css/diff2html.min.css\" /\u003e\n\n\u003c!-- Javascripts --\u003e\n\u003cscript type=\"text/javascript\" src=\"https://cdn.jsdelivr.net/npm/diff2html/bundles/js/diff2html-ui.min.js\"\u003e\u003c/script\u003e\n```\n\n#### Init\n\n```js\nconst targetElement = document.getElementById('destination-elem-id');\nconst configuration = { drawFileList: true, matching: 'lines' };\n\nconst diff2htmlUi = new Diff2HtmlUI(targetElement, diffString, configuration);\n// or\nconst diff2htmlUi = new Diff2HtmlUI(targetElement, diffJson, configuration);\n```\n\n#### Draw\n\n```js\ndiff2htmlUi.draw();\n```\n\n#### Syntax Highlight\n\n**NOTE:** The highlight.js css should come before the diff2html css\n\n```html\n\u003c!-- Stylesheet --\u003e\n\u003clink rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css\" /\u003e\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn.jsdelivr.net/npm/diff2html/bundles/css/diff2html.min.css\" /\u003e\n\n\u003c!-- Javascripts --\u003e\n\u003cscript type=\"text/javascript\" src=\"https://cdn.jsdelivr.net/npm/diff2html/bundles/js/diff2html-ui.min.js\"\u003e\u003c/script\u003e\n```\n\n\u003e Pass the option `highlight` with value true or invoke `diff2htmlUi.highlightCode()` after `diff2htmlUi.draw()`.\n\n```js\ndocument.addEventListener('DOMContentLoaded', () =\u003e {\n  const diffString = `diff --git a/sample.js b/sample.js\n  index 0000001..0ddf2ba\n  --- a/sample.js\n  +++ b/sample.js\n  @@ -1 +1 @@\n  -console.log(\"Hello World!\")\n  +console.log(\"Hello from Diff2Html!\")`;\n  const targetElement = document.getElementById('myDiffElement');\n  const configuration = { drawFileList: true, matching: 'lines', highlight: true };\n  const diff2htmlUi = new Diff2HtmlUI(targetElement, diffString, configuration);\n  diff2htmlUi.draw();\n  diff2htmlUi.highlightCode();\n});\n```\n\nWhen using the `auto` color scheme, you will need to specify both the light and dark themes for highlight.js to use.\n\n```html\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css\"\n  media=\"screen and (prefers-color-scheme: light)\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github-dark.min.css\"\n  media=\"screen and (prefers-color-scheme: dark)\"\n/\u003e\n```\n\n#### Collapsable File Summary List\n\n\u003e Add the dependencies.\n\n```html\n\u003c!-- Javascripts --\u003e\n\u003cscript type=\"text/javascript\" src=\"https://cdn.jsdelivr.net/npm/diff2html/bundles/js/diff2html-ui.min.js\"\u003e\u003c/script\u003e\n```\n\n\u003e Invoke the Diff2HtmlUI helper Pass the option `fileListToggle` with value true or invoke\n\u003e `diff2htmlUi.fileListToggle()` after `diff2htmlUi.draw()`.\n\n```js\ndocument.addEventListener('DOMContentLoaded', () =\u003e {\n  const targetElement = document.getElementById('myDiffElement');\n  var diff2htmlUi = new Diff2HtmlUI(targetElement, lineDiffExample, { drawFileList: true, matching: 'lines' });\n  diff2htmlUi.draw();\n  diff2htmlUi.fileListToggle(false);\n});\n```\n\n### Diff2HtmlUI Examples\n\n#### Example with plain HTML+CSS+JS\n\n```html\n\u003c!doctype html\u003e\n\u003chtml lang=\"en-us\"\u003e\n  \u003chead\u003e\n    \u003cmeta charset=\"utf-8\" /\u003e\n    \u003c!-- Make sure to load the highlight.js CSS file before the Diff2Html CSS file --\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.1/styles/github.min.css\" /\u003e\n    \u003clink\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.jsdelivr.net/npm/diff2html/bundles/css/diff2html.min.css\"\n    /\u003e\n    \u003cscript type=\"text/javascript\" src=\"https://cdn.jsdelivr.net/npm/diff2html/bundles/js/diff2html-ui.min.js\"\u003e\u003c/script\u003e\n  \u003c/head\u003e\n  \u003cscript\u003e\n    const diffString = `diff --git a/sample.js b/sample.js\nindex 0000001..0ddf2ba\n--- a/sample.js\n+++ b/sample.js\n@@ -1 +1 @@\n-console.log(\"Hello World!\")\n+console.log(\"Hello from Diff2Html!\")`;\n\n    document.addEventListener('DOMContentLoaded', function () {\n      var targetElement = document.getElementById('myDiffElement');\n      var configuration = {\n        drawFileList: true,\n        fileListToggle: false,\n        fileListStartVisible: false,\n        fileContentToggle: false,\n        matching: 'lines',\n        outputFormat: 'side-by-side',\n        synchronisedScroll: true,\n        highlight: true,\n        renderNothingWhenEmpty: false,\n      };\n      var diff2htmlUi = new Diff2HtmlUI(targetElement, diffString, configuration);\n      diff2htmlUi.draw();\n      diff2htmlUi.highlightCode();\n    });\n  \u003c/script\u003e\n  \u003cbody\u003e\n    \u003cdiv id=\"myDiffElement\"\u003e\u003c/div\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\n#### StimulusJS with TypeScript\n\n```ts\nimport { Controller } from '@hotwired/stimulus';\n\nimport { Diff2HtmlUI, Diff2HtmlUIConfig } from 'diff2html/lib/ui/js/diff2html-ui-slim.js';\n\n// Requires `npm install highlight.js`\nimport 'highlight.js/styles/github.css';\nimport 'diff2html/bundles/css/diff2html.min.css';\n\nexport default class extends Controller {\n  connect(): void {\n    const diff2htmlUi = new Diff2HtmlUI(this.diffElement, this.unifiedDiff, this.diffConfiguration);\n\n    diff2htmlUi.draw();\n  }\n\n  get unifiedDiff(): string {\n    return this.data.get('unifiedDiff') || '';\n  }\n\n  get diffElement(): HTMLElement {\n    return this.element as HTMLElement;\n  }\n\n  get diffConfiguration(): Diff2HtmlUIConfig {\n    return {\n      drawFileList: true,\n      matching: 'lines',\n    };\n  }\n}\n```\n\n## Diff2Html Usage\n\n### Diff2Html API\n\n\u003e JSON representation of the diff\n\n```ts\nfunction parse(diffInput: string, configuration: Diff2HtmlConfig = {}): DiffFile[];\n```\n\n\u003e Pretty HTML representation of the diff\n\n```ts\nfunction html(diffInput: string | DiffFile[], configuration: Diff2HtmlConfig = {}): string;\n```\n\n### Diff2Html Configuration\n\nThe HTML output accepts a Javascript object with configuration. Possible options:\n\n- `outputFormat`: the format of the output data: `'line-by-line'` or `'side-by-side'`, default is `'line-by-line'`\n- `drawFileList`: show a file list before the diff: `true` or `false`, default is `true`\n- `srcPrefix`: add a prefix to all source (before changes) filepaths, default is `''`. Should match the prefix used when\n  [generating the diff](https://git-scm.com/docs/git-diff#Documentation/git-diff.txt---src-prefixltprefixgt).\n- `dstPrefix`: add a prefix to all destination (after changes) filepaths, default is `''`. Should match the prefix used\n  when [generating the diff](https://git-scm.com/docs/git-diff#Documentation/git-diff.txt---dst-prefixltprefixgt)\n- `diffMaxChanges`: number of changed lines after which a file diff is deemed as too big and not displayed, default is\n  `undefined`\n- `diffMaxLineLength`: number of characters in a diff line after which a file diff is deemed as too big and not\n  displayed, default is `undefined`\n- `diffTooBigMessage`: function allowing to customize the message in case of file diff too big (if `diffMaxChanges` or\n  `diffMaxLineLength` is set). Will be given a file index as a number and should return a string.\n- `matching`: matching level: `'lines'` for matching lines, `'words'` for matching lines and words or `'none'`, default\n  is `none`\n- `matchWordsThreshold`: similarity threshold for word matching, default is `0.25`\n- `maxLineLengthHighlight`: only perform diff changes highlight if lines are smaller than this, default is `10000`\n- `diffStyle`: show differences level in each line: `'word'` or `'char'`, default is `'word'`\n- `renderNothingWhenEmpty`: render nothing if the diff shows no change in its comparison: `true` or `false`, default is\n  `false`\n- `matchingMaxComparisons`: perform at most this much comparisons for line matching a block of changes, default is\n  `2500`\n- `maxLineSizeInBlockForComparison`: maximum number of characters of the bigger line in a block to apply comparison,\n  default is `200`\n- `compiledTemplates`: object ([Hogan.js](https://github.com/twitter/hogan.js/) template values) with previously\n  compiled templates to replace parts of the html, default is `{}`. For example:\n  `{ \"tag-file-changed\": Hogan.compile(\"\u003cspan class=\"d2h-tag d2h-changed d2h-changed-tag\"\u003eMODIFIED\u003c/span\u003e\") }`\n- `rawTemplates`: object (string values) with raw not compiled templates to replace parts of the html, default is `{}`.\n  For example: `{ \"tag-file-changed\": \"\u003cspan class=\"d2h-tag d2h-changed d2h-changed-tag\"\u003eMODIFIED\u003c/span\u003e\" }`\n  \u003e For more information regarding the possible templates look into\n  \u003e [src/templates](https://github.com/rtfpessoa/diff2html/tree/master/src/templates)\n- `highlightLanguages`: Map of extension to language name, used for highlighting. This overrides the default language\n  detection based on file extensions.\n- `colorScheme`: color scheme to use for the diff, default is `light`. Possible values are `light`, `dark`, and `auto`\n  which will use the browser's preferred color scheme.\n\n### Diff2Html Browser\n\nImport the stylesheet and the library code.\n\nTo load correctly in the Browser you need to include the stylesheet in the final HTML.\n\n```html\n\u003c!-- CSS --\u003e\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn.jsdelivr.net/npm/diff2html/bundles/css/diff2html.min.css\" /\u003e\n\n\u003c!-- Javascripts --\u003e\n\u003cscript type=\"text/javascript\" src=\"https://cdn.jsdelivr.net/npm/diff2html/bundles/js/diff2html.min.js\"\u003e\u003c/script\u003e\n```\n\nIt will now be available as a global variable named `Diff2Html`.\n\n```js\ndocument.addEventListener('DOMContentLoaded', () =\u003e {\n  var diffHtml = Diff2Html.html('\u003cUnified Diff String\u003e', {\n    drawFileList: true,\n    matching: 'lines',\n    outputFormat: 'side-by-side',\n  });\n  document.getElementById('destination-elem-id').innerHTML = diffHtml;\n});\n```\n\n### Diff2Html NPM / Node.js Library\n\n```js\nconst Diff2html = require('diff2html');\nconst diffJson = Diff2html.parse('\u003cUnified Diff String\u003e');\nconst diffHtml = Diff2html.html(diffJson, { drawFileList: true });\nconsole.log(diffHtml);\n```\n\n### Diff2Html Examples\n\n#### Example with Angular\n\n- Typescript\n\n```typescript\nimport * as Diff2Html from 'diff2html';\nimport { Component, OnInit } from '@angular/core';\n\nexport class AppDiffComponent implements OnInit {\n  outputHtml: string;\n  constructor() {\n    this.init();\n  }\n\n  ngOnInit() {}\n\n  init() {\n    let strInput =\n      '--- a/server/vendor/golang.org/x/sys/unix/zsyscall_linux_mipsle.go\\n+++ b/server/vendor/golang.org/x/sys/unix/zsyscall_linux_mipsle.go\\n@@ -1035,6 +1035,17 @@ func Prctl(option int, arg2 uintptr, arg3 uintptr, arg4 uintptr, arg5 uintptr) (\\n \\n // THIS FILE IS GENERATED BY THE COMMAND AT THE TOP; DO NOT EDIT\\n \\n+func Pselect(nfd int, r *FdSet, w *FdSet, e *FdSet, timeout *Timespec, sigmask *Sigset_t) (n int, err error) {\\n+\\tr0, _, e1 := Syscall6(SYS_PSELECT6, uintptr(nfd), uintptr(unsafe.Pointer(r)), uintptr(unsafe.Pointer(w)), uintptr(unsafe.Pointer(e)), uintptr(unsafe.Pointer(timeout)), uintptr(unsafe.Pointer(sigmask)))\\n+\\tn = int(r0)\\n+\\tif e1 != 0 {\\n+\\t\\terr = errnoErr(e1)\\n+\\t}\\n+\\treturn\\n+}\\n+\\n+// THIS FILE IS GENERATED BY THE COMMAND AT THE TOP; DO NOT EDIT\\n+\\n func read(fd int, p []byte) (n int, err error) {\\n \\tvar _p0 unsafe.Pointer\\n \\tif len(p) \u003e 0 {\\n';\n    let outputHtml = Diff2Html.html(strInput, { drawFileList: true, matching: 'lines' });\n    this.outputHtml = outputHtml;\n  }\n}\n```\n\n- HTML\n\n```html\n\u003c!doctype html\u003e\n\u003chtml\u003e\n  \u003chead\u003e\n    \u003ctitle\u003ediff2html\u003c/title\u003e\n  \u003c/head\u003e\n  \u003cbody\u003e\n    \u003cdiv [innerHtml]=\"outputHtml\"\u003e\u003c/div\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\n- `.angular-cli.json` - Add styles\n\n```json\n\"styles\": [\n  \"diff2html.min.css\"\n]\n```\n\n#### Example with Vue.js\n\n```vue\n\u003ctemplate\u003e\n  \u003cdiv v-html=\"prettyHtml\" /\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\nimport * as Diff2Html from 'diff2html';\nimport 'diff2html/bundles/css/diff2html.min.css';\n\nexport default {\n  data() {\n    return {\n      diffs:\n        '--- a/server/vendor/golang.org/x/sys/unix/zsyscall_linux_mipsle.go\\n+++ b/server/vendor/golang.org/x/sys/unix/zsyscall_linux_mipsle.go\\n@@ -1035,6 +1035,17 @@ func Prctl(option int, arg2 uintptr, arg3 uintptr, arg4 uintptr, arg5 uintptr) (\\n \\n // THIS FILE IS GENERATED BY THE COMMAND AT THE TOP; DO NOT EDIT\\n \\n+func Pselect(nfd int, r *FdSet, w *FdSet, e *FdSet, timeout *Timespec, sigmask *Sigset_t) (n int, err error) {\\n+\\tr0, _, e1 := Syscall6(SYS_PSELECT6, uintptr(nfd), uintptr(unsafe.Pointer(r)), uintptr(unsafe.Pointer(w)), uintptr(unsafe.Pointer(e)), uintptr(unsafe.Pointer(timeout)), uintptr(unsafe.Pointer(sigmask)))\\n+\\tn = int(r0)\\n+\\tif e1 != 0 {\\n+\\t\\terr = errnoErr(e1)\\n+\\t}\\n+\\treturn\\n+}\\n+\\n+// THIS FILE IS GENERATED BY THE COMMAND AT THE TOP; DO NOT EDIT\\n+\\n func read(fd int, p []byte) (n int, err error) {\\n \\tvar _p0 unsafe.Pointer\\n \\tif len(p) \u003e 0 {\\n',\n    };\n  },\n  computed: {\n    prettyHtml() {\n      return Diff2Html.html(this.diffs, {\n        drawFileList: true,\n        matching: 'lines',\n        outputFormat: 'side-by-side',\n      });\n    },\n  },\n};\n\u003c/script\u003e\n```\n\n## Troubleshooting\n\n### 1. Out of memory or Slow execution\n\n#### Causes:\n\n- Big files\n- Big lines\n\n#### Fix:\n\n- Disable the line matching algorithm, by setting the option `{\"matching\": \"none\"}` when invoking diff2html\n\n## Contribute\n\nThis is a developer friendly project, all the contributions are welcome. To contribute just send a pull request with\nyour changes following the guidelines described in `CONTRIBUTING.md`. I will try to review them as soon as possible.\n\n## Contributors\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://rtfpessoa.xyz\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/902384?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eRodrigo Fernandes\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=rtfpessoa\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/stockmind\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/5653847?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003estockmind\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=stockmind\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/lantian\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/535545?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eIvan Vorontsov\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=lantian\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://www.nick-brewer.com\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/129300?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eNick Brewer\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=brewern\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://heyitsmattwade.com\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/8504000?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eMatt Wade\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/issues?q=author%3Aromellem\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=romellem\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://mrfyda.github.io\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/593860?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eRafael Cortês\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=mrfyda\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/nmatpt\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/5034733?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eNuno Teixeira\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=nmatpt\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://saino.me/\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/1567423?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eKoki Oyatsu\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/issues?q=author%3Akaishuu0123\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=kaishuu0123\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://www.jamesmonger.com\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/2037007?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJames Monger\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=Jameskmonger\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://wesssel.github.io/\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/7767299?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eWessel van der Pal\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#security-wesssel\" title=\"Security\"\u003e🛡️\u003c/a\u003e \u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=wesssel\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://jung-kim.github.io\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/5281068?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003ejk-kim\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=jung-kim\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/sss0791\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/1446970?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSergey Semenov\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/issues?q=author%3Asss0791\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=sss0791\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://researcher.watson.ibm.com/researcher/view.php?person=us-nickm\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/4741620?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eNick Mitchell\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/issues?q=author%3Astarpit\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=starpit\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/samiraguiar\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/13439135?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSamir Aguiar\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=samiraguiar\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://twitter.com/pubkeypubkey\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/8926560?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003epubkey\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=pubkey\" title=\"Documentation\"\u003e📖\u003c/a\u003e \u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=pubkey\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/iliyaZelenko\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/13103045?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eИлья\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=iliyaZelenko\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://akr.am\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/1823771?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eMohamed Akram\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/issues?q=author%3Amohd-akram\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=mohd-akram\" title=\"Documentation\"\u003e📖\u003c/a\u003e \u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=mohd-akram\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/emarcotte\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/249390?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eEugene Marcotte\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=emarcotte\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://twitter.com/dimasabanin\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/8316?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eDima Sabanin\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#maintenance-dsabanin\" title=\"Maintenance\"\u003e🚧\u003c/a\u003e \u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=dsabanin\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/benabbottnz\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/2616473?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eBen Abbott\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=benabbottnz\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://webminer.js.org\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/2196373?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003e弘树@阿里\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/issues?q=author%3Adickeylth\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=dickeylth\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Rantanen\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/385385?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eMikko Rantanen\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/issues?q=author%3ARantanen\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/extend1994\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/13430892?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAnn\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=extend1994\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/escitalopram\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/1155220?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eescitalopram\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=escitalopram\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/apps/dependabot\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/in/29110?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003edependabot[bot]\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#security-dependabot[bot]\" title=\"Security\"\u003e🛡️\u003c/a\u003e \u003ca href=\"#maintenance-dependabot[bot]\" title=\"Maintenance\"\u003e🚧\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://www.joshuakgoldberg.com\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/3335181?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJosh Goldberg\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=JoshuaKGoldberg\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/apeckham\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/14110?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAaron\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=apeckham\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/pgrimaud\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/1866496?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003ePierre Grimaud\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=pgrimaud\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://domdomegg.github.io/\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/4953590?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAdam Jones\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=domdomegg\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/charguer\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/1830652?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eArthur Charguéraud\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=charguer\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://twitter.com/pierrci\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/5020707?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003ePierric Cistac\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=Pierrci\" title=\"Documentation\"\u003e📖\u003c/a\u003e \u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=Pierrci\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/xlith\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/510560?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eCivan Yavuzşen\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=xlith\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/timgates42\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/47873678?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eTim Gates\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=timgates42\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/campersau\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/4009570?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003ecampersau\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=campersau\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/apps/dependabot-preview\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/in/2141?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003edependabot-preview[bot]\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/rtfpessoa/diff2html/commits?author=dependabot-preview[bot]\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-restore --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification.\nContributions of any kind welcome!\n\n## License\n\nCopyright 2014-present Rodrigo Fernandes. Released under the terms of the MIT license.\n\n## Thanks\n\nThis project is inspired in [pretty-diff](https://github.com/scottgonzalez/pretty-diff) by\n[Scott González](https://github.com/scottgonzalez).\n\n---\n","funding_links":[],"categories":["Files","TypeScript","Library","Files [🔝](#readme)","文件"],"sub_categories":["Runner","运行器","运行器e2e测试"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frtfpessoa%2Fdiff2html","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frtfpessoa%2Fdiff2html","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frtfpessoa%2Fdiff2html/lists"}