Skip to content

Commit 79eff77

Browse files
rubixvirubixvi
authored
Merge pull request #72 from rubixvi/development
chore: update dependencies and remove unused configuration files
2 parents bee2862 + 5bcc8d6 commit 79eff77

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

44 files changed

+4230
-2779
lines changed

‎app/docs/[[...slug]]/page.tsx

+9-4
Original file line numberDiff line numberDiff line change
@@ -25,8 +25,9 @@ export default async function Pages({ params }: PageProps) {
2525

2626
return (
2727
<div className="flex items-start gap-14">
28-
<div className="flex-[3] pt-10">
28+
<section className="flex-[3] pt-10">
2929
<PageBreadcrumb paths={slug} />
30+
3031
<Typography>
3132
<h1 className="text-3xl -mt-2">{frontmatter.title}</h1>
3233
<p className="-mt-4 text-base text-muted-foreground text-[16.5px]">
@@ -35,17 +36,21 @@ export default async function Pages({ params }: PageProps) {
3536
<div>{content}</div>
3637
<Pagination pathname={pathName} />
3738
</Typography>
38-
</div>
39+
</section>
40+
3941
{Settings.rightbar && (
40-
<div className="hidden xl:flex xl:flex-col sticky top-16 gap-3 py-8 min-w-[230px] h-[94.5vh] toc">
42+
<aside
43+
className="hidden xl:flex xl:flex-col sticky top-16 gap-3 py-8 min-w-[230px] h-[94.5vh] toc"
44+
aria-label="Table of contents"
45+
>
4146
{Settings.toc && <Toc tocs={tocs} />}
4247
{Settings.feedback && (
4348
<Feedback slug={pathName} title={frontmatter.title} />
4449
)}
4550
{Settings.totop && (
4651
<BackToTop className="mt-6 self-start text-sm text-neutral-800 dark:text-neutral-300/85" />
4752
)}
48-
</div>
53+
</aside>
4954
)}
5055
</div>
5156
)

‎app/error.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -16,12 +16,12 @@ export default function Error({
1616
}, [error])
1717

1818
return (
19-
<div className="min-h-[99vh] px-2 py-8 flex flex-col gap-3 items-start">
19+
<section className="min-h-[99vh] px-2 py-8 flex flex-col gap-3 items-start">
2020
<div>
2121
<h2 className="text-5xl font-bold">Oops!</h2>
2222
<p className="text-muted-foreground">Something went wrong!</p>
2323
</div>
2424
<Button onClick={() => reset()}>Try again</Button>
25-
</div>
25+
</section>
2626
)
2727
}

‎app/globals.css

+121-55
Original file line numberDiff line numberDiff line change
@@ -1,67 +1,132 @@
1-
@tailwind base;
2-
@tailwind components;
3-
@tailwind utilities;
4-
5-
@layer base {
6-
:root {
7-
--background: 0 0% 100%;
8-
--foreground: 240 10% 3.9%;
9-
--card: 0 0% 100%;
10-
--card-foreground: 240 10% 3.9%;
11-
--popover: 0 0% 100%;
12-
--popover-foreground: 240 10% 3.9%;
13-
--primary: 240 5.9% 10%;
14-
--primary-foreground: 0 0% 98%;
15-
--secondary: 240 4.8% 95.9%;
16-
--secondary-foreground: 240 5.9% 10%;
17-
--muted: 240 4.8% 95.9%;
18-
--muted-foreground: 240 3.8% 46.1%;
19-
--accent: 240 4.8% 95.9%;
20-
--accent-foreground: 240 5.9% 10%;
21-
--destructive: 0 84.2% 60.2%;
22-
--destructive-foreground: 0 0% 98%;
23-
--border: 240 5.9% 90%;
24-
--input: 240 5.9% 90%;
25-
--ring: 240 5.9% 10%;
26-
--radius: 0.5rem;
27-
}
28-
29-
.dark {
30-
--background: 240 10% 3.9%;
31-
--foreground: 0 0% 98%;
32-
--card: 240 10% 3.9%;
33-
--card-foreground: 0 0% 98%;
34-
--popover: 240 10% 3.9%;
35-
--popover-foreground: 0 0% 98%;
36-
--primary: 0 0% 98%;
37-
--primary-foreground: 240 5.9% 10%;
38-
--secondary: 240 3.7% 15.9%;
39-
--secondary-foreground: 0 0% 98%;
40-
--muted: 240 3.7% 15.9%;
41-
--muted-foreground: 240 5% 64.9%;
42-
--accent: 240 3.7% 15.9%;
43-
--accent-foreground: 0 0% 98%;
44-
--destructive: 0 62.8% 30.6%;
45-
--destructive-foreground: 0 0% 98%;
46-
--border: 240 3.7% 15.9%;
47-
--input: 240 3.7% 15.9%;
48-
--ring: 240 4.9% 83.9%;
49-
}
1+
@import "tailwindcss";
2+
@import "tw-animate-css";
3+
@plugin "@tailwindcss/typography";
4+
5+
@custom-variant dark (&:is(.dark *));
6+
7+
:root {
8+
--background: oklch(1 0 0);
9+
--foreground: oklch(0.145 0 0);
10+
--card: oklch(1 0 0);
11+
--card-foreground: oklch(0.145 0 0);
12+
--popover: oklch(1 0 0);
13+
--popover-foreground: oklch(0.145 0 0);
14+
--primary: oklch(0.205 0 0);
15+
--primary-foreground: oklch(0.985 0 0);
16+
--secondary: oklch(0.97 0 0);
17+
--secondary-foreground: oklch(0.205 0 0);
18+
--muted: oklch(0.97 0 0);
19+
--muted-foreground: oklch(0.556 0 0);
20+
--accent: oklch(0.97 0 0);
21+
--accent-foreground: oklch(0.205 0 0);
22+
--destructive: oklch(0.577 0.245 27.325);
23+
--destructive-foreground: oklch(0.577 0.245 27.325);
24+
--border: oklch(0.922 0 0);
25+
--input: oklch(0.922 0 0);
26+
--ring: oklch(0.708 0 0);
27+
--chart-1: oklch(0.646 0.222 41.116);
28+
--chart-2: oklch(0.6 0.118 184.704);
29+
--chart-3: oklch(0.398 0.07 227.392);
30+
--chart-4: oklch(0.828 0.189 84.429);
31+
--chart-5: oklch(0.769 0.188 70.08);
32+
--radius: 0.625rem;
33+
--sidebar: oklch(0.985 0 0);
34+
--sidebar-foreground: oklch(0.145 0 0);
35+
--sidebar-primary: oklch(0.205 0 0);
36+
--sidebar-primary-foreground: oklch(0.985 0 0);
37+
--sidebar-accent: oklch(0.97 0 0);
38+
--sidebar-accent-foreground: oklch(0.205 0 0);
39+
--sidebar-border: oklch(0.922 0 0);
40+
--sidebar-ring: oklch(0.708 0 0);
41+
}
42+
43+
.dark {
44+
--background: oklch(0.145 0 0);
45+
--foreground: oklch(0.985 0 0);
46+
--card: oklch(0.145 0 0);
47+
--card-foreground: oklch(0.985 0 0);
48+
--popover: oklch(0.145 0 0);
49+
--popover-foreground: oklch(0.985 0 0);
50+
--primary: oklch(0.985 0 0);
51+
--primary-foreground: oklch(0.205 0 0);
52+
--secondary: oklch(0.269 0 0);
53+
--secondary-foreground: oklch(0.985 0 0);
54+
--muted: oklch(0.269 0 0);
55+
--muted-foreground: oklch(0.708 0 0);
56+
--accent: oklch(0.269 0 0);
57+
--accent-foreground: oklch(0.985 0 0);
58+
--destructive: oklch(0.396 0.141 25.723);
59+
--destructive-foreground: oklch(0.637 0.237 25.331);
60+
--border: oklch(0.269 0 0);
61+
--input: oklch(0.269 0 0);
62+
--ring: oklch(0.439 0 0);
63+
--chart-1: oklch(0.488 0.243 264.376);
64+
--chart-2: oklch(0.696 0.17 162.48);
65+
--chart-3: oklch(0.769 0.188 70.08);
66+
--chart-4: oklch(0.627 0.265 303.9);
67+
--chart-5: oklch(0.645 0.246 16.439);
68+
--sidebar: oklch(0.205 0 0);
69+
--sidebar-foreground: oklch(0.985 0 0);
70+
--sidebar-primary: oklch(0.488 0.243 264.376);
71+
--sidebar-primary-foreground: oklch(0.985 0 0);
72+
--sidebar-accent: oklch(0.269 0 0);
73+
--sidebar-accent-foreground: oklch(0.985 0 0);
74+
--sidebar-border: oklch(0.269 0 0);
75+
--sidebar-ring: oklch(0.439 0 0);
76+
}
77+
78+
@theme inline {
79+
--color-background: var(--background);
80+
--color-foreground: var(--foreground);
81+
--color-card: var(--card);
82+
--color-card-foreground: var(--card-foreground);
83+
--color-popover: var(--popover);
84+
--color-popover-foreground: var(--popover-foreground);
85+
--color-primary: var(--primary);
86+
--color-primary-foreground: var(--primary-foreground);
87+
--color-secondary: var(--secondary);
88+
--color-secondary-foreground: var(--secondary-foreground);
89+
--color-muted: var(--muted);
90+
--color-muted-foreground: var(--muted-foreground);
91+
--color-accent: var(--accent);
92+
--color-accent-foreground: var(--accent-foreground);
93+
--color-destructive: var(--destructive);
94+
--color-destructive-foreground: var(--destructive-foreground);
95+
--color-border: var(--border);
96+
--color-input: var(--input);
97+
--color-ring: var(--ring);
98+
--color-chart-1: var(--chart-1);
99+
--color-chart-2: var(--chart-2);
100+
--color-chart-3: var(--chart-3);
101+
--color-chart-4: var(--chart-4);
102+
--color-chart-5: var(--chart-5);
103+
--radius-sm: calc(var(--radius) - 4px);
104+
--radius-md: calc(var(--radius) - 2px);
105+
--radius-lg: var(--radius);
106+
--radius-xl: calc(var(--radius) + 4px);
107+
--color-sidebar: var(--sidebar);
108+
--color-sidebar-foreground: var(--sidebar-foreground);
109+
--color-sidebar-primary: var(--sidebar-primary);
110+
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
111+
--color-sidebar-accent: var(--sidebar-accent);
112+
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
113+
--color-sidebar-border: var(--sidebar-border);
114+
--color-sidebar-ring: var(--sidebar-ring);
50115
}
51116

52117
@layer base {
53118
* {
54-
@apply border-border;
119+
@apply border-border outline-ring/50;
55120
}
56-
57121
body {
58122
@apply bg-background text-foreground;
123+
font-family: var(--font-inter), Arial, Helvetica, sans-serif;
59124
}
60125
}
61126

62127
.typography {
63-
@apply prose prose-zinc prose-headings:scroll-m-20 prose-code:rounded-md prose-code:p-1 prose-code:font-code prose-code:leading-6 prose-code:before:content-none prose-code:after:content-none prose-pre:border prose-pre:bg-neutral-100 prose-img:rounded-md prose-img:border;
64-
@apply w-[85vw] !min-w-full pt-2 text-sm prose-code:text-xs sm:mx-auto sm:w-full;
128+
@apply prose prose-zinc prose-headings:scroll-m-20 prose-code:rounded-md prose-code:p-1 prose-code:leading-6 prose-code:before:content-none prose-code:after:content-none prose-pre:border prose-pre:bg-neutral-100 prose-img:rounded-md prose-img:border;
129+
@apply prose-code:text-xs w-[85vw] !min-w-full pt-2 text-sm sm:mx-auto sm:w-full;
65130
@apply dark:prose-invert prose-code:text-neutral-800 dark:prose-code:bg-neutral-900 dark:prose-code:text-white dark:prose-pre:bg-neutral-900;
66131
}
67132

@@ -92,7 +157,7 @@
92157
}
93158

94159
.prose table {
95-
@apply border-collapse border border-border;
160+
@apply border-border border-collapse border;
96161
}
97162

98163
.prose th {
@@ -101,7 +166,7 @@
101166

102167
.prose th,
103168
.prose td {
104-
@apply border border-border;
169+
@apply border-border border;
105170
padding: 8px 10px;
106171
}
107172

@@ -114,6 +179,7 @@ pre {
114179
width: inherit !important;
115180
overflow-x: auto;
116181
}
182+
117183
pre > code {
118184
display: grid;
119185
max-width: inherit !important;

‎app/layout.tsx

+10-14
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,19 @@
11
import type { Metadata } from "next"
2+
import { Inter } from "next/font/google"
23
import { GoogleTagManager } from "@next/third-parties/google"
3-
import { GeistMono } from "geist/font/mono"
4-
import { GeistSans } from "geist/font/sans"
54

65
import { Settings } from "@/lib/meta"
76
import { Footer } from "@/components/navigation/footer"
87
import { Navbar } from "@/components/navigation/navbar"
9-
import { ThemeProvider } from "@/components/theme-provider"
8+
import { Providers } from "@/components/providers"
109

1110
import "./globals.css"
1211

12+
const inter = Inter({
13+
variable: "--font-inter",
14+
subsets: ["latin"],
15+
})
16+
1317
const baseUrl = Settings.metadataBase
1418

1519
export const metadata: Metadata = {
@@ -51,20 +55,12 @@ export default function RootLayout({
5155
return (
5256
<html lang="en" suppressHydrationWarning>
5357
{Settings.gtmconnected && <GoogleTagManager gtmId={Settings.gtm} />}
54-
<body
55-
className={`${GeistSans.variable} ${GeistMono.variable} font-regular`}
56-
suppressHydrationWarning
57-
>
58-
<ThemeProvider
59-
attribute="class"
60-
defaultTheme="system"
61-
enableSystem
62-
disableTransitionOnChange
63-
>
58+
<body className={`${inter.variable} font-regular`}>
59+
<Providers>
6460
<Navbar />
6561
<main className="px-5 sm:px-8 h-auto">{children}</main>
6662
<Footer />
67-
</ThemeProvider>
63+
</Providers>
6864
</body>
6965
</html>
7066
)

‎app/not-found.tsx

+5-8
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
import Link from "next/link"
1+
import { Link } from "lib/transition"
22

3-
import { buttonVariants } from "@/components/ui/button"
3+
import { Button } from "@/components/ui/button"
44

55
export default function NotFound() {
66
return (
@@ -10,12 +10,9 @@ export default function NotFound() {
1010
Page not found
1111
</p>
1212
<div className="flex items-center">
13-
<Link
14-
href="/"
15-
className={buttonVariants({ className: "px-6", size: "lg" })}
16-
>
17-
Return Home
18-
</Link>
13+
<Button variant="default" size="lg" asChild>
14+
<Link href="/">Return Home</Link>
15+
</Button>
1916
</div>
2017
</div>
2118
)

‎app/page.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
1-
import Link from "next/link"
1+
import { Link } from "lib/transition"
22

33
import { PageRoutes } from "@/lib/pageroutes"
44
import { buttonVariants } from "@/components/ui/button"
55

66
export default function Home() {
77
return (
8-
<div className="min-h-[86.5vh] flex flex-col justify-center items-center text-center px-2 py-8">
8+
<section className="min-h-[86.5vh] flex flex-col justify-center items-center text-center px-2 py-8">
99
<h1 className="text-4xl font-bold mb-4 sm:text-7xl">Documents</h1>
1010
<p className="max-w-[600px] text-foreground mb-8 sm:text-base">
1111
A simple open-source product documentation platform. That&apos;s simple
@@ -19,6 +19,6 @@ export default function Home() {
1919
Get Started
2020
</Link>
2121
</div>
22-
</div>
22+
</section>
2323
)
2424
}

‎components.json

+5-2
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,17 @@
44
"rsc": true,
55
"tsx": true,
66
"tailwind": {
7-
"config": "tailwind.config.ts",
7+
"config": "",
88
"css": "app/globals.css",
99
"baseColor": "zinc",
1010
"cssVariables": true,
1111
"prefix": ""
1212
},
1313
"aliases": {
1414
"components": "@/components",
15-
"utils": "@/lib/utils"
15+
"utils": "@/lib/utils",
16+
"ui": "@/components/ui",
17+
"lib": "@/lib",
18+
"hooks": "@/hooks"
1619
}
1720
}

0 commit comments

Comments
 (0)