BrianHung

import GoogleOAuth, { GoogleKey } from 'cloudflare-workers-and-google-oauth'
import { GoogleAuth } from "google-auth-library";
import { GenerateContentRequest, GenerativeModel } from "@google-cloud/vertexai";
import authJSON from "./auth.json"; // Service account

class JsonAuth extends GoogleAuthBase {
  private oauth: GoogleOAuth
  constructor(private readonly json: GoogleKey) {
    super();
    this.oauth = new GoogleOAuth(json, ["https://www.googleapis.com/auth/cloud-platform"])

BrianHung

'use client';

import React from 'react';
import ReactMarkdown from 'react-markdown';

import rehypeKatex from 'rehype-katex';
import rehypeRaw from 'rehype-raw';
import remarkGfm from 'remark-gfm';
import remarkMath from 'remark-math';

BrianHung

	const [scrollPos, onScroll] = useScrollPos('top');

	return (
		<GridList
			items={list.items}
			className={cn(
				'grow overflow-y-auto flex flex-col gap-px my-2',
				'border-y border-border data-[scroll-pos="top"]:border-t-transparent data-[scroll-pos="bottom"]:border-b-transparent transition duration-100'
			)}
			aria-label="FileList sidebar"

BrianHung

/**
 * This module provides a storage adapter for Durable Objects.
 * 
 * https://github.com/partykit/partykit/blame/main/packages/y-partykit/src/storage.ts
 * @packageDocumentation
 */

import {
  Chunk,
  StorageAdapterInterface,

BrianHung

export function debounceAutocompletion(
	language: Language,
	source: CompletionSource,
	wait: number = 500,
) {
	let currContext: CompletionContext;
	let cancel = () => {}; // no-op
	return [
		language.data.of({
			autocomplete: (context: CompletionContext) => {

BrianHung

// Copy of https://github.com/craftzdog/react-codemirror-runmode
// with support for custom languages

import React from "react";

import { Parser } from "@lezer/common";
import { Highlighter } from "@lezer/highlight";
import { StyleModule } from "style-mod";

import highlight from "./highlight";

BrianHung

::-webkit-scrollbar {
	height: 1rem;
	width: 0.5rem;
}

::-webkit-scrollbar:horizontal {
	height: 0.5rem;
	width: 1rem;
}

BrianHung

import React from 'react';

const ResizableDiv = function ResizableDiv(props: { onChange: (dx: number) => void }) {
	const { onChange = () => null, ...otherProps } = props;

	const resizeRef = React.useRef<HTMLElement | null>(null);
	const [resizing, setResizing] = React.useState(false);

	const handlePointerDown = React.useCallback(
		(event: React.PointerEvent) => {

BrianHung

export function setGlobalRootColor() {
	try {
		const rootElement = document.documentElement;
		const classList = rootElement.classList;
		classList.remove('light', 'dark');

		const themePreference = localStorage.getItem('theme');
		if (themePreference === 'system' || (!themePreference && true)) {
			const prefersDark = '(prefers-color-scheme: dark)';
			const darkModeMediaQuery = window.matchMedia(prefersDark);

BrianHung

import { autocompletion, closeBrackets, closeBracketsKeymap, completionKeymap } from '@codemirror/autocomplete';
import { defaultKeymap, history, historyKeymap, indentWithTab } from '@codemirror/commands';
import {
	bracketMatching,
	defaultHighlightStyle,
	foldGutter,
	foldKeymap,
	indentOnInput,
	LanguageDescription,
	syntaxHighlighting,