@auncel/diff-dom-core

@auncel/diff-dom-core

Core HTML diff algorithm.

Usage

Clone Repo.

git clone https://github.com/auncel/diff-dom-core.git

Install dependence.

npm install

problem with install puppeteer. recommend using cnpm instead. see more detail at troublesheet.

Building Typescript.

npm run build

Tesing

npm run test

Exmaple

import { diffDomCore, Puppeteer } from '@auncel/diff-dom-core';

const options = {
  // generation: IGenerateRenderTreeOptions,
  diff: {
    rectTolerance: 0,
  },
  evaluation: {
    attrs: {
    isStrict: true,
      list: [],
    },
    // isTagStrictlyEqaul: true,
    isIdStrictlyEqual: false,
    isClassStrictlyEqual: true,
    },
  },
};

const diffRes = await diffDomCore(
  { html: '<div>Text</div>', style: 'div{color: #fff;}' },
  { html: '<div>Text</div>', style: 'div{color: #000;}' },
  options,
);
console.log(diffRes);
// ==>
// {
//   "score":80,
//   "logs":[
//     {
//       "location":"div",
//       "difference":[
//         "property incorrent. [color] expect: rgb(255, 255, 255), actual: rgb(0, 0, 0)"
//         ]
//       }
//   ]
// }

await Puppeteer.close();

Dependency Package

• @dovyih/x-tree-diff-plus