DC-4974 create-db web

README.md

@@ -7,8 +7,9 @@ Create temporary Prisma Postgres databases that you can claim permanently.
 This monorepo contains tools and services that enable developers to quickly provision temporary Prisma Postgres databases and optionally claim ownership to make them permanent. The system consists of:
 
 1. **CLI Tools** - Command-line interfaces for database creation
-2. **Cloudflare Workers** - Backend services for database management and OAuth authentication
-3. **Monorepo Infrastructure** - Shared tooling and versioning
+2. **Web Interface** - Browser-based database creation at create-db.prisma.io
+3. **Cloudflare Workers** - Backend services for database management and OAuth authentication
+4. **Monorepo Infrastructure** - Shared tooling and versioning
 
 ## CLI Reference
 
@@ -71,6 +72,29 @@ npx create-pg -j
 - **Dependencies**: Workspace dependency on `create-db`
 - **Usage**: Provides `create-pg` and `create-postgres` commands
 
+### Web Interface
+
+### Option 1: Using the web interface (recommended)
+
+The create-db web application provides a browser-based interface for creating and managing your databases.
+
+**Key features:**
+
+- No installation required - works directly in your web browser
+- Visual interface for database management
+- Easy connection string display and copying
+- Built-in schema viewer and editor
+- Direct integration with Prisma Studio
+- Simple database claiming workflow
+
+**Getting started:**
+
+1. Visit [create-db.prisma.io](https://create-db.prisma.io) in your web browser
+2. Click "Create with the web interface"
+3. Modify your schema and interact with the Studio
+4. Copy the provided connection strings for your project
+5. Claim your database to make it permanent
+
 ### Backend Services
 
 #### `create-db-worker` (Cloudflare Worker)
@@ -91,13 +115,14 @@ npx create-pg -j
 
 #### `claim-db-worker` (Cloudflare Worker)
 
-- **Purpose**: Handles OAuth-based database ownership transfer
+- **Purpose**: Handles OAuth-based database ownership transfer and serves the web interface
 - **Features**:
   - Prisma OAuth authentication
   - Rate limiting (100 requests/minute)
   - Secure project transfer
   - User-friendly HTML interfaces
   - Analytics tracking
+  - Web application hosting
 
 **API Endpoints**:
 
@@ -106,7 +131,7 @@ npx create-pg -j
 
 ## Quick Start
 
-### Using the CLI
+### Option 1: Using the CLI
 
 ```bash
 # Create a database with default settings
@@ -123,6 +148,10 @@ npx create-pg --region eu-west-1
 npx create-postgres --interactive
 ```
 
+### Option 2: Using the Web Interface
+
+Visit [create-db.prisma.io/web](https://create-db.prisma.io/web) to create databases directly in your browser. No installation required - just click "Create Database Online" to get started.
+
 ### Environment Setup
 
 For local development, create a `.env` file in the `create-db/` directory:
@@ -147,7 +176,7 @@ CLAIM_DB_WORKER_URL="http://127.0.0.1:9999"
 
 ### Installation
 
-```bash
+````bash
 # Clone the repository
 git clone https://github.com/prisma/create-db.git
 cd create-db
@@ -169,7 +198,7 @@ cd ../create-db && pnpm install
 
 ```env
 INTEGRATION_TOKEN=your_prisma_integration_token
-```
+````
 
 **Claim DB Worker** (`claim-db-worker/.dev.vars`):
 
@@ -379,3 +408,7 @@ create-db/
 2. **CLI Testing**: Test changes in the `create-db` package
 3. **Versioning**: Use changesets for version management
 4. **Deployment**: Deploy workers and publish packages as needed
+
+```
+
+```

claim-db-worker/.gitignore

@@ -1,172 +1,50 @@
-# Logs
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
-logs
-_.log
-npm-debug.log_
-yarn-debug.log*
-yarn-error.log*
-lerna-debug.log*
-.pnpm-debug.log*
-
-# Diagnostic reports (https://nodejs.org/api/report.html)
-
-report.[0-9]_.[0-9]_.[0-9]_.[0-9]_.json
-
-# Runtime data
-
-pids
-_.pid
-_.seed
-\*.pid.lock
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-
-lib-cov
-
-# Coverage directory used by tools like istanbul
-
-coverage
-\*.lcov
-
-# nyc test coverage
-
-.nyc_output
-
-# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
-
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-
-bower_components
-
-# node-waf configuration
-
-.lock-wscript
-
-# Compiled binary addons (https://nodejs.org/api/addons.html)
-
-build/Release
-
-# Dependency directories
-
-node_modules/
-jspm_packages/
-
-# Snowpack dependency directory (https://snowpack.dev/)
-
-web_modules/
-
-# TypeScript cache
-
-\*.tsbuildinfo
-
-# Optional npm cache directory
-
-.npm
-
-# Optional eslint cache
-
-.eslintcache
-
-# Optional stylelint cache
-
-.stylelintcache
-
-# Microbundle cache
-
-.rpt2_cache/
-.rts2_cache_cjs/
-.rts2_cache_es/
-.rts2_cache_umd/
-
-# Optional REPL history
-
-.node_repl_history
-
-# Output of 'npm pack'
-
-\*.tgz
-
-# Yarn Integrity file
-
-.yarn-integrity
-
-# dotenv environment variable files
-
-.env
-.env.development.local
-.env.test.local
-.env.production.local
-.env.local
-
-# parcel-bundler cache (https://parceljs.org/)
-
-.cache
-.parcel-cache
-
-# Next.js build output
-
-.next
-out
-
-# Nuxt.js build / generate output
-
-.nuxt
-dist
-
-# Gatsby files
-
-.cache/
-
-# Comment in the public line in if your project uses Gatsby and not Next.js
-
-# https://nextjs.org/blog/next-9-1#public-directory-support
-
-# public
-
-# vuepress build output
-
-.vuepress/dist
-
-# vuepress v2.x temp and cache directory
-
-.temp
-.cache
-
-# Docusaurus cache and generated files
-
-.docusaurus
-
-# Serverless directories
-
-.serverless/
-
-# FuseBox cache
-
-.fusebox/
+# dependencies
+/node_modules
+/legacy-code
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+package-lock.json
+/.claude
 
-# DynamoDB Local files
+# testing
+/coverage
 
-.dynamodb/
+# next.js
+/.next/
+/out/
 
-# TernJS port file
+# production
+/build
 
-.tern-port
+# misc
+.DS_Store
+*.pem
+index.example
 
-# Stores VSCode versions used for testing VSCode extensions
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
 
-.vscode-test
+# local env files
+.env*.local
 
-# yarn v2
+# vercel
+.vercel
 
-.yarn/cache
-.yarn/unplugged
-.yarn/build-state.yml
-.yarn/install-state.gz
-.pnp.\*
+# typescript
+*.tsbuildinfo
+next-env.d.ts
 
-# wrangler project
+# OpenNext
+/.open-next
 
-.dev.vars
-.wrangler/
+# wrangler files
+.wrangler
+.dev.vars*
+!.dev.vars.example
+.env*
+!.env.example