jakub-g

<script> async, defer, async defer, module, nomodule, src, inline - the cheat sheet

With the addition of ES modules, there's now no fewer than 24 ways to load your JS code: (inline|not inline) x (defer|no defer) x (async|no async) x (type=text/javascript | type=module | nomodule) -- and each of them is subtly different.

This document is a comparison of various ways the <script> tags in HTML are processed depending on the attributes set.

If you ever wondered when to use inline <script async type="module"> and when <script nomodule defer src="...">, you're in the good place!

Note that this article is about <script>s inserted in the HTML; the behavior of <script>s inserted at runtime is slightly different - see Deep dive into the murky waters of script loading by Jake Archibald (2013)

jakub-g

  function cleanEmptyFoldersRecursively(folder) {
    var fs = require('fs');
    var path = require('path');

    var isDir = fs.statSync(folder).isDirectory();
    if (!isDir) {
      return;
    }
    var files = fs.readdirSync(folder);

jakub-g

git show HEAD --stat=200 | tail +7 | awk '{ print $3 " "$4 " " $1}' | sort -n -r | less

jakub-g

Hacker News "hidden" URLs

Many of HN URLs are not easily discoverable as there are no links to them in a prominent part on the page, or sometimes even nowhere. The following is a list of links to standard and "special" HN pages. The ones is bold are the less discoverable ones.

See also: https://github.com/minimaxir/hacker-news-undocumented

Posts

jakub-g

GitHub search docs: here

• org:ORGNAME to filter down to org
• org:ORGNAME -repo:ORGNAME/NOISY to filter out some repos
• path:PATH to search by location
• language:... or extension:... to filter by lang/extension
• in:file, in:path, in:file,path to include contents or file paths

jakub-g

Testing double-fetching of module/nomodule JS code (including the Safari hack)

<script type="module" src="module.js"></script>
<script nomodule src="nomodule.js"></script>

Update September 2020: life's almost good. Edge Chromium is widely rolled out, and Safari 14.0 ships soon with a fix.

Test page: https://jg-testpage.github.io/es-modules/module-nomodule/

jakub-g

Introduction

For a long time Windows user, starting using Mac can be an exercise in frustration and keeping your nerves at bay. Many things don't work as expected, need to be activated in some ways, keyboard shortcuts are non-existent or wildly different.

This page is a living reference of a Windows long-timer trying to do basic stuff on a Mac. If you see an easier way to achieve certain things, don't hesitate to drop a comment.

Related links:

jakub-g

Relevant official docs

Migrating NodeJS CJS files (require, module.exports)

First steps

1. Rename the file from .js to .ts
2. Change module.exports = to export =
3. Change all exports.foobar = to export const foobar =
4. Update top-level require calls to static import.

jakub-g

Remapping Microsoft Sculpt Ergonomic Keyboard with Karabiner Elements (2023 guide, MacOS 13.6 Ventura)

• Remapped the "Windows" key and "Context Menu" key.
• Remapped the whole bottom row to match MacBook Pro keyboard layout.

See also https://apple.stackexchange.com/questions/173898/repurposing-menu-button-on-windows-keyboards-used-in-os-x

jakub-g

let md5 = str => require('crypto').createHash('md5').update(str).digest("hex")