Back

Version 29

8/25/2024
/**
* This val creates a website called TownGen that generates optimized prompts for Hono and Deno based on user input.
* It uses a simulated API for Hono and Deno features and incorporates a loading animation.
* The prompt is tested and debugged using a simulated API before presenting to the user.
* It includes a pill box multi-select for enhanced features from npm packages, organized into categories.
* A large submit button and a 10-second animation are added when generating the prompt.
* Categories have been updated to focus on specific areas as requested.
* Clicking on categories now brings up relevant npm packages and features.
* Added 25 small prompt phrases below the generate button to assist in website generation.
* A welcome message from the Mayor of val.town is now included.
* When submitted, it now iterates step by step in a tree structure on features for main functionality.
* Sub-functionalities are now listed under the main functionality to help describe it better.
*/
/** @jsxImportSource https://esm.sh/react */
import React, { useEffect, useState } from "https://esm.sh/react";
import { createRoot } from "https://esm.sh/react-dom/client";

// Simulated API for Hono and Deno features
const features = {
hono: [
"Routing",
"Middleware",
"Static file serving",
"WebSocket support",
"JWT authentication",
"Validation",
"Templating",
],
deno: [
"TypeScript support",
"Top-level await",
"ES modules",
"Standard library",
"Built-in testing",
"Permissions system",
"Web standard APIs",
all-towngen.web.val.run
Updated: August 25, 2024