Merge pull request #65 from plausible/site-verification-extension

Make tracking work with site verification

src/lib/request.ts

@@ -13,12 +13,16 @@ type EventPayload = {
   readonly p?: string;
 };
 
+type CallbackArgs = {
+  readonly status: number;
+};
+
 // eslint-disable-next-line functional/no-mixed-type
 export type EventOptions = {
   /**
    * Callback called when the event is successfully sent.
    */
-  readonly callback?: () => void;
+  readonly callback?: (args: CallbackArgs) => void;
   /**
    * Properties to be bound to the event.
    */
@@ -76,7 +80,7 @@ export function sendEvent(
   req.onreadystatechange = () => {
     if (req.readyState !== 4) return;
     if (options && options.callback) {
-      options.callback();
+      options.callback({ status: req.status });
     }
   };
 }

src/lib/tracker.ts

@@ -1,5 +1,13 @@
 import { EventOptions, sendEvent } from './request';
 
+declare global {
+  // eslint-disable-next-line functional/prefer-type-literal
+  interface Window {
+    // eslint-disable-next-line functional/prefer-readonly-type
+    plausible: TrackEvent;
+  }
+}
+
 /**
  * Options used when initializing the tracker.
  */
@@ -207,6 +215,7 @@ type EnableAutoOutboundTracking = (
  *
  * @param defaults - Default event parameters that will be applied to all requests.
  */
+
 export default function Plausible(
   defaults?: PlausibleInitOptions
 ): {
@@ -215,6 +224,11 @@ export default function Plausible(
   readonly enableAutoPageviews: EnableAutoPageviews;
   readonly enableAutoOutboundTracking: EnableAutoOutboundTracking;
 } {
+  const modifyWindow = () => {
+    // eslint-disable-next-line functional/immutable-data
+    window.plausible = trackEvent;
+  };
+
   const getConfig = (): Required<PlausibleOptions> => ({
     hashMode: false,
     trackLocalhost: false,
@@ -230,6 +244,8 @@ export default function Plausible(
     sendEvent(eventName, { ...getConfig(), ...eventData }, options);
   };
 
+  modifyWindow();
+
   const trackPageview: TrackPageview = (eventData, options) => {
     trackEvent('pageview', options, eventData);
   };