34 |
36 |
25 |
29 | Back to Documentation
30 |
31 |
32 |
63 | 
64 |
65 |
64 |
110 |
114 | 111 | Don't have an account? Contact your administrator. 112 |
113 |
21 | {activities.length === 0 ? (
22 |
45 | No recent activity
23 | ) : ( 24 | activities.map((activity, index) => ( 25 |
26 |
42 | ))
43 | )}
44 |
27 |
32 |
33 |
34 |
41 | 35 | {activity.message} 36 |
37 |38 | {formatDate(activity.timestamp)} 39 |
40 |{icon}
24 | {value}
27 | {description && (
28 | {description}
29 | )} 30 |
58 |
70 |
71 |
116 |
72 | {showLiveButton && (
73 |
91 | )}
92 |
93 |
100 |
102 | {user.username.charAt(0).toUpperCase()}
103 |
104 |
105 |
108 |
109 | ) : (
110 |
113 | )}
114 |
115 |
39 | {versionInfo.updateAvailable ? (
40 |
48 | );
49 | }
50 |
--------------------------------------------------------------------------------
/src/components/theme/ModeToggle.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import { Moon, Sun } from "lucide-react";
3 |
4 | import { Button } from "@/components/ui/button";
5 | import {
6 | DropdownMenu,
7 | DropdownMenuContent,
8 | DropdownMenuItem,
9 | DropdownMenuTrigger,
10 | } from "@/components/ui/dropdown-menu";
11 |
12 | export function ModeToggle() {
13 | const [theme, setThemeState] = React.useState<"light" | "dark" | "system">(
14 | "light"
15 | );
16 |
17 | React.useEffect(() => {
18 | const isDarkMode = document.documentElement.classList.contains("dark");
19 | setThemeState(isDarkMode ? "dark" : "light");
20 | }, []);
21 |
22 | React.useEffect(() => {
23 | const isDark =
24 | theme === "dark" ||
25 | (theme === "system" &&
26 | window.matchMedia("(prefers-color-scheme: dark)").matches);
27 | document.documentElement.classList[isDark ? "add" : "remove"]("dark");
28 | }, [theme]);
29 |
30 | return (
31 |
41 | v{versionInfo.current}
42 | v{versionInfo.latest} available
43 |
44 | ) : (
45 | v{versionInfo.current}
46 | )}
47 | Gitea Mirror Documentation
21 |Browse guides and technical docs for Gitea Mirror.
22 | 23 |
24 | {sortedDocs.map(doc => (
25 |
30 |
43 |
31 |
39 |
32 | {doc.slug === 'architecture' &&
37 | {doc.data.title}
38 |{doc.data.description}
40 | 41 | ))} 42 |
30 |
32 |
33 |
34 |
--------------------------------------------------------------------------------
/src/pages/markdown-page.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: 'Markdown + Tailwind'
3 | layout: ../layouts/main.astro
4 | ---
5 |
6 |
7 |
17 |
--------------------------------------------------------------------------------
/src/pages/organizations.astro:
--------------------------------------------------------------------------------
1 | ---
2 | import '../styles/global.css';
3 | import App from '@/components/layout/MainLayout';
4 | import ThemeScript from '@/components/theme/ThemeScript.astro';
5 |
6 | ---
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
8 | Tailwind classes also work in Markdown!
9 |
10 |
14 | Go home
15 |
16 |
30 |
36 |
37 |
38 |
--------------------------------------------------------------------------------
/src/styles/docs.css:
--------------------------------------------------------------------------------
1 | /* Enhanced Markdown/Docs styling for Tailwind Typography */
2 | .prose {
3 | --tw-prose-body: #e5e7eb;
4 | --tw-prose-headings: #fff;
5 | --tw-prose-links: #60a5fa;
6 | --tw-prose-bold: #fff;
7 | --tw-prose-codes: #fbbf24;
8 | --tw-prose-pre-bg: #18181b;
9 | --tw-prose-pre-color: #f3f4f6;
10 | --tw-prose-hr: #374151;
11 | --tw-prose-quotes: #a3e635;
12 | font-size: 1.1rem;
13 | line-height: 1.8;
14 | }
15 |
16 | .prose h1, .prose h2, .prose h3 {
17 | font-weight: 700;
18 | margin-top: 2.5rem;
19 | margin-bottom: 1rem;
20 | }
21 |
22 | .prose pre {
23 | background: #18181b;
24 | color: #f3f4f6;
25 | border-radius: 0.5rem;
26 | padding: 1rem;
27 | overflow-x: auto;
28 | }
29 |
30 | .prose code {
31 | background: #23272e;
32 | color: #fbbf24;
33 | border-radius: 0.3rem;
34 | padding: 0.2em 0.4em;
35 | font-size: 0.95em;
36 | }
37 |
38 | .prose table {
39 | width: 100%;
40 | border-collapse: collapse;
41 | margin: 1.5rem 0;
42 | }
43 |
44 | .prose th, .prose td {
45 | border: 1px solid #374151;
46 | padding: 0.5rem 1rem;
47 | }
48 |
49 | .prose blockquote {
50 | border-left: 4px solid #60a5fa;
51 | background: #1e293b;
52 | color: #a3e635;
53 | padding: 1rem 1.5rem;
54 | margin: 1.5rem 0;
55 | font-style: italic;
56 | }
57 |
58 | /* Mermaid diagrams should be responsive */
59 | .prose .mermaid svg {
60 | width: 100% !important;
61 | height: auto !important;
62 | background: transparent;
63 | }
64 |
--------------------------------------------------------------------------------
/src/tests/example.test.ts:
--------------------------------------------------------------------------------
1 | // example.test.ts
2 | import { describe, it, expect } from "vitest";
3 |
4 | describe("Example Test", () => {
5 | it("should pass", () => {
6 | expect(true).toBe(true);
7 | });
8 | });
9 |
--------------------------------------------------------------------------------
/src/tests/setup.bun.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Bun test setup file
3 | * This file is automatically loaded before running tests
4 | */
5 |
6 | import { afterEach, beforeEach } from "bun:test";
7 |
8 | // Clean up after each test
9 | afterEach(() => {
10 | // Add any cleanup logic here
11 | });
12 |
13 | // Setup before each test
14 | beforeEach(() => {
15 | // Add any setup logic here
16 | });
17 |
18 | // Add DOM testing support if needed
19 | // import { DOMParser } from "linkedom";
20 | // global.DOMParser = DOMParser;
21 |
--------------------------------------------------------------------------------
/src/tests/setup.ts:
--------------------------------------------------------------------------------
1 | import "@testing-library/jest-dom";
2 | import { expect, afterEach } from "vitest";
3 | import { cleanup } from "@testing-library/react";
4 |
5 | // Run cleanup after each test case (e.g. clearing jsdom)
6 | afterEach(() => {
7 | cleanup();
8 | });
9 |
--------------------------------------------------------------------------------
/src/types/Repository.ts:
--------------------------------------------------------------------------------
1 | import type { Repository } from "@/lib/db/schema";
2 | import { z } from "zod";
3 |
4 | export const repoStatusEnum = z.enum([
5 | "imported",
6 | "mirroring",
7 | "mirrored",
8 | "failed",
9 | "syncing",
10 | "synced",
11 | ]);
12 |
13 | export type RepoStatus = z.infer
31 |
34 | Welcome to Gitea Mirror
32 |Let's set up your administrator account to get started.
33 |