import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'app_router.dart';
import 'theme/app_theme.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  runApp(const ProviderScope(child: MyApp()));
}

class MyApp extends ConsumerWidget {
  const MyApp({super.key});
  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final router = ref.watch(appRouterProvider);
    return MaterialApp.router(
      title: 'E‑Shop',
      theme: AppTheme.light,
      darkTheme: AppTheme.dark,
      routerConfig: router,
    );
  }
}

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:go_router/go_router.dart';
import 'features/catalog/catalog_page.dart';
import 'features/product_detail/product_detail_page.dart';
import 'features/cart/cart_page.dart';
import 'features/profile/profile_page.dart';
import 'features/live/live_page.dart';

final appRouterProvider = Provider<GoRouter>((ref) {
  return GoRouter(
    routes: [
      StatefulShellRoute.indexedStack(
        builder: (context, state, navigationShell) => Scaffold(
          body: navigationShell,
          bottomNavigationBar: NavigationBar(
            selectedIndex: navigationShell.currentIndex,
            onDestinationSelected: navigationShell.goBranch,
            destinations: const [
              NavigationDestination(icon: Icon(Icons.storefront_outlined), label: '商城'),
              NavigationDestination(icon: Icon(Icons.live_tv_outlined), label: '直播'),
              NavigationDestination(icon: Icon(Icons.shopping_cart_outlined), label: '購物車'),
              NavigationDestination(icon: Icon(Icons.person_outline), label: '我的'),
            ],
          ),
        ),
        branches: [
          StatefulShellBranch(routes: [
            GoRoute(path: '/', builder: (context, state) => const CatalogPage())
          ]),
          StatefulShellBranch(routes: [
            GoRoute(path: '/live', builder: (context, state) => const LivePage())
          ]),
          StatefulShellBranch(routes: [
            GoRoute(path: '/cart', builder: (context, state) => const CartPage())
          ]),
          StatefulShellBranch(routes: [
            GoRoute(path: '/profile', builder: (context, state) => const ProfilePage())
          ]),
        ],
      ),
      GoRoute(
        path: '/product/:id',
        name: 'product_detail',
        builder: (context, state) => ProductDetailPage(id: state.pathParameters['id']!),
      ),
    ],
  );
});

import 'package:flutter/material.dart';

class AppTheme {
  static ThemeData get light => ThemeData(
        colorSchemeSeed: const Color(0xFF2E7D32),
        useMaterial3: true,
      );
  static ThemeData get dark => ThemeData(
        brightness: Brightness.dark,
        colorSchemeSeed: const Color(0xFF80CBC4),
        useMaterial3: true,
      );
}

sealed class Result<T> {
  const Result();
  R when<R>({required R Function(T) ok, required R Function(Object, StackTrace?) err});
}
class Ok<T> extends Result<T> {
  final T value;
  const Ok(this.value);
  @override
  R when<R>({required R Function(T p1) ok, required R Function(Object, StackTrace?) err}) => ok(value);
}
class Err<T> extends Result<T> {
  final Object error;
  final StackTrace? st;
  const Err(this.error, [this.st]);
  @override
  R when<R>({required R Function(T p1) ok, required R Function(Object, StackTrace?) err}) => err(error, st);
}

class NetworkException implements Exception { final String message; NetworkException(this.message); }
class NotFoundException implements Exception { final String message; NotFoundException(this.message); }

class Product {
  final String id;
  final String title;
  final String description;
  final String imageUrl;
  final double price;
  final List<String> gallery;
  const Product({
    required this.id,
    required this.title,
    required this.description,
    required this.imageUrl,
    required this.price,
    this.gallery = const [],
  });
}

import 'product.dart';
class CartItem {
  final Product product;
  final int qty;
  const CartItem(this.product, this.qty);
  CartItem copyWith({int? qty}) => CartItem(product, qty ?? this.qty);
  double get subtotal => product.price * qty;
}

class UserProfile {
  final String id;
  final String name;
  final String email;
  final String avatar;
  const UserProfile({required this.id, required this.name, required this.email, required this.avatar});
}

import '../models/product.dart';

abstract class ProductSource {
  Future<List<Product>> fetchProducts({String? keyword});
  Future<Product> fetchById(String id);
}

class InMemoryProductSource implements ProductSource {
  final _items = List.generate(16, (i) => Product(
    id: 'p$i',
    title: '綠茶拿鐵 #$i',
    description: '嚴選茶葉與牛奶調和，風味清爽。',
    imageUrl: 'https://picsum.photos/seed/tea$i/600/400',
    price: 2.5 + i,
    gallery: List.generate(3, (g) => 'https://picsum.photos/seed/tea${i}g$g/800/600'),
  ));
  @override
  Future<List<Product>> fetchProducts({String? keyword}) async {
    await Future.delayed(const Duration(milliseconds: 300));
    if (keyword == null || keyword.isEmpty) return _items;
    return _items.where((e) => e.title.contains(keyword)).toList();
  }
  @override
  Future<Product> fetchById(String id) async {
    await Future.delayed(const Duration(milliseconds: 200));
    return _items.firstWhere((e) => e.id == id);
  }
}

import '../models/product.dart';

abstract class CartSource {
  Future<void> add(Product p, int qty);
  Future<void> remove(String productId);
  Future<void> clear();
  Future<Map<String, int>> snapshot();
}

class InMemoryCartSource implements CartSource {
  final Map<String, int> _map = {};
  @override
  Future<void> add(Product p, int qty) async { _map.update(p.id, (v) => v + qty, ifAbsent: () => qty); }
  @override
  Future<void> remove(String productId) async { _map.remove(productId); }
  @override
  Future<void> clear() async { _map.clear(); }
  @override
  Future<Map<String, int>> snapshot() async => Map.unmodifiable(_map);
}

import '../models/user_profile.dart';

abstract class UserSource { Future<UserProfile> me(); }
class DummyUserSource implements UserSource {
  @override
  Future<UserProfile> me() async => const UserProfile(
    id: 'u1', name: 'Alice', email: '[email protected]', avatar: 'https://i.pravatar.cc/150?img=32');
}

import '../models/product.dart';
import '../sources/product_source.dart';

class ProductRepository {
  final ProductSource source;
  ProductRepository(this.source);
  Future<List<Product>> list({String? keyword}) => source.fetchProducts(keyword: keyword);
  Future<Product> byId(String id) => source.fetchById(id);
}

import '../models/product.dart';
import '../sources/cart_source.dart';

class CartRepository {
  final CartSource source;
  CartRepository(this.source);
  Future<void> add(Product p, int qty) => source.add(p, qty);
  Future<void> remove(String id) => source.remove(id);
  Future<void> clear() => source.clear();
  Future<Map<String, int>> snapshot() => source.snapshot();
}

import '../models/user_profile.dart';
import '../sources/user_source.dart';

class UserRepository {
  final UserSource source;
  UserRepository(this.source);
  Future<UserProfile> me() => source.me();
}

import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../data/repositories/product_repository.dart';
import '../data/sources/product_source.dart';

final productSourceProvider = Provider<ProductSource>((ref) => InMemoryProductSource());
final productRepoProvider = Provider<ProductRepository>((ref) => ProductRepository(ref.read(productSourceProvider)));

final productListProvider = FutureProvider.family.autoDispose((ref, String? keyword) {
  final repo = ref.read(productRepoProvider);
  return repo.list(keyword: keyword);
});

import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../data/models/cart_item.dart';
import '../data/repositories/cart_repository.dart';
import '../data/repositories/product_repository.dart';
import '../data/sources/cart_source.dart';

final cartSourceProvider = Provider<CartSource>((ref) => InMemoryCartSource());
final cartRepoProvider = Provider<CartRepository>((ref) => CartRepository(ref.read(cartSourceProvider)));

class CartState extends StateNotifier<List<CartItem>> {
  final CartRepository repo;
  final ProductRepository productRepo;
  CartState(this.repo, this.productRepo) : super(const []);

  Future<void> refresh() async {
    final map = await repo.snapshot();
    final items = <CartItem>[];
    for (final e in map.entries) {
      final p = await productRepo.byId(e.key);
      items.add(CartItem(p, e.value));
    }
    state = items;
  }

  Future<void> add(String id, {int qty = 1}) async {
    final p = await productRepo.byId(id);
    await repo.add(p, qty);
    await refresh();
  }

  Future<void> remove(String id) async { await repo.remove(id); await refresh(); }
  Future<void> clear() async { await repo.clear(); await refresh(); }
  double get total => state.fold(0, (sum, it) => sum + it.subtotal);
}

final cartStateProvider = StateNotifierProvider<CartState, List<CartItem>>((ref) {
  final cartRepo = ref.read(cartRepoProvider);
  final productRepo = ref.read(Provider((_) => ref.read(productRepoProvider)));
  final st = CartState(cartRepo, productRepo);
  st.refresh();
  return st;
});

import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../data/repositories/user_repository.dart';
import '../data/sources/user_source.dart';

final userSourceProvider = Provider<UserSource>((ref) => DummyUserSource());
final userRepoProvider = Provider<UserRepository>((ref) => UserRepository(ref.read(userSourceProvider)));
final meProvider = FutureProvider((ref) => ref.read(userRepoProvider).me());

import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import '../../../data/models/product.dart';

class ProductCard extends StatelessWidget {
  final Product product;
  final VoidCallback? onTap;
  const ProductCard({super.key, required this.product, this.onTap});
  @override
  Widget build(BuildContext context) {
    return Card(
      clipBehavior: Clip.antiAlias,
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
      child: InkWell(onTap: onTap, child: Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: [
          Expanded(child: CachedNetworkImage(imageUrl: product.imageUrl, fit: BoxFit.cover)),
          Padding(padding: const EdgeInsets.all(12), child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(product.title, style: Theme.of(context).textTheme.titleMedium, maxLines: 1, overflow: TextOverflow.ellipsis),
              const SizedBox(height: 4),
              Text('\$${product.price.toStringAsFixed(2)}', style: Theme.of(context).textTheme.titleLarge!.copyWith(fontWeight: FontWeight.w700)),
            ],
          )),
        ],
      )),
    );
  }
}

import 'package:flutter/material.dart';

class CatalogSearchBar extends StatefulWidget {
  final void Function(String) onChanged;
  const CatalogSearchBar({super.key, required this.onChanged});
  @override
  State<CatalogSearchBar> createState() => _CatalogSearchBarState();
}
class _CatalogSearchBarState extends State<CatalogSearchBar> {
  final controller = TextEditingController();
  @override
  void dispose() { controller.dispose(); super.dispose(); }
  @override
  Widget build(BuildContext context) {
    return TextField(
      controller: controller,
      decoration: InputDecoration(
        hintText: '搜尋商品',
        prefixIcon: const Icon(Icons.search),
        border: OutlineInputBorder(borderRadius: BorderRadius.circular(12)),
      ),
      onChanged: widget.onChanged,
    );
  }
}

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../providers/product_providers.dart';
import 'widgets/product_card.dart';
import 'widgets/search_bar.dart';
import 'package:go_router/go_router.dart';

class CatalogPage extends ConsumerStatefulWidget {
  const CatalogPage({super.key});
  @override
  ConsumerState<CatalogPage> createState() => _CatalogPageState();
}

class _CatalogPageState extends ConsumerState<CatalogPage> {
  String keyword = '';
  @override
  Widget build(BuildContext context) {
    final asyncProducts = ref.watch(productListProvider(keyword.isEmpty ? null : keyword));
    return SafeArea(
      child: Padding(
        padding: const EdgeInsets.all(12),
        child: Column(
          children: [
            CatalogSearchBar(onChanged: (v){ setState(()=> keyword = v); }),
            const SizedBox(height: 12),
            Expanded(child: asyncProducts.when(
              data: (items) => GridView.builder(
                gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2, childAspectRatio: .70, crossAxisSpacing: 12, mainAxisSpacing: 12),
                itemCount: items.length,
                itemBuilder: (_, i) => ProductCard(product: items[i], onTap: () => context.push('/product/${items[i].id}')),
              ),
              loading: () => const Center(child: CircularProgressIndicator()),
              error: (e, _) => Center(child: Text('載入失敗：$e')),
            )),
          ],
        ),
      ),
    );
  }
}

import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../providers/product_providers.dart';
import '../../providers/cart_providers.dart';

class ProductDetailPage extends ConsumerWidget {
  final String id;
  const ProductDetailPage({super.key, required this.id});
  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final repo = ref.read(productRepoProvider);
    return FutureBuilder(
      future: repo.byId(id),
      builder: (context, snapshot) {
        if (!snapshot.hasData) return const Scaffold(body: Center(child: CircularProgressIndicator()));
        final p = snapshot.data!;
        return Scaffold(
          appBar: AppBar(title: Text(p.title)),
          body: ListView(
            padding: const EdgeInsets.all(16),
            children: [
              AspectRatio(
                aspectRatio: 4/3,
                child: CachedNetworkImage(imageUrl: p.imageUrl, fit: BoxFit.cover),
              ),
              const SizedBox(height: 12),
              Text(p.title, style: Theme.of(context).textTheme.headlineSmall),
              const SizedBox(height: 8),
              Text('\$${p.price.toStringAsFixed(2)}', style: Theme.of(context).textTheme.headlineMedium),
              const SizedBox(height: 12),
              Text(p.description),
              const SizedBox(height: 12),
              Wrap(spacing: 8, runSpacing: 8, children: p.gallery.map((g) => ClipRRect(
                borderRadius: BorderRadius.circular(8),
                child: CachedNetworkImage(imageUrl: g, width: 100, height: 100, fit: BoxFit.cover),
              )).toList()),
            ],
          ),
          bottomNavigationBar: SafeArea(child: Padding(
            padding: const EdgeInsets.all(12),
            child: FilledButton.icon(
              icon: const Icon(Icons.add_shopping_cart),
              onPressed: () => ref.read(cartStateProvider.notifier).add(p.id),
              label: const Text('加入購物車'),
            ),
          )),
        );
      },
    );
  }
}

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../providers/cart_providers.dart';

class CartPage extends ConsumerWidget {
  const CartPage({super.key});
  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final items = ref.watch(cartStateProvider);
    return Scaffold(
      appBar: AppBar(title: const Text('購物車')),
      body: items.isEmpty
          ? const Center(child: Text('購物車是空的'))
          : ListView.separated(
              padding: const EdgeInsets.all(12),
              itemCount: items.length,
              separatorBuilder: (_, __) => const Divider(),
              itemBuilder: (_, i) => ListTile(
                leading: CircleAvatar(backgroundImage: NetworkImage(items[i].product.imageUrl)),
                title: Text(items[i].product.title),
                subtitle: Text('x${items[i].qty}'),
                trailing: Text('\$${items[i].subtotal.toStringAsFixed(2)}'),
                onLongPress: () => ref.read(cartStateProvider.notifier).remove(items[i].product.id),
              )),
      bottomNavigationBar: SafeArea(
        child: Padding(
          padding: const EdgeInsets.all(12),
          child: Row(
            children: [
              Expanded(child: Text('合計：\$${ref.read(cartStateProvider.notifier).total.toStringAsFixed(2)}', style: Theme.of(context).textTheme.titleLarge)),
              FilledButton(onPressed: () {}, child: const Text('結帳')),
            ],
          ),
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../providers/user_providers.dart';

class ProfilePage extends ConsumerWidget {
  const ProfilePage({super.key});
  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final meAsync = ref.watch(meProvider);
    return Scaffold(
      appBar: AppBar(title: const Text('我的')),
      body: meAsync.when(
        data: (me) => ListView(
          padding: const EdgeInsets.all(16),
          children: [
            ListTile(
              leading: CircleAvatar(backgroundImage: NetworkImage(me.avatar), radius: 28),
              title: Text(me.name), subtitle: Text(me.email),
            ),
            const Divider(),
            const ListTile(leading: Icon(Icons.location_on_outlined), title: Text('地址管理')),
            const ListTile(leading: Icon(Icons.receipt_long_outlined), title: Text('訂單記錄')),
            const ListTile(leading: Icon(Icons.settings_outlined), title: Text('設定')),
          ],
        ),
        loading: () => const Center(child: CircularProgressIndicator()),
        error: (e, _) => Center(child: Text('載入失敗：$e')),
      ),
    );
  }
}

import 'package:chewie/chewie.dart';
import 'package:flutter/material.dart';
import 'package:video_player/video_player.dart';

class LiveVideoPlayer extends StatefulWidget {
  final String url; // HLS(.m3u8) 或 MP4 皆可
  const LiveVideoPlayer({super.key, required this.url});
  @override
  State<LiveVideoPlayer> createState() => _LiveVideoPlayerState();
}

class _LiveVideoPlayerState extends State<LiveVideoPlayer> {
  late final VideoPlayerController _ctrl;
  ChewieController? _chewie;
  @override
  void initState() {
    super.initState();
    _ctrl = widget.url.endsWith('.m3u8')
        ? VideoPlayerController.networkUrl(Uri.parse(widget.url), httpHeaders: const {})
        : VideoPlayerController.networkUrl(Uri.parse(widget.url));
    _ctrl.initialize().then((_) {
      _chewie = ChewieController(videoPlayerController: _ctrl, autoPlay: true, looping: true);
      setState(() {});
    });
  }
  @override
  void dispose() { _chewie?.dispose(); _ctrl.dispose(); super.dispose(); }
  @override
  Widget build(BuildContext context) {
    if (_chewie == null || !_ctrl.value.isInitialized) {
      return const AspectRatio(aspectRatio: 16/9, child: Center(child: CircularProgressIndicator()));
    }
    return AspectRatio(aspectRatio: _ctrl.value.aspectRatio, child: Chewie(controller: _chewie!));
  }
}

import 'package:flutter/material.dart';
import 'widgets/live_video_player.dart';

class LivePage extends StatelessWidget {
  const LivePage({super.key});
  @override
  Widget build(BuildContext context) {
    // Demo 用公用串流；正式環境建議採 HLS/LL-HLS 或 WebRTC（如 LiveKit）
    const demoUrl = 'https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8';
    return Scaffold(
      appBar: AppBar(title: const Text('直播')),
      body: ListView(
        padding: const EdgeInsets.all(12),
        children: const [
          LiveVideoPlayer(url: demoUrl),
          SizedBox(height: 12),
          Text('直播間介紹：這裡可展示商品、聊天室、點讚動畫等擴充組件。'),
        ],
      ),
    );
  }
}

// lib/features/chat/chat_service.dart
abstract class ChatService {
  Future<void> connect({required String token, required String room});
  Future<void> disconnect();
  Stream<ChatEvent> events();
  Future<void> sendText(String text, {String? toUser});
  Future<void> sendLike();
}

class ChatEvent {
  final String type; // message/system/like/typing
  final String? from;
  final String? content;
  const ChatEvent(this.type, {this.from, this.content});
}

// lib/features/chat/socketio_chat_service.dart
import 'package:socket_io_client/socket_io_client.dart' as io;
import 'chat_service.dart';

class SocketIoChatService implements ChatService {
  io.Socket? _s;
  final _ctrl = StreamController<ChatEvent>.broadcast();
  @override
  Future<void> connect({required String token, required String room}) async {
    _s = io.io(
      'https://your-chat-host',
      io.OptionBuilder().setTransports(['websocket']).setExtraHeaders({'Authorization':'Bearer $token'}).build()
    );
    _s!.onConnect((_) { _s!.emit('join', {'room': room}); });
    _s!.on('message', (data){ _ctrl.add(ChatEvent('message', from: data['from'], content: data['text'])); });
    _s!.on('like',    (data){ _ctrl.add(const ChatEvent('like')); });
    _s!.on('system',  (data){ _ctrl.add(ChatEvent('system', content: data.toString())); });
  }
  @override
  Future<void> disconnect() async { await _s?.dispose(); await _ctrl.close(); }
  @override
  Stream<ChatEvent> events() => _ctrl.stream;
  @override
  Future<void> sendText(String text, {String? toUser}) async => _s?.emit('send', {'text': text, 'to': toUser});
  @override
  Future<void> sendLike() async => _s?.emit('like', {});
}

// lib/features/chat/signalr_chat_service.dart
import 'package:signalr_netcore/signalr_client.dart';
import 'chat_service.dart';

class SignalRChatService implements ChatService {
  HubConnection? _hub;
  final _ctrl = StreamController<ChatEvent>.broadcast();
  @override
  Future<void> connect({required String token, required String room}) async {
    _hub = HubConnectionBuilder()
      .withUrl('https://your-api/hubs/chat', options: HttpConnectionOptions(accessTokenFactory: () async => token))
      .withAutomaticReconnect()
      .build();
    _hub!.on('Message', (args){ _ctrl.add(ChatEvent('message', from: args?[0]?.toString(), content: args?[1]?.toString())); });
    _hub!.on('System',  (args){ _ctrl.add(ChatEvent('system', content: args?.first.toString())); });
    _hub!.on('Like',    (args){ _ctrl.add(const ChatEvent('like')); });
    await _hub!.start();
    await _hub!.invoke('JoinRoom', args: [room]);
  }
  @override
  Future<void> disconnect() async { await _hub?.stop(); await _ctrl.close(); }
  @override
  Stream<ChatEvent> events() => _ctrl.stream;
  @override
  Future<void> sendText(String text, {String? toUser}) async => _hub?.invoke('SendToRoom', args: ['room-1', text, 'text']);
  @override
  Future<void> sendLike() async => _hub?.invoke('SendLike', args: ['room-1']);
}

// lib/features/chat/chat_page.dart
import 'dart:math';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'chat_service.dart';
import 'socketio_chat_service.dart';

final chatServiceProvider = Provider<ChatService>((_) => SocketIoChatService());

class ChatPage extends ConsumerStatefulWidget { const ChatPage({super.key});
  @override ConsumerState<ChatPage> createState() => _ChatPageState(); }
class _ChatPageState extends ConsumerState<ChatPage> with TickerProviderStateMixin {
  final List<ChatEvent> logs = [];
  late final AnimationController _likeCtrl;
  @override void initState(){ super.initState(); _likeCtrl = AnimationController(vsync: this, duration: const Duration(milliseconds: 800)); }
  @override void dispose(){ _likeCtrl.dispose(); super.dispose(); }
  @override Widget build(BuildContext context){
    final svc = ref.read(chatServiceProvider);
    return Scaffold(
      appBar: AppBar(title: const Text('直播聊天室')),
      body: Column(children:[
        Expanded(child: ListView.builder(itemCount: logs.length, itemBuilder: (_, i){
          final e = logs[i];
          return ListTile(leading: e.type=='like'? const Icon(Icons.favorite, color: Colors.pink): const Icon(Icons.chat_bubble_outline),
            title: Text(e.type=='like'? '👏 點讚' : '${e.from??'??'}：${e.content??''}'));
        })),
        SizeTransition(sizeFactor: CurvedAnimation(parent: _likeCtrl, curve: Curves.easeOutBack), child: const Icon(Icons.favorite, color: Colors.pink, size: 48)),
        Padding(padding: const EdgeInsets.all(8), child: Row(children:[
          Expanded(child: TextField(onSubmitted: (t)=> svc.sendText(t), decoration: const InputDecoration(hintText: '說點什麼...', border: OutlineInputBorder()))),
          const SizedBox(width: 8),
          IconButton(icon: const Icon(Icons.favorite), onPressed: (){ svc.sendLike(); _likeCtrl.forward(from: 0); }),
        ]))
      ]),
    );
  }
}

// lib/data/models/order.dart
class Address { final String name, phone, line1, city; const Address({required this.name, required this.phone, required this.line1, required this.city}); }
class OrderItem { final String productId; final String title; final double price; final int qty; const OrderItem({required this.productId, required this.title, required this.price, required this.qty}); double get subtotal => price*qty; }
class Order {
  final String id; final List<OrderItem> items; final Address address; final double total; final String status; // pending/paid/failed
  const Order({required this.id, required this.items, required this.address, required this.total, this.status='pending'});
}

// lib/services/payment_service.dart
class PaymentIntent { final String id; final int amountCents; final String currency; PaymentIntent(this.id, this.amountCents, this.currency); }
abstract class PaymentService { Future<PaymentIntent> createIntent(int amountCents, {String currency='USD'}); Future<bool> confirm(String intentId); }
class MockPaymentService implements PaymentService {
  @override Future<PaymentIntent> createIntent(int amountCents, {String currency='USD'}) async => PaymentIntent('pi_${DateTime.now().millisecondsSinceEpoch}', amountCents, currency);
  @override Future<bool> confirm(String intentId) async { await Future.delayed(const Duration(seconds: 1)); return true; }
}

// lib/features/checkout/checkout_page.dart
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../providers/cart_providers.dart';
import '../../services/payment_service.dart';

final paymentServiceProvider = Provider<PaymentService>((_) => MockPaymentService());

class CheckoutPage extends ConsumerWidget {
  const CheckoutPage({super.key});
  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final items = ref.watch(cartStateProvider);
    final total = ref.read(cartStateProvider.notifier).total;
    return Scaffold(
      appBar: AppBar(title: const Text('結帳')),
      body: Padding(
        padding: const EdgeInsets.all(16),
        child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
          Text('商品 (${items.length})', style: Theme.of(context).textTheme.titleLarge),
          const SizedBox(height: 8),
          Expanded(child: ListView.builder(itemCount: items.length, itemBuilder: (_, i){
            final it = items[i];
            return ListTile(title: Text(it.product.title), subtitle: Text('x${it.qty}'), trailing: Text('\$${it.subtotal.toStringAsFixed(2)}'));
          })),
          const Divider(),
          Row(mainAxisAlignment: MainAxisAlignment.spaceBetween, children:[
            const Text('合計'), Text('\$${total.toStringAsFixed(2)}', style: Theme.of(context).textTheme.titleLarge)
          ]),
          const SizedBox(height: 12),
          FilledButton(onPressed: () async {
            final svc = ref.read(paymentServiceProvider);
            final intent = await svc.createIntent((total*100).round());
            final ok = await svc.confirm(intent.id);
            if(ok){
              if(context.mounted){
                ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('付款成功')));
              }
              await ref.read(cartStateProvider.notifier).clear();
            }
          }, child: const Text('付款')),
        ]),
      ),
    );
  }
}

// 片段：加入 localizationsDelegates / supportedLocales
return MaterialApp.router(
  title: 'E‑Shop',
  theme: AppTheme.light,
  darkTheme: AppTheme.dark,
  routerConfig: router,
  localizationsDelegates: const [
    GlobalMaterialLocalizations.delegate,
    GlobalWidgetsLocalizations.delegate,
    GlobalCupertinoLocalizations.delegate,
  ],
  supportedLocales: const [Locale('en'), Locale('zh')],
);

// lib/theme/app_theme.dart (新增動態方案)
class ThemeController extends ChangeNotifier {
  Color seed = const Color(0xFF2E7D32);
  void update(Color c){ seed = c; notifyListeners(); }
}

// main.dart 以 Inherited/Provider 方式提供 ThemeController（略），或直接做設置頁切換顏色。

GoRoute(path: '/chat', builder: (_, __) => const ChatPage()),
GoRoute(path: '/checkout', builder: (_, __) => const CheckoutPage()),

// LivePage 片段
return Scaffold(
  appBar: AppBar(title: const Text('直播')),
  body: Column(children: const [
    Expanded(flex: 3, child: LiveVideoPlayer(url: 'https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8')),
    Divider(height: 1),
    Expanded(flex: 2, child: ChatPage()),
  ]),
);

final chatServiceProvider = Provider<ChatService>((ref) {
  // return SignalRChatService();
  return SocketIoChatService();
});

export 'facebook_live_player_io.dart'
  if (dart.library.html) 'facebook_live_player_web.dart';

import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
import 'package:flutter/foundation.dart';
// Android 最佳化（Hybrid Composition）
import 'package:webview_flutter_android/webview_flutter_android.dart';

class FacebookLivePlayer extends StatefulWidget {
  final String url; // Facebook plugins 形式的完整網址
  const FacebookLivePlayer({super.key, required this.url});

  @override
  State<FacebookLivePlayer> createState() => _FacebookLivePlayerState();
}

class _FacebookLivePlayerState extends State<FacebookLivePlayer> {
  late final WebViewController _controller;

  @override
  void initState() {
    super.initState();

    // Android：顯式使用 Hybrid Composition，確保 Flutter 浮層可覆蓋 WebView
    if (defaultTargetPlatform == TargetPlatform.android) {
      final params = const AndroidWebViewControllerCreationParams(
          // usesHybridComposition: true, // 預設即為 HybridComposition
      );
      final androidCtrl = AndroidWebViewController(params)
        ..setJavaScriptMode(JavaScriptMode.unrestricted)
        ..setBackgroundColor(const Color(0x00000000))
        ..loadRequest(Uri.parse(widget.url));
      _controller = androidCtrl;
    } else {
      _controller = WebViewController()
        ..setJavaScriptMode(JavaScriptMode.unrestricted)
        ..setBackgroundColor(const Color(0x00000000))
        ..loadRequest(Uri.parse(widget.url));
    }
  }

  @override
  Widget build(BuildContext context) {
    return const Positioned.fill( // 與 LivePage 的背景鋪滿一致
      child: _FacebookWebView(),
    );
  }
}

class _FacebookWebView extends StatelessWidget {
  const _FacebookWebView();
  @override
  Widget build(BuildContext context) {
    // 實際渲染交由 LivePage 的 Positioned.fill 控制尺寸
    return WebViewWidget(controller: (context.findAncestorStateOfType<_FacebookLivePlayerState>()!)._controller);
  }
}

// ignore_for_file: avoid_web_libraries_in_flutter
import 'dart:html';
import 'package:flutter/material.dart';
// Flutter 3.13+ 使用 dart:ui_web；較舊版本請用 dart:ui
import 'dart:ui_web' as ui_web;

class FacebookLivePlayer extends StatelessWidget {
  final String url; // Facebook plugins 形式的完整網址
  const FacebookLivePlayer({super.key, required this.url});

  @override
  Widget build(BuildContext context) {
    final viewType = 'fb-live-${url.hashCode}';

    // 註冊 iframe 工廠，只需註冊一次；重複註冊會覆寫同 key
    ui_web.platformViewRegistry.registerViewFactory(viewType, (int viewId) {
      final iframe = IFrameElement()
        ..src = url
        ..style.border = '0'
        ..allow = 'autoplay; encrypted-media; fullscreen; picture-in-picture'
        ..allowFullscreen = true;
      return iframe;
    });

    return const Positioned.fill(
      child: _FacebookIFrame(viewType: ''),
    );
  }
}

class _FacebookIFrame extends StatelessWidget {
  final String viewType;
  const _FacebookIFrame({required this.viewType});
  @override
  Widget build(BuildContext context) {
    // 由 LivePage 的 Stack/Positioned 控制鋪滿
    return HtmlElementView(viewType: viewType);
  }
}

class AuthResult { final String token; final String userId; AuthResult(this.token, this.userId); }

abstract class AuthService {
  Future<AuthResult> signIn({required String email, required String password});
  Future<void> signOut();
  Future<bool> validate(String token);
}

class MockAuthService implements AuthService {
  String? _token;
  @override
  Future<AuthResult> signIn({required String email, required String password}) async {
    // TODO: 改為你的後端 API
    await Future.delayed(const Duration(milliseconds: 600));
    if (email.isEmpty || password.isEmpty) throw Exception('Email/Password 不可空');
    _token = 'mock.jwt.token.${DateTime.now().millisecondsSinceEpoch}';
    return AuthResult(_token!, 'u1');
  }
  @override
  Future<void> signOut() async { _token = null; }
  @override
  Future<bool> validate(String token) async => token == _token && token.isNotEmpty;
}

import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../services/auth_service.dart';

final authServiceProvider = Provider<AuthService>((_) => MockAuthService());

class AuthState { final String? token; final String? userId; final bool loading; final Object? error;
  const AuthState({this.token, this.userId, this.loading=false, this.error});
  bool get isSignedIn => token != null;
  AuthState copyWith({String? token, String? userId, bool? loading, Object? error}) =>
    AuthState(token: token ?? this.token, userId: userId ?? this.userId, loading: loading ?? this.loading, error: error);
}

class AuthNotifier extends StateNotifier<AuthState> {
  final AuthService svc;
  AuthNotifier(this.svc) : super(const AuthState());
  Future<void> signIn(String email, String pwd) async {
    state = state.copyWith(loading: true, error: null);
    try {
      final r = await svc.signIn(email: email, password: pwd);
      state = AuthState(token: r.token, userId: r.userId);
    } catch (e) {
      state = AuthState(error: e, loading: false);
    }
  }
  Future<void> signOut() async { await svc.signOut(); state = const AuthState(); }
}

final authProvider = StateNotifierProvider<AuthNotifier, AuthState>((ref) => AuthNotifier(ref.read(authServiceProvider)));

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../providers/auth_providers.dart';

class LoginPage extends ConsumerStatefulWidget {
  const LoginPage({super.key});
  @override
  ConsumerState<LoginPage> createState() => _LoginPageState();
}

class _LoginPageState extends ConsumerState<LoginPage> {
  final _formKey = GlobalKey<FormState>();
  final _email = TextEditingController();
  final _pwd = TextEditingController();
  bool _obscure = true;

  @override
  void dispose(){ _email.dispose(); _pwd.dispose(); super.dispose(); }

  @override
  Widget build(BuildContext context) {
    final auth = ref.watch(authProvider);
    return Scaffold(
      appBar: AppBar(title: const Text('登入')),
      body: Center(
        child: ConstrainedBox(
          constraints: const BoxConstraints(maxWidth: 420),
          child: Padding(
            padding: const EdgeInsets.all(16),
            child: Form(
              key: _formKey,
              child: Column(mainAxisSize: MainAxisSize.min, children: [
                TextFormField(
                  controller: _email,
                  decoration: const InputDecoration(labelText: 'Email', prefixIcon: Icon(Icons.email_outlined)),
                  keyboardType: TextInputType.emailAddress,
                  validator: (v)=> (v==null||v.isEmpty)?'請輸入 Email':null,
                ),
                const SizedBox(height: 12),
                TextFormField(
                  controller: _pwd,
                  decoration: InputDecoration(
                    labelText: '密碼', prefixIcon: const Icon(Icons.lock_outline),
                    suffixIcon: IconButton(icon: Icon(_obscure?Icons.visibility:Icons.visibility_off), onPressed: ()=> setState(()=> _obscure = !_obscure)),
                  ),
                  obscureText: _obscure,
                  validator: (v)=> (v==null||v.isEmpty)?'請輸入密碼':null,
                ),
                const SizedBox(height: 16),
                SizedBox(
                  width: double.infinity,
                  child: FilledButton(
                    onPressed: auth.loading? null : () async {
                      if(!_formKey.currentState!.validate()) return;
                      await ref.read(authProvider.notifier).signIn(_email.text.trim(), _pwd.text);
                      final ok = ref.read(authProvider).isSignedIn;
                      if(ok && context.mounted){
                        ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('登入成功')));
                        Navigator.of(context).pop(); // 回上一頁或 pushNamed 到首頁
                      } else if(context.mounted && auth.error!=null){
                        ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('登入失敗：${auth.error}')));
                      }
                    },
                    child: auth.loading? const SizedBox(height:20,width:20,child:CircularProgressIndicator(strokeWidth:2)) : const Text('登入'),
                  ),
                ),
                const SizedBox(height: 12),
                TextButton(onPressed: (){}, child: const Text('忘記密碼？')),
              ]),
            ),
          ),
        ),
      ),
    );
  }
}

// import 'features/auth/login_page.dart'; 置於檔首
// ...
GoRoute(path: '/login', builder: (_, __) => const LoginPage()),

// 在 app_router.dart 補充：
final authGuard = Provider<bool>((ref) => ref.watch(authProvider).isSignedIn);
// 使用時：
GoRoute(
  path: '/orders',
  builder: (_, __) => const OrdersPage(),
  redirect: (context, state){
    final loggedIn = (context as Element).read(authGuard); // 或改為在外層讀取 ref
    return loggedIn? null : '/login';
  },
),

final resp = await http.post(Uri.parse('https://api.yourhost.com/auth/login'), body: {'email': email, 'password': password});
final json = jsonDecode(resp.body);
return AuthResult(json['token'] as String, json['userId'] as String);