Skip to content

Commit 121aa73

Browse files
maiieulmaiieul
committed
Merge branch 'main' into deprecate-headless-tabs-short-api
2 parents c177c11 + 88ed151 commit 121aa73

File tree

9 files changed

+106
-159
lines changed

9 files changed

+106
-159
lines changed

‎README.md

-73
Large diffs are not rendered by default.

‎apps/website/src/_state/component-statuses.ts

-30
Original file line numberDiff line numberDiff line change
@@ -11,43 +11,13 @@ export type ComponentKitsStatuses = {
1111

1212
export const statusByComponent: ComponentKitsStatuses = {
1313
styled: {
14-
Accordion: ComponentStatus.Beta,
15-
Avatar: ComponentStatus.Draft,
16-
Alert: ComponentStatus.Beta,
17-
Badge: ComponentStatus.Beta,
18-
Breadcrumb: ComponentStatus.Draft,
19-
Button: ComponentStatus.Beta,
20-
Card: ComponentStatus.Beta,
2114
Checkbox: ComponentStatus.Draft,
22-
Combobox: ComponentStatus.Draft,
2315
Dropdown: ComponentStatus.Draft,
24-
Input: ComponentStatus.Draft,
25-
Label: ComponentStatus.Beta,
26-
Modal: ComponentStatus.Draft,
27-
Pagination: ComponentStatus.Draft,
28-
Popover: ComponentStatus.Draft,
29-
Progress: ComponentStatus.Draft,
3016
RadioGroup: ComponentStatus.Draft,
31-
Select: ComponentStatus.Draft,
32-
Separator: ComponentStatus.Beta,
33-
Skeleton: ComponentStatus.Beta,
34-
Tabs: ComponentStatus.Beta,
35-
Toggle: ComponentStatus.Draft,
36-
ToggleGroup: ComponentStatus.Draft,
37-
Textarea: ComponentStatus.Draft,
3817
},
3918
headless: {
40-
Carousel: ComponentStatus.Beta,
41-
Combobox: ComponentStatus.Beta,
4219
Checkbox: ComponentStatus.Draft,
4320
Dropdown: ComponentStatus.Draft,
44-
Label: ComponentStatus.Beta,
4521
Pagination: ComponentStatus.Draft,
46-
Progress: ComponentStatus.Beta,
47-
Select: ComponentStatus.Beta,
48-
Tabs: ComponentStatus.Beta,
49-
Toggle: ComponentStatus.Beta,
50-
'Toggle Group': ComponentStatus.Beta,
51-
Tooltip: ComponentStatus.Beta,
5222
},
5323
};

‎apps/website/src/components/contributor/contributor.tsx

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
interface Contributor {
2+
login: string;
3+
avatar_url: string;
4+
html_url: string;
5+
contributions: number;
6+
}

‎apps/website/src/components/navigation-docs/navigation-docs.tsx

+4
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,10 @@ const defaultLinksGroups: LinkGroup[] = [
2929
name: 'Contributing',
3030
href: '/docs/contributing/',
3131
},
32+
{
33+
name: 'Contributors',
34+
href: '/docs/contributors/',
35+
},
3236
{
3337
name: 'Headless',
3438
href: '/docs/headless/introduction/',

‎apps/website/src/routes/docs/contributors/index.tsx

+93
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
import { component$ } from '@builder.io/qwik';
2+
import { RequestHandler, routeLoader$ } from '@builder.io/qwik-city';
3+
import { Badge } from '@qwik-ui/styled';
4+
5+
export const onGet: RequestHandler = async ({ cacheControl }) => {
6+
cacheControl({
7+
staleWhileRevalidate: 60 * 60 * 24 * 7,
8+
// Don't hit the Github API more than once every 10 minutes
9+
maxAge: 10 * 60,
10+
});
11+
};
12+
13+
export const useContributors = routeLoader$<Contributor[]>(async () => {
14+
const response = await fetch(
15+
'https://api.github.com/repos/qwikifiers/qwik-ui/contributors',
16+
);
17+
18+
if (!response.ok) {
19+
console.error('Failed to fetch contributors', response);
20+
return [];
21+
}
22+
23+
const contributors: Contributor[] = await response.json();
24+
25+
// @ts-expect-error m.type actually is valid
26+
return contributors.filter((m) => m.type === 'User');
27+
});
28+
29+
export default component$(() => {
30+
const contributors = useContributors();
31+
32+
return (
33+
<>
34+
<section class="py-16 text-accent-foreground">
35+
<div class="mx-auto text-center">
36+
<h1 class="mb-6 scroll-mt-24 pt-6 text-3xl font-extrabold md:text-5xl">
37+
Contributors
38+
</h1>
39+
<p class="text-xl">
40+
Our project's success is driven by these incredible contributors.
41+
</p>
42+
</div>
43+
</section>
44+
45+
<section class="py-12">
46+
<div class="mx-auto max-w-6xl px-4">
47+
<div class="grid gap-12 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
48+
{contributors.value.map((contributor) => (
49+
<a
50+
href={contributor.html_url}
51+
target="_blank"
52+
key={contributor.login}
53+
class="transform rounded-lg bg-accent shadow-lg transition-all duration-200 hover:-translate-y-1 hover:shadow-xl"
54+
>
55+
<div class="p-6 text-center">
56+
<img
57+
width={88}
58+
height={88}
59+
class="mx-auto -mt-12 h-24 w-24 rounded-full border-2 border-foreground/20"
60+
src={`${contributor.avatar_url}&s=256`}
61+
alt={contributor.login}
62+
/>
63+
<h3 class="mt-2 text-xl font-semibold text-foreground">
64+
{contributor.login}
65+
</h3>
66+
<div class="mt-2 mt-4 flex flex-col items-center gap-2 text-foreground">
67+
Contributions <Badge> {contributor.contributions}</Badge>
68+
</div>
69+
</div>
70+
</a>
71+
))}
72+
</div>
73+
</div>
74+
</section>
75+
76+
{/* Call to Action */}
77+
<section class="bg-primary py-12 text-white">
78+
<div class="mx-auto max-w-3xl text-center">
79+
<h2 class="mb-4 text-3xl font-bold">Join Our Community</h2>
80+
<p class="mb-6">
81+
Ready to make an impact? Contribute to Qwik UI and be part of something great.
82+
</p>
83+
<a
84+
href="https://github.com/qwikifiers/qwik-ui/blob/main/CONTRIBUTING.md"
85+
class="rounded-full bg-white px-6 py-3 font-semibold text-primary shadow-lg hover:bg-gray-100"
86+
>
87+
Get Involved
88+
</a>
89+
</div>
90+
</section>
91+
</>
92+
);
93+
});

‎apps/website/src/routes/docs/headless/menu.md

+1
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
## Qwik UI
44

55
- [Contributing](/docs/contributing)
6+
- [Contributors](/docs/contributors)
67
- [Headless](/docs/headless/introduction)
78
- [Styled](/docs/styled/introduction)
89

‎apps/website/src/routes/docs/styled/menu.md

+1
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
## Qwik UI
44

55
- [Contributing](/docs/contributing)
6+
- [Contributors](/docs/contributors)
67
- [Headless](/docs/headless/introduction)
78
- [Styled](/docs/styled/introduction)
89

‎package.json

-1
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,6 @@
8080
"@typescript-eslint/parser": "7.9.0",
8181
"@vitest/coverage-v8": "^1.6.0",
8282
"@vitest/ui": "^1.6.0",
83-
"all-contributors-cli": "^6.26.1",
8483
"ansis": "3.2.0",
8584
"autoprefixer": "^10.4.19",
8685
"axe-core": "^4.9.1",

‎pnpm-lock.yaml

+1-55
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)