React SPA: filter model.json before fetch

Question

Is it possible to filter the en.model.json before the fetch? Our json is large, and want to remove extraneous key/values, specifically the "allowedComponents" that returns a long list of components for every page and appears to be the majority of bloat in the response:

[":children"]["/content/my-app/us/en/my-page"][":items"].root.allowedComponents.components

Perhaps there are query parameters or some other way to return a smaller json response?

I found this tutorial that allows modifying the fetch - although I'm not certain it would be useful in this case: http://experience-aem.blogspot.com/2021/09/aem-cloud-service-pass-request-parameters-in-react-spa-model-json-url.html

mahi1729 · Accepted Answer

Allowed components property is perhaps required by editable components module inside AEM Editor. However for the standalone app, one option is to connect with publisher or you can pass a custom header which can be scanned by a custom sling filter which can parse entire json and remove unwanted attributes. Latter option is a generic json filtering solution so there is no need to worry about overriding container/responsivegrid exporters and that also happens when the custom header is present.

Nishant-Singh · Answer

@amaz2013218aw

You can override logic with the help of Sling Model Exporters [0]

[0]: https://experienceleague.adobe.com/docs/experience-manager-learn/foundation/development/develop-slin...

Reference [1].

[1]: https://experienceleague.adobe.com/docs/experience-manager-learn/foundation/development/understand-s...

Sign up

Login with SSO

Login to the community

Login with SSO