Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add deepMerge Support for Merging Nested Arrays and Objects in Props #2069

Open
wants to merge 4 commits into
base: master
Choose a base branch
from

Conversation

HichemTab-tech
Copy link

@HichemTab-tech HichemTab-tech commented Oct 26, 2024

This PR introduces support for deepMerge functionality in Inertia.js, enabling developers to merge nested arrays and objects within props when rendering pages. This is particularly useful for situations where complex data structures, such as pagination objects or deeply nested configuration objects, need to be updated incrementally.

Why This Is Useful:

Consider a scenario where you have a pagination object that contains nested properties like data, meta, and links:

{
  data: [/* items */],
  meta: { /* pagination metadata */ },
  links: { /* pagination links */ }
}

With deepMerge, the data array can be properly merged by appending new items, while other nested properties like meta and links are also updated incrementally. This ensures that only the necessary parts of the pagination object are modified without replacing the entire object, which can help maintain the consistency of the data across requests.

Related PR:

This PR works in conjunction with the newly added deep merging logic in the Inertia-laravel repository. Please see inertia-laravel PR #679 for details on the client-side implementation.

Related Issue:

Add support for deep merging specified properties in page responses by introducing `deepMergeProps`. This ensures that nested objects and arrays are correctly merged instead of being overwritten, enhancing the flexibility and consistency of data handling.
This commit introduces the deepMergeProps feature in the Vue3 application, allowing for more comprehensive property merging. A corresponding test has been created to ensure the functionality operates as expected. Additionally, server routing is updated to support deepMergeProps.
Changed the component from 'DeepMergeProps' to 'MergeProps' in the /deep-merge-props route handler. This aligns the route's component usage with the updated naming conventions in the project.
Changed the component from 'DeepMergeProps' to 'MergeProps' in the /deep-merge-props route handler. This aligns the route's component usage with the updated naming conventions in the project.
@HichemTab-tech
Copy link
Author

Hi, any progress here ?! We really need this feature enhancement. Thanks.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant