poc: headers from config

[sirugh]

We want headers for fetchGraphQl, and query params for catalog service, to be managed entirely in config rather than requiring developers to make code changes to github. To solve, we can introduce two mechanisms. First, config values are set with some consistent path, ie commerce.headers.[scope].[header] where scope is like pdp and header is the string header key. The corresponding value will be injected as header or query param.

This PR is an initial effort at using this syntax, currently only within the config-dev file, so usable in localhost/development on this PR only.

TODO:

• Discuss whether query param setting should be done with similar getQueryParams function or is it OK to use both query param and headers (ie spread the result of getHeaders over all header usage and query param usage for the scope?)

Test URLs:

• Before: https://main--aem-boilerplate-commerce--hlxsites.aem.live/products/crown-summit-backpack/24-MB03
• After: https://USF-1877--aem-boilerplate-commerce--hlxsites.aem.live/products/crown-summit-backpack/24-MB03

[aem-code-sync]

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

• Re-run PSI checks
• Re-sync branch

Commits

• 3d37b35 🔄 (latest)
• 4fa7c7e ✅
• bde37e8 ✅

[aem-code-sync]

	Page	Scores	Audits	Google
📱	/products/crown-summit-backpack/24-MB03
🖥️	/products/crown-summit-backpack/24-MB03