witel/base-front-project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request 'feature/prettier' (#4) from feature/prettier into develop

Browse Source 
Reviewed-on: witel-flix/frontend#4
This commit is contained in:
aminghasempoor
2026-04-15 08:20:44 +00:00
parent e37f76ca5a fee71ef99f
commit de9457cb80
22 changed files with 410 additions and 270 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
.prettierrc Normal file
View File

@@ -0,0 +1,14 @@
{
"plugins": ["prettier-plugin-tailwindcss"],
"printWidth": 120,
"tabWidth": 4,
"useTabs": false,
"semi": true,
"singleQuote": false,
"trailingComma": "es5",
"bracketSpacing": true,
"jsxBracketSameLine": false,
"arrowParens": "always",
"endOfLine": "crlf"
}

1
README.Docker.md
View File

@@ -0,0 +1 @@
Hello from docker ReadMe

32
docker-compose.yaml
View File

@@ -1,16 +1,16 @@
services: services:
witelflix-front: witelflix-front:
image: witelflix:${VERSION} image: witelflix:${VERSION}
container_name: witelflix container_name: witelflix
# build: #just if we have internet uncomment # build: #just if we have internet uncomment
# context: . # context: .
# dockerfile: Dockerfile # dockerfile: Dockerfile
ports: ports:
- "3000:3000" - "3000:3000"
env_file: env_file:
- .env - .env
restart: unless-stopped restart: unless-stopped
# volumes: # volumes:
# - .:/app # کل پروژه mount شده به /app در کانتینر # - .:/app # کل پروژه mount شده به /app در کانتینر
# - /app/node_modules # node_modules داخل کانتینر بماند تا با host override نشود # - /app/node_modules # node_modules داخل کانتینر بماند تا با host override نشود
# - /app/.next # next داخل کانتینر بماند تا با host override نشود # - /app/.next # next داخل کانتینر بماند تا با host override نشود

4
messages/fa.json Normal file
View File

@@ -0,0 +1,4 @@
{
"loading": "درحال دریافت داده",
"error_fetch_data": "مشکلی در دریافت داده رخ داده است."
}

2
next-env.d.ts vendored
View File

@@ -1,6 +1,6 @@
/// <reference types="next" /> /// <reference types="next" />
/// <reference types="next/image-types/global" /> /// <reference types="next/image-types/global" />
import "./.next/dev/types/routes.d.ts"; import "./.next/types/routes.d.ts";
// NOTE: This file should not be edited // NOTE: This file should not be edited
// see https://nextjs.org/docs/app/api-reference/config/typescript for more information. // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

25
next.config.ts Normal file
View File

@@ -0,0 +1,25 @@
// next.config.ts
import type { NextConfig } from "next";
import createNextIntlPlugin from "next-intl/plugin";
// @ts-ignore – no types for next-pwa
const withPWA = require("next-pwa")({
dest: "public",
disable: process.env.NODE_ENV === "development",
register: true,
skipWaiting: true,
navigateFallback: "/offline.html", // fallback page
});
const withNextIntl = createNextIntlPlugin();
const nextConfig: NextConfig = {
// output : "standalone",
images: {
remotePatterns: [],
},
};
const configWithIntl = withNextIntl(nextConfig);
export default withPWA(configWithIntl);

95
package.json
View File

@@ -1,47 +1,48 @@
{ {
"name": "witelflix", "name": "witelflix",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "next dev", "dev": "next dev",
"build": "next build", "build": "next build",
"start": "next start" "start": "next start",
}, "format": "npx prettier . --write"
"dependencies": { },
"@types/js-cookie": "^3.0.6", "dependencies": {
"axios": "^1.15.0", "@types/js-cookie": "^3.0.6",
"clsx": "^2.1.1", "axios": "^1.15.0",
"date-fns": "^4.1.0", "clsx": "^2.1.1",
"date-fns-jalali": "4.1.0-0", "date-fns": "^4.1.0",
"embla-carousel": "^8.6.0", "date-fns-jalali": "4.1.0-0",
"embla-carousel-autoplay": "^8.6.0", "embla-carousel": "^8.6.0",
"embla-carousel-react": "^8.6.0", "embla-carousel-autoplay": "^8.6.0",
"framer-motion": "^12.38.0", "embla-carousel-react": "^8.6.0",
"js-cookie": "^3.0.5", "framer-motion": "^12.38.0",
"lucide-react": "^1.8.0", "js-cookie": "^3.0.5",
"next": "16.1.6", "lucide-react": "^1.8.0",
"next-intl": "^4.9.1", "next": "16.1.6",
"next-pwa": "^5.6.0", "next-intl": "^4.9.1",
"next-sitemap": "^4.2.3", "next-pwa": "^5.6.0",
"next-themes": "^0.4.6", "next-sitemap": "^4.2.3",
"nextjs-toploader": "^3.9.17", "next-themes": "^0.4.6",
"prettier": "^3.8.2", "nextjs-toploader": "^3.9.17",
"prettier-plugin-tailwindcss": "^0.7.2", "prettier": "^3.8.2",
"radix-ui": "^1.4.3", "prettier-plugin-tailwindcss": "^0.7.2",
"react": "19.2.4", "radix-ui": "^1.4.3",
"react-dom": "19.2.4", "react": "19.2.4",
"react-hook-form": "^7.72.1", "react-dom": "19.2.4",
"react-hot-toast": "^2.6.0", "react-hook-form": "^7.72.1",
"tailwind-merge": "^3.5.0", "react-hot-toast": "^2.6.0",
"tailwind-scrollbar": "^4.0.2", "tailwind-merge": "^3.5.0",
"zustand": "^5.0.12" "tailwind-scrollbar": "^4.0.2",
}, "zustand": "^5.0.12"
"devDependencies": { },
"@tailwindcss/postcss": "^4.1.18", "devDependencies": {
"@types/node": "25.0.10", "@tailwindcss/postcss": "^4.1.18",
"@types/react": "19.2.10", "@types/node": "25.0.10",
"@types/react-dom": "19.2.3", "@types/react": "19.2.10",
"postcss": "8.5.6", "@types/react-dom": "19.2.3",
"tailwindcss": "4.1.18", "postcss": "8.5.6",
"typescript": "5.9.3" "tailwindcss": "4.1.18",
} "typescript": "5.9.3"
} }
}

11
postcss.config.mjs
View File

@@ -1,6 +1,5 @@
export default { export default {
plugins: { plugins: {
"@tailwindcss/postcss": {}, "@tailwindcss/postcss": {},
}, },
}; };

BIN
public/logo/144px.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

BIN
public/logo/152px.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.2 KiB

BIN
public/logo/192px.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.9 KiB

BIN
public/logo/384px.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
public/logo/512px.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

38
public/manifest.json Normal file
View File

@@ -0,0 +1,38 @@
{
"id": "/",
"name": "Theater of dreams",
"short_name": "Theater of dreams",
"description": "Theater of dreams",
"start_url": "/",
"display": "standalone",
"orientation": "portrait",
"theme_color": "#283618",
"background_color": "#ffffff",
"icons": [
{
"src": "logo/144px.png",
"sizes": "144x144",
"type": "image/png"
},
{
"src": "logo/152px.png",
"sizes": "152x152",
"type": "image/png"
},
{
"src": "logo/192px.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "logo/384px.png",
"sizes": "384x384",
"type": "image/png"
},
{
"src": "logo/512px.png",
"sizes": "512x512",
"type": "image/png"
}
]
}

97
src/app/layout.tsx
View File

@@ -1,38 +1,59 @@
import { ClientAppProvider } from '@/providers/ClientAppProvider' import { ClientAppProvider } from "@/providers/ClientAppProvider";
import '@/styles/globals.css' import "@/styles/globals.css";
import type { Metadata } from 'next' import type { Metadata } from "next";
import { getLocale, getMessages } from "next-intl/server";
export const metadata: Metadata = { import { NextIntlClientProvider } from "next-intl";
title: 'Theater of dreams',
} export const metadata: Metadata = {
title: {
export default function RootLayout({ template: "%s | Theater of dreams",
children, default: "Theater of dreams",
}: { },
children: React.ReactNode description: "Theater of dreams",
}) { authors: {
return ( name: "شرکت دانش بنیان ویرا ارتباطات یکتا تلفن (وایتل)",
<html lang='en' suppressHydrationWarning> url: "https://witel.ir",
<head> },
{/* Prevent theme flicker before hydration */}
<script manifest: "/manifest.json",
dangerouslySetInnerHTML={{ icons: {
__html: ` icon: "/logo/192px.png",
(function() { apple: "/logo/512px.png",
try { },
const stored = localStorage.getItem('theme'); };
const theme = stored || 'dark'; export const viewport = {
document.documentElement.setAttribute('data-theme', theme); width: "device-width",
} catch (e) {} initialScale: 1,
})(); maximumScale: 1,
`, };
}}
/> export default async function RootLayout({ children }: { children: React.ReactNode }) {
</head> const locale = await getLocale();
const messages = await getMessages({ locale });
<body className='bg-primary'> return (
<ClientAppProvider>{children}</ClientAppProvider> <html lang="en" suppressHydrationWarning>
</body> <head>
</html> {/* Prevent theme flicker before hydration */}
) <script
} dangerouslySetInnerHTML={{
__html: `
(function() {
try {
const stored = localStorage.getItem('theme');
const theme = stored || 'dark';
document.documentElement.setAttribute('data-theme', theme);
} catch (e) {}
})();
`,
}}
/>
</head>
<body className="bg-primary">
<NextIntlClientProvider locale={locale} messages={messages}>
<ClientAppProvider>{children}</ClientAppProvider>
</NextIntlClientProvider>
</body>
</html>
);
}

39
src/app/not-found.tsx Normal file
View File

@@ -0,0 +1,39 @@
import Link from "next/link";
export default function NotFound() {
return (
<div className="bg-pwa-primary text-text flex min-h-screen items-center justify-center">
<div className="bg-pwa-primary mx-4 w-full max-w-md rounded-xl p-8 text-center">
{/* آیکون خطا */}
{/*<div className="mb-4 flex justify-center">*/}
{/* <svg*/}
{/* xmlns="http://www.w3.org/2000/svg"*/}
{/* className="h-16 w-16 text-core-red"*/}
{/* fill="none"*/}
{/* viewBox="0 0 24 24"*/}
{/* stroke="currentColor"*/}
{/* >*/}
{/* <path*/}
{/* strokeLinecap="round"*/}
{/* strokeLinejoin="round"*/}
{/* strokeWidth={2}*/}
{/* d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"*/}
{/* />*/}
{/* </svg>*/}
{/*</div>*/}
{/* متن خطا */}
<h2 className="text-text mb-2 text-2xl font-bold">صفحه مورد نظر یافت نشد</h2>
<p className="text-text mb-6 leading-relaxed">متاسفانه صفحه‌ای مورد نظر وجود ندارد.</p>
{/* دکمه بازگشت با استفاده از کامپوننت Link */}
<Link
href="/"
className="bg-neo-aqua hover:bg-neo-aqua/70 inline-block rounded-lg px-6 py-3 font-medium text-white shadow-md transition-colors duration-200 hover:shadow-lg"
>
بازگشت به صفحه اصلی
</Link>
</div>
</div>
);
}

22
src/app/page.tsx
View File

@@ -1,11 +1,11 @@
import ThemeToggle from '@/components/UI/ThemeToggle' import ThemeToggle from "@/components/UI/ThemeToggle";
export default function Home() { export default function Home() {
return ( return (
<main> <main>
<ThemeToggle /> <ThemeToggle />
<h1>Offline Next.js Template 🚀</h1> <h1>Offline Next.js Template 🚀</h1>
<p>This project was generated completely offline.</p> <p>This project was generated completely offline.</p>
</main> </main>
) );
} }

56
src/components/UI/ThemeToggle.tsx
View File

@@ -1,30 +1,26 @@
'use client' "use client";
import { motion } from 'framer-motion' import { motion } from "framer-motion";
import { Moon, Sun } from 'lucide-react' import { Moon, Sun } from "lucide-react";
import { useTheme } from 'next-themes' import { useTheme } from "next-themes";
export default function ThemeToggle() { export default function ThemeToggle() {
const { theme, setTheme } = useTheme() const { theme, setTheme } = useTheme();
return ( return (
<button <button
onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')} onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
className='flex cursor-pointer items-center py-2' className="flex cursor-pointer items-center py-2"
> >
<motion.div <motion.div
key={theme} key={theme}
initial={{ rotate: -90, opacity: 0 }} initial={{ rotate: -90, opacity: 0 }}
animate={{ rotate: 0, opacity: 1 }} animate={{ rotate: 0, opacity: 1 }}
exit={{ rotate: 90, opacity: 0 }} exit={{ rotate: 90, opacity: 0 }}
transition={{ duration: 0.5, ease: 'easeInOut' }} transition={{ duration: 0.5, ease: "easeInOut" }}
> >
{theme === 'dark' ? ( {theme === "dark" ? <Moon className="text-text size-6" /> : <Sun className="text-text size-6" />}
<Moon className='text-text size-6' /> </motion.div>
) : ( </button>
<Sun className='text-text size-6' /> );
)} }
</motion.div>
</button>
)
}

12
src/i18n/request.ts Normal file
View File

@@ -0,0 +1,12 @@
import { cookies } from "next/headers";
import { getRequestConfig } from "next-intl/server";
export default getRequestConfig(async () => {
const cookieStore = await cookies();
const locale = cookieStore.get("language")?.value || "fa";
return {
locale,
messages: (await import(`../../messages/${locale}.json`)).default,
};
});

84
src/providers/ClientAppProvider.tsx
View File

@@ -1,44 +1,40 @@
'use client' "use client";
import { AnimatePresence, motion } from 'framer-motion' import { AnimatePresence, motion } from "framer-motion";
import { ThemeProvider } from 'next-themes' import { ThemeProvider } from "next-themes";
import { useEffect, useState } from 'react' import { useEffect, useState } from "react";
export function ClientAppProvider({ children }: { children: React.ReactNode }) { export function ClientAppProvider({ children }: { children: React.ReactNode }) {
const [mounted, setMounted] = useState(false) const [mounted, setMounted] = useState(false);
// wait for hydration // wait for hydration
useEffect(() => { useEffect(() => {
setMounted(true) setMounted(true);
}, []) }, []);
return ( return (
<ThemeProvider <ThemeProvider attribute="data-theme" defaultTheme="dark" enableSystem={false}>
attribute='data-theme' <AnimatePresence mode="wait">
defaultTheme='dark' {!mounted ? (
enableSystem={false} <motion.div
> key="splash"
<AnimatePresence mode='wait'> className="bg-map-bg flex h-dvh w-dvw items-center justify-center"
{!mounted ? ( initial={{ opacity: 1 }}
<motion.div animate={{ opacity: 1 }}
key='splash' exit={{ opacity: 0 }}
className='bg-map-bg flex h-dvh w-dvw items-center justify-center' />
initial={{ opacity: 1 }} ) : (
animate={{ opacity: 1 }} <motion.div
exit={{ opacity: 0 }} key="app"
/> initial={{ opacity: 0 }}
) : ( animate={{ opacity: 1 }}
<motion.div transition={{ duration: 0.3, ease: "easeOut" }}
key='app' className="bg-map-bg"
initial={{ opacity: 0 }} >
animate={{ opacity: 1 }} {children}
transition={{ duration: 0.3, ease: 'easeOut' }} </motion.div>
className='bg-map-bg' )}
> </AnimatePresence>
{children} </ThemeProvider>
</motion.div> );
)} }
</AnimatePresence>
</ThemeProvider>
)
}

86
src/styles/globals.css
View File

@@ -1,43 +1,43 @@
@import 'tailwindcss'; @import "tailwindcss";
*, *,
*::before, *::before,
*::after, *::after,
*::-webkit-scrollbar { *::-webkit-scrollbar {
box-sizing: border-box; box-sizing: border-box;
} }
* { * {
-ms-overflow-style: none; -ms-overflow-style: none;
scrollbar-width: none; scrollbar-width: none;
transition: transition:
background-color 0.3s ease, background-color 0.3s ease,
color 0.3s ease, color 0.3s ease,
border-color 0.3s ease; border-color 0.3s ease;
} }
*::-webkit-scrollbar { *::-webkit-scrollbar {
display: none; display: none;
} }
body { body {
margin: 0; margin: 0;
} }
@theme { @theme {
--color-primary: #cbd5e1; --color-primary: #cbd5e1;
--color-text: #273343; --color-text: #273343;
/* constants */ /* constants */
--color-neo-aqua: #16a795; --color-neo-aqua: #16a795;
--color-core-red: #ef4444; --color-core-red: #ef4444;
--color-warning: #eedd55; --color-warning: #eedd55;
--color-information: #0ea5e9; --color-information: #0ea5e9;
--color-error: #ef4444; --color-error: #ef4444;
--color-success: #22c55e; --color-success: #22c55e;
} }
[data-theme='dark'] { [data-theme="dark"] {
--color-primary: #273343; --color-primary: #273343;
--color-text: #cbd5e1; --color-text: #cbd5e1;
} }

62
tsconfig.json
View File

@@ -1,34 +1,28 @@
{ {
"compilerOptions": { "compilerOptions": {
"target": "ES2017", "target": "ES2017",
"lib": ["dom", "dom.iterable", "esnext"], "lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true, "allowJs": true,
"skipLibCheck": true, "skipLibCheck": true,
"strict": true, "strict": true,
"noEmit": true, "noEmit": true,
"esModuleInterop": true, "esModuleInterop": true,
"module": "esnext", "module": "esnext",
"moduleResolution": "bundler", "moduleResolution": "bundler",
"resolveJsonModule": true, "resolveJsonModule": true,
"isolatedModules": true, "isolatedModules": true,
"jsx": "react-jsx", "jsx": "react-jsx",
"incremental": true, "incremental": true,
"plugins": [ "plugins": [
{ {
"name": "next" "name": "next"
} }
], ],
"paths": { "paths": {
"@/*": ["./src/*"], "@/*": ["./src/*"],
"&/*": ["./public/*"] "&/*": ["./public/*"]
} }
}, },
"include": [ "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", ".next/dev/types/**/*.ts"],
"next-env.d.ts", "exclude": ["node_modules"]
"**/*.ts", }
"**/*.tsx",
".next/types/**/*.ts",
".next/dev/types/**/*.ts"
],
"exclude": ["node_modules"]
}