s.esmaeili
53a304b5d5
DashboardView ("میز کار"): Rebuilt from scratch with a new structure, distinct from the old card+grid layout but visually aligned with HomeView (same blurred bar, @ink/@wine palette, staged reveal animation on mount):
Single hero card (ink→wine gradient) showing balance, gold/fiat debt, and identity — no quick-action icons inside it anymore.
Live gold rate folded into a slim inline row at the bottom instead of a titled section.
Iterated shadow/spacing on the hero card per feedback (softer, less clipped).
DialogVant / DialogVantOneButton (shared modal components, used in 7+ call sites: Dashboard, Cart, SingleProduct, Register, App): Replaced Vant's default dialog chrome with the app's own rounded-card language — circular icon badge for the illustration, pill-shaped primary/secondary buttons. No call-site markup changed.
LoginView: Rebuilt from scratch — full-bleed dark hero (brand + step copy) overlapped by a floating white form sheet, animated crossfade transition between the mobile-number and OTP steps, same staged entrance animation as Home/Dashboard. All auth logic (API check, OTP stub, session login) unchanged.
64 lines
2.0 KiB
TypeScript
64 lines
2.0 KiB
TypeScript
import { fileURLToPath, URL } from 'node:url';
|
|
import { defineConfig, loadEnv } from 'vite';
|
|
import vue from '@vitejs/plugin-vue';
|
|
import { VitePWA } from 'vite-plugin-pwa';
|
|
import { $themeLessVars } from './themeConfig/themeConfig';
|
|
|
|
// Ports are defined once in the repo-root .env (USER_APP_PORT / API_PORT) —
|
|
// see that file's comment block.
|
|
const rootDir = fileURLToPath(new URL('../..', import.meta.url));
|
|
const rootEnv = loadEnv('development', rootDir, '');
|
|
const port = Number(rootEnv.USER_APP_PORT ?? 5181);
|
|
const apiPort = Number(rootEnv.API_PORT ?? 3000);
|
|
|
|
export default defineConfig({
|
|
envDir: rootDir,
|
|
plugins: [
|
|
vue(),
|
|
// Ported from legacy vite.config.ts:18-52. Same injectManifest strategy,
|
|
// same src/sw.ts entry, same manifest values (name/colors/icons/display).
|
|
VitePWA({
|
|
base: '/',
|
|
srcDir: 'src',
|
|
filename: 'sw.ts',
|
|
strategies: 'injectManifest',
|
|
includeAssets: ['favicon.ico'],
|
|
// legacy ran the SW in dev too (mode: "development")
|
|
devOptions: { enabled: true, type: 'module' },
|
|
manifest: {
|
|
name: 'Montzar',
|
|
short_name: 'Montzar',
|
|
description: 'Montzar',
|
|
theme_color: $themeLessVars.primary,
|
|
background_color: $themeLessVars.primary,
|
|
start_url: '/',
|
|
display: 'standalone',
|
|
icons: [
|
|
{ src: 'icon-192.png', sizes: '192x192', type: 'image/png' },
|
|
{ src: '/icon-512.png', sizes: '512x512', type: 'image/png' },
|
|
{ src: 'icon-512.png', sizes: '512x512', type: 'image/png', purpose: 'any maskable' },
|
|
],
|
|
},
|
|
}),
|
|
],
|
|
server: {
|
|
host: '0.0.0.0',
|
|
port,
|
|
// Never silently fall back to another port — fail loudly instead so a
|
|
// stuck dev server is obvious rather than moving to a random port.
|
|
strictPort: true,
|
|
proxy: {
|
|
'/api': `http://localhost:${apiPort}`,
|
|
'/uploads': `http://localhost:${apiPort}`,
|
|
},
|
|
},
|
|
css: {
|
|
preprocessorOptions: {
|
|
less: {
|
|
modifyVars: $themeLessVars,
|
|
javascriptEnabled: true,
|
|
},
|
|
},
|
|
},
|
|
});
|