🌱 Crop & Weed Detection 🌿

\n Upload a field image to detect crops and weeds\n

\n \n {image && (\n

\n $\"Field$ \n

\n )}\n {prediction && (\n

Detection Results

Crop Detection 🌾

\n {prediction.crops.map((crop, index) => (\n

\n {crop.type}: {(crop.coverage * 100).toFixed(2)}% coverage\n

\n ))}\n

Weed Detection 🌱

\n {prediction.weeds.map((weed, index) => (\n

\n {weed.type}: {(weed.density * 100).toFixed(2)}% density\n

\n ))}\n

Recommended Action 🚜

{prediction.recommendation}

\n \n View Source\n \n

\n )}\n

\n );\n}\n\nconst styles = {\n container: {\n fontFamily: 'Arial, sans-serif',\n maxWidth: '700px',\n margin: '0 auto',\n padding: '20px',\n textAlign: 'center',\n backgroundColor: '#f4f4f4'\n },\n description: {\n color: '#666',\n marginBottom: '20px'\n },\n fileInput: {\n margin: '20px 0',\n padding: '10px',\n backgroundColor: 'white',\n borderRadius: '5px'\n },\n uploadedImage: {\n maxWidth: '100%',\n maxHeight: '400px',\n objectFit: 'contain',\n borderRadius: '10px',\n boxShadow: '0 4px 6px rgba(0,0,0,0.1)'\n },\n predictionResult: {\n marginTop: '20px',\n padding: '20px',\n backgroundColor: 'white',\n borderRadius: '10px',\n boxShadow: '0 4px 6px rgba(0,0,0,0.1)'\n },\n resultGrid: {\n display: 'flex',\n justifyContent: 'space-between',\n marginBottom: '20px'\n },\n resultItem: {\n margin: '10px 0',\n textAlign: 'left'\n },\n coverageBar: {\n height: '10px',\n borderRadius: '5px',\n marginTop: '5px'\n },\n recommendation: {\n backgroundColor: '#e9f5e9',\n padding: '15px',\n borderRadius: '5px',\n marginTop: '20px'\n },\n sourceLink: {\n display: 'block',\n marginTop: '20px',\n color: '#666'\n }\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n if (request.method === 'POST' && request.url.includes('/predict')) {\n try {\n const imageBlob = await request.blob();\n \n // Enhanced mock prediction for crop and weed detection\n const mockPrediction = {\n crops: [\n { \n type: 'Corn', \n coverage: 0.75, \n health: 'healthy' \n },\n { \n type: 'Soybean', \n coverage: 0.20, \n health: 'moderate' \n }\n ],\n weeds: [\n { \n type: 'Pigweed', \n density: 0.15 \n },\n { \n type: 'Lambsquarters', \n density: 0.05 \n }\n ],\n recommendation: 'Targeted herbicide application recommended for pigweed. Consider spot treatment to minimize crop impact.'\n };\n\n return new Response(JSON.stringify(mockPrediction), {\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: error.message }), { \n status: 500,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n\n return new Response(`\n \n \n Crop & Weed Detection\n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}","deleted","label",[99],"permalink","https://www.val.town/x/ihbuhs04/splendidPurpleSalamander/code/main.tsx","extension","actionData","errors"]