g

Val Town Database This val exports vtdb , a correctly typed Kysely instance to query the @sqlite.db database containing public vals. Example usage: import { vtdb } from 'https://esm.town/v/g/vtdb'; const vals = await vtdb.selectFrom('vals') .selectAll() .orderBy('created_at desc') .limit(5) .execute(); console.log(vals.map((val) => val.name));

WOFF to TTF Converter Convert .woff or .woff2 font files to ttf by extracting them. The resulting ttf files might not work with your use case. It is recommended to use this converter instead.

Text To Speech App Simple Text to Speech app based on Azure Speech Services. Features 🚀 Natural-sounding voices 🌍 Support for many languages 📰 Paste a link to fetch the article (by: markdown.download ) ✨ Detect the language of pasted / scraped text ⬇️ Download generated audio files (no rights guaranteed) 📱 Mobile-Friendly UI

Polyglot Png Creator This val allows creation of polygot png files by uploading a reference image and a file. A polygot png is a valid png file that also contains arbitrary data. This can be used to create files that serve a different purpose depending on their file extensions. PDF and ZIP files are known to work with polygot png images, although not every software supports the resulting files. The conversion happens entirely on the client side. The logic behind the conversion is entirely based on DavidBuchanan314/tweetable-polyglot-png and ported to JavaScript.

GitHub Line Counter 🚀 GitHub Line Counter , live on val.town ; Ever wondered how many lines of code are in a GitHub repo without the hassle of cloning it? Say hello to GitHub Line Counter — your friendly, web-based LOC inspector! 🌟 What It Does This simple tool fetches the GitHub repository as a ZIP file, decompresses it on the fly (thanks to fflate 💨), and counts the lines of code — on val.town with an incredible bandwith and speed. Built with Vanilla JS on the frontend and powered by val.town on the backend, it’s lightweight, fast, and ready to use! How to Use Just paste the repo URL, hit "Count Lines," and watch the magic happen! ✨

An interactive, runnable TypeScript val by g

An interactive, runnable TypeScript val by g

* This application creates a thumbnail maker using Hono for server-side routing and client-side JavaScript for image processing. * It allows users to upload images, specify output options, and generate a composite thumbnail image. * The app uses the HTML5 Canvas API for image manipulation and supports drag-and-drop functionality. * * The process is divided into two steps: * 1. Generating thumbnails: Users choose thumbnail size options and create individual thumbnails. * 2. Rendering: Users can create and export the final composite image with options for format and quality. * This two-step process allows changing format or quality without re-rendering the entire canvas. * * Additional features: * - Users can go back from the second step to the first one to regenerate thumbnails. * - Dropping new files takes the user back to the first step. * - A "Download Metadata" button is added to download a JSON file with thumbnail information.

client side data uri generator

client side csv viewer

Serve Utils This val exports various utility functions, mainly the serve(commentFunction, contentType?) . It enables easy serving of different files, while allowing the use of all string characters: // this is possible const arr = ["Hello", 'world', `!`]; Townie Prompt This can be used as a replacement system prompt for Townie. Townie will: Write client-side applications with vanilla JavaScript Serve them as different assets, ie. index.html , style.css and main.js Use modern module syntax, including importing modules directly from esm.sh on the client side Not reuse the same script for the server and client logic IMPORTANT: Due tue val.town README restrictions, the custom prompt can now be found here .

Townie Template App Custom minimal template val for Townie. Uses @g.serveUtils to serve static files from code comments. Hono is used for routing.

Codepen Debug Direct URLs to your Codepen projects. Not in an iframe!