Public
Script
g
countGithubLOCUI
HTTP
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! β¨
2
g
ThumbMaker
HTTP
* 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.
0
g
dataUriGenApp
HTTP
* This application creates a client-side data URI generator with the following features:
* - File upload through input and drag-and-drop
* - Automatic MIME type detection
* - Preview of the uploaded file (image, video, audio, or text)
* - Copy button to easily copy the generated data URI
*
* We'll use the FileReader API for file handling and data URI generation.
* The application will be built using HTML, CSS, and JavaScript, served by a Hono app.
0
g
csvViewer
HTTP
* This application creates a CSV viewer using a Hono app that serves a client-side application.
* It allows users to upload a CSV file, view its contents in a table format, and provides basic sorting functionality.
*
* The approach:
* 1. Create a server-side Hono app to handle file uploads and serve the HTML, CSS, and JavaScript.
* 2. Implement client-side JavaScript to handle file reading, parsing CSV, and displaying the data in a table.
* 3. Add sorting functionality to allow users to sort the table by clicking on column headers.
*
* Libraries used:
* - Hono for the server-side application
* - Papa Parse (via esm.sh) for parsing CSV on the client-side
0
September 6, 2024