jacobparis

diff --git a/package.json b/package.json
--- a/package.json
+++ b/package.json
@@ -1,3 +1,6 @@
 {
-  "name": "test"
+  "name": "test",
+  "dependencies": {
+    "zod": "^3.0.0"
+  }

jacobparis

Test Module

A simple test module with two files.

jacobparis

sandbox.sh

Run Claude in an isolated Vercel Sandbox with full git access.

It uses the sandbox ID (sbx_asdfasdfasdf) as the branch name, so it's safe to push and then you can get your changes by pulling them from that branch

Examples

Test permissions are set up properly

jacobparis

import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js"
import { SSEServerTransport } from "@modelcontextprotocol/sdk/server/sse.js"
import { Socket } from "net"
import { Readable } from "stream"
import { IncomingMessage, type ServerResponse } from "http"
import {
	subscribeToChannel,
	unsubscribeFromChannel,
	publishMessage,
} from "../redis.server.js"

jacobparis

---
description: "Use shadcn/ui components as needed for any UI code"
patterns: "*.tsx"
---

# Shadcn UI Components

This project uses @shadcn/ui for UI components. These are beautifully designed, accessible components that you can copy and paste into your apps.

## Finding and Using Components

jacobparis

  {
+ 	"typescript.preferences.autoImportFileExcludePatterns": [
+     "zod",
+   ]
  }

jacobparis

import { RemixBrowser } from "@remix-run/react";
import { startTransition, StrictMode } from "react";
import { hydrateRoot } from "react-dom/client";

startTransition(() => {
  hydrateRoot(
    document,
    <StrictMode>
      <RemixBrowser />
    </StrictMode>

jacobparis

@@ -1,7 +1,7 @@
 import { Slot } from '@radix-ui/react-slot';
-import { cva, type VariantProps } from 'class-variance-authority';
+import { cva, type VariantProps } from 'class-variance-authority';
 import * as React from 'react';

-import { cn } from '#app/utils/misc.ts';
+import { cn } from '#app/utils/misc.js';

 const buttonVariants = cva(

jacobparis

+ import '#app/tailwind.css'

jacobparis

import { z } from "zod"
import { parseWithZod } from "@conform-to/zod"
import { Submission } from "@conform-to/react"

export async function parseRequest<ZodSchema>(
  request: Request,
  { schema }: { schema: z.ZodType<ZodSchema> },
) {
  const type = request.headers.get("content-type")
  if (type === "application/json") {