apiHost

Author: steven-tey

packages/script/src/index.js

@@ -35,13 +35,13 @@
       return null;
     }
 
-    const api = script.getAttribute('data-api');
+    const ah = script.getAttribute('data-api-host');
     const am = script.getAttribute('data-attribution-model');
     const co = script.getAttribute('data-cookie-options');
     const qp = script.getAttribute('data-query-param');
 
     return {
-      api: api || 'https://api.dub.co/track/click',
+      apiHost: ah || 'https://api.dub.co',
       attributionModel: am || 'last-click',
       cookieOptions: co ? JSON.parse(co) : null,
       queryParam: qp || 'ref',
@@ -100,7 +100,7 @@
   // Function to check for { keys } in the URL and update cookie if necessary
   function watchForQueryParams() {
     const searchParams = new URLSearchParams(window.location.search);
-    const { api, cookieOptions, attributionModel, queryParam } =
+    const { apiHost, cookieOptions, attributionModel, queryParam } =
       getOptions(script);
 
     let clickId = searchParams.get(CLICK_ID) || searchParams.get(OLD_CLICK_ID);
@@ -109,7 +109,7 @@
       const identifier = searchParams.get(queryParam);
 
       if (identifier) {
-        fetch(api, {
+        fetch(`${apiHost}/track/click`, {
           method: 'POST',
           headers: {
             'Content-Type': 'application/json',

packages/web/src/generic.ts

@@ -18,8 +18,8 @@ function inject(props: AnalyticsProps): void {
   script.setAttribute('data-sdkn', name);
   script.setAttribute('data-sdkv', version);
 
-  if (props.api) {
-    script.setAttribute('data-api', props.api);
+  if (props.apiHost) {
+    script.setAttribute('data-api-host', props.apiHost);
   }
 
   if (props.attributionModel) {

packages/web/src/types.ts

@@ -3,9 +3,9 @@ export type AllowedPropertyValues = string | number | boolean | null;
 export interface AnalyticsProps {
   /**
    * The API endpoint to send analytics data to.
-   * @default 'https://api.dub.co/track/click'
+   * @default 'https://api.dub.co'
    */
-  api?: string;
+  apiHost?: string;
 
   /**
    * The Attribution Model to use for the analytics event.