.generate(
1336 | length,
1337 | (int index) => index * separation,
1338 | growable: false,
1339 | );
1340 | }
1341 |
1342 | double maxStop(int index) {
1343 | // min: currentColorIndex == 0
1344 | // ? 0
1345 | // : (gradientColors[currentColorIndex - 1].stop + 0.01),
1346 | double max = index == gradientColors.length - 1
1347 | ? 1
1348 | : (gradientColors[index + 1].stop - 0.01);
1349 | return max;
1350 | }
1351 |
1352 | double minStop(int index) {
1353 | double min = index == 0 ? 0 : (gradientColors[index - 1].stop + 0.01);
1354 | return min;
1355 | }
1356 |
1357 | double genWidth(int index, {@required double maxWidth}) {
1358 | double toSubtract = 0;
1359 | for (int i = 0; i < index; i++) {
1360 | toSubtract += gradientColors[i].stop * maxWidth;
1361 | }
1362 | for (int i = index + 1; i < gradientColors.length; i++) {
1363 | toSubtract += gradientColors[i].stop * maxWidth;
1364 | }
1365 | print(toSubtract);
1366 | return maxWidth - toSubtract;
1367 | }
1368 |
1369 | Color _generateRandomColor() {
1370 | return Color.fromRGBO(
1371 | Random().nextInt(250), Random().nextInt(250), Random().nextInt(250), 1);
1372 | }
1373 |
1374 | String genCode(
1375 | {CodeGenType codeType = CodeGenType.flutter,
1376 | GradientType gradientType = GradientType.linear}) {
1377 | String flutterLinearResult = "LinearGradient
("
1378 | "
colors: ${gradientColors.map((e) => e.color).toList()},"
1379 | "
stops: ${gradientColors.map((e) => e.stop).toList()},"
1380 | "
begin: $begin,"
1381 | "
end: $end"
1382 | "
)
";
1383 | String flutterRadialResult = "RadialGradient
("
1384 | "
colors: ${gradientColors.map((e) => e.color).toList()},"
1385 | "
stops: ${gradientColors.map((e) => e.stop).toList()},"
1386 | "
)
";
1387 |
1388 | //CSS
1389 | var colorsString = "";
1390 | gradientColors.forEach((element) {
1391 | colorsString +=
1392 | "rgba(${element.color.red},${element.color.green},${element.color.blue},${element.color.opacity}) ${element.stop * 100}%, ";
1393 | });
1394 | String cssResultLinear =
1395 | "background: rgb(${gradientColors[0].color.red},${gradientColors[0].color.green},${gradientColors[0].color.blue});"
1396 | "background: linear-gradient
(${degreeValue}deg, "
1397 | "${colorsString});";
1398 | String cssResultRadial =
1399 | "background: rgb(${gradientColors[0].color.red},${gradientColors[0].color.green},${gradientColors[0].color.blue});"
1400 | "background:radial-gradient
(circle, "
1401 | "${colorsString});";
1402 | if (gradientType == GradientType.linear) {
1403 | if (codeType == CodeGenType.flutter) {
1404 | return flutterLinearResult;
1405 | }
1406 | if (codeType == CodeGenType.css) {
1407 | return cssResultLinear;
1408 | }
1409 | if (codeType == CodeGenType.android) {
1410 | return "(っ◔◡◔)っ ♥ Updating ♥";
1411 | }
1412 | if (codeType == CodeGenType.ios) {
1413 | return "(っ◔◡◔)っ ♥ Updating ♥";
1414 | }
1415 | if (codeType == CodeGenType.reactNative) {
1416 | return "(っ◔◡◔)っ ♥ Updating ♥";
1417 | }
1418 | } else {
1419 | if (codeType == CodeGenType.flutter) {
1420 | return flutterRadialResult;
1421 | }
1422 | if (codeType == CodeGenType.css) {
1423 | return cssResultRadial;
1424 | }
1425 | if (codeType == CodeGenType.android) {
1426 | return "(っ◔◡◔)っ ♥ Updating ♥";
1427 | }
1428 | if (codeType == CodeGenType.ios) {
1429 | return "(っ◔◡◔)っ ♥ Updating ♥";
1430 | }
1431 | if (codeType == CodeGenType.reactNative) {
1432 | return "(っ◔◡◔)っ ♥ Updating ♥";
1433 | }
1434 | }
1435 | return flutterLinearResult;
1436 | }
1437 | }
1438 |
1439 | enum CodeGenType {
1440 | flutter,
1441 | css,
1442 | android,
1443 | ios,
1444 | reactNative,
1445 | }
1446 | enum GradientType { linear, radial }
1447 |
1448 | class AnKiiGradientColor {
1449 | double stop;
1450 | Color color;
1451 |
1452 | AnKiiGradientColor({@required this.stop, @required this.color});
1453 | }
1454 |
--------------------------------------------------------------------------------
/ankii_flutter_gradient/lib/src/services/wallpaper_service.dart:
--------------------------------------------------------------------------------
1 | import 'dart:io';
2 | import 'dart:typed_data';
3 | import 'dart:ui' as ui;
4 | import 'package:flutter/cupertino.dart';
5 | import 'package:flutter/rendering.dart';
6 | import 'package:path_provider/path_provider.dart';
7 |
8 | //ANDROID ONLY
9 | const String wallpaperPath = "/GradientWallpapers";
10 |
11 | class WallpaperService {
12 | static Future createPng(GlobalKey globalKey) async {
13 | // RenderObject? boundary =
14 | // globalKey.currentContext?.findRenderObject();
15 | // ui.Image image = await ((RenderRepaintBoundary)boundary!).toImage();
16 | // ByteData byteData = await image.toByteData(format: ui.ImageByteFormat.png);
17 | // Uint8List pngBytes = byteData.buffer.asUint8List();
18 | // return pngBytes;
19 | return Uint8List(0);
20 | }
21 |
22 | static Future save(ByteData byteData,
23 | {String fileName = "ankiimation.png"}) async {
24 | // var rootPath = await getExternalStorageDirectory();
25 | // String fullPath = rootPath.path + wallpaperPath + "/" + fileName;
26 | // await Directory(rootPath.path + wallpaperPath).create();
27 | // File file = await File(fullPath).create();
28 | // await file.writeAsBytes(byteData.buffer.asUint8List());
29 | // return file.path;
30 | return '';
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/ankii_flutter_gradient/lib/src/widgets/circular_slider.dart:
--------------------------------------------------------------------------------
1 | import 'dart:math';
2 | import 'package:flutter/gestures.dart';
3 | import 'package:flutter/material.dart';
4 |
5 | //TODO: this widget copy and modifying from https://github.com/davidanaya/flutter-circular-slider
6 | //TODO: Thank you so much. Contact me if i'm wrong to do that: ankiimation@gmail.com ;)
7 | /// Returns a widget which displays a circle to be used as a slider.
8 | ///
9 | /// Required arguments are position and divisions to set the initial selection.
10 | /// onSelectionChange is a callback function which returns new values as the user
11 | /// changes the interval.
12 | /// The rest of the params are used to change the look and feel.
13 | ///
14 | /// SingleCircularSlider(5, 10, onSelectionChange: () => {});
15 | class SingleCircularSlider extends StatefulWidget {
16 | /// the selection will be values between 0..divisions; max value is 300
17 | final int divisions;
18 |
19 | /// the initial value in the selection
20 | final int position;
21 |
22 | /// the number of primary sectors to be painted
23 | /// will be painted using selectionColor
24 | final int primarySectors;
25 |
26 | /// the number of secondary sectors to be painted
27 | /// will be painted using baseColor
28 | final int secondarySectors;
29 |
30 | /// an optional widget that would be mounted inside the circle
31 | final Widget child;
32 |
33 | /// height of the canvas, default at 220
34 | final double height;
35 |
36 | /// width of the canvas, default at 220
37 | final double width;
38 |
39 | /// color of the base circle and sections
40 | final Color baseColor;
41 |
42 | /// color of the selection
43 | final Color selectionColor;
44 |
45 | /// color of the handlers
46 | final Color handlerColor;
47 |
48 | /// callback function when init and end change
49 | /// (int init, int end) => void
50 | final SelectionChanged onSelectionChange;
51 |
52 | /// callback function when init and end finish
53 | /// (int init, int end) => void
54 | final SelectionChanged onSelectionEnd;
55 |
56 | /// outter radius for the handlers
57 | final double handlerOutterRadius;
58 |
59 | /// if true will paint a rounded cap in the selection slider start
60 | final bool showRoundedCapInSelection;
61 |
62 | /// if true an extra handler ring will be displayed in the handler
63 | final bool showHandlerOutter;
64 |
65 | /// stroke width for the slider, defaults at 12.0
66 | final double sliderStrokeWidth;
67 |
68 | /// if true, the onSelectionChange will also return the number of laps in the slider
69 | /// otherwise, everytime the user completes a full lap, the selection restarts from 0
70 | final bool shouldCountLaps;
71 |
72 | SingleCircularSlider(
73 | this.divisions,
74 | this.position, {
75 | this.height,
76 | this.width,
77 | this.child,
78 | this.primarySectors,
79 | this.secondarySectors,
80 | this.baseColor,
81 | this.selectionColor,
82 | this.handlerColor,
83 | this.onSelectionChange,
84 | this.onSelectionEnd,
85 | this.handlerOutterRadius,
86 | this.showRoundedCapInSelection,
87 | this.showHandlerOutter,
88 | this.sliderStrokeWidth,
89 | this.shouldCountLaps,
90 | }) : assert(position >= 0 && position <= divisions,
91 | 'init has to be > 0 and < divisions value'),
92 | assert(divisions >= 0, 'divisions has to be > 0 and <= 300');
93 |
94 | @override
95 | _SingleCircularSliderState createState() => _SingleCircularSliderState();
96 | }
97 |
98 | class _SingleCircularSliderState extends State {
99 | int _end;
100 |
101 | @override
102 | void initState() {
103 | super.initState();
104 | _end = widget.position;
105 | }
106 |
107 | @override
108 | Widget build(BuildContext context) {
109 | return Container(
110 | height: widget.height ?? 220,
111 | width: widget.width ?? 220,
112 | child: CircularSliderPaint(
113 | mode: CircularSliderMode.singleHandler,
114 | init: 0,
115 | end: _end,
116 | divisions: widget.divisions,
117 | primarySectors: widget.primarySectors ?? 0,
118 | secondarySectors: widget.secondarySectors ?? 0,
119 | child: widget.child,
120 | onSelectionChange: (newInit, newEnd, laps) {
121 | if (widget.onSelectionChange != null) {
122 | widget.onSelectionChange(newInit, newEnd, laps);
123 | }
124 | setState(() {
125 | _end = newEnd;
126 | });
127 | },
128 | onSelectionEnd: (newInit, newEnd, laps) {
129 | if (widget.onSelectionEnd != null) {
130 | widget.onSelectionEnd(newInit, newEnd, laps);
131 | }
132 | },
133 | sliderStrokeWidth: widget.sliderStrokeWidth ?? 12.0,
134 | baseColor: widget.baseColor ?? Color.fromRGBO(255, 255, 255, 0.1),
135 | selectionColor:
136 | widget.selectionColor ?? Color.fromRGBO(255, 255, 255, 0.3),
137 | handlerColor: widget.handlerColor ?? Colors.white,
138 | handlerOutterRadius: widget.handlerOutterRadius ?? 12.0,
139 | showRoundedCapInSelection: widget.showRoundedCapInSelection ?? false,
140 | showHandlerOutter: widget.showHandlerOutter ?? true,
141 | shouldCountLaps: widget.shouldCountLaps ?? false,
142 | ));
143 | }
144 | }
145 |
146 | enum CircularSliderMode { singleHandler, doubleHandler }
147 |
148 | enum SlidingState { none, endIsBiggerThanStart, endIsSmallerThanStart }
149 |
150 | typedef SelectionChanged = void Function(T a, T b, T c);
151 |
152 | class CircularSliderPaint extends StatefulWidget {
153 | final CircularSliderMode mode;
154 | final int init;
155 | final int end;
156 | final int divisions;
157 | final int primarySectors;
158 | final int secondarySectors;
159 | final SelectionChanged onSelectionChange;
160 | final SelectionChanged onSelectionEnd;
161 | final Color baseColor;
162 | final Color selectionColor;
163 | final Color handlerColor;
164 | final double handlerOutterRadius;
165 | final Widget child;
166 | final bool showRoundedCapInSelection;
167 | final bool showHandlerOutter;
168 | final double sliderStrokeWidth;
169 | final bool shouldCountLaps;
170 |
171 | CircularSliderPaint({
172 | @required this.mode,
173 | @required this.divisions,
174 | @required this.init,
175 | @required this.end,
176 | this.child,
177 | @required this.primarySectors,
178 | @required this.secondarySectors,
179 | @required this.onSelectionChange,
180 | @required this.onSelectionEnd,
181 | @required this.baseColor,
182 | @required this.selectionColor,
183 | @required this.handlerColor,
184 | @required this.handlerOutterRadius,
185 | @required this.showRoundedCapInSelection,
186 | @required this.showHandlerOutter,
187 | @required this.sliderStrokeWidth,
188 | @required this.shouldCountLaps,
189 | });
190 |
191 | @override
192 | _CircularSliderState createState() => _CircularSliderState();
193 | }
194 |
195 | class _CircularSliderState extends State {
196 | bool _isInitHandlerSelected = false;
197 | bool _isEndHandlerSelected = false;
198 |
199 | SliderPainter _painter;
200 |
201 | /// start angle in radians where we need to locate the init handler
202 | double _startAngle;
203 |
204 | /// end angle in radians where we need to locate the end handler
205 | double _endAngle;
206 |
207 | /// the absolute angle in radians representing the selection
208 | double _sweepAngle;
209 |
210 | /// in case we have a double slider and we want to move the whole selection by clicking in the slider
211 | /// this will capture the position in the selection relative to the initial handler
212 | /// that way we will be able to keep the selection constant when moving
213 | int _differenceFromInitPoint;
214 |
215 | /// will store the number of full laps (2pi radians) as part of the selection
216 | int _laps = 0;
217 |
218 | /// will be used to calculate in the next movement if we need to increase or decrease _laps
219 | SlidingState _slidingState = SlidingState.none;
220 |
221 | bool get isDoubleHandler => widget.mode == CircularSliderMode.doubleHandler;
222 |
223 | bool get isSingleHandler => widget.mode == CircularSliderMode.singleHandler;
224 |
225 | bool get isBothHandlersSelected =>
226 | _isEndHandlerSelected && _isInitHandlerSelected;
227 |
228 | bool get isNoHandlersSelected =>
229 | !_isEndHandlerSelected && !_isInitHandlerSelected;
230 |
231 | @override
232 | void initState() {
233 | super.initState();
234 | _calculatePaintData();
235 | }
236 |
237 | // we need to update this widget both with gesture detector but
238 | // also when the parent widget rebuilds itself
239 | @override
240 | void didUpdateWidget(CircularSliderPaint oldWidget) {
241 | super.didUpdateWidget(oldWidget);
242 | if (oldWidget.init != widget.init || oldWidget.end != widget.end) {
243 | _calculatePaintData();
244 | }
245 | }
246 |
247 | @override
248 | Widget build(BuildContext context) {
249 | return RawGestureDetector(
250 | gestures: {
251 | CustomPanGestureRecognizer:
252 | GestureRecognizerFactoryWithHandlers(
253 | () => CustomPanGestureRecognizer(
254 | onPanDown: _onPanDown,
255 | onPanUpdate: _onPanUpdate,
256 | onPanEnd: _onPanEnd,
257 | ),
258 | (CustomPanGestureRecognizer instance) {},
259 | ),
260 | },
261 | child: CustomPaint(
262 | painter: BasePainter(
263 | baseColor: widget.baseColor,
264 | selectionColor: widget.selectionColor,
265 | primarySectors: widget.primarySectors,
266 | secondarySectors: widget.secondarySectors,
267 | sliderStrokeWidth: widget.sliderStrokeWidth,
268 | ),
269 | foregroundPainter: _painter,
270 | child: Padding(
271 | padding: const EdgeInsets.all(12.0),
272 | child: widget.child,
273 | ),
274 | ),
275 | );
276 | }
277 |
278 | void _calculatePaintData() {
279 | var initPercent = isDoubleHandler
280 | ? _valueToPercentage(widget.init, widget.divisions)
281 | : 0.0;
282 | var endPercent = _valueToPercentage(widget.end, widget.divisions);
283 | var sweep = _getSweepAngle(initPercent, endPercent);
284 |
285 | var previousStartAngle = _startAngle;
286 | var previousEndAngle = _endAngle;
287 |
288 | _startAngle = isDoubleHandler ? _percentageToRadians(initPercent) : 0.0;
289 | _endAngle = _percentageToRadians(endPercent);
290 | _sweepAngle = _percentageToRadians(sweep.abs());
291 |
292 | // update full laps if need be
293 | if (widget.shouldCountLaps) {
294 | var newSlidingState = _calculateSlidingState(_startAngle, _endAngle);
295 | if (isSingleHandler) {
296 | _laps = _calculateLapsForsSingleHandler(
297 | _endAngle, previousEndAngle, _slidingState, _laps);
298 | _slidingState = newSlidingState;
299 | } else {
300 | // is double handler
301 | if (newSlidingState != _slidingState) {
302 | _laps = _calculateLapsForDoubleHandler(
303 | _startAngle,
304 | _endAngle,
305 | previousStartAngle,
306 | previousEndAngle,
307 | _slidingState,
308 | newSlidingState,
309 | _laps);
310 | _slidingState = newSlidingState;
311 | }
312 | }
313 | }
314 |
315 | _painter = SliderPainter(
316 | mode: widget.mode,
317 | startAngle: _startAngle,
318 | endAngle: _endAngle,
319 | sweepAngle: _sweepAngle,
320 | selectionColor: widget.selectionColor,
321 | handlerColor: widget.handlerColor,
322 | handlerOutterRadius: widget.handlerOutterRadius,
323 | showRoundedCapInSelection: widget.showRoundedCapInSelection,
324 | showHandlerOutter: widget.showHandlerOutter,
325 | sliderStrokeWidth: widget.sliderStrokeWidth,
326 | );
327 | }
328 |
329 | int _calculateLapsForsSingleHandler(
330 | double end, double prevEnd, SlidingState slidingState, int laps) {
331 | if (slidingState != SlidingState.none) {
332 | if (_radiansWasModuloed(end, prevEnd)) {
333 | var lapIncrement = end < prevEnd ? 1 : -1;
334 | var newLaps = laps + lapIncrement;
335 | return newLaps < 0 ? 0 : newLaps;
336 | }
337 | }
338 | return laps;
339 | }
340 |
341 | int _calculateLapsForDoubleHandler(
342 | double start,
343 | double end,
344 | double prevStart,
345 | double prevEnd,
346 | SlidingState slidingState,
347 | SlidingState newSlidingState,
348 | int laps) {
349 | if (slidingState != SlidingState.none) {
350 | if (!_radiansWasModuloed(start, prevStart) &&
351 | !_radiansWasModuloed(end, prevEnd)) {
352 | var lapIncrement =
353 | newSlidingState == SlidingState.endIsBiggerThanStart ? 1 : -1;
354 | var newLaps = laps + lapIncrement;
355 | return newLaps < 0 ? 0 : newLaps;
356 | }
357 | }
358 | return laps;
359 | }
360 |
361 | SlidingState _calculateSlidingState(double start, double end) {
362 | return end > start
363 | ? SlidingState.endIsBiggerThanStart
364 | : SlidingState.endIsSmallerThanStart;
365 | }
366 |
367 | void _onPanUpdate(Offset details) {
368 | if (!_isInitHandlerSelected && !_isEndHandlerSelected) {
369 | return;
370 | }
371 | if (_painter.center == null) {
372 | return;
373 | }
374 | _handlePan(details, false);
375 | }
376 |
377 | void _onPanEnd(Offset details) {
378 | _handlePan(details, true);
379 |
380 | _isInitHandlerSelected = false;
381 | _isEndHandlerSelected = false;
382 | }
383 |
384 | void _handlePan(Offset details, bool isPanEnd) {
385 | RenderBox renderBox = context.findRenderObject();
386 | var position = renderBox.globalToLocal(details);
387 |
388 | var angle = _coordinatesToRadians(_painter.center, position);
389 | var percentage = _radiansToPercentage(angle);
390 | var newValue = _percentageToValue(percentage, widget.divisions);
391 |
392 | if (isBothHandlersSelected) {
393 | var newValueInit =
394 | (newValue - _differenceFromInitPoint) % widget.divisions;
395 | if (newValueInit != widget.init) {
396 | var newValueEnd =
397 | (widget.end + (newValueInit - widget.init)) % widget.divisions;
398 | widget.onSelectionChange(newValueInit, newValueEnd, _laps);
399 | if (isPanEnd) {
400 | widget.onSelectionEnd(newValueInit, newValueEnd, _laps);
401 | }
402 | }
403 | return;
404 | }
405 |
406 | // isDoubleHandler but one handler was selected
407 | if (_isInitHandlerSelected) {
408 | widget.onSelectionChange(newValue, widget.end, _laps);
409 | if (isPanEnd) {
410 | widget.onSelectionEnd(newValue, widget.end, _laps);
411 | }
412 | } else {
413 | widget.onSelectionChange(widget.init, newValue, _laps);
414 | if (isPanEnd) {
415 | widget.onSelectionEnd(widget.init, newValue, _laps);
416 | }
417 | }
418 | }
419 |
420 | bool _onPanDown(Offset details) {
421 | if (_painter == null) {
422 | return false;
423 | }
424 | RenderBox renderBox = context.findRenderObject();
425 | var position = renderBox.globalToLocal(details);
426 |
427 | if (position == null) {
428 | return false;
429 | }
430 |
431 | if (isSingleHandler) {
432 | if (_isPointAlongCircle(position, _painter.center, _painter.radius)) {
433 | _isEndHandlerSelected = true;
434 | _onPanUpdate(details);
435 | }
436 | } else {
437 | _isInitHandlerSelected = _isPointInsideCircle(
438 | position, _painter.initHandler, widget.handlerOutterRadius);
439 |
440 | if (!_isInitHandlerSelected) {
441 | _isEndHandlerSelected = _isPointInsideCircle(
442 | position, _painter.endHandler, widget.handlerOutterRadius);
443 | }
444 |
445 | if (isNoHandlersSelected) {
446 | // we check if the user pressed in the selection in a double handler slider
447 | // that means the user wants to move the selection as a whole
448 | if (_isPointAlongCircle(position, _painter.center, _painter.radius)) {
449 | var angle = _coordinatesToRadians(_painter.center, position);
450 | if (_isAngleInsideRadiansSelection(angle, _startAngle, _sweepAngle)) {
451 | _isEndHandlerSelected = true;
452 | _isInitHandlerSelected = true;
453 | var positionPercentage = _radiansToPercentage(angle);
454 |
455 | // no need to account for negative values, that will be sorted out in the onPanUpdate
456 | _differenceFromInitPoint =
457 | _percentageToValue(positionPercentage, widget.divisions) -
458 | widget.init;
459 | }
460 | }
461 | }
462 | }
463 | return _isInitHandlerSelected || _isEndHandlerSelected;
464 | }
465 | }
466 |
467 | class SliderPainter extends CustomPainter {
468 | CircularSliderMode mode;
469 | double startAngle;
470 | double endAngle;
471 | double sweepAngle;
472 | Color selectionColor;
473 | Color handlerColor;
474 | double handlerOutterRadius;
475 | bool showRoundedCapInSelection;
476 | bool showHandlerOutter;
477 | double sliderStrokeWidth;
478 |
479 | Offset initHandler;
480 | Offset endHandler;
481 | Offset center;
482 | double radius;
483 |
484 | SliderPainter({
485 | @required this.mode,
486 | @required this.startAngle,
487 | @required this.endAngle,
488 | @required this.sweepAngle,
489 | @required this.selectionColor,
490 | @required this.handlerColor,
491 | @required this.handlerOutterRadius,
492 | @required this.showRoundedCapInSelection,
493 | @required this.showHandlerOutter,
494 | @required this.sliderStrokeWidth,
495 | });
496 |
497 | @override
498 | void paint(Canvas canvas, Size size) {
499 | Paint progress = _getPaint(color: selectionColor);
500 |
501 | center = Offset(size.width / 2, size.height / 2);
502 | radius = min(size.width / 2, size.height / 2) - sliderStrokeWidth;
503 |
504 | canvas.drawArc(Rect.fromCircle(center: center, radius: radius),
505 | -pi / 2 + startAngle, sweepAngle, false, progress);
506 |
507 | Paint handler = _getPaint(color: handlerColor, style: PaintingStyle.fill);
508 | Paint handlerOutter = _getPaint(color: handlerColor, width: 2.0);
509 |
510 | // draw handlers
511 | if (mode == CircularSliderMode.doubleHandler) {
512 | initHandler = _radiansToCoordinates(center, -pi / 2 + startAngle, radius);
513 | canvas.drawCircle(initHandler, 8.0, handler);
514 | canvas.drawCircle(initHandler, handlerOutterRadius, handlerOutter);
515 | }
516 |
517 | endHandler = _radiansToCoordinates(center, -pi / 2 + endAngle, radius);
518 | canvas.drawCircle(endHandler, 8.0, handler);
519 | if (showHandlerOutter) {
520 | canvas.drawCircle(endHandler, handlerOutterRadius, handlerOutter);
521 | }
522 | }
523 |
524 | Paint _getPaint({@required Color color, double width, PaintingStyle style}) =>
525 | Paint()
526 | ..color = color
527 | ..strokeCap =
528 | showRoundedCapInSelection ? StrokeCap.round : StrokeCap.butt
529 | ..style = style ?? PaintingStyle.stroke
530 | ..strokeWidth = width ?? sliderStrokeWidth;
531 |
532 | @override
533 | bool shouldRepaint(CustomPainter oldDelegate) {
534 | return true;
535 | }
536 | }
537 |
538 | class CustomPanGestureRecognizer extends OneSequenceGestureRecognizer {
539 | final Function onPanDown;
540 | final Function onPanUpdate;
541 | final Function onPanEnd;
542 |
543 | CustomPanGestureRecognizer({
544 | @required this.onPanDown,
545 | @required this.onPanUpdate,
546 | @required this.onPanEnd,
547 | });
548 |
549 | @override
550 | void addPointer(PointerEvent event) {
551 | if (onPanDown(event.position)) {
552 | startTrackingPointer(event.pointer);
553 | resolve(GestureDisposition.accepted);
554 | } else {
555 | stopTrackingPointer(event.pointer);
556 | }
557 | }
558 |
559 | @override
560 | void handleEvent(PointerEvent event) {
561 | if (event is PointerMoveEvent) {
562 | onPanUpdate(event.position);
563 | }
564 | if (event is PointerUpEvent) {
565 | onPanEnd(event.position);
566 | stopTrackingPointer(event.pointer);
567 | }
568 | }
569 |
570 | @override
571 | String get debugDescription => 'customPan';
572 |
573 | @override
574 | void didStopTrackingLastPointer(int pointer) {}
575 | }
576 |
577 | class BasePainter extends CustomPainter {
578 | Color baseColor;
579 | Color selectionColor;
580 | int primarySectors;
581 | int secondarySectors;
582 | double sliderStrokeWidth;
583 |
584 | Offset center;
585 | double radius;
586 |
587 | BasePainter({
588 | @required this.baseColor,
589 | @required this.selectionColor,
590 | @required this.primarySectors,
591 | @required this.secondarySectors,
592 | @required this.sliderStrokeWidth,
593 | });
594 |
595 | @override
596 | void paint(Canvas canvas, Size size) {
597 | Paint base = _getPaint(color: baseColor);
598 |
599 | center = Offset(size.width / 2, size.height / 2);
600 | radius = min(size.width / 2, size.height / 2) - sliderStrokeWidth;
601 | // we need this in the parent to calculate if the user clicks on the circumference
602 |
603 | assert(radius > 0);
604 |
605 | canvas.drawCircle(center, radius, base);
606 |
607 | if (primarySectors > 0) {
608 | _paintSectors(primarySectors, 8.0, selectionColor, canvas);
609 | }
610 |
611 | if (secondarySectors > 0) {
612 | _paintSectors(secondarySectors, 6.0, baseColor, canvas);
613 | }
614 | }
615 |
616 | void _paintSectors(
617 | int sectors, double radiusPadding, Color color, Canvas canvas) {
618 | Paint section = _getPaint(color: color, width: 2.0);
619 |
620 | var endSectors = _getSectionsCoordinatesInCircle(
621 | center, radius + radiusPadding, sectors);
622 | var initSectors = _getSectionsCoordinatesInCircle(
623 | center, radius - radiusPadding, sectors);
624 | _paintLines(canvas, initSectors, endSectors, section);
625 | }
626 |
627 | void _paintLines(
628 | Canvas canvas, List inits, List ends, Paint section) {
629 | assert(inits.length == ends.length && inits.length > 0);
630 |
631 | for (var i = 0; i < inits.length; i++) {
632 | canvas.drawLine(inits[i], ends[i], section);
633 | }
634 | }
635 |
636 | Paint _getPaint({@required Color color, double width, PaintingStyle style}) =>
637 | Paint()
638 | ..color = color
639 | ..strokeCap = StrokeCap.round
640 | ..style = style ?? PaintingStyle.stroke
641 | ..strokeWidth = width ?? sliderStrokeWidth;
642 |
643 | @override
644 | bool shouldRepaint(CustomPainter oldDelegate) {
645 | return false;
646 | }
647 | }
648 |
649 | //UTILS
650 | double _percentageToRadians(double percentage) => ((2 * pi * percentage) / 100);
651 |
652 | double _radiansToPercentage(double radians) {
653 | var normalized = radians < 0 ? -radians : 2 * pi - radians;
654 | var percentage = ((100 * normalized) / (2 * pi));
655 | // TODO we have an inconsistency of pi/2 in terms of percentage and radians
656 | return (percentage + 25) % 100;
657 | }
658 |
659 | double _coordinatesToRadians(Offset center, Offset coords) {
660 | var a = coords.dx - center.dx;
661 | var b = center.dy - coords.dy;
662 | return atan2(b, a);
663 | }
664 |
665 | Offset _radiansToCoordinates(Offset center, double radians, double radius) {
666 | var dx = center.dx + radius * cos(radians);
667 | var dy = center.dy + radius * sin(radians);
668 | return Offset(dx, dy);
669 | }
670 |
671 | double _valueToPercentage(int time, int intervals) => (time / intervals) * 100;
672 |
673 | int _percentageToValue(double percentage, int intervals) =>
674 | ((percentage * intervals) / 100).round();
675 |
676 | bool _isPointInsideCircle(Offset point, Offset center, double rradius) {
677 | var radius = rradius * 1.2;
678 | return point.dx < (center.dx + radius) &&
679 | point.dx > (center.dx - radius) &&
680 | point.dy < (center.dy + radius) &&
681 | point.dy > (center.dy - radius);
682 | }
683 |
684 | bool _isPointAlongCircle(Offset point, Offset center, double radius) {
685 | // distance is root(sqr(x2 - x1) + sqr(y2 - y1))
686 | // i.e., (7,8) and (3,2) -> 7.21
687 | var d1 = pow(point.dx - center.dx, 2);
688 | var d2 = pow(point.dy - center.dy, 2);
689 | var distance = sqrt(d1 + d2);
690 | return (distance - radius).abs() < 10;
691 | }
692 |
693 | double _getSweepAngle(double init, double end) {
694 | if (end > init) {
695 | return end - init;
696 | }
697 | return (100 - init + end).abs();
698 | }
699 |
700 | List _getSectionsCoordinatesInCircle(
701 | Offset center, double radius, int sections) {
702 | var intervalAngle = (pi * 2) / sections;
703 | return List.generate(sections, (int index) => index).map((i) {
704 | var radians = (pi / 2) + (intervalAngle * i);
705 | return _radiansToCoordinates(center, radians, radius);
706 | }).toList();
707 | }
708 |
709 | bool _isAngleInsideRadiansSelection(double angle, double start, double sweep) {
710 | var normalized = angle > pi / 2 ? 5 * pi / 2 - angle : pi / 2 - angle;
711 | var end = (start + sweep) % (2 * pi);
712 | return end > start
713 | ? normalized > start && normalized < end
714 | : normalized > start || normalized < end;
715 | }
716 |
717 | // this is not 100% accurate but it works
718 | // we just want to see if a value changed drastically its value
719 | bool _radiansWasModuloed(double current, double previous) {
720 | return (previous - current).abs() > (3 * pi / 2);
721 | }
722 |
--------------------------------------------------------------------------------
/ankii_flutter_gradient/lib/src/widgets/increase_slider.dart:
--------------------------------------------------------------------------------
1 | import 'dart:async';
2 |
3 | import 'package:flutter/material.dart';
4 |
5 | class IncreaseSlider extends StatefulWidget {
6 | final double min;
7 | final double max;
8 | final double interval;
9 | final Function(double) onUpdate;
10 |
11 | IncreaseSlider(
12 | {this.min = 0, this.max = 100, this.interval = 1, this.onUpdate});
13 |
14 | @override
15 | _IncreaseSliderState createState() => _IncreaseSliderState();
16 | }
17 |
18 | class _IncreaseSliderState extends State {
19 | double currentValue = 0;
20 | double dx = 0;
21 | Timer timer;
22 |
23 | @override
24 | Widget build(BuildContext context) {
25 | double width = 300;
26 | double height = 50;
27 | double indicatorWidth = height;
28 |
29 | return Stack(
30 | children: [
31 | Container(
32 | height: height,
33 | width: width,
34 | padding: EdgeInsets.all(10),
35 | decoration: BoxDecoration(
36 | borderRadius: BorderRadius.circular(height),
37 | gradient: LinearGradient(colors: [Colors.red, Colors.blue])),
38 | child: Row(
39 | mainAxisAlignment: MainAxisAlignment.spaceBetween,
40 | children: [
41 | Icon(
42 | Icons.remove,
43 | color: Colors.white,
44 | ),
45 | Icon(
46 | Icons.add,
47 | color: Colors.white,
48 | )
49 | ],
50 | ),
51 | ),
52 | GestureDetector(
53 | onHorizontalDragUpdate: (DragUpdateDetails d) {
54 | // print(d.delta.dx);
55 | setState(() {
56 | dx += d.delta.dx;
57 | });
58 | timer?.cancel();
59 | // print(dx.floor());
60 | timer = Timer.periodic(
61 | Duration(
62 | milliseconds: (300 / 2 - (dx.floor()).abs() + 1).floor()),
63 | (timer) {
64 | setState(() {
65 | if (dx < 0 && currentValue > widget.min) {
66 | currentValue -= widget.interval;
67 | } else if (dx > 0 && currentValue < widget.max) {
68 | currentValue += widget.interval;
69 | }
70 | });
71 | if (widget.onUpdate != null) {
72 | widget.onUpdate(currentValue);
73 | }
74 | });
75 | },
76 | onHorizontalDragEnd: (DragEndDetails d) {
77 | setState(() {
78 | dx = 0;
79 | });
80 | timer?.cancel();
81 | },
82 | child: AnimatedContainer(
83 | duration: Duration(milliseconds: 100),
84 | margin: EdgeInsets.only(
85 | left: (width / 2 - indicatorWidth / 2 + dx) < 0
86 | ? 0
87 | : (width / 2 - indicatorWidth / 2 + dx) >
88 | width - indicatorWidth
89 | ? width - indicatorWidth
90 | : (width / 2 - indicatorWidth / 2 + dx)),
91 | width: indicatorWidth,
92 | height: height,
93 | decoration: BoxDecoration(
94 | borderRadius: BorderRadius.circular(height),
95 | border: Border.all(color: Colors.white, width: 3)),
96 | ),
97 | ),
98 | ],
99 | );
100 | }
101 | }
102 |
--------------------------------------------------------------------------------
/ankii_flutter_gradient/lib/src/widgets/no_glowable_scroll_view.dart:
--------------------------------------------------------------------------------
1 | import 'package:flutter/material.dart';
2 |
3 | class NoGrowScrollView extends StatelessWidget {
4 | final Widget child;
5 |
6 | NoGrowScrollView({@required this.child});
7 |
8 | @override
9 | Widget build(BuildContext context) {
10 | return Container(
11 | child: NotificationListener(
12 | onNotification: (OverscrollIndicatorNotification ovs) {
13 | ovs.disallowGlow();
14 | return true;
15 | },
16 | child: child),
17 | );
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/ankii_flutter_gradient/pubspec.lock:
--------------------------------------------------------------------------------
1 | # Generated by pub
2 | # See https://dart.dev/tools/pub/glossary#lockfile
3 | packages:
4 | async:
5 | dependency: transitive
6 | description:
7 | name: async
8 | url: "https://pub.dartlang.org"
9 | source: hosted
10 | version: "2.5.0"
11 | boolean_selector:
12 | dependency: transitive
13 | description:
14 | name: boolean_selector
15 | url: "https://pub.dartlang.org"
16 | source: hosted
17 | version: "2.1.0"
18 | characters:
19 | dependency: transitive
20 | description:
21 | name: characters
22 | url: "https://pub.dartlang.org"
23 | source: hosted
24 | version: "1.1.0"
25 | charcode:
26 | dependency: transitive
27 | description:
28 | name: charcode
29 | url: "https://pub.dartlang.org"
30 | source: hosted
31 | version: "1.2.0"
32 | chewie:
33 | dependency: transitive
34 | description:
35 | name: chewie
36 | url: "https://pub.dartlang.org"
37 | source: hosted
38 | version: "0.12.2"
39 | chewie_audio:
40 | dependency: transitive
41 | description:
42 | name: chewie_audio
43 | url: "https://pub.dartlang.org"
44 | source: hosted
45 | version: "1.1.2"
46 | clock:
47 | dependency: transitive
48 | description:
49 | name: clock
50 | url: "https://pub.dartlang.org"
51 | source: hosted
52 | version: "1.1.0"
53 | collection:
54 | dependency: transitive
55 | description:
56 | name: collection
57 | url: "https://pub.dartlang.org"
58 | source: hosted
59 | version: "1.15.0"
60 | css_colors:
61 | dependency: transitive
62 | description:
63 | name: css_colors
64 | url: "https://pub.dartlang.org"
65 | source: hosted
66 | version: "1.1.0"
67 | csslib:
68 | dependency: transitive
69 | description:
70 | name: csslib
71 | url: "https://pub.dartlang.org"
72 | source: hosted
73 | version: "0.16.2"
74 | cupertino_icons:
75 | dependency: "direct main"
76 | description:
77 | name: cupertino_icons
78 | url: "https://pub.dartlang.org"
79 | source: hosted
80 | version: "1.0.2"
81 | fake_async:
82 | dependency: transitive
83 | description:
84 | name: fake_async
85 | url: "https://pub.dartlang.org"
86 | source: hosted
87 | version: "1.2.0"
88 | ffi:
89 | dependency: transitive
90 | description:
91 | name: ffi
92 | url: "https://pub.dartlang.org"
93 | source: hosted
94 | version: "1.0.0"
95 | file:
96 | dependency: transitive
97 | description:
98 | name: file
99 | url: "https://pub.dartlang.org"
100 | source: hosted
101 | version: "6.1.0"
102 | flutter:
103 | dependency: "direct main"
104 | description: flutter
105 | source: sdk
106 | version: "0.0.0"
107 | flutter_colorpicker:
108 | dependency: "direct main"
109 | description:
110 | name: flutter_colorpicker
111 | url: "https://pub.dartlang.org"
112 | source: hosted
113 | version: "0.4.0"
114 | flutter_html:
115 | dependency: "direct main"
116 | description:
117 | name: flutter_html
118 | url: "https://pub.dartlang.org"
119 | source: hosted
120 | version: "1.3.0"
121 | flutter_layout_grid:
122 | dependency: transitive
123 | description:
124 | name: flutter_layout_grid
125 | url: "https://pub.dartlang.org"
126 | source: hosted
127 | version: "0.10.5"
128 | flutter_spinkit:
129 | dependency: "direct main"
130 | description:
131 | name: flutter_spinkit
132 | url: "https://pub.dartlang.org"
133 | source: hosted
134 | version: "5.0.0"
135 | flutter_svg:
136 | dependency: transitive
137 | description:
138 | name: flutter_svg
139 | url: "https://pub.dartlang.org"
140 | source: hosted
141 | version: "0.20.0-nullsafety.3"
142 | flutter_test:
143 | dependency: "direct dev"
144 | description: flutter
145 | source: sdk
146 | version: "0.0.0"
147 | flutter_web_plugins:
148 | dependency: transitive
149 | description: flutter
150 | source: sdk
151 | version: "0.0.0"
152 | font_awesome_flutter:
153 | dependency: "direct main"
154 | description:
155 | name: font_awesome_flutter
156 | url: "https://pub.dartlang.org"
157 | source: hosted
158 | version: "9.0.0"
159 | html:
160 | dependency: transitive
161 | description:
162 | name: html
163 | url: "https://pub.dartlang.org"
164 | source: hosted
165 | version: "0.14.0+4"
166 | import_js_library:
167 | dependency: transitive
168 | description:
169 | name: import_js_library
170 | url: "https://pub.dartlang.org"
171 | source: hosted
172 | version: "1.0.2"
173 | js:
174 | dependency: transitive
175 | description:
176 | name: js
177 | url: "https://pub.dartlang.org"
178 | source: hosted
179 | version: "0.6.3"
180 | matcher:
181 | dependency: transitive
182 | description:
183 | name: matcher
184 | url: "https://pub.dartlang.org"
185 | source: hosted
186 | version: "0.12.10"
187 | meta:
188 | dependency: transitive
189 | description:
190 | name: meta
191 | url: "https://pub.dartlang.org"
192 | source: hosted
193 | version: "1.3.0"
194 | mime:
195 | dependency: transitive
196 | description:
197 | name: mime
198 | url: "https://pub.dartlang.org"
199 | source: hosted
200 | version: "1.0.0"
201 | path:
202 | dependency: transitive
203 | description:
204 | name: path
205 | url: "https://pub.dartlang.org"
206 | source: hosted
207 | version: "1.8.0"
208 | path_drawing:
209 | dependency: transitive
210 | description:
211 | name: path_drawing
212 | url: "https://pub.dartlang.org"
213 | source: hosted
214 | version: "0.5.0-nullsafety.0"
215 | path_parsing:
216 | dependency: transitive
217 | description:
218 | name: path_parsing
219 | url: "https://pub.dartlang.org"
220 | source: hosted
221 | version: "0.2.0-nullsafety.0"
222 | path_provider:
223 | dependency: "direct main"
224 | description:
225 | name: path_provider
226 | url: "https://pub.dartlang.org"
227 | source: hosted
228 | version: "2.0.1"
229 | path_provider_linux:
230 | dependency: transitive
231 | description:
232 | name: path_provider_linux
233 | url: "https://pub.dartlang.org"
234 | source: hosted
235 | version: "2.0.0"
236 | path_provider_macos:
237 | dependency: transitive
238 | description:
239 | name: path_provider_macos
240 | url: "https://pub.dartlang.org"
241 | source: hosted
242 | version: "2.0.0"
243 | path_provider_platform_interface:
244 | dependency: transitive
245 | description:
246 | name: path_provider_platform_interface
247 | url: "https://pub.dartlang.org"
248 | source: hosted
249 | version: "2.0.1"
250 | path_provider_windows:
251 | dependency: transitive
252 | description:
253 | name: path_provider_windows
254 | url: "https://pub.dartlang.org"
255 | source: hosted
256 | version: "2.0.0"
257 | permission_handler:
258 | dependency: "direct main"
259 | description:
260 | name: permission_handler
261 | url: "https://pub.dartlang.org"
262 | source: hosted
263 | version: "6.1.1"
264 | permission_handler_platform_interface:
265 | dependency: transitive
266 | description:
267 | name: permission_handler_platform_interface
268 | url: "https://pub.dartlang.org"
269 | source: hosted
270 | version: "3.1.1"
271 | petitparser:
272 | dependency: transitive
273 | description:
274 | name: petitparser
275 | url: "https://pub.dartlang.org"
276 | source: hosted
277 | version: "4.0.2"
278 | platform:
279 | dependency: transitive
280 | description:
281 | name: platform
282 | url: "https://pub.dartlang.org"
283 | source: hosted
284 | version: "3.0.0"
285 | plugin_platform_interface:
286 | dependency: transitive
287 | description:
288 | name: plugin_platform_interface
289 | url: "https://pub.dartlang.org"
290 | source: hosted
291 | version: "2.0.0"
292 | process:
293 | dependency: transitive
294 | description:
295 | name: process
296 | url: "https://pub.dartlang.org"
297 | source: hosted
298 | version: "4.2.1"
299 | quiver:
300 | dependency: transitive
301 | description:
302 | name: quiver
303 | url: "https://pub.dartlang.org"
304 | source: hosted
305 | version: "2.1.5"
306 | reorderables:
307 | dependency: "direct main"
308 | description:
309 | name: reorderables
310 | url: "https://pub.dartlang.org"
311 | source: hosted
312 | version: "0.4.0"
313 | rxdart:
314 | dependency: "direct main"
315 | description:
316 | name: rxdart
317 | url: "https://pub.dartlang.org"
318 | source: hosted
319 | version: "0.26.0"
320 | share:
321 | dependency: "direct main"
322 | description:
323 | name: share
324 | url: "https://pub.dartlang.org"
325 | source: hosted
326 | version: "2.0.1"
327 | sky_engine:
328 | dependency: transitive
329 | description: flutter
330 | source: sdk
331 | version: "0.0.99"
332 | source_span:
333 | dependency: transitive
334 | description:
335 | name: source_span
336 | url: "https://pub.dartlang.org"
337 | source: hosted
338 | version: "1.8.0"
339 | stack_trace:
340 | dependency: transitive
341 | description:
342 | name: stack_trace
343 | url: "https://pub.dartlang.org"
344 | source: hosted
345 | version: "1.10.0"
346 | stream_channel:
347 | dependency: transitive
348 | description:
349 | name: stream_channel
350 | url: "https://pub.dartlang.org"
351 | source: hosted
352 | version: "2.1.0"
353 | string_scanner:
354 | dependency: transitive
355 | description:
356 | name: string_scanner
357 | url: "https://pub.dartlang.org"
358 | source: hosted
359 | version: "1.1.0"
360 | term_glyph:
361 | dependency: transitive
362 | description:
363 | name: term_glyph
364 | url: "https://pub.dartlang.org"
365 | source: hosted
366 | version: "1.2.0"
367 | test_api:
368 | dependency: transitive
369 | description:
370 | name: test_api
371 | url: "https://pub.dartlang.org"
372 | source: hosted
373 | version: "0.2.19"
374 | typed_data:
375 | dependency: transitive
376 | description:
377 | name: typed_data
378 | url: "https://pub.dartlang.org"
379 | source: hosted
380 | version: "1.3.0"
381 | vector_math:
382 | dependency: transitive
383 | description:
384 | name: vector_math
385 | url: "https://pub.dartlang.org"
386 | source: hosted
387 | version: "2.1.0"
388 | video_player:
389 | dependency: transitive
390 | description:
391 | name: video_player
392 | url: "https://pub.dartlang.org"
393 | source: hosted
394 | version: "1.0.1"
395 | video_player_platform_interface:
396 | dependency: transitive
397 | description:
398 | name: video_player_platform_interface
399 | url: "https://pub.dartlang.org"
400 | source: hosted
401 | version: "2.2.0"
402 | video_player_web:
403 | dependency: transitive
404 | description:
405 | name: video_player_web
406 | url: "https://pub.dartlang.org"
407 | source: hosted
408 | version: "0.1.4+1"
409 | wakelock:
410 | dependency: transitive
411 | description:
412 | name: wakelock
413 | url: "https://pub.dartlang.org"
414 | source: hosted
415 | version: "0.2.1+1"
416 | wakelock_platform_interface:
417 | dependency: transitive
418 | description:
419 | name: wakelock_platform_interface
420 | url: "https://pub.dartlang.org"
421 | source: hosted
422 | version: "0.1.0+1"
423 | wakelock_web:
424 | dependency: transitive
425 | description:
426 | name: wakelock_web
427 | url: "https://pub.dartlang.org"
428 | source: hosted
429 | version: "0.1.0+3"
430 | wallpaper_manager:
431 | dependency: "direct main"
432 | description:
433 | name: wallpaper_manager
434 | url: "https://pub.dartlang.org"
435 | source: hosted
436 | version: "1.0.10"
437 | webview_flutter:
438 | dependency: transitive
439 | description:
440 | name: webview_flutter
441 | url: "https://pub.dartlang.org"
442 | source: hosted
443 | version: "1.0.7"
444 | win32:
445 | dependency: transitive
446 | description:
447 | name: win32
448 | url: "https://pub.dartlang.org"
449 | source: hosted
450 | version: "2.0.5"
451 | xdg_directories:
452 | dependency: transitive
453 | description:
454 | name: xdg_directories
455 | url: "https://pub.dartlang.org"
456 | source: hosted
457 | version: "0.2.0"
458 | xml:
459 | dependency: transitive
460 | description:
461 | name: xml
462 | url: "https://pub.dartlang.org"
463 | source: hosted
464 | version: "5.0.2"
465 | sdks:
466 | dart: ">=2.12.0 <3.0.0"
467 | flutter: ">=2.0.0"
468 |
--------------------------------------------------------------------------------
/ankii_flutter_gradient/pubspec.yaml:
--------------------------------------------------------------------------------
1 | name: ankii_flutter_gradient
2 | description: A new Flutter application.
3 |
4 | # The following line prevents the package from being accidentally published to
5 | # pub.dev using `pub publish`. This is preferred for private packages.
6 | publish_to: 'none' # Remove this line if you wish to publish to pub.dev
7 |
8 | # The following defines the version and build number for your application.
9 | # A version number is three numbers separated by dots, like 1.2.43
10 | # followed by an optional build number separated by a +.
11 | # Both the version and the builder number may be overridden in flutter
12 | # build by specifying --build-name and --build-number, respectively.
13 | # In Android, build-name is used as versionName while build-number used as versionCode.
14 | # Read more about Android versioning at https://developer.android.com/studio/publish/versioning
15 | # In iOS, build-name is used as CFBundleShortVersionString while build-number used as CFBundleVersion.
16 | # Read more about iOS versioning at
17 | # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
18 | version: 1.0.0+1
19 |
20 | environment:
21 | sdk: ">=2.10.0 <3.0.0"
22 |
23 | dependencies:
24 | flutter:
25 | sdk: flutter
26 |
27 |
28 | # The following adds the Cupertino Icons font to your application.
29 | # Use with the CupertinoIcons class for iOS style icons.
30 | cupertino_icons: ^1.0.2
31 | flutter_colorpicker: ^0.4.0
32 | rxdart: ^0.26.0
33 | font_awesome_flutter: ^9.0.0
34 | flutter_spinkit: ^5.0.0
35 | reorderables: ^0.4.0
36 | flutter_html: ^1.0.2
37 | share: ^2.0.1
38 | path_provider: ^2.0.1
39 | wallpaper_manager: ^1.0.10
40 | permission_handler: ^6.1.1
41 |
42 | dev_dependencies:
43 | flutter_test:
44 | sdk: flutter
45 |
46 | # For information on the generic Dart part of this file, see the
47 | # following page: https://dart.dev/tools/pub/pubspec
48 |
49 | # The following section is specific to Flutter.
50 | flutter:
51 |
52 | # The following line ensures that the Material Icons font is
53 | # included with your application, so that you can use the icons in
54 | # the material Icons class.
55 | uses-material-design: true
56 | assets:
57 | - assets/transparent.jpg
58 |
59 | # To add assets to your application, add an assets section, like this:
60 | # assets:
61 | # - images/a_dot_burr.jpeg
62 | # - images/a_dot_ham.jpeg
63 |
64 | # An image asset can refer to one or more resolution-specific "variants", see
65 | # https://flutter.dev/assets-and-images/#resolution-aware.
66 |
67 | # For details regarding adding assets from package dependencies, see
68 | # https://flutter.dev/assets-and-images/#from-packages
69 |
70 | # To add custom fonts to your application, add a fonts section here,
71 | # in this "flutter" section. Each entry in this list should have a
72 | # "family" key with the font family name, and a "fonts" key with a
73 | # list giving the asset and other descriptors for the font. For
74 | # example:
75 | # fonts:
76 | # - family: Schyler
77 | # fonts:
78 | # - asset: fonts/Schyler-Regular.ttf
79 | # - asset: fonts/Schyler-Italic.ttf
80 | # style: italic
81 | # - family: Trajan Pro
82 | # fonts:
83 | # - asset: fonts/TrajanPro.ttf
84 | # - asset: fonts/TrajanPro_Bold.ttf
85 | # weight: 700
86 | #
87 | # For details regarding fonts from package dependencies,
88 | # see https://flutter.dev/custom-fonts/#from-packages
89 |
--------------------------------------------------------------------------------
/ankii_flutter_gradient/test/widget_test.dart:
--------------------------------------------------------------------------------
1 | // This is a basic Flutter widget test.
2 | //
3 | // To perform an interaction with a widget in your test, use the WidgetTester
4 | // utility that Flutter provides. For example, you can send tap and scroll
5 | // gestures. You can also use WidgetTester to find child widgets in the widget
6 | // tree, read text, and verify that the values of widget properties are correct.
7 |
8 | import 'package:flutter/material.dart';
9 | import 'package:flutter_test/flutter_test.dart';
10 |
11 | import 'package:ankii_flutter_gradient/main.dart';
12 |
13 | void main() {
14 | testWidgets('Counter increments smoke test', (WidgetTester tester) async {
15 | // Build our app and trigger a frame.
16 | await tester.pumpWidget(MyApp());
17 |
18 | // Verify that our counter starts at 0.
19 | expect(find.text('0'), findsOneWidget);
20 | expect(find.text('1'), findsNothing);
21 |
22 | // Tap the '+' icon and trigger a frame.
23 | await tester.tap(find.byIcon(Icons.add));
24 | await tester.pump();
25 |
26 | // Verify that our counter has incremented.
27 | expect(find.text('0'), findsNothing);
28 | expect(find.text('1'), findsOneWidget);
29 | });
30 | }
31 |
--------------------------------------------------------------------------------
/ankii_flutter_gradient/web/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ankiimation/ankii_flutter_gradient/d6d3e913bdb236b3c8718cc2f69810630e003a19/ankii_flutter_gradient/web/favicon.png
--------------------------------------------------------------------------------
/ankii_flutter_gradient/web/icons/Icon-192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ankiimation/ankii_flutter_gradient/d6d3e913bdb236b3c8718cc2f69810630e003a19/ankii_flutter_gradient/web/icons/Icon-192.png
--------------------------------------------------------------------------------
/ankii_flutter_gradient/web/icons/Icon-512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ankiimation/ankii_flutter_gradient/d6d3e913bdb236b3c8718cc2f69810630e003a19/ankii_flutter_gradient/web/icons/Icon-512.png
--------------------------------------------------------------------------------
/ankii_flutter_gradient/web/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 | ankii_flutter_gradient
30 |
31 |
32 |
33 |
36 |
43 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/ankii_flutter_gradient/web/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "ankii_flutter_gradient",
3 | "short_name": "ankii_flutter_gradient",
4 | "start_url": ".",
5 | "display": "standalone",
6 | "background_color": "#0175C2",
7 | "theme_color": "#0175C2",
8 | "description": "A new Flutter project.",
9 | "orientation": "portrait-primary",
10 | "prefer_related_applications": false,
11 | "icons": [
12 | {
13 | "src": "icons/Icon-192.png",
14 | "sizes": "192x192",
15 | "type": "image/png"
16 | },
17 | {
18 | "src": "icons/Icon-512.png",
19 | "sizes": "512x512",
20 | "type": "image/png"
21 | }
22 | ]
23 | }
24 |
--------------------------------------------------------------------------------
/app_icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ankiimation/ankii_flutter_gradient/d6d3e913bdb236b3c8718cc2f69810630e003a19/app_icon.png
--------------------------------------------------------------------------------
/app_icon.psd:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ankiimation/ankii_flutter_gradient/d6d3e913bdb236b3c8718cc2f69810630e003a19/app_icon.psd
--------------------------------------------------------------------------------
/web/.last_build_id:
--------------------------------------------------------------------------------
1 | 1ad7a5191f8f764b52b077d2d6177fa2
--------------------------------------------------------------------------------
/web/assets/AssetManifest.json:
--------------------------------------------------------------------------------
1 | {"assets/transparent.jpg":["assets/transparent.jpg"],"packages/cupertino_icons/assets/CupertinoIcons.ttf":["packages/cupertino_icons/assets/CupertinoIcons.ttf"],"packages/font_awesome_flutter/lib/fonts/fa-brands-400.ttf":["packages/font_awesome_flutter/lib/fonts/fa-brands-400.ttf"],"packages/font_awesome_flutter/lib/fonts/fa-regular-400.ttf":["packages/font_awesome_flutter/lib/fonts/fa-regular-400.ttf"],"packages/font_awesome_flutter/lib/fonts/fa-solid-900.ttf":["packages/font_awesome_flutter/lib/fonts/fa-solid-900.ttf"],"packages/wakelock_web/assets/no_sleep.js":["packages/wakelock_web/assets/no_sleep.js"]}
--------------------------------------------------------------------------------
/web/assets/FontManifest.json:
--------------------------------------------------------------------------------
1 | [{"family":"MaterialIcons","fonts":[{"asset":"fonts/MaterialIcons-Regular.otf"}]},{"family":"packages/cupertino_icons/CupertinoIcons","fonts":[{"asset":"packages/cupertino_icons/assets/CupertinoIcons.ttf"}]},{"family":"packages/font_awesome_flutter/FontAwesomeBrands","fonts":[{"weight":400,"asset":"packages/font_awesome_flutter/lib/fonts/fa-brands-400.ttf"}]},{"family":"packages/font_awesome_flutter/FontAwesomeRegular","fonts":[{"weight":400,"asset":"packages/font_awesome_flutter/lib/fonts/fa-regular-400.ttf"}]},{"family":"packages/font_awesome_flutter/FontAwesomeSolid","fonts":[{"weight":900,"asset":"packages/font_awesome_flutter/lib/fonts/fa-solid-900.ttf"}]}]
--------------------------------------------------------------------------------
/web/assets/assets/transparent.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ankiimation/ankii_flutter_gradient/d6d3e913bdb236b3c8718cc2f69810630e003a19/web/assets/assets/transparent.jpg
--------------------------------------------------------------------------------
/web/assets/fonts/MaterialIcons-Regular.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ankiimation/ankii_flutter_gradient/d6d3e913bdb236b3c8718cc2f69810630e003a19/web/assets/fonts/MaterialIcons-Regular.otf
--------------------------------------------------------------------------------
/web/assets/packages/cupertino_icons/assets/CupertinoIcons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ankiimation/ankii_flutter_gradient/d6d3e913bdb236b3c8718cc2f69810630e003a19/web/assets/packages/cupertino_icons/assets/CupertinoIcons.ttf
--------------------------------------------------------------------------------
/web/assets/packages/font_awesome_flutter/lib/fonts/fa-brands-400.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ankiimation/ankii_flutter_gradient/d6d3e913bdb236b3c8718cc2f69810630e003a19/web/assets/packages/font_awesome_flutter/lib/fonts/fa-brands-400.ttf
--------------------------------------------------------------------------------
/web/assets/packages/font_awesome_flutter/lib/fonts/fa-regular-400.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ankiimation/ankii_flutter_gradient/d6d3e913bdb236b3c8718cc2f69810630e003a19/web/assets/packages/font_awesome_flutter/lib/fonts/fa-regular-400.ttf
--------------------------------------------------------------------------------
/web/assets/packages/font_awesome_flutter/lib/fonts/fa-solid-900.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ankiimation/ankii_flutter_gradient/d6d3e913bdb236b3c8718cc2f69810630e003a19/web/assets/packages/font_awesome_flutter/lib/fonts/fa-solid-900.ttf
--------------------------------------------------------------------------------
/web/assets/packages/wakelock_web/assets/no_sleep.js:
--------------------------------------------------------------------------------
1 | var webm =
2 | 'data:video/webm;base64,GkXfo0AgQoaBAUL3gQFC8oEEQvOBCEKCQAR3ZWJtQoeBAkKFgQIYU4BnQI0VSalmQCgq17FAAw9CQE2AQAZ3aGFtbXlXQUAGd2hhbW15RIlACECPQAAAAAAAFlSua0AxrkAu14EBY8WBAZyBACK1nEADdW5khkAFVl9WUDglhohAA1ZQOIOBAeBABrCBCLqBCB9DtnVAIueBAKNAHIEAAIAwAQCdASoIAAgAAUAmJaQAA3AA/vz0AAA='
3 | var mp4 =
4 | 'data:video/mp4;base64,AAAAIGZ0eXBtcDQyAAACAGlzb21pc28yYXZjMW1wNDEAAAAIZnJlZQAACKBtZGF0AAAC8wYF///v3EXpvebZSLeWLNgg2SPu73gyNjQgLSBjb3JlIDE0MiByMjQ3OSBkZDc5YTYxIC0gSC4yNjQvTVBFRy00IEFWQyBjb2RlYyAtIENvcHlsZWZ0IDIwMDMtMjAxNCAtIGh0dHA6Ly93d3cudmlkZW9sYW4ub3JnL3gyNjQuaHRtbCAtIG9wdGlvbnM6IGNhYmFjPTEgcmVmPTEgZGVibG9jaz0xOjA6MCBhbmFseXNlPTB4MToweDExMSBtZT1oZXggc3VibWU9MiBwc3k9MSBwc3lfcmQ9MS4wMDowLjAwIG1peGVkX3JlZj0wIG1lX3JhbmdlPTE2IGNocm9tYV9tZT0xIHRyZWxsaXM9MCA4eDhkY3Q9MCBjcW09MCBkZWFkem9uZT0yMSwxMSBmYXN0X3Bza2lwPTEgY2hyb21hX3FwX29mZnNldD0wIHRocmVhZHM9NiBsb29rYWhlYWRfdGhyZWFkcz0xIHNsaWNlZF90aHJlYWRzPTAgbnI9MCBkZWNpbWF0ZT0xIGludGVybGFjZWQ9MCBibHVyYXlfY29tcGF0PTAgY29uc3RyYWluZWRfaW50cmE9MCBiZnJhbWVzPTMgYl9weXJhbWlkPTIgYl9hZGFwdD0xIGJfYmlhcz0wIGRpcmVjdD0xIHdlaWdodGI9MSBvcGVuX2dvcD0wIHdlaWdodHA9MSBrZXlpbnQ9MzAwIGtleWludF9taW49MzAgc2NlbmVjdXQ9NDAgaW50cmFfcmVmcmVzaD0wIHJjX2xvb2thaGVhZD0xMCByYz1jcmYgbWJ0cmVlPTEgY3JmPTIwLjAgcWNvbXA9MC42MCBxcG1pbj0wIHFwbWF4PTY5IHFwc3RlcD00IHZidl9tYXhyYXRlPTIwMDAwIHZidl9idWZzaXplPTI1MDAwIGNyZl9tYXg9MC4wIG5hbF9ocmQ9bm9uZSBmaWxsZXI9MCBpcF9yYXRpbz0xLjQwIGFxPTE6MS4wMACAAAAAOWWIhAA3//p+C7v8tDDSTjf97w55i3SbRPO4ZY+hkjD5hbkAkL3zpJ6h/LR1CAABzgB1kqqzUorlhQAAAAxBmiQYhn/+qZYADLgAAAAJQZ5CQhX/AAj5IQAD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'
5 |
6 | var _createClass = (function () {
7 | function defineProperties(target, props) {
8 | for (var i = 0; i < props.length; i++) {
9 | var descriptor = props[i]
10 | descriptor.enumerable = descriptor.enumerable || false
11 | descriptor.configurable = true
12 | if ('value' in descriptor) descriptor.writable = true
13 | Object.defineProperty(target, descriptor.key, descriptor)
14 | }
15 | }
16 | return function (Constructor, protoProps, staticProps) {
17 | if (protoProps) defineProperties(Constructor.prototype, protoProps)
18 | if (staticProps) defineProperties(Constructor, staticProps)
19 | return Constructor
20 | }
21 | })()
22 |
23 | function _classCallCheck(instance, Constructor) {
24 | if (!(instance instanceof Constructor)) {
25 | throw new TypeError('Cannot call a class as a function')
26 | }
27 | }
28 |
29 | // Detect iOS browsers < version 10
30 | var oldIOS =
31 | typeof navigator !== 'undefined' &&
32 | parseFloat(
33 | (
34 | '' +
35 | (/CPU.*OS ([0-9_]{3,4})[0-9_]{0,1}|(CPU like).*AppleWebKit.*Mobile/i.exec(
36 | navigator.userAgent
37 | ) || [0, ''])[1]
38 | )
39 | .replace('undefined', '3_2')
40 | .replace('_', '.')
41 | .replace('_', '')
42 | ) < 10 &&
43 | !window.MSStream
44 |
45 | // Detect native Wake Lock API support
46 | var nativeWakeLock = 'wakeLock' in navigator
47 |
48 | var NoSleep = (function () {
49 | var _releasedNative = true
50 | var _nativeRequestInProgress = false
51 |
52 | function NoSleep() {
53 | var _this = this
54 |
55 | _classCallCheck(this, NoSleep)
56 |
57 | if (nativeWakeLock) {
58 | this._wakeLock = null
59 | var handleVisibilityChange = function handleVisibilityChange() {
60 | if (
61 | _this._wakeLock !== null &&
62 | document.visibilityState === 'visible'
63 | ) {
64 | _this.enable()
65 | }
66 | }
67 | document.addEventListener('visibilitychange', handleVisibilityChange)
68 | document.addEventListener('fullscreenchange', handleVisibilityChange)
69 | } else if (oldIOS) {
70 | this.noSleepTimer = null
71 | } else {
72 | // Set up no sleep video element
73 | this.noSleepVideo = document.createElement('video')
74 |
75 | this.noSleepVideo.setAttribute('title', 'No Sleep')
76 | this.noSleepVideo.setAttribute('playsinline', '')
77 |
78 | this._addSourceToVideo(this.noSleepVideo, 'webm', webm)
79 | this._addSourceToVideo(this.noSleepVideo, 'mp4', mp4)
80 |
81 | this.noSleepVideo.addEventListener('loadedmetadata', function () {
82 | if (_this.noSleepVideo.duration <= 1) {
83 | // webm source
84 | _this.noSleepVideo.setAttribute('loop', '')
85 | } else {
86 | // mp4 source
87 | _this.noSleepVideo.addEventListener('timeupdate', function () {
88 | if (_this.noSleepVideo.currentTime > 0.5) {
89 | _this.noSleepVideo.currentTime = Math.random()
90 | }
91 | })
92 | }
93 | })
94 | }
95 | }
96 |
97 | _createClass(NoSleep, [
98 | {
99 | key: '_addSourceToVideo',
100 | value: function _addSourceToVideo(element, type, dataURI) {
101 | var source = document.createElement('source')
102 | source.src = dataURI
103 | source.type = 'video/' + type
104 | element.appendChild(source)
105 | },
106 | },
107 | {
108 | key: 'enable',
109 | value: function enable() {
110 | var _this2 = this
111 |
112 | if (nativeWakeLock) {
113 | _nativeRequestInProgress = true
114 | navigator.wakeLock
115 | .request('screen')
116 | .then(function (wakeLock) {
117 | _releasedNative = false
118 | _nativeRequestInProgress = false
119 |
120 | _this2._wakeLock = wakeLock
121 | _this2._wakeLock.addEventListener('release', function () {
122 | _releasedNative = true
123 | _this2._wakeLock = null
124 | })
125 | })
126 | .catch(function (err) {
127 | _nativeRequestInProgress = false
128 | console.error(err.name + ', ' + err.message)
129 | })
130 | } else if (oldIOS) {
131 | this.disable()
132 | console.warn(
133 | '\n NoSleep enabled for older iOS devices. This can interrupt\n active or long-running network requests from completing successfully.\n See https://github.com/richtr/NoSleep.js/issues/15 for more details.\n '
134 | )
135 | this.noSleepTimer = window.setInterval(function () {
136 | if (!document.hidden) {
137 | window.location.href = window.location.href.split('#')[0]
138 | window.setTimeout(window.stop, 0)
139 | }
140 | }, 15000)
141 | } else {
142 | this.noSleepVideo.play()
143 | }
144 | },
145 | },
146 | {
147 | key: 'disable',
148 | value: function disable() {
149 | if (nativeWakeLock) {
150 | if (this._wakeLock != null) {
151 | _releasedNative = true
152 | this._wakeLock.release()
153 | }
154 |
155 | this._wakeLock = null
156 | } else if (oldIOS) {
157 | if (this.noSleepTimer) {
158 | console.warn(
159 | '\n NoSleep now disabled for older iOS devices.\n '
160 | )
161 | window.clearInterval(this.noSleepTimer)
162 | this.noSleepTimer = null
163 | }
164 | } else {
165 | this.noSleepVideo.pause()
166 | }
167 | },
168 | },
169 | {
170 | key: 'enabled',
171 | value: async function enabled() {
172 | if (nativeWakeLock) {
173 | if (_nativeRequestInProgress == true) {
174 | // Wait until the request is done.
175 | while (true) {
176 | // Wait for 42 milliseconds.
177 | await new Promise((resolve, reject) => setTimeout(resolve, 42))
178 | if (_nativeRequestInProgress == false) {
179 | break
180 | }
181 | }
182 | }
183 |
184 | // todo: use WakeLockSentinel.released when that is available (https://developer.mozilla.org/en-US/docs/Web/API/WakeLockSentinel/released)
185 | if (_releasedNative != false) {
186 | return false
187 | }
188 |
189 | return true
190 | } else if (oldIOS) {
191 | return this.noSleepTimer != null
192 | } else {
193 | if (this.noSleepVideo == undefined) {
194 | return false
195 | }
196 |
197 | return !this.noSleepVideo.paused
198 | }
199 | },
200 | },
201 | ])
202 |
203 | return NoSleep
204 | })()
205 |
206 | var noSleep = new NoSleep()
207 |
208 | var Wakelock = {
209 | enabled: async function () {
210 | try {
211 | return noSleep.enabled()
212 | } catch (e) {
213 | return false
214 | }
215 | },
216 | toggle: async function (enable) {
217 | if (enable) {
218 | noSleep.enable()
219 | } else {
220 | noSleep.disable()
221 | }
222 | },
223 | }
224 |
225 | if (nativeWakeLock != true) {
226 | // The first non-native call sometimes throws an error, however,
227 | // the error does not leak the try-catch above. Therefore, this
228 | // is an easy fix that realiably works.
229 | Wakelock.enabled()
230 | }
231 |
--------------------------------------------------------------------------------
/web/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ankiimation/ankii_flutter_gradient/d6d3e913bdb236b3c8718cc2f69810630e003a19/web/favicon.png
--------------------------------------------------------------------------------
/web/flutter_service_worker.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | const MANIFEST = 'flutter-app-manifest';
3 | const TEMP = 'flutter-temp-cache';
4 | const CACHE_NAME = 'flutter-app-cache';
5 | const RESOURCES = {
6 | "version.json": "99efb6a1f1d0da42eda6b57b15b74c2a",
7 | "index.html": "e817555a30a7ab88be3f7b18185ef0d8",
8 | "/": "e817555a30a7ab88be3f7b18185ef0d8",
9 | "main.dart.js": "88286e80fbfc4e2e13da664afbe324ac",
10 | "favicon.png": "5dcef449791fa27946b3d35ad8803796",
11 | "icons/Icon-192.png": "ac9a721a12bbc803b44f645561ecb1e1",
12 | "icons/Icon-512.png": "96e752610906ba2a93c65f8abe1645f1",
13 | "manifest.json": "45db566f894ec8c66cca3db96105da10",
14 | "assets/AssetManifest.json": "b3bf1ea22cdeff988e121145fc468fd9",
15 | "assets/NOTICES": "ba37d6c1210d165dc2bf514312cbe0de",
16 | "assets/FontManifest.json": "5a32d4310a6f5d9a6b651e75ba0d7372",
17 | "assets/packages/cupertino_icons/assets/CupertinoIcons.ttf": "6d342eb68f170c97609e9da345464e5e",
18 | "assets/packages/font_awesome_flutter/lib/fonts/fa-solid-900.ttf": "dffd9504fcb1894620fa41c700172994",
19 | "assets/packages/font_awesome_flutter/lib/fonts/fa-regular-400.ttf": "4b6a9b7c20913279a3ad3dd9c96e155b",
20 | "assets/packages/font_awesome_flutter/lib/fonts/fa-brands-400.ttf": "00bb2b684be61e89d1bc7d75dee30b58",
21 | "assets/packages/wakelock_web/assets/no_sleep.js": "7748a45cd593f33280669b29c2c8919a",
22 | "assets/fonts/MaterialIcons-Regular.otf": "1288c9e28052e028aba623321f7826ac",
23 | "assets/assets/transparent.jpg": "f9bbe5edd9f243560b6db760e6ef9d68"
24 | };
25 |
26 | // The application shell files that are downloaded before a service worker can
27 | // start.
28 | const CORE = [
29 | "/",
30 | "main.dart.js",
31 | "index.html",
32 | "assets/NOTICES",
33 | "assets/AssetManifest.json",
34 | "assets/FontManifest.json"];
35 | // During install, the TEMP cache is populated with the application shell files.
36 | self.addEventListener("install", (event) => {
37 | self.skipWaiting();
38 | return event.waitUntil(
39 | caches.open(TEMP).then((cache) => {
40 | return cache.addAll(
41 | CORE.map((value) => new Request(value + '?revision=' + RESOURCES[value], {'cache': 'reload'})));
42 | })
43 | );
44 | });
45 |
46 | // During activate, the cache is populated with the temp files downloaded in
47 | // install. If this service worker is upgrading from one with a saved
48 | // MANIFEST, then use this to retain unchanged resource files.
49 | self.addEventListener("activate", function(event) {
50 | return event.waitUntil(async function() {
51 | try {
52 | var contentCache = await caches.open(CACHE_NAME);
53 | var tempCache = await caches.open(TEMP);
54 | var manifestCache = await caches.open(MANIFEST);
55 | var manifest = await manifestCache.match('manifest');
56 | // When there is no prior manifest, clear the entire cache.
57 | if (!manifest) {
58 | await caches.delete(CACHE_NAME);
59 | contentCache = await caches.open(CACHE_NAME);
60 | for (var request of await tempCache.keys()) {
61 | var response = await tempCache.match(request);
62 | await contentCache.put(request, response);
63 | }
64 | await caches.delete(TEMP);
65 | // Save the manifest to make future upgrades efficient.
66 | await manifestCache.put('manifest', new Response(JSON.stringify(RESOURCES)));
67 | return;
68 | }
69 | var oldManifest = await manifest.json();
70 | var origin = self.location.origin;
71 | for (var request of await contentCache.keys()) {
72 | var key = request.url.substring(origin.length + 1);
73 | if (key == "") {
74 | key = "/";
75 | }
76 | // If a resource from the old manifest is not in the new cache, or if
77 | // the MD5 sum has changed, delete it. Otherwise the resource is left
78 | // in the cache and can be reused by the new service worker.
79 | if (!RESOURCES[key] || RESOURCES[key] != oldManifest[key]) {
80 | await contentCache.delete(request);
81 | }
82 | }
83 | // Populate the cache with the app shell TEMP files, potentially overwriting
84 | // cache files preserved above.
85 | for (var request of await tempCache.keys()) {
86 | var response = await tempCache.match(request);
87 | await contentCache.put(request, response);
88 | }
89 | await caches.delete(TEMP);
90 | // Save the manifest to make future upgrades efficient.
91 | await manifestCache.put('manifest', new Response(JSON.stringify(RESOURCES)));
92 | return;
93 | } catch (err) {
94 | // On an unhandled exception the state of the cache cannot be guaranteed.
95 | console.error('Failed to upgrade service worker: ' + err);
96 | await caches.delete(CACHE_NAME);
97 | await caches.delete(TEMP);
98 | await caches.delete(MANIFEST);
99 | }
100 | }());
101 | });
102 |
103 | // The fetch handler redirects requests for RESOURCE files to the service
104 | // worker cache.
105 | self.addEventListener("fetch", (event) => {
106 | if (event.request.method !== 'GET') {
107 | return;
108 | }
109 | var origin = self.location.origin;
110 | var key = event.request.url.substring(origin.length + 1);
111 | // Redirect URLs to the index.html
112 | if (key.indexOf('?v=') != -1) {
113 | key = key.split('?v=')[0];
114 | }
115 | if (event.request.url == origin || event.request.url.startsWith(origin + '/#') || key == '') {
116 | key = '/';
117 | }
118 | // If the URL is not the RESOURCE list then return to signal that the
119 | // browser should take over.
120 | if (!RESOURCES[key]) {
121 | return;
122 | }
123 | // If the URL is the index.html, perform an online-first request.
124 | if (key == '/') {
125 | return onlineFirst(event);
126 | }
127 | event.respondWith(caches.open(CACHE_NAME)
128 | .then((cache) => {
129 | return cache.match(event.request).then((response) => {
130 | // Either respond with the cached resource, or perform a fetch and
131 | // lazily populate the cache.
132 | return response || fetch(event.request).then((response) => {
133 | cache.put(event.request, response.clone());
134 | return response;
135 | });
136 | })
137 | })
138 | );
139 | });
140 |
141 | self.addEventListener('message', (event) => {
142 | // SkipWaiting can be used to immediately activate a waiting service worker.
143 | // This will also require a page refresh triggered by the main worker.
144 | if (event.data === 'skipWaiting') {
145 | self.skipWaiting();
146 | return;
147 | }
148 | if (event.data === 'downloadOffline') {
149 | downloadOffline();
150 | return;
151 | }
152 | });
153 |
154 | // Download offline will check the RESOURCES for all files not in the cache
155 | // and populate them.
156 | async function downloadOffline() {
157 | var resources = [];
158 | var contentCache = await caches.open(CACHE_NAME);
159 | var currentContent = {};
160 | for (var request of await contentCache.keys()) {
161 | var key = request.url.substring(origin.length + 1);
162 | if (key == "") {
163 | key = "/";
164 | }
165 | currentContent[key] = true;
166 | }
167 | for (var resourceKey of Object.keys(RESOURCES)) {
168 | if (!currentContent[resourceKey]) {
169 | resources.push(resourceKey);
170 | }
171 | }
172 | return contentCache.addAll(resources);
173 | }
174 |
175 | // Attempt to download the resource online before falling back to
176 | // the offline cache.
177 | function onlineFirst(event) {
178 | return event.respondWith(
179 | fetch(event.request).then((response) => {
180 | return caches.open(CACHE_NAME).then((cache) => {
181 | cache.put(event.request, response.clone());
182 | return response;
183 | });
184 | }).catch((error) => {
185 | return caches.open(CACHE_NAME).then((cache) => {
186 | return cache.match(event.request).then((response) => {
187 | if (response != null) {
188 | return response;
189 | }
190 | throw error;
191 | });
192 | });
193 | })
194 | );
195 | }
196 |
--------------------------------------------------------------------------------
/web/icons/Icon-192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ankiimation/ankii_flutter_gradient/d6d3e913bdb236b3c8718cc2f69810630e003a19/web/icons/Icon-192.png
--------------------------------------------------------------------------------
/web/icons/Icon-512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ankiimation/ankii_flutter_gradient/d6d3e913bdb236b3c8718cc2f69810630e003a19/web/icons/Icon-512.png
--------------------------------------------------------------------------------
/web/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 | ankii_flutter_gradient
30 |
31 |
32 |
33 |
36 |
43 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/web/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "ankii_flutter_gradient",
3 | "short_name": "ankii_flutter_gradient",
4 | "start_url": ".",
5 | "display": "standalone",
6 | "background_color": "#0175C2",
7 | "theme_color": "#0175C2",
8 | "description": "A new Flutter project.",
9 | "orientation": "portrait-primary",
10 | "prefer_related_applications": false,
11 | "icons": [
12 | {
13 | "src": "icons/Icon-192.png",
14 | "sizes": "192x192",
15 | "type": "image/png"
16 | },
17 | {
18 | "src": "icons/Icon-512.png",
19 | "sizes": "512x512",
20 | "type": "image/png"
21 | }
22 | ]
23 | }
24 |
--------------------------------------------------------------------------------
/web/version.json:
--------------------------------------------------------------------------------
1 | {"app_name":"ankii_flutter_gradient","version":"1.0.0","build_number":"1"}
--------------------------------------------------------------------------------