@playpilot/tpi 6.2.7 → 6.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@playpilot/tpi",
-	"version": "6.2.7",
+	"version": "6.2.9",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",

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

@@ -1,5 +1,6 @@
 <script lang="ts">
   import { heading } from '$lib/actions/heading'
+  import { fetchAds } from '$lib/api/ads'
   import { fetchTitles } from '$lib/api/titles'
   import { TrackingEvent } from '$lib/enums/TrackingEvent'
   import { exploreParentSelector } from '$lib/explore'
@@ -46,7 +47,11 @@
     height = element?.closest<HTMLElement>(exploreParentSelector)?.style.height || null
   })
 
-  onMount(() => track(TrackingEvent.ExplorePageView))
+  onMount(async () => {
+    track(TrackingEvent.ExplorePageView)
+
+    if (!window.PlayPilotLinkInjections.ads?.length) window.PlayPilotLinkInjections.ads = await fetchAds()
+  })
 
   async function getTitlesForFilter(): Promise<APIPaginatedResult<TitleData>> {
     latestRequestId += 1

package/src/routes/components/SwipeHandle.svelte

@@ -42,10 +42,12 @@
     if (!target) return
     if (!isDragging) return
 
+    event.preventDefault()
+
     movementCurrentY = event.touches[0].pageY
 
-    target.style.transform = `translateY(${difference}px)`
-    handleElement!.style.transform = `translateY(${difference}px)`
+    target.style.top = `${difference}px`
+    handleElement!.style.top = `${difference}px`
   }
 
   export function end(): void {

package/src/tests/routes/components/Explore/Explore.test.js

@@ -6,6 +6,7 @@ import { fetchTitles } from '$lib/api/titles'
 import { title } from '$lib/fakeData'
 import { TrackingEvent } from '$lib/enums/TrackingEvent'
 import { track } from '$lib/tracking'
+import { fetchAds } from '$lib/api/ads'
 
 vi.mock('$lib/api/titles', () => ({
   fetchTitles: vi.fn(),
@@ -19,8 +20,15 @@ vi.mock('$lib/tracking', () => ({
   track: vi.fn(),
 }))
 
+vi.mock('$lib/api/ads', () => ({
+  fetchAds: vi.fn(),
+}))
+
 describe('Explore.svelte', () => {
   beforeEach(() => {
+    // @ts-ignore
+    window.PlayPilotLinkInjections = {}
+
     vi.resetAllMocks()
   })
 
@@ -30,10 +38,23 @@ describe('Explore.svelte', () => {
     expect(fetchTitles).toHaveBeenCalledWith({ page_size: 24, page: 1 })
   })
 
-  it('Should call tracking event on mount', () => {
+  it('Should call tracking event and fetchAds on mount', () => {
     render(Explore)
 
     expect(track).toHaveBeenCalledWith(TrackingEvent.ExplorePageView)
+    expect(fetchAds).toHaveBeenCalled()
+  })
+
+  it('Should not call fetchAds on mount if ads are already present', () => {
+    // @ts-ignore
+    window.PlayPilotLinkInjections = {
+      // @ts-ignore
+      ads: ['a'],
+    }
+
+    render(Explore)
+
+    expect(fetchAds).not.toHaveBeenCalled()
   })
 
   it('Should render all returned titles', async () => {