Skip to content

Commit d51c402

Browse files
PringledPringled
authored
docs: Add dynamic stars/download loading, add hero badges (#19)
* Add hero badges * Add hero badges
1 parent 2f857db commit d51c402

File tree

5 files changed

+410
-136
lines changed

5 files changed

+410
-136
lines changed

‎src/components/home/HomepagePackageList.astro‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
---
2+
import {
3+
formatCompactNumber,
4+
formatExactNumber,
5+
getHomepagePackageMetrics,
6+
} from '../../data/homepageMetrics';
7+
8+
const packages = await getHomepagePackageMetrics();
9+
---
10+
11+
<div class="pkg-list">
12+
{packages.map((pkg) => (
13+
<div class="pkg-row">
14+
<div class="pkg-row-main">
15+
<a href={pkg.docsHref} class="pkg-icon-link" aria-label={`${pkg.name} docs`}>
16+
<span class="pkg-icon-wrap">
17+
<img class="pkg-icon" src={pkg.logoSrc} alt={pkg.logoAlt} loading="lazy" />
18+
</span>
19+
</a>
20+
<a href={pkg.docsHref} class="pkg-row-info">
21+
<div class="pkg-text">
22+
<span class="pkg-name">{pkg.name}</span>
23+
<span class="pkg-desc">{pkg.description}</span>
24+
</div>
25+
</a>
26+
<div class="pkg-row-meta">
27+
<a href={pkg.docsHref} class="pkg-chip pkg-chip-docs">Docs</a>
28+
<a
29+
href={pkg.githubHref}
30+
target="_blank"
31+
rel="noopener noreferrer"
32+
class="pkg-chip pkg-chip-stat"
33+
title={`${formatExactNumber(pkg.stars)} GitHub stars`}
34+
>
35+
<span class="pkg-chip-icon pkg-chip-icon-github" aria-hidden="true"></span>
36+
<span class="pkg-chip-label">Stars</span>
37+
<span class="pkg-chip-value">{formatCompactNumber(pkg.stars)}</span>
38+
</a>
39+
<a
40+
href={pkg.downloadsHref}
41+
target="_blank"
42+
rel="noopener noreferrer"
43+
class="pkg-chip pkg-chip-stat"
44+
title={`${formatExactNumber(pkg.downloads)} package downloads`}
45+
>
46+
<span class="pkg-chip-icon pkg-chip-icon-downloads" aria-hidden="true"></span>
47+
<span class="pkg-chip-label">Downloads</span>
48+
<span class="pkg-chip-value">{formatCompactNumber(pkg.downloads)}</span>
49+
</a>
50+
</div>
51+
</div>
52+
</div>
53+
))}
54+
</div>

‎src/components/home/HomepageSocialProof.astro‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
---
2+
import {
3+
formatCompactNumber,
4+
formatExactNumber,
5+
getHomepageTotals,
6+
} from '../../data/homepageMetrics';
7+
8+
const totals = await getHomepageTotals();
9+
---
10+
11+
<div class="hero-proof" aria-label="Open-source totals">
12+
<div
13+
class="hero-proof-chip"
14+
title={`${formatExactNumber(totals.stars)} GitHub stars across Minish packages`}
15+
>
16+
<span class="hero-proof-icon hero-proof-icon-github" aria-hidden="true"></span>
17+
<span class="hero-proof-copy">
18+
<span class="hero-proof-value">{formatCompactNumber(totals.stars)}+</span>
19+
<span class="hero-proof-label">GitHub stars</span>
20+
</span>
21+
</div>
22+
<span
23+
class="hero-proof-chip hero-proof-chip-muted"
24+
title={`${formatExactNumber(totals.downloads)} package downloads across Minish packages`}
25+
>
26+
<span class="hero-proof-icon hero-proof-icon-downloads" aria-hidden="true"></span>
27+
<span class="hero-proof-copy">
28+
<span class="hero-proof-value">{formatCompactNumber(totals.downloads)}+</span>
29+
<span class="hero-proof-label">Package downloads</span>
30+
</span>
31+
</span>
32+
</div>

‎src/content/docs/index.mdx‎

Lines changed: 4 additions & 136 deletions
Original file line numberDiff line numberDiff line change
@@ -20,141 +20,9 @@ hero:
2020
rel: noopener noreferrer
2121
---
2222

23-
<div class="pkg-list">
23+
import HomepagePackageList from '../../components/home/HomepagePackageList.astro';
24+
import HomepageSocialProof from '../../components/home/HomepageSocialProof.astro';
2425

25-
<div class="pkg-row">
26-
<div class="pkg-row-main">
27-
<a href="/packages/model2vec/introduction/" class="pkg-icon-link" aria-label="Model2Vec docs">
28-
<span class="pkg-icon-wrap"><img class="pkg-icon" src="/images/logos/model2vec_logo.webp" alt="Model2Vec" loading="lazy" /></span>
29-
</a>
30-
<a href="/packages/model2vec/introduction/" class="pkg-row-info">
31-
<div class="pkg-text">
32-
<span class="pkg-name">Model2Vec</span>
33-
<span class="pkg-desc">State-of-the-art static embeddings distilled from any sentence transformer.</span>
34-
</div>
35-
</a>
36-
<div class="pkg-row-meta">
37-
<a href="/packages/model2vec/introduction/" class="pkg-chip pkg-chip-docs">Docs</a>
38-
<a href="https://github.com/minishlab/model2vec" target="_blank" rel="noopener noreferrer" class="pkg-chip pkg-chip-stat">
39-
<span class="pkg-chip-icon pkg-chip-icon-github" aria-hidden="true"></span>
40-
<span class="pkg-chip-label">Stars</span>
41-
<span class="pkg-chip-value">2k</span>
42-
</a>
43-
<a href="https://pypi.org/project/model2vec/" target="_blank" rel="noopener noreferrer" class="pkg-chip pkg-chip-stat">
44-
<span class="pkg-chip-icon pkg-chip-icon-downloads" aria-hidden="true"></span>
45-
<span class="pkg-chip-label">Downloads</span>
46-
<span class="pkg-chip-value">2.2M</span>
47-
</a>
48-
</div>
49-
</div>
50-
</div>
26+
<HomepageSocialProof />
5127

52-
<div class="pkg-row">
53-
<div class="pkg-row-main">
54-
<a href="/packages/semhash/introduction/" class="pkg-icon-link" aria-label="SemHash docs">
55-
<span class="pkg-icon-wrap"><img class="pkg-icon" src="/images/logos/semhash_logo.webp" alt="SemHash" loading="lazy" /></span>
56-
</a>
57-
<a href="/packages/semhash/introduction/" class="pkg-row-info">
58-
<div class="pkg-text">
59-
<span class="pkg-name">SemHash</span>
60-
<span class="pkg-desc">Multimodal semantic deduplication, outlier filtering, and representative sampling.</span>
61-
</div>
62-
</a>
63-
<div class="pkg-row-meta">
64-
<a href="/packages/semhash/introduction/" class="pkg-chip pkg-chip-docs">Docs</a>
65-
<a href="https://github.com/minishlab/semhash" target="_blank" rel="noopener noreferrer" class="pkg-chip pkg-chip-stat">
66-
<span class="pkg-chip-icon pkg-chip-icon-github" aria-hidden="true"></span>
67-
<span class="pkg-chip-label">Stars</span>
68-
<span class="pkg-chip-value">909</span>
69-
</a>
70-
<a href="https://pypi.org/project/semhash/" target="_blank" rel="noopener noreferrer" class="pkg-chip pkg-chip-stat">
71-
<span class="pkg-chip-icon pkg-chip-icon-downloads" aria-hidden="true"></span>
72-
<span class="pkg-chip-label">Downloads</span>
73-
<span class="pkg-chip-value">264k</span>
74-
</a>
75-
</div>
76-
</div>
77-
</div>
78-
79-
<div class="pkg-row">
80-
<div class="pkg-row-main">
81-
<a href="/packages/vicinity/introduction/" class="pkg-icon-link" aria-label="Vicinity docs">
82-
<span class="pkg-icon-wrap"><img class="pkg-icon" src="/images/logos/vicinity_logo.webp" alt="Vicinity" loading="lazy" /></span>
83-
</a>
84-
<a href="/packages/vicinity/introduction/" class="pkg-row-info">
85-
<div class="pkg-text">
86-
<span class="pkg-name">Vicinity</span>
87-
<span class="pkg-desc">Flexible nearest neighbor search with multiple backends and evaluation.</span>
88-
</div>
89-
</a>
90-
<div class="pkg-row-meta">
91-
<a href="/packages/vicinity/introduction/" class="pkg-chip pkg-chip-docs">Docs</a>
92-
<a href="https://github.com/minishlab/vicinity" target="_blank" rel="noopener noreferrer" class="pkg-chip pkg-chip-stat">
93-
<span class="pkg-chip-icon pkg-chip-icon-github" aria-hidden="true"></span>
94-
<span class="pkg-chip-label">Stars</span>
95-
<span class="pkg-chip-value">336</span>
96-
</a>
97-
<a href="https://pypi.org/project/vicinity/" target="_blank" rel="noopener noreferrer" class="pkg-chip pkg-chip-stat">
98-
<span class="pkg-chip-icon pkg-chip-icon-downloads" aria-hidden="true"></span>
99-
<span class="pkg-chip-label">Downloads</span>
100-
<span class="pkg-chip-value">275k</span>
101-
</a>
102-
</div>
103-
</div>
104-
</div>
105-
106-
<div class="pkg-row">
107-
<div class="pkg-row-main">
108-
<a href="/packages/tokenlearn/usage/" class="pkg-icon-link" aria-label="Tokenlearn docs">
109-
<span class="pkg-icon-wrap"><img class="pkg-icon" src="/images/logos/tokenlearn_logo.webp" alt="Tokenlearn" loading="lazy" /></span>
110-
</a>
111-
<a href="/packages/tokenlearn/usage/" class="pkg-row-info">
112-
<div class="pkg-text">
113-
<span class="pkg-name">Tokenlearn</span>
114-
<span class="pkg-desc">Pre-train Model2Vec models on large corpora with efficient embedding distillation.</span>
115-
</div>
116-
</a>
117-
<div class="pkg-row-meta">
118-
<a href="/packages/tokenlearn/usage/" class="pkg-chip pkg-chip-docs">Docs</a>
119-
<a href="https://github.com/minishlab/tokenlearn" target="_blank" rel="noopener noreferrer" class="pkg-chip pkg-chip-stat">
120-
<span class="pkg-chip-icon pkg-chip-icon-github" aria-hidden="true"></span>
121-
<span class="pkg-chip-label">Stars</span>
122-
<span class="pkg-chip-value">95</span>
123-
</a>
124-
<a href="https://pypi.org/project/tokenlearn/" target="_blank" rel="noopener noreferrer" class="pkg-chip pkg-chip-stat">
125-
<span class="pkg-chip-icon pkg-chip-icon-downloads" aria-hidden="true"></span>
126-
<span class="pkg-chip-label">Downloads</span>
127-
<span class="pkg-chip-value">6.4k</span>
128-
</a>
129-
</div>
130-
</div>
131-
</div>
132-
133-
<div class="pkg-row">
134-
<div class="pkg-row-main">
135-
<a href="/packages/model2vec-rs/usage/" class="pkg-icon-link" aria-label="Model2Vec-rs docs">
136-
<span class="pkg-icon-wrap"><img class="pkg-icon" src="/images/logos/model2vec_rs_logo.webp" alt="Model2Vec-rs" loading="lazy" /></span>
137-
</a>
138-
<a href="/packages/model2vec-rs/usage/" class="pkg-row-info">
139-
<div class="pkg-text">
140-
<span class="pkg-name">Model2Vec-rs</span>
141-
<span class="pkg-desc">High-performance Rust inference for Model2Vec models with low-overhead deployment.</span>
142-
</div>
143-
</a>
144-
<div class="pkg-row-meta">
145-
<a href="/packages/model2vec-rs/usage/" class="pkg-chip pkg-chip-docs">Docs</a>
146-
<a href="https://github.com/minishlab/model2vec-rs" target="_blank" rel="noopener noreferrer" class="pkg-chip pkg-chip-stat">
147-
<span class="pkg-chip-icon pkg-chip-icon-github" aria-hidden="true"></span>
148-
<span class="pkg-chip-label">Stars</span>
149-
<span class="pkg-chip-value">164</span>
150-
</a>
151-
<a href="https://crates.io/crates/model2vec" target="_blank" rel="noopener noreferrer" class="pkg-chip pkg-chip-stat">
152-
<span class="pkg-chip-icon pkg-chip-icon-downloads" aria-hidden="true"></span>
153-
<span class="pkg-chip-label">Downloads</span>
154-
<span class="pkg-chip-value">21k</span>
155-
</a>
156-
</div>
157-
</div>
158-
</div>
159-
160-
</div>
28+
<HomepagePackageList />

0 commit comments

Comments
 (0)