import 'dart:io';
import 'dart:typed_data';

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:image/image.dart' as image;
import 'package:image_resizer/image_resizer.dart';
import 'package:universal_html/html.dart' as html;

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Flutter Icon Resizer',
      theme: ThemeData.light().copyWith(
        primaryColor: Colors.blue, colorScheme: ColorScheme.fromSwatch().copyWith(secondary: Colors.red),
      ),
      darkTheme: ThemeData.dark(),
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  Map<String, List<FileData>> _files;
  List<int> _imageData;
  bool _loading = false;
  @override
  void initState() {
    rootBundle.load("web/icons/Icon-512.png").then((bytes) async {
      _imageData = bytes.buffer.asUint8List();
      _refresh();
    });
    super.initState();
  }

  bool _isEditing = false;

  bool _exportIos = true;
  bool _exportWeb = true;
  bool _exportMacos = true;
  bool _exportAndroid = true;

  String _iosPath = "ios/Runner/Assets.xcassets/AppIcon.appiconset";
  String _webPath = "web/icons";
  String _macOSPath = "macos/Runner/Assets.xcassets/AppIcon.appiconset";
  String _androidPath = "android/app/src/main/res";

  List<IosIcon> _iosIcons = [
    IosIcon(size: 20, scale: 1),
    IosIcon(size: 20, scale: 2),
    IosIcon(size: 20, scale: 3),
    IosIcon(size: 29, scale: 1),
    IosIcon(size: 29, scale: 2),
    IosIcon(size: 29, scale: 3),
    IosIcon(size: 40, scale: 1),
    IosIcon(size: 40, scale: 2),
    IosIcon(size: 40, scale: 3),
    IosIcon(size: 60, scale: 2),
    IosIcon(size: 60, scale: 3),
    IosIcon(size: 76, scale: 1),
    IosIcon(size: 76, scale: 2),
    IosIcon(size: 83, scale: 2, point5: true),
    IosIcon(size: 1024, scale: 1),
  ];

  List<WebIcon> _webIcons = [
    WebIcon(size: 192),
    WebIcon(size: 512),
  ];

  List<MacOSIcon> _macIcons = [
    MacOSIcon(size: 16, scale: 1, name: '16'),
    MacOSIcon(size: 16, scale: 2, name: '32'),
    MacOSIcon(size: 32, scale: 1, name: '32'),
    MacOSIcon(size: 32, scale: 2, name: '64'),
    MacOSIcon(size: 128, scale: 1, name: '128'),
    MacOSIcon(size: 128, scale: 2, name: '256'),
    MacOSIcon(size: 256, scale: 1, name: '256'),
    MacOSIcon(size: 256, scale: 2, name: '512'),
    MacOSIcon(size: 512, scale: 1, name: '512'),
    MacOSIcon(size: 512, scale: 2, name: '1024'),
  ];

  List<AndroidIcon> _androidIcons = [
    AndroidIcon(size: 72, folderSuffix: "hdpi"),
    AndroidIcon(size: 48, folderSuffix: "mdpi"),
    AndroidIcon(size: 96, folderSuffix: "xhdpi"),
    AndroidIcon(size: 144, folderSuffix: "xxhdpi"),
    AndroidIcon(size: 192, folderSuffix: "xxxhdpi"),
  ];

  WebFavicon _webFavicon = WebFavicon();

  Future _refresh() async {
    _files = {};
    _setLoading(true);
    await _generateIcons(
      'iOS Icons',
      IosIconsFolder(
        icons: _iosIcons,
        path: _iosPath,
      ),
    );
    await _generateIcons(
      'Web Icons',
      WebIconsFolder(
        icons: _webIcons,
        favicion: _webFavicon,
        path: _webPath,
      ),
    );
    await _generateIcons(
      'MacOS Icons',
      MacOSIconsFolder(
        icons: _macIcons,
        path: _macOSPath,
      ),
    );
    await _generateIcons(
      'Android Icons',
      AndroidIconsFolder(
        icons: _androidIcons,
        path: _androidPath,
      ),
    );
    _setLoading(false);
  }

  void _setLoading(bool value) {
    if (mounted)
      setState(() {
        _loading = value;
      });
  }

  Future _generateIcons(String key, ImageFolder folder) async {
    final _image = image.decodePng(_imageData);
    final _gen = IconGenerator();
    final _archive = await _gen.generateIcons(
      _image,
      folder,
      writeToDiskIO: !kIsWeb,
    );
    if (mounted)
      setState(() {
        _files[key] = _archive;
      });
  }

  Future _archive() async {
    final _gen = IconGenerator();
    List<FileData> _images = [];
    for (var key in _files.keys) {
      final _folder = _files[key];
      _images.addAll(_folder.toList());
    }
    print("Images: ${_images.length}");
    final _data = _gen.generateArchive(_images);
    await saveFile('images.zip', binaryData: _data);
  }

  Future<bool> saveFile(
    String fileName, {
    String initialDirectoryDesktop,
    List<int> binaryData,
    bool silentErrors = false,
  }) async {
    if (kIsWeb) {
      Uri dataUrl;
      try {
        dataUrl = Uri.dataFromBytes(binaryData);
            } catch (e) {
        if (!silentErrors) {
          throw Exception("Error Creating File Data: $e");
        }
        return false;
      }
      final _element = html.AnchorElement()
        ..href = dataUrl.toString()
        ..setAttribute("download", fileName);
      _element.click();
      return true;
    }
    final _file = File(fileName)..createSync();
    _file.writeAsBytesSync(binaryData);
    return true;
  }

  Future _upload() async {
    _setLoading(true);
    if (kIsWeb) {
      final _upload = html.FileUploadInputElement();
      _upload.accept = 'image/*';
      _upload.click();
      final _file = await _upload.onChange.first;
      if (_file != null) {
        List<html.File> files = (_file.target as dynamic).files;
        final f = files.first;
        final reader = new html.FileReader();
        reader.readAsArrayBuffer(f);
        await reader.onLoadEnd.first;
        _imageData = reader.result as List<int>;
        _refresh();
      }
    }
    _setLoading(false);
    return;
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Image Resizer'),
        actions: <Widget>[
          if (kIsWeb) ...[
            IconButton(
              icon: Icon(Icons.file_upload),
              onPressed: _loading ? null : _upload,
            ),
            IconButton(
              icon: Icon(Icons.archive),
              onPressed: _archive,
            ),
          ],
          IconButton(
            icon: Icon(Icons.edit),
            onPressed: () {
              if (mounted)
                setState(() {
                  _isEditing = !_isEditing;
                });
              _refresh();
            },
          ),
        ],
      ),
      body: _isEditing ? _buildEditingView() : _buildFilePreview(),
      floatingActionButton: FloatingActionButton(
        onPressed: _refresh,
        tooltip: 'Generate Icons',
        child: Icon(Icons.refresh),
      ),
    );
  }

  Widget _buildEditingView() {
    return Container(
      child: ListView(
        children: <Widget>[
          _buildSection(
            'iOS',
            _exportIos,
            (val) {
              if (mounted) setState(() => _exportIos = val);
            },
            _iosPath,
            _iosIcons,
          ),
          _buildSection(
            'MacOS',
            _exportMacos,
            (val) {
              if (mounted) setState(() => _exportMacos = val);
            },
            _macOSPath,
            _macIcons,
          ),
          _buildSection(
            'Android',
            _exportAndroid,
            (val) {
              if (mounted) setState(() => _exportAndroid = val);
            },
            _androidPath,
            _androidIcons,
          ),
          _buildSection(
            'Web',
            _exportWeb,
            (val) {
              if (mounted) setState(() => _exportWeb = val);
            },
            _webPath,
            _webIcons,
          ),
        ],
      ),
    );
  }

  Widget _buildSection(String name, bool toggle, ValueChanged<bool> onChanged,
      String path, List<IconTemplate> icons) {
    return Padding(
      padding: const EdgeInsets.all(8.0),
      child: Card(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.start,
          mainAxisAlignment: MainAxisAlignment.start,
          children: [
            SwitchListTile(
              title: Text(
                'Export $name Icons',
                style: Theme.of(context).textTheme.headlineMedium,
              ),
              value: toggle,
              onChanged: onChanged,
            ),
            if (toggle) ...[
              ListTile(
                title: TextFormField(
                  decoration: InputDecoration(
                    labelText: 'Path',
                  ),
                  initialValue: path,
                  onChanged: (val) {
                    if (mounted)
                      setState(() {
                        path = val;
                      });
                  },
                ),
              ),
              DataTable(
                columns: [
                  DataColumn(label: Text('Size')),
                  ...[
                  DataColumn(label: Text('Prefix')),
                  DataColumn(label: Text('Ext')),
                  DataColumn(label: Text('Scale')),
                  DataColumn(label: Text('Point5')),
                ],
                  ...[
                  DataColumn(label: Text('Prefix')),
                  DataColumn(label: Text('Ext')),
                  DataColumn(label: Text('Scale')),
                ],
                  ...[
                  DataColumn(label: Text('Prefix')),
                  DataColumn(label: Text('Ext')),
                ],
                  ...[
                  DataColumn(label: Text('Name')),
                  DataColumn(label: Text('Folder')),
                  DataColumn(label: Text('Suffix')),
                  DataColumn(label: Text('Ext')),
                ],
                  DataColumn(label: Text('Delete')),
                ],
                rows: [
                  for (var i = 0; i < icons.length; i++) ...[
                    DataRow(cells: [
                      DataCell(
                        SizedBox(
                          width: 50,
                          child: TextFormField(
                            decoration: InputDecoration.collapsed(
                              hintText: 'Size',
                            ),
                            initialValue: icons[i].size.toString(),
                            onChanged: (val) {
                              try {
                                if (mounted)
                                  setState(() {
                                    final _icon = icons[i];
                                    final _value = int.tryParse(val);
                                    if (_icon is IosIcon) {
                                      icons[i] = _icon.copyWith(size: _value);
                                    }
                                    if (_icon is WebIcon) {
                                      icons[i] = _icon.copyWith(size: _value);
                                    }
                                    if (_icon is MacOSIcon) {
                                      icons[i] = _icon.copyWith(size: _value);
                                    }
                                    if (_icon is AndroidIcon) {
                                      icons[i] = _icon.copyWith(size: _value);
                                    }
                                  });
                              } catch (e) {}
                            },
                          ),
                        ),
                      ),
                      ...[
                      DataCell(
                        SizedBox(
                          width: 100,
                          child: TextFormField(
                            decoration: InputDecoration.collapsed(
                              hintText: 'Prefix',
                            ),
                            initialValue: icons[i].prefix,
                            onChanged: (val) {
                              try {
                                if (mounted)
                                  setState(() {
                                    icons[i] = icons[i].copyWith(prefix: val);
                                  });
                              } catch (e) {}
                            },
                          ),
                        ),
                      ),
                      DataCell(
                        SizedBox(
                          width: 100,
                          child: TextFormField(
                            decoration: InputDecoration.collapsed(
                              hintText: 'Ext',
                            ),
                            initialValue: icons[i].ext,
                            onChanged: (val) {
                              try {
                                if (mounted)
                                  setState(() {
                                    icons[i] = icons[i].copyWith(ext: val);
                                  });
                              } catch (e) {}
                            },
                          ),
                        ),
                      ),
                      DataCell(
                        SizedBox(
                          width: 100,
                          child: TextFormField(
                            decoration: InputDecoration.collapsed(
                              hintText: 'Scale',
                            ),
                            initialValue: icons[i].scale.toString(),
                            onChanged: (val) {
                              try {
                                if (mounted)
                                  setState(() {
                                    final _value = int.tryParse(val);
                                    icons[i] =
                                        icons[i].copyWith(scale: _value);
                                  });
                              } catch (e) {}
                            },
                          ),
                        ),
                      ),
                      DataCell(
                        Switch(
                          value: icons[i].point5,
                          onChanged: (val) {
                            if (mounted)
                              setState(() {
                                icons[i] = icons[i].copyWith(point5: val);
                              });
                          },
                        ),
                      ),
                    ],
                      ...[
                      DataCell(
                        SizedBox(
                          width: 100,
                          child: TextFormField(
                            decoration: InputDecoration.collapsed(
                              hintText: 'Prefix',
                            ),
                            initialValue: icons[i].prefix,
                            onChanged: (val) {
                              try {
                                if (mounted)
                                  setState(() {
                                    icons[i] = icons[i].copyWith(prefix: val);
                                  });
                              } catch (e) {}
                            },
                          ),
                        ),
                      ),
                      DataCell(
                        SizedBox(
                          width: 100,
                          child: TextFormField(
                            decoration: InputDecoration.collapsed(
                              hintText: 'Ext',
                            ),
                            initialValue: icons[i].ext,
                            onChanged: (val) {
                              try {
                                if (mounted)
                                  setState(() {
                                    icons[i] = icons[i].copyWith(ext: val);
                                  });
                              } catch (e) {}
                            },
                          ),
                        ),
                      ),
                      DataCell(
                        SizedBox(
                          width: 100,
                          child: TextFormField(
                            decoration: InputDecoration.collapsed(
                              hintText: 'Scale',
                            ),
                            initialValue: icons[i].scale.toString(),
                            onChanged: (val) {
                              try {
                                if (mounted)
                                  setState(() {
                                    final _value = int.tryParse(val);
                                    icons[i] =
                                        icons[i].copyWith(scale: _value);
                                  });
                              } catch (e) {}
                            },
                          ),
                        ),
                      ),
                    ],
                      ...[
                      DataCell(
                        SizedBox(
                          width: 100,
                          child: TextFormField(
                            decoration: InputDecoration.collapsed(
                              hintText: 'Prefix',
                            ),
                            initialValue: icons[i].prefix,
                            onChanged: (val) {
                              try {
                                if (mounted)
                                  setState(() {
                                    icons[i] = icons[i].copyWith(prefix: val);
                                  });
                              } catch (e) {}
                            },
                          ),
                        ),
                      ),
                      DataCell(
                        SizedBox(
                          width: 100,
                          child: TextFormField(
                            decoration: InputDecoration.collapsed(
                              hintText: 'Ext',
                            ),
                            initialValue: icons[i].ext,
                            onChanged: (val) {
                              try {
                                if (mounted)
                                  setState(() {
                                    icons[i] = icons[i].copyWith(ext: val);
                                  });
                              } catch (e) {}
                            },
                          ),
                        ),
                      ),
                    ],
                      ...[
                      DataCell(
                        SizedBox(
                          width: 100,
                          child: TextFormField(
                            decoration: InputDecoration.collapsed(
                              hintText: 'Name',
                            ),
                            initialValue: icons[i].name,
                            onChanged: (val) {
                              try {
                                if (mounted)
                                  setState(() {
                                    icons[i] = icons[i].copyWith(name: val);
                                  });
                              } catch (e) {}
                            },
                          ),
                        ),
                      ),
                      DataCell(
                        SizedBox(
                          width: 100,
                          child: TextFormField(
                            decoration: InputDecoration.collapsed(
                              hintText: 'Folder',
                            ),
                            initialValue: icons[i].folder,
                            onChanged: (val) {
                              try {
                                if (mounted)
                                  setState(() {
                                    icons[i] = icons[i].copyWith(folder: val);
                                  });
                              } catch (e) {}
                            },
                          ),
                        ),
                      ),
                      DataCell(
                        SizedBox(
                          width: 100,
                          child: TextFormField(
                            decoration: InputDecoration.collapsed(
                              hintText: 'Suffix',
                            ),
                            initialValue: icons[i].folderSuffix,
                            onChanged: (val) {
                              try {
                                if (mounted)
                                  setState(() {
                                    icons[i] =
                                        icons[i].copyWith(folderSuffix: val);
                                  });
                              } catch (e) {}
                            },
                          ),
                        ),
                      ),
                      DataCell(
                        SizedBox(
                          width: 100,
                          child: TextFormField(
                            decoration: InputDecoration.collapsed(
                              hintText: 'Ext',
                            ),
                            initialValue: icons[i].ext,
                            onChanged: (val) {
                              try {
                                if (mounted)
                                  setState(() {
                                    icons[i] = icons[i].copyWith(ext: val);
                                  });
                              } catch (e) {}
                            },
                          ),
                        ),
                      ),
                    ],
                      DataCell(
                        IconButton(
                          icon: Icon(Icons.delete),
                          onPressed: () {
                            if (mounted)
                              setState(() {
                                icons.removeAt(i);
                              });
                          },
                        ),
                      ),
                    ]),
                  ],
                ],
              ),
              FlatButton(
                child: Text('Add Icon'),
                onPressed: () {
                  if (mounted)
                    setState(() {
                      icons.add(
                        IosIcon(
                          size: 1024,
                          scale: 1,
                        ),
                      );
                                          icons.add(
                        WebIcon(
                          size: 192,
                        ),
                      );
                                          icons.add(
                        MacOSIcon(
                          size: 512,
                          scale: 2,
                          name: '1024',
                        ),
                      );
                                          icons.add(
                        AndroidIcon(
                          size: 192,
                          folderSuffix: "xxxhdpi",
                        ),
                      );
                                        });
                },
              ),
            ],
          ],
        ),
      ),
    );
  }

  Widget _buildFilePreview() {
    return ListView.separated(
      separatorBuilder: (context, index) => Container(
        height: 1.0,
        color: Colors.grey,
      ),
      itemCount: _files.keys.length,
      itemBuilder: (context, index) {
        final _key = _files.keys.toList()[index];
        final _folder = _files[_key];
        return Padding(
          padding: const EdgeInsets.all(8.0),
          child: Column(
            children: <Widget>[
              Text(
                _key,
                style: Theme.of(context).textTheme.headlineMedium,
              ),
              Padding(
                padding: const EdgeInsets.all(8.0),
                child: Wrap(
                  children: _folder.map((file) {
                    return Padding(
                      padding: const EdgeInsets.all(8.0),
                      child: Column(
                        mainAxisSize: MainAxisSize.min,
                        children: <Widget>[
                          Container(
                            height: 200.0,
                            width: 200.0,
                            child: Card(
                              child: Image.memory(
                                Uint8List.fromList(file.data),
                              ),
                            ),
                          ),
                          Text(file.name),
                        ],
                      ),
                    );
                  }).toList(),
                ),
              ),
            ],
          ),
        );
      },
    );
  }
}