ngbrown

Analyze this codebase to generate a new AGENTS.md file in project root for guiding AI coding agents.

Focus on discovering the essential knowledge that would help AI agents be immediately productive in this codebase. Consider aspects like:

• The "big picture" architecture that requires reading multiple files to understand - major components, service boundaries, data flows, and the "why" behind structural decisions
• Critical developer workflows (builds, tests, debugging) especially commands that aren't obvious from file inspection alone
• Project-specific conventions and patterns that differ from common practices
• Integration points, external dependencies, and cross-component communication patterns

Source existing AI conventions from **/{.github/copilot-instructions.md,AGENT.md,AGENTS.md,CLAUDE.md,.cursorrules,.windsurfrules,.clinerules,.cursor/rules/**,.windsurf/rules/**,.clinerules/**,README.md} (do one glob search).

ngbrown

#!/usr/bin/env bash

git log --pretty=format:"%H - %ad :" --date=format:"%a %b %d %T %Y %z" | while read line; do     commit_hash=$(echo $line | cut -d' ' -f1);     commit_date=$(echo $line | cut -d' ' -f3-);     commit_size=$(git show --format=format: --stat $commit_hash --diff-filter=M -- . ':!**/package-lock.json' ':!**/*.Generated.cs' ':!**/*_.pb.ts' ':!**/*.Designer.*' | tail -1 | awk '{print $4}');     echo "$commit_date 0$commit_size $commit_hash"; done |   sort -nr --field-separator=' ' --key=8 | head -20

ngbrown

<#
.SYNOPSIS

Counts the lines of code in the specified directory using cloc.

.DESCRIPTION

This script utilizes the cloc (Count Lines of Code) tool to analyze and count the lines of code in a given directory. It requires Docker Desktop to be running, as cloc is executed within a Docker container.

To improve performance, the script first compresses the files into a zip archive. This allows the Docker container to analyze the code quickly, avoiding the slow performance that would result from mounting all files as a volume.

ngbrown

/**
 * By default, Remix will handle generating the HTTP Response for you.
 * You are free to delete this file if you'd like to, but if you ever want it revealed again, you can run `npx remix reveal` ✨
 * For more information, see https://remix.run/file-conventions/entry.server
 */

import type { AppLoadContext, EntryContext } from "@remix-run/cloudflare";
import { RemixServer } from "@remix-run/react";
import { isbot } from "isbot";
import { renderToReadableStream } from "react-dom/server";

ngbrown

import React from "react";

import type { LinkProps } from "@remix-run/react";
import { stripBasename } from "@remix-run/router";

import {
  UNSAFE_DataRouterStateContext as DataRouterStateContext,
  UNSAFE_NavigationContext as NavigationContext,
  useLocation,
  useResolvedPath,

ngbrown

public static class SemaphoreSlimExtensions
{
    /// <summary>
    /// Blocks the current thread until it can enter the <see cref="SemaphoreSlim"/>. Returns an <see cref="IDisposable"/> to be used in <c>using</c>.
    /// </summary>
    /// <param name="semaphore">A <see cref="SemaphoreSlim"/> to lock.</param>
    /// <returns>An <see cref="IDisposable"/> that will release the <see cref="SemaphoreSlim"/> when disposed.</returns>
    public static IDisposable Lock(this SemaphoreSlim semaphore)
    {
        semaphore.Wait();

ngbrown

<templateSet group="Remix">
  <template name="useFetcher" value="const $fetcher$ = useFetcher();" description="const fetcher = useFetcher()" toReformat="true" toShortenFQNames="true" useStaticImport="true">
    <variable name="fetcher" expression="" defaultValue="&quot;fetcher&quot;" alwaysStopAt="true" />
    <context>
      <option name="JS_CLASS_MEMBER_STATEMENT" value="false" />
      <option name="JS_STATEMENT" value="true" />
      <option name="TS_CLASS_MEMBER_STATEMENT" value="false" />
      <option name="TS_STATEMENT" value="true" />
    </context>
  </template>

ngbrown

// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d#path_commands
// https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths
// M	moveto	(x y)+
// Z	closepath	(none)
// L	lineto	(x y)+
// H	horizontal lineto	x+
// V	vertical lineto	y+
// C	curveto	(x1 y1 x2 y2 x y)+
// S	smooth curveto	(x2 y2 x y)+
// Q	quadratic Bézier curveto	(x1 y1 x y)+

ngbrown

To download Git with PowerShell:

Get most recent version URL from https://git-scm.com/download/win

cd "${env:USERPROFILE}\Downloads"
[Net.ServicePointManager]::SecurityProtocol = [Net.SecurityProtocolType]::Tls12;
$ProgressPreference = 'SilentlyContinue';Invoke-WebRequest -Uri https://github.com/git-for-windows/git/releases/download/v2.43.0.windows.1/Git-2.43.0-64-bit.exe -OutFile Git-2.43.0-64-bit.exe

ngbrown

import React, { ComponentType, lazy, Suspense } from "react";

export function ClientOnly({
  fallback,
  component,
}: {
  fallback: React.ReactElement;
  component: Promise<{ default: ComponentType<any> }>;
}) {
  const LazyComponent = lazy(() => component);