ZackadDev

Year 2024 in Review

Mon, 30 Dec 2024 09:08:03 +0700

Notable Events

upgrade ssd on macbook
forking trivago/prettier-plugin-twig-melody into zackad/prettier-plugin-twig
receive first sponsorship on github
become victim of hacked datacenter
Assetto Corsa run on linux
failed to replace keyboard switch
sold motorbike

Tech Stack

configure NixOS using flake
use main domain to host blog post
use real domain for selfhosted service on home network
start using frankenphp for personal project
start using i3wm on nixos with xfce desktop
replace brave browser with firefox on android
replace photoprism with immich as selfhosted photo manager
learning flatpak as package manager
migrate x86_64 into aarch64 on cloud server
failed to setup dokku on arm based server (I give up)
learning various tool for backup and synchronization
- syncthing
- borg
- borgmatic
learn about MusicBrainz Picard application to manage music metadata

Purchases

android phone, not really being used
docking station for steamdeck
nvme ssd for steamdeck
yet another gamepad
ifixit essentials kit
1440p monitor
wireless laser printer (returned due to wrong model)
pre-order kobo ereader

Entertainment

learning about rougelike game genre, playing Hades
play Yakuza: Like a Dragon (on hold)

My Terminal Emulator Journey

Mon, 30 Dec 2024 08:46:50 +0700

Over the years, I use different terminal emulator. Each has their own pros and cons. This is a summary of my experience.

Gnome Terminal

First terminal emulator that I use. Comes pre-installed on ubuntu, my first linux distro. At this point, I don’t really know about customizing terminal emulator and shell. Mainly used to install or configure system. Has everything I need out of the box (at that point). No obvious cons for my usage. No longer use it since I don’t like gnome DE.

Terminator

My first 3rd party terminal that I install manually. My favorite features is how to manage multiple pane. The hotkey is comfortable and I try to replicate it on other terminal (mostly unsuccessfull). Not really beatiful in term of appearance. Main reason why I abandon this terminal.

iTerm2

I consider this as the default terminal emulator for MacOS. Still use it and don’t see compelling reason to change to other terminal (for now).

Kitty

My first terminal that use gpu acceleration. Looks beautiful, fast, and comfortable keyboard shortcut. I abandone this terminal since it PITA to work on remote server (with ssh). There’s workaround for it but I’m no longer interested on it.

Alacritty

My replacement for kitty, and soon I regret this decision. Lacks features such as clickable url, tab, and pane (IIRC). This is the main motivation I learn of tmux. I give up on this setup since to broke color scheme and I can’t fix it.

xfce4-terminal

Xfce if my desktop environment of choice when I migrate to manjaro linux after ubuntu abandon Unity DE. I still use it on NixOS even though I mixed it with i3wm. Since I start using tiling window manager feature for tab/pane is not so important for me. Altough it is kinda PITA when opening new terminal it default to home instead into current directory.

Konsole

The default terminal for steamdeck since it use KDE plasma. Don’t really like the visual aspect of this terminal. Configuration via gui (I don’t like it), can’t get rid of some toolbar/menu. This might be my least favorite terminal I’ve used.

WezTerm

My current terminal on steamdeck. Still exploring.

Windows Terminal

This might be my favorite terminal in term of appearance. Unfortunately it on windows, something that I abandon not long ago.

Ghostty

Still waiting to be available on nixpkgs or flatpak.

How I Fix Docker Unreliability

Mon, 30 Dec 2024 07:55:53 +0700

Problems

This are the problem I encounter when self-hosting application in docker:

I store my data/media in a NAS which is different machine from the server that run docker. I use samba as protocol of choice since it simplify my setup on multiple device (smartphone, tablet, laptop, desktop). I don’t use NFS since it doesn’t have authentication protection.
When my server boot up after power loss, the NAS will be ready AFTER main server where the docker run. This means mounting network share will fail on boot.
Docker container that rely on network share filesystem will not start properly.
AFAIK docker cannot auto restart container that failed to start to begin with.

My Solution

Create new docker volume that will mount network share

docker volume create \
 --driver local \
 --opt type=cifs \
 --opt device=//your.server.ip.address/data \
 --opt o=addr=your.server.ip.address,username=uxxxxxxx,password=***** \
 --name samba_data

Mount volume into service that need it by add following into compose.yaml

services:
 test:
 image: docker.io/library/nginx:latest
 volumes:
 - samba_data:/data

volumes:
 samba_data:
 external: true

Periodically check if there’s docker container with exited status

Add following line into crontab. Basically it will check if there’s docker container with exited status and the start it every 5 minutes.

*/5 * * * * docker ps --filter "status=exited" --quiet | xargs --no-run-if-empty docker start

Use autoheal to restart unhealthy container

Start docker container that would whatch container health

services:
 autoheal:
 image: docker.io/willfarrell/autoheal:latest
 container_name: autoheal
 restart: always
 environment:
 - AUTOHEAL_INTERVAL=60
 - AUTOHEAL_START_PERIOD=60
 - AUTOHEAL_DEFAULT_STOP_TIMEOUT=10
 volumes:
 - /var/run/docker.sock:/var/run/docker.sock

Tag container that you want to autoheal.

services:
 test:
 image: docker.io/library/nginx:latest
 volumes:
 - samba_data:/data
 healthcheck:
 test: curl --fail localhost || exit 1
 labels:
 - autoheal=true

volumes:
 samba_data:
 external: true

Hide Fullpath From Project Explorer on Jetbrains IDE

Sat, 28 Dec 2024 08:05:24 +0700

Open menu Help -> Edit Custom Properties... or you can use Search Everywhere feature by double tap Shift key
Put this code

project.tree.structure.show.url=false

Restart IDE

Before

After

Ref: https://stackoverflow.com/questions/40699438/hide-full-path-next-to-project-in-intellij

How to Fix GPG decrypt on Wezterm intalled via Flatpak

Mon, 18 Nov 2024 21:08:11 +0700

Problem

When I try to decrypt my password from password-store, I got following error.

$ pass zackad/bitwarden -c
gpg: public key decryption failed: No such device or address
gpg: decryption failed: No such device or address

I though that my gpg setup is broken. It turn out the terminal I install (wezterm) via flatpak cannot acces /dev/tty or something similar. When I run command tty on the terminal it give me error.

$ tty
not a tty

This is the default permission for wezterm installed via flatpak.

$ flatpak info --show-permissions org.wezfurlong.wezterm
[Context]
shared=network;ipc;
sockets=x11;wayland;fallback-x11;
devices=dri;
filesystems=home:ro;xdg-config/wezterm;

[Session Bus Policy]
org.freedesktop.Flatpak=talk
org.freedesktop.Notifications=talk

The device it can access is limited to only dri (see here for more info)

Solution

# grant access to application
$ flatpak override --user org.wezfurlong.wezterm --device=all

--user option only be needed if you install application as user (not system wide).

TIL: You Can Track Playing Time of Non-Steam Game

Sun, 28 Jan 2024 08:03:25 +0700

Update: 2024-01-28

This trick NO longer work

If you want to track your gaming session (and other application usage) on windows, give ProcrastiTracker a try. In linux I recommend Lutris.

Original Article

If you have non-steam game[0] added to steam launcher, one feature that missing is ability to track playtime. It turn out that you can simply move your non-steam game into steam library folder and it will recognize the game and add playtime tracking just fine.

How To

Open steam library folder
You will find several directories (common, compatdata, downloading, etc)

Steam library folder
Move/Copy your game installation folder into common directory
Add “non-steam game” into steam launcher
Launch game with newly added entry
If the title is recognized, a new entry will be added by steam

Config.exe is actual entry I added to steam as launcher

Steam recognize the title and add new entry

Some caveats:

Actual game must exist in steam store, otherwise it won’t be recognize
You can NOT use the (automatically) added entry to launch the game. You must use the entry that you manually added

You can’t use the added entry to lauch the game, but it can track your playtime

[0]: refer to game bought outside steam store or “other” version

I Give Up on Linux Gaming

Thu, 15 Dec 2022 00:00:00 +0000

Over the last few years I’ve been using linux desktop as main workspace and upgrade it into relatively powerfull machine. Either for software development, data analysys, and gaming. Unfortunately the gaming part is the most painfull experience for me. It’s just unreliable to play games on linux environment. You never know if the game you try to play will run or not.

Everytime I update my system (kernel update, driver update, application update) something just broke. The game refuse to start. I need to tinker it by checking the logs. Sometimes it works, most of the times it’s not. The most frustating part is controller rumble support. Playing racing game without rumble feedback is like missing half of the experience.

I still keeping my windows installation for games that flat out refuse to run on linux. This dual boot environment also the main pain point for me. I try to use the same directory as steam library between linux and windows version. When it works, I can save storage space by installing the same game twice. Recently this setup is broke on linux. I can’t run my games anymore. I might be able to re-install it on other drive/directory, but I don’t want to re-download ~50GB data each time the setup broke.

For now I will uninstall steam from my linux desktop and use windows exclusively for gaming.

Build and Configure PHP with phpenv+php-build

Mon, 07 Nov 2022 07:37:36 +0700

Step 1 - Install The Tools

Install phpenv

$ git clone https://github.com/phpenv/phpenv.git ~/.phpenv

Install php-build as phpenv plugin

$ git clone https://github/com/php-build/php-build.git ~/.phpenv/plugins/php-build

Add phpenv into PATH (put into .profiles/.bashrc/.zshrc or something similar)

export PATH="${HOME}/.phpenv/bin:{$PATH}"
eval "$(phpenv init -)"

Reload your shell / Re-open your terminal

Step 2 - Update Definitions

We need to update php-build definitions periodically to get the available php versions.

$ cd ~/.phpenv/plugins/php-build
$ git fetch
$ git merge origin/master --ff

Step 3 - Compiling

$ PHP_BUILD_CONFIGURE_OPTS="--with-sodium --with-pgsql --with-pdo-pgsql --with-zip --with-json --with-xml --enable-fpm" \
 PHP_BUILD_XDEBUG_ENABLE=off \
 PHP_BUILD_INSTALL_EXTENSION="apcu=5.1.22 pcov=1.0.11" \
 phpenv install 8.1.12

Step 4 - Switching Version

# List installed versions
$ phpenv versions

# Switch into specific version
$ phpenv global 8.1.12

Reclaim Video Memory for Headless Server

Tue, 04 Oct 2022 08:51:18 +0700

I bought a Beelink SER3 mini pc for my home server. It has 8GB memory and 256GB storage. Barely enough for my use case to run several service such as vaultwarden, nextcloud, freshrss, plex media server and other thing. In the future I might want to install gitlab or youtrack. For that I need to upgrade the memory to atleast 16GB.

The thing is, it come pre-installed with windows 11 and from the marketing material it is intended for lightweight desktop usage (office suite, watch video) and boasting to be able running at 4K resolution. No wonder that the allocated video memory from RAM is around 2GB. I notice that after replacing windows with archlinux the main memory only read as 5.xGB. I always thought that video memory is done by OS, it turn out I need to configure it in the BIOS. Here’s the setting

Enter Bios mode (restart pc and pres del key), and select Advanced Tab, then select AMD CBS

Figure 1: Advance Tabs
Select NBIO Common Options

Figure 2: NBIO Common Options
Select GFX Configuration

Figure 3: GFX Configuration
Change following options
- Integrated Graphics Controller -> Forces
- UMA Mode -> UMA_SPECIFIED
- UMA Version -> AUTO
- UMA Frame Buffer Size -> SELECT_YOUR_CHOISE (I run this pc as headless server, the smallest choise is 64MB) To be safe I choose 128MB, might need to install DE later on.
  
  Figure 4: UMA Configuration

Scrapping Leaflet Marker Data

Mon, 03 Oct 2022 14:21:00 +0700

This is a snippet to scrap data from leaflet map generated by https://sekolah.data.kemdikbud.go.id/index.php/Cpetasebaran/index/000000/

Select data you want to scrap

Figure 1: Select data to be scrapped
Open developer console on your browser and paste following code

// Retrieve layers data as array
let layers = Object.keys(map._layers).map((key) => map._layers[key])

// Filter with popup only
let points = layers.filter((layer) => layer._popupHandlersAdded)

// Do something with the results
let results = points.map((point) => ({ coordinate: point.getLatLng(), data: point.getPopup().getContent() }))

// Extract essentials data
let processed = results.map((item) => {
 // Create dummy element for querying DOM
 const element = document.createElement('div')
 element.innerHTML = item.data
 const schoolId = element.querySelector('a').href.split('/').pop()
 let data = element.querySelectorAll('li')
 data = [...data].map((el) => {
 const result = el.textContent.replace('NPSN : ', '').replace('Alamat : ', '')
 return result
 })
 data.push(schoolId)

 return { coordinate: item.coordinate, npsn: data[0], nama: data[1], alamat: data[2], id: data[3] }
})

localStorage.setItem('results', JSON.stringify(processed))

Now we can retrieve the results from localStorage. Open Storage tabs, navigate to Local Storage, select and copy

Figure 2: Copy from localStorage
Paste into text editor and remove result:" at the start of the line and " from the end of the line. Save as results.json file.
Create new file and paste following code, save as json2geo.py

#!/usr/bin/env python3
# Original code from: https://gis.stackexchange.com/a/74046

from sys import argv
from os.path import exists
import simplejson as json

script, in_file, out_file = argv

data = json.load(open(in_file))

geojson = {
 "type": "FeatureCollection",
 "features": [
 {
 "type": "Feature",
 "geometry" : {
 "type": "Point",
 "coordinates": [d["coordinate"]["lng"], d["coordinate"]["lat"]],
 },
 "properties" : d,
 } for d in data]
}

output = open(out_file, 'w')
json.dump(geojson, output)

Add execute permission with chmod +x json2geo.py
Open terminal and run ./json2geo.py results.json final-results.geojson

Store Steam Library on Nas Server

Sun, 25 Sep 2022 22:19:41 +0700

By default steam library will be installed to your home directory when installed on linux. Unfortunately my drive only 128GB, not enough to install most AAA title. Fortunately I have NAS server with large storage. It would be nice to put game library on this server. That way I can share it between linux and windows (hopefully).

How To

Create NFS share on your NAS. This is an example of my configuration. It can only be accessed from ip address 192.168.88.10 (my desktop pc).

"/mnt/md0/games" 192.168.88.10(rw,async,insecure,no_subtree_check,no_root_squash)

Mount your NFS share into local directory. You can use mount command or add entry on your /etc/fstab

# /etc/fstab
# ...
192.168.88.2:/mnt/md0/games /home/zackad/Games nfs defaults,noatime,users,exec 0 0

Make sure that you add exec at the end of option, otherwise steam will complain about your mount missing execute permission
Open steam Settings -> Downloads -> Steam Library Folder

Click ‘+’ button to add library folder

Select ‘Let me choose another location’

Choose your folder to store steam library. Make sure that folder you choose is empty.

Now you can use this new library to store your game or application

Configuring Beelink SER3 to Auto Start on Power Loss

Fri, 16 Sep 2022 11:55:00 +0700

Power ON your mini-pc and press Del key on your keyboard until you enter BIOS mode.
Navigate to Advanced tab
Select AMD CBS menu
Select FCH Common Options
Select AC Power Loss Options
Select your preferred mode when AC Power is loss. In my case I want it to auto turn on when AC power lost and the machine is powered on, so I choose “Previous”
Press F4 key to save the change and exit.

Installing Aequilibrae plugin on QGIS linux

Mon, 08 Aug 2022 14:33:00 +0700

Problem

Depending on your current setup, you might not be able install and use Aequilibrae plugin out of the box. I have this problem on linux and macos system. It works flawlessly on windows system. Just follow the manual and you good to go.

Solution

It take me quite some time to figure it out what exactly the problem. Basically it come down to:

missing dependency
bug on download binaries functionality
incompatible compiled binary version provided by plugin author

Here the steps I do to fix this problem

Install Aequilibrae with plugin manager. You might have error like this

Couldn't load plugin 'AequilibraE' due to an error when calling its classFactory() method
ModuleNotFoundError: No module named 'scipy'
Traceback (most recent call last):
File "/usr/lib/python3.10/site-packages/qgis/utils.py", line 423, in _startPlugin
plugins[packageName] = package.classFactory(iface)
File "/home/zackad/.local/share/QGIS/QGIS3/profiles/default/python/plugins/AequilibraE/__init__.py", line 32, in classFactory
from .AequilibraEMenu import AequilibraEMenu
File "/usr/lib/python3.10/site-packages/qgis/utils.py", line 888, in _import
mod = _builtin_import(name, globals, locals, fromlist, level)
File "/home/zackad/.local/share/QGIS/QGIS3/profiles/default/python/plugins/AequilibraE/AequilibraEMenu.py", line 31, in
from .distribution_procedures import DistributionModelsDialog
File "/usr/lib/python3.10/site-packages/qgis/utils.py", line 888, in _import
mod = _builtin_import(name, globals, locals, fromlist, level)
File "/home/zackad/.local/share/QGIS/QGIS3/profiles/default/python/plugins/AequilibraE/distribution_procedures/__init__.py", line 21, in
from .distribution_models_dialog import DistributionModelsDialog
File "/usr/lib/python3.10/site-packages/qgis/utils.py", line 888, in _import
mod = _builtin_import(name, globals, locals, fromlist, level)
File "/home/zackad/.local/share/QGIS/QGIS3/profiles/default/python/plugins/AequilibraE/distribution_procedures/distribution_models_dialog.py", line 13, in
from ..matrix_procedures import LoadMatrixDialog, LoadDatasetDialog, DisplayAequilibraEFormatsDialog
File "/usr/lib/python3.10/site-packages/qgis/utils.py", line 888, in _import
mod = _builtin_import(name, globals, locals, fromlist, level)
File "/home/zackad/.local/share/QGIS/QGIS3/profiles/default/python/plugins/AequilibraE/matrix_procedures/__init__.py", line 1, in
from .load_matrix_class import LoadMatrix
File "/usr/lib/python3.10/site-packages/qgis/utils.py", line 888, in _import
mod = _builtin_import(name, globals, locals, fromlist, level)
File "/home/zackad/.local/share/QGIS/QGIS3/profiles/default/python/plugins/AequilibraE/matrix_procedures/load_matrix_class.py", line 25, in
from scipy.sparse import coo_matrix
File "/usr/lib/python3.10/site-packages/qgis/utils.py", line 888, in _import
mod = _builtin_import(name, globals, locals, fromlist, level)
ModuleNotFoundError: No module named 'scipy'
Python version: 3.10.5 (main, Aug 1 2022, 07:53:20) [GCC 12.1.0]
QGIS version: 3.26.1-Buenos Aires Buenos Aires, exported
Python Path:
/home/zackad/.local/share/QGIS/QGIS3/profiles/default/python/plugins/AequilibraE/aequilibrae
/home/zackad/.local/share/QGIS/QGIS3/profiles/default/python/plugins/AequilibraE/aequilibrae
/usr/share/qgis/python
/home/zackad/.local/share/QGIS/QGIS3/profiles/default/python
/home/zackad/.local/share/QGIS/QGIS3/profiles/default/python/plugins
/usr/share/qgis/python/plugins
/usr/lib/python310.zip
/usr/lib/python3.10
/usr/lib/python3.10/lib-dynload
/home/zackad/.local/lib/python3.10/site-packages
/usr/lib/python3.10/site-packages
/home/zackad/.local/share/QGIS/QGIS3/profiles/default/python

You need to install some dependencies manually with pip command. In this case run pip install scipy. Do the same until there’s no error loading the plugin. Restart QGIS for this to take effect.

Right click on Toolbar and make sure that Aequilibrae panel is checked
Click “Download binaries”. The version I’m using has a bug that prevent me to download binaries. It might have been fixed and upated when you read this article.
Open file /home/zackad/.local/share/QGIS/QGIS3/profiles/default/python/plugins/AequilibraE/binary_downloader_class.py and change this on line 27

- par = yaml.load(yml)
+ par = yaml.safe_load(yml)

Restart QGIS. Now you should be able to download the binaries
Click “GIS -> Desire Line” on Aequilibrae panel and you will trigger another error. If you open “Log messages” panel from “View -> Panels -> Log messages”, you will find something like this on “Python warnings” tab.

2022-08-08T15:03:07 WARNING warning:/home/zackad/.local/share/QGIS/QGIS3/profiles/default/python/plugins/AequilibraE/AequilibraEMenu.py:55: UserWarning: AequilibraE binaries are not available ("cannot import name 'allOrNothing' from 'AequilibraE.aequilibrae.aequilibrae.paths' (/home/zackad/.local/share/QGIS/QGIS3/profiles/default/python/plugins/AequilibraE/aequilibrae/aequilibrae/paths/__init__.py)",)
warn(f'AequilibraE binaries are not available {e.args}')
traceback: File "", line 1, in
File "/usr/lib/python3.10/site-packages/qgis/utils.py", line 443, in startPlugin
if not _startPlugin(packageName):
File "/usr/lib/python3.10/site-packages/qgis/utils.py", line 423, in _startPlugin
plugins[packageName] = package.classFactory(iface)
File "/home/zackad/.local/share/QGIS/QGIS3/profiles/default/python/plugins/AequilibraE/__init__.py", line 32, in classFactory
from .AequilibraEMenu import AequilibraEMenu
File "/usr/lib/python3.10/site-packages/qgis/utils.py", line 888, in _import
mod = _builtin_import(name, globals, locals, fromlist, level)
File "", line 1027, in _find_and_load
File "", line 1006, in _find_and_load_unlocked
File "", line 688, in _load_unlocked
File "", line 883, in exec_module
File "", line 241, in _call_with_frames_removed
File "/home/zackad/.local/share/QGIS/QGIS3/profiles/default/python/plugins/AequilibraE/AequilibraEMenu.py", line 55, in
warn(f'AequilibraE binaries are not available {e.args}')

Compile aequilibrae binary manually
Open terminal and navigate to ~/.local/share/QGIS/QGIS3/profiles/default/python/plugins/AequilibraE/aequilibrae/aequilibrae/paths directory
Type python setup_Assignment.py build_ext --inplace
Restart QGIS

Reset USB Connection Without Un-pluging on Linux

Mon, 16 May 2022 17:26:00 +0700

I’ve been playing games on linux lately. Unfortunately most of them is windows game that I run using steam proton or wine. None of them has native support for linux and has some problem either when launching or terminating. In most cases I’m using either SIGKILL or SIGTERM to stop the process. Because of this ungracefull process ternimation my wireless xbox controller going caput and refuse to re-connect. The solution is easy, just unplug and re-plug the usb wireless receiver.

The bad news is I’m pluging the receiver on the back of my pc and make it cumbersome to do. It would be great if we can just re-connect usb device without physically re-pluging the hardware. If you’re using arch linux based distro there’s AUR package that can do that, it’s called usbreset.

Install with your favorite package manager

$ pamac build usbreset

Find out which usb device you want to reset

$ lsusb

# This is the list of connected usb devive
Bus 004 Device 001: ID 1d6b:0003 Linux Foundation 3.0 root hub
Bus 003 Device 002: ID 045e:0719 Microsoft Corp. Xbox 360 Wireless Adapter
Bus 003 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub
Bus 002 Device 001: ID 1d6b:0003 Linux Foundation 3.0 root hub
Bus 001 Device 003: ID 8087:0029 Intel Corp. AX200 Bluetooth
Bus 001 Device 002: ID 04d9:0180 Holtek Semiconductor, Inc. USB-HID Keyboard
Bus 001 Device 004: ID 18f8:0fc0 [Maxxter] USB GAMING MOUSE
Bus 001 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub

From output example above, the xbox wireless receiver on Bus 003 and Device 002. Now we need to run command

$ usbreset /dev/bus/usb/003/002

# Will output something like this
Resetting USB device /dev/bus/usb/003/002
Reset successful

Reference:

How To Run Windows Game with Vanilla Wine on Linux

Sun, 15 May 2022 10:06:00 +0700

What

Gaming on linux getting better and better in the last couple of years thanks to Steam and project like proton. This is my take on how to play windows game that doesn’t available on steam or some pirated version to try before buying. Ideally I would use proton to run windows game/application but I can’t make it work. Proton/steam always complaint about execute permission on mounted disk. I store most of my data on NAS server mounted with samba or NFS. Whatever tweak I use, steam wont recognize it as valid mount. I can’t even use my mounted NAS as steam library folder. This force me to ‘sacrifice’ litle space on my local drive to be used as steam library folder. Fortunately by using wine I can run whatever application/game stored in whatever directory/network mounted share.

Why not use Lutris/PlayOnLinux/Others?

I have steam installed on my system and don’t want to add another application just to launch game/app. All I need is some mechanism to launch windows game/application and add it to steam for centralize game launcher.

Step by Step

Install latest version of wine using your package manager
Make sure you can run wine from your terminal

$ wine

# Will output something like this
wine-7.7

Create separate prefix for each game/application (optional)

# Run following command to create custom prefix directory
# This will populate wine prefix with all the needed files for wine to run
$ WINEPREFIX=/path_to_your_custom_prefix/.wine_awesome_game winecfg

Install patched dxvk-async to reduce stutter when playing game (optional)

# Download compiled patched version of dxvk-async
# Check "https://github.com/Sporif/dxvk-async/releases" for latest release
$ curl -Lo dxvk-async-1.10.1.tar.gz https://github.com/Sporif/dxvk-async/releases/download/1.10.1/dxvk-async-1.10.1.tar.gz

# Extract downloaded
$ tar -xzf dxvk-async-1.10.1.tar.gz

# Change directory to the new extracted content
$ cd dxvk-async-1.10.1

# Make sure that installer script has execute permission
$ chmod +x setup_dxvk.sh

# Install dxvk-async into wine prefix we created earlier
$ WINEPREFIX=/path_to_your_custom_prefix/.wine_awesome_game ./setup_dxvk.sh install

Install/Run windows game. Now that we have custom wine prefix for game that we want to play, we can install or just copy from windows machine (some game can be run without full re-installation)

# Lets say we have installer in Download directory
$ cd Download

# Run installer with wine prefix we create earlier
# Follow installation proccess
$ WINEPREFIX=/path_to_your_custom_prefix/.wine_awesome_game wine my-game-installer.exe

# Now we can run the game
#
# Let say we install the game into "~/Games/My Awewome Game" directory. Notice the space in the
# directory name, we need to escape it
#
# Make sure you run wine from game installation directory, or it might not work as you expected
$ cd ~/Games/My\ Awesome\ Game

# Make sure to set DXVK_ASYNC=1, this will reduce stutter caused by shader compilation
$ DXVK_ASYNC=1 WINEPREFIX=/path_to_your_custom_prefix/.wine_awesome_game wine game-name.exe

Creating shell script to launch the game (optional)

#!/usr/bin/env sh
# Create new file and save it as `my-game-launcher.sh`
cd ~/Games/My\ Awesome\ Game
DXVK_ASYNC=1 WINEPREFIX=/path_to_your_custom_prefix/.wine_awesome_game wine game-name.exe

add execute permission with chmod +x my-game-launcher.sh

Now we can call the launcher from terminal or add it into steam as ‘Non-Steam game’. Open terminal and run /path_to/my-game-launcher.sh to run the launcher.

Fixing Slow Boot After Turning Off Swap on Linux

Sat, 23 Apr 2022 00:00:00 +0000

Why Turning-off swap?

Most of the time I have terrible experience when using swap. Whenever I have Out Of Memory (OOM) error, my computer freeze and become unusable that I have to hard reset it. Other time when the swap is actively being used, it make my system become unstable and not responsive because the system trying to access data from the swap. It’s a slow process that sometime require a few minutes before I can kill some applications to reclaim some memory.

What The Problem Now?

Usually all we need to do to disable swap is simple turning it off with sudo swapoff -a and then remove swap entry from /etc/fstab. This will prevent swap partition to be mounted after reboot. Unfortunately this is not the case for me. After rebooting I notice that for some reason, my system trying to mount swap partition that I’m already removed from /etc/fstab. What makes it worst is that I’ve deleted the swap partition itself so I can’t revert it. This will make my system become slower to boot because it will wait the swap partition to be mount before giving up after 10 seconds timeout.

The Solution

After searching on the internet I don’t find anything that will fix my problem. Most of the solution basically telling to disable swap with sudo swappoff -a and removing swap entry from /etc/fstab which I have already done. The others suggest to check /etc/initfamfs-tools/conf.d/resume (didn’t exist in my system) and rebuild RAM disk with sudo update-initramfs -u (command not found in my system).

Fortunately it give me some hints where to look for. I suspect it has to do with grub, so I check /etc/defaults/grub and found this entry

GRUB_CMDLINE_LINUX_DEFAULT="amd_iommu=on iommu=pt mitigations=off apparmor=1 security=apparmor resume=UUID=2f391ed3-ca81-469e-a848-5d2b1b846b77 udev.log_priority=3"

Notice the resume=UUID=xxxxx part, this is the old swap partition uuid. So I just remove that part and update grup config with sudo grub-mkconfig -b /boot/grub/grub.cfg and then reboot.

And yes, it fix my problem of system trying to mount non existing partition and causing slower booting time.

Re-Installing TerraMaster OS (TOS) After It Broke

Mon, 06 Dec 2021 11:13:00 +0700

Why?

After I update TerraMaster OS (TOS), I’m also installing some application that unfortunately got stuck on 50% progress for a long time. The application I want to install are Transmission (bittorent client) and Aria2 (multi protocol download client). Both of them got stuck at 50% progress. With no option to cancel installation process and getting impatient, I decide to reboot my server and all of sudden I can no longer able to access my server. Accessing web control panel got connection refused, accessing ssh also refused.

At this point my conclusion is that I need to factory reset my server. But wait, it doesn’t has reset button and I can’t even access it via ssh. The answer is by re-installing the operating system (TOS) itself.

Before You Start

Read the documentation/user manual
Find out if other user has similar problem
Don’t hesitate to ask for help in the internet forum or customer service
Backup your data if possible

My first step of re-installing TOS is find out how to do it, and why other people do it in the first place. I found this thread that someone broke their system after rebooting the server. Similar enough for me. In my case, it might caused by incomplete installation process and make my system corrupt.

My biggest fear is that I might lose all the data stored on the hard drive if I re-install the TOS. Thanks to this post I feel a bit relieved knowing that I won’t lose data unless I re-format by drive.

Problem Along The Way

Following guide from the user support, I tried to re-install TOS using online installer. I tried this several times but the server is NOT rebooting. Usually after installing the OS it will immediately reboot and start the initialization step. No matter how many times I tried, it still refused to reboot.

Ok, online installation is not working. Maybe offline installation method might work. I download the latest version of TOS from download center page (the latest version of TOS when I write this is version 4.2.17) and install it using offline installation method. Same problem, it stuck after installation progress and not rebooting. Maybe older version of TOS might work? So I download and install the previous version of TOS (4.1.xx) and now it reboot after installation process which is a good sign.

After following initialization step, the server do some system check and rebooting once more. Now the server work fine as intended with all my data still intact. I lose some modification that I make via ssh but that’s ok. I can re-configure it later.

How?

This is the step I do when installing TOS:

Power down the server, unfortunately it doesn’t have reset button. Pressing down power button for several seconds also not make the server turned off. My solution is just unplug the power cable
Unplug all the hard drive
Turn on the server
Access server using web interface, you might need to find out what ip address your server is using whatever method you’re comfortable with. In my case, I asign it static ip address in my router
It wiil prompt you that there is no hard drive attached to the server, keep your server turn on and attach the hard drive. If you have several hard drive, just attach the first one
Click start to begin installation process
After some disk checking, the installation will begin. Select “Install new TOS”
Select “Manual Installation” and browse installation package that have been downloaded
After installation process is done, it wiil reboot and start initialization prcess
Set your username, password and other thing
Server will do some self diagnose and fixing itself
Check if everything is working and your data is safe
Now you can re-attach your other drive
You might need to reboot in order for other drives to be mounted properly

Conclusion

If going forward is not working, maybe step back a little will do the trick. Using newer version of software usually is a good thing but sometimes older version is more reliable.

How to get simple stats from git repository

Sat, 27 Nov 2021 07:44:00 +0700

Actual script

This script will print commit stats grouped by author in the current git repository. Save into your PATH e.g ~/.local/bin/gstats and give it execute permission (chmod +x ~/.local/bin/gstats).

#!/usr/bin/env sh
echo "Generating simple stats for this repository"

for author in $(git shortlog -s | cut -c8- | xargs)
do
 echo -e "\nStats for \"$author\""

 # Copied from: https://gist.github.com/eyecatchup/3fb7ef0c0cbdb72412fc
 git log --shortstat --author=$author \
 | grep -E "fil(e|es) changed" \
 | awk '{files+=$1; inserted+=$4; deleted+=$6; delta+=$4-$6; ratio=deleted/inserted} END {printf "Commit stats:\n- Files changed (total).. %s\n- Lines added (total).... %s\n- Lines deleted (total).. %s\n- Total lines (delta).... %s\n- Add./Del. ratio (1:n).. 1 : %s\n", files, inserted, deleted, delta, ratio }' -
done

Usage

Navigate into your git repository and type gstats command, this will output something like this.

Generating simple stats for this repository

Stats for "dawamakbar"
Commit stats:
- Files changed (total).. 982
- Lines added (total).... 28212
- Lines deleted (total).. 9662
- Total lines (delta).... 18550
- Add./Del. ratio (1:n).. 1 : 0.342478

Stats for "zackad"
Commit stats:
- Files changed (total).. 6201
- Lines added (total).... 128319
- Lines deleted (total).. 61645
- Total lines (delta).... 66674
- Add./Del. ratio (1:n).. 1 : 0.480404

How to self hosting git with http server

Sat, 28 Aug 2021 17:28:00 +0700

Goal

Can list git repository similar to http://git.php.net
Web insterface used only for public view, security is not a concern
Easy to provision and tear down

TL;DR

Create directory where to store your repositories
Run docker run -p 1234:1234 -v /your/repo:/srv/gitweb/repo zackad/gitweb -d

Manual Steps

Create a working directory

mkdir git-webhosting
cd git-webhosting

Create Dockerfile with following content

FROM ruby:2.6-alpine

RUN apk add --no-cache git git-gitweb perl-cgi \
 && mkdir -p /srv/gitweb/repo \
 && cd /srv/gitweb \
 && git init

WORKDIR /srv/gitweb

COPY entrypoint.sh /srv/gitweb/entrypoint.sh
COPY gitweb_config-example.perl /srv/gitweb/gitweb_config-example.perl

EXPOSE 1234

CMD './entrypoint.sh'

Create an entrypoint file with following content

#!/usr/bin/env sh

if [ -z "$1" ]; then
 # Start gitweb server on port 1234
 git instaweb --httpd=webrick

 # Override config file with example, you can override with your own config
 cp gitweb_config-example.perl ./.git/gitweb/gitweb_config.perl

 # Prevent container to exit
 tail -F .git/gitweb/access.log
else
 exec "$@"
fi

Create configuration for gitweb and name it gitweb_config-axample.perl

#!/usr/bin/perl
our $projectroot = "/srv/gitweb/repo";
our $git_temp = "/srv/gitweb/.git/gitweb/tmp";
our $projects_list = $projectroot;
our $projects_list_categories_group = 1;

$feature{'remote_heads'}{'default'} = [1];

Build the docker image with docker build git-hosting:latest .
Start container with docker run -p 1234:1234 -v /your/repo/path:/srv/gitweb/repo git-hosting:latest -d
Open your browser and access http:127.0.0.1:1234
Now you can add your projects into /your/repo/path/ and it will be automatically updated in web interface

Further Action

You can add this container into your server with some reverse proxy to add SSL for secure access. My main purpose of this system if for mirroring and peace of mind knowing that I can host all my project in an environment where I have total control.

Python For Beginner (Not Really Beginner!)

Mon, 13 Jan 2020 21:29:00 +0700

WARNING: This article is not for beginner in programming, but for python beginner.

If you want to learn python as your second (or 3rd, 4th, nth, …) language, this guide will give you some advice to manage your code and project structure.

Preview

Step 1 — Choosing Python Version

Depending on your operating system, python might already installed. Try to type python --version on your terminal and see which version is installed. Sometime multiple version of python is installed in a single machine (version 2 and version 3). You can check by typing on your terminal

# Check default python version
python --version

# Check if python version 3 is installed
python3 --version

If you don’t have it installed, please follow the instruction on your operating system how to install python.

# MacOS with homebrew
brew install python

# Debian based linux distribution
apt get install pthon

# Arch linux
pacman -S python

# Windows
# I have no idea how to install python on windows,
# Then again I don't use windows for programming, sorry.

If you have to install it manually, please visit python download page and follow the instruction.

Generally speaking, you should code for python 3 as the target. Unless you need to support a system that only has python 2. Starting with python version 3.3, it has built in tool to manage virtual environment which we need to manage our project in the next step.

Step 2 — Creating Virtual Environment

Unlike other language where dependencies are installed locally on project directory (composer on PHP, or npm/yarn on NodeJS), python packages are installed on system wide or user home directory. This will cause conflict when we have project that depend on a package with different version. Let’s say we have Project 1 that depend on Package A Version 1 and Project 2 that depend on Package A Version 2. When we importing the package it will cause an error because compatibility issue.

The solution is to isolate these projects into their own environment (or called virtual environment). This will create a directory inside our project with all the binary file that required to run python, including package manager pip.

# Create project directory and move into it
mkdir my-python-project
cd my-python-project

# Create new python environment named .venv
# .venv is the recommended name
python -m venv .venv

# Activating virtual environment
source .venv/bin/activate

# Deactivating virtual environment
deactivate

After activating python virtual environment (venv) we can start installing our dependencies without affecting system python or other environment. When venv is active, this will add a prefix in our shell prompt.

Step 3 — Managing Dependencies

The default package manager for python is pip (in fact I don’t even know if there’s other). After we activate venv we can start install/add dependencies into our project.

# Make sure to activate virtual environment
source .venv/bin/activate

# If this is a new project, start by adding dependencies
pip install numpy matplotlib # and other dependencies we need

# Save dependencies list into known state
pip freeze > requirements.txt

# If this is a project checked out from other source such as git repo
# we can install the dependencies with following command.
# (Assuming that "requirements.txt" file is exist in the project)
pip install -r requirements.txt

Step 4 — Choosing Code Editor/IDE

Dependending what kind of project we want to build, we might need different editor/IDE. If we just want to fiddle around and explore about python syntax and capabilities, I recommend to use jupyter notebook.

pip install jupyterlab

Note: Whenever we install a new package/dependency, we need to run pip freeze > requirements.txt to save our dependencies list.

After installing jupyter we can start by running this command to start the notebook.

jupyter notebook

Open web browser and visit “http://localhost:8888/” to access the notebook. Try creating a new notebook by clicking New > Python 3 Notebook. Now we can star fiddle around.

Step 5 — Enabling Version Control (Optional)

# Initiating git repository
git init

Add following entries to your .gitignore

# The name or virtual environment
.venv

# jupyter notebook checkpoints
ipynb_checkpoints

Conclusion

use python 3
different environment for different project
install dependencies in virtual environment
use jupyter notebook to fiddle around
keep project history with git

Migrate Blog System From Jekyll To GatsbyJS

Fri, 10 Jan 2020 10:24:00 +0700

Spoiler Alert: NO, I DON’T

For something that simple like blog system, the complexities of moving from jekyll to gatsby is not woth it. Here the reason why I’m considering migrating my blog system:

I don’t use ruby
I’m familiar with javascript and react

The reason why I don’t migrate:

For static content like blog, I would like to avoid javascript if possible
Migrating process is painfull that I give up midway
The generated artifact is too large (gatsby => 2.5Mb, jekyll => 500Kb)

How to Select Fastest Ubuntu Repository Mirror

Thu, 18 Jan 2018 00:00:00 +0000

Ubuntu has so many mirror repository we can choose. Sometimes the mirror exists in our country that near with our internet provider.

Update

Thank to this answer on askubuntu.com we can automatically select fastest (maybe) mirror based on our geographic location.

This configuration will automatically select best mirror based on our geographic location. However, this doesn’t necessary mean the fastest server. Add following entry at the top of /etc/apt/source.list file. You may delete other entry if you wish.

deb mirror://mirrors.ubuntu.com/mirrors.txt xenial main restricted universe multiverse
deb mirror://mirrors.ubuntu.com/mirrors.txt xenial-updates main restricted universe multiverse
deb mirror://mirrors.ubuntu.com/mirrors.txt xenial-backports main restricted universe multiverse
deb mirror://mirrors.ubuntu.com/mirrors.txt xenial-security main restricted universe multiverse

Change xenial part with your ubuntu version such as trusty, artful, bionic.

The following is for other option to select ubuntu mirror.

Requirements

Python with pip package manager
Internet connection (obviously)

Installation

Installation from pip (python package manager)

sudo pip install apt-select

Manual installation with git

git clone https://github.com/jblakeman/apt-select
python apt-select/setup.py install

Usage

Open terminal and run apt-select command. By default, if country code is not provided it will select mirror from US (united stated). Available options are:

usage: apt-select [-h] [-C [COUNTRY]] [-t [NUMBER]] [-m [STATUS] | -p]
[-c | -l]
Find the fastest Ubuntu apt mirrors.
Generate new sources.list file.
optional arguments:
-h, --help show this help message and exit
-C [COUNTRY], --country [COUNTRY]
specify a country to test its list of mirrors
used to match country list file names found at mirrors.ubuntu.com
COUNTRY should follow ISO 3166-1 alpha-2 format
default: US
-t [NUMBER], --top-number [NUMBER]
specify number of mirrors to return
default: 1
-m [STATUS], --min-status [STATUS]
return mirrors with minimum status
choices:
up-to-date
one-day-behind
two-days-behind
one-week-behind
unknown
default: up-to-date
-p, --ping-only rank mirror(s) by latency only, disregard status(es)
cannot be used with -m/--min-status
-c, --choose choose mirror from a list
requires -t/--top-num NUMBER where NUMBER > 1
-l, --list print list of mirrors only, don't generate file
cannot be used with -c/--choose

Copy the generated file into /etc/apt/source.list.

# Backup current sources.list
cp /etc/apt/sources.list /etc/apt/sources.list.backup

# Copy the generated file
cp sources.list /etc/apt/sources.list

Using Gulp To Automatically Run PHPUnit Test After Saving File

Sat, 23 Dec 2017 00:00:00 +0000

One of the most annoying as developer/programmer is to do repetitive task over and over again. Why not just automate it? We are programmer right? It’s our job to solve this kind of problem.

The usual workflow of testing with phpunit is write test -> run phpunit -> edit source -> run php unit -> repeat. As we can see, in a single cyclus we run phpunit twice just to check if our source is passing the test. What if after editing the source the test is still failed? We need to edit the source and run phpunit again to check if the test is passing. This kind of repetitive task of cource can be automated right?

Requirement

- NodeJS with npm

Installation

Open terminal and change to project directory and install gulp with npm

npm install --save-dev gulp

Configuration

Create a new file with gulpfile.js name and paste code below.

var gulp = require('gulp');
var exec = require('child_process').exec;

gulp.task('phpunit', function() {
 exec('vendor/bin/phpunit --colors=always', function(error, stdout) {
 console.log(stdout);
 });
});

gulp.task('default', function() {
 gulp.watch('**/*.php', {debounceDelay: 2000}, ['phpunit']);
});

Note: in this configuration we assume that phpunit is installed with composer. If your phpunit is installed globally, you can just type phpunit as exec parameter.

Run phpunit test after saving file

To run gulp just type node_modules/.bin/gulp from ternimal. Alternatively we can store this task into package.json as npm script.

...
"scripts": {
 "start": "gulp"
}
...

Now, everytime we need to run gulp we can invoke it with npm start. With this, after we edit php source and save it, the phpunit will be automatically run and we can monitor the result from terminal.

Menghitung Usability Factor Arah Runway Bandara dengan MySQL Database

Wed, 15 Nov 2017 00:00:00 +0000

Salah satu tahap dalam perencanaan bandara adalah menentukan arah runway dengan memperhatikan kondisi angin di lokasi. Dalam artikel singkat ini akan dijelaskan bagaimana menghitung usability factor dengan menggunakan database sebagai alat bantu analisis.

Apa saja yang dibutuhkan?

Data arah angin selama 5 tahun terakhir sesuai dengan yang disyaratkan oleh ICAO (International Civil Aviation Organisation). Data ini bisa diperoleh di stasiun pengamatan BMKG terdekat dengan lokasi.
MySQL database sebagai alat bantu analisis
MySQL client sebagai antar muka (interface) user dengan system database. (HeidiSQL, MySQL Workbench)

Tahap 1 — Mempersiapkan dan memformat database

Pada tahap ini, kita akan mempersiapkan tabel sebagai tempat penyimpanan data. Adapun tabel yang dibutuhkan meliputi :

tabel data angin
tabel rencana arah runway
tabel waktu pencatatan data angin (opsional)
tabel lokasi stasiun pengamatan (opsional)

Catatan: tabel yang bersifat opsional akan berguna ketika kita akan melakukan analisis windrose dengan menggunakan aplikasi WRPlot View.

Dari daftar tabel diatas, kita bisa membuat tabel baru dengan perintah:

-- Membuat tabel data angin
CREATE TABLE IF NOT EXISTS 'data_angin' (
 -- Kolom opsional, berguna untuk export data ke format .lakes
 'id_sta_pengamatan' int(11) DEFAULT NULL, -- id dari tabel stasiun pengamatan
 'tanggal' date DEFAULT NULL, -- format 'YYYY-MM-DD'
 'kecepatan_angin' double DEFAULT NULL, -- satuan Knot
 'arah_angin' int(11) DEFAULT NULL -- satuan derajat (°) dengan 0° = utara
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

-- Membuat tabel arah runway
CREATE TABLE IF NOT EXISTS 'arah_runway' (
 ''
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

Tahap 2 — Menginput data

Tahap 3 — Membuat fungsi analisis

-- Overwrite existing function
DROP FUNCTION IF EXISTS `is_crosswind`;

DELIMITER //
-- Check if wind component is a crosswind to runway direction based on tresshold value
CREATE FUNCTION `is_crosswind`(
 `tresshold` DOUBLE, -- Knot
 `runwayDirection` DOUBLE, -- Degree (°)
 `windDirection` DOUBLE, -- Degree (°)
 `windSpeed` DOUBLE -- Knot
 )
 -- Return 1 if crosswind, 0 if not
 RETURNS integer(1)
 LANGUAGE SQL
 DETERMINISTIC
 CONTAINS SQL
 SQL SECURITY DEFINER
 COMMENT ''
BEGIN
declare angelDeg double;
declare angelRad double;
declare crossWind double;

-- Calculate minimum angel between 2 crossing line
-- https://math.stackexchange.com/questions/341749/how-to-get-the-minimum-angle-between-two-crossing-lines
set angelDeg = abs(abs(`runwayDirection` - `windDirection`) - 180);

-- convert angel Degree to Radian
set angelRad = (pi()/180) * angelDeg;
set crossWind = sin(angelRad) * `windSpeed`;

if crossWind > `tresshold`
 then return 1;
 else return 0;
end if;
END //
DELIMITER ;

Tahap 4 — Menghitung usability factor

Referensi

http://www.archerfieldairport.com.au/Downloads/Masterplan2011/TP1_Wind%20Usability%20Analysis.pdf

Dengerin Spotify Tanpa Iklan Di PC (No crack, no premium)

Sun, 12 Nov 2017 00:00:00 +0000

Inilah cara paling mudah dengerin spotify tanpa terganggu iklan. Tanpa instal software tambahan, tanpa upgrade ke premium, dan tanpa bajak akun punya orang lain.

Disclaimer: cara ini tidak mengaktifkan fitur premium yang lain seperti offline mode, high quality streaming, dll.

Daftar host list yang akan di blok

Buka web browser dan akses https://github.com/zackad/dotfiles/blob/master/hosts.d/ads_spotify.conf atau klik disini
Copy isi file tersebut (kurang lebih seperti dibawah ini)

# BLock ads host for spotify
# host list taken from https://www.reddit.com/r/Piracy/comments/4kn6rq/comprehensive_guide_to_blocking_ads_on_spotify/
127.0.0.1 adclick.g.doublecklick.net
127.0.0.1 adeventtracker.spotify.com
127.0.0.1 ads-fa.spotify.com
127.0.0.1 analytics.spotify.com
127.0.0.1 audio2.spotify.com
127.0.0.1 b.scorecardresearch.com
127.0.0.1 bounceexchange.com
127.0.0.1 bs.serving-sys.com
127.0.0.1 content.bitsontherun.com
127.0.0.1 core.insightexpressai.com
127.0.0.1 crashdump.spotify.com
127.0.0.1 d2gi7ultltnc2u.cloudfront.net
127.0.0.1 d3rt1990lpmkn.cloudfront.net
127.0.0.1 desktop.spotify.com
127.0.0.1 doubleclick.net
127.0.0.1 ds.serving-sys.com
127.0.0.1 googleadservices.com
127.0.0.1 googleads.g.doubleclick.net
127.0.0.1 gtssl2-ocsp.geotrust.com
127.0.0.1 js.moatads.com
127.0.0.1 log.spotify.com
127.0.0.1 media-match.com
127.0.0.1 omaze.com
127.0.0.1 open.spotify.com
127.0.0.1 pagead46.l.doubleclick.net
127.0.0.1 pagead2.googlesyndication.com
127.0.0.1 partner.googleadservices.com
127.0.0.1 pubads.g.doubleclick.net
127.0.0.1 redirector.gvt1.com
127.0.0.1 s0.2mdn.net
127.0.0.1 securepubads.g.doubleclick.net
127.0.0.1 spclient.wg.spotify.com
127.0.0.1 tpc.googlesyndication.com
127.0.0.1 v.jwpcdn.com
127.0.0.1 video-ad-stats.googlesyndication.com
127.0.0.1 weblb-wg.gslb.spotify.com
127.0.0.1 www.googleadservices.com
127.0.0.1 www.googletagservices.com
127.0.0.1 www.omaze.com

Note: Untuk daftar list yang uptodate, cek disini.

Edit file host

Windows user

Buka notepad (text editor) dengan hak akses administrator
Buka file C:\Windows\system32\drivers\etc\hosts
Tambahkan kode diatas di bagian bawah file
Save

Linux/MacOS user

Buka text editor dengan hak akses superuser (sudo)
Buka file /etc/hosts
Tambahkan kode diatas pada bagian bawah file
Save

Setelah file berhasil disimpan, sebaiknya restart Spotify kalau sebelumnya telah dibuka. Sekarang tiap kali kita mendengarkan musik dengan spotify, tidak ada lagi iklan yang mengganggu karena telah diblok dengan file host kita.

Referensi

https://www.reddit.com/r/Piracy/comments/4kn6rq/comprehensive_guide_to_blocking_ads_on_spotify/

How to Extend Line with ArcGIS

Sat, 07 Oct 2017 00:00:00 +0000

Example of how to extend line feature (eg. road digitation) in order to cleanup the dangels using ArcGIS 10.1.

import arcpy

arcpy.env.workspase = "path/to/workspase"
arcpy.ExtendLine_edit("dataset.shp", "distance", "EXTENSION")

Extend Line Example (Stand-alone script)

Clean up street centerlines that were digitized without having set proper snapping environments.

# Name: ExtendLine.py
# Description: Clean up street centerlines that were digitized without having
# set proper snapping environmnets
# Author: ESRI

# Import system modules
import arcpy
from arcpy import env

# Set environments settings
env.workspase = "C:/data"

# Make backup copy of streets feature class, since modification with the Editing tools below is permanent
streets = "street.shp"
streetsBackup = "C:/output/streetsBackup.shp"
arcpy.CopyFeatures_management(streets, streetsBackup)

# Trim street lines to clean up the dangles
arcpy.TrimLine_edit(streets, "10 Feet", "KEEP_SHORT")

# Extend street lines to clean up the dangles
arcpy.ExtendLine_edit(streets, "15 Feet", "EXTENSION")

Reference

help file of ArcMap 10.1

SQL Function to Check Crosswind

Tue, 26 Sep 2017 00:00:00 +0000

A simple function to check if a wind component is crosswind for airport runway direction planning. Using MySQL as database engine and analysis tool, this function can help to simplify checking usability factor of runway direction with given meteorogical data.

DROP FUNCTION IF EXISTS `is_crosswind`;

DELIMITER //

-- Check if wind component is a crosswind to runway direction based on tresshold value
CREATE FUNCTION `is_crosswind`(
 `tresshold` DOUBLE, -- Knot
 `runwayDirection` DOUBLE, -- Degree
 `windDirection` DOUBLE, -- Degree
 `windSpeed` DOUBLE -- Knot
 )
 -- Return 1 if crosswind, 0 if not
 RETURNS integer(1)
 LANGUAGE SQL
 DETERMINISTIC
 CONTAINS SQL
 SQL SECURITY DEFINER
 COMMENT ''
BEGIN
declare angelDeg double;
declare angelRad double;
declare crossWind double;

-- Calculate minimum angel between 2 crossing line
-- https://math.stackexchange.com/questions/341749/how-to-get-the-minimum-angle-between-two-crossing-lines
set angelDeg = abs(abs(`runwayDirection` - `windDirection`) - 180);

-- convert angel Degree to Radian
set angelRad = (pi()/180) * angelDeg;
set crossWind = sin(angelRad) * `windSpeed`;

if crossWind > `tresshold`
 then return 1;
 else return 0;
end if;
END //
DELIMITER ;

Configuring Mapserver With NGINX Using Fast CGI

Wed, 06 Sep 2017 00:00:00 +0000

Mapserver is an Open Source platform for publishing spatial data and interactive mapping application to the web. In this tutorial we will using nginx as reverse proxy to forward request to mapserver cgi process in the backgraound.

Prerequisites

Mapserver (available in ubuntu main repository 16.04 and above)
nginx webserver

This tutorial assuming that mapserver is installed in as /usr/bin/mapserv, if your mapserver installed in different path, please adapt accordingly.

Configure Mapserver as cgi worker with spawn-fcgi

Install spawn-fcgi if not already installed.

sudo apt-get install spawn-fcgi

Fast CGI config

Running mapserver as cgi service. Create file in /etc/init.d/mapserv with superuser privilege. Put this content and save.

#!/usr/bin/env sh
#
# description: Mapserver Service Manager
# processname: lt-mapserv
# pidfile: /var/run/mapserv.pid
# Source function library.
#. /etc/init.d/functions
# Check that networking is up.
#. /etc/sysconfig/network
if [ "$NETWORKING" = "no" ]
then
 exit 0
fi
PREFIX=/usr
NAME=mapserv
PID=/var/run/mapserv.pid
DAEMON=$PREFIX/bin/spawn-fcgi
DAEMON_OPTS=" -a 127.0.0.1 -p 9999 -F 4 -u www-data -U www-data -P $PID $PREFIX/bin/mapserv"
start () {
 echo -n $"Starting $NAME "
 exec $DAEMON $DAEMON_OPTS >> /dev/null
 daemon --pidfile $PID
 RETVAL=$?
 echo
 [ $RETVAL -eq 0 ]
}
stop () {
 echo -n $"Stopping $NAME "
 killproc -p $PID
 #make sure all mapservers are closed
 pkill -f lt-mapserv
 RETVAL=$?
 echo
 if [ $RETVAL -eq 0 ] ; then
 rm -f $PID
 fi
}
restart () {
 stop
 start
}
# See how we were called.
case "$1" in
 start)
 start
 ;;
 stop)
 stop
 ;;
 status)
 status lt-mapserv
 RETVAL=$?
 ;;
 restart)
 restart
 ;;
 *)
 echo $"Usage: $0 {start|stop|status|restart}"
 RETVAL=2
 ;;
esac
exit $RETVAL

Add execute permission to the file.

sudo chmod +x /etc/init.d/mapserv

Start mapserver service with command

sudo /etc/init.d/mapserv start

Nginx configuration

server {
 listen 80;
 listen [::]:80;
 server_name mapserver.local;

 add_header Access-Control-Allow-Origin *;

 location / {
 # Load from /etc/init.d/mapserv
 fastcgi_pass 127.0.0.1:9999;
 include fastcgi_params;
 fastcgi_param SCRIPT_NAME /usr/bin/mapserv$fastcgi_script_name;
 }
}

URL Rewrite

From nginx configuration file above, we can add rewrite rule to simplify our resource url. Without rewrite, the url would become

http://mapserver-example.com/?map=/path/to/mapfile.map

If we don’t want to expose sensitive information such as mapfile location, we can hide it using url rewrite. From configuration file above, add the following code to location block

rewrite ^/(.*)$ /?map=/path/to/location/of/mapfile.map$1 break;

So the configuration file would become

# Server block

location / {
 # Load from /etc/init.d/mapserv
 fastcgi_pass 127.0.0.1:9999;

 # Rewrite url to hide mapfile path
 rewrite ^/(.*)$ /?map=/path/to/location/of/mapfile.map$1 break;

 include fastcgi_params;
 fastcgi_param SCRIPT_NAME /usr/bin/mapserv$fastcgi_script_name;
 }

Reference

http://dotrem.blogspot.co.id/2013/06/mapservernginxfastcgi-on-ubuntu.html

How To Install Allmark - The Markdown Webserver

Wed, 06 Sep 2017 00:00:00 +0000

allmark is a fast, standalone markdown web server for Linux, Mac OS and Windows written in go.

allmark is a file-system-centric markdown web server. You can point it at any directory that contains markdown files and it will immediately start a web-server that serves the rendered HTML content of the markdown file to you.

Step 1 — Installing allmark webserver

Download the binary file from this page
Select the right version based on your system. If you use desktop computer, you may have 64bit system
Use chmod to add execute permission.
Copy the downloaded file to /usr/local/bin/allmark

All that step can be written to

curl http://allmark.io/bin/files/allmark_linux_amd64 > allmark
chmod +x allmark
sudo mv allmark /usr/local/bin/allmark

Step 2 — Running allmark webserver

It is recommended to setup configuration wether globally (in your home directory) or locally (on your repository). In this guide, we will config allmark to local repository. Run this command to generate allmark settings.

Change to your (clonned) repository
Init the setting command

cd path/to/your/repository
allmark init

Open .allmark/config file with your text editor and search the following line and change the “Enabled” key to true to enabling livereload when we are editing the content.

...

"LiveReload": {
 "Enabled": true
},
...

Start allmark server with command. This will automatically open new page on your default web browser to show the content. If not, please open htttp://localhost:33001 on your browser.

allmark serve

Now you can start editing the markdown file on your repository.

Note : if you have rename/add/delete file/folder on your repository, you may need to restart your allmark webserver for those changes to take effect.

Step 3 — Stopping and Restarting allmark webserver

If you want to stop or restart allmark webserver, simply to press Ctrl+C to stop the server. And type command allmark serve then press Enter to start server again.

Reference

https://github.com/andreaskoch/allmark

How to Setup Android Development Environment With React Native on Ubuntu 16.04

Wed, 06 Sep 2017 00:00:00 +0000

Getting started with android development using react-native.

Warning : This article may contain outdated/inacurate information. Please refer to latest documentation.

In this guide, we won’t install android studio since we will use standard text editor such as atom, sublime text or even gedit. There’s no need to install full blown IDE to develop android with react-native. Since all the necessacy tool and process will be using command line. That’s why we want to install minimal amount of tool to save more storage space. Not only that, we won’t install android virtual device (avd) to save more space and use actual device as testing and debug device.

Note : it is recommended to use actual device instead of virtual device.

Step 1 — Installing Java Development Kit (JDK)

We’ll need java in order to compile source code to apk file. To install java, open your terminal and run following command :

sudo apt-get install openjdk-8-jdk

This will install all the necessary package to start developing java application, in this case android application.

There’s no particular reason why we use openjdk-8, if you need to use older/newer version or other java sdk feel free to install those.

Step 2 — Installing NodeJS and NPM

We need to install nodejs and npm in order to use react-native since react is nodejs module. We will install stable version from ppa maintained by NodeSource (not from ubuntu repository).

For the most recent LST (branch 6.x)

curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -

This will adding PPA into our repository list. Now we need to update package list and installing nodejs into our system.

sudo apt-get update
sudo apt-get install nodejs npm

To verify that nodejs and npm is successfully installed, run the following command.

nodejs --version
npm -version

This will output something like

# Output of nodejs --version
v6.10.0

# Output of npm -version
3.10.10

Step 3 — Install and Setup Android SDK (Command Line Tools only)

Create a new folder in your home directory named Android

cd
mkdir Android

Download and extract Android sdk file into Android directory

Go to this page to download command line tools or we can use this link as of 2017-03-17.

cd ~/Android
wget https://dl.google.com/android/repository/tools_r25.2.3-linux.zip
unzip tools_r25.2.3-linux.zip

Add android sdk into system PATH

Now, we have to add android sdk into our PATH so we can use these command from anywhere. Open file .bashrc from our home directory with text editor. We can use nano or vim to edit this file right from terminal.

nano ~/.bashrc

Now, add the following line to the end of file to add android sdk into PATH.

export ANDROID_HOME=${HOME}/Android
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools

We need to restart terminal application for these to take effect.

Installing the right sdk version

React Native require android version 6 (Marshmallow) ro run, so we need to install sdk tool version 23. After restarting terminal application, we’ll install the necessary sdk tool.

Run this command to open android sdk manager.

android

This will open a new window. From here we can select what package to be installed.

Please make sure that following tool is checked before we click Install Package

Tools/Android SKD Tools Rev.25.xx (265 MB)
Tools/Android SKD Platform-tools Rev.25.xx (7.3 MB)
Tools/Android SDK Build-tools Rev 23.0.1 (37.3 MB)
Android 6.0 (API 23)/SDK Platform (67.2 MB)
Android 6.0 (API 23)/Google APIs (176 KB)
Extras/Android Support Repository (322.7 MB)

Step 4 — Installing React Native

Now, we can install react native command line tool with npm. It is recommended to install this tool globally, so you may need superuser permission. From the terminal, run this command to install react-native-cli.

sudo npm install -g react-native-cli

To verify that react-native successfully installed, run this command to show help message.

react-native --help

Note : we don’t need -cli suffix here.

Step 5 — Initiating React Native Application

Use the React Native command line interface to generate a new React Native project called “AwesomeProject”, then run react-native run-android inside the newly created folder.

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

If everything is set up correctly, you should see your new app running in your Android device shortly.

Step 6 — Connecting Android Device to Computer

Enable Debugging over USB

Most Android devices can only install and run apps downloaded from Google Play, by default. You will need to enable USB Debugging on your device in order to install your app during development.

To enable USB debugging on your device, you will first need to enable the “Developer options” menu by going to Settings → About phone and then tapping the Build number row at the bottom seven times. You can then go back to Settings → Developer options to enable “USB debugging”.

Plug in our device via USB

Let’s now set up an Android device to run our React Native projects. Go ahead and plug in your device via USB to your development machine.

Next, check the manufacturer code by using lsusb (on mac, you must first install lsusb). lsusb should output something like this:

$ lsusb
Bus 002 Device 002: ID 8087:0024 Intel Corp. Integrated Rate Matching Hub
Bus 002 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub
Bus 001 Device 003: ID 22b8:2e76 Motorola PCS
Bus 001 Device 002: ID 8087:0024 Intel Corp. Integrated Rate Matching Hub
Bus 001 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub
Bus 004 Device 001: ID 1d6b:0003 Linux Foundation 3.0 root hub
Bus 003 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub

These lines represent the USB devices currently connected to your machine.

You want the line that represents your phone. If you’re in doubt, try unplugging your phone and running the command again:

$ lsusb
Bus 002 Device 002: ID 8087:0024 Intel Corp. Integrated Rate Matching Hub
Bus 002 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub
Bus 001 Device 002: ID 8087:0024 Intel Corp. Integrated Rate Matching Hub
Bus 001 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub
Bus 004 Device 001: ID 1d6b:0003 Linux Foundation 3.0 root hub
Bus 003 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub

You’ll see that after removing the phone, the line which has the phone model (“Motorola PCS” in this case) disappeared from the list. This is the line that we care about.

Bus 001 Device 003: ID 22b8:2e76 Motorola PCS

From the above line, you want to grab the first four digits from the device ID:

22b8:2e76

In this case, it’s 22b8. That’s the identifier for Motorola.

You’ll need to input this into your udev rules in order to get up and running:

echo SUBSYSTEM=="usb", ATTR{idVendor}=="22b8", MODE="0666", GROUP="plugdev" \
 | sudo tee /etc/udev/rules.d/51-android-usb.rules

Make sure that you replace 22b8 with the identifier you get in the above command.

Now check that your device is properly connecting to ADB, the Android Debug Bridge, by running adb devices.

$ adb devices
List of devices attached
emulator-5554 offline # Google emulator
14ed2fcc device # Physical device

Seeing device in the right column means the device is connected. You must have only one device connected at a time.

Running our app

Type the following in your command prompt to install and launch your app on the device:

$ react-native run-android

If you get a “bridge configuration isn’t available” error, see Using adb reverse. Hint : You can also use the React Native CLI to generate and run a Release build (e.g. react-native run-android –configuration Release).

Connecting to the development server

You can also iterate quickly on a device by connecting to the development server running on your development machine. There are several ways of accomplishing this, depending on whether you have access to a USB cable or a Wi-Fi network.

Method 1 — Using adb reverse (recommended)

You can use this method if your device is running Android 5.0 (Lollipop), it has USB debugging enabled, and it is connected via USB to your development machine.

Run the following in a command prompt:

$ adb reverse tcp:8081 tcp:8081

You can now use Reload JS from the React Native in-app Developer menu without any additional configuration.

Method 2 — Connect via Wi-Fi

You can also connect to the development server over Wi-Fi. You’ll first need to install the app on your device using a USB cable, but once that has been done you can debug wirelessly by following these instructions. You’ll need your development machine’s current IP address before proceeding.

Open a terminal and type /sbin/ifconfig to find your machine’s IP address.

Make sure your laptop and your phone are on the same Wi-Fi network.
Open your React Native app on your device.
You’ll see a red screen with an error. This is OK. The following steps will fix that.
Open the in-app Developer menu.
Go to Dev Settings → Debug server host for device.
Type in your machine’s IP address and the port of the local dev server (e.g. 10.0.1.1:8081).
Go back to the Developer menu and select Reload JS.

Step 7 — Installing React Native Application into Device

Now that we have setup all the development tools, all we need to do is to test/install our app into device. Please make sure that we have already connecting our device with computer using USB connection.

If we have problem during initiating application with command

react-native run-android

we can manually install apk file using adb. Run this command to install our app into android device.

adb install android/app/build/outputs/apk/app-debug.apk

If we want to start developing, we have to start react server and enabling livereload from in app menu. To start react server, enter into root directory of our react project and run this command.

npm start

To enabling live reload :

open our app that has already installed
press option button and select Enable Live Reload

ZackadDev

Year 2024 in Review

Notable Events

Tech Stack

Purchases

Entertainment

My Terminal Emulator Journey

Gnome Terminal

Terminator

iTerm2

Kitty

Alacritty

xfce4-terminal

Konsole

WezTerm

Windows Terminal

Ghostty

How I Fix Docker Unreliability

Problems

My Solution

Use docker volume to mount network share

Periodically check if there’s docker container with exited status

Use autoheal to restart unhealthy container

Hide Fullpath From Project Explorer on Jetbrains IDE

How to Fix GPG decrypt on Wezterm intalled via Flatpak

Problem

Solution

TIL: You Can Track Playing Time of Non-Steam Game

How To

I Give Up on Linux Gaming

Build and Configure PHP with phpenv+php-build

Step 1 - Install The Tools

Step 2 - Update Definitions

Step 3 - Compiling

Step 4 - Switching Version

Reclaim Video Memory for Headless Server

Scrapping Leaflet Marker Data

Store Steam Library on Nas Server

How To

Configuring Beelink SER3 to Auto Start on Power Loss

Installing Aequilibrae plugin on QGIS linux

Problem

Solution

Reset USB Connection Without Un-pluging on Linux

Reference:

How To Run Windows Game with Vanilla Wine on Linux

What

Why not use Lutris/PlayOnLinux/Others?

Step by Step

Fixing Slow Boot After Turning Off Swap on Linux

Why Turning-off swap?

What The Problem Now?

The Solution

Re-Installing TerraMaster OS (TOS) After It Broke

Why?

Before You Start

Problem Along The Way

How?

Conclusion

How to get simple stats from git repository

Actual script

Usage

How to self hosting git with http server

Goal

TL;DR

Manual Steps

Further Action

Python For Beginner (Not Really Beginner!)

Preview

Step 1 — Choosing Python Version

Step 2 — Creating Virtual Environment

Step 3 — Managing Dependencies

Step 4 — Choosing Code Editor/IDE

Step 5 — Enabling Version Control (Optional)

Conclusion

Migrate Blog System From Jekyll To GatsbyJS

How to Select Fastest Ubuntu Repository Mirror

Update

Requirements

Installation