@playpilot/tpi 6.10.6 → 6.10.7

package/package.json

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

package/src/lib/api/externalPages.ts

@@ -50,7 +50,7 @@ export async function fetchLinkInjections(
   }
 
   // This is used when debugging (using window.PlayPilotLinkInjections.debug())
-  window.PlayPilotLinkInjections.last_successful_fetch = response
+  window.PlayPilotLinkInjections.successful_fetches?.push(response)
 
   return response
 }

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

@@ -20,8 +20,8 @@ export type ScriptConfig = {
   after_article_insert_position?: InsertPosition | ''
   // The language of the page will be inferred from the html `lang` attribute. Can be set manually using this option in the config object.
   language?: string | null
-  // Set to the last success external-pages fetch.
-  last_successful_fetch?: LinkInjectionResponse | null
+  // Lists all fetches to external pages
+  successful_fetches?: LinkInjectionResponse[]
   // Lists all tracked events through the `track()` function.
   tracked_events?: { event: string, payload: Record<string, any> }[]
   // Queued tracking events that were fired before consent was given. These might be fired later if the user consents.

package/src/main.ts

@@ -15,7 +15,7 @@ window.PlayPilotLinkInjections = {
   region: null,
   organization_sid: null,
   domain_sid: null,
-  last_successful_fetch: null,
+  successful_fetches: [],
   tracked_events: [],
   queued_tracking_events: [],
   split_test_identifiers: {},
@@ -94,8 +94,8 @@ window.PlayPilotLinkInjections = {
     console.log('Valid elements', elements)
     console.groupEnd()
 
-    console.groupCollapsed('Last fetch')
-    console.log(this.last_successful_fetch)
+    console.groupCollapsed('Successful fetches')
+    console.log(this.successful_fetches)
     console.groupEnd()
 
     console.groupCollapsed('Meta')

package/src/routes/components/Debugger.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import { SplitTest } from '$lib/enums/SplitTest'
+  import { getPageMetaData } from '$lib/meta'
   import { getFullUrlPath } from '$lib/url'
   import { onDestroy } from 'svelte'
 
@@ -12,6 +13,7 @@
   const secrets = ['tpidebug', 'debugtpi']
   const lastInputs: string[] = []
   const isUsingBetaScript = !!document.querySelector('script[src*="scripts.playpilot.com/link-injection@next"]')
+  const metadata = getPageMetaData()
 
   let data = $state(dataToReadable())
   let shown = $state(false)
@@ -24,7 +26,7 @@
   function dataToReadable(): Record<string, undefined | Record<string, any>[]> {
     const data = window.PlayPilotLinkInjections
 
-    const succesfulInjections = data.evaluated_link_injections?.filter(injection => !injection.failed) || []
+    const successfulInjections = data.evaluated_link_injections?.filter(injection => !injection.failed) || []
     const failedInjections = data.evaluated_link_injections?.filter(injection => injection.failed) || []
 
     const visiblePixels = Array.from(document.querySelectorAll<HTMLImageElement>('[data-playpilot-pixel]'))
@@ -36,7 +38,8 @@
         { label: 'HTML selector', data: data.selector },
       ],
       'API Config': Object.entries(window.PlayPilotLinkInjections.config || {}).map(([label, data]) => ({ label, data })),
-      [`Succesful injections (${succesfulInjections.length})`]: succesfulInjections.map(injection => ({ label: injection.title, data: injection.sentence })),
+      'External pages responses': window.PlayPilotLinkInjections.successful_fetches?.map((item, index) => ({ label: index + 1, data: item })),
+      [`Successful injections (${successfulInjections.length})`]: successfulInjections.map(injection => ({ label: injection.title, data: injection.sentence })),
       [`Failed injections (${failedInjections.length})`]: failedInjections.map(injection => ({ label: injection.title, data: `Reason: ${injection.failed_message} | Sentence: ${injection.sentence}` })),
       [`Fetched ads (${data.ads?.length || 0})`]: data.ads?.map(ad => ({ label: ad.campaign_name, data: ad })),
       [`Tracking events (${data.tracked_events?.length || 0})`]: data.tracked_events?.map(event => ({ label: event.event, data: event.payload })),
@@ -121,6 +124,14 @@
 
     <hr />
 
+    <div class="meta">
+      {metadata.content_heading}<br>
+      modified_time: {metadata.content_modified_time}<br>
+      published_time: {metadata.content_published_time}
+    </div>
+
+    <hr />
+
     {#if !!(window.PlayPilotLinkInjections.config?.exclude_urls_pattern && getFullUrlPath().match(window.PlayPilotLinkInjections?.config?.exclude_urls_pattern))}
       <span class="error">The current URL is excluded via the config</span>
       <hr />
@@ -177,6 +188,7 @@
   }
 
   hr {
+    margin: margin(0.5) 0;
     border-color: theme(primary);
   }
 
@@ -206,11 +218,16 @@
     border: 1px solid theme(primary);
     background: black;
     overflow: auto;
-    color: white;
     font-family: "Consolas", monospace;
+    font-size: theme(font-size-base);
+    line-height: 1.5em;
     color: theme(primary);
   }
 
+  .meta {
+    font-size: theme(font-size-small);
+  }
+
   .item {
     white-space: nowrap;
     overflow-x: auto;