@playpilot/tpi 8.5.8 → 8.5.10-beta.1

package/events.md

@@ -100,6 +100,7 @@ Event | Action | Info | Payload
 `ali_expand_title_description` | _Fires any time the "show more" button is clicked for a title description_ | | `Title`
 `ali_region_request_failed` | _Fires when requests to external service for getting the user region fails_ | | `message` (error message as returned by the request)
 `ali_youtube_availability_request_failed` | _Fires when requests to external service for getting the youtube availability fails_ | | `message` (error message as returned by the request)
+`ali_card_to_explore_cta` | _Fires when the CTA in title cards leading to the streaming guide is clicked_ | |
 
 ### Explore
 Event | Action | Info | Payload

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@playpilot/tpi",
-	"version": "8.5.8",
+	"version": "8.5.10-beta.1",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",

package/src/lib/enums/TrackingEvent.ts

@@ -61,6 +61,7 @@ export const TrackingEvent = {
   ExpandTitleDescription: 'ali_expand_title_description',
   RegionRequestFailed: 'ali_region_request_failed',
   YouTubeAvailabilityRequestFailed: 'ali_youtube_availability_request_failed',
+  CardToExploreCta: 'ali_card_to_explore_cta',
 
   // Explore
   // These deliberately do not use the `ali_` prefix. We might want to separate this from TPI at some point

package/src/main.ts

@@ -37,6 +37,10 @@ window.PlayPilotLinkInjections = {
   app: null,
 
   async initialize(options = { token: '', selector: '', after_article_selector: '', after_article_insert_position: '', language: null, region: null, organization_sid: null, domain_sid: null, editorial_token: '', require_consent: true, no_affiliate: false }): Promise<void> {
+    if (window.PlayPilotLinkInjections.app) return
+
+    console.log('set')
+
     if (!options.token) {
       console.error('An API token is required.')
       return
@@ -87,8 +91,8 @@ window.PlayPilotLinkInjections = {
     const script = document.createElement('script')
 
     script.id = 'playpilot-mount'
-    script.src = `https://cdn.jsdelivr.net/npm/@playpilot/tpi@${__SCRIPT_VERSION__}/dist/${shouldLoadEditorial ? 'editorial.' : ''}mount.js`
-    // script.src = './dist/mount.js' // Use me during development of this script
+    // script.src = `https://cdn.jsdelivr.net/npm/@playpilot/tpi@${__SCRIPT_VERSION__}/dist/${shouldLoadEditorial ? 'editorial.' : ''}mount.js`
+    script.src = './dist/mount.js' // Use me during development of this script
 
     script.onload = () => window.PlayPilotMount?.mount()
 

package/src/mount.ts

@@ -4,7 +4,7 @@ import { clearLinkInjections } from '$lib/injection'
 
 window.PlayPilotMount = {
   mount(): void {
-    if (window.PlayPilotLinkInjections.app) this.destroy()
+    if (window.PlayPilotLinkInjections.app) return
 
     const target = document.createElement('div')
     target.id = 'playpilot-link-injection'

package/src/routes/components/Explore/ExploreCallToAction.svelte

@@ -1,10 +1,13 @@
 <script lang="ts">
+  import { TrackingEvent } from '$lib/enums/TrackingEvent'
+  import { track } from '$lib/tracking'
   import IconArrow from '../Icons/IconArrow.svelte'
 
   const src = 'https://cdn.jsdelivr.net/npm/@playpilot/tpi@latest/src/lib/images/titles-list.webp'
+  const href = window.PlayPilotLinkInjections?.config?.explore_navigation_path
 </script>
 
-<a class="call-to-action" href={window.PlayPilotLinkInjections?.config?.explore_navigation_path}>
+<a class="call-to-action" {href} onclick={() => track(TrackingEvent.CardToExploreCta)}>
   <img {src} alt="" width="70" height="57" />
 
   <div>

package/src/routes/components/Explore/Routes/ExploreResults.svelte

@@ -67,7 +67,7 @@
       }
     })
 
-    const response = await fetchTitles(params)
+    const response = await fetchTitles(params) || { next: null, previous: null, results: [] }
 
     if (requestId === latestRequestId) titles = [...titles, ...response.results]