@playpilot/tpi 8.4.0 → 8.4.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@playpilot/tpi",
-	"version": "8.4.0",
+	"version": "8.4.2",
 	"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;