Merge pull request #284 from markwylde-deriv/add-trackjs

chore: add trackjs

docusaurus.config.js

@@ -18,6 +18,10 @@ const config = {
   projectName: 'deriv-api-docs', // Usually your repo name.
   trailingSlash: false,
 
+  customFields: {
+    trackJsToken: process.env.TRACKJS_TOKEN,
+  },
+
   // Even if you don't use internalization, you can use this field to set useful
   // metadata like html lang. For example, if your site is Chinese, you may want
   // to replace "en" with "zh-Hans".

package.json

@@ -49,6 +49,7 @@
     "sass": "^1.57.1",
     "sass-loader": "^13.2.0",
     "swiper": "^8.3.2",
+    "trackjs": "^3.10.4",
     "ts-jest": "^29.0.3",
     "usehooks-ts": "^2.9.1",
     "yup": "^0.32.11"

src/theme/Root.tsx

@@ -1,6 +1,8 @@
 import React from 'react';
 import { ThemeProvider } from '@deriv/ui';
 import type { ReactNode } from 'react';
+import { TrackJS } from 'trackjs';
+import siteConfig from '@generated/docusaurus.config';
 import AuthProvider from '../contexts/auth/auth.provider';
 import ApiTokenProvider from '../contexts/api-token/api-token.provider';
 import AppManagerContextProvider from '../contexts/app-manager/app-manager.provider';
@@ -11,6 +13,12 @@ type TRootProps = {
   children: ReactNode;
 };
 
+if (siteConfig.customFields.trackJsToken) {
+  TrackJS.install({ token: siteConfig.customFields.trackJsToken.toString() });
+} else {
+  console.warn('trackjs is not installed due to a missing token');
+}
+
 export default function Root({ children }: TRootProps) {
   return (
     <>