DEV Community: gie3d

Error Archiving iOS with watchOS project in xcode

gie3d — Thu, 25 Aug 2022 06:30:49 +0000

The error shows during archiving project

To fix this, I went to Build Settings of the following targets:

watch app
watchkit extension

and updated the watch and watchkit extensions Base SDK and Supported Platforms to watchOS (you can just search for Base SKD in the search input textfield

and update the value inside

My note on JS Timezone, Firebase Cloud Functions and Luxon

gie3d — Wed, 17 Aug 2022 12:32:00 +0000

Cloud Functions: No matter what your defined region in cloud functions, the default timezone is UTC.
Firebase Console shows date time based on your device region setting.
Default Luxon .setZone (keepLocalTime: false) doesn't change the underlying timestamp

process.env.TZ = 'UTC';
const startDay = {
        seconds: 1660738904,
    };
const d1 = DateTime.fromSeconds(startDay.seconds);
const d2 = DateTime.fromSeconds(startDay.seconds)
        .startOf('day');
const d3 = DateTime.fromSeconds(startDay.seconds)
        .setZone('UTC')
        .startOf('day');
const d4 = DateTime.fromSeconds(startDay.seconds)
        .setZone('Asia/Bangkok')
        .startOf('day');

console.log(d1.toString()); // 2022-08-17T12:21:44.000+00:00
console.log(d2.toString()); // 2022-08-17T00:00:00.000+00:00
console.log(d3.toString()); // 2022-08-17T00:00:00.000Z
console.log(d4.toString()); // 2022-08-17T00:00:00.000+07:00

From the example above, I used the default setZone to set different timezones from the same timestamp and monitor the result. On the first line, I set the console timezone to UTC to match with what has been configured on Cloud Functions.

d4 after setZone to Bangkok and set time to start of day, so it will set the time to 00:00:00 GMT+7 (it's 17:00:00 GMT+0)

The computation after setZone will respect the timezone that we set

startOf('day') will be start of the day based on Bangkok timezone
.toString() will print the time based on Bangkok timezone

Similar to d3 that the computation after setZone will respect the timezone as UTC.

However, if we use setZone('Asia/Bangkok', { keepLocalTime: true}). It will change the underlying timestamp.

process.env.TZ = 'UTC';
const startDay = {
    seconds: 1660738904,
};
    console.log(DateTime.fromSeconds(startDay.seconds).toSeconds());
// 1660738904


console.log(
    DateTime.fromSeconds(startDay.seconds)
        .setZone('Asia/Bangkok')
        .toSeconds()
);
// 1660738904


console.log(
    DateTime.fromSeconds(startDay.seconds)
        .setZone('Asia/Bangkok', { keepLocalTime: true })
        .toSeconds()
);
// 1660713704

From the above example, the first and second give the same timestamp. But for the third, it changes the timestamp to reflect the same time with different timezone.

process.env.TZ = 'UTC';
const startDay = {
    seconds: 1660738904,
};
    console.log(DateTime.fromSeconds(startDay.seconds).toString());
// 2022-08-17T12:21:44.000+00:00

console.log(
    DateTime.fromSeconds(startDay.seconds)
        .setZone('Asia/Bangkok')
        .toString()
);
// 2022-08-17T19:21:44.000+07:00

console.log(
    DateTime.fromSeconds(startDay.seconds)
        .setZone('Asia/Bangkok', { keepLocalTime: true })
        .toString()
);
// 2022-08-17T12:21:44.000+07:00 --> try to keep the time 12:21:44 with timezone to GMT+7

Add an Apple Watch Target on Flutter app

gie3d — Wed, 20 Jul 2022 16:06:42 +0000

Refer from the Flutter document: https://docs.flutter.dev/development/platform-integration/ios/apple-watch

First off, you need to follow the instruction provided in the Flutter document (link above) first.

Enable bitcode in Xcode
Apple Watch targets require bitcode to be enabled, so follow the steps in Creating an iOS Bitcode enabled app to use bitcode in your app.
Add an Apple Watch target
In the menu, select File > New > Target. Once the dialog opens, select watchOS at the top and click Watch App for iOS App. Click Next, enter a product name, and select Enter.
When you run the project using a usual command flutter run. You will get the error like this

# flutter run                                                                                                                                                     
Launching lib/main.dart on iPhone 13 Pro in debug mode...
Running Xcode build...                                          
Xcode build done.                                            2.1s
Failed to build iOS app
Error output from Xcode build:
↳
    2022-07-20 23:02:24.107 xcodebuild[18239:137665] Requested but did not find extension point with identifier Xcode.IDEKit.ExtensionSentinelHostApplications for extension Xcode.DebuggerFoundation.AppExtensionHosts.watchOS of plug-in com.apple.dt.IDEWatchSupportCore
    2022-07-20 23:02:24.108 xcodebuild[18239:137665] Requested but did not find extension point with identifier Xcode.IDEKit.ExtensionPointIdentifierToBundleIdentifier for extension Xcode.DebuggerFoundation.AppExtensionToBundleIdentifierMap.watchOS of plug-in com.apple.dt.IDEWatchSupportCore
    ** BUILD FAILED **


Xcode's output:
↳
    Writing result bundle at path:
        /var/folders/_6/2nt5c3lx2tbc9bkg1vkb5tfm0000gp/T/flutter_tools.zDoJxh/flutter_ios_build_temp_dirlIvUEW/temporary_xcresult_bundle

    note: Using new build system
    note: Planning
    note: Build preparation complete
    note: Building targets in dependency order
    error: unable to resolve product type 'com.apple.product-type.application.watchapp2' for platform 'iphonesimulator' (in target 'watch' from project 'Runner')
    error: unable to resolve product type 'com.apple.product-type.application.watchapp2' for platform 'iphonesimulator' (in target 'watch' from project 'Runner')
    error: Couldn't look up product type 'com.apple.product-type.application.watchapp2' in domain 'iphonesimulator': Couldn't load spec with identifier 'com.apple.product-type.application.watchapp2' in domain 'iphonesimulator' (in target 'watch' from project 'Runner')
    warning: duplicate output file '' on task: RegisterExecutionPolicyException /Users/gie/Develops/test/flutter/app_watch/build/ios/Debug-iphonesimulator (in target 'watch' from project 'Runner')
    error: unable to resolve product type 'com.apple.product-type.watchkit2-extension' for platform 'iphonesimulator' (in target 'watch WatchKit Extension' from project 'Runner')
    error: unable to resolve product type 'com.apple.product-type.watchkit2-extension' for platform 'iphonesimulator' (in target 'watch WatchKit Extension' from project 'Runner')
    error: Couldn't look up product type 'com.apple.product-type.watchkit2-extension' in domain 'iphonesimulator': Couldn't load spec with identifier 'com.apple.product-type.watchkit2-extension' in domain 'iphonesimulator' (in target 'watch WatchKit Extension' from project 'Runner')

    Result bundle written to path:
        /var/folders/_6/2nt5c3lx2tbc9bkg1vkb5tfm0000gp/T/flutter_tools.zDoJxh/flutter_ios_build_temp_dirlIvUEW/temporary_xcresult_bundle


Error (Xcode): unable to resolve product type 'com.apple.product-type.application.watchapp2' for platform 'iphonesimulator'

Error (Xcode): Couldn't look up product type 'com.apple.product-type.application.watchapp2' in domain 'iphonesimulator': Couldn't load spec with identifier 'com.apple.product-type.application.watchapp2' in domain 'iphonesimulator'

Error (Xcode): unable to resolve product type 'com.apple.product-type.watchkit2-extension' for platform 'iphonesimulator'

Error (Xcode): Couldn't look up product type 'com.apple.product-type.watchkit2-extension' in domain 'iphonesimulator': Couldn't load spec with identifier 'com.apple.product-type.watchkit2-extension' in domain 'iphonesimulator'

Could not build the application for the simulator.
Error launching application on iPhone 13 Pro.

What you need to do is to update the WatchKit Extension by providing it the WKCompanionAppBundleIdentifier by using the following code:

<key>WKCompanionAppBundleIdentifier</key>
<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>

Clean and rerun your project again

flutter clean
flutter run

Renew letsencrypt cert and import to Spring project

gie3d — Wed, 25 May 2022 04:21:49 +0000

Renew cert
certbot renew

Or if you want to force renew
certbot renew --force-renew

[root@server ~]# certbot renew --force-renew
Saving debug log to /var/log/letsencrypt/letsencrypt.log

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Processing /etc/letsencrypt/renewal/yourdomain.com.conf
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Renewing an existing certificate for yourdomain.com

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Congratulations, all renewals succeeded:
  /etc/letsencrypt/live/yourdomain.com/fullchain.pem (success)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Go to /etc/letsencrypt/live/yourdomain.com
Convert the keys to PKCS12 using OpenSSL

$ openssl pkcs12 -export -in fullchain.pem -inkey privkey.pem -out keystore.p12 -name tomcat -CAfile chain.pem -caname root

Enter your password for the key The file keystore.p12 with PKCS12 is now generated in /etc/letsencrypt/live/yourdomain.com.

Make sure your server ssl key-store is pointed to the location your .p12 key created

server.port: 8443
security.require-ssl=true
server.ssl.key-store:/etc/letsencrypt/live/example.com/keystore.p12
server.ssl.key-store-password: <your-password>
server.ssl.keyStoreType: PKCS12
server.ssl.keyAlias: tomcat

Back up & restore postgres

gie3d — Mon, 23 May 2022 13:49:42 +0000

Back up
pg_dump -F c testdb > testdb.dump

Restore
pg_restore -d testdb testdb.dump

MacBook Pro, how to select discrete graphics card or integrated graphics card

gie3d — Fri, 22 Oct 2021 03:19:33 +0000

Apple only provides an option to let them choose the best graphics models while you're running on battery.

But sometimes, many times... actually, I really need to be up with battery longer than 3-4 hours. Discrete graphic is one of the most battery consuming in my MBP. So, occasionally, I need to find a way to shut it off. (It may sound silly that you paid for a high performance graphic card, and you want to shut it off 🤧)

Did some quick research and found a command (from https://nathansnelgrove.com/how-to-force-your-macbook-pro-to-use-its-discrete-graphics-card-when-its-plugged-in/):

# Always use the integrated graphics card while running on battery power
sudo pmset -b gpuswitch 0

gpuswitch has 3 options

0 - use integrated graphics card
1 - use discrete graphics card
2 - automatically switch between discrete and integrated graphics card (default option)

and
-b - battery
-c - plugged
-a - both battery and plugged

Hope I could be up with battery a bit longer...😥

Set SSH client timeout

gie3d — Wed, 21 Jul 2021 08:13:35 +0000

It's configured at

/etc/ssh/sshd_config

change the value of this setting ClientAliveInterval

and then restart ssh

service sshd restart

cannot run an app test in XCode IDEDebugSessionErrorDomain

gie3d — Wed, 14 Jul 2021 17:45:30 +0000

In my case, I ran the following command in the terminal

sudo DevToolsSecurity -enable

and boom! the problem got fixed

How to add image to drawable in Android Studio

gie3d — Wed, 14 Jul 2021 13:39:11 +0000

Open Project
View as Android
Select Resource Manager
Press + and select "Import Drawables"
Select a picture
Press Next
Review and press Import

Multi python versions on Mac using pyenv

gie3d — Tue, 05 Jan 2021 02:50:04 +0000

install using Homebrew

brew update

brew install pyenv

Configure your Mac's environment

Depends on your shell (mine was zsh)

echo 'eval "$(pyenv init -)"' >> ~/.zshrc

Activate the change

source ~/.zshrc

Install a version of Python

pyenv install python3.4.10

Set your environment python

pyenv local python3.4.10

Unix commands cheat sheet

gie3d — Sun, 22 Nov 2020 14:37:18 +0000

Kill all jMeter (or any processes) executions

ps -ef | grep jmeter | awk '{print $2}' | xargs kill -9

This can be applied to any other processes running to. Just replace grep jmeter to grep your-process-name

Stop a service running on a specified port

netstat -vanp tcp | grep <port> | awk '{print $9}' | xargs kill -9

Remove docker images according to a pattern

docker images -a | grep <pattern> | awk '{print $3}' | xargs docker rmi -f

Detect user idle in react-native

gie3d — Fri, 06 Nov 2020 04:36:58 +0000

One of requirements in an app with sensitive data is to force user to logout if the user has been idle for certain amount of time. By idle, I mean the user doesn't touch anything in the app. Normally, we use Touchable* to detect a user press event. But we cannot apply this on top of another element because it will override all touch event on the pages and your app won't be functional. After a brief research, I found that we can use PanResponder.

My strategy is to apply PanResponser on top of the app. We start a setTimeout with a certain amount of time (supposed to be configurable) during the user opens the app. Whenever the user presses anywhere on the screen, we clearTimeout and reset it. Note that I used onStartShouldSetPanResponderCapture of PanResponser event to detect user touch event.

import React, { useState, useEffect, useRef } from "react"
import { View, PanResponder } from "react-native"

const AppContainer = props => {
  const timerId = useRef(false)
  const [timeForInactivityInSecond, setTimeForInactivityInSecond] = useState(
    3600
  )

  useEffect(() => {
    resetInactivityTimeout()
  }, [])

  const panResponder = React.useRef(
    PanResponder.create({
      onStartShouldSetPanResponderCapture: () => {
        // console.log('user starts touch');
        resetInactivityTimeout()
      },
    })
  ).current

  const resetInactivityTimeout = () => {
    clearTimeout(timerId.current)
    timerId.current = setTimeout(() => {
      // action after user has been detected idle
    }, timeForInactivityInSecond * 1000)
  }

  return (
    <View style={{ flex: 1 }} {...panResponder.panHandlers}>
      {/* <YourApp {...props} /> */}
    </View>
  )
}

export default AppContainer