Luke Inglis ludamillion

Off the beaten path

What is `&path` used for?

Vim uses :help 'path' to define the root directories from where to search non-recursively for files.

It is used for:

gf, gF, <C-w>f, <C-w>F, <C-w>gf, <C-w>gF,
:find, :sfind, :tabfind,

Arel Cheatsheet on Steroids

A (more) complete cheatsheet for Arel, including NamedFunction functions, raw SQL and window functions.

Tables

posts = Arel::Table.new(:posts)
posts = Post.arel_table # ActiveRecord

Table alias

Some helpful tips on how to use Emacs org-mode as a developer. Here is a blog article I’ve written on the topic if you’re interested.

This is a simple Tailwind plugin to expose all of Tailwind's colors, including any custom ones, as custom css properties on the :root element.

There are a couple of main reasons this is helpful:

You can reference all of Tailwind's colors—including any custom ones you define—from handwritten CSS code.
You can define all of your colors within the Tailwind configuration, and access the final values programmatically, which isn't possible if you did it the other way around: referencing custom CSS variables (defined in CSS code) from your Tailwind config.

See the Tailwind Plugins for more info on plugins.

Configuring Emacs for react, es6, and flow

For a while, JSX and new es6 syntax had flaky support in emacs, but there's been huge work on a lot of packages. Using emacs for JavaScript with React, ES6, and Flow (or Typescript, etc) is really easy and powerful in Emacs these days.

This is how you can work on modern web development projects with full support for tooling like JSX, Flow types, live eslint errors, automatic prettier.js formatting, and more.

Set up `web-mode`

web-mode provides most of the underlying functionality, so a huge shout-out to the maintainer(s) there.

	/! NOTE: These are just recommended default global styles, edit as required /

	@import ('Import reset stylesheet here, (I recommend modern-normalize) or even better, import the reset stylesheet in the HTML as the first imported stylesheet');

	::selection { /* Optional */
	/* It can be really hard to read highlighted text with a text-shadow, it should be removed when selected */
	text-shadow: none;

	/* NOTE: Using this means the color and background-color are set to transparent for selected text... */
	/* So you can customise your styles below */

	const { execSync } = require('child_process')
	const { createHash } = require('crypto')
	const invertColor = require('invert-color')

	const branchName = execSync('git rev-parse --abbrev-ref HEAD')
	const hash = createHash('sha256')
	hash.update(branchName)
	const color = '#' + hash.digest().toString('hex').substring(0, 6)
	const invertedColor = invertColor(color, true)

	;; Provided by Sebastian Urban
	;; More information at https://idiocy.org/emacs-fonts-and-fontsets.html

	(set-fontset-font "fontset-default" 'adlam "Noto Sans Adlam")
	(set-fontset-font "fontset-default" 'anatolian "Noto Sans Anatolian Hieroglyphs")
	(set-fontset-font "fontset-default" 'arabic "Noto Sans Arabic")
	(set-fontset-font "fontset-default" 'aramaic "Noto Sans Imperial Aramaic Regular")
	(set-fontset-font "fontset-default" 'armenian "Noto Sans Armenian")
	(set-fontset-font "fontset-default" 'avestan "Noto Sans Avestan")
	(set-fontset-font "fontset-default" 'balinese "Noto Sans Balinese")

	// Inspired by https://twitter.com/coderitual/status/1112297299307384833 and https://tapajyoti-bose.medium.com/7-killer-one-liners-in-javascript-33db6798f5bf

	// Remove any duplicates from an array of primitives.
	const unique = [...new Set(arr)]

	// Sleep in async functions. Use: await sleep(2000).
	const sleep = (ms) => (new Promise(resolve => setTimeout(resolve, ms)));
	// or
	const sleep = util.promisify(setTimeout);

	"{ Auto commands
	" Do not use smart case in command line mode,
	" extracted from https://goo.gl/vCTYdK
	augroup dynamic_smartcase
	autocmd!
	autocmd CmdLineEnter : set nosmartcase
	autocmd CmdLineLeave : set smartcase
	augroup END

	" Set textwidth for text file types