lawrencecchen’s gists

lawrencecchen / lawrence-ghostty

Created October 24, 2025 19:36

	# vim bindings to focus splits
	keybind = cmd+ctrl+h=goto_split:left
	keybind = cmd+ctrl+j=goto_split:bottom
	keybind = cmd+ctrl+k=goto_split:top
	keybind = cmd+ctrl+l=goto_split:right

	# delete to start of line
	keybind = cmd+backspace=esc:w

	keybind = global:cmd+control+.=toggle_quick_terminal

lawrencecchen / ghostty config

Created January 21, 2025 03:59

lawrence's ghostty config

	# vim bindings to focus splits
	keybind = cmd+ctrl+h=goto_split:left
	keybind = cmd+ctrl+j=goto_split:bottom
	keybind = cmd+ctrl+k=goto_split:top
	keybind = cmd+ctrl+l=goto_split:right

	# delete to start of line
	keybind = cmd+backspace=esc:w

	keybind = global:cmd+control+.=toggle_quick_terminal

lawrencecchen / remix-hono.ts

Created January 8, 2025 03:47

	import { Hono } from "hono";
	import { serve } from "@hono/node-server";
	import { serveStatic } from "@hono/node-server/serve-static";
	import { reactRouter } from "remix-hono/handler";
	// @ts-ignore
	import * as build from "./build/server";

	const app = new Hono();
	app.use(
	"*",

lawrencecchen / db.ts

Last active April 2, 2023 10:09

Kysely + Prisma + zod-prisma-types

	import { Kysely } from "kysely";
	import { PlanetScaleDialect } from "kysely-planetscale";
	import { type z } from "zod";

	import * as Models from "./prisma/generated/zod/modelSchema";

	type RemoveSchema<S extends string> = S extends `${infer Prefix}Schema` ? Prefix : S;
	export type Database = {
	[K in keyof typeof Models as RemoveSchema<K>]: z.infer<(typeof Models)[K]>;
	};

lawrencecchen / kyselyAdapter.ts

Last active February 10, 2023 10:04

next-auth kysely adapter

	import type { Kysely, RawBuilder } from "kysely";
	import type { Account } from "next-auth";
	import type {
	Adapter,
	AdapterSession,
	VerificationToken,
	AdapterUser,
	} from "next-auth/adapters";
	import type { DB } from "shared";

lawrencecchen / useSwc.ts

Created September 3, 2022 08:16

react hook wrapper for swc

	import { useEffect, useState } from "react";
	import * as swc from "@swc/wasm-web";

	let __initialized = false;
	type SWC = Omit<typeof swc, "default" \| "initSync">;
	let __swc: SWC;

	export default function useSwc() {
	const [initialized, setInitialized] = useState(__initialized);
	const [_swc, setSwc] = useState<SWC>(__swc);

lawrencecchen / LLink.tsx

Created August 22, 2022 03:11

a next.js link that can be disabled.

	// npm i clsx react-aria
	import clsx from 'clsx';
	import Link, { LinkProps } from 'next/link';
	import React, { AnchorHTMLAttributes, useRef } from 'react';
	import { type AriaLinkOptions, useLink } from 'react-aria';

	export default function LLink(
	props: AnchorHTMLAttributes<HTMLAnchorElement> & {
	children: React.ReactNode;
	next?: LinkProps;

lawrencecchen / AutosizeTextarea.tsx

Last active February 27, 2023 02:47

autosize with react

	import autosize from "autosize";
	import { forwardRef, useEffect, useRef } from "react";

	const AutosizeTextarea = forwardRef<
	HTMLTextAreaElement,
	React.DetailedHTMLProps<
	React.TextareaHTMLAttributes<HTMLTextAreaElement>,
	HTMLTextAreaElement
	> & {
	onResize?: (target: HTMLTextAreaElement) => void;

lawrencecchen / useTheme.ts

Created August 16, 2022 00:14

useTheme() for react/tailwind (using usehooks-ts)

	// npm i usehooks-ts
	import { useEffect } from "react";
	import { useDarkMode } from "usehooks-ts";

	export function useTheme() {
	const theme = useDarkMode();

	useEffect(() => {
	if (theme.isDarkMode) {
	document.body.classList.add("dark");

lawrencecchen / yjs-syncedstore.tsx

Created July 27, 2022 07:50

yjs + syncedstore. by default, syncedstore does not come with a context, so this exists.

	import { getYjsValue, syncedStore } from "@syncedstore/core";
	import {
	DocTypeDescription,
	MappedTypeDescription,
	} from "@syncedstore/core/types/doc";
	import { useSyncedStore } from "@syncedstore/react";
	import { createContext, useContext, useEffect, useState } from "react";
	import { WebsocketProvider } from "y-websocket";
	import * as Y from "yjs";

Lawrence Chen lawrencecchen