Rico Sta. Cruz rstacruz

TypeScript jsdoc examples

Some examples of how to do TypeScript with only jsdoc comments.

Type casting

Note: the extra parenthesis are necessary here.

// TypeScript

Faster multi-line jumps in VSCode-Vim

One of the things that bothered me with VSCode-Vim was with how slow it was to use (number)(arrow) (eg, 42(down)) to move multiple lines down. In the screencast below, notice how it goes line-by-line rather than skipping ahead instantly.

☝ Figure 1: VSCode scrolls slooowly line-by-line when pressing 42(down).

Update (March 2023)

⭐ This post is best experienced in my blog: https://ricostacruz.com/posts/javascript-in-rails-7

JavaScript in Rails 7

JavaScript in Rails 7 will be different: Webpacker is retired, and there are 2 new gems to manage frontend files.

Situation

🛌 Webpacker is retired — Webpacker 5 will be the last version, as announced on Jan 2022. The Webpacker 6 release candidate is now going to be community-maintained under a new name. (github.com: webpacker readme)

Base: (* = ctrl on hold)

    q*  w   e   r   t      y   u   i   o   p
    a   s   d   f   g      h   j   k   l  bks
    z   x   c   v   b      n   m   ,   .  ent*
           gui SYM sft    spc NAV alt

SYM layer (symbols)

Arch Linux ARM on Crostini

I got Arch Linux ARM installed on a Lenovo Chromebook Duet! I mostly used the instructions from the Arch Wiki as reference.

0. Before we begin

Next.js: loading a list of articles for a blog

A blog might need a list of articles on its index page. Here's now I did it with Next.js.

Article files

Colemak rs trainer

A list of words with r.s or s.r in them. Great for those learning Colemak. [Try this on 10fastfingers](https://10fastfingers.com/widget/typingtest?30&rand=1&words=absorb%7Cabsurd%7Cacres%7Cacross%7Cadsorb%7Caerosol%7Cafresh%7Cairs%7Carise%7Carms%7Carrest%7Cashram%7Cassert%7Cassort%7Cassure%7Cassured%7Castral%7Castray%7Cbistro%7Cbrash%7Cbrass%7Cbrassy%7Cbrisk%7Cbrush%7Cbursar%7Cburst%7Ccaress%7Ccerise%7Ccorps%7Ccorpse%7Ccorset%7Ccrash%7Ccrass%7Ccrest%7Ccrisis%7Ccrisp%7Ccross%7Ccrush%7Ccrust%7Ccrusty%7Ccurse%7Ccursed%7Ccurtsy%7Cdaresay%7Cdescry%7Cdesert%7Cdeserts%7Cdesire%7Cdestroy%7Cdisarm%7Cdorsal%7Cdress%7Cdross%7Cduress%7Cegress%7Censure%7Cerase%7Cescrow%7Cesprit%7Cfirst%7Cforesee%7Cforest%7Cfresco%7Cfresh%7Cfrisk%7Cfrisky%7Cfrost%7Cfrosty%7Cgarish%7Cgastric%7Cgrasp%7Cgrass%7Cgrassy%7Cgrisly%7Cgross%7Charass%7Charsh%7Cheresy%7Chorse%7Chorsy%7Cinrush%7Cinsert%7Cinsure%7Cinsured%7Cinsurer%7Ciris%7Closer%7

	# Save as Brewfile, then run `brew bundle` in the same directory

	tap "homebrew/cask"
	tap "homebrew/cask-fonts"

	brew "curl"
	brew "exa" # Improved directory listing
	brew "fish"
	brew "forego"
	brew "fzf"

	<!-- Shared via https://twitter.com/rstacruz/status/1446681382701264896 -->

	<!--
	Many server-side frameworks approach personalisation
	by generating different markup depending on whether
	the user is signed in or not.

	Imagine a server-side template like this:
	-->

	{
	// --------------------------------------------------------------------------------
	// Font settings
	// --------------------------------------------------------------------------------

	// Fonts
	"editor.fontFamily": "Victor Mono, Iosevka, monospace", // 15/18 or 16/18
	"editor.fontWeight": "600",
	"editor.letterSpacing": 0,
	"editor.lineHeight": 17,