Skip to content

Instantly share code, notes, and snippets.

View mscalora's full-sized avatar

Mike mscalora

6 followers · 1 following
  • Utah
View GitHub Profile
@mscalora
mscalora / ttd_dom_ready.js
Created April 3, 2021 11:35
simplified ttd_dom_ready - does not support (old) IE
(function (){
window.ttd_dom_ready = window.ttd_dom_ready || function (cb) {
if (document.readyState === "complete" ||
(document.readyState !== "loading" && !document.documentElement.doScroll)) {
cb();
} else {
let mcb = () => {
document.removeEventListener("DOMContentLoaded", mcb);
cb();
};
@mscalora
mscalora / counter.html
Last active March 15, 2021 13:38
Perfect JS Counter
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Counter</title>
<style>
html {
height: 100%;
margin: 0;
padding: 0;
@mscalora
mscalora / emoji-favicon.html
Created December 10, 2020 12:25
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>☃️</text></svg>">
@mscalora
mscalora / spin-the-needle.js
Created April 1, 2020 18:48
Work towards a spin the needle animation using SVG
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Make</title>
<style>
</style>
</head>
<body>
@mscalora
mscalora / object-diff.js
Created March 22, 2020 14:34
// From: NicolasLetellier @ https://gist.github.com/Yimiprod/7ee176597fef230d1451#gistcomment-3058093
function objectDiff(object, base) {
function changes(object, base) {
const accumulator = {};
Object.keys(base).forEach((key) => {
if (object[key] === undefined) {
accumulator[`-${key}`] = base[key];
}
});
@mscalora
mscalora / search_all_up.sh
Last active March 8, 2020 00:29
search up a directory tree for multiple filenames
#!/bin/bash
search_all_up() {
# extended from https://stackoverflow.com/a/19011599/370746
local look=${PWD%/}
while [[ -n $look ]]; do
for name in $@ ; do
[[ -e $look/$name ]] && {
printf '%s\n' "$look/$name"
return
@mscalora
mscalora / ansi.js
Created February 13, 2020 12:47
Javascript tools for dealing with ansi formatted text
// regexp group 1: visible text group 2: ansi codes
// eslint-disable-next-line no-control-regex
const ansiMatcher = new RegExp("([^\u001B\u009B]*)([\u001B\u009B][[\\]()#;?]*(?:(?:(?:[a-zA-Z\\d]*(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\u0007)|(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-ntqry=><~]))|$)", "g")
function stripAnsi (s) {
return s.replace(ansiMatcher, "$1")
}
function truncateAnsi (s, len) {
let total = 0
@mscalora
mscalora / resize-table.js
Last active February 11, 2020 17:45
// table resize test for tty-table
const Table = require("tty-table")
const Chalk = require("chalk")
let failures = []
function test (width, truncate, marginLeft) {
let output = new Table([
{minWidth: 6, shrink: 0},
@mscalora
mscalora / isInViewport.js
Created December 13, 2019 00:54
test if dom element is in viewport either fully or fully/partially/none
function isInViewport (elem, partially) {
let box = elem.getBoundingClientRect(),
top = box.top,
bottom = box.bottom,
right = box.right,
left = box.left,
h = window.innerHeight || document.documentElement.clientHeight,
w = window.innerWidth || document.documentElement.clientWidth,
fully = (top >= 0 && box.left >= 0 && bottom <= h && box.right <= w);
@mscalora
mscalora / console.js
Created November 28, 2019 21:35
Save and restore form contents in the js console
// save:
localStorage.temp = JSON.stringify(Array.from(document.querySelectorAll('input')).map(x => {console.log(x.value); return x.value}))
// restore:
JSON.parse(localStorage.temp).forEach((x,i) => document.querySelectorAll('input').item(i).value = x)