refactor: config files names

app/configs/index.ts

@@ -1,9 +1,8 @@
 export * from './app';
 export * from './colors';
-export * from './document-links';
-export * from './external-links';
+export * from './document';
 export * from './features';
 export * from './meta';
-export * from './navigation-menu';
-export * from './navigation-links';
+export * from './navigation';
 export * from './themes';
+export * from './urls';

app/configs/navigation.ts

@@ -0,0 +1,59 @@
+/**
+ * Config Navigation Links
+ *
+ * Used in the Navigation Bar with 2 modes:
+ * - Large screen mode (desktop, TV)
+ * - Small screen mode (mobile, tablet)
+ */
+
+export const configNavigationLinks = [
+ { to: '/', text: 'Home' },
+ { to: '/about', text: 'About' },
+ { to: '/subscribe', text: 'Subscribe' },
+ { to: '/debug', text: 'Debug' },
+ { to: '/examples', text: 'Examples' },
+ { to: '/examples/button', text: 'Example Button' },
+ { to: '/examples/rest', text: 'Example REST' },
+ { to: '/examples/graphql', text: 'Example GraphQL' },
+ // In large screen, the auth links are as buttons
+];
+
+export const configNavigationLinksMenu = [
+ {
+ name: 'Pages',
+ links: [...configNavigationLinks],
+ },
+ {
+ // In small screen, the auth links are inside the menu modal
+ name: 'Account',
+ links: [
+ { to: '/signup', text: 'Sign up' },
+ { to: '/signin', text: 'Sign in' },
+ { to: '/signout', text: 'Sign out' },
+ ],
+ },
+];
+
+/**
+ * Config Navigation Menu Content Links
+ *
+ * Used in the Navigation Menu with Radix UI
+ */
+
+export const configNavigationContentPages = [
+ { to: '/about', text: 'About' },
+ { to: '/blog', text: 'Blog' },
+ { to: '/subscribe', text: 'Subscribe' },
+];
+
+export const configNavigationContentExamples1 = [
+ { to: '/examples/button', text: 'Button' },
+ { to: '/examples/form', text: 'Form' },
+ { to: '/examples/navigation-menu', text: 'Navigation Menu' },
+];
+
+export const configNavigationContentExamples2 = [
+ { to: '/examples/rest', text: 'REST API' },
+ { to: '/examples/graphql', text: 'GraphQL' },
+ { to: '/examples/debug', text: 'Debug' },
+];

app/configs/external-links.ts → app/configs/urls.ts

@@ -1,7 +1,23 @@
 import type { ExternalLinkItem } from '~/types';
 
 /**
- * Config External Links
+ * Config URLs
+ *
+ * Used in the redirect routes
+ */
+
+export const configUrls = {
+ GITHUB_URL: 'https://a.mhaidarhanif.com/github',
+ TWITTER_URL: 'https://a.mhaidarhanif.com/twitter',
+ YOUTUBE_URL: 'https://a.mhaidarhanif.com/youtube',
+ DEV_URL: 'https://a.mhaidarhanif.com/devto',
+ MEDIUM_URL: 'https://a.mhaidarhanif.com/medium',
+ DISCORD_URL: 'https://a.mhaidarhanif.com/discord',
+ TELEGRAM_URL: 'https://a.mhaidarhanif.com/telegram',
+};
+
+/**
+ * Config External Anchor URLs
  *
  * The intention is so have this URL format:
  * https://oursite.com/r/name
@@ -22,13 +38,3 @@ export const configExternalLinks: Array<ExternalLinkItem> = [
  { name: 'Discord', url: '/r/discord', isEnabled: false },
  { name: 'Telegram', url: '/r/telegram', isEnabled: false },
 ];
-
-export const configUrls = {
- GITHUB_URL: 'https://a.mhaidarhanif.com/github',
- TWITTER_URL: 'https://a.mhaidarhanif.com/twitter',
- YOUTUBE_URL: 'https://a.mhaidarhanif.com/youtube',
- DEV_URL: 'https://a.mhaidarhanif.com/devto',
- MEDIUM_URL: 'https://a.mhaidarhanif.com/medium',
- DISCORD_URL: 'https://a.mhaidarhanif.com/discord',
- TELEGRAM_URL: 'https://a.mhaidarhanif.com/telegram',
-};