wafrat

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

flutter

Fixing Google Translate API calls in Flutter

For some reason, my API calls to Google Translate in Flutter have started failing in the past few weeks. However, I do not even remember how I set it all up. Still, let's debug and find our way through this problem. First here's how the code is roughly set up:

flutter

Fixing `error:iOS 17.0 is not installed. To use with Xcode, first download and install the platform`

Today Fastlane failed deploying an iOS update of my app to the Store with the following error: error:iOS 17.0 is not installed. To use with Xcode, first download and install the platform So I opened my project in XCode. The Run button is disabled, and on the right

flutter

Fixing `Unknown flutter tag. Abandoning upgrade to avoid destroying local changes. It is recommended to use git directly if not working on an official channel.` when running `flutter upgrade`

This morning, flutter upgrade failed with an error message I have never seen before: % flutter upgrade Unknown flutter tag. Abandoning upgrade to avoid destroying local changes. It is recommended to use git directly if not working on an official channel. anhtuan@macmini flashcards % flutter --version Flutter 3.13.1 • channel

flutter

Dependency Injection in Flutter

When your app starts to grow, you'll feel the need for Dependency Injection for testing. My app has a few "services" that query information from APIs or Firestore. Each service is a Singleton, and my different Widgets will use one or more of these services. When I run the app,

flutter

Upgrading my Flutter app to Android compileSdkVersion 33

In my project, two dependencies require compileSdkVersion 33. Let's fix my project configuration: Warning: The plugin sqflite requires Android SDK version 33. For more information about build configuration, see https://docs.flutter.dev/deployment/android#reviewing-the-gradle-build-configuration. One or more plugins require a higher Android SDK version. Fix this issue by

Making a POST request with JSON body with fetch to a Node.js Express server

I tried to rewrite a POST request to a Node.js server from the deprecated package request to the standard fetch API. I initially wrote this: const username = 'some string'; const password = 'some string'; const response = await fetch(process.env.NEXT_PUBLIC_API_DOMAIN + 'signin', { method: 'POST', body: JSON.stringify(

next.js

Fixing `NextRouter was not mounted` in Next.js

I wanted to programmatically change the route. So I looked up how to do it on the docs and found this: 'use client'; import { useRouter } from 'next/navigation'; export default function Page() { const router = useRouter(); return ( ); } Great. So I called useRouter() in my code, and

next.js

Changing the port when running Next.js apps in dev mode

By default, running npm run dev will start the dev server on port 3000. The automatically generated README says so it self. However, I wanted to reserve that port for my node.js server which provides the API to my app. Googling "changing the port of Next.js" returns a

leetcode

Using Priority Queues on LeetCode in JavaScript and TypeScript to avoid `Time Limit Exceeded`

A lot of problems on LeetCode require the use of a Priority Queue. Without it, even though your implementation works, it will not be efficient enough and the submission might fail with the dreaded "Time Limit Exceeded", passing only 980 out of 1000 tests. Solving questions without a Priority Queue

flutter

Fixing `because every version of firebase_ui_localizations depends on flutter_localizations from sdk which depends on intl 0.18.0, firebase_ui_firestore >=1.0.1 requires intl 0.18.0.

Today my Flutter app started breaking with the following error: because every version of firebase_ui_localizations depends on flutter_localizations from sdk which depends on intl 0.18.0, firebase_ui_firestore >=1.0.1 requires intl 0.18.0. So, because [project] depends on both intl ^0.17.

flutter

Fixing `ld: file not found: /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/lib/arc/libarclite_iphoneos.a`

Today my Flutter app failed to build in iOS with this error: ld: file not found: /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/lib/arc/libarclite_iphoneos.a Googling will send you to StackOverflow posts with 1001 ways to supposedly fix it with obscure scripts and no explanation.

firebase functions

Make Prettier work nicely with ESLint in VSC

These days I am writing Firebase Functions, and I encountered this issue where VSC will fix formatting for me, but when I try to deploy the function, ESLint complains. I had this import in my code: import { IncomingMessage } from "node:http"; VSC is set up so that Prettier will format