Alfred Westerveld alfredwesterveld

## whynp.js
(function() {
    let pending_loaf_entries = [];
    let pending_event_entries = [];
    let timeout_handle = null;
    const combined_map = new Map();

    function print() {
        const entries = [...combined_map.entries()].sort((a, b) => b.duration - a.duration);
        console.log(entries.map(([loaf, event]) => {
            let longest_script = null;

## .env.example
URL=https://xkcd.com/

## react-dom-test-selectors.md

      
              1 file
            
          
              1 fork
            
          
              13 comments
            
          
              21 stars
            
          
                bvaughn
                / react-dom-test-selectors.md
            
            
              Last active
              January 9, 2023 15:46
            
              
                Experimental React DOM test selector API
              
          
    RFC Test Selectors

Owner: Brian Vaughn

As of facebook/react/pull/22760, the experimental Test Selector API is now available in the experimental release channel.
To test the API, first install the experimental release:


## esm-package.md

      
              1 file
            
          
              201 forks
            
          
              7 comments
            
          
              2784 stars
            
          
                sindresorhus
                / esm-package.md
            
            
              Last active
              May 5, 2024 20:24
            
              
                Pure ESM package
              
          
    Pure ESM package

The package that linked you here is now pure ESM. It cannot be require()'d from CommonJS.
This means you have the following choices:

Use ESM yourself. (preferred)

  Use import foo from 'foo' instead of const foo = require('foo') to import the package. You also need to put "type": "module" in your package.json and more. Follow the below guide.
If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).
Stay on the existing version of the package until you can move to ESM.


## LearnGoIn5mins.md

      
              1 file
            
          
              74 forks
            
          
              33 comments
            
          
              746 stars
            
          
                prologic
                / LearnGoIn5mins.md
            
            
              Last active
              May 5, 2024 17:05
            
              
                Learn Go in ~5mins
              
          
    Learn Go in ~5mins

This is inspired by A half-hour to learn Rust
and Zig in 30 minutes.
Basics

Your first Go program as a classical "Hello World" is pretty simple:
First we create a workspace for our project:

  
## createCrudHooks.js
export default function createCrudHooks({
  baseKey,
  indexFn,
  singleFn,
  createFn,
  updateFn,
  deleteFn,
}) {
  const useIndex = (config) => useQuery([baseKey], indexFn, config)
  const useSingle = (id, config) =>

## ffmpeg_gif_timelapse_timestamp.md

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                simivar
                / ffmpeg_gif_timelapse_timestamp.md
            
            
              Last active
              April 19, 2023 12:32
            
              
                ffmpeg - GIF timelapse with timestamp clock
              
          
    ffmpeg - GIF timelapse with timestamp clock

First frame of our input movie:

Add timestamp clock to video

ffmpeg -i input.mov -vf "drawtext=fontfile=/usr/share/fonts/truetype/dejavu/DejaVuSans.ttf:expansion=normal: text='%{pts \\: hms}': fontcolor=white:fontsize=48: x=(w-text_w)/2: y=h-th-10: box=1: boxcolor=black: boxborderw=5: line_spacing=32" -vcodec libx264 -vb 2600k -strict -2 -preset slower -f mp4 -an timestamp_clock.mp4

In the first step we take our input movie input.mov and add at bottom center a black box with white timestamp

  
## index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>*scratch*</title>
    <style>
        body {
            font-family: Hack, Menlo, Monaco, 'Droid Sans Mono', 'Courier New', monospace;
            white-space: pre;

## lcp.js
const puppeteer = require('puppeteer');

const Good3G = {
  'offline': false,
  'downloadThroughput': 1.5 * 1024 * 1024 / 8,
  'uploadThroughput': 750 * 1024 / 8,
  'latency': 40
};

const phone = puppeteer.KnownDevices['Nexus 5X'];

## plink-plonk.js
/*
Copy this into the console of any web page that is interactive and doesn't
do hard reloads. You will hear your DOM changes as different pitches of
audio.

I have found this interesting for debugging, but also fun to hear web pages
render like UIs do in movies.
*/

const audioCtx = new (window.AudioContext || window.webkitAudioContext)()
	(function() {
	let pending_loaf_entries = [];
	let pending_event_entries = [];
	let timeout_handle = null;
	const combined_map = new Map();

	function print() {
	const entries = [...combined_map.entries()].sort((a, b) => b.duration - a.duration);
	console.log(entries.map(([loaf, event]) => {
	let longest_script = null;
	export default function createCrudHooks({
	baseKey,
	indexFn,
	singleFn,
	createFn,
	updateFn,
	deleteFn,
	}) {
	const useIndex = (config) => useQuery([baseKey], indexFn, config)
	const useSingle = (id, config) =>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>scratch</title>
	<style>
	body {
	font-family: Hack, Menlo, Monaco, 'Droid Sans Mono', 'Courier New', monospace;
	white-space: pre;
	const puppeteer = require('puppeteer');

	const Good3G = {
	'offline': false,
	'downloadThroughput': 1.5 * 1024 * 1024 / 8,
	'uploadThroughput': 750 * 1024 / 8,
	'latency': 40
	};

	const phone = puppeteer.KnownDevices['Nexus 5X'];
	/*
	Copy this into the console of any web page that is interactive and doesn't
	do hard reloads. You will hear your DOM changes as different pitches of
	audio.

	I have found this interesting for debugging, but also fun to hear web pages
	render like UIs do in movies.
	*/

	const audioCtx = new (window.AudioContext \|\| window.webkitAudioContext)()