Val Town Code SearchReturn to Val Town

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

1import { email } from "https://esm.town/v/std/email?v=13";
2import { sqlite } from "https://esm.town/v/std/sqlite2?v=1";
3import { AtpAgent, AtpSessionData, AtpSessionEvent } from "npm:@atproto/api";
4import diff from "npm:fast-diff@1.3.0";
5
26
27  // Supports up to 5,000 (100*50) follows, stopping there to try
28  // and avoid rate limits. These APIs have pretty low limits, sound off here
29  // https://github.com/bluesky-social/atproto/discussions/3356
30  outerLoop: for (let i = 0; i < 20; i++) {

18I was an avid user of [ThinkUp](https://www.thinkupapp.com/), a tool that connected to Twitter and sent me a daily email with profile updates from all the people I followed. I found it useful in work and for fun. Maybe one of my friends switched jobs or changed their username to something goofy or political. I want to know! In the distant past Facebook would include profile updates in the newsfeed: why not that for Twitter? ThinkUp did some other cool stuff, like providing full archives of Tweets in a more convenient format than Twitter did themselves.
19
20But Twitter [is bad now](https://macwright.com/2025/03/04/twitter-eol) and ThinkUp [shut down in 2016](https://www.thinkupapp.com/) because [the APIs that they were relying on from Twitter, Facebook, and Instagram were all locked down and limited](https://medium.com/@anildash/the-end-of-thinkup-e600bc46cc56). How disappointing.
21
22But there's a new social network in town, [Bluesky](https://bsky.app/), and it's ~~impossible~~ somewhat more difficult to corrupt and enshittify than those networks were, and it comes with a pretty good, if sometimes weird API that gives you access to everything you need.
23
24Could you build some of ThinkUp on Bluesky? Yes. This is it.