Analytics

.changeset/few-scissors-sleep.md

@@ -0,0 +1,5 @@
+---
+'penpot-exporter': minor
+---
+
+Added basic analytics and error tracking using MixPanel and Sentry

.gitignore

@@ -1,2 +1,6 @@
 node_modules
 dist
+ui-src/.env
+
+# Sentry Config File
+.env.sentry-build-plugin

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,9 @@ 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

manifest.json

@@ -5,6 +5,13 @@
   "main": "dist/code.js",
   "ui": "dist/index.html",
   "editorType": ["figma"],
-  "networkAccess": { "allowedDomains": ["none"] },
+  "networkAccess": {
+    "allowedDomains": [
+      "https://o4508138256007168.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"
 }