WSTEAMA-1412: Add Reverb dependency as the transpiled version

.github/workflows/simorgh-integration-tests.yml

@@ -21,6 +21,7 @@ jobs:
     env:
       CI: true
       LOG_LEVEL: 'error'
+      GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
     steps:
       - uses: actions/checkout@v3

.github/workflows/simorgh-local-server-tests.yml

@@ -23,6 +23,7 @@ jobs:
       LOG_LEVEL: 'error'
       BFF_PATH: 'https://web-cdn.test.api.bbci.co.uk/fd/simorgh-bff'
       LIGHTHOUSE_BUILD: true
+      GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
     steps:
       - uses: actions/checkout@v3

.github/workflows/simorgh-misc-checks.yml

@@ -21,6 +21,7 @@ jobs:
         node-version: [18.x]
     env:
       CI: true
+      GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
     steps:
       - uses: actions/checkout@v3

.github/workflows/simorgh-unit-tests.yml

@@ -23,6 +23,7 @@ jobs:
       LOG_LEVEL: 'error'
       CC_TEST_REPORTER_ID: ${{ secrets.CC_TEST_REPORTER_ID }}
       GIT_COMMIT_SHA: ${{ github.sha }}
+      GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
     steps:
       - uses: actions/checkout@v3

package.json

@@ -92,6 +92,7 @@
   },
   "homepage": "https://github.com/bbc/simorgh#readme",
   "dependencies": {
+    "@bbc/reverb": "github:bbc/reverb#3.9.2",
     "@bbc/web-vitals": "1.2.0",
     "@emotion/cache": "11.11.0",
     "@emotion/react": "11.11.4",

src/app/legacy/containers/PageHandlers/withReverb/index.jsx

@@ -0,0 +1,35 @@
+import React from 'react';
+import { Helmet } from 'react-helmet';
+
+const SCRIPT_SRC_REVERB =
+  'http://localhost:7080/static/js/reverb/reverb-3.9.2.js';
+const SCRIPT_SRC_SMART_TAG =
+  'http://localhost:7080/static/js/reverb/reverb-3.9.2.js';
+
+const buildScript = () => (
+  <Helmet>
+    <script src={SCRIPT_SRC_REVERB} />
+    <script src={SCRIPT_SRC_SMART_TAG} />
+  </Helmet>
+);
+
+const ReverbLoader = Component => {
+  const withReverb = props => {
+    const ComponentWithReverb = () => {
+      const scriptElements = buildScript();
+
+      return (
+        <>
+          {scriptElements}
+          <Component {...props} />
+        </>
+      );
+    };
+
+    return <ComponentWithReverb />;
+  };
+
+  return withReverb;
+};
+
+export default ReverbLoader;

src/app/pages/utils/applyBasicPageHandlers.js

@@ -4,6 +4,7 @@ import withPageWrapper from '#containers/PageHandlers/withPageWrapper';
 import withError from '#containers/PageHandlers/withError';
 import withData from '#containers/PageHandlers/withData';
 import withHashChangeHandler from '#containers/PageHandlers/withHashChangeHandler';
+import withReverb from '#containers/PageHandlers/withReverb';
 
 export default (
   component,
@@ -16,4 +17,5 @@ export default (
     handlerBeforeContexts,
     withContexts,
     withHashChangeHandler,
+    withReverb,
   )(component);

src/server/local/index.js

@@ -240,6 +240,25 @@ export default server => {
       );
       sendDataFile(res, localComscorePath, next);
     })
+    .get('/static/js/reverb/reverb-:version.js', ({ params }, res, next) => {
+      const { version } = params;
+      const localReverbPath = path.join(
+        process.cwd(),
+        `/public/static/js/reverb/reverb-${version}.js`,
+      );
+      sendDataFile(res, localReverbPath, next);
+    })
+    .get(
+      '/static/js/reverb/smarttag-:version.min.js',
+      ({ params }, res, next) => {
+        const { version } = params;
+        const localSmartTagPath = path.join(
+          process.cwd(),
+          `/public/static/js/reverb/smarttag-${version}.min.js`,
+        );
+        sendDataFile(res, localSmartTagPath, next);
+      },
+    )
     .get('/ckns_policy/*', (req, res) => {
       // Route to allow the cookie banner to make the cookie oven request
       // without throwing an error due to not being on a bbc domain.