[ { "path": ".eslintrc.cjs", "content": "module.exports = {\n root: true,\n env: { browser: true, es2020: true },\n extends: [\n 'eslint:recommended',\n 'plugin:@typescript-eslint/recommended',\n 'plugin:react-hooks/recommended',\n ],\n ignorePatterns: ['dist', '.eslintrc.cjs'],\n parser: '@typescript-eslint/parser',\n plugins: ['react-refresh'],\n rules: {\n 'react-refresh/only-export-components': [\n 'warn',\n { allowConstantExport: true },\n ],\n },\n};\n" }, { "path": ".github/FUNDING.yml", "content": "# These are supported funding model platforms\n\n# github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]\npatreon: # Replace with a single Patreon username\nopen_collective: # Replace with a single Open Collective username\ntidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel\ncommunity_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry\nliberapay: # Replace with a single Liberapay username\nissuehunt: # Replace with a single IssueHunt username\nlfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry\n# polar: # Replace with a single Polar username\nbuy_me_a_coffee: # Replace with a single Buy Me a Coffee username\ncustom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']\n" }, { "path": ".github/SECURITY.md", "content": "# Security Policy\n\n## Supported Versions\n\n| Version | Supported |\n| ------- | --------- |\n| 0.2.0 | ❔ |\n| 0.1.0 | ✅ |\n| < 0.1.0 | ❌ |\n\n## Reporting a Vulnerability\n\nIf you discover a security vulnerability, please report it by opening an [issue](https://github.com/Miruro-no-kuon/Miruro-no-Kuon/issues). To help us better understand and address the issue, please follow the template provided when creating a new issue.\n\n### Reporting Process\n\n1. **Open a new issue**: Clearly describe the vulnerability, providing as much detail as possible.\n2. **Assessment**: Our team will assess the reported vulnerability and respond when available.\n3. **Fix and Release**: If the vulnerability is accepted, we will work on fixing it and release a patch within a reasonable timeframe.\n\n### Expectations\n\n- We will strive to keep you informed about the progress of your reported vulnerability.\n- If the vulnerability is accepted, it will be prioritized based on severity.\n- If the vulnerability is declined, we will provide a reason for the decision.\n- We encourage responsible disclosure, and we appreciate your efforts in keeping our project secure.\n\n## Versioning Scheme\n\nWe follow [Semantic Versioning](https://semver.org/) for our releases. Security updates will be applied to the latest minor version of the current major version.\n\n- **Major Version**: Significant changes, possibly breaking backward compatibility.\n- **Minor Version**: New features, enhancements, and backward-compatible bug fixes.\n- **Patch Version**: Backward-compatible bug fixes only.\n\n## Contact\n\nFor any questions or additional information regarding security, please contact miruro@proton.me\n" }, { "path": ".github/dependabot.yml", "content": "# To get started with Dependabot version updates, you'll need to specify which\n# package ecosystems to update and where the package manifests are located.\n# Please see the documentation for all configuration options:\n# https://docs.github.com/code-security/dependabot/dependabot-version-updates/configuration-options-for-the-dependabot.yml-file\n\nversion: 2\nupdates:\n - package-ecosystem: 'npm' # See documentation for possible values\n directory: '/' # Location of package manifests\n schedule:\n interval: 'weekly'\n" }, { "path": ".gitignore", "content": "# Dependency directories\nnode_modules/\njspm_packages/\n.pnpm-store/\n\n# Vite and Build outputs\ndist/\ndist-ssr/\nbuild/\nout/\n.temp/\n\n# Bun\n.bun/\n\n# TypeScript cache\n*.tsbuildinfo\n\n# Compiled binary addons (node-gyp)\nbuild/Release/\n\n# Editor directories and files\n.idea/\n.vscode/\n*.sublime-workspace\n*.sublime-project\n\n# Operating System generated files\n.DS_Store\n._*\n.Spotlight-V100\n.Trashes\nehthumbs.db\nThumbs.db\n\n# Package manager lock files\npackage-lock.json\nyarn.lock\npnpm-lock.yaml\nbun.lockb\n\n# dotenv environment variables files\n.env\n.env.local\n.env.development.local\n.env.test.local\n.env.production.local\n\n# Caches and logs\n*.log\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\npnpm-debug.log*\nlerna-debug.log*\n.cache/\n.eslintcache\n.stylelintcache\n\n# Temporary files\n*.tmp\n*~\n*.bak\n*.sw?\n*.swo\n*.swn\n*.swp\n*.orig\n" }, { "path": ".prettierrc", "content": "{\n \"semi\": true,\n \"trailingComma\": \"all\",\n \"singleQuote\": true,\n \"printWidth\": 80,\n \"tabWidth\": 2,\n \"useTabs\": false,\n \"endOfLine\": \"lf\",\n \"plugins\": [\"prettier-plugin-tailwindcss\"],\n \"arrowParens\": \"always\",\n \"bracketSpacing\": true,\n \"jsxSingleQuote\": true,\n \"bracketSameLine\": false,\n \"htmlWhitespaceSensitivity\": \"css\",\n \"vueIndentScriptAndStyle\": false,\n \"embeddedLanguageFormatting\": \"auto\",\n \"quoteProps\": \"as-needed\",\n \"overrides\": [\n {\n \"files\": \"*.{ts,tsx}\",\n \"options\": {\n \"parser\": \"typescript\"\n }\n },\n {\n \"files\": \"*.html\",\n \"options\": {\n \"printWidth\": 120\n }\n }\n ]\n}\n" }, { "path": "LICENSE", "content": " CUSTOM ATTRIBUTION-NONCOMMERCIAL (CUSTOM BY-NC) LICENSE\n\n © 2024 Miruro no Kuon. All Rights Reserved.\n\nThis software, licensed under the Custom BY-NC License, grants users the freedom to\nshare, copy, distribute, and transmit the code, as well as to adapt, modify, transform,\nand build upon it. However, this freedom comes with specific terms:\n\nBy using this software, you are required to provide appropriate credit to the original\nauthor(s) by including a visible and clear attribution in any distribution or derivative\nwork. Attribution is a fundamental condition for utilizing or redistributing the code.\n\nFurthermore, this license explicitly prohibits the commercial use of the code or any\nderivative work based on it. Commercial purposes include, but are not limited to, activities\nthat involve the sale, licensing, or exploitation of the software for financial gain.\n\nIf you intend to use the code for commercial use or any purpose not explicitly covered by\nthis license, please seek explicit permission from the author(s) by contacting them directly.\nThe author(s) reserves the right to grant or deny permission based on individual circumstances.\n\nIt is essential to note that this license does not grant any rights beyond what is explicitly\nstated here. Any use of the code not explicitly allowed by this license is strictly prohibited.\n\nFor inquiries, additional permissions, or clarification on specific terms, please contact the author(s).\n" }, { "path": "README.md", "content": "

\nMIRURO\n

\n\n

\n \n \n \n

\n\n

\n \n

\n\n

\n \n \n \n \n

\n\n

\n \n \"Logo\"\n \n

\n\n

\n \n \"fork\"/\n \n \n \"stars\"/\n \n

\n\n## What is Miruro?\n\nWelcome to **Miruro**, your premier destination for all things anime! Explore a comprehensive collection of high-definition anime with a seamless and user-friendly interface powered by **[Consumet](https://github.com/consumet)**.\n\nBuilt using **React** and **Vite**, Miruro offers a cutting-edge, minimalist design that ensures both fast loading times and smooth navigation. Whether you're looking for the latest anime series or classic favorites, Miruro has you covered with an ad-free streaming experience that supports both English subtitles and dubbed versions. Additionally, you can download individual episodes without the hassle of creating an account, making your viewing experience as convenient as possible.\n\n
\nFeatures [View More]\n\n### General\n\n- Sub/Dub Anime support\n- User-friendly & Mobile responsive\n- Anilist Sync\n- Light/Dark theme\n- Continue Watching Section\n\n### Watch Page\n\n- **Player**\n - Autoplay next episode\n - Skip op/ed button\n\n
\n\n## Installation and Local Development\n\n### 1. Clone this repository using\n\n```bash\ngit clone https://github.com/Miruro-no-kuon/Miruro.git\n```\n\n```bash\ncd Miruro\n```\n\n### 2. Installation\n\n### Basic Pre-Requisites\n\n> [!TIP]\n> This platform is built on [Node.js](https://nodejs.org/) and utilizes [Bun](https://bun.sh/) to ensure the quickest response times achievable. While `npm` can also be used, the commands for npm would mirror those of Bun, simply substituting the specific commands accordingly.\n\n> Bun is now available on **Windows**, **Linux**, and **macOS**. Below are the installation commands for each operating system.\n\n### Install Bun\n\n- Linux & macOS\n\n```bash\ncurl -fsSL https://bun.sh/install | bash\n```\n\n- Windows\n\n```powershell\npowershell -c \"irm bun.sh/install.ps1 | iex\"\n```\n\n### Verify installations\n\n- Check that both Node.js and Bun are correctly installed by running.\n\n```bash\nnode -v\nbun -v\n```\n\n### Install Dependencies\n\n- You can use Bun to install dependencies quickly. If you prefer, `npm` can also be used with equivalent commands.\n\n```bash\nbun install\n```\n\n### Copy `.env.example` into `.env.local` in the root folder\n\n- `.env.local` & `.env` are both viable options, you can also set\n `.env.test.local`,\n `.env.development.local` or\n `.env.production.local`\n\n```bash\ncp .env.example .env.local\n```\n\n### 3. Run on development &/or production (npm also works)\n\n- Run on development mode\n\n```bash\nbun run dev\n```\n\n- Run on production mode\n\n```bash\nbun start\n```\n\n## Self-Hosting Notice\n\n> [!CAUTION]\n> Self-hosting this application is **strictly limited to personal use only**. Commercial utilization is **prohibited**, and the inclusion of advertisements on your self-hosted website may lead to serious consequences, including **potential site takedown measures**. Ensure compliance to avoid any legal or operational issues.\n\n## License\n\nThis project is governed by a Custom BY-NC License. What does this entail? Simply put, you are permitted to utilize, distribute, and modify the code for non-commercial purposes. However, it is imperative that due credit is accorded to our platform. Any commercial utilization of this code is strictly prohibited. For comprehensive details, please refer to the [LICENSE](LICENSE) file. Should you have inquiries or require special permissions, do not hesitate to contact us.\n\n\n\n## Star History\n\n[![Stargazers over time](https://starchart.cc/Miruro-no-kuon/Miruro.svg?variant=adaptive)](https://starchart.cc/Miruro-no-kuon/Miruro)\n" }, { "path": "api/exchange-token.ts", "content": "import axios from 'axios';\nimport type { VercelRequest, VercelResponse } from '@vercel/node';\n\nexport default async function exchangeAccessToken(req: VercelRequest, res: VercelResponse) {\n if (req.method !== 'POST') {\n res.status(405).send('Method Not Allowed');\n return;\n }\n\n const { code } = req.body;\n if (!code) {\n return res.status(400).send('Authorization code is required');\n }\n\n const payload = {\n client_id: process.env.VITE_CLIENT_ID,\n client_secret: process.env.VITE_CLIENT_SECRET,\n code,\n grant_type: 'authorization_code',\n redirect_uri: process.env.VITE_REDIRECT_URI,\n };\n\n const url = 'https://anilist.co/api/v2/oauth/token';\n\n try {\n const response = await axios.post(url, payload, {\n headers: {\n 'Content-Type': 'application/json',\n 'Accept-Encoding': 'identity',\n },\n });\n\n if (response.data.access_token) {\n res.json({ accessToken: response.data.access_token });\n } else {\n throw new Error('Access token not found in the response');\n }\n } catch (error: unknown) {\n // First, check if it's an instance of Error\n if (error instanceof Error) {\n // Now you can safely read the message property\n const message = error.message;\n // If it's an axios error, it may have a response object\n const details = axios.isAxiosError(error) && error.response ? error.response.data : message;\n res.status(500).json({\n error: 'Failed to exchange token',\n details,\n });\n } else {\n // If it's not an Error object, handle it as a generic error\n res.status(500).json({\n error: 'Failed to exchange token',\n details: 'An unknown error occurred',\n });\n }\n }\n}\n" }, { "path": "functions/exchange-token.js", "content": "export async function onRequest(context) {\n const url = new URL(context.request.url);\n const path = url.pathname;\n\n if (path === '/exchange-token') {\n return handleTokenExchange(context);\n } else {\n return new Response('Not found', { status: 404 });\n }\n}\n\nasync function handleTokenExchange(context) {\n const request = context.request;\n if (request.method !== 'POST') {\n return new Response('Method Not Allowed', { status: 405 });\n }\n\n try {\n const data = await request.json();\n const code = data.code;\n if (!code) {\n return new Response('Authorization code is required', { status: 400 });\n }\n\n const payload = {\n client_id: context.env.VITE_CLIENT_ID,\n client_secret: context.env.VITE_CLIENT_SECRET,\n code,\n grant_type: 'authorization_code',\n redirect_uri: context.env.VITE_REDIRECT_URI,\n };\n\n const apiResponse = await fetch('https://anilist.co/api/v2/oauth/token', {\n method: 'POST',\n body: JSON.stringify(payload),\n headers: {\n 'Content-Type': 'application/json',\n 'Accept-Encoding': 'identity',\n },\n });\n\n const responseBody = await apiResponse.text();\n if (!apiResponse.ok) {\n console.error('API response error:', responseBody);\n throw new Error(`API responded with status: ${apiResponse.status}`);\n }\n\n const responseData = JSON.parse(responseBody);\n if (responseData.access_token) {\n return new Response(\n JSON.stringify({ accessToken: responseData.access_token }),\n {\n headers: { 'Content-Type': 'application.json' },\n },\n );\n } else {\n console.error(\n 'Access token not found in the API response:',\n responseBody,\n );\n throw new Error('Access token not found in the response');\n }\n } catch (error) {\n console.error(`Error when handling token exchange: ${error}`);\n return new Response(\n JSON.stringify({\n error: 'Failed to exchange token',\n details: error.message,\n }),\n {\n status: 500,\n headers: { 'Content-Type': 'application.json' },\n },\n );\n }\n}\n" }, { "path": "index.html", "content": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Miruro | Watch Anime Online, Free Anime Streaming\n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n\n" }, { "path": "package.json", "content": "{\n \"name\": \"miruro_no_kuon\",\n \"private\": true,\n \"version\": \"0.5.2\",\n \"type\": \"module\",\n \"scripts\": {\n \"dev\": \"vite --host\",\n \"build\": \"vite build\",\n \"preview\": \"vite preview\",\n \"start\": \"vite build && bun run ./server/server.ts\",\n \"lint\": \"eslint . --ext js,jsx,ts,tsx --report-unused-disable-directives --max-warnings 0\",\n \"format\": \"prettier --write .\"\n },\n \"dependencies\": {\n \"@apollo/client\": \"^3.10.1\",\n \"@fortawesome/fontawesome-svg-core\": \"^6.5.1\",\n \"@fortawesome/free-solid-svg-icons\": \"^6.5.1\",\n \"@fortawesome/react-fontawesome\": \"^0.2.0\",\n \"@types/cors\": \"^2.8.17\",\n \"@types/express\": \"^4.17.21\",\n \"@types/lodash\": \"^4.17.0\",\n \"@types/uuid\": \"^9.0.8\",\n \"@vercel/analytics\": \"^1.2.2\",\n \"@vidstack/react\": \"next\",\n \"axios\": \"^1.6.8\",\n \"body-parser\": \"^1.20.2\",\n \"eslint\": \"8.x\",\n \"express\": \"^4.19.2\",\n \"graphql\": \"^16.8.1\",\n \"lodash\": \"^4.17.21\",\n \"lru-cache\": \"latest\",\n \"prettier\": \"^3.2.5\",\n \"prettier-plugin-tailwindcss\": \"^0.5.14\",\n \"react\": \"^18.2.0\",\n \"react-dom\": \"^18.2.0\",\n \"react-ga4\": \"^2.1.0\",\n \"react-icons\": \"^5.0.1\",\n \"react-router-dom\": \"latest\",\n \"react-select\": \"^5.8.0\",\n \"styled-components\": \"^6.1.0\",\n \"swiper\": \"^11.0.7\",\n \"typescript\": \"^5.0.0\",\n \"uuid\": \"^9.0.1\",\n \"wrangler\": \"^3.52.0\"\n },\n \"devDependencies\": {\n \"@types/bun\": \"latest\",\n \"@types/react\": \"^18.2.55\",\n \"@types/react-dom\": \"^18.2.19\",\n \"@types/react-slick\": \"^0.23.13\",\n \"@typescript-eslint/eslint-plugin\": \"^7.4.0\",\n \"@typescript-eslint/parser\": \"^7.4.0\",\n \"@vercel/node\": \"^3.0.27\",\n \"@vitejs/plugin-react\": \"^4.2.1\",\n \"eslint-plugin-react\": \"^7.32.2\",\n \"eslint-plugin-react-hooks\": \"^4.6.0\",\n \"eslint-plugin-react-refresh\": \"^0.4.5\",\n \"vite\": \"5.x\"\n },\n \"module\": \"index.ts\",\n \"peerDependencies\": {\n \"typescript\": \"^5.0.0\"\n }\n}\n" }, { "path": "public/manifest.json", "content": "{\n \"name\": \"Miruro\",\n \"short_name\": \"Miruro\",\n \"description\": \"Watch HD Anime for Free\",\n \"lang\": \"en\",\n \"background_color\": \"#080808\",\n \"display\": \"standalone\",\n \"orientation\": \"standalone\",\n \"scope\": \"/\",\n \"start_url\": \"/\",\n \"screenshots\": [\n {\n \"src\": \"/preview.png\",\n \"sizes\": \"960x540\",\n \"type\": \"image/png\",\n \"form_factor\": \"wide\",\n \"label\": \"Wonder Widgets\"\n },\n {\n \"src\": \"/icon-256x256.png\",\n \"sizes\": \"256x256\",\n \"type\": \"image/png\",\n \"form_factor\": \"narrow\",\n \"label\": \"Icon Widget\"\n }\n ],\n \"icons\": [\n {\n \"src\": \"/favicon-16x16.png\",\n \"sizes\": \"16x16\",\n \"type\": \"image/png\"\n },\n {\n \"src\": \"/favicon-32x32.png\",\n \"sizes\": \"32x32\",\n \"type\": \"image/png\"\n },\n {\n \"src\": \"/favicon.ico\",\n \"sizes\": \"64x64 32x32 24x24 16x16\",\n \"type\": \"image/x-icon\"\n },\n {\n \"src\": \"/apple-touch-icon.png\",\n \"sizes\": \"180x180\",\n \"type\": \"image/png\"\n },\n {\n \"src\": \"/android-chrome-192x192.png\",\n \"sizes\": \"192x192\",\n \"type\": \"image/png\"\n },\n {\n \"src\": \"/icon-192x192.png\",\n \"sizes\": \"192x192\",\n \"type\": \"image/png\",\n \"purpose\": \"maskable any\"\n },\n {\n \"src\": \"/icon-256x256.png\",\n \"sizes\": \"256x256\",\n \"type\": \"image/png\",\n \"purpose\": \"maskable any\"\n },\n {\n \"src\": \"/icon-384x384.png\",\n \"sizes\": \"384x384\",\n \"type\": \"image/png\",\n \"purpose\": \"maskable any\"\n },\n {\n \"src\": \"/icon-512x512.png\",\n \"sizes\": \"512x512\",\n \"type\": \"image/png\",\n \"purpose\": \"maskable any\"\n },\n {\n \"src\": \"/android-chrome-512x512.png\",\n \"sizes\": \"512x512\",\n \"type\": \"image/png\",\n \"purpose\": \"maskable\"\n }\n ]\n}\n" }, { "path": "renovate.json", "content": "{\n \"$schema\": \"https://docs.renovatebot.com/renovate-schema.json\",\n \"extends\": [\"config:recommended\"]\n}\n" }, { "path": "robots.txt", "content": "User-agent: *\nDisallow: /\n" }, { "path": "server/README.md", "content": "# Server README\n\nThis README provides an overview of the `server.ts` file, which is an Express server designed to serve static files, handle error logging, and provide instructions for running it using the Bun JavaScript runtime.\n\n## `server.ts` Overview ℹ️\n\nThe `server.ts` file includes the following features:\n\n- Express server setup\n- Static file serving to serve files from the `dist` directory 📂\n- Error logging for server-side errors 📝\n\n## Installation and Running 🛠️\n\nTo run the server, follow these steps:\n\n1. Clone this repository to your local machine 📦\n\n2. Install project dependencies:\n\n ```bash\n bun install\n ```\n\n3. Start the server:\n\n ```bash\n bun run server.ts\n ```\n\n- The server will start running on by default. You can modify the `PORT` .env variable to change the port in `server.ts` as needed.\n" }, { "path": "server/server.ts", "content": "import express from 'express';\nimport axios from 'axios';\nimport path from 'path';\nimport os from 'os';\nimport bodyParser from 'body-parser';\n\nconst app = express();\n\n// Environment Configuration\nconst PORT = process.env.VITE_PORT || 5173;\nconst {\n VITE_CLIENT_ID: CLIENT_ID,\n VITE_CLIENT_SECRET: CLIENT_SECRET,\n VITE_REDIRECT_URI: REDIRECT_URI,\n} = process.env;\n\n// Directory paths for static assets\nconst DIST_DIR = path.join(__dirname, '../dist');\nconst INDEX_FILE = path.join(DIST_DIR, 'index.html');\n\n// Middleware for static assets and JSON parsing\napp.use(express.static(DIST_DIR));\napp.use(express.json());\napp.use(bodyParser.json());\n\n// API Endpoint for exchanging authorization token\nconst apiEndpoint = '/api/exchange-token';\napp.post(apiEndpoint, async (req, res) => {\n const { code } = req.body;\n if (!code) {\n console.error('Authorization code is missing');\n return res.status(400).send('Authorization code is required');\n }\n\n const payload = {\n client_id: CLIENT_ID,\n client_secret: CLIENT_SECRET,\n code,\n grant_type: 'authorization_code',\n redirect_uri: REDIRECT_URI,\n };\n const url = 'https://anilist.co/api/v2/oauth/token';\n\n // Logging the request details\n console.log('Sending request to AniList API');\n console.log('URL:', url);\n console.log('Payload:', payload);\n\n try {\n const response = await axios.post(url, payload, {\n headers: {\n 'Content-Type': 'application/json',\n 'Accept-Encoding': 'identity',\n },\n });\n\n // Logging the response details\n console.log('Received response from AniList API');\n console.log('Response Status:', response.status);\n console.log('Response Data:', response.data);\n\n if (response.data.access_token) {\n res.json({ accessToken: response.data.access_token });\n } else {\n throw new Error('Access token not found in the response');\n }\n } catch (error) {\n console.error('Error during token exchange:', error.message);\n if (error.response) {\n console.error('Error Status:', error.response.status);\n console.error('Error Details:', error.response.data);\n }\n res.status(500).json({\n error: 'Failed to exchange token',\n details: error.response?.data || error.message,\n });\n }\n});\n\n// Serve the main index.html for any non-API requests\napp.get('*', (req, res) => {\n res.sendFile(INDEX_FILE, (err) => {\n if (err) {\n console.error('Error serving index.html:', err);\n res.status(500).send('An error occurred while serving the application');\n }\n });\n});\n\n// Utility to get the first non-internal IPv4 address\nfunction getLocalIpAddress() {\n const networkInterfaces = os.networkInterfaces();\n for (const networkInterface of Object.values(networkInterfaces)) {\n const found = networkInterface?.find(\n (net) => net.family === 'IPv4' && !net.internal,\n );\n if (found) return found.address;\n }\n return 'localhost';\n}\n\n// Starting the server\napp.listen(PORT, () => {\n const ipAddress = getLocalIpAddress();\n console.log(\n `Server is running at:\\n- Localhost: http://localhost:${PORT}\\n- Local IP: http://${ipAddress}:${PORT}`,\n );\n});\n" }, { "path": "src/App.tsx", "content": "import {\n BrowserRouter as Router,\n Routes,\n Route,\n useLocation,\n} from 'react-router-dom';\nimport { useEffect } from 'react';\nimport {\n Profile,\n Navbar,\n ThemeProvider,\n Footer,\n Home,\n Watch,\n Search,\n Page404,\n About,\n PolicyTerms,\n ShortcutsPopup,\n ScrollToTop,\n usePreserveScrollOnReload,\n Callback,\n ApolloClientProvider,\n Settings,\n SettingsProvider,\n} from './index';\nimport { register } from 'swiper/element/bundle';\nimport { Analytics } from '@vercel/analytics/react';\nimport { AuthProvider } from './client/useAuth';\nimport ReactGA from 'react-ga4';\n\nregister();\n\nfunction App() {\n usePreserveScrollOnReload();\n const measurementId = import.meta.env.VITE_GA_MEASUREMENT_ID;\n\n useEffect(() => {\n if (measurementId) {\n ReactGA.initialize(measurementId);\n }\n }, [measurementId]);\n\n return (\n \n \n \n \n \n \n \n \n \n
\n \n } />\n } />\n } />\n } />\n }\n />\n } />\n } />\n } />\n } />\n } />\n } />\n \n
\n