Add ContextProvider, Context and Hook #16

[handreyrc]

Closes #16

Summary

This PR sets up state management for the Diagram Editor component.

Changes

• Added context provider to make content available in the component scope.
• Added context to hold state managed properties and functions.
• Added custom react hook to get access to the context.
• Added tests for the context provider and context interaction.

[Copilot]

Pull request overview

This PR implements context-based state management for the Diagram Editor component by introducing a context provider pattern with a custom React hook. The implementation allows the editor to manage and access shared state (read-only mode and locale settings) throughout the component tree.

Changes:

• Created DiagramEditorContext with context definition and custom useDiagramEditorContext hook for accessing state
• Implemented DiagramContextProvider component that initializes and synchronizes state with props, providing state update functions through context
• Integrated the context provider into DiagramEditor component to wrap the diagram rendering
• Added comprehensive unit tests covering context consumption, prop change reactivity, and render optimization

Reviewed changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
src/store/diagramEditorContext.ts	Defines context type with state and update functions; exports hook for consuming context
src/store/DiagramEditorContextProvider.tsx	Implements provider component that manages state initialization and synchronization with parent props
src/diagram-editor/DiagramEditor.tsx	Integrates context provider to wrap diagram component and pass editor props through context
tests/store/DiagramEditorContextProvider.test.tsx	Comprehensive test suite verifying context consumption, prop reactivity, and re-render behavior
src/react-flow/diagram/Diagram.tsx	Minor whitespace cleanup (blank line removal)

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Pull request overview

Copilot reviewed 5 out of 5 changed files in this pull request and generated 2 comments.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[lornakelly]

Thanks for PR @handreyrc, just a couple of small comments

[Copilot]

Pull request overview

Copilot reviewed 5 out of 5 changed files in this pull request and generated 3 comments.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Copilot reviewed 5 out of 5 changed files in this pull request and generated 1 comment.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[lornakelly]

Thanks for the work Handrey, LGTM

[fantonangeli]

@handreyrc Thanks a lot for this PR I wrote a few suggestions.
Please check if they make sense

[lornakelly]

LGTM

[handreyrc]

@ricardozanini,

I think weare good to merge this PR if you approve it as well.

Thanks!