@happyvertical/smrt-analytics 0.55.15 → 0.55.17
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/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/manifest.json +1 -1
- package/dist/smrt-knowledge.json +3 -3
- package/dist/svelte/AnalyticsSummary.svelte +5 -2
- package/dist/svelte/EventsTable.svelte +5 -2
- package/dist/svelte/PropertyInfo.svelte +4 -1
- package/dist/svelte/PropertyStatusBadge.svelte +6 -3
- package/dist/svelte/StatCard.svelte +4 -1
- package/dist/svelte/TrendBadge.svelte +5 -2
- package/package.json +8 -8
package/dist/manifest.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"version": "1.0.0",
|
|
3
3
|
"timestamp": 0,
|
|
4
4
|
"packageName": "@happyvertical/smrt-analytics",
|
|
5
|
-
"packageVersion": "0.55.
|
|
5
|
+
"packageVersion": "0.55.17",
|
|
6
6
|
"objects": {
|
|
7
7
|
"@happyvertical/smrt-analytics:AnalyticsDataStreamCollection": {
|
|
8
8
|
"name": "analyticsdatastreamcollection",
|
package/dist/smrt-knowledge.json
CHANGED
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
"sensitiveFieldsExcluded": true,
|
|
4
4
|
"generatedAt": "1970-01-01T00:00:00.000Z",
|
|
5
5
|
"packageName": "@happyvertical/smrt-analytics",
|
|
6
|
-
"packageVersion": "0.55.
|
|
6
|
+
"packageVersion": "0.55.17",
|
|
7
7
|
"sourceManifestPath": "dist/manifest.json",
|
|
8
8
|
"agentDocPath": "AGENTS.md",
|
|
9
9
|
"sourceHashes": {
|
|
10
|
-
"manifest": "
|
|
11
|
-
"packageJson": "
|
|
10
|
+
"manifest": "1d74219ca6d9d287d04ec8cf8c26c8f7b6705743a0d00d8b7a9c5d346ef5910d",
|
|
11
|
+
"packageJson": "8ea7c5856a84a5adb88737a817dd3409d9f83d714b632e30ab76af92a71fa5bf",
|
|
12
12
|
"agents": "52d16fea29774e6ac50038329c1c644f2f25d2b02df4fc75c96effe7ce477713"
|
|
13
13
|
},
|
|
14
14
|
"exports": [
|
|
@@ -15,7 +15,7 @@ const { stats }: Props = $props();
|
|
|
15
15
|
</script>
|
|
16
16
|
|
|
17
17
|
{#if stats}
|
|
18
|
-
<div class="analytics-summary">
|
|
18
|
+
<div class="analytics-summary" data-smrt-component="AnalyticsSummary">
|
|
19
19
|
<StatCard
|
|
20
20
|
label="Pageviews Today"
|
|
21
21
|
value={stats.todayPageviews.toLocaleString()}
|
|
@@ -38,12 +38,14 @@ const { stats }: Props = $props();
|
|
|
38
38
|
/>
|
|
39
39
|
</div>
|
|
40
40
|
{:else}
|
|
41
|
-
<div class="analytics-empty">
|
|
41
|
+
<div class="analytics-empty" data-smrt-component="AnalyticsSummary">
|
|
42
42
|
<p>{t(M['analytics.analytics_summary.empty'])}</p>
|
|
43
43
|
</div>
|
|
44
44
|
{/if}
|
|
45
45
|
|
|
46
46
|
<style>
|
|
47
|
+
@layer smrt.reset, smrt.structure, smrt.theme;
|
|
48
|
+
@layer smrt.theme {
|
|
47
49
|
.analytics-summary {
|
|
48
50
|
display: grid;
|
|
49
51
|
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
|
|
@@ -61,4 +63,5 @@ const { stats }: Props = $props();
|
|
|
61
63
|
.analytics-empty p {
|
|
62
64
|
margin: 0;
|
|
63
65
|
}
|
|
66
|
+
}
|
|
64
67
|
</style>
|
|
@@ -37,7 +37,7 @@ function statusClass(status: string): string {
|
|
|
37
37
|
}
|
|
38
38
|
</script>
|
|
39
39
|
|
|
40
|
-
<div class="events-table-wrapper">
|
|
40
|
+
<div class="events-table-wrapper" data-smrt-component="EventsTable">
|
|
41
41
|
{#if displayEvents.length === 0}
|
|
42
42
|
<p class="events-empty">{t(M['analytics.events_table.empty'])}</p>
|
|
43
43
|
{:else}
|
|
@@ -71,6 +71,8 @@ function statusClass(status: string): string {
|
|
|
71
71
|
</div>
|
|
72
72
|
|
|
73
73
|
<style>
|
|
74
|
+
@layer smrt.reset, smrt.structure, smrt.theme;
|
|
75
|
+
@layer smrt.theme {
|
|
74
76
|
.events-table-wrapper {
|
|
75
77
|
overflow-x: auto;
|
|
76
78
|
}
|
|
@@ -142,7 +144,7 @@ function statusClass(status: string): string {
|
|
|
142
144
|
.status-pill {
|
|
143
145
|
display: inline-block;
|
|
144
146
|
padding: 0.125rem 0.5rem;
|
|
145
|
-
border-radius: var(--smrt-radius-full
|
|
147
|
+
border-radius: var(--smrt-radius-full);
|
|
146
148
|
font-size: var(--smrt-typography-label-small-size, 0.6875rem);
|
|
147
149
|
font-weight: var(--smrt-typography-weight-medium, 500);
|
|
148
150
|
}
|
|
@@ -174,4 +176,5 @@ function statusClass(status: string): string {
|
|
|
174
176
|
color: var(--smrt-color-on-surface-variant);
|
|
175
177
|
font-size: var(--smrt-typography-body-small-size, 0.75rem);
|
|
176
178
|
}
|
|
179
|
+
}
|
|
177
180
|
</style>
|
|
@@ -47,7 +47,7 @@ const lastSyncFormatted = $derived.by(() => {
|
|
|
47
47
|
});
|
|
48
48
|
</script>
|
|
49
49
|
|
|
50
|
-
<div class="property-info">
|
|
50
|
+
<div class="property-info" data-smrt-component="PropertyInfo">
|
|
51
51
|
<div class="property-header">
|
|
52
52
|
<h3>{t(M['analytics.property_info.title'])}</h3>
|
|
53
53
|
<PropertyStatusBadge {status} />
|
|
@@ -82,6 +82,8 @@ const lastSyncFormatted = $derived.by(() => {
|
|
|
82
82
|
</div>
|
|
83
83
|
|
|
84
84
|
<style>
|
|
85
|
+
@layer smrt.reset, smrt.structure, smrt.theme;
|
|
86
|
+
@layer smrt.theme {
|
|
85
87
|
.property-info {
|
|
86
88
|
padding: 1rem;
|
|
87
89
|
background: var(--smrt-color-surface);
|
|
@@ -142,4 +144,5 @@ const lastSyncFormatted = $derived.by(() => {
|
|
|
142
144
|
color: var(--smrt-color-on-surface-variant);
|
|
143
145
|
font-size: var(--smrt-typography-body-medium-size, 0.875rem);
|
|
144
146
|
}
|
|
147
|
+
}
|
|
145
148
|
</style>
|
|
@@ -15,18 +15,20 @@ const label = $derived(
|
|
|
15
15
|
);
|
|
16
16
|
</script>
|
|
17
17
|
|
|
18
|
-
<span class="status-badge" class:connected={status === 'active'} class:pending={status === 'pending'} class:disconnected={status === 'inactive'}>
|
|
18
|
+
<span class="status-badge" class:connected={status === 'active'} class:pending={status === 'pending'} class:disconnected={status === 'inactive'} data-smrt-component="PropertyStatusBadge">
|
|
19
19
|
<span class="status-dot" aria-hidden="true"></span>
|
|
20
20
|
{label}
|
|
21
21
|
</span>
|
|
22
22
|
|
|
23
23
|
<style>
|
|
24
|
+
@layer smrt.reset, smrt.structure, smrt.theme;
|
|
25
|
+
@layer smrt.theme {
|
|
24
26
|
.status-badge {
|
|
25
27
|
display: inline-flex;
|
|
26
28
|
align-items: center;
|
|
27
29
|
gap: 0.375rem;
|
|
28
30
|
padding: 0.25rem 0.625rem;
|
|
29
|
-
border-radius: var(--smrt-radius-full
|
|
31
|
+
border-radius: var(--smrt-radius-full);
|
|
30
32
|
font-size: var(--smrt-typography-label-medium-size, 0.75rem);
|
|
31
33
|
font-weight: var(--smrt-typography-weight-medium, 500);
|
|
32
34
|
}
|
|
@@ -34,7 +36,7 @@ const label = $derived(
|
|
|
34
36
|
.status-dot {
|
|
35
37
|
width: 0.5rem;
|
|
36
38
|
height: 0.5rem;
|
|
37
|
-
border-radius: var(--smrt-radius-full
|
|
39
|
+
border-radius: var(--smrt-radius-full);
|
|
38
40
|
}
|
|
39
41
|
|
|
40
42
|
.connected {
|
|
@@ -63,4 +65,5 @@ const label = $derived(
|
|
|
63
65
|
.disconnected .status-dot {
|
|
64
66
|
background: var(--smrt-color-outline);
|
|
65
67
|
}
|
|
68
|
+
}
|
|
66
69
|
</style>
|
|
@@ -17,7 +17,7 @@ interface Props {
|
|
|
17
17
|
const { label, value, trend, trendPercent, subtitle }: Props = $props();
|
|
18
18
|
</script>
|
|
19
19
|
|
|
20
|
-
<div class="stat-card">
|
|
20
|
+
<div class="stat-card" data-smrt-component="StatCard">
|
|
21
21
|
<div class="stat-label">{label}</div>
|
|
22
22
|
<div class="stat-row">
|
|
23
23
|
<div class="stat-value">{value}</div>
|
|
@@ -31,6 +31,8 @@ const { label, value, trend, trendPercent, subtitle }: Props = $props();
|
|
|
31
31
|
</div>
|
|
32
32
|
|
|
33
33
|
<style>
|
|
34
|
+
@layer smrt.reset, smrt.structure, smrt.theme;
|
|
35
|
+
@layer smrt.theme {
|
|
34
36
|
.stat-card {
|
|
35
37
|
padding: 1rem;
|
|
36
38
|
background: var(--smrt-color-surface);
|
|
@@ -65,4 +67,5 @@ const { label, value, trend, trendPercent, subtitle }: Props = $props();
|
|
|
65
67
|
color: var(--smrt-color-on-surface-variant);
|
|
66
68
|
margin-top: 0.25rem;
|
|
67
69
|
}
|
|
70
|
+
}
|
|
68
71
|
</style>
|
|
@@ -15,18 +15,20 @@ const arrow = $derived(
|
|
|
15
15
|
const display = $derived(percent === null ? 'new' : `${Math.abs(percent)}%`);
|
|
16
16
|
</script>
|
|
17
17
|
|
|
18
|
-
<span class="trend-badge" class:up={trend === 'up'} class:down={trend === 'down'} class:flat={trend === 'flat'}>
|
|
18
|
+
<span class="trend-badge" class:up={trend === 'up'} class:down={trend === 'down'} class:flat={trend === 'flat'} data-smrt-component="TrendBadge">
|
|
19
19
|
<span class="trend-arrow" aria-hidden="true">{arrow}</span>
|
|
20
20
|
<span class="trend-percent">{display}</span>
|
|
21
21
|
</span>
|
|
22
22
|
|
|
23
23
|
<style>
|
|
24
|
+
@layer smrt.reset, smrt.structure, smrt.theme;
|
|
25
|
+
@layer smrt.theme {
|
|
24
26
|
.trend-badge {
|
|
25
27
|
display: inline-flex;
|
|
26
28
|
align-items: center;
|
|
27
29
|
gap: 0.25rem;
|
|
28
30
|
padding: 0.125rem 0.5rem;
|
|
29
|
-
border-radius: var(--smrt-radius-full
|
|
31
|
+
border-radius: var(--smrt-radius-full);
|
|
30
32
|
font-size: var(--smrt-typography-label-medium-size, 0.75rem);
|
|
31
33
|
font-weight: var(--smrt-typography-weight-semibold, 600);
|
|
32
34
|
line-height: 1;
|
|
@@ -50,4 +52,5 @@ const display = $derived(percent === null ? 'new' : `${Math.abs(percent)}%`);
|
|
|
50
52
|
.trend-arrow {
|
|
51
53
|
font-size: var(--smrt-typography-label-large-size, 0.875rem);
|
|
52
54
|
}
|
|
55
|
+
}
|
|
53
56
|
</style>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@happyvertical/smrt-analytics",
|
|
3
|
-
"version": "0.55.
|
|
3
|
+
"version": "0.55.17",
|
|
4
4
|
"smrtJsdoc": "strict",
|
|
5
5
|
"description": "Analytics integration models for SMRT framework",
|
|
6
6
|
"type": "module",
|
|
@@ -33,11 +33,11 @@
|
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@happyvertical/smrt-core": "0.55.
|
|
37
|
-
"@happyvertical/smrt-prompts": "0.55.
|
|
38
|
-
"@happyvertical/smrt-tenancy": "0.55.
|
|
39
|
-
"@happyvertical/smrt-types": "0.55.
|
|
40
|
-
"@happyvertical/smrt-ui": "0.55.
|
|
36
|
+
"@happyvertical/smrt-core": "0.55.17",
|
|
37
|
+
"@happyvertical/smrt-prompts": "0.55.17",
|
|
38
|
+
"@happyvertical/smrt-tenancy": "0.55.17",
|
|
39
|
+
"@happyvertical/smrt-types": "0.55.17",
|
|
40
|
+
"@happyvertical/smrt-ui": "0.55.17"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
43
|
"svelte": "^5.57.0"
|
|
@@ -48,8 +48,8 @@
|
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
|
-
"@happyvertical/smrt-scanner": "0.55.
|
|
52
|
-
"@happyvertical/smrt-vitest": "0.55.
|
|
51
|
+
"@happyvertical/smrt-scanner": "0.55.17",
|
|
52
|
+
"@happyvertical/smrt-vitest": "0.55.17",
|
|
53
53
|
"@happyvertical/sql": "^0.103.4",
|
|
54
54
|
"@sveltejs/package": "^2.5.8",
|
|
55
55
|
"@types/node": "24.13.6",
|