John Loy johnloy

## image-download-progress.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <progress id='imageProgress' value='0' max='100'></progress>

## scrollparent.js
// more minimal version of https://github.com/olahol/scrollparent.js/blob/master/scrollparent.js
const regex = /(auto|scroll)/;

const style = (node, prop) =>
  getComputedStyle(node, null).getPropertyValue(prop);

const scroll = (node) =>
  regex.test(
    style(node, "overflow") +
    style(node, "overflow-y") +

## typescript-custom-events.ts
// Credits: https://medium.com/@saeed.asghari.241/create-custom-event-in-typescript-8219054cee5d

class EventBus extends EventTarget {
  constructor() {
    super()
  }

  addCustomEventListener<T extends Partial<Record<string, any>>>(
    type: string,
    listener: (event: CustomEvent<T>) => void,

## executable-standalone-module.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                johnloy
                / executable-standalone-module.md
            
            
              Created
              March 4, 2024 20:55
                — forked from WebReflection/executable-standalone-module.md
            
              
                NodeJS Executable Standalone Module
              
          
    Update

If you're OK in having a node-esm executable, please consider this solution.
#!/usr/bin/env sh
# the /usr/local/bin/node-esm executable
input_file=$1
shift
exec node --input-type=module - $@ &lt;$input_file

  
## get-latest-tag-on-git.sh
# The command finds the most recent tag that is reachable from a commit.
# If the tag points to the commit, then only the tag is shown.
# Otherwise, it suffixes the tag name with the number of additional commits on top of the tagged object
# and the abbreviated object name of the most recent commit.
git describe

# With --abbrev set to 0, the command can be used to find the closest tagname without any suffix:
git describe --abbrev=0

# other examples

## list
foo
bar
baz

## prepare-commit-msg
#!/usr/bin/env bash
#
# Authors:
#   Stefan Buck (https://github.com/stefanbuck)
#   Thomas Ruoff (https://github.com/tomru)
#
#
# Description:
#   Are you still prefixing your commits with a ticket number manually? You will love this script!
#   This is a git hook script that will automatically prefix your commit messages with a ticket

## bash-colors.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                johnloy
                / bash-colors.md
            
            
              Last active
              May 26, 2023 17:05
                — forked from JBlond/bash-colors.md
            
              
                The entire table of ANSI color codes. #bash
              
          
    Regular Colors


Value
Color


\e[0;30m
Black


\e[0;31m
Red


\e[0;32m
Green


\e[0;33m
Yellow


\e[0;34m
Blue


\e[0;35m
Purple


## post-merge
#!/bin/sh
npm install

## script-template.sh
#!/usr/bin/env bash

set -Eeuo pipefail
trap cleanup SIGINT SIGTERM ERR EXIT

script_dir=$(cd "$(dirname "${BASH_SOURCE[0]}")" &>/dev/null && pwd -P)

usage() {
  cat <<EOF
Usage: $(basename "${BASH_SOURCE[0]}") [-h] [-v] [-f] -p param_value arg1 [arg2...]
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	</head>
	<body>
	<progress id='imageProgress' value='0' max='100'></progress>
	// more minimal version of https://github.com/olahol/scrollparent.js/blob/master/scrollparent.js
	const regex = /(auto\|scroll)/;

	const style = (node, prop) =>
	getComputedStyle(node, null).getPropertyValue(prop);

	const scroll = (node) =>
	regex.test(
	style(node, "overflow") +
	style(node, "overflow-y") +
	// Credits: https://medium.com/@saeed.asghari.241/create-custom-event-in-typescript-8219054cee5d

	class EventBus extends EventTarget {
	constructor() {
	super()
	}

	addCustomEventListener<T extends Partial<Record<string, any>>>(
	type: string,
	listener: (event: CustomEvent<T>) => void,
	# The command finds the most recent tag that is reachable from a commit.
	# If the tag points to the commit, then only the tag is shown.
	# Otherwise, it suffixes the tag name with the number of additional commits on top of the tagged object
	# and the abbreviated object name of the most recent commit.
	git describe

	# With --abbrev set to 0, the command can be used to find the closest tagname without any suffix:
	git describe --abbrev=0

	# other examples
	#!/usr/bin/env bash
	#
	# Authors:
	# Stefan Buck (https://github.com/stefanbuck)
	# Thomas Ruoff (https://github.com/tomru)
	#
	#
	# Description:
	# Are you still prefixing your commits with a ticket number manually? You will love this script!
	# This is a git hook script that will automatically prefix your commit messages with a ticket
Value	Color
\e[0;30m	Black
\e[0;31m	Red
\e[0;32m	Green
\e[0;33m	Yellow
\e[0;34m	Blue
\e[0;35m	Purple
	#!/usr/bin/env bash

	set -Eeuo pipefail
	trap cleanup SIGINT SIGTERM ERR EXIT

	script_dir=$(cd "$(dirname "${BASH_SOURCE[0]}")" &>/dev/null && pwd -P)

	usage() {
	cat <<EOF
	Usage: $(basename "${BASH_SOURCE[0]}") [-h] [-v] [-f] -p param_value arg1 [arg2...]