@agent-analytics/shared-ui 0.1.0 → 0.3.0
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/README.md +7 -1
- package/dist/astro/Footer.astro +287 -59
- package/dist/eleventy/footer.njk +289 -15
- package/dist/eleventy/header.njk +250 -0
- package/dist/footer.js +279 -50
- package/dist/header.js +179 -0
- package/dist/index.js +1 -1
- package/dist/locales.js +154 -0
- package/dist/recipes.css +258 -20
- package/package.json +4 -1
package/README.md
CHANGED
|
@@ -2,13 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
Shared UI primitives, design tokens, and site chrome for Agent Analytics properties.
|
|
4
4
|
|
|
5
|
+
Consumers install published package versions only. Do not rely on sibling-repo `dist/` fallbacks in app builds or CI.
|
|
6
|
+
|
|
5
7
|
## Exports
|
|
6
8
|
|
|
7
9
|
- `@agent-analytics/shared-ui/tokens.json`
|
|
8
10
|
- `@agent-analytics/shared-ui/variables.css`
|
|
9
11
|
- `@agent-analytics/shared-ui/tailwind.css`
|
|
10
12
|
- `@agent-analytics/shared-ui/recipes.css`
|
|
13
|
+
- `@agent-analytics/shared-ui/header`
|
|
11
14
|
- `@agent-analytics/shared-ui/footer`
|
|
15
|
+
- `@agent-analytics/shared-ui/eleventy/header.njk`
|
|
12
16
|
- `@agent-analytics/shared-ui/astro/Footer.astro`
|
|
13
17
|
- `@agent-analytics/shared-ui/eleventy/footer.njk`
|
|
14
18
|
|
|
@@ -24,8 +28,10 @@ npm run build
|
|
|
24
28
|
npm publish --access public
|
|
25
29
|
```
|
|
26
30
|
|
|
31
|
+
After publishing a new version, update each consumer repo to that exact version and refresh its lockfile before pushing.
|
|
32
|
+
|
|
27
33
|
## Consumer usage
|
|
28
34
|
|
|
29
35
|
```bash
|
|
30
|
-
npm install @agent-analytics/shared-ui@0.
|
|
36
|
+
npm install @agent-analytics/shared-ui@0.2.0
|
|
31
37
|
```
|
package/dist/astro/Footer.astro
CHANGED
|
@@ -1,70 +1,298 @@
|
|
|
1
1
|
---
|
|
2
|
-
const
|
|
3
|
-
{
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
"
|
|
2
|
+
const footerData = {
|
|
3
|
+
"en": {
|
|
4
|
+
"title": "Agent Analytics",
|
|
5
|
+
"description": "Agent-ready analytics for builders who ship fast.",
|
|
6
|
+
"copy": "Built for builders who ship fast. Open source under MIT.",
|
|
7
|
+
"logoAlt": "Agent Analytics",
|
|
8
|
+
"logoSrc": "/logo-v2.png",
|
|
9
|
+
"sections": [
|
|
10
|
+
{
|
|
11
|
+
"title": "Product",
|
|
12
|
+
"links": [
|
|
13
|
+
{
|
|
14
|
+
"href": "https://app.agentanalytics.sh",
|
|
15
|
+
"label": "Dashboard",
|
|
16
|
+
"trackingId": "footer_product_dashboard"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"href": "https://blog.agentanalytics.sh/",
|
|
20
|
+
"label": "Blog",
|
|
21
|
+
"trackingId": "footer_product_blog"
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"href": "https://docs.agentanalytics.sh/",
|
|
25
|
+
"label": "API Docs",
|
|
26
|
+
"trackingId": "footer_product_docs"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"href": "https://github.com/Agent-Analytics/agent-analytics",
|
|
30
|
+
"label": "GitHub",
|
|
31
|
+
"external": true,
|
|
32
|
+
"trackingId": "footer_product_github"
|
|
33
|
+
}
|
|
34
|
+
]
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"title": "Compare",
|
|
38
|
+
"links": [
|
|
39
|
+
{
|
|
40
|
+
"href": "https://agentanalytics.sh/compare/umami",
|
|
41
|
+
"label": "vs Umami",
|
|
42
|
+
"trackingId": "footer_compare_umami"
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
"href": "https://agentanalytics.sh/compare/mixpanel",
|
|
46
|
+
"label": "vs Mixpanel",
|
|
47
|
+
"trackingId": "footer_compare_mixpanel"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"href": "https://agentanalytics.sh/compare/amplitude",
|
|
51
|
+
"label": "vs Amplitude",
|
|
52
|
+
"trackingId": "footer_compare_amplitude"
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"href": "https://agentanalytics.sh/compare/ga4",
|
|
56
|
+
"label": "vs GA4",
|
|
57
|
+
"trackingId": "footer_compare_ga4"
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"href": "https://agentanalytics.sh/compare/heap",
|
|
61
|
+
"label": "vs Heap",
|
|
62
|
+
"trackingId": "footer_compare_heap"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"href": "https://agentanalytics.sh/compare/adobe-analytics",
|
|
66
|
+
"label": "vs Adobe Analytics",
|
|
67
|
+
"trackingId": "footer_compare_adobe_analytics"
|
|
68
|
+
}
|
|
69
|
+
]
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"title": "Company",
|
|
73
|
+
"links": [
|
|
74
|
+
{
|
|
75
|
+
"href": "https://x.com/analytics_90590",
|
|
76
|
+
"label": "X",
|
|
77
|
+
"external": true,
|
|
78
|
+
"trackingId": "footer_company_x"
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
"href": "mailto:contact@agentanalytics.sh",
|
|
82
|
+
"label": "Contact",
|
|
83
|
+
"trackingId": "footer_company_contact"
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"href": "mailto:support@agentanalytics.sh",
|
|
87
|
+
"label": "Support",
|
|
88
|
+
"trackingId": "footer_company_support"
|
|
89
|
+
}
|
|
90
|
+
]
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"title": "Legal",
|
|
94
|
+
"links": [
|
|
95
|
+
{
|
|
96
|
+
"href": "https://agentanalytics.sh/privacy",
|
|
97
|
+
"label": "Privacy",
|
|
98
|
+
"trackingId": "footer_legal_privacy"
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"href": "https://agentanalytics.sh/terms",
|
|
102
|
+
"label": "Terms",
|
|
103
|
+
"trackingId": "footer_legal_terms"
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
"href": "https://agentanalytics.sh/dpa",
|
|
107
|
+
"label": "DPA",
|
|
108
|
+
"trackingId": "footer_legal_dpa"
|
|
109
|
+
}
|
|
110
|
+
]
|
|
111
|
+
}
|
|
112
|
+
]
|
|
7
113
|
},
|
|
8
|
-
{
|
|
9
|
-
"
|
|
10
|
-
"
|
|
114
|
+
"he": {
|
|
115
|
+
"title": "Agent Analytics",
|
|
116
|
+
"description": "אנליטיקה מותאמת לסוכנים עבור בונים שמשחררים מהר.",
|
|
117
|
+
"copy": "נבנה עבור בונים שמשחררים מהר. קוד פתוח תחת MIT.",
|
|
118
|
+
"logoAlt": "Agent Analytics",
|
|
119
|
+
"logoSrc": "/logo-v2.png",
|
|
120
|
+
"sections": [
|
|
121
|
+
{
|
|
122
|
+
"title": "מוצר",
|
|
123
|
+
"links": [
|
|
124
|
+
{
|
|
125
|
+
"href": "https://app.agentanalytics.sh",
|
|
126
|
+
"label": "לוח בקרה",
|
|
127
|
+
"trackingId": "footer_product_dashboard"
|
|
128
|
+
},
|
|
129
|
+
{
|
|
130
|
+
"href": "https://blog.agentanalytics.sh/he/",
|
|
131
|
+
"label": "בלוג",
|
|
132
|
+
"trackingId": "footer_product_blog"
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
"href": "https://docs.agentanalytics.sh/he/",
|
|
136
|
+
"label": "תיעוד API",
|
|
137
|
+
"trackingId": "footer_product_docs"
|
|
138
|
+
},
|
|
139
|
+
{
|
|
140
|
+
"href": "https://github.com/Agent-Analytics/agent-analytics",
|
|
141
|
+
"label": "GitHub",
|
|
142
|
+
"external": true,
|
|
143
|
+
"trackingId": "footer_product_github"
|
|
144
|
+
}
|
|
145
|
+
]
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
"title": "חברה",
|
|
149
|
+
"links": [
|
|
150
|
+
{
|
|
151
|
+
"href": "https://x.com/analytics_90590",
|
|
152
|
+
"label": "X",
|
|
153
|
+
"external": true,
|
|
154
|
+
"trackingId": "footer_company_x"
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
"href": "mailto:contact@agentanalytics.sh",
|
|
158
|
+
"label": "יצירת קשר",
|
|
159
|
+
"trackingId": "footer_company_contact"
|
|
160
|
+
},
|
|
161
|
+
{
|
|
162
|
+
"href": "mailto:support@agentanalytics.sh",
|
|
163
|
+
"label": "תמיכה",
|
|
164
|
+
"trackingId": "footer_company_support"
|
|
165
|
+
}
|
|
166
|
+
]
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
"title": "משפטי",
|
|
170
|
+
"links": [
|
|
171
|
+
{
|
|
172
|
+
"href": "https://agentanalytics.sh/privacy",
|
|
173
|
+
"label": "פרטיות",
|
|
174
|
+
"trackingId": "footer_legal_privacy"
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
"href": "https://agentanalytics.sh/terms",
|
|
178
|
+
"label": "תנאים",
|
|
179
|
+
"trackingId": "footer_legal_terms"
|
|
180
|
+
},
|
|
181
|
+
{
|
|
182
|
+
"href": "https://agentanalytics.sh/dpa",
|
|
183
|
+
"label": "DPA",
|
|
184
|
+
"trackingId": "footer_legal_dpa"
|
|
185
|
+
}
|
|
186
|
+
]
|
|
187
|
+
}
|
|
188
|
+
]
|
|
11
189
|
},
|
|
12
|
-
{
|
|
13
|
-
"
|
|
14
|
-
"
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
190
|
+
"zh": {
|
|
191
|
+
"title": "Agent Analytics",
|
|
192
|
+
"description": "为快速交付的构建者打造的智能代理分析。",
|
|
193
|
+
"copy": "为快速交付的构建者打造。MIT 开源许可。",
|
|
194
|
+
"logoAlt": "Agent Analytics",
|
|
195
|
+
"logoSrc": "/logo-v2.png",
|
|
196
|
+
"sections": [
|
|
197
|
+
{
|
|
198
|
+
"title": "产品",
|
|
199
|
+
"links": [
|
|
200
|
+
{
|
|
201
|
+
"href": "https://app.agentanalytics.sh",
|
|
202
|
+
"label": "仪表盘",
|
|
203
|
+
"trackingId": "footer_product_dashboard"
|
|
204
|
+
},
|
|
205
|
+
{
|
|
206
|
+
"href": "https://blog.agentanalytics.sh/zh/",
|
|
207
|
+
"label": "博客",
|
|
208
|
+
"trackingId": "footer_product_blog"
|
|
209
|
+
},
|
|
210
|
+
{
|
|
211
|
+
"href": "https://docs.agentanalytics.sh/zh/",
|
|
212
|
+
"label": "API 文档",
|
|
213
|
+
"trackingId": "footer_product_docs"
|
|
214
|
+
},
|
|
215
|
+
{
|
|
216
|
+
"href": "https://github.com/Agent-Analytics/agent-analytics",
|
|
217
|
+
"label": "GitHub",
|
|
218
|
+
"external": true,
|
|
219
|
+
"trackingId": "footer_product_github"
|
|
220
|
+
}
|
|
221
|
+
]
|
|
222
|
+
},
|
|
223
|
+
{
|
|
224
|
+
"title": "公司",
|
|
225
|
+
"links": [
|
|
226
|
+
{
|
|
227
|
+
"href": "https://x.com/analytics_90590",
|
|
228
|
+
"label": "X",
|
|
229
|
+
"external": true,
|
|
230
|
+
"trackingId": "footer_company_x"
|
|
231
|
+
},
|
|
232
|
+
{
|
|
233
|
+
"href": "mailto:contact@agentanalytics.sh",
|
|
234
|
+
"label": "联系我们",
|
|
235
|
+
"trackingId": "footer_company_contact"
|
|
236
|
+
},
|
|
237
|
+
{
|
|
238
|
+
"href": "mailto:support@agentanalytics.sh",
|
|
239
|
+
"label": "支持",
|
|
240
|
+
"trackingId": "footer_company_support"
|
|
241
|
+
}
|
|
242
|
+
]
|
|
243
|
+
},
|
|
244
|
+
{
|
|
245
|
+
"title": "法律",
|
|
246
|
+
"links": [
|
|
247
|
+
{
|
|
248
|
+
"href": "https://agentanalytics.sh/privacy",
|
|
249
|
+
"label": "隐私",
|
|
250
|
+
"trackingId": "footer_legal_privacy"
|
|
251
|
+
},
|
|
252
|
+
{
|
|
253
|
+
"href": "https://agentanalytics.sh/terms",
|
|
254
|
+
"label": "条款",
|
|
255
|
+
"trackingId": "footer_legal_terms"
|
|
256
|
+
},
|
|
257
|
+
{
|
|
258
|
+
"href": "https://agentanalytics.sh/dpa",
|
|
259
|
+
"label": "DPA",
|
|
260
|
+
"trackingId": "footer_legal_dpa"
|
|
261
|
+
}
|
|
262
|
+
]
|
|
263
|
+
}
|
|
264
|
+
]
|
|
44
265
|
}
|
|
45
|
-
|
|
46
|
-
const
|
|
47
|
-
const
|
|
48
|
-
const logoAlt = "Agent Analytics";
|
|
266
|
+
};
|
|
267
|
+
const locale = Astro.props.locale ?? 'en';
|
|
268
|
+
const footer = footerData[locale] ?? footerData.en;
|
|
49
269
|
---
|
|
50
270
|
|
|
51
271
|
<footer class="aa-footer" data-aa-impression="footer">
|
|
52
272
|
<div class="aa-footer__inner">
|
|
53
|
-
<div class="aa-
|
|
54
|
-
<
|
|
273
|
+
<div class="aa-footer__grid">
|
|
274
|
+
<div class="aa-footer__brand">
|
|
275
|
+
<div class="aa-footer__mark">
|
|
276
|
+
<img src={footer.logoSrc} alt={footer.logoAlt} />
|
|
277
|
+
</div>
|
|
278
|
+
<div class="aa-footer__brand-copy">
|
|
279
|
+
<h2 class="aa-footer__title">{footer.title}</h2>
|
|
280
|
+
<p class="aa-footer__description">{footer.description}</p>
|
|
281
|
+
<p class="aa-footer__copy">{footer.copy}</p>
|
|
282
|
+
</div>
|
|
283
|
+
</div>
|
|
284
|
+
<nav class="aa-footer__sections" aria-label="Footer">
|
|
285
|
+
{footer.sections.map((section) => (
|
|
286
|
+
<section class="aa-footer__section">
|
|
287
|
+
<h3 class="aa-footer__heading">{section.title}</h3>
|
|
288
|
+
<div class="aa-footer__list">
|
|
289
|
+
{section.links.map((link) => (
|
|
290
|
+
<a href={link.href} class="aa-footer__link" target={link.external ? '_blank' : undefined} rel={link.external ? 'noopener noreferrer' : undefined} onclick={link.trackingId ? `window.aa?.track('cta_click',{id:'${link.trackingId}'})` : undefined}>{link.label}</a>
|
|
291
|
+
))}
|
|
292
|
+
</div>
|
|
293
|
+
</section>
|
|
294
|
+
))}
|
|
295
|
+
</nav>
|
|
55
296
|
</div>
|
|
56
|
-
<nav class="aa-footer__links" aria-label="Footer">
|
|
57
|
-
<a href="https://github.com/Agent-Analytics/agent-analytics" class="aa-footer__link" target="_blank" rel="noopener noreferrer">GitHub</a>
|
|
58
|
-
<a href="https://docs.agentanalytics.sh" class="aa-footer__link">API Docs</a>
|
|
59
|
-
<a href="https://blog.agentanalytics.sh" class="aa-footer__link">Blog</a>
|
|
60
|
-
<a href="https://app.agentanalytics.sh" class="aa-footer__link">Dashboard</a>
|
|
61
|
-
<a href="https://x.com/analytics_90590" class="aa-footer__link" target="_blank" rel="noopener noreferrer">X</a>
|
|
62
|
-
<a href="mailto:contact@agentanalytics.sh" class="aa-footer__link">Contact</a>
|
|
63
|
-
<a href="mailto:support@agentanalytics.sh" class="aa-footer__link">Support</a>
|
|
64
|
-
<a href="https://agentanalytics.sh/privacy" class="aa-footer__link">Privacy</a>
|
|
65
|
-
<a href="https://agentanalytics.sh/terms" class="aa-footer__link">Terms</a>
|
|
66
|
-
<a href="https://agentanalytics.sh/dpa" class="aa-footer__link">DPA</a>
|
|
67
|
-
</nav>
|
|
68
|
-
<p class="aa-footer__copy">{copy}</p>
|
|
69
297
|
</div>
|
|
70
298
|
</footer>
|