I’d like to have rich formatting like diagrams, tables, code snippets,… in my documents, and the markdown viewer in IDEs not supporting all the things I want, and there is something that make me not comfortable reading in there.

The markdown preview in side neovim is good, but not supporting mermaid diagrams.

So I made one for myself. It is here neitomic/mdprev

Some highlight features:

• Explorer navigation — browse directories, open files, follow relative links between docs. Breadcrumbs on every page.
• Quick file finder — press ⌘K (or Ctrl+K) to fuzzy-search Markdown filenames, then press Enter to open one.
• Live reload — edits appear instantly; scroll position is preserved (only the article body is swapped).
• GitHub-flavored markdown — tables, task lists, footnotes, strikethrough, and GitHub-style alerts (> [!NOTE]).
• Light and dark themes — follows your system by default; use the theme button in the header to choose and remember a preference. Syntax highlighting and Mermaid diagrams follow it too.
• Mermaid diagrams — ```mermaid blocks, rendered client-side with a full-page zoom-and-pan viewer. The bundle is embedded and lazy-loaded (only on pages that use it).
• ASCII diagrams — bob,svgbob, or ```ascii blocks are rendered to SVG server-side.

Adding into my lazyvim config

lua/config/keymaps.lua

local mdprev_job = nil
local function toggle_markserv()
  if mdprev_job then
    vim.fn.jobstop(mdprev_job)
    mdprev_job = nil
    vim.notify("mdprev stopped")
    return
  end
  mdprev_job = vim.fn.jobstart({ "mdprev", "-o", "-q",  vim.fn.getcwd() })
  vim.notify("mdprev serving " .. vim.fn.getcwd())
end
vim.api.nvim_create_user_command("MarkdownFolder", toggle_markserv, {})
vim.keymap.set("n", "<leader>mm", toggle_markserv, { desc = "Toggle mdprev (folder markdown preview)" })

Windows manager

I’ve started using yabai + skhd for like a year now. And I feel good about it. The only thing I’m still not very comfortable is how to quickly open my Slack and Obsidian. Like I have to remember where it is, then navigate, then navigate back. It make me feel like forever.

Normally when I plug my Macbook into big monitor, I just put my Slack always on the Macbook screen, and do my work only on the big one.

The uncomfortable come when I don’t have the big monitor with me. Like, I have one workspace for Web browser, one for IDE, one for terminal. The 4th one for SQL workbench. Then the 5th for my personal profile Web browser.

Five workspaces already feel too much for me. I’m not good at managing them tbh.

So when I want to quickly view Slack messages or do a quick reply, the context switching cost is high, which made me uncomfortable.

So I was thinking, what if I can just allow Slack to be float window, then have a key combination to bring it into front + focus, do the message, then hind it away.

And I did that, and applied to Obsidian as well

• Put Slack as unmanaged in yabai.
• Put a keyboard shortcut in skhd to bring Slack on top, move it into current workspace.
• Put the same shortcut to hide it.

skhd/toggle-app.sh

#!/usr/bin/env bash
app_name=$1
focused=$(yabai -m query --windows --window 2>/dev/null | jq -r '.app // empty')

if [ "$focused" = "$app_name" ]; then
  osascript -e "tell application \"System Events\" to set visible of process \"$app_name\" to false"
else
  if ! pgrep -xq $app_name; then
    open -a $app_name
    sleep 0.4
  else
    osascript -e "tell application \"System Events\" to set visible of process \"$app_name\" to true"
  fi

  win=$(yabai -m query --windows | jq -r "map(select(.app==\"$app_name\")) | .[0].id // empty")
  if [ -n "$win" ]; then
    space=$(yabai -m query --spaces --space | jq '.index')
    yabai -m window "$win" --space "$space"   # move to current space
    yabai -m window --focus "$win"            # then focus it
  fi
fi

skhd/skhdrc

cmd + shift - s : ~/.config/skhd/toggle-app.sh "Slack"
cmd + shift - n : ~/.config/skhd/toggle-app.sh "Obsidian"

yabai/yabairc

yabai -m rule --add app="^Slack$" manage=off
yabai -m rule --add app="^Obsidian$" manage=off

tmux

My tmux config is not something very special.

• map prefix to C-a
• enable mouse
• - and _ for split window
• Enter for copy mode
• vim navigator
• resurrect and continuum
• sesh for sessions management
• dracula theme

neovim with lazyvim

Nothing special here. Mostly default.

In my case, I was working on few servers located in Vietnam and the oversea internet connection is horrible. You might ask why can’t I just move my servers outside of Vietnam. That’s not that simple, all of my clients are in Vietnam and the oversea connection is slow for everyone (except when you pay the ISP lots of money).

So I looked into and there are few things:

1. I want a faster oversea internet connection for just pulling Docker image at an acceptable price. Pay the ISP to get a faster connection is not an option for me. So I think about VPN services.
2. I want to cache the downloaded image somewhere so that when I downloaded it on a server and want to download it for another server, I don’t want to download it from the internet again. This is possible because the Docker image blobs are immutable (with the same hash).

Blobs caching

There are few ways to archive this.

Image caching with Docker registry

This way is simple, you just need to run the official registry in mirror mode. Check out this document. The big problem with this is that the mirror mode only supports the central Docker hub for now. So you can not mirror other registries like Google Cloud Registry, Quay.io,…

Blobs caching with Nginx

Luckily, people have faced this problem before me.

You can follow the readme on this repository. The documentation is pretty clear and easy to follow to make it work. https://github.com/rpardini/docker-registry-proxy

I provide my settings at the end of this post.

Route image pull requests through a VPN

Attempt 1 — VPN client on a machine

I was thinking that I can run the VPN client (OpenVPN in my case) and the registry proxy on a machine. So that all traffic come out of this server will be routed through VPN.

There is a problem with this. All the traffic is routed through the VPN, even with the traffic from the client (machine pull image through the proxy). To deal with this, I did search around on the internet and tried a few ways. And one solution that worked is using the routing table. Here it is.

ip rule add from $(ip route get 1 | grep -Po '(?<=src )(\S+)') table 128
ip route add table 128 to $(ip route get 1 | grep -Po '(?<=src )(\S+)')/32 dev $(ip -4 route ls | grep default | grep -Po '(?<=dev )(\S+)')
ip route add table 128 default via $(ip -4 route ls | grep default | grep -Po '(?<=via )(\S+)')
# Start VPN client
openvpn <your_vpn_config_file>.ovpn

This worked for a while until I restarted the server. After the restart, clients cannot connect to the registry proxy on this server anymore. I think it’s because I didn’t clean up the route rules and keep appending new the same rules when start.

But I felt this is not a good way, so I was looking for something better. So I think what if I run the VPN client inside a container. I did search and yes, people have done this kind of thing. This lead to the attempt number 2 — the current working solution.

Attempt 2 — VPN client inside Docker container

I found this https://github.com/dperson/openvpn-client

Basically, this will help you run an Open VPN client inside a Docker container, then run your whatever service which reuses the network stack of the VPN container. You can read more in that repository.

For my use case, I run the VPN client with the registry proxy use the network stack of the VPN. And I need to expose access to the registry proxy to all of my servers.

There are two ways to expose access (as mentioned in the document). First is using an Nginx proxy that forward all request to the registry proxy. Because we cannot use a proxy on top of another proxy (I tried). So this won’t work in this case. Second, we can expose the port directly in the VPN container. Because the registry proxy uses the same network stack so that port also applied to the proxy. (The reason we cannot bind port in the registry proxy is that you cannot use both ports and network_mode in Docker).

Conclusion

So here is my full docker-compose

version: '3.4'

services:
  vpn:
    image: dperson/openvpn-client
    cap_add:
      - net_admin
    environment:
      TZ: 'Asia/Bangkok'
    networks:
      - default
    ports:
      - 3128:3128
    read_only: true
    dns:
      - 8.8.8.8
      - 8.8.4.4
    tmpfs:
      - /run
      - /tmp
    restart: unless-stopped
    security_opt:
      - label:disable
    stdin_open: true
    tty: true
    volumes:
      - /dev/net:/dev/net:z
      - ./vpn:/vpn
    command: ["-r", "10.4.101.0/24"]

  registry:
    image: rpardini/docker-registry-proxy:0.3.0-beta2
    restart: always
    volumes:
     - ./cache:/docker_mirror_cache
     - ./certs:/ca
     - ./log:/var/log/nginx
    environment:
     - REGISTRIES=k8s.gcr.io gcr.io quay.io docker.elastic.co registry.private.com
     - AUTH_REGISTRIES=registry.private.com:private_user:private_password
     - CACHE_MAX_SIZE=20g
     - TZ=Asia/Bangkok
    network_mode: "service:vpn"
    stdin_open: true
    tty: true

networks:
  default:

Notes:

• command: [“-r”, “10.4.101.0/24”] is needed only when you need to access from a different subnet. By default, the connection is available for the current subnet of the machine running this stack.

Thanks for reading this. I hope this helps with your use case. Thanks.

Hôm nay 06-03 âm lịch nhằm ngày mùng 64 Tết. Thấy trên Facebook có bạn gọi là Mùng 65 Tết năm Covid thứ nhất.

Mới đó mà mình cũng làm ở nhà được hai tuần, mai lại là thứ hai của tuần thứ ba. Làm việc ở nhà cũng không đến nỗi tệ, vẫn còn có thể ngồi buôn chuyện với bọn đồng nghiệp được, chỉ việc tham gia vào phòng họp online là tha hồ hỏi thăm các thứ.

Cuối tuần này không ra ngoài tại vì mình đặt hàng online rồi. Thứ 3 họ giao tới. Nấu ăn cũng không đến nỗi tệ nhưng mà hơi thiếu hoa quả. Tụi đồng nghiệp hôm thứ 6 hỏi cuối tuần làm gì, nấu gì. Chẳng biết giải thích sao cho nó hiểu mấy món thịt kho haha. Thế là nó bảo không ăn hoa quả gì à. Nó nói đúng, xíu đi tìm chút trái cây.

Bangkok nóng và nắng. Quê mình cũng vậy. À hôm nay đám giỗ ông nội. Ở quê mọi người cũng không được phép tụ tập đông người rồi. Chắc giờ này mọi thứ đã xong xuôi.

Nãy vừa đọc blog của lão thái nên cũng bắt chước làm một cái xem sao. Hehe.

Đang thắc mắc là nên chia mỗi ngày một bài viết hay là cứ cập nhật vào đây thì nhạc lại chạy tới Mad World. Thôi cập nhật vào đây vậy.

02-04-2020

Nhìn dãy số ngày hôm nay khá đẹp nhỉ :D

Một ngày sau ngày Cá tháng Tư, không có gì đặc biệt mấy. Vẫn làm việc như thường lệ. Mấy hôm rồi mình không viết thêm gì vì thực ra làm gì có gì để viết. Mà cái bàn phím cánh bím một khi đã lỗi thì rất khó chịu. Phím bị lặp kiểu bấm một mà được hai ấy. Mình hay bị phím space với phím cờ. Coding thì rất nhiều cờ - đúng là bàn phím như cờ. Gõ được mấy dòng mà cực khổ quá. Rất nhiều space!

Thôi đi chỉnh font chữ blog lại. Font tiêu đề không hỗ trợ tốt Tiếng Việt.

24-12-2023

Wow, mới đó mà đã là năm Covid thứ tư rồi nhỉ. Đúng là thời gian trôi nhanh như chó chạy ngoài đồng =))). Gần đây bạn đồng nghiệp gửi link dẫn tới bài viết này cho mình, thì mình mới nhớ ra là đã từng viết những dòng ở trên, giờ đọc lại cũng thấy buồn cười (một cách tích cực), cũng không ngờ là các bạn lại tìm ra :) .

Nhắc lại tới covid thì tới giờ mình vẫn chưa từng ghi nhận mắc covid lần nào (trộm vía), tuy nhiên cũng khó để nói, có thể do mình ít test.

Hơn 3 năm trôi qua, covid cũng trở thành một bình thường mới và cuộc sống của mình cũng thay đổi nhiều. Mình lập gia đình, đổi công việc 2 lần, có món nợ, và gặp được rất nhiều người thú vị.

Gần đây sau một thời gian dài làm việc thì mình cũng burned-out một chút, nên mình quyết định giảm lượng công việc lại trong khoảng 2 tuần để refresh, cũng đúng lúc vào dịp lễ năm mới của tụi tây lông (good timing).

Chúc mọi người một mùa Giáng sinh an lành, và một năm mới đầy năng lượng và thành công!

Peace!