@playpilot/tpi 8.34.1 → 8.34.2

package/package.json

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

package/src/lib/enums/SplitTest.ts

@@ -4,9 +4,4 @@ export const SplitTest = {
     numberOfVariants: 2,
     variantNames: ['Separated', 'Inline'] as string[],
   },
-  Reels: {
-    key: 'reels',
-    numberOfVariants: 2,
-    variantNames: ['Default', 'Reel'] as string[],
-  },
 } as const

package/src/lib/modal.ts

@@ -11,9 +11,8 @@ import { playFallbackViewTransition } from './viewTransition'
 import { destroyLinkPopover } from './popover'
 import { prefersReducedMotion } from 'svelte/motion'
 import TitlesRailModal from '../routes/components/Modals/TitlesRailModal.svelte'
-import TitlesReelModal from '../routes/components/Modals/TitlesReelModal.svelte'
 
-export type ModalType = 'title' | 'participant' | 'titles-rail' | 'titles-reel'
+export type ModalType = 'title' | 'participant' | 'titles-rail'
 
 type Modal = {
   injection?: LinkInjection | null
@@ -55,7 +54,6 @@ function getModalComponentByType(
   { type: Modal['type'], target: Element, data: Modal['data'], props?: Record<string, any> }): ReturnType<typeof mount> {
   if (type === 'participant') return mount(ParticipantModal, { target, props: { participant: data as ParticipantData, ...props  } })
   if (type === 'titles-rail') return mount(TitlesRailModal, { target, props: { titles: data as TitleData[], ...props } })
-  if (type === 'titles-reel') return mount(TitlesReelModal, { target, props: { titles: data as TitleData[], ...props } })
   return mount(TitleModal, { target, props: { title: data as TitleData, ...props } })
 }
 

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

@@ -21,17 +21,10 @@
 
     if (!sid) return
 
-    let type: ModalType = sid.startsWith('pr') ? 'participant' : 'title' // Sids with with `pr` for participants, `ti` for titles
+    let type: ModalType = sid.startsWith('pr') ? 'participant' : 'titles-rail' // Sids with with `pr` for participants, `ti` for titles
     let data: any = null
 
-    if (type === 'title') {
-      const isMobile = window.innerWidth < mobileBreakpoint
-      const isInReelSplitTest = isMobile && getSplitTestVariantName(SplitTest.Reels) === 'Reel'
-
-      if (isMobile) trackSplitTestView(SplitTest.Reels)
-
-      type = isMobile && isInReelSplitTest ? 'titles-reel' : 'titles-rail'
-
+    if (type === 'titles-rail') {
       const [title, railTitles] = (await Promise.allSettled([fetchTitleBySid(sid), fetchSimilarTitles({ sid } as unknown as TitleData)])).map((promise) =>
         promise.status === 'fulfilled' ? promise.value : null,
       )

package/src/routes/components/YouTubeEmbed.svelte

@@ -184,7 +184,7 @@
     color: white;
 
     &:hover {
-      outline: 1px solid white;
+      outline: 2px solid white;
       transform: scale(1.1);
     }
 

package/src/routes/elements/+page.svelte

@@ -97,16 +97,6 @@
       <button onclick={() => openModal({ type: 'participant', data: participants[0] })}>Show participant modal</button>
     </div>
   </div>
-
-  <div>
-    <h3>TitlesReelModal.svelte</h3>
-
-    {#await fetchSimilarTitles(title) then titles}
-      <div class="item">
-        <button onclick={() => openModal({ type: 'titles-reel', data: titles })}>Show titles reel modal</button>
-      </div>
-    {/await}
-  </div>
 </div>
 
 <h2>Title elements</h2>

package/vite.config.js

@@ -1,42 +1,43 @@
-import path from 'path'
-import * as dotenv from 'dotenv'
-import { defineConfig } from 'vitest/config'
-import { sveltekit } from '@sveltejs/kit/vite'
-import packageJson from './package.json'
-
-dotenv.config({ path: '.env' })
-
-export default defineConfig(() => ({
-  plugins: [
-    sveltekit(),
-  ],
-
-  server: {
-    port: 3000,
-  },
-
-  test: {
-    environment: 'happy-dom',
-    environmentOptions: {
-      happyDOM: {
-        settings: {
-          disableJavaScriptFileLoading: true,
-        },
-      },
-    },
-    include: ['src/**/*.{test,spec}.{js,ts}'],
-    setupFiles: ['src/tests/setup.js'],
-  },
-
-  resolve: {
-    conditions: process.env.VITEST ? ['browser'] : [],
-    alias: {
-      '$lib': path.resolve(__dirname, './src/lib'),
-    },
-  },
-
-  define: {
-    __SCRIPT_VERSION__: JSON.stringify(packageJson.version),
-    __IS_EDITORIAL_SCRIPT__: true,
-  },
-}))
+import path from 'path'
+import * as dotenv from 'dotenv'
+import { defineConfig } from 'vitest/config'
+import { sveltekit } from '@sveltejs/kit/vite'
+import packageJson from './package.json'
+
+dotenv.config({ path: '.env' })
+
+export default defineConfig(() => ({
+  plugins: [
+    sveltekit(),
+  ],
+
+  server: {
+    port: 3000,
+    allowedHosts: ['engage-moderate-happy-davis.trycloudflare.com'],
+  },
+
+  test: {
+    environment: 'happy-dom',
+    environmentOptions: {
+      happyDOM: {
+        settings: {
+          disableJavaScriptFileLoading: true,
+        },
+      },
+    },
+    include: ['src/**/*.{test,spec}.{js,ts}'],
+    setupFiles: ['src/tests/setup.js'],
+  },
+
+  resolve: {
+    conditions: process.env.VITEST ? ['browser'] : [],
+    alias: {
+      '$lib': path.resolve(__dirname, './src/lib'),
+    },
+  },
+
+  define: {
+    __SCRIPT_VERSION__: JSON.stringify(packageJson.version),
+    __IS_EDITORIAL_SCRIPT__: true,
+  },
+}))