Cache SLAS callback using request processor

packages/template-retail-react-app/app/request-processor.js

@@ -9,9 +9,6 @@
 // 'request-processor.js' and update the processRequest function so that
 // it processes requests in whatever way your project requires.
 
-// Uncomment the following line for the example code to work.
-// import {QueryParameters} from 'pwa-kit-react-sdk/utils/ssr-request-processing'
-
 /**
  * The processRequest function is called for *every* non-proxy, non-bundle
  * request received. That is, all requests that will result in pages being
@@ -62,40 +59,42 @@ export const processRequest = ({
     path,
     querystring
 }) => {
-    // Uncomment the snippet below for the example code to work.
-    /***************************************************************************
-    // Example code for filtering query parameters and detecting bots user.
-
-    console.assert(parameters, 'Missing parameters')
-
     // This is an EXAMPLE processRequest implementation. You should
     // replace it with code that processes your requests as needed.
 
     // This example code will remove any of the parameters whose keys appear
     // in the 'exclusions' array.
     const exclusions = [
-        'gclid',
-        'utm_campaign',
-        'utm_content',
-        'utm_medium',
-        'utm_source'
+        // 'gclid',
+        // 'utm_campaign',
+        // 'utm_content',
+        // 'utm_medium',
+        // 'utm_source'
     ]
 
+    // This is a performance optimization for SLAS.
+    // On client side, browser always follow the redirect
+    // to /callback but the response is always the same.
+    // We strip out the unique query parameters so this
+    // endpoint is cached at the CDN level
+    if (path === '/callback') {
+        exclusions.push('usid')
+        exclusions.push('code')
+    }
+
     // Build a first QueryParameters object from the given querystring
-    const incomingParameters = new QueryParameters(querystring)
+    const incomingParameters = new URLSearchParams(querystring)
 
     // Build a second QueryParameters from the first, with all
     // excluded parameters removed
-    const filteredParameters = QueryParameters.from(
-        incomingParameters.parameters.filter(
-            // parameter.key is always lower-case
-            (parameter) => !exclusions.includes(parameter.key)
-        )
-    )
+    exclusions.forEach((key) => {
+        incomingParameters.delete(key)
+    })
 
     // Re-generate the querystring
-    querystring = filteredParameters.toString()
+    querystring = incomingParameters.toString()
 
+    /***************************************************************************
     // This example code will detect bots by examining the user-agent,
     // and will set the request class to 'bot' for all such requests.
     const ua = headers.getHeader('user-agent')
@@ -105,6 +104,7 @@ export const processRequest = ({
         setRequestClass('bot')
     }
     ***************************************************************************/
+
     // Return the path unchanged, and the updated query string
     return {
         path,

packages/template-retail-react-app/app/request-processor.test.js

@@ -13,4 +13,11 @@ describe('processRequest', () => {
         expect(result.path).toEqual(expect.any(String))
         expect(result.querystring).toEqual(expect.any(String))
     })
+
+    test('SLAS callback parameters are removed', () => {
+        const result = processRequest({path: '/callback', querystring: 'usid=1&code=2&test=3'})
+
+        expect(result.path).toEqual('/callback')
+        expect(result.querystring).toEqual('test=3')
+    })
 })

packages/template-retail-react-app/app/ssr.js

@@ -53,6 +53,9 @@ const {handler} = runtime.createHandler(options, (app) => {
 
     // Handle the redirect from SLAS as to avoid error
     app.get('/callback?*', (req, res) => {
+        // This endpoint does nothing and is not expected to change
+        // Thus we cache it for a year to maximize performance
+        res.set('Cache-Control', `max-age=31536000`)
         res.send()
     })
     app.get('/robots.txt', runtime.serveStaticFile('static/robots.txt'))