crazy4groovy

function loadScript(id, innerHTML) {
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.id = id || Math.random().toString().substr(2);
  script.innerHTML = innerHTML;
  document.body.appendChild(script);
}
 
// load script text
loadScript(null, "\

crazy4groovy

from: https://css-tricks.com/lazy-load-embedded-youtube-videos/

see also: http://fitvidsjs.com/

crazy4groovy

// see: https://andregarzia.com/2018/11/reading-google-sheets-data-from-livecode.html

async function readSheet(key, sheetName = 'Sheet1', format = 'csv' /* 'json' */) {
  const url = `https://docs.google.com/spreadsheets/d/${key}/gviz/tq?tqx=out:${format}&sheet=${sheetName}`
  return fetch(url).then(r => r.text())
}

crazy4groovy

{
  "name": "workshop-setup",
  "version": "1.0.0",
  "description": "This is the common setup script for most of my workshops",
  "bin": "./setup.js"
}

crazy4groovy

// https://exploringjs.com/deep-js/ch_proxies.html#proxy-use-cases

const propertyCheckerHandler = {
  get(target, propKey, receiver) {
    // Only check string property keys
    if (typeof propKey === 'string' && !(propKey in target)) {
      throw new ReferenceError('Unknown property: ' + propKey);
    }
    return Reflect.get(target, propKey, receiver);
  }

crazy4groovy

function processDir(d, par = '') {
  let dirnm = par
  return d.map(item => {
    if (Array.isArray(item)) { // this is a folder
      return processDir(item, dirnm)
    }
    dirnm = par + '/' + item
    if (item.indexOf('.') > -1) { // this is a filename
      return dirnm
    }

crazy4groovy

const getNewDeck = () => [
  "2S", "2C", "2D", "2H", "3S", "3C", "3D", "3H", "4S", "4C", "4D", "4H", "5S", "5C", "5D", "5H", "6S", "6C", "6D", "6H", "7S", "7C", "7D", "7H", "8S", "8C", "8D", "8H", "9S", "9C", "9D", "9H", "TS", "TC", "TD", "TH", "JS", "JC", "JD", "JH", "QS", "QC", "QD", "QH", "KS", "KC", "KD", "KH", "AS", "AC", "AD", "AH"
]

const removeItem = (arr, i) => {
  arr.splice(i, 1)
}

function decksFromCards(cards) {
  let decks = [getNewDeck()]

crazy4groovy

function __css__handler (cb) { 
  return function (event) {
    // event.preventDefault();
    var selector = CssSelectorGenerator.default(event.target);
    cb(selector);
  }
}

// track every DOM node click
document.body.addEventListener('click', __css__handler(alert));

crazy4groovy

FROM node:12.18.0 AS build-env
ADD . /app
WORKDIR /app
RUN npm ci --only=production

# https://github.com/GoogleContainerTools/distroless
# - considered experimental and not recommended for production usage!
# https://github.com/GoogleContainerTools/distroless/blob/master/examples/nodejs/Dockerfile
FROM gcr.io/distroless/nodejs
COPY --from=build-env /app /app

crazy4groovy

/* eslint-disable no-unused-vars */
/* eslint-disable no-else-return */

// JSX constructor, similar to createElement()
export const h = (type, props, ...children) => {
	return {
		type,
		// Props will be an object for components and DOM nodes, but a string for
		// text nodes
		props,