added zoom in zoom out for DAGs. #774

[kriyanshii]

added zoom in zoom out in mermaid.tsx for navigating through huge DAGs.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 55.52%. Comparing base (6c1a2d9) to head (637eeac).

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #899      +/-   ##
==========================================
+ Coverage   55.48%   55.52%   +0.03%     
==========================================
  Files          75       75              
  Lines        8240     8240              
==========================================
+ Hits         4572     4575       +3     
+ Misses       3281     3279       -2     
+ Partials      387      386       -1     

see 1 file with indirect coverage changes

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 6c1a2d9...637eeac. Read the comment docs.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[yottahmd]

@kriyanshii Looking great! I tried building the UI locally, but ran into the following error. It works fine without the changes in tsconfig.json. I'm wondering if we can revert that file if the changes aren't necessary. What do you think?

% yarn build
yarn run v1.22.22
$ webpack --config webpack.prod.js
assets by status 2.05 MiB [cached] 3 assets
./src/index.tsx 39 bytes [built] [code generated]

ERROR in ./src/index.tsx
Module build failed (from ./node_modules/ts-loader/index.js):
Error: TypeScript emitted no output for /dev/dagu/ui/src/index.tsx.
    at makeSourceMapAndFinish (/dev/dagu/ui/node_modules/ts-loader/dist/index.js:55:18)
    at successLoader (/dev/dagu/ui/node_modules/ts-loader/dist/index.js:42:5)
    at Object.loader (/dev/dagu/ui/node_modules/ts-loader/dist/index.js:23:5)

webpack 5.97.1 compiled with 1 error in 11708 ms
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

[yottahmd]

It's working very nicely! One thing I observed is that the icon-area moves as the graph is scrolled horizontally. Would it be possible to anchor them to the top-right corner?

[kriyanshii]

yeah. tried doing it. will submit a pr.