TypeScript Diff

Open-source TypeScript projects categorized as Diff

Top 14 TypeScript Diff Projects

  • patch-package

    Fix broken node modules instantly 🏃🏽‍♀️💨

    Project mention: Finding Stars and Affirmations in the Sky with Three.js for Ayra Starr | dev.to | 2024-04-01

    In order to allow users to use their device as a controller to adjust the position of the camera and find stars, I use the depreciated DeviceOrientationControls by patching it back into Three. In order for DeviceOrientationControls to function, we need access the user to grant access to their device's orientation. I attempt to gain access to this, alongside their camera, during a previous step of the UX using a custom composable I wrote for this purpose. You can see that permission step in the mockup video above. Once this permission is granted, we can initialize our DeviceOrienationControls with a single line.

  • jsondiffpatch

    Diff & patch JavaScript objects

    Project mention: Exploring the Canvas Series: The Art of Time Reversal in the Canvas | dev.to | 2024-01-10

    For the diff operation, I recommend using jsondiffpatch

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • diff2html

    Pretty diff to html javascript library (diff2html)

    Project mention: Unified versus Split Diff | news.ycombinator.com | 2023-10-24
  • nbdime

    Tools for diffing and merging of Jupyter notebooks.

    Project mention: Stuff I Learned during Hanukkah of Data 2023 | dev.to | 2023-12-18

    I remember hearing about nbdime and thinking it sounded useful, but I've never really needed it since I rarely use Jupyter in the first place. But then I made some changes to my Hanukkah of Data 2023 notebook to work with the follow-up "speed run" challenge (a new dataset and slightly tweaked clues), and the native Git diff was too noisy to be useful. nbdime came to the rescue! Here are the changes I had to make for days 2 and 3 during the speed run:

  • react-diff-viewer

    A simple and beautiful text diff viewer component made with Diff and React.

  • diff2html-cli

    Pretty diff to html javascript cli (diff2html-cli)

    Project mention: Unified versus Split Diff | news.ycombinator.com | 2023-10-24
  • superdiff

    Superdiff compares two arrays or objects and returns a full diff of their differences in a readable format.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  • expressive-code

    A text marking & annotation engine for presenting source code on the web.

    Project mention: Starlight vs. Docusaurus for building documentation | dev.to | 2024-02-13

    Both frameworks also support code blocks with syntax highlighting. Docusaurus uses prism-react-renderer for theming, while Starlight uses an Astro package called expressive-code to control customizations.

  • diff-dom-streaming

    HTML Streaming Over the Wire! 🥳 Diff DOM algorithm with streaming to make only the necessary modifications, insertions and deletions between a DOM node and an HTML stream reader.

    Project mention: HTML Streaming Over the Wire 🥳: A Deep Dive | dev.to | 2024-04-08

    In our previous article in the series, we introduced the Diff DOM Algorithm briefly without delving into its technical intricacies. In this installment, we present the diff-dom-streaming library, an open-source solution designed to facilitate HTML Streaming Over the Wire using the Diff DOM Algorithm. This library is intended not only for use within other frameworks and libraries but also as a standalone solution.

  • squint

    Makes visual reviews of web app releases easy. (by kimmobrunfeldt)

  • parse-git-diff

    parse git diff

    Project mention: How to Effortlessly Improve a Legacy Codebase Using Robots | /r/RedditEng | 2023-05-01

    Uses a library called parse-git-diff to construct a dictionary of changed files (and changed lines within each file for each file entry)

  • changes-counter

    A VS Code extension that helps developers control the size of their pull requests

    Project mention: The VS Code Extension That Helps You Control Your Pull Requests Size | dev.to | 2023-11-01

    And you can see the code here.

  • vscode-quick-diff

    VSCode extension for quick keyboard-friendly access to the list of edited files in the repository.

  • dytracker

    Dytracker is simple library ment to enable diff of objects using a provided blueprint

    Project mention: A concept library that track object changes | /r/javascript | 2023-12-06
  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2024-04-08.

TypeScript Diff related posts


What are some of the best open-source Diff projects in TypeScript? This list will help you:

Project Stars
1 patch-package 9,910
2 jsondiffpatch 4,644
3 diff2html 2,682
4 nbdime 2,593
5 react-diff-viewer 1,342
6 diff2html-cli 492
7 superdiff 433
8 expressive-code 397
9 diff-dom-streaming 41
10 squint 27
11 parse-git-diff 26
12 changes-counter 3
13 vscode-quick-diff 3
14 dytracker 0
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.