Luke Inglis ludamillion

Docker with SSL and an nginx reverse proxy

Running your ASP.NET Core (or other) application in Docker using SSL should not be an overwhelming task. These steps should do the trick.

Run the following steps from a Linux terminal (I used WSL or WSL2 on Windows from the Windows Terminal).

1. Create a `conf` file with information about the cert you'll be creating

It should look something like the content below; call it my-site.conf or something like that.

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.

Adding TypeScript to a Rails + Webpacker + Vue project

These instructions assume you already have a Rails 5.2 project using Webpacker 4 with Vue 2 and Vuex 3. I'll show you how to add TypeScript to the project, and type-safe your Vue components, including single-file components (SFCs). This document will not teach you TypeScript syntax or type theory. It also assumes your code already works without TypeScript. You shouldn't use this article to, for example, get started with Vuex, because I'm leaving out lots of necessary boilerplate code and focusing just on TypeScript changes.

If you want to see a commit on a project accomplishing this migration, visit https://github.com/RISCfuture/AvFacts/commit/666a02e58b4626a074a03812ccdd193a3891a954.

Setup

Run rails webpacker:install:typescript. This should modify config/webpacker.yml and config/webpack/environment.js (leave those changes), add tsconfig.json and config/webpack/loaders/typescript.js (leave those files), and add some other files in `a

	/! 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);