Skip to content

feat: lightning page #393

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 7 commits into
base: main
Choose a base branch
from
Draft

feat: lightning page #393

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
ee67abd
Create lightning.dart
lowrt Aug 19, 2025
0a07e0a
feat: lightning page
lowrt Aug 19, 2025
7938aef
fix: lightning page
lowrt Aug 19, 2025
5604a90
fix: lightning icon
lowrt Aug 19, 2025
aac7311
fix
lowrt Aug 25, 2025
3a2ba91
fix: MapLayer
lowrt Aug 28, 2025
93c8784
Merge branch 'main' into feat/lightning
lowrt Sep 13, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 19 additions & 0 deletions lib/api/model/weather/lightning.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
import 'package:dpip/utils/geojson.dart';
import 'package:json_annotation/json_annotation.dart';

part 'lightning.g.dart';
Expand All @@ -13,6 +14,24 @@ class Lightning {
factory Lightning.fromJson(Map<String, dynamic> json) => _$LightningFromJson(json);

Map<String, dynamic> toJson() => _$LightningToJson(this);

GeoJsonFeatureBuilder<GeoJsonFeatureType> toFeatureBuilder(int currentTime) {
final timeDiff = currentTime - time;
int level;
if (timeDiff < 5 * 60 * 1000) {
level = 5;
} else if (timeDiff < 10 * 60 * 1000) {
level = 10;
} else if (timeDiff < 30 * 60 * 1000) {
level = 30;
} else {
level = 60;
}

return GeoJsonFeatureBuilder<GeoJsonFeatureType>(GeoJsonFeatureType.Point)
.setGeometry([loc.lng, loc.lat])
.setProperty('type', '${type}-$level');
}
}

@JsonSerializable()
Expand Down
360 changes: 360 additions & 0 deletions lib/app/map/_lib/managers/lightning.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,360 @@
import 'dart:async';
import 'dart:collection';

import 'package:collection/collection.dart';
import 'package:dpip/api/exptech.dart';
import 'package:dpip/api/model/weather/lightning.dart';
import 'package:dpip/app/map/_lib/manager.dart';
import 'package:dpip/app/map/_lib/utils.dart';
import 'package:dpip/app/map/_widgets/map_legend.dart';
import 'package:dpip/core/i18n.dart';
import 'package:dpip/core/providers.dart';
import 'package:dpip/models/data.dart';
import 'package:dpip/utils/extensions/build_context.dart';
import 'package:dpip/utils/extensions/string.dart';
import 'package:dpip/utils/geojson.dart';
import 'package:dpip/utils/log.dart';
import 'package:dpip/widgets/blurred_container.dart';
import 'package:dpip/widgets/map/map.dart';
import 'package:dpip/widgets/sheet/morphing_sheet.dart';
import 'package:dpip/widgets/ui/loading_icon.dart';
import 'package:flutter/material.dart';
import 'package:maplibre_gl/maplibre_gl.dart';
import 'package:material_symbols_icons/symbols.dart';
import 'package:provider/provider.dart';

class LightningData {
final double latitude;
final double longitude;
final int type;
final int time;

LightningData({required this.latitude, required this.longitude, required this.type, required this.time});
}

class LightningMapLayerManager extends MapLayerManager {
LightningMapLayerManager(super.context, super.controller);

final currentLightningTime = ValueNotifier<String?>(GlobalProviders.data.lightning.firstOrNull);
final isLoading = ValueNotifier<bool>(false);

DateTime? _lastFetchTime;

Function(String)? onTimeChanged;

Future<void> setLightningTime(String time) async {
if (currentLightningTime.value == time || isLoading.value) return;

isLoading.value = true;

try {
await remove();
currentLightningTime.value = time;
await setup();

onTimeChanged?.call(time);
} catch (e, s) {
TalkerManager.instance.error('LightningMapLayerManager.setLightningTime', e, s);
} finally {
isLoading.value = false;
}
}

Future<void> _fetchData() async {
final lightningList = (await ExpTech().getLightningList()).reversed.toList();
if (!context.mounted) return;

GlobalProviders.data.setLightning(lightningList);
currentLightningTime.value ??= lightningList.first;
_lastFetchTime = DateTime.now();
}

@override
Future<void> setup() async {
if (didSetup) return;

try {
if (GlobalProviders.data.lightning.isEmpty) await _fetchData();

final time = currentLightningTime.value;

if (time == null) throw Exception('Time is null');

final sourceId = MapSourceIds.lightning(time);
final layerId = MapLayerIds.lightning(time);

final isSourceExists = (await controller.getSourceIds()).contains(sourceId);
final isLayerExists = (await controller.getLayerIds()).contains(layerId);

if (!isSourceExists) {
late final List<Lightning> lightningData;

if (GlobalProviders.data.lightningData.containsKey(time)) {
lightningData = GlobalProviders.data.lightningData[time]!;
} else {
lightningData = await ExpTech().getLightning(time);
GlobalProviders.data.setLightningData(time, lightningData);
}

// final currentTime = int.parse(time);
// final features = lightningData.map((data) => data.toFeatureBuilder(currentTime)).toList();

// final data = GeoJsonBuilder().setFeatures(features).build();

// final properties = GeojsonSourceProperties(data: data);

// await controller.addSource(sourceId, properties);

if (!context.mounted) return;
}

if (!isLayerExists) {
final properties = SymbolLayerProperties(
iconSize: [
Expressions.interpolate,
['linear'],
[Expressions.zoom],
5,
0.5,
10,
1.3,
],
iconImage: [
Expressions.match,
['get', 'type'],
'1-5',
'lightning-1-5',
'1-10',
'lightning-1-10',
'1-30',
'lightning-1-30',
'1-60',
'lightning-1-60',
'0-5',
'lightning-0-5',
'0-10',
'lightning-0-10',
'0-30',
'lightning-0-30',
'0-60',
'lightning-0-60',
],
iconAllowOverlap: true,
iconIgnorePlacement: true,
visibility: visible ? 'visible' : 'none',
);

await controller.addLayer(sourceId, layerId, properties, belowLayerId: BaseMapLayerIds.userLocation);
}

if (isSourceExists && isLayerExists) return;

didSetup = true;
} catch (e, s) {
TalkerManager.instance.error('LightningMapLayerManager.setup', e, s);
}
}

@override
Future<void> hide() async {
if (!visible) return;

final layerId = MapLayerIds.lightning(currentLightningTime.value);

try {
await controller.setLayerVisibility(layerId, false);

visible = false;
} catch (e, s) {
TalkerManager.instance.error('LightningMapLayerManager.hide', e, s);
}
}

@override
Future<void> show() async {
if (visible) return;

final layerId = MapLayerIds.lightning(currentLightningTime.value);

try {
await controller.setLayerVisibility(layerId, true);

visible = true;

if (_lastFetchTime == null || DateTime.now().difference(_lastFetchTime!).inMinutes > 5) await _fetchData();
} catch (e, s) {
TalkerManager.instance.error('LightningMapLayerManager.show', e, s);
}
}

@override
Future<void> remove() async {
try {
final layerId = MapLayerIds.lightning(currentLightningTime.value);
final sourceId = MapSourceIds.lightning(currentLightningTime.value);

await controller.removeLayer(layerId);

await controller.removeSource(sourceId);
} catch (e, s) {
TalkerManager.instance.error('LightningMapLayerManager.dispose', e, s);
}

didSetup = false;
}

@override
Widget build(BuildContext context) => LightningMapLayerSheet(manager: this);
}

class LightningMapLayerSheet extends StatelessWidget {
final LightningMapLayerManager manager;

const LightningMapLayerSheet({super.key, required this.manager});

@override
Widget build(BuildContext context) {
return Stack(
children: [
MorphingSheet(
title: '閃電'.i18n,
borderRadius: BorderRadius.circular(16),
elevation: 4,
partialBuilder: (context, controller, sheetController) {
return Padding(
padding: const EdgeInsets.symmetric(vertical: 8),
child: Selector<DpipDataModel, UnmodifiableListView<String>>(
selector: (context, model) => model.lightning,
builder: (context, lightning, child) {
final times = lightning.map((time) {
final t = time.toSimpleDateTimeString().split(' ');
return (date: t[0], time: t[1], value: time);
});
final grouped = times.groupListsBy((time) => time.date).entries.toList();

return Column(
mainAxisSize: MainAxisSize.min,
children: [
Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
child: Row(
spacing: 8,
children: [
const Icon(Symbols.bolt, size: 24),
Text('閃電'.i18n, style: context.textTheme.titleMedium),
],
),
),
SizedBox(
height: kMinInteractiveDimension,
child: ValueListenableBuilder<String?>(
valueListenable: manager.currentLightningTime,
builder: (context, currentLightningTime, child) {
return ListView.builder(
padding: const EdgeInsets.symmetric(horizontal: 16),
scrollDirection: Axis.horizontal,
physics: const AlwaysScrollableScrollPhysics(),
itemCount: grouped.length,
itemBuilder: (context, index) {
final MapEntry(key: date, value: group) = grouped[index];

final children = <Widget>[Text(date)];

for (final time in group) {
final isSelected = time.value == currentLightningTime;

children.add(
ValueListenableBuilder<bool>(
valueListenable: manager.isLoading,
builder: (context, isLoading, child) {
return FilterChip(
selected: isSelected,
showCheckmark: !isLoading,
label: Text(time.time),
side: BorderSide(
color: isSelected ? context.colors.primary : context.colors.outlineVariant,
),
avatar: isSelected && isLoading ? const LoadingIcon() : null,
onSelected:
isLoading
? null
: (selected) {
if (!selected) return;
manager.setLightningTime(time.value);
},
);
},
),
);
}

children.add(
const Padding(
padding: EdgeInsets.only(right: 8),
child: VerticalDivider(width: 16, indent: 8, endIndent: 8),
),
);

return Row(mainAxisSize: MainAxisSize.min, spacing: 8, children: children);
},
);
},
),
),
],
);
},
),
);
},
),
Positioned(
top: 24 + 48 + 16,
left: 24,
child: SafeArea(
child: BlurredContainer(
elevation: 4,
shadowColor: context.colors.shadow.withValues(alpha: 0.4),
child: Legend(
items: [
LegendItem(
icon: const OutlinedIcon(Symbols.navigation_rounded, fill: Color(0xffff0000), size: 20),
label: '5 分鐘內對地閃電',
),
LegendItem(
icon: const OutlinedIcon(Symbols.navigation_rounded, fill: Color(0xffffff00), size: 20),
label: '10 分鐘內對地閃電',
),
LegendItem(
icon: const OutlinedIcon(Symbols.navigation_rounded, fill: Color(0xff00ff00), size: 20),
label: '30 分鐘內對地閃電',
),
LegendItem(
icon: const OutlinedIcon(Symbols.navigation_rounded, fill: Color(0xff0000ff), size: 20),
label: '60 分鐘內對地閃電',
),
LegendItem(
icon: const OutlinedIcon(Symbols.circle, fill: Color(0xffff0000), size: 20),
label: '5 分鐘內雲間閃電',
),
LegendItem(
icon: const OutlinedIcon(Symbols.circle, fill: Color(0xffffff00), size: 20),
label: '10 分鐘內雲間閃電',
),
LegendItem(
icon: const OutlinedIcon(Symbols.circle, fill: Color(0xff00ff00), size: 20),
label: '30 分鐘內雲間閃電',
),
LegendItem(
icon: const OutlinedIcon(Symbols.circle, fill: Color(0xff0000ff), size: 20),
label: '60 分鐘內雲間閃電',
),
],
),
),
),
),
],
);
}
}
Loading
Loading