Add analytics to pdf slideshow

nygrenh · nygrenh · commit 17bbb4e92737 · 2019-01-25T11:27:57.000+02:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -36,7 +36,7 @@
     "interactjs": "^1.3.4",
     "jquery": "^3.3.1",
     "moment": "^2.23.0",
-    "pdf-slideshow": "^0.1.2",
+    "pdf-slideshow": "^0.1.4",
     "prismjs": "^1.15.0",
     "react": "^16.7.0",
     "react-dom": "^16.7.0",
diff --git a/src/partials/PdfSlideshow/PdfSlideshowLoader.js b/src/partials/PdfSlideshow/PdfSlideshowLoader.js
@@ -1,7 +1,31 @@
 import React from "react"
 import PdfSlideshow, { setPdfJsWorkerPath } from "pdf-slideshow"
 import { withPrefix } from "gatsby"
+import ReduxActionAnalytics from "redux-action-analytics"
+import { canDoResearch } from "../../services/moocfi"
+import * as storejs from "store"
 
 setPdfJsWorkerPath(withPrefix("/pdf.worker.min.js"))
 
-export default props => <PdfSlideshow {...props} />
+export default props => {
+  const middleware = []
+  const analytics = new ReduxActionAnalytics(
+    "https://usage.testmycode.io/api/v0/data",
+    "pdf-slideshow",
+    props.pdfLocation,
+    10000,
+    () => {
+      const user = storejs.get("tmc.user")
+      if (user === undefined) {
+        return {}
+      }
+      return {
+        username: user.username,
+      }
+    },
+  )
+  if (canDoResearch()) {
+    middleware.push(analytics.getMiddleware())
+  }
+  return <PdfSlideshow {...props} middleware={middleware} />
+}
