Erick Navarro

Telegram bot to preview social media content

Mon, 03 Feb 2025 17:27:15 -0600

I usually share some links of Twitter(it is known as X now but I still call it Twitter) in Telegram, but for some reason the previews doesn't work well most of the times.

One solution was to edit a Twitter link so I can use vxtwitter.com instead of twitter.com, this provides better previews but doing it that way is too manual so I made a bot to detect when I share a Twitter link and edit the message to use vxtwitter.com instead.

Add D2 support to Hugo

Thu, 13 Jun 2024 06:49:06 -0600

D2 is declarative language to generate diagrams, it's like mermaid on steroids, it has a cli so it's easy to use.

Hugo doesn't support it at the moment of writing this, there is an open issue where the conversation is being done.

So in the meantime official support is added we're going to make our own integration. It will have 2 parts:

A little HTTP server that receives the d2 code and return a resulting SVG
A custom hugo code block render hook

A simple HTTP server in `go`

This server only uses standard library and do the follow:

Mermaid preview using xwidget browser

Wed, 05 Jun 2024 08:19:05 -0600

Mermaid.js is a great tool to make diagrams in plain text, I use it a lot and I wanted to have a way to see previews of the code I was writing. There are some options to do that but they require to have a mermaid-cli installed, which requires nodejs as well.

Emacs has a built-in webkit browser, in case it was compiled with --with-xwidgets flag, and mermaid run on js so it should be possible to just run the code I want in the browser and see it there.

Moving to Emacs Tree Sitter Modes

Tue, 21 May 2024 22:30:15 -0600

I'm currently using emacs 30 and this version has support for more languages using the new ts-modes, I've been using emacs-tree-sitter package since Emacs added dynamic modules feature.

Now using emacs 30 I give a try to use only ts-modes and maybe delete some external packages I was using.

How to install grammars

Emacs doesn't have a built-in way to install automatically most common grammar so we're going to use a package that can handle that, we use tree-sitter-langs package, which is a repository for grammars.

Simple OBS Client in Elixir

Sun, 12 May 2024 13:49:50 -0600

Let's write a simple module to control OBS using websockets.

OBS already have a websocket server which can accept many command to control its features. We're going to use that websocket server to make some actions like:

Change scene
Apply source filters
Many other things

Basic configuration

First we need to install a websocket client, fresh is a easy to use client that works on top on mint.

Let's add the following code to our mix.exs file.

Code search Alfred workflow

Thu, 21 Sep 2023 08:58:16 -0600

Code search is a useful tool to search for examples about some function, class, etc. We're going to create a Alfred workflow to easily search into GitHub Code search and SourceGraph

Create a workflow

Let's go to Alfred settings/Workflows/+/Blank workflow

Name our new workflow, you can use whatever name you want, let's put "Code search"

Create a new element of type script filter

Now we need to make some adjustments over the defaults values:

Switching from helm to vertico and friends

Thu, 31 Aug 2023 23:23:06 -0600

I've been using helm for many years, since I started to use emacs itself. It was great because it is a "all in one" tool, very convenient when starting in emacs world.

The problem(?)

Actually there is a not problem perse, just maybe the "startup time", I had the load deferred so the first time I call some function from helm there was a little "wait", nothing really bad but a little annoying

Select term at point using tree sitter in emacs

Sun, 06 Nov 2022 01:26:36 -0600

Some days ago I saw a tweet(detail below) that show an interesting feature, a way to select terms using the mouse. After seeing that I thought it will be easy to implement using tree-sitter.

doubleclick to select term, the way nature intended pic.twitter.com/O123K12AHp
— andrew blinn (@disconcision) October 31, 2022

To be able to implement this we just need tree-sitter.el which will allow us to select terms using grammars.

First we need to load some libraries, including tree-sitter.el

Run ispell on text nodes using tree sitter

Sun, 26 Jun 2022 14:28:34 -0500

tree-sitter is a great tool to have an incremental syntax tree of our code, in emacs it can be used to add syntax highlighting instead of using the regular regex based highlighting system. There are other use cases for this and now we're going to use it to build a simple tool to run ispell using the content of a text node, of course we can select the text manually but it will be easier and fancy to do it in a programmatic way using the syntax tree generated by tree-sitter.

Memes fuzzy finder using Alfred, fzf and jq

Sat, 18 Jun 2022 22:10:56 -0500

Let's create a Alfred workflow to search for memes in a folder(our collection) and put that image in the clipboard so we can user it wherever we need it. Yes, it sounds useless but it was fun to made.

First we need to cover some things to understand how an Alfred workflow works. There are many types of elements to build a workflow, this time we're going to use 2 specific elements:

Auto build and publish emacs org configuration as a website

Sun, 04 Apr 2021 10:32:08 -0600

Having our emacs configuration in an org file is great, it allow us to have it more organized and easy to read, but org files have more features and one of them is the ability to be exported to different formats like HTML, PDF, markdown and so on. So what if we export our emacs configuration to HTML and then publish it in a website? 🤯

It probably doesn't have any real utility but it would be nice to have a exclusive web page to show our emacs config to our friends :)

Easy deploy of docker based projects

Fri, 02 Apr 2021 21:57:24 -0600

I have a personal server where I run some projects, some of them written in python, elixir and other technologies so having to deal with specific installation of any of these technologies is not an ideal workflow, to fix this I use docker and all of them are deployed using docker-compose, they're connected to a single PostgreSQL server and they're behind the same web server.

Running all of these projects in this way it's easier to maintain and in case something happens with the server I can re deploy everything in a easy way. Let's take a look to these tools and how they work together.

Using compilation mode to run all the things

Thu, 01 Apr 2021 10:44:22 -0600

Compilation mode is a major mode that allow us to run a command and see its output result in a special buffer, this resulting buffer show the errors and allow us to navigate through them, you can check the documentation for more details.

It's a "simple mode" but it can be used for many things like compile and run a program, run tests, and so on.

Usage

Interactive

compile is an interactive function so we can call it with M-x compile and enter the command we want to execute.

Things I wish I knew when I started in elixir development

Mon, 01 Mar 2021 08:54:15 -0600

These are some things I commonly use in my elixir development workflow that might be interesting for someone.

Managing multiple versions of elixir and erlang

When you have to work in more than one project at time that could probably means you have to handle different elixir and erlang versions so installing the default version that your OS provides won't be helpful. Here is where asdf shines to solves this problem, asdf allow us to have different versions of elixir, erlang and other languages in the same machine so we can easily switch between them.

Activate python virtualenv automatically with direnv

Sun, 28 Feb 2021 23:06:47 -0600

direnv is a tool to set up automatically environment variables as soon as we enter in a directory that contains a .envrc file. We can use this feature to activate our virtualenvs as well.

Let's see what happens when we activate manually a virtualenv with source ./env/bin/activate:

A new new environment variable called VIRTUAL_ENV is exported.
The path is updated to include the bin directory inside our virtualenv this is made to allow us to point to the correct python installation and run cli interfaces exposed by the dependencies we have installed.

Because all the "magic" about activating a virtualenv is basically configuring some environment variables we can do it automatically using direnv.

Find file under cursor in emacs

Sat, 27 Feb 2021 11:08:20 -0600

#TIL you can use gf to open a file under the current cursor position in VIM, I was reading this post I found in Hacker News and I was wondering if evil-mode has this functionality as well

evil-mode has this key binding defined and it uses (find-file-at-point), it works well for absolute paths but not for relative paths and I wanted to use it for a path like this templates/home.html so I wrote some elisp code to be able to make what I want:

Meme generator in emacs

Sat, 03 Oct 2020 22:27:26 -0500

#TIL it is possible to create memes in emacs using meme, this package allow to choose an image and add some text to it, we can also select any image and use it.

Installation

This package, at the time of writing this, is not available on melpa so we have to install it manually or using straight.el or quelpa, because I'm using straight.el for my config we'll use that.

(use-package imgur
 :ensure t
 :straight (imgur
	 :type git
	 :host github
	 :repo "myuhe/imgur.el"))

(use-package meme
 :ensure t
 :straight (meme
	 :type git
	 :host github
	 :repo "larsmagne/meme"))

meme require imgur as a dependency so we need to install it before.

Getting started with Tsung

Sat, 03 Oct 2020 09:01:38 -0500

What is tsung

Tsung is a load testing tool written in erlang, it allow us to perform load testing for web applications, databases, etc. Or as its website says:

Tsung (formerly IDX-Tsunami) is a distributed load testing tool. It is protocol-independent and can currently be used to stress HTTP, WebDAV, SOAP, PostgreSQL, MySQL, AMQP, MQTT, LDAP and Jabber/XMPP servers.

More info is available in its web page http://tsung.erlang-projects.org/user_manual/

In this post we'll cover how to test a web application and at the time of writing this the available version of tsung is 1.7.0.

Things to keep in mind when contributing to a software project

Tue, 21 Jul 2020 12:58:17 -0500

These are some are thoughts to keep in mind when we're contributing to a software project.

Know your tools

Git is maybe the most extended tool to manage version control in software and as a daily tool we should invest some time in knowing how to use it "properly".

Configure your name and email properly

This helps to identify who make a change while we're browsing git log history. Don't use initials or nicknames, in a few months or maybe years eventually you will be looking at the git log and if you see something like this Author: XYZ <xyz@some-random-provider.com> you won't have a clue who make that change. We can setup this information with:

Creating helper commands for k8s using fzf

Sun, 17 May 2020 00:13:20 -0500

Kubernetes cli tool kubectl is pretty useful but when I need to execute some tasks many times during a work day it could be too verbose. So I wrote some bash functions to handle a few common tasks I use often.

I used the power of fzf to create an interactive experience when I run any of these functions. Basically it pipes the output of a kubectl command, make some filtering using sed and awk and then build a final command which will execute what I want.

Avoid losing window layout when editing org code blocks

Sat, 16 May 2020 15:39:10 -0500

Org-mode has a nice feature that allow us to edit source code within an org file, for more info check the docs. But it has a little annoying behavior after we are done editing a source block. It loses the previous window configuration and always closes all the windows except the org window.

In the image below we can see this behavior:

To solve this problem we can use a simple variable to store the current window configuration just before the source code edition buffer is opened and when it's closed we can restore the previous configuration just getting the value from the variable used before. We're defining two functions to accomplish this behavior, one to run before and one after we're done editing the source block.

Testing an API with emacs and restclient

Sun, 27 Oct 2019 16:53:00 -0600

When we're developing some application we frequently interact with APIs.

There are applications like postman, httpie, insomnia and so on to accomplish this task but having an external application only to test a few endpoints or even a complex API is a little overkill.

Using emacs and a great package called restclient.el we can have a very complete tool to handle API requests without leaving our favorite editor.

Installation

Put these lines of code in your emacs configuration and you'll be ready to go.

Minimal Setup for Elixir development in Emacs

Sat, 19 Oct 2019 10:00:15 -0500

I've been working professionally with Elixir for 7 months, obviously using emacs as my daily editor. In this post we'll see some packages that could be useful for Elixir development.

I'm not using LSP (yet), so the goal here is just to have a minimal setup for Elixir development.

We're going to use use-package to install all the needed packages.

Syntax highlighting

We'll use Elixir-mode. This package give us syntax highlighting support and some useful features like mix-format which let us format our code using mix format task, which is available since Elixir 1.6

Creating an emacs formatter the easy way

Mon, 20 May 2019 19:44:35 -0700

Some weeks ago I discovered a really nice package for emacs called reformatter.el. This package allows to define reformat functions in a easy way.

Most languages have a reformat tool. Elixir has mix format, Elm has elm format, python has black and so on. These formatters are convenient because they give uniformity to the code, but this is a topic for another post.

Having these formatters integrated within our favorite editor is great. These are enough(at least for me) reasons to use reformatter.el so let's get into the code:

Save and Restore Window Configuration in Emacs

Tue, 25 Dec 2018 10:18:56 -0500

When we are using emacs sometimes we often open many buffers in different windows at the same time, for example we can have a buffer for a opened file, another for seeing test results and so on.

There are some tools to manage "sessions" but I wanted something simple and I also wanted to learn a little bit more of elisp so here is the result.

(defvar window-snapshots '())

(defun save-window-snapshot ()
 "Save the current window configuration into `window-snapshots` alist."
 (interactive)
 (let ((key (read-string "Enter a name for the snapshot: ")))
 (setf (alist-get key window-snapshots) (current-window-configuration))
 (message "%s window snapshot saved!" key)))

(defun get-window-snapshot (key)
 "Given a KEY return the saved value in `window-snapshots` alist."
 (let ((value (assoc key window-snapshots)))
 (cdr value)))

(defun restore-window-snapshot ()
 "Restore a window snapshot from the window-snapshots alist."
 (interactive)
 (let* ((snapshot-name (completing-read "Choose snapshot: " (mapcar #'car window-snapshots)))
	 (snapshot (get-window-snapshot snapshot-name)))
 (if snapshot
	(set-window-configuration snapshot)
 (message "Snapshot %s not found" snapshot-name))))

The code basically do 3 things:

Projects

Sun, 23 Dec 2018 22:29:26 -0500

Emacs packages

linkode.el

Upload buffer or region to linkode.org, a pastebin-like service.

tree-sitter-ispell.el

tree-sitter plugin to run ispell on text nodes across languages.

treesit-ispell.el

Same as above but using Emacs's native treesit package.

flymake-sqlfluff

flymake plugin for SQL linting via sqlfluff.

flymake-ruff

flymake plugin for Python linting via ruff.

cloak-mode

Minor mode to hide sensitive data using per-major-mode regex patterns.

Python libraries

Serpost

Fetch parcel tracking data from Peru's postal service using a tracking number.

Setting Up Hugo on Netlify

Mon, 24 Sep 2018 10:45:05 -0500

Hugo is a static site generator that just like another alternatives(Nicola, Jekyll, etc) allows to write in plain text and generate html, js, css files. Hugo is so much simpler to use because it's a simple binary file that allows to develop and prepare the site to be published.

Contact

Mon, 01 Jan 0001 00:00:00 +0000

Email

erick@navarro.io

Social

Consultancy (Spanish)

If you want to work together, you can book a call or just send me an email.

Erick Navarro

Telegram bot to preview social media content

Add D2 support to Hugo

A simple HTTP server in go

Mermaid preview using xwidget browser

Moving to Emacs Tree Sitter Modes

How to install grammars

Simple OBS Client in Elixir

Basic configuration

Code search Alfred workflow

Create a workflow

Switching from helm to vertico and friends

The problem(?)

Select term at point using tree sitter in emacs

Run ispell on text nodes using tree sitter

Memes fuzzy finder using Alfred, fzf and jq

Auto build and publish emacs org configuration as a website

Easy deploy of docker based projects

Using compilation mode to run all the things

Usage

Interactive

Things I wish I knew when I started in elixir development

Managing multiple versions of elixir and erlang

Activate python virtualenv automatically with direnv

Find file under cursor in emacs

Meme generator in emacs

Installation

Getting started with Tsung

What is tsung

Things to keep in mind when contributing to a software project

Know your tools

Configure your name and email properly

Creating helper commands for k8s using fzf

Avoid losing window layout when editing org code blocks

Testing an API with emacs and restclient

Installation

Minimal Setup for Elixir development in Emacs

Syntax highlighting

Creating an emacs formatter the easy way

Save and Restore Window Configuration in Emacs

Projects

Emacs packages

linkode.el

tree-sitter-ispell.el

treesit-ispell.el

flymake-sqlfluff

flymake-ruff

cloak-mode

Python libraries

Serpost

Setting Up Hugo on Netlify

Contact

Email

Social

Consultancy (Spanish)

A simple HTTP server in `go`