feat: add optional location attribute (#30)

* feat: add optional location attribute

* chore: bump version to 0.1.1

README.md

@@ -55,6 +55,7 @@ Directly from unpkg.com
 | slot-id      | String          | The slot ID for this banner          |
 | category-id  | Optional String | The category ID of the current page  |
 | search-query | Optional String | The search query of the current page |
+| location     | Optional String | The location for geotargeting        |
 
 # Banner Behaviors
 

package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package.json",
   "name": "@topsort/banners",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A web component for displaying Topsort banner ads.",
   "type": "module",
   "author": "Topsort",

src/index.ts

@@ -70,6 +70,9 @@ interface Auction {
   category?: {
     id: string;
   };
+  geoTargeting?: {
+    location: string;
+  };
   searchQuery?: string;
 }
 
@@ -103,6 +106,9 @@ export class TopsortBanner extends LitElement {
   @property({ attribute: "search-query", type: String })
   readonly searchQuery?: string;
 
+  @property({ attribute: "location", type: String })
+  readonly location?: string;
+
   @state()
   private state: BannerState = {
     status: "loading",
@@ -150,6 +156,11 @@ export class TopsortBanner extends LitElement {
       } else if (this.searchQuery) {
         auction.searchQuery = this.searchQuery;
       }
+      if (this.location) {
+        auction.geoTargeting = {
+          location: this.location,
+        };
+      }
       const token = window.TS.token;
       const url = window.TS.url || "https://api.topsort.com";
       const res = await fetch(new URL(`${url}/v2/auctions`), {