tomhicks

/* eslint-disable import/no-unused-modules */

/**

Usage:

// logs out the calls per frame, mean time, etc, under "myFunction"
const myFunction = instrumentPerFrame(function myFunction() {...});

// pass the name as the first parameter to wrap around methods and give them a name.

tomhicks

let mode: "idle" | "dragging" = "idle"
const dragHandler: InteractionHandler = {
  onDragStart(gesture, app) {
    if (intersection(gesture.elementsUnderCursor, app.selectedElements).size) {
      mode = "dragging";
    }
  },

  onPointerMove(gesture) {
    // ignore pointer-moves when we haven't started dragging

tomhicks

import {ChakraProvider, useColorMode} from "@chakra-ui/react"
import {Html} from "next/document"
import React from "react"

type ColorMode = "light" | "dark"
export function ChakraThemedHtmlComponent(props: {
  colorMode: ColorMode
  children: React.ReactNode
}) {
  return (

tomhicks

type PromiseSequencer<T> = {
  /**
   * Add a promise to the end of the queue. When this promise resolves, you
   * may be notified via onLatest, assuming that no later promise has resolved
   * in the meantime.
   */
  push(promise: Promise<T>): void;

  /**
   * Remove all promises from the queue. Any promises in the queue can still

tomhicks

// ATTEMPT 1 - everything in one useEffect
React.useEffect(() => {
  if (screenVideoTrack) {
    createScreenShareOffer()
  } else {
    // 🐞 called before share, on mount
    revokeScreenShareOffer()
  }
  
  // 🐞 called even if screen was never shared

tomhicks

function useTaskQueue(params: {
  shouldProcess: boolean
}): {
  tasks: ReadonlyArray<Task>
  isProcessing: boolean
  addTask: (task: Task) => void
} {
  const [queue, setQueue] = React.useState<{
    isProcessing: boolean
    tasks: Array<Task>

tomhicks

import React from "react"
import {InternalRoutes} from "types/routes"
import Link, {LinkProps} from "next/link"

export function InternalLink({
  routeName,
  routeParams,
  ...linkProps
}: Omit<LinkProps, "href" | "as"> &
  InternalRoutes & {children: React.ReactChild}) {

tomhicks

#include "node-svm.h"
#include "training-worker.h"
#include "prediction-worker.h"
#include "probability-prediction-worker.h"

using v8::FunctionTemplate;
using v8::Object;
using v8::String;
using v8::Array;

tomhicks

const audioCtx = new window.AudioContext();
const oscillator = audioCtx.createOscillator();
oscillator.connect(audioCtx.destination);
oscillator.type = "sine";

let numItems = 0

oscillator.frequency.setValueAtTime(
  1,
  audioCtx.currentTime

tomhicks

/*
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)()