RedHatter’s gists

RedHatter / useDeepMemo.ts

Created August 29, 2024 20:16

A simple react form handling hook

	import { DependencyList, useMemo, useRef } from 'react'

	import * as R from 'remeda'

	/**
	* `useDeepMemo` will only recompute the memoized value when one of the
	* `dependencies` has changed by value.
	*
	* Warning: `useDeepMemo` should not be used with dependencies that
	* are all primitive values. Use `React.useMemo` instead.

RedHatter / manifest.json

Last active July 12, 2024 00:33

	{
	"name": "OnShape",
	"start_url": "https://cad.onshape.com/documents/",
	"icons": [
	{
	"src": "https://cad.onshape.com/favicon.png",
	"sizes": "144x144",
	"type": "image/png"
	}
	],

RedHatter / main.js

Created October 4, 2022 08:25

Scrap amazon order history and download invoices as PDFs

	import puppeteer from "puppeteer";

	function clickLink(page, selector) {
	return Promise.all([page.click(selector), page.waitForNavigation()]);
	}

	const USERNAME = "[email protected]";
	const PASSWORD = "************";
	const PAGES = 2;

RedHatter / ButtonGroup.svelte

Created February 11, 2021 05:29

Svelte form and input components with buildt-in validation

	<script>
	import { onMount, createEventDispatcher } from 'svelte'
	import { getContext } from './Form.svelte'

	const dispatch = createEventDispatcher()

	export let value = ''
	export let options = {}
	let className
	export { className as class }

RedHatter / main.dart

Created December 22, 2020 02:18

Else if example

RedHatter / format.js

Last active December 8, 2020 23:40

Prettier and postcss formatting

	import fs from 'fs'
	import transform from 'rollup-plugin-transform-input'
	import prettier from 'prettier'
	import postcss from 'postcss'
	import sorting from 'postcss-sorting'

	function formatContents(filepath, source) {
	return prettier.format(source, {
	filepath,
	arrowParens: 'avoid',

RedHatter / Route.svelte

Created December 4, 2020 01:16

Single file router for svelte.

	<script>
	import UrlPattern from 'url-pattern'
	import location, { navigate, noMatch } from './location.js'

	export let path
	export let component = undefined
	export let redirect = undefined

	$: pattern = new UrlPattern(path)
	$: router = {

RedHatter / DateMultiPicker.jsx

Last active August 4, 2021 02:14

Range and multi select for @dmtrKovalenko/material-ui-pickers

	import React, { useState, useContext, useRef } from 'react'
	import { DatePicker } from 'material-ui-pickers'
	import { MuiPickersContext } from 'material-ui-pickers'

	export default function DateMultiPicker({
	value,
	onChange,
	labelFunc,
	format,
	emptyLabel,

RedHatter / dead-simple-lightbox.js

Created January 30, 2019 22:43

A very simple zero dependency lightbox.

RedHatter / build.sh

Created January 27, 2018 21:05

Gjs doesn't seem to execute Vala constructors. test.js should print 5 but instead it prints 0.

	#!/bin/sh

	valac gjs_constructor_test.vala -X -fPIC -X -shared -o gjs_constructor_test.so --library=GjsConstructorTest --gir GjsConstructorTest-0.1.gir
	g-ir-compiler --shared-library=gjs_constructor_test.so --output=GjsConstructorTest-0.1.typelib GjsConstructorTest-0.1.gir
	cp gjs_constructor_test.so /usr/lib/
	cp GjsConstructorTest-0.1.typelib /usr/lib/girepository-1.0/

	const css = document.createElement('style')
	css.type = 'text/css'
	css.innerHTML = `
	.dead-simple-lightbox + * {
	display: none;
	}

	.dead-simple-lightbox-container {
	display: none;
	position: fixed;

Ava Johnson RedHatter