Analytics (#228)

* metricts-sentry * fixes * refactor * mixpanel integration * improvements * improvements * fixes * changeset * fixes * fixes * Update .changeset/few-scissors-sleep.md Co-authored-by: Jordi Sala Morales <[email protected]> * Update manifest.json Co-authored-by: Jordi Sala Morales <[email protected]> * Update vite.config.ts Co-authored-by: Jordi Sala Morales <[email protected]> * fixes * fixes * fixes * lint --------- Co-authored-by: Jordi Sala Morales <[email protected]>
penpot · Oct 28, 2024 · a079f16 · a079f16
1 parent d7426e6
commit a079f16
Show file tree

Hide file tree

Showing 20 changed files with 1,253 additions and 823 deletions.
diff --git a/.changeset/few-scissors-sleep.md b/.changeset/few-scissors-sleep.md
@@ -0,0 +1,5 @@
+---
+'penpot-exporter': minor
+---
+
+Added basic analytics and error tracking using MixPanel and Sentry
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,6 @@
 node_modules
 dist
+ui-src/.env
+
+# Sentry Config File
+.env.sentry-build-plugin
diff --git a/README.md b/README.md
@@ -16,7 +16,7 @@
     <a href="https://penpot.app/"><b>Penpot Website</b></a> •
     <a href="https://community.penpot.app/t/figma-to-penpot-export-plugin/5554"><b>Export Figma to Penpot (Penpot community)</b></a> •
     <a href="https://community.penpot.app/"><b>Penpot Community</b></a> •
-      <a href="https://www.figma.com/community/plugin/1219369440655168734/penpot-exporter"><b>Plugin in Figma community</b></a> 
+      <a href="https://www.figma.com/community/plugin/1219369440655168734/penpot-exporter"><b>Plugin in Figma community</b></a>
 </p>
 
 <p align="center">
@@ -96,6 +96,10 @@ then selecting "Download ZIP". Extract the ZIP file to a location on your comput
 3.  Once you are in the correct folder, you can run the `npm install` command to install the
     dependencies, and then the `npm run build` command to build the plugin.
 
+#### Building for production:
+
+Follow the same steps as above, but instead of running `npm run build`, run `npm run build:prod`.
+
 ### Add to Figma
 
 `Figma menu` > `Plugins` > `Development` > `Import plugin from manifest…` To add the plugin to

diff --git a/manifest.json b/manifest.json
@@ -5,6 +5,13 @@
   "main": "dist/code.js",
   "ui": "dist/index.html",
   "editorType": ["figma"],
-  "networkAccess": { "allowedDomains": ["none"] },
+  "networkAccess": {
+    "allowedDomains": [
+      "https://o4508183201316864.ingest.de.sentry.io",
+      "https://api-js.mixpanel.com"
+    ],
+    "reasoning": "We use Sentry and Mixpanel to monitor the performance of the plugin and get information about errors to continue improving the experience."
+  },
+  "permissions": ["currentuser"],
   "documentAccess": "dynamic-page"
 }