Add Google Tag Manager and Privacy Center ENV vars to sample app, plus the ability to pass ENV vars to both privacy center and sample app during fides deploy via .env

[nicolas-ethyca]

Closes #3347
Closes #29

Code Changes

• Add Google Tag Manager script, configured via FIDES_SAMPLE_APP__GOOGLE_TAG_MANAGER_CONTAINER_ID
• Configure Privacy Center URL via FIDES_SAMPLE_APP__PRIVACY_CENTER_URL
• Pass .env values to fides-privacy-center and fides-sample-app images when running fides deploy
• Add a README.md for fides-sample-app
• Enable "Privacy Experiences" beta flag for local testing
• Call Fides.gtm() to enable the Fides <> GTM integration

Steps to Confirm

• Edit your .env file with FIDES_SAMPLE_APP__GOOGLE_TAG_MANAGER_CONTAINER_ID=GTM-MYGTMID
• Run nox -s "fides_env(test)"
• Open http://localhost:3000/
• Check that GTM script is added (using the Developer Tools) and initialized with the GTM ID provided in the .env file

Pre-Merge Checklist

• All CI Pipelines Succeeded
• Documentation:
  • documentation complete, PR opened in fidesdocs
  • documentation issue created in fidesdocs
• Issue Requirements are Met
• Relevant Follow-Up Issues Created
• Update CHANGELOG.md
• For API changes, the Postman collection has been updated

Description Of Changes

This adds an (optional) GTM container tag to the Cookie House sample app for testing, and then adds additional flexibility to the advanced usage of fides deploy by allowing the user to edit their local .env file and provide extra configuration for the various images.

This also adds a configurable option for FIDES_SAMPLE_APP__PRIVACY_CENTER_URL so that this isn't always hardcoded to http://localhost:3001 👍

[cypress]

Passing run #2250 ↗︎

0	4	0	0	0
⚠️ You've recorded test results over your free plan limit. Upgrade your plan to view test results.

Details:

Merge 76bce79 into 7bef710...
Project: fides	Commit: c4106f3584 ℹ️
Status: Passed	Duration: 00:46 💡
Started: May 30, 2023 8:46 PM	Ended: May 30, 2023 8:47 PM

_{This comment has been generated by cypress-bot as a result of this project's GitHub integration settings.}

[codecov]

Codecov Report

Patch and project coverage have no change.

Comparison is base (8d424d3) 87.13% compared to head (90188aa) 87.13%.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #2949   +/-   ##
=======================================
  Coverage   87.13%   87.13%           
=======================================
  Files         312      312           
  Lines       18659    18659           
  Branches     2377     2377           
=======================================
  Hits        16259    16259           
  Misses       1980     1980           
  Partials      420      420           

☔ View full report in Codecov by Sentry.
📢 Do you have feedback about the report comment? Let us know in this issue.

[NevilleS]

Overall this looks pretty reasonable! I know it's just a "sample app" but I do want to investigate the potential XSS possibility

[NevilleS]

Suggestion for XSS defense!

[NevilleS]

This looks good now, just add an entry to CHANGELOG and this should be ready to go. Thanks!

[NevilleS]

Updated this branch to the latest main, and then added all the extra requirements to cover #3347 👍

To make those ENV vars easy to access when testing locally, this also passes the .env file from fides deploy --env-file along to the sample app & privacy center images.

[NevilleS]

To actually use this, we should also be calling Fides.gtm(), duh! 🙃

[nicolas-ethyca]

Tested and working

[NevilleS]

OK, LGTM now!

[NevilleS]

OK, LGTM now!