@playpilot/tpi 5.16.2 → 5.17.0

package/package.json

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

package/src/lib/enums/TrackingEvent.ts

@@ -1,32 +1,39 @@
 /** @see /events.md */
 export const TrackingEvent = Object.freeze({
+  // General
   ArticlePageView: 'ali_article_page_view',
   ArticleInjected: 'ali_links_injected',
   InjectionVisible: 'ali_injection_visible',
 
+  // Modal
   TitleModalView: 'ali_title_modal_view',
   TitleModalClose: 'ali_title_modal_close',
   TitleModalScroll: 'ali_title_modal_scroll',
   TitleModalPlaylinkClick: 'ali_title_modal_playlink_click',
   TitleModalSaveClick: 'ali_title_modal_save_click',
 
+  // Popover
   TitlePopoverView: 'ali_title_popover_view',
   TitlePopoverClose: 'ali_title_popover_close',
   TitlePopoverSaveClick: 'ali_title_popover_save_click',
   TitlePopoverPlaylinkClick: 'ali_title_popover_playlink_click',
 
+  // After article
   AfterArticlePlaylinkClick: 'ali_after_article_playlink_click',
   AfterArticleModalButtonClick: 'ali_after_article_modal_button_click',
 
+  // Fails
   InjectionFailed: 'ali_injection_failed',
   TotalInjectionsCount: 'ali_injection_count',
   FetchingConfigFailed: 'ali_fetch_config_failed',
   AuthFailed: 'ali_auth_failed',
 
+  // Errors
   ManualReport: 'ali_manual_report',
   EditorError: 'ali_editor_error',
   InjectionError: 'ali_injection_error',
 
+  // Ads
   TopScrollView: 'ali_top_scroll_view',
   TopScrollClick: 'ali_top_scroll_click',
   DisplayAdView: 'ali_display_ad_view',
@@ -34,6 +41,7 @@ export const TrackingEvent = Object.freeze({
   DisplayedAdPlaylickClick: 'ali_display_ad_playlink_click',
   AdsFetchFailed: 'ali_ads_fetch_failed',
 
+  // Split tests
   SplitTestView: 'ali_split_test_view',
   SplitTestAction: 'ali_split_test_action',
 })

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

@@ -1,6 +1,7 @@
 <script lang="ts">
   import { browser } from '$app/environment'
-  import { title, linkInjections, campaign } from '$lib/fakeData'
+  import { title, linkInjections, campaign, participants } from '$lib/fakeData'
+  import { openModal } from '$lib/modal'
   import Disclaimer from '../components/Ads/Disclaimer.svelte'
   import Display from '../components/Ads/Display.svelte'
   import TopScroll from '../components/Ads/TopScroll.svelte'
@@ -13,12 +14,9 @@
   import RoundButton from '../components/RoundButton.svelte'
   import SkeletonText from '../components/SkeletonText.svelte'
   import Title from '../components/Title.svelte'
-  import TitleModal from '../components/TitleModal.svelte'
   import TitlePopover from '../components/TitlePopover.svelte'
   import Tooltip from '../components/Tooltip.svelte'
 
-  let showModal = $state(false)
-
   // @ts-ignore
   if (browser) window.PlayPilotLinkInjections = {}
 </script>
@@ -68,11 +66,10 @@
 <div class="group">
   <div>
     <h3>TitleModal.svelte</h3>
-    <div class="item"><button onclick={() => showModal = true}>Show modal</button></div>
-
-    {#if showModal}
-      <TitleModal {title} onclose={() => showModal = false} />
-    {/if}
+    <div class="item">
+      <button onclick={() => openModal({ type: 'title', data: title })}>Show title modal</button>
+      <button onclick={() => openModal({ type: 'participant', data: participants[0] })}>Show participant modal</button>
+    </div>
   </div>
 </div>
 

package/vite.config.js

@@ -1,4 +1,3 @@
-import fs from 'fs'
 import path from 'path'
 import { defineConfig } from 'vitest/config'
 import { sveltekit } from '@sveltejs/kit/vite'
@@ -10,47 +9,18 @@ export default defineConfig(({ command }) => ({
   plugins: [
     command === 'build' ? svelte() : sveltekit(),
     command === 'build' && cssInjectedByJsPlugin(),
-    {
-      // The build is output to /dist/index.html and /dist/assets/index-[random-hash].js
-      // We only care for the .js file. We remove the .html file, and move and remove the .js to the root .dist folder.
-      // Additionally we wrap the original output in (() => { ... }); so that all functions are self contained. This
-      // helps prevent clashes with global functions.
-
-      name: 'move-build-files',
-      writeBundle() {
-        const distPath = path.resolve(__dirname, './dist')
-        const assetsPath = path.resolve(__dirname, './dist/assets')
-
-        // Remove index.html
-        const indexHtml = path.join(distPath, 'index.html')
-        if (fs.existsSync(indexHtml)) fs.unlinkSync(indexHtml)
-
-        // Find the index-[hash].js file
-        const files = fs.readdirSync(assetsPath)
-        const jsFile = files.find(f => /^index-.*\.js$/.test(f))
-
-        if (!jsFile) return
-
-        const sourcePath = path.join(assetsPath, jsFile)
-        const targetPath = path.join(distPath, 'link-injections.js')
-
-        // Read original file and wrap it in a self contained function
-        const originalContent = fs.readFileSync(sourcePath, 'utf8')
-        const wrappedContent = `(() => {\n${originalContent}\n})();\n`
-
-        // Write a new file
-        fs.writeFileSync(targetPath, wrappedContent)
-        console.log(`Moved and renamed ${jsFile} to link-injections.js`)
-
-        // Remove original file
-        fs.unlinkSync(sourcePath)
+  ],
 
-        // Remove the now-empty /assets directory
-        const remaining = fs.readdirSync(assetsPath)
-        if (remaining.length === 0) fs.rmdirSync(assetsPath)
+  build: {
+    rollupOptions: {
+      input: './src/main.ts',
+      output: {
+        format: 'iife',
+        name: 'PlayPilotLinkInjections',
+        entryFileNames: 'link-injections.js',
       },
     },
-  ],
+  },
 
   server: {
     port: 3000,