wip

manifest.json

@@ -5,6 +5,6 @@
   "main": "dist/code.js",
   "ui": "dist/index.html",
   "editorType": ["figma"],
-  "networkAccess": { "allowedDomains": ["none"] },
+  "networkAccess": { "allowedDomains": ["https://bam.eu01.nr-data.net"] },
   "documentAccess": "dynamic-page"
 }

package.json

@@ -23,6 +23,7 @@
   "license": "MPL2.0",
   "dependencies": {
     "@create-figma-plugin/ui": "^3.2",
+    "@newrelic/browser-agent": "^1.269.0",
     "base64-js": "^1.5",
     "classnames": "^2.5",
     "lru-cache": "^11.0",

ui-src/context/useFigma.ts

@@ -69,6 +69,8 @@ export const useFigma = (): UseFigmaHook => {
         setExporting(false);
         setStep(undefined);
 
+        window.newrelic.addPageAction('document-exported');
+
         break;
       }
       case 'CUSTOM_FONTS': {

ui-src/main.tsx

@@ -1,3 +1,4 @@
+import { BrowserAgent } from '@newrelic/browser-agent/loaders/browser-agent';
 import 'node_modules/@create-figma-plugin/ui/lib/css/base.css';
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
@@ -6,6 +7,38 @@ import { App } from './App';
 import './main.css';
 import './reset.css';
 
+const options = {
+  init: {
+    distributed_tracing: { enabled: true },
+    privacy: { cookies_enabled: true },
+    ajax: { deny_list: ['bam.eu01.nr-data.net'] }
+  },
+  loader_config: {
+    accountID: '4802918',
+    trustKey: '4802918',
+    agentID: '538644682',
+    licenseKey: 'NRJS-7627480baa9ae72a392',
+    applicationID: '538644682'
+  },
+  info: {
+    beacon: 'bam.eu01.nr-data.net',
+    errorBeacon: 'bam.eu01.nr-data.net',
+    licenseKey: 'NRJS-7627480baa9ae72a392',
+    applicationID: '538644682',
+    sa: 1
+  }
+};
+
+new BrowserAgent(options);
+
+declare global {
+  interface Window {
+    newrelic: BrowserAgent;
+  }
+}
+
+window.newrelic.addPageAction('plugin-loaded');
+
 createRoot(document.getElementById('root') as HTMLElement).render(
   <StrictMode>
     <App />