@playpilot/tpi 8.21.7 → 8.21.8-beta.1

package/package.json

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

package/src/lib/api/youtubeAvailability.ts

@@ -1,7 +1,8 @@
 import { PUBLIC_YOUTUBE_AVAILABILITY_URL } from '$env/static/public'
+import { getRegionBasedOnIp } from './region'
 
 export async function isYouTubeVideoAvailableInRegion(videoId: string): Promise<boolean> {
-  const region = window.PlayPilotLinkInjections?.region?.toUpperCase()
+  const region = (await getRegionBasedOnIp())?.toUpperCase()
 
   if (!region) return true
 

package/src/routes/+page.svelte

@@ -215,7 +215,7 @@
           }} />
 
         {#snippet failed()}
-          <Alert fixed>An error has occured in the PlayPilot Linkinjections editor view. We've been notified and will investigate!</Alert>
+          <Alert fixed>An error has occurred in the PlayPilot Linkinjections editor view. We've been notified and will investigate!</Alert>
         {/snippet}
       </svelte:boundary>
     {/if}

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

@@ -74,7 +74,13 @@
 
 <svelte:window on:popstate={onhashchange} />
 
-<ExploreLayout {navigate} bind:searchQuery bind:filter>
-  <CurrentRouteComponent {searchQuery} {filter} {navigate} />
-  <CurrentAppendComponent {navigate} />
-</ExploreLayout>
+<svelte:boundary onerror={(error) => console.error(error)}>
+  <ExploreLayout {navigate} bind:searchQuery bind:filter>
+    <CurrentRouteComponent {searchQuery} {filter} {navigate} />
+    <CurrentAppendComponent {navigate} />
+  </ExploreLayout>
+
+  {#snippet failed()}
+    <p>An error occurred.</p>
+  {/snippet}
+</svelte:boundary>

package/src/tests/lib/api/youtubeAvailability.test.js

@@ -1,6 +1,7 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { isYouTubeVideoAvailableInRegion } from '$lib/api/youtubeAvailability'
 import { fakeFetch } from '../../helpers'
+import { getRegionBasedOnIp } from '$lib/api/region'
 
 vi.mock('$lib/tracking', () => ({
   track: vi.fn(),
@@ -10,6 +11,10 @@ vi.mock('$env/static/public', () => ({
   PUBLIC_YOUTUBE_AVAILABILITY_URL: 'https://some-path.com',
 }))
 
+vi.mock('$lib/api/region', () => ({
+  getRegionBasedOnIp: vi.fn(),
+}))
+
 describe('youtubeAvailability', () => {
   beforeEach(() => {
     vi.resetAllMocks()
@@ -17,6 +22,8 @@ describe('youtubeAvailability', () => {
 
     // @ts-ignore
     window.PlayPilotLinkInjections = { region: 'nl' }
+
+    vi.mocked(getRegionBasedOnIp).mockResolvedValue('nl')
   })
 
   describe('isYouTubeVideoAvailableInRegion', () => {
@@ -24,6 +31,8 @@ describe('youtubeAvailability', () => {
       // @ts-ignore
       window.PlayPilotLinkInjections = {}
 
+      vi.mocked(getRegionBasedOnIp).mockResolvedValueOnce('')
+
       expect(await isYouTubeVideoAvailableInRegion('video-id')).toBe(true)
       expect(global.fetch).not.toHaveBeenCalled()
     })