Merge pull request #241 from intechstudio/SUKU-dev

SUKU MixPanel analytics added & App Icon Updated
intechstudio · May 11, 2023 · 69c8d52 · 69c8d52
2 parents ab1ee39 + 676cc84
commit 69c8d52
Show file tree

Hide file tree

Showing 11 changed files with 97 additions and 1 deletion.
diff --git a/build-assets/icon.png b/build-assets/icon.png
diff --git a/build-assets/icon_old.png b/build-assets/icon_old.png
diff --git a/configuration.json b/configuration.json
@@ -3,6 +3,7 @@
   "INFLUX_ORG": "sukuwc@riseup.net",
   "INFLUX_BUCKET": "editor_analytics",
   "INFLUX_SERVER": "https://europe-west1-1.gcp.cloud2.influxdata.com",
+  "MIXPANEL_TOKEN": "d5072f1b11e0a753c9f655dc3ddf7b8d",
   "GOOGLEUA_TOKEN": "UA-151670067-3",
   "YOUTUBE_EDITORRELEASENOTES_PLAYLISTKEY": "PLtMbdpAm17zdDZ9jkStSFvdWJdVi3skVu",
   "YOUTUBE_API_KEY": "AIzaSyBSwx2yH2mSGKhyduMtakjpdMU_s7Jhdkw",

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -23,6 +23,8 @@
     "patch-package": "^6.5.1",
     "postcss": "^8.4.18",
     "postcss-load-config": "^4.0.1",
+    "prettier": "2.8.8",
+    "prettier-plugin-svelte": "2.10.0",
     "rollup-plugin-copy": "^3.4.0",
     "svelte": "^3.29.4",
     "svelte-grid": "^1.11.2",
@@ -48,6 +50,7 @@
     "is-online": "^10.0.0",
     "lua-format": "1.4.0",
     "luaparse": "^0.3.0",
+    "mixpanel-browser": "^2.47.0",
     "monaco-editor": "^0.34.0",
     "node-disk-info": "^1.3.0",
     "node-fetch": "^2.6.7",

diff --git a/src/electron/icon.ts b/src/electron/icon.ts
diff --git a/src/external/grid-protocol b/src/external/grid-protocol
diff --git a/src/renderer/App.svelte b/src/renderer/App.svelte
@@ -16,6 +16,8 @@
 
   import { appSettings, splitpanes } from "./runtime/app-helper.store";
 
+  import "./runtime/analytics";
+
   import Titlebar from "./main/Titlebar.svelte";
   import NavTabs from "./main/NavTabs.svelte";
 

diff --git a/src/renderer/runtime/analytics.js b/src/renderer/runtime/analytics.js
@@ -0,0 +1,21 @@
+import mixpanel from "mixpanel-browser";
+import { subscribe } from "svelte/internal";
+
+import { writable, get, readable } from "svelte/store";
+import { appSettings } from "/runtime/app-helper.store";
+
+const { env } = window.ctxProcess;
+
+let envs = env();
+
+console.log("Analytics Hello", get(appSettings));
+
+mixpanel.init(envs.MIXPANEL_TOKEN, { debug: true });
+
+// Set this to a unique identifier for the user performing the event.
+// eg: their ID in your database or their email address.
+mixpanel.identify(get(appSettings).persistant.userId);
+
+mixpanel.track("App Start", {
+  Version: get(appSettings).version,
+});
diff --git a/src/renderer/runtime/analytics_influx.js b/src/renderer/runtime/analytics_influx.js
diff --git a/src/renderer/runtime/app-helper.store.js b/src/renderer/runtime/app-helper.store.js
@@ -92,6 +92,7 @@ function createAppSettingsStore() {
       owner: { neme: undefined },
     },
     persistant: {
+      userId: "",
       wssPort: 1337,
       moduleRotation: 0,
       welcomeOnStartup: true,
@@ -130,6 +131,7 @@ export const profileListRefresh = writable(0);
 export const presetListRefresh = writable(0);
 
 let persistant = {
+  userId: "",
   wssPort: 1337,
   moduleRotation: 0,
   welcomeOnStartup: true,