Val Town Code SearchReturn to Val Town

7import AchievementNotification from "./AchievementNotification.tsx";
8
9const API_BASE_URL = "/api";
10
11const App: React.FC = () => {
46    try {
47      setLoading(true);
48      const response = await fetch(`${API_BASE_URL}/users/${userId}`);
49      
50      if (!response.ok) {
66    try {
67      setLoading(true);
68      const response = await fetch(`${API_BASE_URL}/users`, {
69        method: "POST",
70        headers: {
92    
93    try {
94      const response = await fetch(`${API_BASE_URL}/users/${user.id}/envelopes`, {
95        method: "POST",
96        headers: {
115    
116    try {
117      const response = await fetch(`${API_BASE_URL}/users/${user.id}/envelopes/${envelopeId}/allocate`, {
118        method: "PUT",
119        headers: {
139    try {
140      setLoading(true);
141      const response = await fetch(`${API_BASE_URL}/users/${user.id}/transactions/import`, {
142        method: "POST",
143        headers: {
165    
166    try {
167      const response = await fetch(`${API_BASE_URL}/users/${user.id}/transactions/${transactionId}/assign`, {
168        method: "PUT",
169        headers: {

10  
11  <!-- Fonts -->
12  <link rel="preconnect" href="https://fonts.googleapis.com">
13  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
14  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
15  
16  <!-- Error catching -->

27│   ├── database/       # SQLite database setup and queries
28│   ├── parsers/        # CSV parsing logic
29│   └── index.ts        # Main API entry point
30├── frontend/
31│   ├── components/     # React components

388      }
389      
390      // In a real application, you would call an API here to generate the script
391      // For now, we'll just simulate script generation
392      
393      alert('Đang tạo kịch bản, vui lòng đợi...');
394      
395      // Simulate API delay
396      setTimeout(() => {
397        // Switch to the "Tạo Audio" tab
508      const speed = document.getElementById('audio-speed').value;
509      
510      // In a real application, you would call an API here
511      // For now, we'll just simulate audio generation
512      
513      alert('Đang tạo audio, vui lòng đợi...');
514      
515      // Simulate API delay
516      setTimeout(() => {
517        // Show audio player
612    // Set up script flow
613    document.getElementById('generate-script').addEventListener('click', function() {
614      // In a real app, this would be the generated script from an API
615      const mockGeneratedScript = "Đây là nội dung kịch bản được tạo tự động dựa trên chủ đề, số từ và ngữ cảnh bạn đã chọn. Trong một ứng dụng thực tế, nội dung này sẽ được tạo bởi AI hoặc một dịch vụ tạo văn bản.";
616      

12app.get("/frontend/**/*", c => serveFile(c.req.path, import.meta.url));
13
14// Add your API routes here
15// app.get("/api/data", c => c.json({ hello: "world" }));
16
17// Unwrap and rethrow Hono errors as the original error

5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  <title>Push-Up Counter</title>
7  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
8  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
9  <link rel="stylesheet" href="/styles.css">
10</head>

44      // Load the face landmarks detection model
45      model = await faceLandmarksDetection.load(
46        faceLandmarksDetection.SupportedPackages.mediapipeFacemesh,
47        { maxFaces: 1 }
48      );

3import {useState, useEffect} from "https://esm.sh/preact@10.19.6/hooks"
4import {User, SupplierBill, Product, Category, CreateProductPayload, SupplierBillItem as SharedSupplierBillItem, BillScanResponse} from "../../shared/types.ts"
5// import * as apiClient from "../apiClient.ts"; // Will be removed
6
7interface ScanBillViewProps {
19}
20
21// Moved from apiClient.ts
22interface ConfirmBillFrontendPayload {
23  reviewedItems: Array<{
33  }>
34}
35const API_BASE_URL = "/api"
36
37const ScanBillView: FunctionComponent<ScanBillViewProps> = ({currentUser}) => {
50    if (step === "review" && currentUser) {
51      // Fetch products
52      fetch(`${API_BASE_URL}/products`, {
53        headers: {"Accept": "application/json", "X-User-Id": currentUser.id}
54      })
67
68      // Fetch categories
69      fetch(`${API_BASE_URL}/categories`, {
70        headers: {"Accept": "application/json", "X-User-Id": currentUser.id} // X-User-Id might not be strictly needed by backend for GET categories
71      })
108
109      // Direct fetch for uploadBill
110      let response = await fetch(`${API_BASE_URL}/bills/upload`, {
111        method: "POST",
112        headers: {
125
126      // Direct fetch for processBillAI
127      response = await fetch(`${API_BASE_URL}/bills/process/${uploadResult.billId}`, {
128        method: "POST",
129        headers: {
139      // The backend returns SupplierBill, but the AI service returns BillScanResponse.
140      // The billService.processBillWithAI returns SupplierBill.
141      // The apiClient.processBillAI was typed to return SupplierBill.
142      // Let's assume the backend /api/bills/process/:billId returns SupplierBill
143      const billData: SupplierBill = await response.json()
144
219
220      // Direct fetch for confirmBill
221      const response = await fetch(`${API_BASE_URL}/bills/${uploadedBillId}/confirm`, {
222        method: "POST",
223        headers: {

32backend.use("*", cors()) // Allow all origins for demo purposes
33backend.use("*", secureHeaders())
34// CSRF protection can be added if using cookie-based sessions, might be overkill for this API demo if using token auth
35// app.use("*", csrf());
36
54// Error handler - Unwrap Hono errors to see original error details
55backend.onError((err, c) => {
56  console.error("API Error:", err)
57  // Check if it's an HTTPError from Hono, otherwise it's an internal error
58  if (err && typeof err === 'object' && 'getResponse' in err && typeof err.getResponse === 'function') {
477    // The payload for updateSupplierBillWithAIData expects a full BillScanResponse structure.
478    // This might need a dedicated service method if the payload is different.
479    console.warn(`PUT /api/bills/:billId - Manual bill update logic might need a dedicated service method. Reusing updateSupplierBillWithAIData for now if payload matches.`)
480    const updatedBill = await db.updateSupplierBillWithAIData(billId, payload as BillScanResponse, userId) // Casting payload, ensure it's compatible
481

5// import {serveStatic} from "https://esm.sh/hono@4.4.6/deno" // Unused and causing error
6import {readFile, parseProject} from "https://esm.town/v/std/utils@85-main/index.ts" // Val Town utils
7import backendRoutes from "./backend/api.ts"
8const app = new Hono()
9
94
95
96app.route("/api", backendRoutes)
97
98