SVG zoom for visualization graph

NomicFoundation / hardhat-ignition

Hardhat Ignition is a declarative deployment system that enables you to deploy your smart contracts without navigating the mechanics of the deployment process.

https://hardhat.org/ignition

MIT License

108 stars 26 forks source link

SVG zoom for visualization graph #810

Closed zoeyTM closed 1 month ago

zoeyTM commented 1 month ago

resolves https://github.com/NomicFoundation/hardhat-ignition/issues/806 resolves https://github.com/NomicFoundation/hardhat-ignition/issues/807

using svg-pan-zoom library to zoom and pan mermaid diagram
set maxTextSize to 5e5 instead of the default of 5e4

alcuadrado commented 1 month ago

I tried this manually and it works, but I added this

  for (let i = 1; i < 20; i++) {
    basicContracts.push(
      m.contractAt("BasicContract", basicContracts[i - 1], { id: "basic" + i })
    );
  }

to examples/complete/ignition/modules/CompleteModule.js, and there are two issues:

The batches "buttons" overlap with each other.
The diagram is still 300px tall, so it's hard to read.