289 lines
10 KiB
Dart
289 lines
10 KiB
Dart
import 'dart:ui' as ui;
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/rendering.dart';
|
|
import 'package:share_plus/share_plus.dart';
|
|
|
|
import '../../../core/i18n/app_locale.dart';
|
|
import '../../../core/theme/tokens.dart';
|
|
import '../../../core/ui/app_icons.dart';
|
|
import '../../campaign/campaign_share.dart' show shareHashtags, shareLink, shareBaseUrl;
|
|
import '../home_data.dart';
|
|
import '../../../core/ui/clipboard_copy.dart';
|
|
|
|
/// 브리핑 공유 — 「홈_브리핑 공유」 `266:90445` · 인스타 `272:240423` · 틱톡 `272:240430`.
|
|
///
|
|
/// 별첨 1 ③-5 「카드 열람 → SNS 공유 카드 정상 노출」. 명세 `523:18300` — AI 브리핑
|
|
/// 최대 3건 · `523:18306` 인스타그램 · 틱톡 · X · 링크 복사.
|
|
///
|
|
/// SNS 셋은 **카드 이미지 + 문구 + 링크**를 OS 공유 시트로 보낸다(인스타 · 틱톡은 이미지가
|
|
/// 있어야 올라간다). 링크 복사는 문구와 링크를 클립보드에 둔다.
|
|
|
|
/// 그날 팬덤 브리핑으로 돌아오는 링크. 식별자는 팬덤과 KST 날짜다(상세정의 v1.6.1 「공유
|
|
/// 링크에는 원래 문맥을 복원할 수 있는 식별자를 포함」 · B-47 브리핑은 팬덤 · 당일 단위).
|
|
String? briefingShareLink(String fandomId, String dayKey, {String base = shareBaseUrl}) =>
|
|
shareLink(['b', fandomId, dayKey], base: base);
|
|
|
|
/// 공유 문구 — 제목 한 줄 · 헤드라인(최대 3) · 링크 · 해시태그(B-78 동적 구성).
|
|
String briefingShareText({
|
|
required List<BriefingItem> items,
|
|
String? fandomName,
|
|
String? link,
|
|
}) => [
|
|
'AI DAILY BRIEFING',
|
|
for (final (i, item) in items.take(3).indexed) '${i + 1}. ${item.headline}',
|
|
?link,
|
|
shareHashtags(fandomName: fandomName, topic: 'AIBriefing').join(' '),
|
|
].join('\n');
|
|
|
|
/// 공유 오버레이. 캠페인 공유(`480:14594`)와 같은 틀이다.
|
|
class BriefingShareDialog extends StatefulWidget {
|
|
const BriefingShareDialog({
|
|
super.key,
|
|
required this.items,
|
|
required this.fandomName,
|
|
this.link,
|
|
this.share,
|
|
});
|
|
|
|
final List<BriefingItem> items;
|
|
final String fandomName;
|
|
final String? link;
|
|
|
|
/// 공유 시트 호출. 테스트가 대신 받는다 — 위젯 테스트에서 OS 공유 시트를 띄울 수 없다.
|
|
final Future<void> Function(ShareParams params)? share;
|
|
|
|
static Future<void> show(
|
|
BuildContext context, {
|
|
required List<BriefingItem> items,
|
|
required String fandomName,
|
|
String? link,
|
|
Future<void> Function(ShareParams params)? share,
|
|
}) => showGeneralDialog<void>(
|
|
context: context,
|
|
barrierDismissible: true,
|
|
barrierLabel: context.l10n.commonClose,
|
|
barrierColor: AppColors.cosmicVoid,
|
|
pageBuilder: (_, _, _) => BriefingShareDialog(
|
|
items: items,
|
|
fandomName: fandomName,
|
|
link: link,
|
|
share: share,
|
|
),
|
|
);
|
|
|
|
@override
|
|
State<BriefingShareDialog> createState() => _BriefingShareDialogState();
|
|
}
|
|
|
|
class _BriefingShareDialogState extends State<BriefingShareDialog> {
|
|
final _card = GlobalKey();
|
|
|
|
static const _icons = [
|
|
'assets/figma/share-instagram.png',
|
|
'assets/figma/share-tiktok.png',
|
|
'assets/figma/share-x.png',
|
|
'assets/figma/share-link.png',
|
|
];
|
|
|
|
String get _text => briefingShareText(
|
|
items: widget.items,
|
|
fandomName: widget.fandomName,
|
|
link: widget.link,
|
|
);
|
|
|
|
/// 카드 영역을 PNG 로 굽는다. 실패하면 null — 문구만이라도 보낸다.
|
|
Future<XFile?> _capture() async {
|
|
final boundary =
|
|
_card.currentContext?.findRenderObject() as RenderRepaintBoundary?;
|
|
if (boundary == null) return null;
|
|
final image = await boundary.toImage(pixelRatio: 3);
|
|
final bytes = await image.toByteData(format: ui.ImageByteFormat.png);
|
|
image.dispose();
|
|
if (bytes == null) return null;
|
|
return XFile.fromData(
|
|
bytes.buffer.asUint8List(),
|
|
mimeType: 'image/png',
|
|
name: 'fanuzu-briefing.png',
|
|
);
|
|
}
|
|
|
|
/// 공유 중. 연타로 공유 시트가 겹쳐 뜨지 않게 한다.
|
|
bool _busy = false;
|
|
|
|
/// [button] 은 누른 아이콘의 문맥 — iPad 공유 팝오버가 그 자리에서 뜬다.
|
|
Future<void> _onTap(int index, BuildContext button) async {
|
|
if (_busy) return;
|
|
final box = button.findRenderObject() as RenderBox?;
|
|
final origin = box == null
|
|
? null
|
|
: box.localToGlobal(Offset.zero) & box.size;
|
|
final l10n = context.l10n;
|
|
final messenger = ScaffoldMessenger.maybeOf(context);
|
|
void toast(String message) => messenger
|
|
?..hideCurrentSnackBar()
|
|
..showSnackBar(
|
|
SnackBar(content: Text(message), behavior: SnackBarBehavior.floating),
|
|
);
|
|
setState(() => _busy = true);
|
|
try {
|
|
if (index == _icons.length - 1) {
|
|
var announce = false;
|
|
await copyToClipboard(_text, () => announce = true);
|
|
if (!mounted) return;
|
|
// 오버레이를 닫고 알린다 — 열린 채로 띄우면 스낵바가 장막 뒤에 가린다.
|
|
Navigator.of(context).pop();
|
|
if (announce) {
|
|
toast(widget.link == null
|
|
? l10n.briefingShareTextCopied
|
|
: l10n.briefingShareCopied);
|
|
}
|
|
return;
|
|
}
|
|
final file = await _capture();
|
|
await (widget.share ?? SharePlus.instance.share)(ShareParams(
|
|
text: _text,
|
|
subject: 'AI DAILY BRIEFING',
|
|
files: file == null ? null : [file],
|
|
sharePositionOrigin: origin,
|
|
));
|
|
} catch (_) {
|
|
toast(l10n.commonRequestFailed);
|
|
} finally {
|
|
if (mounted) setState(() => _busy = false);
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final labels = [
|
|
context.l10n.shareInstagram,
|
|
context.l10n.shareTiktok,
|
|
'X',
|
|
// 웹 브릿지 주소가 없으면 링크가 없으니 「문구 복사」다.
|
|
widget.link == null ? context.l10n.shareCopyText : context.l10n.shareCopyLink,
|
|
];
|
|
return Padding(
|
|
padding: const EdgeInsets.fromLTRB(20, 23, 20, 22),
|
|
child: Center(
|
|
child: Material(
|
|
color: const Color(0xFF101010),
|
|
borderRadius: BorderRadius.circular(24),
|
|
clipBehavior: Clip.antiAlias,
|
|
child: SingleChildScrollView(
|
|
padding: const EdgeInsets.fromLTRB(16, 20, 16, 28),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
Align(
|
|
alignment: Alignment.centerRight,
|
|
child: IconButton(
|
|
tooltip: context.l10n.commonClose,
|
|
onPressed: () => Navigator.of(context).maybePop(),
|
|
icon: const ImageIcon(
|
|
AppIcons.x,
|
|
size: 24,
|
|
color: AppColors.onCosmic,
|
|
),
|
|
),
|
|
),
|
|
// 공유 이미지로 굽는 영역 — 제목 · 행성 · 헤드라인.
|
|
RepaintBoundary(
|
|
key: _card,
|
|
child: ColoredBox(
|
|
color: const Color(0xFF101010),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
const Text(
|
|
'AI DAILY BRIEFING',
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontFamily: AppFonts.body,
|
|
fontSize: 25,
|
|
fontWeight: FontWeight.w600,
|
|
height: 1.4,
|
|
color: AppColors.onCosmic,
|
|
),
|
|
),
|
|
const SizedBox(height: 24),
|
|
Center(
|
|
child: Image.asset(
|
|
'assets/figma/planet-home.png',
|
|
width: 120,
|
|
height: 120,
|
|
),
|
|
),
|
|
const SizedBox(height: 24),
|
|
Container(
|
|
padding: const EdgeInsets.all(AppSpace.s4),
|
|
decoration: BoxDecoration(
|
|
color: AppColors.cosmicSurfaceContainer,
|
|
borderRadius: BorderRadius.circular(AppRadius.md),
|
|
),
|
|
child: Column(
|
|
children: [
|
|
for (final (i, item)
|
|
in widget.items.take(3).indexed)
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(
|
|
vertical: AppSpace.s2,
|
|
),
|
|
child: Row(
|
|
crossAxisAlignment:
|
|
CrossAxisAlignment.start,
|
|
children: [
|
|
SizedBox(
|
|
width: 32,
|
|
child: Text('${i + 1}', style: _row),
|
|
),
|
|
Expanded(
|
|
child: Text(item.headline, style: _row),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 36),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
for (final (i, asset) in _icons.indexed) ...[
|
|
if (i > 0) const SizedBox(width: 16),
|
|
Tooltip(
|
|
message: labels[i],
|
|
child: Builder(
|
|
builder: (button) => InkResponse(
|
|
onTap: () => _onTap(i, button),
|
|
radius: 26,
|
|
child: Image.asset(asset, width: 36, height: 36),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
static const _row = TextStyle(
|
|
fontFamily: AppFonts.body,
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w500,
|
|
height: 1.5,
|
|
color: AppColors.onCosmicVariant,
|
|
);
|
|
}
|