wafrat - wafrat

Mocking time in UI tests in Flutter

When working with tests that test logic related to time, it is necessary to mock the time, especially if that time is being rendered in screenshot tests. My code from the stone age would take an optional DateTime? now parameter to mock it. Then in the method, I would run

Using Firebase Storage on Flutter Web

My app was working fine on Android, iOS and MacOS, but it wouldn't display images stored in Firebase Storage. It would fail with the dreaded CORS error. I need to somehow whitelist localhost:5000 for Firebase Storage. It is well documented at https://firebase.google.com/docs/storage/web/download-files#

flutter web

Google Sign-in for Flutter Web

My Flutter app was running fine for Web until I migrated google_sign_in from 6 to 7. Now signing-in fails with this error: Sign in failed: UnimplementedError: authenticate is not supported on the web. Instead, use renderButton to create a sign-in widget. Let's fix it. Up until google_sign_

flutter

Flutter for MacOS

My first case study for building apps for MacOS was to use Apple's built-in capability of running iOS apps natively on Macs with Apple Silicon (see https://www.wafrat.com/flutter-ios-app-for-macos/). This time, since I want to use features that may not be available on iOS such as a proper

flutter

Flutter iOS app for MacOS (Apple Silicon)

Up till now I had never bothered to look into MacOS compatibility. Scratch that, I did years ago when Flutter first became compatible with MacOS. However at the time, Google Sign In were not, so I could not have run any of my apps on MacOS anyway. This week I

flutter

Reverse geocoding in Flutter for MacOS

For many years, I have been using https://pub.dev/packages/geocoding successfully, but recently I've had to migrate away from it. This package is great because it is compatible with Android and iOS, and it uses the device's built-in reverse geocoding feature. Since it's built into the device, I

flutter web

Setting up Firebase and Google Sign-In in my old Flutter app for Web

I've been running an Flutter app for years on Android and iOS. Recently, I wanted to support Web. It should be as simple as running flutter build web, then using Firebase Hosting to publish it to some domain. It ended up being slightly more complicated than that. Initial set up

github

Adding the `Update branch` to GitHub PRs

In my repositories, my PRs didn't have the Update branch button. This feature is nice when someone proposes a PR that breaks because of a separate issue. So I can fix that issue separately in a PR, merge it. Finally in the other person's PR, I can click Update branch,

web development

Scaling down my VMs

I've had custom apps running on DigitalOcean VMs for years even though it wasn't the most cost efficient nor clean way to run them. It's high time I turned them down. Moving domains from .io to .dev .io domains now cost $64 per year while .dev and .com domains cost

flutter

Good bye Android, it was good while it lasted

When I first started this blog, my goal was to document my journey in Android development. beginning-android-day-1 dates back to Sept 2017. It's been 7 years. However I won't work with Android anymore. Here's why. Android Back when I learned Android in 2017, it was pretty rough. I had to

flutter

Fixing `error: ../../.pub-cache/hosted/pub.dev/win32-3.1.4/lib/src/guid.dart:31:9: Error: Type 'UnmodifiableUint8ListView' not found.`

Today I tried compiling my Flutter app in iOS and got this error: error: ../../.pub-cache/hosted/pub.dev/win32-3.1.4/lib/src/guid.dart:31:9: Error: Type 'UnmodifiableUint8ListView' not found. What does it mean? My app only compiles to iOS and Web. Googling this error, it seems like

flutter

Fixing `error: unsupported option '-G' for target 'arm64-apple-ios17.0' (in target 'BoringSSL-GRPC' from project 'Pods')`

Today my Flutter app failed to compile in iOS. The error was: error: unsupported option '-G' for target 'arm64-apple-ios17.0' (in target 'BoringSSL-GRPC' from project 'Pods') It seems like this error started popping up a few months ago. The issue is, all of those posts give a code snippet that

Accents looks strange on Wikipedia in Chrome on MacOS in Korean

I've noticed this years ago and I couldn't find the cause despite a quick search on Google. Finding the cause Here's what I see on Wikipedia: Notice how à, ê, é and è seem thicker than the other letters, and their baseline looks completely off. In Safari, it looks alright:

web development

Reviving an old Electron app

Today I needed to use a personal project I'd built and last modified 5 years ago. I followed the readme and installed dependencies. As expected, it wasn't smooth. MacOS First I had to install grunt. npm install -g grunt-cli added 56 packages, and audited 57 packages in 3s 5 packages

flutter

Upgrading to flutter_svg 2.0.0

Because of https://www.wafrat.com/updating-major-versions-in-flutter/, I found myself upgrading my project, svg_drawing_animation (https://pub.dev/packages/svg_drawing_animation), to flutter_svg 2.0.0. And it was much harder than I thought. How can a developer so smart make it so hard for others? I

flutter

Updating major versions in Flutter

In the best case scenario, running flutter pub upgrade --major-versions does the trick. What happens though is that some packages restrict the major version we can upgrade to. % flutter pub upgrade --major-versions Resolving dependencies... (2.2s) No changes to pubspec.yaml! Resolving dependencies... Downloading packages... _discoveryapis_commons 1.0.6

flutter

Fixing Classes/Launcher.swift:22:1: type 'UIApplication' does not conform to protocol 'Launcher'

Today I upgraded flutter flutter upgrade, then compiled my Flutter app to iOS. It failed with this error: Classes/Launcher.swift:22:1: type 'UIApplication' does not conform to protocol 'Launcher' After searching for the error, I found https://github.com/flutter/flutter/issues/151467 as the first result. It

music production

Downloading YouTube videos

A lot of those services will ask you to pay to download the best versions of the video. This one allows you to download the 4K version of a video with sound: https://yt1d.com/en/.

music production

Extracting vocals from a video

I've tried a few online tools and most only generate a preview (up to one minute) or require that you sign up. Here's one I've found which does not require sign-in, provided you're ok with tinkering a bit. Ai Vocal Remover Free Online | Media.ioLooking to remove vocals from a

music production

Free synth plugins

I've been amazed by the quality of the free orchestral instruments by Spitfire. I wanted to find similar free plugins for synthesizers. I asked ChatGPT and got a short list. The only one I was really able to use is Surge. Surge is free (open source) and comes with a

music production

Trying out the Korg Keystage

When I plugged it in via USB, Cakewalk (my DAW) stopped outputting sound. Upon checking, it turns out all the outputs went by default to the Keystage's audio interface. I had to send audio back to my speakers. My Keystage is not recognized?? Then I tried playing Mozart's Ah vous

music production

Spitfire LABS has stopped working

Spitfire LABS plugins have stopped working for a week or so. I couldn't figure out why they wouldn't produce any sound in Cakewalk anymore. When I click a key on the virtual keyboard, the CPU moves and the volume does too. However there isn't any sound being produced. Eventually I

ios

Fixing `error: exportArchive: Communication with Apple failed`

Today I tried to publish an iOS app and guess what, it failed... Building App Store IPA... 15.2sEncountered error while creating the IPA:error: exportArchive: Communication with Apple failederror: exportArchive: No signing certificate "iOS Distribution" founderror: exportArchive: Communication with Apple failed Try distributing the app in Xcode: "open /Users/

flutter

Fixing `Google Api Error: Invalid request - Your app targets Android 13 (API 33) or above. You must declare the use of advertising ID in Play Console.`

After struggling for hours to make my Flutter app compile in Android again, I am facing the last few hurdles before being able to publish a long awaited update. Google Api Error: Invalid request - Your app targets Android 13 (API 33) or above. You must declare the use of

Fixing sign_in_with_apple-5.0.0/android/build.gradle' line: 27 > No signature of method: build_64irqtdfzeigcmyeqnd8owt8u.android() is applicable for argument types

This morning I upgraded my packages and my Android build started failing. Here's the error: sign_in_with_apple-5.0.0/android/build.gradle' line: 27 * What went wrong: A problem occurred evaluating project ':sign_in_with_apple'. > No signature of method: build_64irqtdfzeigcmyeqnd8owt8u.android() is applicable for argument