QCX/app/layout.tsx at 8328eee810945d643f0faf6dc55c1dc9ae5a5216 · QueueLab/QCX · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
import type { Metadata, Viewport } from 'next'
import { Inter as FontSans, Poppins } from 'next/font/google'
import './globals.css'
import 'katex/dist/katex.min.css';
import { cn } from '@/lib/utils'
import { ThemeProvider } from '@/components/theme-provider'
import Header from '@/components/header'
import Footer from '@/components/footer'
import { Sidebar } from '@/components/sidebar'
import { Analytics } from "@vercel/analytics/next"
import { SpeedInsights } from "@vercel/speed-insights/next"
import { Toaster } from '@/components/ui/sonner'
import { MapToggleProvider } from '@/components/map-toggle-context'
import { ProfileToggleProvider } from '@/components/profile-toggle-context'
import { UsageToggleProvider } from '@/components/usage-toggle-context'
import { CalendarToggleProvider } from '@/components/calendar-toggle-context'
import { HistoryToggleProvider } from '@/components/history-toggle-context'
import { HistorySidebar } from '@/components/history-sidebar'
import { MapLoadingProvider } from '@/components/map-loading-context';
import { TooltipProvider } from '@/components/ui/tooltip'
import ConditionalLottie from '@/components/conditional-lottie';
import { MapProvider as MapContextProvider } from '@/components/map/map-context'

const fontSans = FontSans({
  subsets: ['latin'],
  variable: '--font-sans'
})

const fontPoppins = Poppins({
  subsets: ['latin'],
  variable: '--font-poppins',
  weight: ['400', '500', '600', '700']
})

const title = ''
const description =
  'language to Maps'

export const metadata: Metadata = {
  metadataBase: new URL('https://www.qcx.world'),
  title,
  description,
  openGraph: {
    title,
    description
  },
  twitter: {
    title,
    description,
    card: 'summary_large_image',
    creator: '@queueLab'
  }
}

export const viewport: Viewport = {
  width: 'device-width',
  initialScale: 1,
  minimumScale: 1,
  maximumScale: 1
}

export default function RootLayout({
  children
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en" suppressHydrationWarning>
      <head>
        <script
          dangerouslySetInnerHTML={{
            __html: `
              (function() {
                const htmxEvents = [
                  'sseError', 'sseOpen', 'swapError', 'targetError', 'timeout',
                  'validation:validate', 'validation:failed', 'validation:halted',
                  'xhr:abort', 'xhr:loadend', 'xhr:loadstart'
                ];
                htmxEvents.forEach(event => {
                  const funcName = 'func ' + event;
                  if (typeof window[funcName] === 'undefined') {
                    window[funcName] = function() {
                      console.warn('HTMX event handler "' + funcName + '" was called but not defined. Providing safety fallback.');
                    };
                  }
                });
              })();
            `,
          }}
        />
      </head>
      <body
        className={cn(
          'font-sans antialiased',
          fontSans.variable,
          fontPoppins.variable
        )}
      >
        <CalendarToggleProvider>
          <HistoryToggleProvider>
            <MapToggleProvider>
              <ProfileToggleProvider>
                <UsageToggleProvider>
                  <ThemeProvider
                    attribute="class"
                    defaultTheme="earth"
                    enableSystem
                    disableTransitionOnChange
                    themes={['light', 'dark', 'earth']}
                  >
                    <MapContextProvider>
                      <MapLoadingProvider>
                        <TooltipProvider>
                          <Header />
                          <ConditionalLottie />
                          {children}
                          <HistorySidebar />
                          <Footer />
                          <Toaster />
                        </TooltipProvider>
                      </MapLoadingProvider>
                    </MapContextProvider>
                  </ThemeProvider>
                </UsageToggleProvider>
              </ProfileToggleProvider>
            </MapToggleProvider>
          </HistoryToggleProvider>
        </CalendarToggleProvider>
        <Analytics />
        <SpeedInsights />
      </body>
    </html>
  )
}