Back to Lowdefy

Lowdefy Diff Blocks

packages/plugins/blocks/blocks-diff/README.md

5.2.01.3 KB
Original Source

Lowdefy Diff Blocks

Lowdefy blocks for rendering human-readable diffs between a before and an after object.

Four blocks, one per visual mode:

  • DiffList — changes grouped by top-level key in a tabular layout.
  • DiffSideBySide — before / after columns.
  • DiffTimeline — a vertical audit-trail timeline.
  • DiffGit — unified YAML patch with + / - line markers.

All four share a common diff engine built on microdiff and render via Ant Design primitives (requires antd >= 6).

Example

yaml
name: my-app
lowdefy: 3.12.3
pages:
  - id: audit
    type: PageHeaderMenu
    blocks:
      - id: profile_diff
        type: DiffList
        properties:
          title: Profile updated
          before:
            name: Sarah Johnson
            role: member
          after:
            name: Sarah Johnson
            role: admin

More Lowdefy resources

Licence

Apache-2.0