@playpilot/tpi 8.4.1 → 8.4.3

package/package.json

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

package/src/routes/components/Debugger.svelte

@@ -1,7 +1,9 @@
 <script lang="ts">
+  import { Language } from '$lib/enums/Language'
   import { SplitTest } from '$lib/enums/SplitTest'
   import { destroyExplore, insertExplore, useExploreRouter } from '$lib/explore'
   import { getPageTextAndElements } from '$lib/injectionElements'
+  import { getLanguage } from '$lib/language'
   import { getFullUrlPath } from '$lib/url'
   import { onDestroy } from 'svelte'
 
@@ -186,12 +188,27 @@
 
     <hr />
 
-    <small>Region</small>
-    <input type="text" value={window.PlayPilotLinkInjections.region} onchange={event => {
-      destroyExplore()
-      window.PlayPilotLinkInjections.region = (event.target as HTMLInputElement).value
-      insertExplore()
-    }} />
+    <div>
+      <small>Region</small>
+      <input type="text" value={window.PlayPilotLinkInjections.region} onchange={event => {
+        destroyExplore()
+        window.PlayPilotLinkInjections.region = (event.target as HTMLInputElement).value
+        insertExplore()
+      }} />
+    </div>
+
+    <div style="margin-top: 4px">
+      <small>Language</small>
+      <select onchange={event => {
+        destroyExplore()
+        window.PlayPilotLinkInjections.language = (event.target as HTMLInputElement).value
+        insertExplore()
+      }}>
+        {#each Object.entries(Language) as [label, value] }
+          <option {value} selected={value === getLanguage()}>{label}</option>
+        {/each}
+      </select>
+    </div>
 
     <hr />
 
@@ -239,7 +256,8 @@
     }
   }
 
-  input[type="text"] {
+  input[type="text"],
+  select {
     padding: margin(0.5);
     border: 1px solid theme(primary);
     background: black;
@@ -253,7 +271,7 @@
     top: 0;
     left: 0;
     max-width: 70dvw;
-    max-height: 50dvh;
+    max-height: 80dvh;
     padding: margin(1);
     border: 1px solid theme(primary);
     background: black;

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

@@ -19,11 +19,11 @@
   }, {
     heading: t('List: Upcoming'),
     params: { from_playlist_sid: 'li42wf', region: null, no_region_filter: true },
-    properties: { expandable: true },
+    properties: { aside: true, size: 'large' },
   }, {
     heading: t('List: New'),
     params: { from_playlist_sid: 'li42WR', include_playable_types: 'SVOD,FREE' },
-    properties: { aside: true, size: 'large' },
+    properties: { expandable: true },
   }, {
     heading: t('List: Demand'),
     params: { from_playlist_sid: 'licBS' },
@@ -31,7 +31,7 @@
   }, {
     heading: t('List: Cinema'),
     params: { from_playlist_sid: 'li42WS', region: null, no_region_filter: true },
-    properties: {},
+    properties: { aside: true, size: 'large' },
   }]
 
   async function getListTitles(params: Record<string, any> = {}): Promise<TitleData[]> {

package/src/routes/components/Rails/TitlesRail.svelte

@@ -219,6 +219,10 @@
       width: calc(var(--width) * 2);
       height: var(--image-height);
       overflow: hidden;
+
+      &.expanded {
+        width: calc(var(--expanded-width) + var(--width));
+      }
     }
   }