Refactor: Change StateDB to class based architecture.

[saurabhg772244]

📑 Summary

• Refactors the existing stateDb implementation from a functional approach to a class-based architecture to improve code organization, maintainability, and extensibility.
• Return a new DB object when diagramObject.db is called.
• Introduces new StateDB class to encapsulate database operations and state
• Migrates existing functions to class methods
• Maintains existing API interface for backwards compatibility
• Following functions still uses common DB:
  • getConfig
  • getAccTitle
  • setAccTitle
  • getAccDescription
  • setAccDescription
  • getDiagramTitle
  • setDiagramTitle
• Reason why above functions still uses common DB: Refactor: Change flowDB to class based architecture. #6161 (comment)

📏 Design Decisions

• The stateDb module previously relied on functions and global variables. Consequently, each call to mermaid.parse or mermaid.render resulted in changes to global variables.
• This behavior caused issues when rendering multiple diagrams using the same Mermaid API, as the database object (DB) for the diagrams would get mixed up.
• To address this, stateDb was refactored into a class-based structure. This change ensures that each diagramObject.db call creates a new instance of the database (DB), preventing conflicts between diagrams.

📋 Tasks

Make sure you

• 📖 have read the contribution guidelines
• 💻 have added necessary unit/e2e tests.
• 📓 have added documentation. Make sure MERMAID_RELEASE_VERSION is used for all new features.
• 🦋 If your PR makes a change that should be noted in one or more packages' changelogs, generate a changeset by running pnpm changeset and following the prompts. Changesets that add features should be minor and those that fix bugs should be patch. Please prefix changeset messages with feat:, fix:, or chore:.

[changeset-bot]

🦋 Changeset detected

Latest commit: b07bb9b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
mermaid	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[netlify]

✅ Deploy Preview for mermaid-js ready!

Name	Link
🔨 Latest commit	6a814a0
🔍 Latest deploy log	https://app.netlify.com/sites/mermaid-js/deploys/6791e060e3b6de0008e49c1b
😎 Deploy Preview	https://deploy-preview-6185--mermaid-js.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/mermaid-js/mermaid@6185

npm i https://pkg.pr.new/mermaid-js/mermaid/@mermaid-js/mermaid-zenuml@6185

npm i https://pkg.pr.new/mermaid-js/mermaid/@mermaid-js/parser@6185

npm i https://pkg.pr.new/mermaid-js/mermaid/@mermaid-js/layout-elk@6185

commit: 6a814a0

[codecov]

Codecov Report

Attention: Patch coverage is 0% with 580 lines in your changes missing coverage. Please review.

Project coverage is 4.47%. Comparing base (5120ed0) to head (6a814a0).
Report is 667 commits behind head on develop.

Files with missing lines	Patch %	Lines
packages/mermaid/src/diagrams/state/stateDb.js	0.00%	566 Missing ⚠️
packages/mermaid/src/diagrams/state/shapes.js	0.00%	6 Missing ⚠️
...ages/mermaid/src/diagrams/state/stateDiagram-v2.ts	0.00%	4 Missing ⚠️
...ackages/mermaid/src/diagrams/state/stateDiagram.ts	0.00%	4 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           develop   #6185      +/-   ##
==========================================
- Coverage     4.47%   4.47%   -0.01%     
==========================================
  Files          385     385              
  Lines        54187   54238      +51     
  Branches       598     598              
==========================================
  Hits          2425    2425              
- Misses       51762   51813      +51     

Flag	Coverage Δ
unit	4.47% <0.00%> (-0.01%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Files with missing lines	Coverage Δ
...ages/mermaid/src/diagrams/state/stateDiagram-v2.ts	0.00% <0.00%> (ø)
...ackages/mermaid/src/diagrams/state/stateDiagram.ts	0.00% <0.00%> (ø)
packages/mermaid/src/diagrams/state/shapes.js	0.00% <0.00%> (ø)
packages/mermaid/src/diagrams/state/stateDb.js	0.00% <0.00%> (ø)

🚀 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.

[aloisklink]

LGTM! Thanks for making those changes.