identify user in builder

packages/builder/rollup.config.js

@@ -180,8 +180,8 @@ export default {
       "process.env.NODE_ENV": JSON.stringify(
         production ? "production" : "development"
       ),
-      "process.env.POSTHOG_TOKEN": process.env.POSTHOG_TOKEN,
-      "process.env.POSTHOG_URL": process.env.POSTHOG_URL,
+      "process.env.POSTHOG_TOKEN": JSON.stringify(process.env.POSTHOG_TOKEN),
+      "process.env.POSTHOG_URL": JSON.stringify(process.env.POSTHOG_URL)
     }),
 
     svelte({

packages/builder/src/builderStore/index.js

@@ -11,7 +11,7 @@ export const initialise = async () => {
   try {
     if (process.env.NODE_ENV === "production") {
       posthog.init(process.env.POSTHOG_TOKEN, {
-        api_host: process.env.POSTHOG_URL,
+        api_host: process.env.POSTHOG_URL
       })
     }
   } catch (err) {

packages/builder/src/components/settings/tabs/APIKeys.svelte

@@ -2,12 +2,14 @@
   import { Input, Button } from "@budibase/bbui"
   import { store } from "builderStore"
   import api from "builderStore/api"
+  import posthog from "posthog-js"
 
   let keys = { budibase: "", sendGrid: "" }
 
   async function updateKey([key, value]) {
     const response = await api.put(`/api/keys/${key}`, { value })
     const res = await response.json()
+    if (key === "budibase") posthog.identify(value);
     keys = { ...keys, ...res }
   }