@playpilot/tpi 6.9.0 → 6.9.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/link-injections.js +9 -9
- package/package.json +1 -1
- package/src/lib/enums/SplitTest.ts +0 -5
- package/src/lib/scss/global.scss +1 -0
- package/src/routes/components/Title.svelte +3 -25
- package/src/routes/components/TitleModal.svelte +1 -3
- package/src/routes/components/TitlePopover.svelte +1 -3
package/package.json
CHANGED
|
@@ -4,9 +4,4 @@ export const SplitTest = {
|
|
|
4
4
|
numberOfVariants: 2,
|
|
5
5
|
variantNames: ['Separated', 'Inline'] as string[],
|
|
6
6
|
},
|
|
7
|
-
TitleDescriptionPlacement: {
|
|
8
|
-
key: 'title_description_placement',
|
|
9
|
-
numberOfVariants: 2,
|
|
10
|
-
variantNames: ['Top', 'Bottom'] as string[],
|
|
11
|
-
},
|
|
12
7
|
} as const
|
package/src/lib/scss/global.scss
CHANGED
|
@@ -13,9 +13,7 @@
|
|
|
13
13
|
import { heading } from '$lib/actions/heading'
|
|
14
14
|
import { removeImageUrlPrefix } from '$lib/image'
|
|
15
15
|
import { titleUrl } from '$lib/routes'
|
|
16
|
-
import {
|
|
17
|
-
import { onMount, setContext } from 'svelte'
|
|
18
|
-
import { SplitTest } from '$lib/enums/SplitTest'
|
|
16
|
+
import { setContext } from 'svelte'
|
|
19
17
|
import { track } from '$lib/tracking'
|
|
20
18
|
import { TrackingEvent } from '$lib/enums/TrackingEvent'
|
|
21
19
|
|
|
@@ -33,18 +31,8 @@
|
|
|
33
31
|
let posterLoaded = $state(false)
|
|
34
32
|
let backgroundLoaded = $state(false)
|
|
35
33
|
let useBackgroundFallback = $state(false)
|
|
36
|
-
|
|
37
|
-
onMount(() => {
|
|
38
|
-
if (showDescription) trackSplitTestView(SplitTest.TitleDescriptionPlacement)
|
|
39
|
-
})
|
|
40
34
|
</script>
|
|
41
35
|
|
|
42
|
-
{#snippet description()}
|
|
43
|
-
{#if showDescription}
|
|
44
|
-
<Description text={title.description!} blurb={title.blurb} onclick={() => track(TrackingEvent.ExpandTitleDescription, title)} />
|
|
45
|
-
{/if}
|
|
46
|
-
{/snippet}
|
|
47
|
-
|
|
48
36
|
<div class="content" class:small>
|
|
49
37
|
<div class="header">
|
|
50
38
|
<div class="poster" class:loaded={posterLoaded}>
|
|
@@ -79,16 +67,12 @@
|
|
|
79
67
|
</div>
|
|
80
68
|
|
|
81
69
|
<div class="main">
|
|
82
|
-
{#if
|
|
83
|
-
{
|
|
70
|
+
{#if showDescription}
|
|
71
|
+
<Description text={title.description!} blurb={title.blurb} onclick={() => track(TrackingEvent.ExpandTitleDescription, title)} />
|
|
84
72
|
{/if}
|
|
85
73
|
|
|
86
74
|
<Playlinks playlinks={title.providers} {title} />
|
|
87
75
|
|
|
88
|
-
{#if isInSplitTestVariant(SplitTest.TitleDescriptionPlacement, 1)}
|
|
89
|
-
{@render description()}
|
|
90
|
-
{/if}
|
|
91
|
-
|
|
92
76
|
<ParticipantsRail {title} />
|
|
93
77
|
<SimilarRail {title} />
|
|
94
78
|
</div>
|
|
@@ -206,12 +190,6 @@
|
|
|
206
190
|
margin-top: margin(1);
|
|
207
191
|
}
|
|
208
192
|
|
|
209
|
-
.right {
|
|
210
|
-
display: flex;
|
|
211
|
-
gap: inherit;
|
|
212
|
-
margin-left: auto;
|
|
213
|
-
}
|
|
214
|
-
|
|
215
193
|
.background {
|
|
216
194
|
position: absolute;
|
|
217
195
|
top: 0;
|
|
@@ -9,8 +9,6 @@
|
|
|
9
9
|
import TopScroll from './Ads/TopScroll.svelte'
|
|
10
10
|
import Display from './Ads/Display.svelte'
|
|
11
11
|
import ExploreCallToAction from './Explore/ExploreCallToAction.svelte'
|
|
12
|
-
import { getSplitTestVariantName } from '$lib/splitTest'
|
|
13
|
-
import { SplitTest } from '$lib/enums/SplitTest'
|
|
14
12
|
|
|
15
13
|
interface Props {
|
|
16
14
|
title: TitleData
|
|
@@ -30,7 +28,7 @@
|
|
|
30
28
|
onMount(() => {
|
|
31
29
|
const openTimestamp = Date.now()
|
|
32
30
|
|
|
33
|
-
return () => track(TrackingEvent.TitleModalClose, title, { time_spent: Date.now() - openTimestamp
|
|
31
|
+
return () => track(TrackingEvent.TitleModalClose, title, { time_spent: Date.now() - openTimestamp })
|
|
34
32
|
})
|
|
35
33
|
|
|
36
34
|
function onscroll(): void {
|
|
@@ -8,8 +8,6 @@
|
|
|
8
8
|
import Title from './Title.svelte'
|
|
9
9
|
import TopScroll from './Ads/TopScroll.svelte'
|
|
10
10
|
import Display from './Ads/Display.svelte'
|
|
11
|
-
import { getSplitTestVariantName } from '$lib/splitTest'
|
|
12
|
-
import { SplitTest } from '$lib/enums/SplitTest'
|
|
13
11
|
|
|
14
12
|
interface Props {
|
|
15
13
|
event: MouseEvent
|
|
@@ -29,7 +27,7 @@
|
|
|
29
27
|
setOffset()
|
|
30
28
|
|
|
31
29
|
const openTimestamp = Date.now()
|
|
32
|
-
return () => track(TrackingEvent.TitlePopoverClose, title, { time_spent: Date.now() - openTimestamp
|
|
30
|
+
return () => track(TrackingEvent.TitlePopoverClose, title, { time_spent: Date.now() - openTimestamp })
|
|
33
31
|
})
|
|
34
32
|
|
|
35
33
|
/**
|