+
+ {children}
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/lunar/src/components/catalyst/avatar.tsx b/lunar/src/components/catalyst/avatar.tsx
new file mode 100644
index 000000000..ed21e313e
--- /dev/null
+++ b/lunar/src/components/catalyst/avatar.tsx
@@ -0,0 +1,84 @@
+import * as Headless from '@headlessui/react'
+import clsx from 'clsx'
+import React, { forwardRef } from 'react'
+import { TouchTarget } from './button'
+import { Link } from './link'
+
+type AvatarProps = {
+ src?: string | null
+ square?: boolean
+ initials?: string
+ alt?: string
+ className?: string
+}
+
+export function Avatar({
+ src = null,
+ square = false,
+ initials,
+ alt = '',
+ className,
+ ...props
+}: AvatarProps & React.ComponentPropsWithoutRef<'span'>) {
+ return (
+
+ {initials && (
+
+ )}
+ {src &&
+
+
+
+
+
+ {children}
+
+ {/* Sidebar on desktop */}
+ setShowSidebar(false)}>
+ {sidebar}
+
+
+ {/* Navbar on mobile */}
+
+
+
+ {/* Content */}
+
+
+
+ )
+}
diff --git a/lunar/src/components/catalyst/sidebar.tsx b/lunar/src/components/catalyst/sidebar.tsx
new file mode 100644
index 000000000..fdab54114
--- /dev/null
+++ b/lunar/src/components/catalyst/sidebar.tsx
@@ -0,0 +1,138 @@
+'use client'
+
+import * as Headless from '@headlessui/react'
+import clsx from 'clsx'
+import { LayoutGroup, motion } from 'framer-motion'
+import React, { Fragment, forwardRef, useId } from 'react'
+import { TouchTarget } from './button'
+import { Link } from './link'
+
+export function Sidebar({ className, ...props }: React.ComponentPropsWithoutRef<'nav'>) {
+ return
+}
+
+export function SidebarHeader({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) {
+ return (
+ {sidebar}
+
+ {/* Sidebar on mobile */}
+
+ setShowSidebar(true)} aria-label="Open navigation">
+
+
+ {navbar}
+ [data-slot=section]+[data-slot=section]]:mt-2.5'
+ )}
+ />
+ )
+}
+
+export function SidebarBody({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) {
+ return (
+
[data-slot=section]+[data-slot=section]]:mt-8'
+ )}
+ />
+ )
+}
+
+export function SidebarFooter({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) {
+ return (
+
[data-slot=section]+[data-slot=section]]:mt-2.5'
+ )}
+ />
+ )
+}
+
+export function SidebarSection({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) {
+ let id = useId()
+
+ return (
+
+
+
+ )
+}
+
+export function SidebarDivider({ className, ...props }: React.ComponentPropsWithoutRef<'hr'>) {
+ return
+} + +export function SidebarSpacer({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) { + return +} + +export function SidebarHeading({ className, ...props }: React.ComponentPropsWithoutRef<'h3'>) { + return ( + + ) +} + +export const SidebarItem = forwardRef(function SidebarItem( + { + current, + className, + children, + ...props + }: { current?: boolean; className?: string; children: React.ReactNode } & ( + | Omit
+ | Omit, 'type' | 'className'>
+ ),
+ ref: React.ForwardedRef
+) {
+ let classes = clsx(
+ // Base
+ 'flex w-full items-center gap-3 rounded-lg px-2 py-2.5 text-left text-base/6 font-medium text-zinc-950 sm:py-2 sm:text-sm/5',
+ // Leading icon/icon-only
+ 'data-[slot=icon]:*:size-6 data-[slot=icon]:*:shrink-0 data-[slot=icon]:*:fill-zinc-500 sm:data-[slot=icon]:*:size-5',
+ // Trailing icon (down chevron or similar)
+ 'data-[slot=icon]:last:*:ml-auto data-[slot=icon]:last:*:size-5 sm:data-[slot=icon]:last:*:size-4',
+ // Avatar
+ 'data-[slot=avatar]:*:-m-0.5 data-[slot=avatar]:*:size-7 data-[slot=avatar]:*:[--ring-opacity:10%] sm:data-[slot=avatar]:*:size-6',
+ // Hover
+ 'data-[hover]:bg-zinc-950/5 data-[slot=icon]:*:data-[hover]:fill-zinc-950',
+ // Active
+ 'data-[active]:bg-zinc-950/5 data-[slot=icon]:*:data-[active]:fill-zinc-950',
+ // Current
+ 'data-[slot=icon]:*:data-[current]:fill-zinc-950',
+ // Dark mode
+ 'dark:text-white dark:data-[slot=icon]:*:fill-zinc-400',
+ 'dark:data-[hover]:bg-white/5 dark:data-[slot=icon]:*:data-[hover]:fill-white',
+ 'dark:data-[active]:bg-white/5 dark:data-[slot=icon]:*:data-[active]:fill-white',
+ 'dark:data-[slot=icon]:*:data-[current]:fill-white'
+ )
+
+ return (
+
+ {current && (
+
+
+ {children}
+
+
+ ) : (
+
+ {children}
+
+ )}
+
+ )
+})
+
+export function SidebarLabel({ className, ...props }: React.ComponentPropsWithoutRef<'span'>) {
+ return
+}
diff --git a/lunar/src/styles/globals.css b/lunar/src/styles/globals.css
new file mode 100644
index 000000000..4e4fc94bd
--- /dev/null
+++ b/lunar/src/styles/globals.css
@@ -0,0 +1,33 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+
+:root {
+ --foreground-rgb: 0, 0, 0;
+ --background-start-rgb: 214, 219, 220;
+ --background-end-rgb: 255, 255, 255;
+}
+
+@media (prefers-color-scheme: dark) {
+ :root {
+ --foreground-rgb: 255, 255, 255;
+ --background-start-rgb: 0, 0, 0;
+ --background-end-rgb: 0, 0, 0;
+ }
+}
+
+body {
+ margin: 0;
+ padding: 0;
+ /* color: rgb(var(--foreground-rgb));
+ background: linear-gradient(to bottom,
+ transparent,
+ rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb)); */
+}
+
+@layer utilities {
+ .text-balance {
+ text-wrap: balance;
+ }
+}
\ No newline at end of file
diff --git a/lunar/tailwind.config.js b/lunar/tailwind.config.js
new file mode 100644
index 000000000..62e895aaa
--- /dev/null
+++ b/lunar/tailwind.config.js
@@ -0,0 +1,20 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ content: [
+ "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
+ "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+ "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+ ],
+ theme: {
+ extend: {
+ backgroundImage: {
+ "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
+ "gradient-conic":
+ "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
+ },
+ },
+ },
+ plugins: [
+ require('@tailwindcss/forms'),
+ ],
+};
diff --git a/lunar/tsconfig.json b/lunar/tsconfig.json
new file mode 100644
index 000000000..204075550
--- /dev/null
+++ b/lunar/tsconfig.json
@@ -0,0 +1,40 @@
+{
+ "compilerOptions": {
+ "lib": [
+ "dom",
+ "dom.iterable",
+ "esnext"
+ ],
+ "allowJs": true,
+ "skipLibCheck": true,
+ "strict": false,
+ "noEmit": true,
+ "incremental": true,
+ "module": "esnext",
+ "esModuleInterop": true,
+ "moduleResolution": "node",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "jsx": "preserve",
+ "plugins": [
+ {
+ "name": "next"
+ }
+ ],
+ "paths": {
+ "@/*": [
+ "./src/*"
+ ]
+ },
+ "strictNullChecks": true
+ },
+ "include": [
+ "next-env.d.ts",
+ ".next/types/**/*.ts",
+ "**/*.ts",
+ "**/*.tsx"
+, "src/pages/_app.back" ],
+ "exclude": [
+ "node_modules"
+ ]
+}
diff --git a/moon/.env.development b/moon/.env.development
new file mode 100644
index 000000000..e69de29bb
diff --git a/moon/.env.production b/moon/.env.production
new file mode 100644
index 000000000..1fee243d8
--- /dev/null
+++ b/moon/.env.production
@@ -0,0 +1 @@
+NEXT_MEGA_API_URL=http://mega.api.com
diff --git a/moon/.gitignore b/moon/.gitignore
index e02444ac3..435b013b1 100644
--- a/moon/.gitignore
+++ b/moon/.gitignore
@@ -35,6 +35,5 @@ yarn-error.log*
*.tsbuildinfo
next-env.d.ts
-tsconfig.json
package-lock.json
pnpm-lock.yaml
\ No newline at end of file
diff --git a/moon/package.json b/moon/package.json
index b4993af12..9eb20371f 100644
--- a/moon/package.json
+++ b/moon/package.json
@@ -10,14 +10,15 @@
},
"dependencies": {
"@ant-design/icons": "^5.3.7",
+ "@ant-design/nextjs-registry": "^1.0.0",
"@headlessui/react": "^2.1.0",
"@headlessui/tailwindcss": "^0.2.1",
"@heroicons/react": "^2.1.4",
"@lexical/react": "^0.16.0",
"@tailwindcss/forms": "^0.5.7",
- "antd": "^5.18.3",
- "axios": "^1.7.2",
+ "clsx": "^2.1.1",
"date-fns": "^3.6.0",
+ "framer-motion": "^11.3.2",
"github-markdown-css": "^5.6.1",
"highlight.js": "^11.9.0",
"lexical": "^0.16.0",
diff --git a/moon/src/app/api/blob/route.ts b/moon/src/app/api/blob/route.ts
new file mode 100644
index 000000000..e25cc0fe0
--- /dev/null
+++ b/moon/src/app/api/blob/route.ts
@@ -0,0 +1,16 @@
+import { type NextRequest } from 'next/server'
+
+export const dynamic = 'force-dynamic' // defaults to auto
+
+const endpoint = process.env.NEXT_MEGA_API_URL;
+
+export async function GET(request: NextRequest) {
+ const searchParams = request.nextUrl.searchParams
+ const path = searchParams.get('path')
+
+ const res = await fetch(`${endpoint}/api/v1/blob?path=${path}`, {
+ })
+ const data = await res.json()
+
+ return Response.json({ data })
+}
\ No newline at end of file
diff --git a/moon/src/app/api/mr/[id]/detail/route.ts b/moon/src/app/api/mr/[id]/detail/route.ts
new file mode 100644
index 000000000..c8ebdbd82
--- /dev/null
+++ b/moon/src/app/api/mr/[id]/detail/route.ts
@@ -0,0 +1,12 @@
+export const dynamic = 'force-dynamic' // defaults to auto
+export const revalidate = 0
+
+const endpoint = process.env.NEXT_MEGA_API_URL;
+
+export async function GET(request: Request, { params }: { params: { id: string } }) {
+ const res = await fetch(`${endpoint}/api/v1/mr/${params.id}/detail`, {
+ })
+ const data = await res.json()
+
+ return Response.json({ data })
+}
\ No newline at end of file
diff --git a/moon/src/app/api/mr/[id]/files/route.ts b/moon/src/app/api/mr/[id]/files/route.ts
new file mode 100644
index 000000000..119e65ad2
--- /dev/null
+++ b/moon/src/app/api/mr/[id]/files/route.ts
@@ -0,0 +1,11 @@
+export const dynamic = 'force-dynamic' // defaults to auto
+
+const endpoint = process.env.NEXT_MEGA_API_URL;
+
+export async function GET(request: Request, { params }: { params: { id: string } }) {
+ const res = await fetch(`${endpoint}/api/v1/mr/${params.id}/files`, {
+ })
+ const data = await res.json()
+
+ return Response.json({ data })
+}
\ No newline at end of file
diff --git a/moon/src/app/api/mr/[id]/merge/route.ts b/moon/src/app/api/mr/[id]/merge/route.ts
new file mode 100644
index 000000000..867021594
--- /dev/null
+++ b/moon/src/app/api/mr/[id]/merge/route.ts
@@ -0,0 +1,13 @@
+export const dynamic = 'force-dynamic' // defaults to auto
+
+const endpoint = process.env.NEXT_MEGA_API_URL;
+
+
+export async function POST(request: Request, { params }: { params: { id: string } }) {
+ const res = await fetch(`${endpoint}/api/v1/mr/${params.id}/merge`, {
+ method: 'POST',
+ })
+ const data = await res.json()
+
+ return Response.json({ data })
+}
\ No newline at end of file
diff --git a/moon/src/app/api/mr/list/route.ts b/moon/src/app/api/mr/list/route.ts
new file mode 100644
index 000000000..1501237d4
--- /dev/null
+++ b/moon/src/app/api/mr/list/route.ts
@@ -0,0 +1,16 @@
+export const dynamic = 'force-dynamic' // defaults to auto
+export const revalidate = 0
+
+import { type NextRequest } from 'next/server'
+
+const endpoint = process.env.NEXT_MEGA_API_URL;
+
+export async function GET(request: NextRequest) {
+ const searchParams = request.nextUrl.searchParams
+ const status = searchParams.get('status')
+ const res = await fetch(`${endpoint}/api/v1/mr/list?status=${status}`, {
+ })
+ const data = await res.json()
+
+ return Response.json({ data })
+}
\ No newline at end of file
diff --git a/moon/src/app/api/tree/commit-info/route.ts b/moon/src/app/api/tree/commit-info/route.ts
new file mode 100644
index 000000000..1c794dfcb
--- /dev/null
+++ b/moon/src/app/api/tree/commit-info/route.ts
@@ -0,0 +1,17 @@
+import { type NextRequest } from 'next/server'
+
+export const dynamic = 'force-dynamic' // defaults to auto
+export const revalidate = 0
+
+const endpoint = process.env.NEXT_MEGA_API_URL;
+
+export async function GET(request: NextRequest) {
+ const searchParams = request.nextUrl.searchParams
+ const path = searchParams.get('path')
+
+ const res = await fetch(`${endpoint}/api/v1/tree/commit-info?path=${path}`, {
+ })
+ const data = await res.json()
+
+ return Response.json({ data })
+}
\ No newline at end of file
diff --git a/moon/src/app/api/tree/route.ts b/moon/src/app/api/tree/route.ts
new file mode 100644
index 000000000..1ffb190d1
--- /dev/null
+++ b/moon/src/app/api/tree/route.ts
@@ -0,0 +1,17 @@
+import { type NextRequest } from 'next/server'
+export const revalidate = 0
+
+export const dynamic = 'force-dynamic' // defaults to auto
+
+const endpoint = process.env.NEXT_MEGA_API_URL;
+
+export async function GET(request: NextRequest) {
+ const searchParams = request.nextUrl.searchParams
+ const path = searchParams.get('path')
+
+ const res = await fetch(`${endpoint}/api/v1/tree?path=${path}`, {
+ })
+ const data = await res.json()
+
+ return Response.json({ data })
+}
\ No newline at end of file
diff --git a/moon/src/app/application-layout.tsx b/moon/src/app/application-layout.tsx
new file mode 100644
index 000000000..12458c396
--- /dev/null
+++ b/moon/src/app/application-layout.tsx
@@ -0,0 +1,182 @@
+'use client'
+
+import { Avatar } from '@/components/catalyst/avatar'
+import {
+ Dropdown,
+ DropdownButton,
+ DropdownDivider,
+ DropdownItem,
+ DropdownLabel,
+ DropdownMenu,
+} from '@/components/catalyst/dropdown'
+import { Navbar, NavbarItem, NavbarSection, NavbarSpacer } from '@/components/catalyst/navbar'
+import {
+ Sidebar,
+ SidebarBody,
+ SidebarFooter,
+ SidebarHeader,
+ SidebarHeading,
+ SidebarItem,
+ SidebarLabel,
+ SidebarSection,
+ SidebarSpacer,
+} from '@/components/catalyst/sidebar'
+import { SidebarLayout } from '@/components/catalyst/sidebar-layout'
+import {
+ ArrowRightStartOnRectangleIcon,
+ ChevronDownIcon,
+ ChevronUpIcon,
+ Cog8ToothIcon,
+ LightBulbIcon,
+ PlusIcon,
+ ShieldCheckIcon,
+ UserCircleIcon,
+} from '@heroicons/react/16/solid'
+import {
+ Cog6ToothIcon,
+ HomeIcon,
+ QuestionMarkCircleIcon,
+ SparklesIcon,
+ Square2StackIcon,
+ TicketIcon,
+} from '@heroicons/react/20/solid'
+import { usePathname } from 'next/navigation'
+
+function AccountDropdownMenu({ anchor }: { anchor: 'top start' | 'bottom end' }) {
+ return (
+
+
+ My account
+
+
+ Privacy policy
+
+
+ Share feedback
+
+
+ Sign out
+
+
+ )
+}
+
+export function ApplicationLayout({
+ // events,
+ children,
+}: {
+ // events: Awaited>
+ children: React.ReactNode
+}) {
+ let pathname = usePathname()
+
+ return (
+
+
+
+
+
+
+
+
+ }
+ sidebar={
+
+
+
+
+ Mega
+
+
+
+ Settings
+
+
+ Admin
+
+
+ Big Events
+
+
+ New team…
+
+
+
+
+
+
+
+
+ Home
+
+
+ Issue
+
+
+ Merge Request
+
+
+ Settings
+
+
+
+
+ Support
+
+
+ Changelog
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+ >
+ {children}
+
+ )
+}
diff --git a/moon/src/app/blob/[...path]/page.tsx b/moon/src/app/blob/[...path]/page.tsx
new file mode 100644
index 000000000..52197aa22
--- /dev/null
+++ b/moon/src/app/blob/[...path]/page.tsx
@@ -0,0 +1,34 @@
+'use client'
+import CodeContent from '@/components/CodeContent';
+import Bread from '@/components/BreadCrumb';
+import { useEffect, useState } from 'react';
+
+export default function BlobPage({ params }: { params: { path: string[] } }) {
+ let path = '/' + params.path.join('/');
+ const [readmeContent, setReadmeContent] = useState("");
+ useEffect(() => {
+ const fetchData = async () => {
+ try {
+ let readmeContent = await getReadmeContent(path);
+ setReadmeContent(readmeContent);
+ } catch (error) {
+ console.error('Error fetching data:', error);
+ }
+ };
+ fetchData();
+ }, [path]);
+
+ return (
+
+ {children}
+
+
+
+ )
+}
diff --git a/moon/src/app/mr/[id]/page.tsx b/moon/src/app/mr/[id]/page.tsx
new file mode 100644
index 000000000..ab8e3add4
--- /dev/null
+++ b/moon/src/app/mr/[id]/page.tsx
@@ -0,0 +1,27 @@
+'use client'
+import MergeDetail from "@/components/MergeDetail";
+import { useEffect, useState } from "react";
+
+
+export default function MRDetailPage( { params }: { params: { id: string } }) {
+ const [mrDetail, setMrDetail] = useState([]);
+ useEffect(() => {
+ const fetchData = async () => {
+ try {
+ const res = await fetch(`http://localhost:3000/api/mr/${params.id}/detail`);
+ const response = await res.json();
+ const data = response.data.data;
+ setMrDetail(data);
+ } catch (error) {
+ console.error('Error fetching data:', error);
+ }
+ };
+ fetchData();
+ }, []);
+
+ return (
+ ['columns'] = [
{
@@ -76,29 +78,24 @@ const CodeTable = ({ directory, readmeContent, showTree }) => {
];
const handleFileClick = (file) => {
- const { path } = router.query;
- const safePath = Array.isArray(path) ? path : [];
-
- const newPath = `/blob/${safePath.join("/")}/${file.name}`;
+ const newPath = `/blob/${real_path}/${file.name}`;
router.push(newPath);
};
const handleDirectoryClick = async (directory) => {
- const { path } = router.query;
var newPath = '';
- if (Array.isArray(path)) {
- newPath = `/tree/${path.join("/")}/${directory.name}`;
- } else {
+ if (real_path === '/') {
newPath = `/tree/${directory.name}`;
+ } else {
+ newPath = `/tree/${real_path}/${directory.name}`;
}
- router.push({
- pathname: newPath,
- });
+ router.push(
+ newPath,
+ );
};
const handleGoBack = () => {
- const { path } = router.query;
- const safePath = Array.isArray(path) ? path : [];
+ const safePath = real_path.split('/');
if (safePath.length == 1) {
router.push('/')
diff --git a/moon/src/components/MergeDetail.tsx b/moon/src/components/MergeDetail.tsx
index 195c620fd..03e7e8718 100644
--- a/moon/src/components/MergeDetail.tsx
+++ b/moon/src/components/MergeDetail.tsx
@@ -1,6 +1,7 @@
+'use client'
import React, { useEffect, useState } from 'react';
import { Card, Button, List, Typography } from 'antd/lib';
-import { useRouter } from 'next/router';
+import { useRouter } from 'next/navigation';
const MRDetailPage = ({ mrDetail }) => {
const router = useRouter();
@@ -12,16 +13,18 @@ const MRDetailPage = ({ mrDetail }) => {
const fetchFileList = async () => {
set_to_loading(2)
try {
- const res = await fetch(`/api/mr/files?id=${mrDetail.id}`);
+ const res = await fetch(`/api/mr/${mrDetail.id}/files`);
const result = await res.json();
-
- setFileData(result.data);
+ setFileData(result.data.data);
} catch (err) {
setError(err);
} finally {
cancel_loading(2)
}
};
+ if (!mrDetail || !mrDetail.id) {
+ return;
+ }
fetchFileList();
}, [mrDetail]);
@@ -42,25 +45,28 @@ const MRDetailPage = ({ mrDetail }) => {
});
}
- const enterLoading = async (index: number, id: number) => {
+ const approve_mr = async (index: number, id: number) => {
set_to_loading(index);
- const res = await fetch(`/api/mr/merge?id=${id}`);
+ const res = await fetch(`/api/mr/${id}/merge`,{
+ method: 'POST',
+ });
if (res) {
cancel_loading(index);
}
+
if (res.ok) {
- router.reload();
+ router.refresh();
}
};
return (
-
+
{mrDetail.status === "open" &&
diff --git a/moon/src/components/RepoTree.tsx b/moon/src/components/RepoTree.tsx
index 0dc89e15a..d95d5d701 100644
--- a/moon/src/components/RepoTree.tsx
+++ b/moon/src/components/RepoTree.tsx
@@ -1,11 +1,11 @@
import 'github-markdown-css/github-markdown-light.css'
import { DownOutlined } from '@ant-design/icons/lib'
import { useState, useEffect } from 'react'
-import { useRouter } from 'next/router'
+import { useRouter } from 'next/navigation'
import { Tree } from 'antd/lib'
import styles from './RepoTree.module.css'
-const Bread = ({ directory }) => {
+const RepoTree = ({ directory }) => {
const router = useRouter();
const [treeData, setTreeData] = useState();
const [updateTree, setUpdateTree] = useState(false);
@@ -26,7 +26,6 @@ const Bread = ({ directory }) => {
// convert the dir to tree data
const convertToTreeData = (responseData) => {
- // console.log("!!!!!!!!!!!!in convert");
return sortProjectsByType(responseData).map(item => {
const treeItem = {
title: item.name,
@@ -124,4 +123,4 @@ const Bread = ({ directory }) => {
);
};
-export default Bread;
+export default RepoTree;
diff --git a/moon/src/components/TopNavbar.tsx b/moon/src/components/TopNavbar.tsx
deleted file mode 100644
index 082a5fdce..000000000
--- a/moon/src/components/TopNavbar.tsx
+++ /dev/null
@@ -1,216 +0,0 @@
-import { Disclosure, DisclosureButton, DisclosurePanel, Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/react'
-import { MagnifyingGlassIcon } from '@heroicons/react/20/solid'
-import { Bars3Icon, BellIcon, XMarkIcon } from '@heroicons/react/24/outline'
-import Link from 'next/link';
-import Image from 'next/image';
-import title from '../../public/images/megaTitle.png'
-import avatar from '../../public/icons/headImage.svg'
-
-function classNames(...classes) {
- return classes.filter(Boolean).join(' ')
-}
-
-export default function TopNavBar() {
- return (
-
- {({ open }) => (
- <>
-
-
-
- )}
-
- )
-}
diff --git a/moon/src/components/catalyst/avatar.tsx b/moon/src/components/catalyst/avatar.tsx
new file mode 100644
index 000000000..ed21e313e
--- /dev/null
+++ b/moon/src/components/catalyst/avatar.tsx
@@ -0,0 +1,84 @@
+import * as Headless from '@headlessui/react'
+import clsx from 'clsx'
+import React, { forwardRef } from 'react'
+import { TouchTarget } from './button'
+import { Link } from './link'
+
+type AvatarProps = {
+ src?: string | null
+ square?: boolean
+ initials?: string
+ alt?: string
+ className?: string
+}
+
+export function Avatar({
+ src = null,
+ square = false,
+ initials,
+ alt = '',
+ className,
+ ...props
+}: AvatarProps & React.ComponentPropsWithoutRef<'span'>) {
+ return (
+
+ {initials && (
+
+ )}
+ {src && 
}
+
+ )
+}
+
+export const AvatarButton = forwardRef(function AvatarButton(
+ {
+ src,
+ square = false,
+ initials,
+ alt,
+ className,
+ ...props
+ }: AvatarProps &
+ (Omit | Omit, 'className'>),
+ ref: React.ForwardedRef
+) {
+ let classes = clsx(
+ className,
+ square ? 'rounded-[20%]' : 'rounded-full',
+ 'relative inline-grid focus:outline-none data-[focus]:outline data-[focus]:outline-2 data-[focus]:outline-offset-2 data-[focus]:outline-blue-500'
+ )
+
+ return 'href' in props ? (
+ }>
+
+
+
+ ) : (
+
+
+
+
+ )
+})
diff --git a/moon/src/components/catalyst/button.tsx b/moon/src/components/catalyst/button.tsx
new file mode 100644
index 000000000..215398119
--- /dev/null
+++ b/moon/src/components/catalyst/button.tsx
@@ -0,0 +1,204 @@
+import * as Headless from '@headlessui/react'
+import clsx from 'clsx'
+import React, { forwardRef } from 'react'
+import { Link } from './link'
+
+const styles = {
+ base: [
+ // Base
+ 'relative isolate inline-flex items-center justify-center gap-x-2 rounded-lg border text-base/6 font-semibold',
+ // Sizing
+ 'px-[calc(theme(spacing[3.5])-1px)] py-[calc(theme(spacing[2.5])-1px)] sm:px-[calc(theme(spacing.3)-1px)] sm:py-[calc(theme(spacing[1.5])-1px)] sm:text-sm/6',
+ // Focus
+ 'focus:outline-none data-[focus]:outline data-[focus]:outline-2 data-[focus]:outline-offset-2 data-[focus]:outline-blue-500',
+ // Disabled
+ 'data-[disabled]:opacity-50',
+ // Icon
+ '[&>[data-slot=icon]]:-mx-0.5 [&>[data-slot=icon]]:my-0.5 [&>[data-slot=icon]]:size-5 [&>[data-slot=icon]]:shrink-0 [&>[data-slot=icon]]:text-[--btn-icon] [&>[data-slot=icon]]:sm:my-1 [&>[data-slot=icon]]:sm:size-4 forced-colors:[--btn-icon:ButtonText] forced-colors:data-[hover]:[--btn-icon:ButtonText]',
+ ],
+ solid: [
+ // Optical border, implemented as the button background to avoid corner artifacts
+ 'border-transparent bg-[--btn-border]',
+ // Dark mode: border is rendered on `after` so background is set to button background
+ 'dark:bg-[--btn-bg]',
+ // Button background, implemented as foreground layer to stack on top of pseudo-border layer
+ 'before:absolute before:inset-0 before:-z-10 before:rounded-[calc(theme(borderRadius.lg)-1px)] before:bg-[--btn-bg]',
+ // Drop shadow, applied to the inset `before` layer so it blends with the border
+ 'before:shadow',
+ // Background color is moved to control and shadow is removed in dark mode so hide `before` pseudo
+ 'dark:before:hidden',
+ // Dark mode: Subtle white outline is applied using a border
+ 'dark:border-white/5',
+ // Shim/overlay, inset to match button foreground and used for hover state + highlight shadow
+ 'after:absolute after:inset-0 after:-z-10 after:rounded-[calc(theme(borderRadius.lg)-1px)]',
+ // Inner highlight shadow
+ 'after:shadow-[shadow:inset_0_1px_theme(colors.white/15%)]',
+ // White overlay on hover
+ 'after:data-[active]:bg-[--btn-hover-overlay] after:data-[hover]:bg-[--btn-hover-overlay]',
+ // Dark mode: `after` layer expands to cover entire button
+ 'dark:after:-inset-px dark:after:rounded-lg',
+ // Disabled
+ 'before:data-[disabled]:shadow-none after:data-[disabled]:shadow-none',
+ ],
+ outline: [
+ // Base
+ 'border-zinc-950/10 text-zinc-950 data-[active]:bg-zinc-950/[2.5%] data-[hover]:bg-zinc-950/[2.5%]',
+ // Dark mode
+ 'dark:border-white/15 dark:text-white dark:[--btn-bg:transparent] dark:data-[active]:bg-white/5 dark:data-[hover]:bg-white/5',
+ // Icon
+ '[--btn-icon:theme(colors.zinc.500)] data-[active]:[--btn-icon:theme(colors.zinc.700)] data-[hover]:[--btn-icon:theme(colors.zinc.700)] dark:data-[active]:[--btn-icon:theme(colors.zinc.400)] dark:data-[hover]:[--btn-icon:theme(colors.zinc.400)]',
+ ],
+ plain: [
+ // Base
+ 'border-transparent text-zinc-950 data-[active]:bg-zinc-950/5 data-[hover]:bg-zinc-950/5',
+ // Dark mode
+ 'dark:text-white dark:data-[active]:bg-white/10 dark:data-[hover]:bg-white/10',
+ // Icon
+ '[--btn-icon:theme(colors.zinc.500)] data-[active]:[--btn-icon:theme(colors.zinc.700)] data-[hover]:[--btn-icon:theme(colors.zinc.700)] dark:[--btn-icon:theme(colors.zinc.500)] dark:data-[active]:[--btn-icon:theme(colors.zinc.400)] dark:data-[hover]:[--btn-icon:theme(colors.zinc.400)]',
+ ],
+ colors: {
+ 'dark/zinc': [
+ 'text-white [--btn-bg:theme(colors.zinc.900)] [--btn-border:theme(colors.zinc.950/90%)] [--btn-hover-overlay:theme(colors.white/10%)]',
+ 'dark:text-white dark:[--btn-bg:theme(colors.zinc.600)] dark:[--btn-hover-overlay:theme(colors.white/5%)]',
+ '[--btn-icon:theme(colors.zinc.400)] data-[active]:[--btn-icon:theme(colors.zinc.300)] data-[hover]:[--btn-icon:theme(colors.zinc.300)]',
+ ],
+ light: [
+ 'text-zinc-950 [--btn-bg:white] [--btn-border:theme(colors.zinc.950/10%)] [--btn-hover-overlay:theme(colors.zinc.950/2.5%)] data-[active]:[--btn-border:theme(colors.zinc.950/15%)] data-[hover]:[--btn-border:theme(colors.zinc.950/15%)]',
+ 'dark:text-white dark:[--btn-hover-overlay:theme(colors.white/5%)] dark:[--btn-bg:theme(colors.zinc.800)]',
+ '[--btn-icon:theme(colors.zinc.500)] data-[active]:[--btn-icon:theme(colors.zinc.700)] data-[hover]:[--btn-icon:theme(colors.zinc.700)] dark:[--btn-icon:theme(colors.zinc.500)] dark:data-[active]:[--btn-icon:theme(colors.zinc.400)] dark:data-[hover]:[--btn-icon:theme(colors.zinc.400)]',
+ ],
+ 'dark/white': [
+ 'text-white [--btn-bg:theme(colors.zinc.900)] [--btn-border:theme(colors.zinc.950/90%)] [--btn-hover-overlay:theme(colors.white/10%)]',
+ 'dark:text-zinc-950 dark:[--btn-bg:white] dark:[--btn-hover-overlay:theme(colors.zinc.950/5%)]',
+ '[--btn-icon:theme(colors.zinc.400)] data-[active]:[--btn-icon:theme(colors.zinc.300)] data-[hover]:[--btn-icon:theme(colors.zinc.300)] dark:[--btn-icon:theme(colors.zinc.500)] dark:data-[active]:[--btn-icon:theme(colors.zinc.400)] dark:data-[hover]:[--btn-icon:theme(colors.zinc.400)]',
+ ],
+ dark: [
+ 'text-white [--btn-bg:theme(colors.zinc.900)] [--btn-border:theme(colors.zinc.950/90%)] [--btn-hover-overlay:theme(colors.white/10%)]',
+ 'dark:[--btn-hover-overlay:theme(colors.white/5%)] dark:[--btn-bg:theme(colors.zinc.800)]',
+ '[--btn-icon:theme(colors.zinc.400)] data-[active]:[--btn-icon:theme(colors.zinc.300)] data-[hover]:[--btn-icon:theme(colors.zinc.300)]',
+ ],
+ white: [
+ 'text-zinc-950 [--btn-bg:white] [--btn-border:theme(colors.zinc.950/10%)] [--btn-hover-overlay:theme(colors.zinc.950/2.5%)] data-[active]:[--btn-border:theme(colors.zinc.950/15%)] data-[hover]:[--btn-border:theme(colors.zinc.950/15%)]',
+ 'dark:[--btn-hover-overlay:theme(colors.zinc.950/5%)]',
+ '[--btn-icon:theme(colors.zinc.400)] data-[active]:[--btn-icon:theme(colors.zinc.500)] data-[hover]:[--btn-icon:theme(colors.zinc.500)]',
+ ],
+ zinc: [
+ 'text-white [--btn-hover-overlay:theme(colors.white/10%)] [--btn-bg:theme(colors.zinc.600)] [--btn-border:theme(colors.zinc.700/90%)]',
+ 'dark:[--btn-hover-overlay:theme(colors.white/5%)]',
+ '[--btn-icon:theme(colors.zinc.400)] data-[active]:[--btn-icon:theme(colors.zinc.300)] data-[hover]:[--btn-icon:theme(colors.zinc.300)]',
+ ],
+ indigo: [
+ 'text-white [--btn-hover-overlay:theme(colors.white/10%)] [--btn-bg:theme(colors.indigo.500)] [--btn-border:theme(colors.indigo.600/90%)]',
+ '[--btn-icon:theme(colors.indigo.300)] data-[active]:[--btn-icon:theme(colors.indigo.200)] data-[hover]:[--btn-icon:theme(colors.indigo.200)]',
+ ],
+ cyan: [
+ 'text-cyan-950 [--btn-bg:theme(colors.cyan.300)] [--btn-border:theme(colors.cyan.400/80%)] [--btn-hover-overlay:theme(colors.white/25%)]',
+ '[--btn-icon:theme(colors.cyan.500)]',
+ ],
+ red: [
+ 'text-white [--btn-hover-overlay:theme(colors.white/10%)] [--btn-bg:theme(colors.red.600)] [--btn-border:theme(colors.red.700/90%)]',
+ '[--btn-icon:theme(colors.red.300)] data-[active]:[--btn-icon:theme(colors.red.200)] data-[hover]:[--btn-icon:theme(colors.red.200)]',
+ ],
+ orange: [
+ 'text-white [--btn-hover-overlay:theme(colors.white/10%)] [--btn-bg:theme(colors.orange.500)] [--btn-border:theme(colors.orange.600/90%)]',
+ '[--btn-icon:theme(colors.orange.300)] data-[active]:[--btn-icon:theme(colors.orange.200)] data-[hover]:[--btn-icon:theme(colors.orange.200)]',
+ ],
+ amber: [
+ 'text-amber-950 [--btn-hover-overlay:theme(colors.white/25%)] [--btn-bg:theme(colors.amber.400)] [--btn-border:theme(colors.amber.500/80%)]',
+ '[--btn-icon:theme(colors.amber.600)]',
+ ],
+ yellow: [
+ 'text-yellow-950 [--btn-hover-overlay:theme(colors.white/25%)] [--btn-bg:theme(colors.yellow.300)] [--btn-border:theme(colors.yellow.400/80%)]',
+ '[--btn-icon:theme(colors.yellow.600)] data-[active]:[--btn-icon:theme(colors.yellow.700)] data-[hover]:[--btn-icon:theme(colors.yellow.700)]',
+ ],
+ lime: [
+ 'text-lime-950 [--btn-hover-overlay:theme(colors.white/25%)] [--btn-bg:theme(colors.lime.300)] [--btn-border:theme(colors.lime.400/80%)]',
+ '[--btn-icon:theme(colors.lime.600)] data-[active]:[--btn-icon:theme(colors.lime.700)] data-[hover]:[--btn-icon:theme(colors.lime.700)]',
+ ],
+ green: [
+ 'text-white [--btn-hover-overlay:theme(colors.white/10%)] [--btn-bg:theme(colors.green.600)] [--btn-border:theme(colors.green.700/90%)]',
+ '[--btn-icon:theme(colors.white/60%)] data-[active]:[--btn-icon:theme(colors.white/80%)] data-[hover]:[--btn-icon:theme(colors.white/80%)]',
+ ],
+ emerald: [
+ 'text-white [--btn-hover-overlay:theme(colors.white/10%)] [--btn-bg:theme(colors.emerald.600)] [--btn-border:theme(colors.emerald.700/90%)]',
+ '[--btn-icon:theme(colors.white/60%)] data-[active]:[--btn-icon:theme(colors.white/80%)] data-[hover]:[--btn-icon:theme(colors.white/80%)]',
+ ],
+ teal: [
+ 'text-white [--btn-hover-overlay:theme(colors.white/10%)] [--btn-bg:theme(colors.teal.600)] [--btn-border:theme(colors.teal.700/90%)]',
+ '[--btn-icon:theme(colors.white/60%)] data-[active]:[--btn-icon:theme(colors.white/80%)] data-[hover]:[--btn-icon:theme(colors.white/80%)]',
+ ],
+ sky: [
+ 'text-white [--btn-hover-overlay:theme(colors.white/10%)] [--btn-bg:theme(colors.sky.500)] [--btn-border:theme(colors.sky.600/80%)]',
+ '[--btn-icon:theme(colors.white/60%)] data-[active]:[--btn-icon:theme(colors.white/80%)] data-[hover]:[--btn-icon:theme(colors.white/80%)]',
+ ],
+ blue: [
+ 'text-white [--btn-hover-overlay:theme(colors.white/10%)] [--btn-bg:theme(colors.blue.600)] [--btn-border:theme(colors.blue.700/90%)]',
+ '[--btn-icon:theme(colors.blue.400)] data-[active]:[--btn-icon:theme(colors.blue.300)] data-[hover]:[--btn-icon:theme(colors.blue.300)]',
+ ],
+ violet: [
+ 'text-white [--btn-hover-overlay:theme(colors.white/10%)] [--btn-bg:theme(colors.violet.500)] [--btn-border:theme(colors.violet.600/90%)]',
+ '[--btn-icon:theme(colors.violet.300)] data-[active]:[--btn-icon:theme(colors.violet.200)] data-[hover]:[--btn-icon:theme(colors.violet.200)]',
+ ],
+ purple: [
+ 'text-white [--btn-hover-overlay:theme(colors.white/10%)] [--btn-bg:theme(colors.purple.500)] [--btn-border:theme(colors.purple.600/90%)]',
+ '[--btn-icon:theme(colors.purple.300)] data-[active]:[--btn-icon:theme(colors.purple.200)] data-[hover]:[--btn-icon:theme(colors.purple.200)]',
+ ],
+ fuchsia: [
+ 'text-white [--btn-hover-overlay:theme(colors.white/10%)] [--btn-bg:theme(colors.fuchsia.500)] [--btn-border:theme(colors.fuchsia.600/90%)]',
+ '[--btn-icon:theme(colors.fuchsia.300)] data-[active]:[--btn-icon:theme(colors.fuchsia.200)] data-[hover]:[--btn-icon:theme(colors.fuchsia.200)]',
+ ],
+ pink: [
+ 'text-white [--btn-hover-overlay:theme(colors.white/10%)] [--btn-bg:theme(colors.pink.500)] [--btn-border:theme(colors.pink.600/90%)]',
+ '[--btn-icon:theme(colors.pink.300)] data-[active]:[--btn-icon:theme(colors.pink.200)] data-[hover]:[--btn-icon:theme(colors.pink.200)]',
+ ],
+ rose: [
+ 'text-white [--btn-hover-overlay:theme(colors.white/10%)] [--btn-bg:theme(colors.rose.500)] [--btn-border:theme(colors.rose.600/90%)]',
+ '[--btn-icon:theme(colors.rose.300)] data-[active]:[--btn-icon:theme(colors.rose.200)] data-[hover]:[--btn-icon:theme(colors.rose.200)]',
+ ],
+ },
+}
+
+type ButtonProps = (
+ | { color?: keyof typeof styles.colors; outline?: never; plain?: never }
+ | { color?: never; outline: true; plain?: never }
+ | { color?: never; outline?: never; plain: true }
+) & { className?: string; children: React.ReactNode } & (
+ | Omit
+ | Omit, 'className'>
+ )
+
+export const Button = forwardRef(function Button(
+ { color, outline, plain, className, children, ...props }: ButtonProps,
+ ref: React.ForwardedRef
+) {
+ let classes = clsx(
+ className,
+ styles.base,
+ outline ? styles.outline : plain ? styles.plain : clsx(styles.solid, styles.colors[color ?? 'dark/zinc'])
+ )
+
+ return 'href' in props ? (
+ }>
+ {children}
+
+ ) : (
+
+ {children}
+
+ )
+})
+
+/**
+ * Expand the hit area to at least 44×44px on touch devices
+ */
+export function TouchTarget({ children }: { children: React.ReactNode }) {
+ return (
+ <>
+
+ {children}
+
+ )
+}
diff --git a/moon/src/components/catalyst/dropdown.tsx b/moon/src/components/catalyst/dropdown.tsx
new file mode 100644
index 000000000..94851b420
--- /dev/null
+++ b/moon/src/components/catalyst/dropdown.tsx
@@ -0,0 +1,192 @@
+'use client'
+
+import * as Headless from '@headlessui/react'
+import clsx from 'clsx'
+import type React from 'react'
+import { Button } from './button'
+import { Link } from './link'
+
+export function Dropdown(props: Headless.MenuProps) {
+ return ({
+ as = Button,
+ ...props
+}: { className?: string } & Omit, 'className'>) {
+ return ) {
+ return (
+ , 'className'>
+ | Omit, 'className'>
+)) {
+ let classes = clsx(
+ className,
+ // Base styles
+ 'group cursor-default rounded-lg px-3.5 py-2.5 focus:outline-none sm:px-3 sm:py-1.5',
+ // Text styles
+ 'text-left text-base/6 text-zinc-950 sm:text-sm/6 dark:text-white forced-colors:text-[CanvasText]',
+ // Focus
+ 'data-[focus]:bg-blue-500 data-[focus]:text-white',
+ // Disabled state
+ 'data-[disabled]:opacity-50',
+ // Forced colors mode
+ 'forced-color-adjust-none forced-colors:data-[focus]:bg-[Highlight] forced-colors:data-[focus]:text-[HighlightText] forced-colors:[&>[data-slot=icon]]:data-[focus]:text-[HighlightText]',
+ // Use subgrid when available but fallback to an explicit grid layout if not
+ 'col-span-full grid grid-cols-[auto_1fr_1.5rem_0.5rem_auto] items-center supports-[grid-template-columns:subgrid]:grid-cols-subgrid',
+ // Icons
+ '[&>[data-slot=icon]]:col-start-1 [&>[data-slot=icon]]:row-start-1 [&>[data-slot=icon]]:-ml-0.5 [&>[data-slot=icon]]:mr-2.5 [&>[data-slot=icon]]:size-5 sm:[&>[data-slot=icon]]:mr-2 [&>[data-slot=icon]]:sm:size-4',
+ '[&>[data-slot=icon]]:text-zinc-500 [&>[data-slot=icon]]:data-[focus]:text-white [&>[data-slot=icon]]:dark:text-zinc-400 [&>[data-slot=icon]]:data-[focus]:dark:text-white',
+ // Avatar
+ '[&>[data-slot=avatar]]:-ml-1 [&>[data-slot=avatar]]:mr-2.5 [&>[data-slot=avatar]]:size-6 sm:[&>[data-slot=avatar]]:mr-2 sm:[&>[data-slot=avatar]]:size-5'
+ )
+
+ return (
+
+ {'href' in props ? (
+
+ ) : (
+
+ )}
+
+ )
+}
+
+export function DropdownHeader({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) {
+ return
+}
+
+export function DropdownSection({
+ className,
+ ...props
+}: { className?: string } & Omit) {
+ return (
+ ) {
+ return (
+ ) {
+ return (
+ ) {
+ return (
+ ) {
+ return (
+ , 'className'>) {
+ return (
+
+ {(Array.isArray(keys) ? keys : keys.split('')).map((char, index) => (
+ 0 && char.length > 1 && 'pl-1',
+ ])}
+ >
+ {char}
+
+ ))}
+
+ )
+}
diff --git a/moon/src/components/catalyst/link.tsx b/moon/src/components/catalyst/link.tsx
new file mode 100644
index 000000000..06a8e13a5
--- /dev/null
+++ b/moon/src/components/catalyst/link.tsx
@@ -0,0 +1,14 @@
+import * as Headless from '@headlessui/react'
+import NextLink, { type LinkProps } from 'next/link'
+import React, { forwardRef } from 'react'
+
+export const Link = forwardRef(function Link(
+ props: LinkProps & React.ComponentPropsWithoutRef<'a'>,
+ ref: React.ForwardedRef
+) {
+ return (
+
+
+ )
+})
diff --git a/moon/src/components/catalyst/navbar.tsx b/moon/src/components/catalyst/navbar.tsx
new file mode 100644
index 000000000..894977f8c
--- /dev/null
+++ b/moon/src/components/catalyst/navbar.tsx
@@ -0,0 +1,96 @@
+'use client'
+
+import * as Headless from '@headlessui/react'
+import clsx from 'clsx'
+import { LayoutGroup, motion } from 'framer-motion'
+import React, { forwardRef, useId } from 'react'
+import { TouchTarget } from './button'
+import { Link } from './link'
+
+export function Navbar({ className, ...props }: React.ComponentPropsWithoutRef<'nav'>) {
+ return
+}
+
+export function NavbarDivider({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) {
+ return
+}
+
+export function NavbarSection({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) {
+ let id = useId()
+
+ return (
+
+
+
+ )
+}
+
+export function NavbarSpacer({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) {
+ return
+}
+
+export const NavbarItem = forwardRef(function NavbarItem(
+ {
+ current,
+ className,
+ children,
+ ...props
+ }: { current?: boolean; className?: string; children: React.ReactNode } & (
+ | Omit
+ | Omit, 'className'>
+ ),
+ ref: React.ForwardedRef
+) {
+ let classes = clsx(
+ // Base
+ 'relative flex min-w-0 items-center gap-3 rounded-lg p-2 text-left text-base/6 font-medium text-zinc-950 sm:text-sm/5',
+ // Leading icon/icon-only
+ 'data-[slot=icon]:*:size-6 data-[slot=icon]:*:shrink-0 data-[slot=icon]:*:fill-zinc-500 sm:data-[slot=icon]:*:size-5',
+ // Trailing icon (down chevron or similar)
+ 'data-[slot=icon]:last:[&:not(:nth-child(2))]:*:ml-auto data-[slot=icon]:last:[&:not(:nth-child(2))]:*:size-5 sm:data-[slot=icon]:last:[&:not(:nth-child(2))]:*:size-4',
+ // Avatar
+ 'data-[slot=avatar]:*:-m-0.5 data-[slot=avatar]:*:size-7 data-[slot=avatar]:*:[--avatar-radius:theme(borderRadius.DEFAULT)] data-[slot=avatar]:*:[--ring-opacity:10%] sm:data-[slot=avatar]:*:size-6',
+ // Hover
+ 'data-[hover]:bg-zinc-950/5 data-[slot=icon]:*:data-[hover]:fill-zinc-950',
+ // Active
+ 'data-[active]:bg-zinc-950/5 data-[slot=icon]:*:data-[active]:fill-zinc-950',
+ // Dark mode
+ 'dark:text-white dark:data-[slot=icon]:*:fill-zinc-400',
+ 'dark:data-[hover]:bg-white/5 dark:data-[slot=icon]:*:data-[hover]:fill-white',
+ 'dark:data-[active]:bg-white/5 dark:data-[slot=icon]:*:data-[active]:fill-white'
+ )
+
+ return (
+
+ {current && (
+ {children}
+
+ ) : (
+
+ {children}
+
+ )}
+
+ )
+})
+
+export function NavbarLabel({ className, ...props }: React.ComponentPropsWithoutRef<'span'>) {
+ return
+}
diff --git a/moon/src/components/catalyst/sidebar-layout.tsx b/moon/src/components/catalyst/sidebar-layout.tsx
new file mode 100644
index 000000000..4b7677e64
--- /dev/null
+++ b/moon/src/components/catalyst/sidebar-layout.tsx
@@ -0,0 +1,82 @@
+'use client'
+
+import * as Headless from '@headlessui/react'
+import React, { useState } from 'react'
+import { NavbarItem } from './navbar'
+
+function OpenMenuIcon() {
+ return (
+
+ )
+}
+
+function CloseMenuIcon() {
+ return (
+
+ )
+}
+
+function MobileSidebar({ open, close, children }: React.PropsWithChildren<{ open: boolean; close: () => void }>) {
+ return (
+
+
+
+
+ )
+}
+
+export function SidebarLayout({
+ navbar,
+ sidebar,
+ children,
+}: React.PropsWithChildren<{ navbar: React.ReactNode; sidebar: React.ReactNode }>) {
+ let [showSidebar, setShowSidebar] = useState(false)
+
+ return (
+
+} + +export function SidebarSpacer({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) { + return +} + +export function SidebarHeading({ className, ...props }: React.ComponentPropsWithoutRef<'h3'>) { + return ( + + ) +} + +export const SidebarItem = forwardRef(function SidebarItem( + { + current, + className, + children, + ...props + }: { current?: boolean; className?: string; children: React.ReactNode } & ( + | Omit
+
+ )
+}
+
+export async function getReadmeContent(pathname: string) {
+ const res = await fetch(`http://localhost:3000/api/blob/?path=/${pathname}`);
+ const response = await res.json();
+ const directory = response.data.data;
+ return directory
+}
diff --git a/moon/src/app/layout.tsx b/moon/src/app/layout.tsx
new file mode 100644
index 000000000..4f9fb41d7
--- /dev/null
+++ b/moon/src/app/layout.tsx
@@ -0,0 +1,33 @@
+import '@/styles/globals.css'
+import type { Metadata } from 'next'
+import type React from 'react'
+import { ApplicationLayout } from './application-layout'
+import { AntdRegistry } from '@ant-design/nextjs-registry';
+
+export const metadata: Metadata = {
+ title: {
+ template: '%s - Mega',
+ default: 'Mega',
+ },
+ description: '',
+}
+
+export default async function Layout({ children }: { children: React.ReactNode }) {
+
+ return (
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/moon/src/app/mr/page.tsx b/moon/src/app/mr/page.tsx
new file mode 100644
index 000000000..1d3d87182
--- /dev/null
+++ b/moon/src/app/mr/page.tsx
@@ -0,0 +1,25 @@
+'use client'
+import MergeList from "@/components/MergeList";
+import { useEffect, useState } from 'react';
+
+export default function MergeRequestPage() {
+ const [mrList, setMrList] = useState([]);
+ useEffect(() => {
+ const fetchData = async () => {
+ try {
+ const res = await fetch(`http://localhost:3000/api/mr/list?status=`);
+ const response = await res.json();
+ const mrList = response.data.data;
+ setMrList(mrList);
+ } catch (error) {
+ console.error('Error fetching data:', error);
+ }
+ };
+ fetchData();
+ }, []);
+ return (
+
+
+ )
+}
\ No newline at end of file
diff --git a/moon/src/app/page.tsx b/moon/src/app/page.tsx
new file mode 100644
index 000000000..8ed17d338
--- /dev/null
+++ b/moon/src/app/page.tsx
@@ -0,0 +1,32 @@
+import CodeTable from '@/components/CodeTable'
+export const revalidate = 0
+
+export default async function HomePage() {
+ let directory = await getDirectory()
+ let readmeContent = await getReadmeContent(directory)
+
+ return (
+
+
+ );
+}
+export async function getDirectory() {
+ const res = await fetch(`http://localhost:3000/api/tree/commit-info?path=/`);
+ const response = await res.json();
+ const directory = response.data.data;
+ return directory
+}
+
+export async function getReadmeContent(directory) {
+ var readmeContent = '';
+ for (const project of directory || []) {
+ if (project.name === 'README.md' && project.content_type === 'file') {
+ const res = await fetch(`http://localhost:3000/api/blob?path=/README.md`);
+ const response = await res.json();
+ readmeContent = response.data.data;
+ break;
+ }
+ }
+ return readmeContent
+}
diff --git a/moon/src/app/tree/[...path]/page.tsx b/moon/src/app/tree/[...path]/page.tsx
new file mode 100644
index 000000000..52cd9e854
--- /dev/null
+++ b/moon/src/app/tree/[...path]/page.tsx
@@ -0,0 +1,53 @@
+'use client'
+
+import CodeTable from '@/components/CodeTable'
+import Bread from '@/components/BreadCrumb'
+import RepoTree from '@/components/RepoTree'
+import { useEffect, useState } from 'react'
+
+export default function Page({ params }: { params: { path: string[] } }) {
+ const [directory, setDirectory] = useState([]);
+ const [readmeContent, setReadmeContent] = useState("");
+ let path = '/' + params.path.join('/');
+ useEffect(() => {
+ const fetchData = async () => {
+ try {
+ let directory = await getDirectory(path);
+ setDirectory(directory);
+ let readmeContent = await getReadmeContent(path, directory);
+ setReadmeContent(readmeContent);
+ } catch (error) {
+ console.error('Error fetching data:', error);
+ }
+ };
+ fetchData();
+ }, [path]);
+
+ return (
+
+
+ );
+}
+
+export async function getDirectory(pathname: string) {
+ const res = await fetch(`http://localhost:3000/api/tree/commit-info?path=${pathname}`);
+ const response = await res.json();
+ const directory = response.data.data;
+ return directory
+}
+
+export async function getReadmeContent(pathname, directory) {
+ var readmeContent = '';
+ for (const project of directory || []) {
+ if (project.name === 'README.md' && project.content_type === 'file') {
+ const res = await fetch(`http://localhost:3000/api/blob?path=${pathname}/README.md`);
+ const response = await res.json();
+ readmeContent = response.data.data;
+ break;
+ }
+ }
+ return readmeContent
+}
diff --git a/moon/src/components/BreadCrumb.tsx b/moon/src/components/BreadCrumb.tsx
index 7ffca916d..cbf5086ec 100644
--- a/moon/src/components/BreadCrumb.tsx
+++ b/moon/src/components/BreadCrumb.tsx
@@ -1,19 +1,15 @@
-
import 'github-markdown-css/github-markdown-light.css'
-import { useRouter } from 'next/router'
+import { useRouter } from 'next/navigation'
import { Breadcrumb } from 'antd/lib'
import styles from './BreadCrumb.module.css'
-const Bread = () => {
+const Bread = ({ path }) => {
const router = useRouter();
- const { path } = router.query;
- const safePath = Array.isArray(path) ? path : [];
-
const handleBreadcrumbClick = async (index) => {
- router.push(`/tree/${safePath.slice(0, index + 1).join('/')}`);
+ router.push(`/tree/${path.slice(0, index + 1).join('/')}`);
};
- const breadCrumbItems = safePath.map((path, index) => ({
+ const breadCrumbItems = path.map((path, index) => ({
title: path,
onClick: () => handleBreadcrumbClick(index),
}));
diff --git a/moon/src/components/CodeTable.tsx b/moon/src/components/CodeTable.tsx
index 1916f6dab..c16a1d0bb 100644
--- a/moon/src/components/CodeTable.tsx
+++ b/moon/src/components/CodeTable.tsx
@@ -1,6 +1,7 @@
+'use client'
import 'github-markdown-css/github-markdown-light.css'
-import { useRouter } from 'next/router'
+import { useRouter, usePathname } from 'next/navigation'
import Markdown from 'react-markdown'
import { formatDistance, fromUnixTime } from 'date-fns'
import folderPic from '../../public/icons/folder.svg'
@@ -18,13 +19,14 @@ export interface DataType {
date: number;
}
-const CodeTable = ({ directory, readmeContent, showTree }) => {
-
+const CodeTable = ({ directory, readmeContent, treeIsShow }) => {
const router = useRouter();
- const fileCodeContainerStyle = showTree ? { width: '80%', marginLeft: '17%', borderRadius: '0.5rem', marginTop: '10px' } : { width: '90%', margin: '0 auto', borderRadius: '0.5rem', marginTop: '10px' };
+ const fileCodeContainerStyle = treeIsShow ? { width: '80%', marginLeft: '17%', borderRadius: '0.5rem', marginTop: '10px' } : { width: '90%', margin: '0 auto', borderRadius: '0.5rem', marginTop: '10px' };
const [open, setOpen] = useState(false);
const [confirmLoading, setConfirmLoading] = useState(false);
const [modalText, setModalText] = useState('');
+ const pathname = usePathname();
+ let real_path = pathname.replace("/tree", "");
var columns: TableProps
-
-
-
-
-
-
-
-
-
-
- {/* Current: "border-indigo-500 text-gray-900", Default: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700" */}
-
- Code
-
-
- Issues
-
-
- Merge Requests
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {/* Mobile menu button */}
-
-
- Open main menu
- {open ? (
-
- ) : (
-
- )}
-
-
-
-
-
- {/* Profile dropdown */}
-
-
-
- {/* Current: "bg-indigo-50 border-indigo-500 text-indigo-700", Default: "border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800" */}
-
- Dashboard
-
-
- Team
-
-
- Projects
-
-
- Calendar
-
-
-
-
-
-
-
-
-
-
-
- Tom Cook
- tom@example.com
-
-
- Your Profile
-
-
- Settings
-
-
- Sign out
-
-
-
+
+
+
+
+
+ {children}
+
+ {/* Sidebar on desktop */}
+ setShowSidebar(false)}>
+ {sidebar}
+
+
+ {/* Navbar on mobile */}
+
+
+
+ {/* Content */}
+
+
+
+ )
+}
diff --git a/moon/src/components/catalyst/sidebar.tsx b/moon/src/components/catalyst/sidebar.tsx
new file mode 100644
index 000000000..fdab54114
--- /dev/null
+++ b/moon/src/components/catalyst/sidebar.tsx
@@ -0,0 +1,138 @@
+'use client'
+
+import * as Headless from '@headlessui/react'
+import clsx from 'clsx'
+import { LayoutGroup, motion } from 'framer-motion'
+import React, { Fragment, forwardRef, useId } from 'react'
+import { TouchTarget } from './button'
+import { Link } from './link'
+
+export function Sidebar({ className, ...props }: React.ComponentPropsWithoutRef<'nav'>) {
+ return
+}
+
+export function SidebarHeader({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) {
+ return (
+ {sidebar}
+
+ {/* Sidebar on mobile */}
+
+ setShowSidebar(true)} aria-label="Open navigation">
+
+
+ {navbar}
+
+
+ {children}
+ [data-slot=section]+[data-slot=section]]:mt-2.5'
+ )}
+ />
+ )
+}
+
+export function SidebarBody({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) {
+ return (
+
[data-slot=section]+[data-slot=section]]:mt-8'
+ )}
+ />
+ )
+}
+
+export function SidebarFooter({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) {
+ return (
+
[data-slot=section]+[data-slot=section]]:mt-2.5'
+ )}
+ />
+ )
+}
+
+export function SidebarSection({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) {
+ let id = useId()
+
+ return (
+
+
+
+ )
+}
+
+export function SidebarDivider({ className, ...props }: React.ComponentPropsWithoutRef<'hr'>) {
+ return
+} + +export function SidebarSpacer({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) { + return +} + +export function SidebarHeading({ className, ...props }: React.ComponentPropsWithoutRef<'h3'>) { + return ( + + ) +} + +export const SidebarItem = forwardRef(function SidebarItem( + { + current, + className, + children, + ...props + }: { current?: boolean; className?: string; children: React.ReactNode } & ( + | Omit
+ | Omit, 'type' | 'className'>
+ ),
+ ref: React.ForwardedRef
+) {
+ let classes = clsx(
+ // Base
+ 'flex w-full items-center gap-3 rounded-lg px-2 py-2.5 text-left text-base/6 font-medium text-zinc-950 sm:py-2 sm:text-sm/5',
+ // Leading icon/icon-only
+ 'data-[slot=icon]:*:size-6 data-[slot=icon]:*:shrink-0 data-[slot=icon]:*:fill-zinc-500 sm:data-[slot=icon]:*:size-5',
+ // Trailing icon (down chevron or similar)
+ 'data-[slot=icon]:last:*:ml-auto data-[slot=icon]:last:*:size-5 sm:data-[slot=icon]:last:*:size-4',
+ // Avatar
+ 'data-[slot=avatar]:*:-m-0.5 data-[slot=avatar]:*:size-7 data-[slot=avatar]:*:[--ring-opacity:10%] sm:data-[slot=avatar]:*:size-6',
+ // Hover
+ 'data-[hover]:bg-zinc-950/5 data-[slot=icon]:*:data-[hover]:fill-zinc-950',
+ // Active
+ 'data-[active]:bg-zinc-950/5 data-[slot=icon]:*:data-[active]:fill-zinc-950',
+ // Current
+ 'data-[slot=icon]:*:data-[current]:fill-zinc-950',
+ // Dark mode
+ 'dark:text-white dark:data-[slot=icon]:*:fill-zinc-400',
+ 'dark:data-[hover]:bg-white/5 dark:data-[slot=icon]:*:data-[hover]:fill-white',
+ 'dark:data-[active]:bg-white/5 dark:data-[slot=icon]:*:data-[active]:fill-white',
+ 'dark:data-[slot=icon]:*:data-[current]:fill-white'
+ )
+
+ return (
+
+ {current && (
+
+
+ {children}
+
+
+ ) : (
+
+ {children}
+
+ )}
+
+ )
+})
+
+export function SidebarLabel({ className, ...props }: React.ComponentPropsWithoutRef<'span'>) {
+ return
+}
diff --git a/moon/src/components/layout.tsx b/moon/src/components/layout.tsx
deleted file mode 100644
index a75b1f1db..000000000
--- a/moon/src/components/layout.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import Navbar from './TopNavbar'
-import Footer from './Bottombar'
-
-export default function Layout({ children }) {
- return (
- Back Home}
- />
-);
-
-export default App;
\ No newline at end of file
diff --git a/moon/src/pages/500.tsx b/moon/src/pages/500.tsx
deleted file mode 100644
index 674fcd1db..000000000
--- a/moon/src/pages/500.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react';
-import { Button, Result } from 'antd/lib';
-
-const App: React.FC = () => (
- Back Home}
- />
-);
-
-export default App;
\ No newline at end of file
diff --git a/moon/src/pages/_app.tsx b/moon/src/pages/_app.tsx
deleted file mode 100644
index 34e80d059..000000000
--- a/moon/src/pages/_app.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import '../styles/globals.css'
-import type { AppProps } from 'next/app'
-import Layout from '../components/layout'
-
-export default function MyApp({ Component, pageProps }: AppProps) {
- return (
-
-
- )
-}
\ No newline at end of file
diff --git a/moon/src/pages/api/blob.ts b/moon/src/pages/api/blob.ts
deleted file mode 100644
index cd9a41f9a..000000000
--- a/moon/src/pages/api/blob.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import axios from 'axios';
-
-export default async function handler(req, res) {
- const endpoint = process.env.NEXT_MEGA_API_URL;
- const { path } = req.query;
- try {
- const apiUrl = `${endpoint}/api/v1/blob?path=${path}`;
- const response = await axios.get(apiUrl);
- const data = response.data;
- res.status(200).json(data);
- } catch (error) {
-
- console.error('Error fetching blob data:', error);
- res.status(500).json({ error: 'Error fetching blob data' });
- }
-}
diff --git a/moon/src/pages/api/mr.ts b/moon/src/pages/api/mr.ts
deleted file mode 100644
index a1837b065..000000000
--- a/moon/src/pages/api/mr.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import axios from 'axios';
-
-export default async function handler(req, res) {
- const endpoint = process.env.NEXT_MEGA_API_URL;
- const { status } = req.query;
- try {
- const apiUrl = `${endpoint}/api/v1/mr-list?status=${status}`;
- const response = await axios.get(apiUrl);
- const data = response.data;
- res.status(200).json(data);
- } catch (error) {
- console.error('Error fetching data:', error);
- res.status(500).json({ error: 'Error fetching data' });
- }
-}
diff --git a/moon/src/pages/api/mr/[id].ts b/moon/src/pages/api/mr/[id].ts
deleted file mode 100644
index f43cfdf9d..000000000
--- a/moon/src/pages/api/mr/[id].ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import axios from 'axios';
-
-export default async function handler(req, res) {
- const endpoint = process.env.NEXT_MEGA_API_URL;
- const { id } = req.query;
-
- try {
- const apiUrl = `${endpoint}/api/v1/mr-detail/${id}`;
- const response = await axios.get(apiUrl);
- const data = response.data;
- res.status(200).json(data);
- } catch (error) {
- console.error('Error fetching data:', error);
- res.status(500).json({ error: 'Error fetching data' });
- }
-}
diff --git a/moon/src/pages/api/mr/files.ts b/moon/src/pages/api/mr/files.ts
deleted file mode 100644
index 11959e362..000000000
--- a/moon/src/pages/api/mr/files.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import axios from 'axios';
-
-export default async function handler(req, res) {
- const endpoint = process.env.NEXT_MEGA_API_URL;
- const { id } = req.query;
-
- try {
- const apiUrl = `${endpoint}/api/v1/mr-files/${id}`;
- const response = await axios.get(apiUrl);
- const data = response.data;
- res.status(200).json(data);
- } catch (error) {
- console.error('Error fetching data:', error);
- res.status(500).json({ error: 'Error fetching data' });
- }
-}
diff --git a/moon/src/pages/api/mr/merge.ts b/moon/src/pages/api/mr/merge.ts
deleted file mode 100644
index 900b1d25f..000000000
--- a/moon/src/pages/api/mr/merge.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import axios from 'axios';
-
-export default async function handler(req, res) {
- const endpoint = process.env.NEXT_MEGA_API_URL;
- const { id } = req.query;
-
- try {
- const apiUrl = `${endpoint}/api/v1/merge/${id}`;
- const response = await axios.post(apiUrl);
- const data = response.data;
- res.status(200).json(data);
- } catch (error) {
- console.error('Error fetching data:', error);
- res.status(500).json({ error: 'Error fetching data' });
- }
-}
diff --git a/moon/src/pages/api/tree-commit.ts b/moon/src/pages/api/tree-commit.ts
deleted file mode 100644
index ea0ca4e83..000000000
--- a/moon/src/pages/api/tree-commit.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import axios from 'axios';
-
-export default async function handler(req, res) {
-
- const endpoint = process.env.NEXT_MEGA_API_URL;
-
- const { path } = req.query;
-
- try {
- const apiUrl = `${endpoint}/api/v1/tree-commit-info?path=${path}`;
-
- const response = await axios.get(apiUrl);
-
- const treeData = response.data;
-
- res.status(200).json(treeData);
- } catch (error) {
-
- console.error('Error fetching tree-commit data:', error);
- res.status(500).json({ error: 'Error fetching tree-commit data' });
- }
-}
diff --git a/moon/src/pages/api/tree.ts b/moon/src/pages/api/tree.ts
deleted file mode 100644
index 2f39cad20..000000000
--- a/moon/src/pages/api/tree.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-// /pages/api/tree.js
-
-import axios from 'axios';
-
-export default async function handler(req, res) {
-
- const endpoint = process.env.NEXT_MEGA_API_URL;
-
- const { path } = req.query;
-
- try {
- const apiUrl = `${endpoint}/api/v1/tree?path=${path}`;
-
- const response = await axios.get(apiUrl);
-
- const treeData = response.data;
-
- res.status(200).json(treeData);
- } catch (error) {
-
- console.error('Error fetching tree data:', error);
- res.status(500).json({ error: 'Error fetching tree data' });
- }
-}
diff --git a/moon/src/pages/blob/[...path].tsx b/moon/src/pages/blob/[...path].tsx
deleted file mode 100644
index d5e5c711b..000000000
--- a/moon/src/pages/blob/[...path].tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { useRouter } from 'next/router'
-import CodeContent from '../../components/CodeContent';
-import Bread from '../../components/BreadCrumb';
-
-export default function BlobPage({ fileContent }) {
- const router = useRouter();
- return (
-
+} + +export function SidebarSpacer({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) { + return +} + +export function SidebarHeading({ className, ...props }: React.ComponentPropsWithoutRef<'h3'>) { + return ( + + ) +} + +export const SidebarItem = forwardRef(function SidebarItem( + { + current, + className, + children, + ...props + }: { current?: boolean; className?: string; children: React.ReactNode } & ( + | Omit
-
- {children}
-
-
-
- )
-}
\ No newline at end of file
diff --git a/moon/src/pages/404.tsx b/moon/src/pages/404.tsx
deleted file mode 100644
index f3bccde3a..000000000
--- a/moon/src/pages/404.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react';
-import { Button, Result } from 'antd/lib';
-
-const App: React.FC = () => (
-
-
- )
-}
-
-export async function getServerSideProps(context) {
- const { path } = context.query;
- const res = await fetch(`http://localhost:3000/api/blob?path=/${path.join('/')}`);
- const response = await res.json();
- var fileContent = response.data;
- return {
- props: {
- fileContent,
- },
- };
-}
\ No newline at end of file
diff --git a/moon/src/pages/index.tsx b/moon/src/pages/index.tsx
deleted file mode 100644
index 210a7cbb8..000000000
--- a/moon/src/pages/index.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import CodeTable from '../components/CodeTable';
-
-export default function HomePage({ directory, readmeContent }) {
- return (
-
-
- );
-}
-
-export async function getServerSideProps(context) {
- const { path } = context.query;
- // obtain the current directory
- const res = await fetch(`http://localhost:3000/api/tree-commit?path=/`);
- const response = await res.json();
- const directory = response.data;
- var readmeContent = '';
- // get the readme file content
- for (const project of directory || []) {
- if (project.name === 'README.md' && project.content_type === 'file') {
- const res = await fetch(`http://localhost:3000/api/blob?path=/${path.join('/')}/README.md`);
- const response = await res.json();
- readmeContent = response.data;
- break;
- }
- }
-
- return {
- props: {
- directory,
- readmeContent,
- },
- };
-}
diff --git a/moon/src/pages/mr/[...id].tsx b/moon/src/pages/mr/[...id].tsx
deleted file mode 100644
index 3ff1851e2..000000000
--- a/moon/src/pages/mr/[...id].tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import MergeDetail from "../../components/MergeDetail";
-
-
-export default function MRDetailPage({ mrDetail }) {
- return (
-
-
-
- )
-}
-
-export async function getServerSideProps(context) {
- const { id } = context.query;
- const res = await fetch(`http://localhost:3000/api/mr/${id}`);
- const response = await res.json();
- const mrDetail = response.data;
- return {
- props: {
- mrDetail,
- },
- };
-}
\ No newline at end of file
diff --git a/moon/src/pages/mr/index.tsx b/moon/src/pages/mr/index.tsx
deleted file mode 100644
index bb5ccfe32..000000000
--- a/moon/src/pages/mr/index.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { useRouter } from 'next/router'
-import MergeList from "../../components/MergeList";
-
-export default function MergeRequestPage({ mrList }) {
- const router = useRouter();
- return (
-
-
- )
-}
-
-export async function getServerSideProps(context) {
- const res = await fetch(`http://localhost:3000/api/mr`);
- const response = await res.json();
- const mrList = response.data;
- return {
- props: {
- mrList,
- },
- };
-}
\ No newline at end of file
diff --git a/moon/src/pages/tree/[...path].tsx b/moon/src/pages/tree/[...path].tsx
deleted file mode 100644
index 75f3feaad..000000000
--- a/moon/src/pages/tree/[...path].tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import CodeTable from '../../components/CodeTable'
-import Bread from '../../components/BreadCrumb'
-import RepoTree from '../../components/RepoTree'
-
-export default function TreePage({ directory, readmeContent }) {
- return (
-
-
- );
-}
-
-export async function getServerSideProps(context) {
- const { path } = context.query;
- // obtain the current directory
- const res = await fetch(`http://localhost:3000/api/tree-commit?path=/${path.join('/')}`);
- const response = await res.json();
- const directory = response.data;
- var readmeContent = '';
- // get the readme file content
- for (const project of directory || []) {
- if (project.name === 'README.md' && project.content_type === 'file') {
- const res = await fetch(`http://localhost:3000/api/blob?path=/${path.join('/')}/README.md`);
- const response = await res.json();
- readmeContent = response.data;
- break;
- }
- }
- return {
- props: {
- directory,
- readmeContent,
- },
- };
-}
diff --git a/moon/tsconfig.json b/moon/tsconfig.json
new file mode 100644
index 000000000..204075550
--- /dev/null
+++ b/moon/tsconfig.json
@@ -0,0 +1,40 @@
+{
+ "compilerOptions": {
+ "lib": [
+ "dom",
+ "dom.iterable",
+ "esnext"
+ ],
+ "allowJs": true,
+ "skipLibCheck": true,
+ "strict": false,
+ "noEmit": true,
+ "incremental": true,
+ "module": "esnext",
+ "esModuleInterop": true,
+ "moduleResolution": "node",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "jsx": "preserve",
+ "plugins": [
+ {
+ "name": "next"
+ }
+ ],
+ "paths": {
+ "@/*": [
+ "./src/*"
+ ]
+ },
+ "strictNullChecks": true
+ },
+ "include": [
+ "next-env.d.ts",
+ ".next/types/**/*.ts",
+ "**/*.ts",
+ "**/*.tsx"
+, "src/pages/_app.back" ],
+ "exclude": [
+ "node_modules"
+ ]
+}