If you don't know what this application is intended for, you probably shouldn't be here. However, this stuff really isn't a security risk so go ahead and waste your time going through it.

Local Dev Setup

1. Pull/Clone current repository to your local computer
2. Use Command Line to go to this directory on your computer
3. Run yarn to setup your local environment
   • If you don't have the yarn command available to you, install node & yarn globally on your computer. I recommend
     1. Installing brew.sh
     2. Run brew install yarn
4. Run yarn dev-server to setup local server
   • You can run dev-server on a different port using webpack-dev-server --port {port}
5. Go to http://localhost:8080/ and develop locally

Live Site Adobe Target Integration Dev Setup

1. Setup Local Dev (above)
2. Ensure AncestryVPN is disconnected
3. Start Charles
   • If first time setting up, do the following
     1. Go to Tools > Map Remote
     2. Check "Enable Map Remote"
     3. Click "Add" and set
        • Map From: https://www.ancestrycdn.com/tao/mvtstyles.css
        • Map To: http://localhost:8080/dist/styles.css (change port if needed)
     4. Click "Add" and set
        • Map From: https://www.ancestrycdn.com/tao/mvtbundle.js
        • Map To: http://localhost:8080/dist/bundle.js (change port if needed)
4. Load the following links directly in browser (change port if needed).¹
   • http://localhost:8080
   • http://localhost:8080/dist/bundle.js
   • http://localhost:8080/dist/styles.css
5. Go to one of the following links and see the magic.²
   • FTLP
   • HOLP
   • CARE US Discovery
   • CARE World Deluxe

Footnotes

1. Since the local dev server isn't doing a full compile and is loading from memory, the above direct links force the browser to create the file and place it in memory long enough for Charles to pick up the mapping. From time to time you may need to do a force refresh of the page link. ↩

2. Use the settings display that shows at the top by default to ensure you're seeing what you would expect. You can hide settings on page load by adding hidesettings to the query string in the url. ↩