Использование ИИ в вашем приложении с помощью Gemini

Привет, разработчики Flutter! 🤖💻 Сегодня мы расскажем, как добавить Gemini в ваше приложение с помощью Firebase Functions безопасным способом 🔒.

Почему не стоит использовать плагин flutter_gemini?

Из соображений безопасности я настоятельно предпочитаю не раскрывать свой ключ API Gemini в приложении 🔑.

Шаги по интеграции Gemini с Firebase:

1. Создайте новый проект Firebase с помощью команды firebase init genkit или установите необходимые зависимости 📦.
- Установите следующие пакеты:
- @genkit-ai/ai
- @genkit-ai/core
- @genkit-ai/dotprompt
- @genkit-ai/firebase
- @genkit-ai/flow
- @genkit-ai/googleai
- zod

2. Установите genkit глобально: npm install -g genkit 🌐.

3. Инициализируйте gemini, используя configureGenkit 🔧.

import { initializeApp } from "firebase/app";
import { defineString } from "firebase-functions/params";
import { configureGenkit } from '@genkit-ai/core';
import { firebase } from '@genkit-ai/firebase';

defineString('GOOGLE_GENAI_API_KEY');
const firebaseApp = initializeApp();

configureGenkit({
  plugins: [
    firebase(),
    googleAI({ apiKey: defineString('GOOGLE_GENAI_API_KEY') }),
  ],
  // ...
  enableTracingAndMetrics: true,
});

Добавьте ключ API в файл .env и не забудьте удалить .env из .gitignore, иначе Firebase не сможет его использовать 🚫.

export const suggestionFlow = onFlow({
  name: "suggestionFlow",
  httpsOptions: { cors: true },
  region: "europe-west1",
  inputSchema: z.object({ uid: z.string(), query: z.string(), language: z.string() }),
  outputSchema: z.string(),
  authPolicy: (auth, input) => {
    // Проверка аутентификации пользователя
    if (auth.uid != input.uid) {
      throw new Error("You can only access your own data");
    }
    // Проверка поддерживаемого языка
    if (input.language != "fr" && input.language != "en") {
      throw new Error("Only French and English are supported for now");
    }
    // Разрешить доступ только аутентифицированным пользователям
    return !!auth.uid;
  },
}, async (input) => {
  const exercicesContext = JSON.stringify(exercices);
  const userLanguage = input.language;
  const prompt = `You are an AI assistant that helps users with XXX. You will speak in the user's language: $userLanguage.
  You will answer with the JSON format below:
  {"days": [{"day": number, "steps": {...}, "description": string}]}
  Here is the user query: ${input.query}`;

  const llmResponse = await generate({
    model: gemini15Flash,
    prompt,
    config: {
      temperature: 1,
      maxOutputTokens: 3000,
    },
  });

  return llmResponse.text();
});

Разверните эту функцию на Firebase с помощью команды firebase deploy --only functions 🚀.

Вызов функции из Flutter:

Future<String> fetchStretchingSuggestionFlow(
  String uid,
  String query,
  String userLanguage,
) async {
  final callable = FirebaseFunctions.instance.httpsCallable('suggestionFlow');
  final result = await callable.call<String>({
    'uid': uid,
    'query': query,
    'language': userLanguage,
  });
  final data = (await decode(result.data)) as Map<String, dynamic>;
  return AIexercice.fromJson(data);
}

Оцените нашу новую рубрику и оставьте свои отзывы! 😊👍

Все подобные новости можно найти по хэштегу #FlutterPulseTips.

#flutter #dart #flutterpulse #FlutterPulseTips #Firebase #Gemini #AI #FlutterTips #MobileDev #AppDev

Обзор пакетов на тему Grid 📚

Waterfall Flow 🌟
Пакет для создания сеток с водопадным макетом в Flutter.
Версия: 3.1.1
👍 Лайки: 201, 📥 Скачиваний: 17.4К
Последнее обновление 📅: 4 месяца назад
https://pub.dev/packages/waterfall_flow

Animated Reorderable List 📈
Пакет для создания анимированных списков и сеток с функцией перетаскивания элементов.
Версия: 1.3.0
👍 Лайки: 160, 📥 Скачиваний: 12.4К
Последнее обновление 📅: 2 месяца назад
https://pub.dev/packages/animated_reorderable_list

Flutter Layout Grid 📊
Пакет для создания сеток в Flutter с фиксированными, гибкими и контент-ориентированными строками и столбцами.
Версия: 2.0.8
👍 Лайки: 827, 📥 Скачиваний: 150К
Последнее обновление 📅: 2 месяца назад
https://pub.dev/packages/flutter_layout_grid

Multi Split View 📂
Пакет для создания горизонтальных или вертикальных разделенных представлений с настраиваемыми размерами и флексами.
Версия: 3.6.0
👍 Лайки: 318, 📥 Скачиваний: 22.7К
Последнее обновление 📅: 7 месяцев назад
https://pub.dev/packages/multi_split_view

Flutter Reorderable Grid View 📈
Пакет для добавления анимированной функции перетаскивания и изменения размера элементов в ваших GridView.
Версия: 5.5.0
👍 Лайки: 210, 📥 Скачиваний: 20.1К
Последнее обновление 📅: 3 месяца назад
https://pub.dev/packages/flutter_reorderable_grid_view

Boxy 📦
Пакет для Flutter, который помогает преодолеть ограничения встроенных виджетов макета.
Версия: 2.2.1
👍 Лайки: 684, 📥 Скачиваний: 34.8К
Последнее обновление 📅: 6 месяцев назад
https://pub.dev/packages/boxy

#flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages #waterfallflow #animatedreorderablelist #flutterlayoutgrid #multisplitview #flutterreorderablegridview #boxy

Делегирование дизайна виджета с помощью Фабрик
Delegate widget design with Factories

При создании выбираемого списка элементов, например, вы можете создать фабрику радиокнопок или чекбоксов. Фабрики позволяют определить готовый дизайн или поведение виджетов заранее.

Когда это полезно?
Вы создаете выбираемый список элементов. Вы можете создать фабрику радиокнопок или чекбоксов.

Пример реализации:

1. Определите абстрактный класс фабрики, например, SelectableFactory:

abstract class SelectableFactory {
  const SelectableFactory();

  @factory
  Widget create({
    final String title,
    final bool selected
  });
}

2. Создайте конкретные реализации фабрики, такие как SelectableRadioFactory:

class _SelectableRadioFactory extends SelectableFactory {
  @override
  Widget create({
    final String title,
    final bool selected
  }) {
    // Создайте ваш виджет здесь
    return ListTile(...);
  }
}

3. Определите статические экземпляры фабрик для дальнейшего использования:

abstract class SelectableFactory {
  static const SelectableFactory radio = _SelectableRadioFactory();
  static const SelectableFactory checkbox = _SelectableCheckBoxFactory();
  ...
}

4. Используйте фабрику для построения части вашего виджета:

AnchoredHelper(
  title: const Text(
    'Нажми чтобы увеличить',
    textAlign: TextAlign.center,
    style: TextStyle(
      color: Colors.white,
      fontSize: 32,
    ),
  ),
  widgetFactory: AnchoredCircleHoleHelper.anchorFactory,
);

Это позволяет создавать готовые функции построения. Разработчики могут создавать свои собственные фабрики, а также использовать предустановленные.

Оцените новую рубрику и напишите своё мнение! 🤔💬

Все подобные новости можно найти по хэштегу #FlutterPulseTips

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDevelopment #WidgetDesign #Factories #Refactoring #CodingTips #UI/UX

🔧 DevScreen на Flutter: свой путь к инструменту для логирования, тестирования и смены окружений

🗣 Спикер: Павел, Flutter-разработчик с 10+ годами опыта, один из первых пользователей Flutter в РФ, соавтор книги «Основы Flutter», лектор СФУ и активный участник комьюнити.

На конференции он представил разработку своей команды — DevScreen, универсальный внутренний инструмент для мобильной отладки, логирования, диагностики и смены окружений.
🔎 Зачем нужен DevScreen?

В боевой разработке часто не хватает:

🎛 экрана с настройками (окружения, прокси)

🧾 доступа к логам прямо в приложении

🐞 удобного сбора стектрейсов для QA

📉 отладки UI, FPS, границ, состояния виджетов

🧪 триггера запуска debug-инструментов без пересборки

💬 «Качество — это ответственность всей команды», — говорит Павел. А значит, и тестировщики, и дизайнеры, и разработчики должны иметь доступ к полезной внутренней информации прямо в приложении.
🧰 Что уже есть на рынке?

Рассмотрели 2 популярных решения:
1. Ume

✅ умеет логировать запросы
✅ показывает FPS, границы виджетов, device info
❌ не умеет работать с окружениями и прокси
❌ нет нормального логирования ошибок
❌ триггер ручной (нужно писать самому)

💡 Хорош для дизайнеров и UI-отладки, но слабо помогает QA и не масштабируется под все нужды.

2. Talker

✅ готовый экран логов
✅ отличное логирование (включая ошибки, кастомные события, API-запросы)
✅ удобен и в приложении, и в консоли
❌ не умеет менять окружение и прокси
❌ триггер — тоже руками
❌ нет UI-отладки

💬 «Talker — это скорее логер, чем полноценный DevScreen. Мы хотели большего».


Так родилась идея своего DevScreen MVP, который:
🔓 открывается по shake-жесту или скрытой зоне (не мешает пользователю)
🌐 позволяет менять окружения, добавлять прокси
🧾 логирует ошибки, API-запросы, аналитику и кастомные события
🔄 сбрасывает кэш, симулирует логаут, показывает device info
🛠 кастомизируется под проект, легко расширяется
🔐 имеет авторизацию (доступ по роли или логину)
🧪 отделён от боевого UI, не ломает UX обычного пользователя
⚙️ поддерживает показ границ виджетов, FPS, и другую системную инфу

💡 Всё настраивается модульно. Хочешь только прокси? Подключай только его. Нужны только логи? Без проблем.

🤝 Кто пользуется внутри?
Разработчики — смотрят логи, стектрейсы, ошибки
Тестировщики — не пишут баг на глаз, а прикладывают API-ответ и stacktrace
Дизайнеры — проверяют реализацию UI прямо в приложении (границы, цвета, размеры)

🚀 Что дальше?

В планах:
🧩 сделать DevScreen переиспользуемым пакетом
🛡 вынести доступ к нему за фичефлаг
🧪 покрыть всё юнит- и интеграционными тестами
📢 возможно — опубликовать в open-source, если будет спрос

📺 Полное видео доклада (YouTube):
📌 Такой подход реально экономит часы работы QA и разработчиков, а главное — повышает качество продукта уже на уровне debug. Всё прозрачно, логируемо и воспроизводимо.

🧵 #flutter #flutterpulse #debug #talker #devtools #qa #мобилкарф #тестирование #логирование #devscreen #mobiledev #dart #flutterмного #конференция

Обзор пакетов на тему "Игры и Награды" 🎮👏

Flutter Fortune Wheel 🎡
Пакет для визуализации случайных процессов выбора. Он включает в себя колесо фортуны и панель фортуны, которые можно настроить и использовать на мобильных устройствах, настольных компьютерах и веб-сайтах.
👍 Лайки: 352, 📥 Скачиваний: 8.9К
Последнее обновление 📅: 8 месяцев назад
https://pub.dev/packages/flutter_fortune_wheel

Teqani Rewards 🎁
Пакет для создания игровой механики в ваших приложениях. Поддерживает несколько вариантов хранения данных, включая SharedPreferences, SQLite, Hive и Firebase.
👍 Лайки: 5, 📥 Скачиваний: 38
Последнее обновление 📅: 2 месяца назад
https://pub.dev/packages/teqani_rewards

Roulette 🎲
Создайте кастомизируемые рулетки для ваших приложений с помощью этого простого и удобного виджета. Поддерживает различные типы рулеток, анимацию и настройку внешнего вида.
👍 Лайки: 44, 📥 Скачиваний: 502
Последнее обновление 📅: 8 месяцев назад
https://pub.dev/packages/roulette

Flutter Confetti 🎉
Добавьте праздничную атмосферу в ваши Flutter-приложения с помощью пакета Flutter Confetti!
👍 Лайки: 107, 📥 Скачиваний: 10.6К
Последнее обновление 📅: 3 месяца назад
https://pub.dev/packages/flutter_confetti

Confetti 🎊
Празднуем достижения пользователей с помощью пакета Confetti!
👍 Лайки: 1520, 📥 Скачиваний: 246К
Последнее обновление 📅: 8 месяцев назад
https://pub.dev/packages/confetti

Crossword 🤔
Создайте интерактивные кроссворды в вашем приложении с помощью этого пакета. Он предлагает настраиваемый виджет кроссворда, простой интерфейс для пользователей и возможность управления подсказками.
👍 Лайки: 33, 📥 Скачиваний: 260
Последнее обновление 📅: 4 месяца назад
https://pub.dev/packages/crossword

#flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages #flutterfortunewheel #teqanirewards #roulette #flutterconfetti #confetti #crossword

Проверка статуса продления подписки пользователя

Привет, Flutter-разработчики! 👋 Сегодня мы рассмотрим полезный совет по проверке статуса продления подписки пользователя с помощью RevenueCat. 📈

Зачем проверять статус продления подписки?

Проверка статуса продления подписки позволяет вам:
✨ Показывать промо-офферы перед тем, как потерять пользователя
✨ Управлять доступом к premium-функциям вашего приложения

Пример кода на Dart:

Future<bool> hasRenewal() async {
  final customerInfo = await Purchases.getCustomerInfo();
  final entitlements = customerInfo.entitlements.active.values.firstOrNull;
  return entitlements?.willRenew ?? false;
}

В этом коде мы:
1. Получаем информацию о покупателе с помощью `Purchases.getCustomerInfo()`
2. Извлекаем активные права доступа (`entitlements`)
3. Проверяем, будет ли подписка продлена (`willRenew`)

Используйте эту информацию, чтобы улучшить удержание пользователей! 📊

Оцените новую рубрику и напишите в комментариях, какие темы вам интересны! 🤔

Все подобные новости можно найти по хэштегу #FlutterPulseTips

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDev #SubscriptionManagement #RevenueCat #FlutterTips

Обзор пакетов на тему Диалоговые окна (Dialogs)

Awesome Dialog 📱
Создавайте простые и красивые диалоги в вашем приложении с помощью Awesome Dialog. Этот пакет позволяет настроить диалоговые окна с анимацией, кастомными кнопками и многим другим.
👍 Лайки: 1430, 📥 Скачиваний: 19.6К
Последнее обновление 📅: 13 месяцев назад
https://pub.dev/packages/awesome_dialog

flutter_platform_alert 📱
Пакет позволяет отображать нативные алерты на различных платформах, включая iOS, Android, Windows, macOS и Linux. Поддерживает различные стили алертов и иконки.
👍 Лайки: 129, 📥 Скачиваний: 6.98К
Последнее обновление 📅: 23 дня назад
https://pub.dev/packages/flutter_platform_alert

Material Dialogs 📱
Создавайте анимированные, простые и стильные диалоги в вашем приложении с помощью Material Dialogs!
Этот пакет предоставляет два типа диалогов: Material Dialog и Bottom Sheet Material Dialog. Также поддерживает анимации с помощью библиотеки Lottie.
👍 Лайки: 351, 📥 Скачиваний: 3.89К
Последнее обновление 📅: 10 месяцев назад
https://pub.dev/packages/material_dialogs

Adaptive Dialog 📱
Пакет позволяет отображать диалоговые окна и модальные листы в зависимости от платформы. Поддерживает iOS и Android.
👍 Лайки: 1050, 📥 Скачиваний: 24.9К
Последнее обновление 📅: 28 часов назад
https://pub.dev/packages/adaptive_dialog

Giffy Dialog 📱
Этот пакет позволяет создавать красивые и кастомизируемые диалоговые окна с анимацией.
👍 Лайки: 598, 📥 Скачиваний: 572
Последнее обновление 📅: 7 месяцев назад
https://pub.dev/packages/giffy_dialog

Flutter Smart Dialog 📱
Этот пакет предназначен для создания элегантных диалоговых окон в приложениях на Flutter. Он поддерживает функции, такие как toast, loading, attach dialog и многое другое.
👍 Лайки: 592, 📥 Скачиваний: 2.57К
Последнее обновление 📅: 25 дней назад
https://pub.dev/packages/flutter_smart_dialog

#flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages #AwesomeDialog #flutter_platform_alert #MaterialDialogs #AdaptiveDialog #GiffyDialog #FlutterSmartDialog