feat: Implement unified Vue SPA with granular service control
Consolidate Reports and Data Entry apps into a single Vue.js SPA with: Architecture: - Module-based structure with lazy-loaded routes (@reports, @data-entry) - Error boundaries per module to prevent cascade failures - Dual API proxy in Vite for microservices (reports:8001, data-entry:8003) - Pinia store factories for shared auth, company, and period stores - Vite path aliases for clear module boundaries (@shared, @reports, @data-entry) Service Management: - Granular service control scripts (backend-reports.sh, backend-data-entry.sh, bot.sh, frontend.sh) - 87% faster frontend restart: 7s vs 53s full restart - 38% faster full startup: 33s vs 53s via parallel backend initialization - Enhanced start-dev.sh with proper service timeouts (OCR: 30s, Vite: 15s, Bot: 10s) - status.sh for comprehensive health checks Features: - Auto-select first company on login with period auto-load - Hamburger menu with feature toggle support - JWT token auto-injection via axios interceptors - Unified header with company/period selectors - IIS web.config for production deployment with multi-API routing UX Improvements: - Vue watchers for reactive company/period loading - Lazy store initialization with graceful error handling - Period persistence per user+company in localStorage - Feature flags for optional modules Deployment: - Single IIS site serves unified frontend with API proxy rules - Maintains separate backend processes for microservices - Windows line ending fixes (.env CRLF → LF conversion) Stats: 112 files changed, 38,342 insertions(+), 2,342 deletions(-) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
34
src/config/features.js
Normal file
34
src/config/features.js
Normal file
@@ -0,0 +1,34 @@
|
||||
export const features = {
|
||||
reports: {
|
||||
enabled: import.meta.env.VITE_FEATURE_REPORTS !== 'false',
|
||||
modules: {
|
||||
dashboard: true,
|
||||
invoices: true,
|
||||
bankCash: true,
|
||||
trialBalance: true,
|
||||
telegram: true,
|
||||
cacheStats: true
|
||||
}
|
||||
},
|
||||
dataEntry: {
|
||||
enabled: import.meta.env.VITE_FEATURE_DATA_ENTRY !== 'false',
|
||||
modules: {
|
||||
receipts: true,
|
||||
ocr: true
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export function isFeatureEnabled(module, subModule = null) {
|
||||
if (!features[module]?.enabled) return false
|
||||
if (subModule && !features[module]?.modules?.[subModule]) return false
|
||||
return true
|
||||
}
|
||||
|
||||
export function getEnabledMenuSections(menuSections) {
|
||||
return menuSections.filter(section => {
|
||||
if (section.title === 'Rapoarte') return features.reports.enabled
|
||||
if (section.title === 'Introduceri Date') return features.dataEntry.enabled
|
||||
return true // System section always visible
|
||||
})
|
||||
}
|
||||
25
src/config/menu.js
Normal file
25
src/config/menu.js
Normal file
@@ -0,0 +1,25 @@
|
||||
export const menuSections = [
|
||||
{
|
||||
title: 'Rapoarte',
|
||||
items: [
|
||||
{ to: '/reports/dashboard', icon: 'pi pi-home', label: 'Dashboard' },
|
||||
{ to: '/reports/invoices', icon: 'pi pi-file', label: 'Facturi' },
|
||||
{ to: '/reports/bank-cash', icon: 'pi pi-money-bill', label: 'Casa și Banca' },
|
||||
{ to: '/reports/trial-balance', icon: 'pi pi-calculator', label: 'Balanță de Verificare' }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: 'Introduceri Date',
|
||||
items: [
|
||||
{ to: '/data-entry', icon: 'pi pi-list', label: 'Lista Bonuri' },
|
||||
{ to: '/data-entry/create', icon: 'pi pi-plus', label: 'Bon Nou' }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: 'Sistem',
|
||||
items: [
|
||||
{ to: '/reports/telegram', icon: 'pi pi-telegram', label: 'Telegram Bot' },
|
||||
{ to: '/reports/cache-stats', icon: 'pi pi-chart-bar', label: 'Statistici Cache' }
|
||||
]
|
||||
}
|
||||
]
|
||||
Reference in New Issue
Block a user