feat: reo setup (#5305)

gatsby-browser.js

@@ -1,2 +1,4 @@
 /* eslint-env node */
 require('./src/styles/global.css')
+
+export { wrapPageElement } from './gatsby-shared'

gatsby-shared.tsx

@@ -0,0 +1,18 @@
+import { GatsbyBrowser, Script } from 'gatsby'
+
+const GATSBY_REO_DEV_CLIENT_ID = process.env.GATSBY_REO_DEV_CLIENT_ID
+
+export const wrapPageElement: GatsbyBrowser['wrapPageElement'] = ({
+  element
+}) => {
+  return (
+    <>
+      {element}
+      {GATSBY_REO_DEV_CLIENT_ID && (
+        <Script id="rev-dot-dev">
+          {` !function(){var e,t,n;e="${GATSBY_REO_DEV_CLIENT_ID}",t=function(){Reo.init({clientID:"${GATSBY_REO_DEV_CLIENT_ID}"})},(n=document.createElement("script")).src="https://static.reo.dev/"+e+"/reo.js",n.async=!0,n.onload=t,document.head.appendChild(n)}();`}
+        </Script>
+      )}
+    </>
+  )
+}

gatsby-ssr.js

@@ -0,0 +1 @@
+export { wrapPageElement } from './gatsby-shared'

tsconfig.json

@@ -24,6 +24,7 @@
   "include": [
     "node_modules/@dvcorg/gatsby-theme-iterative",
     "./src/**/*",
-    "./*.js"
+    "./*.js",
+    "./*.tsx"
   ]
 }