feat: WebSocket temps réel + Finance Workflow + corrections
- Task #6: WebSocket /ws/dashboard + Kafka events (5 topics) * Backend: KafkaEventProducer, KafkaEventConsumer * Mobile: WebSocketService (reconnection, heartbeat, typed events) * DashboardBloc: Auto-refresh depuis WebSocket events - Finance Workflow: approbations + budgets (backend + mobile) * Backend: entities, services, resources, migrations Flyway V6 * Mobile: features finance_workflow complète avec BLoC - Corrections DI: interfaces IRepository partout * IProfileRepository, IOrganizationRepository, IMembreRepository * GetIt configuré avec @injectable - Spec-Kit: constitution + templates mis à jour * .specify/memory/constitution.md enrichie * Templates agent, plan, spec, tasks, checklist - Nettoyage: fichiers temporaires supprimés Signed-off-by: lions dev Team
This commit is contained in:
dahoud
@@ -1,57 +1,107 @@
|
||||
/// UnionFlow Design System - Point d'entrée unique
|
||||
///
|
||||
/// Ce fichier centralise tous les tokens et composants du Design System UnionFlow.
|
||||
/// Importer ce fichier pour accéder à tous les éléments de design.
|
||||
///
|
||||
/// Palette de couleurs: Bleu Roi (#4169E1) + Bleu Pétrole (#2C5F6F)
|
||||
/// Basé sur Material Design 3 et les tendances UI/UX 2024-2025
|
||||
///
|
||||
/// Usage:
|
||||
/// ```dart
|
||||
/// import 'package:unionflow_mobile_apps/shared/design_system/unionflow_design_system.dart';
|
||||
///
|
||||
/// // Utiliser les tokens
|
||||
/// Container(
|
||||
/// color: ColorTokens.primary,
|
||||
/// padding: EdgeInsets.all(SpacingTokens.xl),
|
||||
/// child: Text(
|
||||
/// 'UnionFlow',
|
||||
/// style: TypographyTokens.headlineMedium,
|
||||
/// ),
|
||||
/// );
|
||||
/// ```
|
||||
library unionflow_design_system;
|
||||
|
||||
// ═══════════════════════════════════════════════════════════════════════════
|
||||
// TOKENS - Valeurs de design fondamentales
|
||||
// IMPORTS de base pour le Design System
|
||||
// ═══════════════════════════════════════════════════════════════════════════
|
||||
|
||||
/// Tokens de couleurs (Bleu Roi + Bleu Pétrole)
|
||||
export 'tokens/color_tokens.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'tokens/app_colors.dart';
|
||||
import 'tokens/app_typography.dart';
|
||||
import 'tokens/spacing_tokens.dart';
|
||||
|
||||
/// Tokens de typographie (Inter, SF Pro Display, JetBrains Mono)
|
||||
export 'tokens/typography_tokens.dart';
|
||||
// ═══════════════════════════════════════════════════════════════════════════
|
||||
// EXPORTS - Point d'entrée unique (DRY)
|
||||
// ═══════════════════════════════════════════════════════════════════════════
|
||||
|
||||
/// Tokens d'espacement (Grille 4px)
|
||||
export 'tokens/app_colors.dart';
|
||||
export 'tokens/app_typography.dart';
|
||||
export 'tokens/spacing_tokens.dart';
|
||||
|
||||
/// Tokens de rayons de bordure
|
||||
export 'tokens/radius_tokens.dart';
|
||||
|
||||
/// Tokens d'ombres standardisés
|
||||
export 'tokens/shadow_tokens.dart';
|
||||
|
||||
// ═══════════════════════════════════════════════════════════════════════════
|
||||
// THÈME - Configuration Material Design 3
|
||||
// ═══════════════════════════════════════════════════════════════════════════
|
||||
|
||||
/// Thème sophistiqué (Light + Dark)
|
||||
export 'theme/app_theme_sophisticated.dart';
|
||||
|
||||
// ═══════════════════════════════════════════════════════════════════════════
|
||||
// COMPOSANTS - Widgets réutilisables
|
||||
// ═══════════════════════════════════════════════════════════════════════════
|
||||
|
||||
/// Composants (boutons, cards, inputs, etc.)
|
||||
export 'theme/app_theme.dart';
|
||||
export 'components/components.dart';
|
||||
|
||||
// ═══════════════════════════════════════════════════════════════════════════
|
||||
// COMPATIBILITÉ - Shims pour les anciens tokens (Migration progressive)
|
||||
// ═══════════════════════════════════════════════════════════════════════════
|
||||
|
||||
/// Shim de compatibilité pour ColorTokens
|
||||
class ColorTokens {
|
||||
static const Color primary = AppColors.primaryGreen;
|
||||
static const Color primaryContainer = AppColors.lightSurface;
|
||||
static const Color onPrimary = Colors.white;
|
||||
static const Color onPrimaryContainer = AppColors.textPrimaryLight;
|
||||
static const Color secondary = AppColors.brandGreen;
|
||||
static const Color secondaryContainer = AppColors.lightSurface;
|
||||
static const Color onSecondary = Colors.white;
|
||||
static const Color tertiary = AppColors.brandGreenLight;
|
||||
static const Color tertiaryContainer = AppColors.lightSurface;
|
||||
static const Color onTertiary = Colors.white;
|
||||
static const Color surface = AppColors.lightSurface;
|
||||
static const Color surfaceVariant = AppColors.lightSurface;
|
||||
static const Color background = AppColors.lightBackground;
|
||||
static const Color onSurface = AppColors.textPrimaryLight;
|
||||
static const Color onSurfaceVariant = AppColors.textSecondaryLight;
|
||||
static const Color outline = AppColors.lightBorder;
|
||||
static const Color outlineVariant = AppColors.lightBorder;
|
||||
static const Color error = AppColors.error;
|
||||
static const Color onError = Colors.white;
|
||||
static const Color success = AppColors.success;
|
||||
static const Color onSuccess = Colors.white;
|
||||
static const Color info = Color(0xFF2196F3);
|
||||
static const Color warning = Color(0xFFFFC107);
|
||||
static const Color shadow = Color(0x1A000000);
|
||||
|
||||
static const List<Color> primaryGradient = [
|
||||
AppColors.primaryGreen,
|
||||
AppColors.brandGreenLight,
|
||||
];
|
||||
}
|
||||
|
||||
/// Shim de compatibilité pour ShadowTokens
|
||||
class ShadowTokens {
|
||||
static const List<BoxShadow> sm = [
|
||||
BoxShadow(
|
||||
color: Color(0x1A000000),
|
||||
blurRadius: 4,
|
||||
offset: Offset(0, 2),
|
||||
),
|
||||
];
|
||||
static const List<BoxShadow> md = [
|
||||
BoxShadow(
|
||||
color: Color(0x26000000),
|
||||
blurRadius: 8,
|
||||
offset: Offset(0, 4),
|
||||
),
|
||||
];
|
||||
static const List<BoxShadow> primary = md;
|
||||
}
|
||||
|
||||
/// Shim de compatibilité pour RadiusTokens
|
||||
class RadiusTokens {
|
||||
static const double sm = SpacingTokens.radiusSm;
|
||||
static const double md = SpacingTokens.radiusMd;
|
||||
static const double lg = SpacingTokens.radiusLg;
|
||||
static const double xl = SpacingTokens.radiusXl;
|
||||
static const double circular = SpacingTokens.radiusCircular;
|
||||
static const double round = SpacingTokens.radiusCircular; // Ajouté pour compatibilité
|
||||
}
|
||||
|
||||
/// Shim de compatibilité pour TypographyTokens
|
||||
class TypographyTokens {
|
||||
static const TextStyle displayLarge = AppTypography.headerSmall;
|
||||
static const TextStyle displayMedium = AppTypography.headerSmall;
|
||||
static const TextStyle displaySmall = AppTypography.headerSmall;
|
||||
static const TextStyle headlineLarge = AppTypography.headerSmall;
|
||||
static const TextStyle headlineMedium = AppTypography.headerSmall;
|
||||
static const TextStyle headlineSmall = AppTypography.headerSmall;
|
||||
static const TextStyle titleLarge = AppTypography.headerSmall;
|
||||
static const TextStyle titleMedium = AppTypography.headerSmall;
|
||||
static const TextStyle titleSmall = AppTypography.headerSmall;
|
||||
static const TextStyle bodyLarge = AppTypography.bodyTextSmall;
|
||||
static const TextStyle bodyMedium = AppTypography.bodyTextSmall;
|
||||
static const TextStyle bodySmall = AppTypography.subtitleSmall;
|
||||
static const TextStyle labelLarge = AppTypography.actionText;
|
||||
static const TextStyle labelMedium = AppTypography.badgeText;
|
||||
static const TextStyle labelSmall = AppTypography.badgeText;
|
||||
static const TextStyle buttonLarge = AppTypography.actionText;
|
||||
static const TextStyle cardValue = AppTypography.headerSmall;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user