brandonpittman

import { AnimatePresence, usePresence } from "framer-motion";
import { classNames } from "~/lib/utils/class-names";
import { useCounter } from "@kyleshevlin/use-common";
import { useCallback } from "react";

const Box = ({ count }: { count: number }) => {
  const [isPresent, safeToRemove] = usePresence();

  const onAnimationEnd = useCallback(() => {
    if (!isPresent) safeToRemove();

brandonpittman

function useIsPendingPathname(to) {
  let { location } = useTransition();
  let { pathname } = useResolvedPath(to);
  return location?.pathname === pathname;
}

function useIsSlowTransition(ms = 300) {
  let transition = useTransition();
  let [isSlow, setIsSlow] = useState(false);

brandonpittman

" Toggle spellchecking
function! ToggleSpellCheck()
  set spell!
  if &spell
    echo "Spellcheck ON"
  else
    echo "Spellcheck OFF"
  endif
endfunction

brandonpittman

// Menu: JA → EN
// Description: Translate selected text into with Google Translate.
// Author: Brandon Pittman
// Shortcut: ctrl j

import "@johnlindquist/kit";

const origin = "https://translate.google.com";
const text = await getSelectedText();
const sl = "ja";

brandonpittman

import clsx from 'clsx';
import { differenceInWeeks } from 'date-fns';

const fillIn = (complete: boolean) =>
  clsx(
    complete ? 'bg-gray-300' : 'bg-transparent',
    'h-1.5 w-1.5 border border-gray-300 rounded-full'
  );

const weekCount = differenceInWeeks(new Date(), new Date('8/31/1983'));

brandonpittman

#!/usr/bin/env node

const os = require("os");

if (os.platform() !== "darwin") {
	console.error("This script only works with macOS.");
	process.exit(1);
}

const { spawn } = require("child_process");

brandonpittman

await $`mkdir example`
await cd('example')

brandonpittman

tell application "Evernote"
  
	set the_notes to selection
	
	set the_dialog to display dialog "What would you like to title these notes?" default answer ""
	
	set the_title to text returned of the_dialog

	set the_count to 1

brandonpittman

import * as React from 'react'
import hash from 'fnv1a'

export const IconCache = React.createContext({})
IconCache.displayName = 'IconCache'
export const useIconCache = () => React.useContext(IconCache)
const withIcon = (icon) => {
  const Icon = (props) => {
    const { size = 24, color = 'currentColor', ...propsWeDontControl } = props
    const cache = useIconCache()

brandonpittman

@HostBinding('attr.id')
externalId = '';

@Input()
set id(value: string) {
  this.#id = value;
  this.externalId = null;
}