Merge pull request #1035 from ProvableHQ/feat/analytics-v2

[Feat] - Provable.Tools Analytics

Author: christianwwwwwwww

sdk/package.json

@@ -47,7 +47,7 @@
   },
   "homepage": "https://github.com/ProvableHQ/sdk#readme",
   "dependencies": {
-    "@provablehq/wasm": "^0.8.8",
+    "@provablehq/wasm": "^0.9.0",
     "comlink": "^4.4.2",
     "core-js": "^3.40.0",
     "mime": "^4.0.6",

website/package.json

@@ -14,11 +14,12 @@
         "deploy": "gh-pages -d dist"
     },
     "dependencies": {
+        "@amplitude/analytics-browser": "^2.16.1",
         "@ant-design/icons": "^5.6.0",
         "@codemirror/language": "^6.10.8",
         "@codemirror/legacy-modes": "^6.4.2",
         "@codemirror/stream-parser": "^0.19.9",
-        "@provablehq/sdk": "^0.8.8",
+        "@provablehq/sdk": "^0.9.0",
         "@uiw/codemirror-theme-noctis-lilac": "^4.23.7",
         "@uiw/codemirror-theme-okaidia": "^4.23.7",
         "@uiw/react-codemirror": "^4.23.7",

website/src/index.jsx

@@ -4,6 +4,26 @@ import { createRoot } from "react-dom/client";
 import { RouterProvider } from "react-router-dom";
 import { router } from "./routing.jsx";
 import WorkerProvider from "./workers/WorkerProvider.jsx";
+import { init } from '@amplitude/analytics-browser';
+import { autocapturePlugin } from '@amplitude/plugin-autocapture-browser';
+
+// Initialize Amplitude with your API key
+const AMPLITUDE_API_KEY = import.meta.env.VITE_AMPLITUDE_API_KEY;
+
+if (AMPLITUDE_API_KEY) {
+  init(AMPLITUDE_API_KEY, {
+    serverZone: "US",
+    defaultTracking: { 
+      sessions: true,
+      pageViews: true,
+      formInteractions: true,
+      fileDownloads: true,
+    },
+    plugins: [
+      autocapturePlugin()
+    ]
+  });
+}
 
 const container = document.getElementById("root");
 const root = createRoot(container);
@@ -32,4 +52,4 @@ const reportWebVitals = (onPerfEntry) => {
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))
 // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
+reportWebVitals();