From 9357b17fdf89ae20d0e7c79faf05ea1753c99f07 Mon Sep 17 00:00:00 2001 From: neonwatty Date: Fri, 30 Jan 2026 03:55:30 -0700 Subject: [PATCH] feat: add landing page for BugDrop - Create marketing landing page at root URL - Hero section with value proposition - How it works (3 steps) - Features grid with 6 key features - Quick start installation guide - Configuration options table - Live BugDrop widget embedded for visitors to try - Tokyo Night inspired dark theme - Fully responsive design --- public/index.html | 786 ++++++++++++++++++++++++++++++++++++++++++++++ src/index.ts | 15 +- 2 files changed, 789 insertions(+), 12 deletions(-) create mode 100644 public/index.html diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..d005c7f --- /dev/null +++ b/public/index.html @@ -0,0 +1,786 @@ + + + + + + BugDrop - In-app feedback to GitHub Issues + + + + + + + + +
+ + + +
+
+ Open Source +

Collect bug reports with
screenshots in 30 seconds

+

Drop-in feedback widget that turns user reports into GitHub issues. Screenshots, annotations, system info - all automatic.

+
+ Install GitHub App + View on GitHub +
+
+ +
+

How It Works

+
+
+
1
+

Add One Script Tag

+

Install our GitHub App and paste the widget script into your HTML. No build step required.

+
+
+
2
+

Users Click the Bug Button

+

A floating button appears on your site. Users can capture screenshots and annotate issues.

+
+
+
3
+

Issues Created Automatically

+

Feedback is sent to your GitHub repo as a fully-formatted issue with screenshots and system info.

+
+
+
+ +

Features

+
+
+ 📸 +

Screenshot Capture

+

Full page or element-specific screenshots with automatic capture.

+
+
+ 🎨 +

Annotation Tools

+

Draw, arrows, and rectangles to highlight exactly what's wrong.

+
+
+ 🏷️ +

Feedback Categories

+

Bug, Feature, or Question - automatically tagged with GitHub labels.

+
+
+ 💻 +

System Info

+

Browser, OS, viewport, and more captured automatically for debugging.

+
+
+ 🎯 +

Customizable

+

Themes, colors, position, dismissible button - make it yours.

+
+
+ 🔒 +

Privacy First

+

No tracking, no cookies. URLs are redacted. Your data stays yours.

+
+
+ +
+

Quick Start

+

Get up and running in under a minute.

+
+
+
1
+
+

Install the GitHub App on your repository:

+

https://github.com/apps/neonwatty-bugdrop/installations/new

+
+
+
+
2
+
+

Add the script to your website (replace owner/repo with your repo):

+
+ + <script src="https://bugdrop.neonwatty.workers.dev/widget.js" + data-repo="owner/repo"></script> +
+
+
+
+
3
+
+

That's it! Users can now submit feedback that becomes GitHub issues.

+
+
+
+
+ +
+

Configuration

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
AttributeValuesDefault
data-repoowner/reporequired
data-themelight, dark, autoauto
data-positionbottom-right, bottom-leftbottom-right
data-colorHex color (e.g. #FF6B35)#14b8a6
data-button-dismissibletrue, falsefalse
data-buttontrue, falsetrue
+

+ See the full documentation for all options including JavaScript API, submitter info collection, and version pinning. +

+
+ +
+

Try it now!

+

Click the feedback button in the bottom-right corner to see BugDrop in action →

+
+ +
+

Built by neonwatty · MIT License

+

Works with public and private repositories

+
+ TypeScript + Cloudflare Workers + Shadow DOM +
+
+
+ + + + + + + diff --git a/src/index.ts b/src/index.ts index 952c74f..f7fc926 100644 --- a/src/index.ts +++ b/src/index.ts @@ -33,18 +33,9 @@ app.use('*', logger()); // Mount API routes app.route('/api', api); -// Root endpoint -app.get('/', (c) => { - return c.json({ - name: 'BugDrop API', - version: '1.0.0', - docs: { - health: 'GET /api/health', - check: 'GET /api/check/:owner/:repo', - feedback: 'POST /api/feedback', - widget: 'GET /widget.js', - }, - }); +// Landing page +app.get('/', async (c) => { + return c.env.ASSETS.fetch(new Request(new URL('/index.html', c.req.url))); }); // Serve widget.js from static assets