React SPA: filter model.json before fetch | Community
Skip to main content
A
amaz2013218aw
Level 2
July 27, 2023
Solved

React SPA: filter model.json before fetch

  • July 27, 2023
  • 2 replies
  • 1043 views

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

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by mahi1729

    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.

    2 replies

    Nishant-Singh
    Adobe Employee
    Nishant-SinghAdobe Employee
    Adobe Employee
    July 28, 2023

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

      mahi1729
      mahi1729Accepted solution
      Level 4
      August 2, 2023

      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.

        Terms & ConditionsAccessibility statement

        Loading footer...