39โโโ frontend/
40โ โโโ index.html # Main app entry
41โ โโโ index.tsx # React app root
42โ โโโ components/
43โ โ โโโ App.tsx # Main app component
55- **Backend**: Hono.js API framework
56- **Database**: SQLite for data persistence
57- **Frontend**: React with TypeScript
58- **Styling**: TailwindCSS
59- **Authentication**: Session-based auth
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2
3export function ValTownLogo () {
1import { useState, useEffect } from "react";
2
3const USER_ENDPOINT = "/api/user";
1import { useEffect } from "react";
2
3export function useUsageStats(messages: any[], usages: any[]) {
1import { useEffect, useRef } from 'https://esm.sh/react@18.2.0';
2
3
1import { useState, useEffect } from "react";
2
3const PROJECT_ENDPOINT = "/api/project";
1import { useState, useEffect } from "react";
2
3const ENDPOINT = "/api/projects-loader";
1import { useEffect } from "react";
2
3function setLoadingFavicon() {
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { useState, useEffect } from "react";
3
4export function useCreditBalance() {
1import { useState, useEffect } from "react";
2
3const ENDPOINT = "/api/create-project";