Towniedashboard.ts1 match
15}
1617export function renderDashboard(data: UserSummaryRow[]): string {
18// Calculate totals
19const totalUsers = data.length;
Townie.cursorrules12 matches
45- 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
2021## Types of triggers
2829```ts
30export default async function (req: Request) {
31return new Response("Hello World");
32}
4243```ts
44export default async function () {
45// Scheduled task code
46}
5657```ts
58export default async function (email: Email) {
59// Process email
60}
66## Val Town Standard Libraries
6768Val Town provides several hosted services and utility functions.
6970### Blob Storage
120```
121122## Val Town Utility Functions
123124Val Town provides several utility functions to help with common project tasks.
125126### Importing Utilities
200โ โโโ database/
201โ โ โโโ migrations.ts # Schema definitions
202โ โ โโโ queries.ts # DB query functions
203โ โ โโโ README.md
204โ โโโ routes/ # Route modules
219โโโ shared/
220โโโ README.md
221โโโ utils.ts # Shared types and functions
222```
223226- Hono is the recommended API framework
227- Main entry point should be `backend/index.ts`
228- **Static asset serving:** Use the utility functions to read and serve project files:
229```ts
230import { readFile, serveFile } from "https://esm.town/v/std/utils@85-main/index.ts";
260- Run migrations on startup or comment out for performance
261- Change table names when modifying schemas rather than altering
262- Export clear query functions with proper TypeScript typing
263264## Common Gotchas and Solutions
TownieChatRouteSingleColumn.tsx3 matches
1819// alt single-column version of /chat route
20export function ChatRouteSingleColumn () {
21const { projectId, branchId } = useParams() as {
22projectId: string;
55}
5657function Conversation ({
58project,
59files,
194}
195196function shouldRefetch (message) {
197for (let i = 0; i < message?.parts?.length; i++) {
198let part = message.parts[i];
TowniecalculateCost.tsx1 match
5const CACHE_WRITE_RATE = 3.75; // $3.75 per M cache-write tokens
67export function calculateCost({
8input_tokens,
9output_tokens,
TownieBranchSelect.tsx1 match
7const NEW_BRANCH_VAL = "__NEW_BRANCH__";
89export function BranchSelect() {
10const { projectId, branchId } = useParams() as {
11projectId: string;
5* Returns null if authentication is successful, or a Response if it fails
6*/
7export async function basicAuthMiddleware(req: Request): Promise<Response | null> {
8const realm = "Usage Dashboard";
9const unauthorizedResponse = new Response("Unauthorized", {
17});
1819export function App() {
20const [audio, setAudio] = useLocalStorage("AUDIO", false);
21const user = useUser();
1export default async function(req: Request) {
2const html = `<!DOCTYPE html>
3<html lang="en">
245246<script>
247// Theme toggle functionality
248const themeToggle = document.getElementById('theme-toggle');
249const themeIcon = document.getElementById('theme-icon');
264});
265266function updateThemeIcon(theme) {
267themeIcon.textContent = theme === 'dark' ? 'โ๏ธ' : '๐';
268}
269270// Add some interactive animations
271document.addEventListener('DOMContentLoaded', function() {
272// Smooth scroll for any internal links
273document.querySelectorAll('a[href^="#"]').forEach(anchor => {
274anchor.addEventListener('click', function (e) {
275e.preventDefault();
276const target = document.querySelector(this.getAttribute('href'));
2import { renderToString } from "npm:react-dom/server";
34export default async function(req: Request) {
5return new Response(
6renderToString(
linkInBioTemplatemain.tsx1 match
2import { renderToString } from "npm:react-dom/server";
34export default async function(req: Request) {
5return new Response(
6renderToString(