How centmarde/vincare-pharma works
Vincare-Pharma is a Vue web app for coordinating pharmaceutical procurement, inventory, distribution, sales, and finance. The main user journey is authenticated access to role-specific operations: procurement requests and sourcing, inventory management, fulfillment or sales, and financial recording and reporting. The graph also preserves ethical orders, executive oversight, and audit logs as distinct product areas. Source evidence is partial: documented routes and imports support the shown links; broader subsystem connections are omitted where sampled files do not establish them.
Main entry points: router.ts Route dispatch · productsData.ts Product data · supabase.ts Supabase services · draftPRData.ts Requisition data
Components 23
Access and shell
- Route dispatch
src/router/router.ts - Authentication
src/stores/authUser.ts - Landing content
src/controller/landingController.ts - Theme settings
src/stores/useTheme.ts
Procurement and inventory
- Purchasing
src/pages/purchasing - Supplier canvass
src/components/canvass/useCanvass.ts - Requisition data
src/stores/draftPRData.ts - Supplier offers
src/stores/supplierOffersData.ts - Product operations
src/components/products/composables/useProductsWidget.ts - Product data
src/stores/productsData.ts
Sales and fulfillment
- Warehouse operations
src/pages/warehouse - In-house orders
src/pages/inhouse - Sales and POS
src/pages/sales - Ethical orders
src/pages/ethical
Finance and oversight
- Finance operations
src/pages/finance - Finance data
src/stores/financeData.ts - General ledger
src/stores/glData.ts - Executive dashboards
src/pages/executive
Shared services
- Audit logs
src/stores/logsData.ts - Customer data
src/stores/customersData.ts - Supabase services
src/lib/supabase.ts - Form draft persistence
src/composables/useFormDraft.ts
Other components
- User
Connections 26
- User → Route dispatch: navigates
src/router/router.ts - Route dispatch → Authentication: routes to
src/router/router.ts - Route dispatch → Purchasing: routes to
src/router/router.ts - Route dispatch → Sales and POS: routes to
src/router/router.ts - Route dispatch → In-house orders: routes to
src/router/router.ts - Route dispatch → Executive dashboards: routes to
src/router/router.ts - Authentication → Supabase services: authenticates with
src/stores/authUser.ts - Authentication → Form draft persistence: clears drafts
src/stores/authUser.ts - Landing content → Theme settings: initializes
src/controller/landingController.ts - Supplier canvass → Requisition data: uses
src/components/canvass/useCanvass.ts - Supplier canvass → Supplier offers: uses
src/components/canvass/useCanvass.ts - Product operations → Product data: reads and updates
src/components/products/composables/useProductsWidget.ts - Product operations → Customer data: reads
src/components/products/composables/useProductsWidget.ts - Product operations → Audit logs: uses
src/components/products/composables/useProductsWidget.ts - Product data → Supabase services: reads and writes
src/stores/productsData.ts - Requisition data → Supabase services: reads and writes
src/stores/draftPRData.ts - Customer data → Supabase services: reads and writes
src/stores/customersData.ts - Finance data → Supabase services: reads and writes
src/stores/financeData.ts - Finance data → General ledger: uses
src/stores/financeData.ts - Ethical orders → Customer data: uses
- Ethical orders → Product data: uses
src/pages/ethical/composables/useCreateOrder.ts - Finance operations → Finance data: uses
src/pages/finance/composables/useCashAccountsManager.ts - Purchasing → Requisition data: uses
src/pages/purchasing/composables/useDraftPRReview.ts - Warehouse operations → Product data: uses
- Sales and POS → Product data: uses
src/pages/sales/composables/usePos.ts - Executive dashboards → Requisition data: reviews