Val Town Code SearchReturn to Val Town

1import { readFile } from "https://esm.town/v/std/utils@85-main/index.ts";
2
3export default async function(req: Request): Promise<Response> {
4  const url = new URL(req.url);
5  const path = url.pathname;

19  
20  // Create a new orange element
21  function createOrange() {
22    const orange = document.createElement('div');
23    orange.className = 'orange w-12 h-12 bg-orange-500 rounded-full flex items-center justify-center';
41  
42  // Add an orange to the basket
43  function addOrange() {
44    const orange = createOrange();
45    orangeBasket.appendChild(orange);
54  
55  // Start dragging an orange
56  function startDrag(e) {
57    isDragging = true;
58    currentOrange = this;
72  
73  // Handle touch events for mobile
74  function handleTouchStart(e) {
75    isDragging = true;
76    currentOrange = this;
91  
92  // Drag the orange
93  function drag(e) {
94    if (!isDragging) return;
95    
103  
104  // Handle touch move for mobile
105  function handleTouchMove(e) {
106    if (!isDragging) return;
107    
118  
119  // Drop the orange
120  function drop(e) {
121    if (!isDragging) return;
122    
142  
143  // Handle touch end for mobile
144  function handleTouchEnd(e) {
145    if (!isDragging) return;
146    
166  
167  // Squeeze the orange
168  function squeezeOrange() {
169    // Animate the bear squeezing
170    bear.classList.add('squeezing');
234  
235  // Check for achievements based on juice amount
236  function checkAchievements() {
237    const achievements = [
238      { threshold: 100, message: "🎉 First Cup Filled!" },
250  
251  // Show achievement notification
252  function showAchievement(message) {
253    const notification = document.createElement('div');
254    notification.className = 'fixed top-4 left-1/2 transform -translate-x-1/2 bg-orange-600 text-white px-4 py-2 rounded-lg shadow-lg z-50';
267  
268  // Reset the game
269  function resetGame() {
270    // Clear all oranges
271    orangeBasket.innerHTML = '';

27}
28
29export function AttendeeForm({ onSubmitSuccess, onSubmitError }: AttendeeFormProps) {
30  const [formData, setFormData] = useState<FormData>({
31    name: "",
108  };
109
110  // Helper function to check if an interest is selected
111  const isInterestSelected = (interestLabel: string) => {
112    return formData.interests.includes(interestLabel);

26});
27
28export function App() {
29  const [audio, setAudio] = useLocalStorage("AUDIO", false);
30  const user = useUser();

14
15// Create the attendees table if it doesn't exist
16async function initializeDatabase() {
17  console.log("Initializing database...");
18  try {

3const USER_ENDPOINT = "/api/user";
4
5export function useUser () {
6  const [data, setData] = useState<any>(null);
7  const [loading, setLoading] = useState(true);

4
5- Ask clarifying questions when requirements are ambiguous
6- Provide complete, functional solutions rather than skeleton implementations
7- Test your logic against edge cases before presenting the final solution
8- Ensure all code follows Val Town's specific platform requirements
17- **Never bake in secrets into the code** - always use environment variables
18- Include comments explaining complex logic (avoid commenting obvious operations)
19- Follow modern ES6+ conventions and functional programming practices if possible
20
21## Types of triggers
28
29```ts
30export default async function (req: Request) {
31  return new Response("Hello World");
32}
40
41```ts
42export default async function () {
43  // Scheduled task code
44}
52
53```ts
54export default async function (email: Email) {
55  // Process email
56}
60## Val Town Standard Libraries
61
62Val Town provides several hosted services and utility functions.
63
64### Blob Storage
114```
115
116## Val Town Utility Functions
117
118Val Town provides several utility functions to help with common project tasks.
119
120### Importing Utilities
194│   ├── database/
195│   │   ├── migrations.ts    # Schema definitions
196│   │   ├── queries.ts       # DB query functions
197│   │   └── README.md
198│   └── routes/              # Route modules
213└── shared/
214    ├── README.md
215    └── utils.ts             # Shared types and functions
216```
217
221- Main entry point should be `backend/index.ts`
222- Do NOT use Hono serveStatic middleware
223- **Static asset serving:** Use the utility functions to read and serve project files:
224  ```ts
225  import { readFile, serveFile } from "https://esm.town/v/std/utils@85-main/index.ts";
255- Run migrations on startup or comment out for performance
256- Change table names when modifying schemas rather than altering
257- Export clear query functions with proper TypeScript typing
258
259## Common Gotchas and Solutions

3const ENDPOINT = "/api/project-branches";
4
5export function useBranches (projectId: string) {
6  const [data, setData] = useState<any>(null);
7  const [loading, setLoading] = useState(true);

4const FILES_ENDPOINT = "/api/project-files";
5
6export function useProject (projectId: string, branchId?: string) {
7  const [data, setData] = useState<any>(null);
8  const [loading, setLoading] = useState(true);

7const NEW_BRANCH_VAL = "__NEW_BRANCH__";
8
9export function BranchSelect () {
10  const { projectId, branchId } = useParams() as {
11    projectId: string;