brandonpittman

import { useRouteData } from "remix-utils";

import type { SerializeFrom } from "@remix-run/server-runtime";
import type { loader } from "~/root";

export let useRootData = () =>
  useRouteData<SerializeFrom<typeof loader>>("root");

brandonpittman

let removeInvalidSearchParams = (
  error: unknown,
  request: Request,
  prefix = "Unrecognized key(s) in object:"
) => {
  let unrecongnizedKeysSchema = z.tuple([
    z.tuple([z.string().length(0), z.string().startsWith(prefix)]),
  ]);
  let result = unrecongnizedKeysSchema.safeParse(formatError(error));

brandonpittman

import type { FetcherWithComponents, FormProps } from "@remix-run/react";
import type { ReactElement, ReactNode } from "react";

import { Form } from "@remix-run/react";
import { useHydrated } from "remix-utils";

export let NoJS = ({ children }: { children: ReactElement }) => {
  let isHydrated = useHydrated();

  if (!isHydrated) {

brandonpittman

import {
  createPortal as createReactPortal,
  unmountComponentAtNode,
} from "react-dom";
import { useState, useCallback, useEffect } from "react";

export let usePortal = (el: Element = document.body) => {
  let [portal, setPortal] = useState<{
    render: Function;
    remove: Function;

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

// 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')