bluff

Блеф

Отказ от ответственности: Я создал это для своих нужд, поэтому не ждите, что оно будет полным. Это хак выходного дня, используйте на свой страх и риск!

Bluff — это генератор статических веб-сайтов, написанный на dart и вдохновленный виджетами Flutter.

Почему ?

Я начал этот проект, потому что устал переключаться на среду js каждый раз, когда мне нужно написать небольшой статический веб-сайт. Я хотел, чтобы концепция была максимально приближена к Flutter, опять же, чтобы сохранить тот же способ разработки пользовательских интерфейсов и не терять время на повторное изучение парадигм снова и снова.

Почему бы не использовать Flutter для Интернета?

Просто потому, что мне нужен был действительно легкий веб-сайт с хорошим SEO. Однако переход на Flutter для Интернета должен быть довольно простым.

Использование

Простой пример использования:

 import 'package:bluff/bluff.dart' ;

Future main () async {
  final app = Application (
    availableSizes : [
      MediaSize .small,
      MediaSize .medium,
    ],
    supportedLocales : [
      Locale ( 'fr' , 'FR' ),
      Locale ( 'en' , 'US' ),
    ],
    routes : [
      homeRoute,
    ],
  );
  ;

  await publish (app);
}

final homeRoute = Route (
  title : (context) {
    final locale = Localizations . localeOf (context);
    if (locale.languageCode == 'fr' ) return 'Accueil' ;
    return 'Home' ;
  },
  relativeUrl : 'index' ,
  builder : (context) => Home (),
);

class Home extends StatelessWidget {
  @override
  Widget build ( BuildContext context) {
    final mediaQuery = MediaQuery . of (context);
    final theme = Theme . of (context);
    return Column (
      crossAxisAlignment : CrossAxisAlignment .stretch,
      children : < Widget > [
        Flex (
          direction : mediaQuery.size == MediaSize .small
              ? Axis .vertical
              : Axis .horizontal,
          children : < Widget > [
            Expanded (
              child : Container (
                height : 300 ,
                decoration : BoxDecoration (
                  image : DecorationImage (
                    image : ImageProvider . asset ( 'images/logo_dart_192px.svg' ),
                  ),
                ),
              ),
            ),
            Padding (
              padding : EdgeInsets . all ( 20 ),
              child : Text ( 'Hello world!' ),
            ),
            Container (
              width : 200 ,
              height : 200 ,
              decoration : BoxDecoration (
                color : const Color ( 0xFF0000FF ),
                borderRadius : BorderRadius . circular ( 5 ),
                boxShadow : [
                  BoxShadow (
                    color : const Color ( 0xAA0000FF ),
                    blurRadius : 10 ,
                    offset : Offset ( 10 , 10 ),
                  ),
                ],
              ),
            ),
            Image . asset (
              'images/logo_dart_192px.svg' ,
              fit : BoxFit .cover,
            ),
            Click (
              newTab : true ,
              url : 'https://www.google.com' ,
              builder : (context, state) {
                return Container (
                  child : Text (
                    'Button' ,
                    style : theme.text.paragraph. merge (
                      TextStyle (
                        color : state == ClickState .hover
                            ? const Color ( 0xFFFFFFFF )
                            : const Color ( 0xFF0000FF ),
                      ),
                    ),
                  ),
                  padding : EdgeInsets . all ( 20 ),
                  decoration : BoxDecoration (
                    color : state == ClickState .hover
                        ? const Color ( 0xFF0000FF )
                        : const Color ( 0x440000FF ),
                    borderRadius : BorderRadius . circular ( 5 ),
                  ),
                );
              },
            )
          ],
        )
      ],
    );
  }
}