feat: log plugin calls (#448)

Author: philipjackson

src/components/plugins/PluginsAccordion.tsx

@@ -93,6 +93,12 @@ interface Props {
   updateImagesCallback: () => void | null;
   launchPluginSettingsCallback: (() => void) | null;
   saveMetadataCallback: ((data: any) => void) | null;
+  logPluginCall?: (data: {
+    pluginName: string;
+    pluginType?: string;
+    imageUid: string;
+    imageMetadata?: Metadata;
+  }) => void;
 }
 
 export const PluginsAccordion = ({
@@ -104,6 +110,7 @@ export const PluginsAccordion = ({
   selectedImagesUid,
   saveMetadataCallback,
   launchPluginSettingsCallback,
+  logPluginCall,
 }: Props): ReactElement | null => {
   const classes = useStyles(expanded);
   const [error, setError] = useState<string | null>(null);
@@ -137,6 +144,12 @@ export const PluginsAccordion = ({
       }
 
       const response = await plugin.onClick(data);
+      logPluginCall({
+        pluginName: plugin.name,
+        pluginType: plugin.type,
+        imageUid: imageUids[0],
+        imageMetadata: data.metadata,
+      });
       if (updateImagesCallback) {
         updateImagesCallback();
       }

src/ui.tsx

@@ -103,6 +103,12 @@ interface Props {
   saveMetadataCallback?: ((data: unknown) => void) | null;
   restrictLabels?: boolean; // restrict image labels to defaultLabels
   multiLabel?: boolean;
+  logPluginCall?: (data: {
+    pluginName: string;
+    pluginType?: string;
+    imageUid: string;
+    imageMetadata?: Metadata;
+  }) => void;
 }
 
 interface State {
@@ -784,6 +790,7 @@ class UserInterface extends Component<Props, State> {
                             this.props.launchPluginSettingsCallback
                           }
                           saveMetadataCallback={this.props.saveMetadataCallback}
+                          logPluginCall={this.props.logPluginCall}
                         />
                       )}
                     </>