diff --git a/aria/contents/docs/components/aria/index.mdx b/aria/contents/docs/components/aria/index.mdx new file mode 100644 index 000000000..395c1fd12 --- /dev/null +++ b/aria/contents/docs/components/aria/index.mdx @@ -0,0 +1,4 @@ +--- +title: Aria - GitMega Website +description: +--- \ No newline at end of file diff --git a/aria/contents/docs/components/aries/index.mdx b/aria/contents/docs/components/aries/index.mdx new file mode 100644 index 000000000..d1d762b71 --- /dev/null +++ b/aria/contents/docs/components/aries/index.mdx @@ -0,0 +1,4 @@ +--- +title: Aries +description: +--- diff --git a/aria/contents/docs/components/image-link/index.mdx b/aria/contents/docs/components/atlas/index.mdx similarity index 100% rename from aria/contents/docs/components/image-link/index.mdx rename to aria/contents/docs/components/atlas/index.mdx diff --git a/aria/contents/docs/components/blackhole/index.mdx b/aria/contents/docs/components/blackhole/index.mdx new file mode 100644 index 000000000..ac46bf53d --- /dev/null +++ b/aria/contents/docs/components/blackhole/index.mdx @@ -0,0 +1,4 @@ +--- +title: Blackhole +description: +--- diff --git a/aria/contents/docs/components/ceres/index.mdx b/aria/contents/docs/components/ceres/index.mdx new file mode 100644 index 000000000..532f07a69 --- /dev/null +++ b/aria/contents/docs/components/ceres/index.mdx @@ -0,0 +1,4 @@ +--- +title: Ceres +description: +--- diff --git a/aria/contents/docs/components/code-block/index.mdx b/aria/contents/docs/components/code-block/index.mdx deleted file mode 100644 index 8b55b8533..000000000 --- a/aria/contents/docs/components/code-block/index.mdx +++ /dev/null @@ -1,41 +0,0 @@ ---- -title: Code Block -description: This section previews the Code Block features in markdown. ---- - -The Code Block in this documentation allows you to display code snippets with optional line numbering and line highlighting. - -## Preview - -```javascript:main.js showLineNumbers {3-4} -function isRocketAboutToCrash() { - // Check if the rocket is stable - if (!isStable()) { - NoCrash(); // Prevent the crash - } -} -``` - -In this example, line numbers are displayed for lines 1 to 4. You can specify which lines to highlight using the format `{2,3-5}`. - -## Usage - -You can directly use the following syntax to create a code block with line numbers and highlight specific lines: - -````plaintext -```javascript:main.js showLineNumbers {3-4} -function isRocketAboutToCrash() { - // Check if the rocket is stable - if (!isStable()) { - NoCrash(); // Prevent the crash - } -} -``` -```` - -### Features - -- **Line Numbers**: Enable line numbers by adding `showLineNumbers` after the opening backticks. -- **Highlight Lines**: Specify lines to highlight using curly braces (e.g., `{2,3-5}`). -- **Syntax Highlighting**: Use the appropriate language for syntax highlighting. - diff --git a/aria/contents/docs/components/custom/index.mdx b/aria/contents/docs/components/custom/index.mdx deleted file mode 100644 index aedb25203..000000000 --- a/aria/contents/docs/components/custom/index.mdx +++ /dev/null @@ -1,38 +0,0 @@ ---- -title: Custom Components -description: How to create custom components for Markdown. ---- - -To add custom components in AriaDocs, follow these steps: - -1. **Create Your Component**: First, create your custom component in the `@components/markdown` folder. For example, you might create a file named `Outlet.tsx`. - -2. **Import Your Component**: Next, open the `@lib/markdown.ts` file. This is where you'll register your custom component for use in Markdown. - -3. **Add Your Component to the Components Object**: In the `@lib/markdown.ts` file, import your custom component and add it to the `components` object. Here’s how to do it: - -```ts -import Outlet from "@/components/markdown/outlet"; - -// Add custom components -const components = { - Outlet, -}; -``` - -4. **Using Your Custom Component in Markdown**: After registering your component, you can now use it anywhere in your Markdown content. For instance, if your `Outlet` component is designed to display additional information, you can use it as follows: - -### Markdown Example - -```markdown - - This is some custom content rendered by the Outlet component! - -``` - -### Rendered Output - -This will render the content inside the `Outlet` component, allowing you to create reusable and dynamic Markdown content. - - -By following these steps, you can extend the capabilities of your Markdown documentation and create a more engaging user experience. diff --git a/aria/contents/docs/components/gateway/index.mdx b/aria/contents/docs/components/gateway/index.mdx new file mode 100644 index 000000000..9a7b69d03 --- /dev/null +++ b/aria/contents/docs/components/gateway/index.mdx @@ -0,0 +1,4 @@ +--- +title: Gateway +description: +--- diff --git a/aria/contents/docs/components/gemini/index.mdx b/aria/contents/docs/components/gemini/index.mdx new file mode 100644 index 000000000..5519a55c7 --- /dev/null +++ b/aria/contents/docs/components/gemini/index.mdx @@ -0,0 +1,4 @@ +--- +title: Gemini +description: +--- diff --git a/aria/contents/docs/components/jupiter/index.mdx b/aria/contents/docs/components/jupiter/index.mdx new file mode 100644 index 000000000..131f4d242 --- /dev/null +++ b/aria/contents/docs/components/jupiter/index.mdx @@ -0,0 +1,4 @@ +--- +title: Jupiter +description: +--- diff --git a/aria/contents/docs/components/mega/index.mdx b/aria/contents/docs/components/mega/index.mdx new file mode 100644 index 000000000..285a27f8a --- /dev/null +++ b/aria/contents/docs/components/mega/index.mdx @@ -0,0 +1,4 @@ +--- +title: Mega +description: +--- diff --git a/aria/contents/docs/components/mercury/index.mdx b/aria/contents/docs/components/mercury/index.mdx new file mode 100644 index 000000000..8f799f7f0 --- /dev/null +++ b/aria/contents/docs/components/mercury/index.mdx @@ -0,0 +1,4 @@ +--- +title: Mercury +description: +--- diff --git a/aria/contents/docs/components/mono/index.mdx b/aria/contents/docs/components/mono/index.mdx new file mode 100644 index 000000000..71553e2b2 --- /dev/null +++ b/aria/contents/docs/components/mono/index.mdx @@ -0,0 +1,4 @@ +--- +title: Mono +description: +--- diff --git a/aria/contents/docs/components/moon/index.mdx b/aria/contents/docs/components/moon/index.mdx new file mode 100644 index 000000000..1c1c58e13 --- /dev/null +++ b/aria/contents/docs/components/moon/index.mdx @@ -0,0 +1,4 @@ +--- +title: Moon +description: +--- diff --git a/aria/contents/docs/components/neptune/index.mdx b/aria/contents/docs/components/neptune/index.mdx new file mode 100644 index 000000000..24afa66d6 --- /dev/null +++ b/aria/contents/docs/components/neptune/index.mdx @@ -0,0 +1,4 @@ +--- +title: Neptune +description: +--- diff --git a/aria/contents/docs/components/note/index.mdx b/aria/contents/docs/components/note/index.mdx deleted file mode 100644 index a7c740023..000000000 --- a/aria/contents/docs/components/note/index.mdx +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: Note -description: This section previews the Note component. ---- - -The `Note` component allows you to display different types of messages such as general notes, warnings, or success notifications. Each type is styled accordingly, providing a clear visual cue to the user. - -## Preview - - - This is a general note to convey information to the user. - - - This is a danger alert to notify the user of a critical issue. - - - This is a warning alert for issues that require attention. - - - This is a success message to inform the user of successful actions. - - -## Props - -| Prop | Type | Default | Description | -|---------|--------------------------------|---------|--------------------------------------------| -| `title` | `string` | "Note" | Sets the title of the note. | -| `type` | `"note"`, `"danger"`, `"warning"`, `"success"` | "note" | Determines the visual style of the note. | - -## Code - -```jsx - - This is a general note to convey information to the user. - - - This is a danger alert to notify the user of a critical issue. - - - This is a warning alert for issues that require attention. - - - This is a success message to inform the user of successful actions. - diff --git a/aria/contents/docs/components/saturn/index.mdx b/aria/contents/docs/components/saturn/index.mdx new file mode 100644 index 000000000..c8fa0e2c0 --- /dev/null +++ b/aria/contents/docs/components/saturn/index.mdx @@ -0,0 +1,4 @@ +--- +title: Saturn +description: +--- diff --git a/aria/contents/docs/components/scorpio/index.mdx b/aria/contents/docs/components/scorpio/index.mdx new file mode 100644 index 000000000..bf8239590 --- /dev/null +++ b/aria/contents/docs/components/scorpio/index.mdx @@ -0,0 +1,4 @@ +--- +title: Scorpio +description: +--- diff --git a/aria/contents/docs/components/stepper/index.mdx b/aria/contents/docs/components/stepper/index.mdx deleted file mode 100644 index 55a056f6a..000000000 --- a/aria/contents/docs/components/stepper/index.mdx +++ /dev/null @@ -1,38 +0,0 @@ ---- -title: Stepper -description: This section previews the stepper component. ---- - -In this guide, we utilize a custom `Stepper` component, specifically designed for AriaDocs, which enables users to display step-by-step instructions directly within the markdown render. - -## Preview -## - - - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec interdum, felis sed efficitur tincidunt, justo nulla viverra enim, et maximus nunc dolor in lorem. - - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non neque ut eros auctor accumsan. Mauris a nisl vitae magna ultricies aliquam. - - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ut ipsum nec nulla ultricies porttitor et non justo. - - - -## Code - -```jsx - - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec interdum, felis sed efficitur tincidunt, justo nulla viverra enim, et maximus nunc dolor in lorem. - - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non neque ut eros auctor accumsan. Mauris a nisl vitae magna ultricies aliquam. - - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ut ipsum nec nulla ultricies porttitor et non justo. - - -``` - diff --git a/aria/contents/docs/components/tabs/index.mdx b/aria/contents/docs/components/tabs/index.mdx deleted file mode 100644 index 3dc080dc3..000000000 --- a/aria/contents/docs/components/tabs/index.mdx +++ /dev/null @@ -1,68 +0,0 @@ ---- -title: Tabs -description: This section previews the Tabs component. ---- - -The `Tabs` component allows you to organize content into multiple sections, enabling users to switch between them easily. This is particularly useful for displaying related content in a compact manner. - -## Preview - - - - Java - TypeScript - - - ```java - // HelloWorld.java - public class HelloWorld { - public static void main(String[] args) { - System.out.println("Hello, World!"); - } - } - ``` - - - ```typescript - // helloWorld.ts - function helloWorld(): void { - console.log("Hello, World!"); - } - helloWorld(); - ``` - - - -## Props - -| Prop | Type | Default | Description | -|-------------|--------|-------------|--------------------------------------------------| -| `defaultValue` | `string` | `null` | The value of the tab that is selected by default. | -| `className` | `string` | `""` | Additional CSS classes for styling the Tabs component. | - -## Code - -```jsx - - - Java - TypeScript - - - ```java - // HelloWorld.java - public class HelloWorld { - public static void main(String[] args) { - System.out.println("Hello, World!"); - } - } - ``` - - ```typescript - // helloWorld.ts - function helloWorld(): void { - console.log("Hello, World!"); - } - helloWorld(); - ``` - diff --git a/aria/contents/docs/components/taurus/index.mdx b/aria/contents/docs/components/taurus/index.mdx new file mode 100644 index 000000000..d2f95c209 --- /dev/null +++ b/aria/contents/docs/components/taurus/index.mdx @@ -0,0 +1,4 @@ +--- +title: Taurus +description: +--- diff --git a/aria/contents/docs/components/vault/index.mdx b/aria/contents/docs/components/vault/index.mdx new file mode 100644 index 000000000..3f1aa8b0f --- /dev/null +++ b/aria/contents/docs/components/vault/index.mdx @@ -0,0 +1,4 @@ +--- +title: Vault +description: +--- diff --git a/aria/lib/routes-config.ts b/aria/lib/routes-config.ts index bc2a68e44..e87fb5354 100644 --- a/aria/lib/routes-config.ts +++ b/aria/lib/routes-config.ts @@ -18,19 +18,6 @@ export const ROUTES: EachRoute[] = [ { title: "Quick Start Guide", href: "/quick-start-guide" }, ], }, - { - title: "Components", - href: "/components", - items: [ - { title: "Project Structure", href: "/project-structure" }, - { title: "Stepper", href: "/stepper" }, - { title: "Tabs", href: "/tabs" }, - { title: "Note", href: "/note" }, - { title: "Code Block", href: "/code-block" }, - { title: "Image & Link", href: "/image-link" }, - { title: "Custom", href: "/custom" }, - ], - }, { title: "Libra", href: "/libra", @@ -79,6 +66,30 @@ export const ROUTES: EachRoute[] = [ }, ], }, + { + title: "Components", + href: "/components", + items: [ + { title: "Project Structure", href: "/project-structure" }, + { title: "Aria", href: "/aria" }, + { title: "Aries", href: "/aries" }, + { title: "Atlas", href: "/atlas" }, + { title: "Blackhole", href: "/blackhole" }, + { title: "Ceres", href: "/ceres" }, + { title: "Gateway", href: "/gateway" }, + { title: "Gemini", href: "/gemini" }, + { title: "Jupiter", href: "/jupiter" }, + { title: "Mega", href: "/mega" }, + { title: "Mercury", href: "/mercury" }, + { title: "Mono", href: "/mono" }, + { title: "Moon", href: "/moon" }, + { title: "Neptune", href: "/neptune" }, + { title: "Saturn", href: "/saturn" }, + { title: "Scorpio", href: "/scorpio" }, + { title: "Taurus", href: "/taurus" }, + { title: "Vault", href: "/vault" }, + ], + }, { title: "Git", href: "/git",