Skip to content

Instantly share code, notes, and snippets.

View johnloy's full-sized avatar

John Loy johnloy

20 followers · 2 following
View GitHub Profile
@johnloy
johnloy / stringifyObj.ts
Last active August 27, 2021 14:42
/* tslint:disable-next-line */
let stringifyObj = function (obj: object): any {};
if (!DEBUG) {
stringifyObj = (obj: object): string => {
const placeholder = "____PLACEHOLDER____";
const fns: Function[] = [];
let json = JSON.stringify(
obj,
function (_, value: any): any {
@johnloy
johnloy / resize.js
Last active August 27, 2021 18:54 — forked from arturparkhisenko/resize.js
//https://developer.mozilla.org/en-US/docs/Web/Events/resize
;
(function() {
var throttle = function(type, name, obj_) {
var obj = obj_ || window;
var running = false;
var func = function() {
if (running) {
return;
}
@johnloy
johnloy / es6-feature-detection.js
Last active August 27, 2021 18:51 — forked from DaBs/es6-feature-detection.js
var str = 'class ಠ_ಠ extends Array {constructor(j = "a", ...c) {const q = (({u: e}) => {return { [`s${c}`]: Symbol(j) };})({});super(j, q, ...c);}}' +
'new Promise((f) => {const a = function* (){return "\u{20BB7}".match(/./u)[0].length === 2 || true;};for (let vre of a()) {' +
'const [uw, as, he, re] = [new Set(), new WeakSet(), new Map(), new WeakMap()];break;}f(new Proxy({}, {get: (han, h) => h in han ? han[h] ' +
': "42".repeat(0o10)}));}).then(bi => new ಠ_ಠ(bi.rd));';
try {
eval(str);
} catch(e) {
alert('Your browser does not support ES6!')
}
@johnloy
johnloy / find-all-custom-elements.js
Last active August 27, 2021 18:49
From https://developers.google.com/web/fundamentals/web-components/shadowdom#findall
const allCustomElements = [];
function isCustomElement(el) {
const isAttr = el.getAttribute('is');
// Check for <super-button> and <button is="super-button">.
return el.localName.includes('-') || isAttr && isAttr.includes('-');
}
function findAllCustomElements(nodes) {
for (let i = 0, el; el = nodes[i]; ++i) {
@johnloy
johnloy / index.html
Last active July 30, 2019 13:38
State management with custom DOM events
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script type="module">
const createAction = (el, initialState, name, action) => {
let currentState = initialState;
document.body.addEventListener(name, (e) => {
el.render(e.detail.state);
});
@johnloy
johnloy / unbounded-filter.js
Last active January 20, 2020 21:59
Unbound array function in JS using Function.prototype.bind
const filter = Function.prototype.call.bind(Array.prototype.filter)
filter([1,2,3], (x) => x > 1 )
@johnloy
johnloy / key-repeat-defaults.sh
Last active August 27, 2021 19:47
defaults write com.microsoft.VSCode ApplePressAndHoldEnabled -bool false # For VS Code
defaults write com.microsoft.VSCodeInsiders ApplePressAndHoldEnabled -bool false # For VS Code Insider
defaults write md.obsidian ApplePressAndHoldEnabled -bool false # For Obsidian
defaults delete -g ApplePressAndHoldEnabled
@johnloy
johnloy / isError.js
Created January 23, 2020 13:55
Determine if a value is an error, in a browser context
function isError(value) {
switch (Object.prototype.toString.call(value)) {
case '[object Error]':
return true;
case '[object Exception]':
return true;
case '[object DOMException]':
return true;
@johnloy
johnloy / module.js
Created January 29, 2020 17:13
import { fileURLToPath } from 'url'
const __filename = fileURLToPath(import.meta.url)
const __dirname = path.dirname(__filename)
@johnloy
johnloy / log-page-web-components.js
Last active August 27, 2021 18:33
Bookmarklet to log web components used on this page
javascript:void((function(w, d)%7B/*begin*/import(%27https://unpkg.com/query-selector-shadow-dom%400.8.0/src/querySelectorDeep.js%27).then((%7BquerySelectorAllDeep: %24%24%7D) %3D> console.log(%5B...%24%24(%27*:defined%27)%5D.filter(e %3D> e.tagName.indexOf(%27-%27) > -1)))/*end*/%7D)( window, document ))%3B