An open API service indexing awesome lists of open source software.

https://github.com/tizee/web-tools

A one-off vanilla JS and CSS web tools
https://github.com/tizee/web-tools

Last synced: 4 months ago
JSON representation

A one-off vanilla JS and CSS web tools

Awesome Lists containing this project

README

          

# web-tools

A collection of single-page web tools deployed as Cloudflare Pages.

- Inspiration: from [simonw/tools](https://github.com/simonw/tools/)

## Tools

- **exif-remover**: Remove EXIF meta info from images
- Idea from [image-scrubber](https://github.com/everestpipkin/image-scrubber)
- Deployed at: `tizee-exif-remover.pages.dev`

- **flowdown-config**: FlowDown Enterprise Configuration Generator
- Deployed at: `tizee-flowdown-config.pages.dev`

- **hdr-tool**: HDR processing tool
- Deployed at: `tizee-hdr-tool.pages.dev`

- **daoli-tool**: Daoli tool
- Deployed at: `tizee-daoli-tool.pages.dev`

- **emoji-splitter**: Emoji splitter tool
- Deployed at: `tizee-emoji-splitter.pages.dev`

- **solar**: Solar tool
- Deployed at: `tizee-solar.pages.dev`

- **pyramid-filter**: Triangular Pyramid Image Filter (WebGL)
- Map images onto a triangular pyramid with interactive geometry controls
- Deployed at: `tizee-pyramid-filter.pages.dev`

- **gemini-watermark**: Gemini Watermark Remover
- Remove watermarks from Gemini AI-generated images using alpha channel analysis
- Deployed at: `tizee-gemini-watermark.pages.dev`

## Prerequisites

1. Install [Node.js](https://nodejs.org/) (v16.17.0 or later)
2. Install [pnpm](https://pnpm.io/) or npm
3. Authenticate with Cloudflare:
```bash
wrangler login
```

## Development

### Install dependencies
```bash
pnpm install
```

### Run local development server
```bash
pnpm dev:exif # EXIF remover
pnpm dev:flowdown # FlowDown config generator
pnpm dev:hdr # HDR tool
pnpm dev:daoli # Daoli tool
pnpm dev:emoji # Emoji splitter
pnpm dev:solar # Solar tool
pnpm dev:pyramid # Pyramid filter
pnpm dev:gemini # Gemini watermark remover
```

## Deployment

### Deploy individual tools
```bash
pnpm deploy:exif
pnpm deploy:flowdown
pnpm deploy:hdr
pnpm deploy:daoli
pnpm deploy:emoji
pnpm deploy:solar
pnpm deploy:pyramid
pnpm deploy:gemini
```

### Deploy all tools
```bash
pnpm deploy:all
```

## Creating a New Tool

To add a new tool:

1. Create the directory:
```bash
mkdir pages/
```

2. Add your HTML file as `pages//index.html`

3. Create `pages//wrangler.jsonc`:
```json
{
"$schema": "node_modules/wrangler/config-schema.json",
"name": "tizee-",
"pages_build_output_dir": "public"
}
```

4. Add npm scripts to the root `package.json`

5. Update this README with the new tool information