alexanderson1993

function CurrencyInput({
  value,
  onChange,
  max,
}: {
  value: number;
  max: number;
  onChange: (val: number) => void;
}) {
  const [error, setError] = useState('');

alexanderson1993

import fs from 'fs/promises';

console.time('Get file sizes');

const items = await fs.readdir('.');

const ignore = [
  '_templates',
  '.git',
  '.github',

alexanderson1993

// This is a React component that loads and inlines an SVG image, making it easier to style 
// with CSS. It renders an <img> first, and then renders the inline SVG once it's been loaded.

import {useState, useEffect, memo, ComponentPropsWithoutRef} from "react";

export const SVGImageLoader: React.FC<
  {url: string} & ComponentPropsWithoutRef<"img">
> = memo(({url, alt, ...props}) => {
  const [data, setData] = useState<string | null>(null);
  useEffect(() => {

alexanderson1993

import * as React from "react";

const CopyToClipboard:React.FC<{text:string} & React.HTMLAttributes<HTMLButtonElement>> = ({text, ...props}) => {
  const copyToClipboard = (event:React.MouseEvent<HTMLButtonElement>, str:string) => {
    const el = Object.assign(document.createElement('textarea'),{value:str});
    document.body.appendChild(el);
    el.select();
    document.execCommand('copy');
    document.body.removeChild(el);
  

alexanderson1993

// Create a symbol for our proxy
let isProxy = Symbol("isProxy");


const handler = {
    get(target, key) {
      // Override access if we are checking if the object is already a proxy
      if (key === isProxy) return true;
      if (
        // Don't wrap it again if the object is already a proxy

alexanderson1993

import { produce, applyPatches, enablePatches } from "immer";

enablePatches();

function setToValue(obj, value, path) {
  var i;
  path = path.split(".");
  for (i = 0; i < path.length - 1; i++) {
    if (!obj[path[i]]) {
      obj[path[i]] = isNaN(parseInt(path[i], 10)) ? {} : [];

alexanderson1993

import i18next from "i18next";
import {initReactI18next} from "react-i18next";
import LanguageDetector from "i18next-browser-languagedetector";
import codegen from "codegen.macro";
import debounce from "lodash.debounce";
i18next
  .use(LanguageDetector)
  .use(initReactI18next) // passes i18n down to react-i18next
  .init({
    resources: {},

alexanderson1993

import {
  React,
} from "https://unpkg.com/es-react";

declare global {
  namespace JSX {
    interface IntrinsicElements {
      h1: any;
      div: any;
      h2: any;

alexanderson1993

// A React hook which uses the WebUSB API to send DMX messages to a connected ENTTEC Pro device
// This will only work in Chrome.
// If you want to just try it, run it through the TypeScript compiler here https://www.typescriptlang.org/play/index.html

import React from "react";

declare global {
  interface Navigator {
    // This USB type comes from @types/w3c-web-usb
    readonly usb: USB;

alexanderson1993

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions