5const staticRoutes = new Hono();
6
7// Serve uploaded images from blob storage
8staticRoutes.get("/images/:key", async (c) => {
9 try {
10 const key = c.req.param("key");
11 const imageData = await blob.getJSON(key);
12
13 if (!imageData) {
14 return c.notFound();
15 }
16
17 // Convert base64 back to binary
18 const binaryString = atob(imageData.data);
19 const bytes = new Uint8Array(binaryString.length);
20 for (let i = 0; i < binaryString.length; i++) {
24 return new Response(bytes, {
25 headers: {
26 "Content-Type": imageData.contentType || "image/jpeg",
27 "Cache-Control": "public, max-age=31536000" // Cache for 1 year
28 }
29 });
30 } catch (error) {
31 console.error("Serve image error:", error);
32 return c.notFound();
33 }
7 <script src="https://cdn.twind.style" crossorigin></script>
8 <script src="https://esm.town/v/std/catch"></script>
9 <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🎯</text></svg>">
10 <style>
11 .gradient-bg {
113 const category = formData.get("category") as "cutting" | "potted" | "tree";
114 const location = formData.get("location") as string;
115 const imageFile = formData.get("image") as File;
116
117 if (!title || !description || !category) {
122 }
123
124 let imageUrl: string | undefined;
125
126 // Handle image upload if provided
127 if (imageFile && imageFile.size > 0) {
128 try {
129 const imageBuffer = await imageFile.arrayBuffer();
130 const imageKey = `plant-images/${user.id}-${Date.now()}-${imageFile.name}`;
131
132 // Store image as base64 in blob storage
133 const base64Image = btoa(String.fromCharCode(...new Uint8Array(imageBuffer)));
134 await blob.setJSON(imageKey, {
135 data: base64Image,
136 contentType: imageFile.type,
137 filename: imageFile.name
138 });
139
140 imageUrl = `/api/images/${imageKey}`;
141 } catch (imageError) {
142 console.error("Image upload error:", imageError);
143 // Continue without image rather than failing the whole request
144 }
145 }
151 category,
152 availability: "available" as const,
153 image_url: imageUrl,
154 location: location || undefined
155 };
11 text_ar: "لا يوجد جريمة كاملة.",
12 text_en: "There is no perfect crime.",
13 image: "https://upload.wikimedia.org/wikipedia/ar/2/2b/Detective_Conan.jpg",
14 audio: "https://archive.org/download/CONANCD/CONANCD/Track%2001.mp3",
15 planet: "Action",
20 text_ar: "الحياة رحلة، والفرح جزء منها.",
21 text_en: "Life is a journey, and joy is part of it.",
22 image: "https://upload.wikimedia.org/wikipedia/ar/4/4f/Remi_anime.jpg",
23 audio: "https://archive.org/download/remi-spacetoon/remi-spacetoon.mp3",
24 planet: "Zomoroda",
76 <p>${q.text_ar}</p>
77 <p><em>${q.text_en}</em></p>
78 <img src="${q.image}" alt="${q.character}" />
79 <br/>
80 <audio controls src="${q.audio}"></audio>
39export async function createPlant(plantData: Omit<Plant, 'id' | 'created_at' | 'updated_at' | 'user'>): Promise<Plant> {
40 const result = await sqlite.execute(
41 `INSERT INTO plants (user_id, title, description, category, availability, image_url, location)
42 VALUES (?, ?, ?, ?, ?, ?, ?) RETURNING *`,
43 [
47 plantData.category,
48 plantData.availability || 'available',
49 plantData.image_url || null,
50 plantData.location || null
51 ]
24 category TEXT NOT NULL CHECK (category IN ('cutting', 'potted', 'tree')),
25 availability TEXT NOT NULL DEFAULT 'available' CHECK (availability IN ('available', 'pending', 'exchanged')),
26 image_url TEXT,
27 location TEXT,
28 created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
18 category: 'cutting' | 'potted' | 'tree';
19 availability: 'available' | 'pending' | 'exchanged';
20 image_url?: string;
21 location?: string;
22 created_at: string;
59 category: 'cutting' | 'potted' | 'tree';
60 location?: string;
61 image?: File;
62}
63
43- **Frontend**: React with TypeScript
44- **Styling**: TailwindCSS
45- **Storage**: Val Town blob storage for images
46- **Authentication**: Simple session-based auth
47
11 text_ar: "لا يوجد جريمة كاملة.",
12 text_en: "There is no perfect crime.",
13 image: "https://your-image-link.jpg",
14 audio: "https://your-audio-link.mp3",
15 planet: "Adventure",
20 text_ar: "الحياة رحلة، والفرح جزء منها.",
21 text_en: "Life is a journey, and joy is part of it.",
22 image: "https://your-image-link2.jpg",
23 audio: "https://your-audio-link2.mp3",
24 planet: "Zomoroda",
75 <p>${q.text_ar}</p>
76 <p><em>${q.text_en}</em></p>
77 <img src="${q.image}" alt="${q.character}" />
78 <br/>
79 <audio controls src="${q.audio}"></audio>
41 yearEstablished: 1999,
42 significance: "Symbol of the struggle against apartheid and the triumph of democracy",
43 imagePrompt: "robben-island-prison-south-africa-historical-site-with-ocean-view"
44 },
45 {
51 yearEstablished: 1999,
52 significance: "Contains the world's richest hominin fossil bearing sites",
53 imagePrompt: "cradle-of-humankind-south-africa-limestone-caves-archaeological-site"
54 },
55 {
61 yearEstablished: 2000,
62 significance: "Largest collection of San rock art in Africa",
63 imagePrompt: "drakensberg-mountains-south-africa-san-rock-art-ancient-paintings"
64 },
65 {
71 yearEstablished: 2004,
72 significance: "Highest plant diversity per unit area in the world",
73 imagePrompt: "cape-floral-region-south-africa-fynbos-protea-flowers-biodiversity"
74 },
75 {
81 yearEstablished: 2003,
82 significance: "Evidence of the first indigenous kingdom in southern Africa",
83 imagePrompt: "mapungubwe-archaeological-site-south-africa-ancient-kingdom-ruins"
84 },
85 {
91 yearEstablished: 2005,
92 significance: "World's oldest and largest meteorite impact structure",
93 imagePrompt: "vredefort-dome-south-africa-meteorite-impact-crater-geological-formation"
94 },
95 {
100 location: "KwaZulu-Natal",
101 significance: "Largest ethnic group in South Africa with rich warrior traditions",
102 imagePrompt: "zulu-cultural-heritage-south-africa-traditional-dress-beadwork-ceremony"
103 },
104 {
109 location: "Throughout South Africa",
110 significance: "Indigenous peoples of southern Africa with ancient cultural traditions",
111 imagePrompt: "khoi-san-heritage-south-africa-traditional-hunter-gatherer-culture-rock-art"
112 },
113 {
119 yearEstablished: 1600,
120 significance: "Unique colonial architectural style reflecting cultural fusion",
121 imagePrompt: "cape-dutch-architecture-south-africa-whitewashed-buildings-thatched-roofs-gables"
122 }
123];
