@playpilot/tpi 6.9.2 → 6.9.3

package/package.json

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

package/src/lib/types/config.d.ts

@@ -54,6 +54,11 @@ export type ConfigResponse = {
    */
   require_affiliate_consent?: boolean
 
+  /**
+   * Scroll reveal posters that show on mobile are enabled by default. Use this option to disable them.
+   */
+  disable_scroll_reveal_posters?: boolean
+
   /**
    * The following options are all relevant for in text disclaimers, which renders as a disclaimer text within the article,
    * rather than only inside of title cards.

package/src/routes/components/PostersScrollReveal.svelte

@@ -17,6 +17,7 @@
   onDestroy(destroyAllPosters)
 
   function onscroll(): void {
+    if (window.PlayPilotLinkInjections?.config?.disable_scroll_reveal_posters) return
     if (!isMobile) return
 
     setScrollTimeout()

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

@@ -14,8 +14,11 @@ function createPosterLink(top = 0, url = 'poster.jpg') {
   return link
 }
 
-describe('FloatingPoster', () => {
+describe('PostersScrollReveal', () => {
   beforeEach(() => {
+    // @ts-ignore
+    window.PlayPilotLinkInjections = {}
+
     document.body.innerHTML = ''
 
     Object.defineProperty(window, 'innerHeight', {
@@ -44,6 +47,19 @@ describe('FloatingPoster', () => {
     expect(poster?.getAttribute('src')).toBe('poster.jpg')
   })
 
+  it('Should not create poster when config object value is given', async () => {
+    window.PlayPilotLinkInjections.config = { disable_scroll_reveal_posters: true }
+
+    createPosterLink(500)
+
+    render(PostersScrollReveal)
+
+    window.dispatchEvent(new Event('scroll'))
+
+    const poster = document.querySelector('[data-playpilot-poster]')
+    expect(poster).not.toBeTruthy()
+  })
+
   it('Should not create posters on desktop when link is in viewport', async () => {
     createPosterLink(500)