├── docs
    └── assets
    │   └── preview.png
├── wrangler.toml
├── package.json
├── tsconfig.json
├── .github
    └── workflows
    │   └── deploy.yml
├── .gitignore
├── README.md
├── src
    └── index.ts
└── public
    ├── 404.html
    └── index.html


/docs/assets/preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ajshovon/anyflare/HEAD/docs/assets/preview.png


--------------------------------------------------------------------------------
/wrangler.toml:
--------------------------------------------------------------------------------
 1 | name = "anyflare"
 2 | main = "src/index.ts"
 3 | compatibility_date = "2024-11-25"
 4 | 
 5 | [assets]
 6 | directory = "./public"
 7 | binding = "ANYFLARE_ASSETS"
 8 | html_handling = "force-trailing-slash"
 9 | not_found_handling = "404-page"
10 | 
11 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "anyflare",
 3 |   "scripts": {
 4 |     "dev": "wrangler dev",
 5 |     "deploy": "wrangler deploy --minify"
 6 |   },
 7 |   "devDependencies": {
 8 |     "@cloudflare/workers-types": "^4.20250606.0",
 9 |     "wrangler": "^4.19.1"
10 |   }
11 | }


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "ESNext",
 4 |     "module": "ESNext",
 5 |     "moduleResolution": "Bundler",
 6 |     "strict": true,
 7 |     "skipLibCheck": true,
 8 |     "lib": [
 9 |       "ESNext"
10 |     ],
11 |     "types": [
12 |       "@cloudflare/workers-types/2023-07-01"
13 |     ],
14 |     "jsx": "react-jsx",
15 |     "jsxImportSource": "hono/jsx"
16 |   },
17 | }


--------------------------------------------------------------------------------
/.github/workflows/deploy.yml:
--------------------------------------------------------------------------------
 1 | name: Deploy Worker
 2 | on:
 3 |   push:
 4 |   pull_request:
 5 |   repository_dispatch:
 6 |   workflow_dispatch:
 7 | jobs:
 8 |   deploy:
 9 |     runs-on: ubuntu-latest
10 |     timeout-minutes: 60
11 |     steps:
12 |       - uses: actions/checkout@v4
13 |       - name: Build & Deploy Worker
14 |         uses: cloudflare/wrangler-action@v3
15 |         with:
16 |           apiToken: ${{ secrets.CF_API_TOKEN }}
17 |           accountId: ${{ secrets.CF_ACCOUNT_ID }}


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # prod
 2 | dist/
 3 | 
 4 | # dev
 5 | .yarn/
 6 | !.yarn/releases
 7 | .vscode/*
 8 | !.vscode/launch.json
 9 | !.vscode/*.code-snippets
10 | .idea/workspace.xml
11 | .idea/usage.statistics.xml
12 | .idea/shelf
13 | 
14 | # deps
15 | node_modules/
16 | .wrangler
17 | 
18 | # env
19 | .env
20 | .env.production
21 | .dev.vars
22 | 
23 | # logs
24 | logs/
25 | *.log
26 | npm-debug.log*
27 | yarn-debug.log*
28 | yarn-error.log*
29 | pnpm-debug.log*
30 | lerna-debug.log*
31 | 
32 | # misc
33 | .DS_Store
34 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Anyflare
 2 | 
 3 | ## Introduction
 4 | 
 5 | Anyflare is a cloudflare worker proxy which you can deploy yourself to download anything through cloudflare.
 6 | 
 7 | ## Preview
 8 | 
 9 | ![Anyflare Preview Image](docs/assets/preview.png "Anyflare")
10 | 
11 | ## Features
12 | 
13 | - **Increase Speed**: Increase your slow download speed with Cloudflare CDN
14 | - **Resumable Downloads**: Generates resumable download url for any url
15 | - **Universal**: Works with most if not any download links
16 | 
17 | ## Deployment
18 | 
19 | ### Easily deploy with Cloudflare Worker
20 | 
21 | [![Deploy to Cloudflare Workers](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/ajshovon/anyflare)
22 | 
23 | ### Manual Deploy
24 | 
25 | ```bash
26 | # Clone this repo
27 | git clone https://github.com/ajshovon/anyflare
28 | 
29 | # Goto the repo dir
30 | cd anyflare
31 | 
32 | # Install dependency
33 | npm install
34 | 
35 | # Deploy
36 | npm run deploy
37 | 
38 | ```
39 | 
40 | ## Development
41 | 
42 | ```bash
43 | 
44 | # Start development server
45 | npm run dev
46 | 
47 | ```
48 | 


--------------------------------------------------------------------------------
/src/index.ts:
--------------------------------------------------------------------------------
 1 | export default {
 2 |   async fetch(request: Request, env: { ANYFLARE_ASSETS: Fetcher }, ctx: ExecutionContext): Promise<Response> {
 3 |     const url = new URL(request.url);
 4 | 
 5 |     // Proxy logic
 6 |     if (url.pathname.startsWith("/proxy/")) {
 7 |       let targetPath = url.pathname.substring("/proxy/".length);
 8 |       targetPath = targetPath.replace(/^https?:\/\//, '');
 9 |       const pathParts = targetPath.split('/');
10 | 
11 |       if (pathParts.length < 1) {
12 |         return new Response("Error: No URL provided.", { status: 400 });
13 |       }
14 | 
15 |       const domain = pathParts[0];
16 |       const restPath = pathParts.slice(1).join('/');
17 |       try {
18 |         const targetUrl = new URL(`https://${domain}/${restPath}${url.search}`);
19 |         const modifiedRequest = new Request(targetUrl.toString(), {
20 |           method: request.method,
21 |           headers: {
22 |             ...Object.fromEntries(request.headers),
23 |             Host: targetUrl.hostname,
24 |           },
25 |         });
26 | 
27 |         return fetch(modifiedRequest);
28 |       } catch (error) {
29 |         console.error("Error processing URL:", error);
30 |         return new Response("Error: Invalid or improperly formatted URL.", { status: 400 });
31 |       }
32 |     }
33 | 
34 |     const assetResponse = await env.ANYFLARE_ASSETS.fetch(request);
35 |       return assetResponse;
36 | 
37 |   }
38 | }
39 | 


--------------------------------------------------------------------------------
/public/404.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <title>404 – Not Found | Anyflare</title>
  7 |     <link rel="icon" type="image/svg+xml" href='data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path fill="none" d="M0 0h24v24H0z"/><path fill="%233B82F6" d="M13 13v5.585l1.828-1.828 1.415 1.415L12 22.414l-4.243-4.242 1.415-1.415L11 18.585V13h2zM12 2a7.001 7.001 0 0 1 6.954 6.194 5.5 5.5 0 0 1-.953 10.784v-2.014a3.5 3.5 0 1 0-1.112-6.91 5 5 0 1 0-9.777 0 3.5 3.5 0 0 0-1.292 6.88l.18.03v2.014a5.5 5.5 0 0 1-.954-10.784A7 7 0 0 1 12 2z"/></g></svg>' />
  8 |     <style>
  9 |         /* ... Copy all CSS from your main page here ... */
 10 |         * { margin: 0; padding: 0; box-sizing: border-box; }
 11 |         body {
 12 |             font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;
 13 |             background: #0a0a0a;
 14 |             color: #e5e5e5;
 15 |             min-height: 100vh;
 16 |             display: flex;
 17 |             flex-direction: column;
 18 |             line-height: 1.6;
 19 |         }
 20 |         .container { max-width: 800px; margin: 0 auto; padding: 0 20px; }
 21 |         header {
 22 |             border-bottom: 1px solid #1a1a1a;
 23 |             padding: 20px 0;
 24 |             position: sticky;
 25 |             top: 0;
 26 |             background: rgba(10, 10, 10, 0.95);
 27 |             backdrop-filter: blur(10px);
 28 |             z-index: 100;
 29 |         }
 30 |         .header-content {
 31 |             display: flex;
 32 |             justify-content: space-between;
 33 |             align-items: center;
 34 |         }
 35 |         .logo {
 36 |             display: flex;
 37 |             align-items: center;
 38 |             gap: 8px;
 39 |             font-size: 18px;
 40 |             font-weight: 600;
 41 |             color: #3b82f6;
 42 |         }
 43 |         .logo svg { width: 20px; height: 20px; }
 44 |         .nav { display: flex; gap: 24px; align-items: center; }
 45 |         .nav a {
 46 |             color: #888;
 47 |             text-decoration: none;
 48 |             font-size: 14px;
 49 |             transition: color 0.2s;
 50 |         }
 51 |         .nav a:hover { color: #e5e5e5; }
 52 |         .theme-toggle {
 53 |             background: none;
 54 |             border: 1px solid #333;
 55 |             color: #888;
 56 |             padding: 6px 8px;
 57 |             border-radius: 4px;
 58 |             cursor: pointer;
 59 |             font-size: 12px;
 60 |             transition: all 0.2s;
 61 |         }
 62 |         .theme-toggle:hover { border-color: #555; color: #e5e5e5; }
 63 |         main { flex: 1; padding: 60px 0; }
 64 |         .centered-404 {
 65 |             display: flex;
 66 |             flex-direction: column;
 67 |             align-items: center;
 68 |             justify-content: center;
 69 |             min-height: 60vh;
 70 |             text-align: center;
 71 |         }
 72 |         .centered-404 h1 {
 73 |             font-size: 64px;
 74 |             font-weight: 900;
 75 |             margin-bottom: 12px;
 76 |             background: linear-gradient(135deg, #3b82f6, #8b5cf6);
 77 |             -webkit-background-clip: text;
 78 |             -webkit-text-fill-color: transparent;
 79 |             background-clip: text;
 80 |         }
 81 |         .centered-404 p {
 82 |             color: #888;
 83 |             font-size: 18px;
 84 |             margin-bottom: 32px;
 85 |         }
 86 |         .centered-404 .home-btn {
 87 |             background: #3b82f6;
 88 |             border: none;
 89 |             color: white;
 90 |             padding: 12px 32px;
 91 |             border-radius: 6px;
 92 |             cursor: pointer;
 93 |             font-family: inherit;
 94 |             font-size: 16px;
 95 |             font-weight: 500;
 96 |             transition: background 0.2s;
 97 |             text-decoration: none;
 98 |             display: inline-block;
 99 |         }
100 |         .centered-404 .home-btn:hover { background: #2563eb; }
101 |         footer {
102 |             border-top: 1px solid #1a1a1a;
103 |             padding: 20px 0;
104 |             text-align: center;
105 |             color: #555;
106 |             font-size: 12px;
107 |         }
108 |         footer a { color: #3b82f6; text-decoration: none; }
109 |         footer a:hover { text-decoration: underline; }
110 |         .light { background: #ffffff; color: #1a1a1a; }
111 |         .light header { background: rgba(255,255,255,0.95); border-bottom-color: #e5e5e5; }
112 |         .light .logo { color: #3b82f6; }
113 |         .light .nav a { color: #666; }
114 |         .light .nav a:hover { color: #1a1a1a; }
115 |         .light .theme-toggle { border-color: #e5e5e5; color: #666; }
116 |         .light .theme-toggle:hover { border-color: #ccc; color: #1a1a1a; }
117 |         .light .centered-404 p { color: #666; }
118 |         .light .centered-404 .home-btn { background: #3b82f6; color: #fff; }
119 |         .light .centered-404 .home-btn:hover { background: #2563eb; }
120 |         .light footer { border-top-color: #e5e5e5; color: #999; }
121 |         @media (max-width: 768px) {
122 |             .container { padding: 0 16px; }
123 |             .centered-404 h1 { font-size: 40px; }
124 |             .nav { gap: 16px; }
125 |             .nav a { font-size: 12px; }
126 |         }
127 |     </style>
128 | </head>
129 | <body>
130 |     <header>
131 |         <div class="container">
132 |             <div class="header-content">
133 |                 <div class="logo">
134 |                     <svg viewBox="0 0 24 24" fill="currentColor">
135 |                         <path d="M13 13v5.585l1.828-1.828 1.415 1.415L12 22.414l-4.243-4.242 1.415-1.415L11 18.585V13h2zM12 2a7.001 7.001 0 0 1 6.954 6.194 5.5 5.5 0 0 1-.953 10.784v-2.014a3.5 3.5 0 1 0-1.112-6.91 5 5 0 1 0-9.777 0 3.5 3.5 0 0 0-1.292 6.88l.18.03v2.014a5.5 5.5 0 0 1-.954-10.784A7 7 0 0 1 12 2z"/>
136 |                     </svg>
137 |                     anyflare
138 |                 </div>
139 |                 <nav class="nav">
140 |                     <a href="/">home</a>
141 |                     <a href="/#faq">faq</a>
142 |                     <a href="/#deploy">deploy</a>
143 |                     <a href="https://github.com/ajshovon/anyflare" target="_blank">github</a>
144 |                     <button class="theme-toggle" id="themeToggle">◐</button>
145 |                 </nav>
146 |             </div>
147 |         </div>
148 |     </header>
149 |     <main>
150 |         <div class="container">
151 |             <div class="centered-404">
152 |                 <h1>404</h1>
153 |                 <p>the page you’re looking for doesn’t exist.<br>maybe it was moved or never existed.</p>
154 |                 <a href="/" class="home-btn">go home</a>
155 |             </div>
156 |         </div>
157 |     </main>
158 |     <footer>
159 |         <div class="container">
160 |             <p>made with ❤️ by <a href="https://shovon.me" target="_blank">[.shovon]</a> • powered by cloudflare workers</p>
161 |         </div>
162 |     </footer>
163 |     <script>
164 |         // Theme management (same as main page)
165 |         const themeToggle = document.getElementById('themeToggle');
166 |         const body = document.body;
167 |         function setTheme(theme) {
168 |             if (theme === 'light') {
169 |                 body.classList.add('light');
170 |                 themeToggle.textContent = '◑';
171 |             } else {
172 |                 body.classList.remove('light');
173 |                 themeToggle.textContent = '◐';
174 |             }
175 |             localStorage.setItem('theme', theme);
176 |         }
177 |         const savedTheme = localStorage.getItem('theme');
178 |         const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
179 |         setTheme(savedTheme || (prefersDark ? 'dark' : 'light'));
180 |         themeToggle.addEventListener('click', () => {
181 |             const currentTheme = body.classList.contains('light') ? 'light' : 'dark';
182 |             setTheme(currentTheme === 'light' ? 'dark' : 'light');
183 |         });
184 |     </script>
185 | </body>
186 | </html>


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <title>Anyflare - Download Accelerator</title>
  7 |     <link rel="icon" type="image/svg+xml" href='data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path fill="none" d="M0 0h24v24H0z"/><path fill="%233B82F6" d="M13 13v5.585l1.828-1.828 1.415 1.415L12 22.414l-4.243-4.242 1.415-1.415L11 18.585V13h2zM12 2a7.001 7.001 0 0 1 6.954 6.194 5.5 5.5 0 0 1-.953 10.784v-2.014a3.5 3.5 0 1 0-1.112-6.91 5 5 0 1 0-9.777 0 3.5 3.5 0 0 0-1.292 6.88l.18.03v2.014a5.5 5.5 0 0 1-.954-10.784A7 7 0 0 1 12 2z"/></g></svg>' />
  8 |     <style>
  9 |         * {
 10 |             margin: 0;
 11 |             padding: 0;
 12 |             box-sizing: border-box;
 13 |         }
 14 | 
 15 |         body {
 16 |             font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;
 17 |             background: #0a0a0a;
 18 |             color: #e5e5e5;
 19 |             min-height: 100vh;
 20 |             display: flex;
 21 |             flex-direction: column;
 22 |             line-height: 1.6;
 23 |         }
 24 | 
 25 |         .container {
 26 |             max-width: 800px;
 27 |             margin: 0 auto;
 28 |             padding: 0 20px;
 29 |         }
 30 | 
 31 |         header {
 32 |             border-bottom: 1px solid #1a1a1a;
 33 |             padding: 20px 0;
 34 |             position: sticky;
 35 |             top: 0;
 36 |             background: rgba(10, 10, 10, 0.95);
 37 |             backdrop-filter: blur(10px);
 38 |             z-index: 100;
 39 |         }
 40 | 
 41 |         .header-content {
 42 |             display: flex;
 43 |             justify-content: space-between;
 44 |             align-items: center;
 45 |         }
 46 | 
 47 |         .logo {
 48 |             display: flex;
 49 |             align-items: center;
 50 |             gap: 8px;
 51 |             font-size: 18px;
 52 |             font-weight: 600;
 53 |             color: #3b82f6;
 54 |         }
 55 | 
 56 |         .logo svg {
 57 |             width: 20px;
 58 |             height: 20px;
 59 |         }
 60 | 
 61 |         .nav {
 62 |             display: flex;
 63 |             gap: 24px;
 64 |             align-items: center;
 65 |         }
 66 | 
 67 |         .nav a {
 68 |             color: #888;
 69 |             text-decoration: none;
 70 |             font-size: 14px;
 71 |             transition: color 0.2s;
 72 |         }
 73 | 
 74 |         .nav a:hover {
 75 |             color: #e5e5e5;
 76 |         }
 77 | 
 78 |         .theme-toggle {
 79 |             background: none;
 80 |             border: 1px solid #333;
 81 |             color: #888;
 82 |             padding: 6px 8px;
 83 |             border-radius: 4px;
 84 |             cursor: pointer;
 85 |             font-size: 12px;
 86 |             transition: all 0.2s;
 87 |         }
 88 | 
 89 |         .theme-toggle:hover {
 90 |             border-color: #555;
 91 |             color: #e5e5e5;
 92 |         }
 93 | 
 94 |         main {
 95 |             flex: 1;
 96 |             padding: 60px 0;
 97 |         }
 98 | 
 99 |         .hero {
100 |             text-align: center;
101 |             margin-bottom: 60px;
102 |         }
103 | 
104 |         .hero h1 {
105 |             font-size: 32px;
106 |             font-weight: 700;
107 |             margin-bottom: 12px;
108 |             background: linear-gradient(135deg, #3b82f6, #8b5cf6);
109 |             -webkit-background-clip: text;
110 |             -webkit-text-fill-color: transparent;
111 |             background-clip: text;
112 |         }
113 | 
114 |         .hero p {
115 |             color: #888;
116 |             font-size: 16px;
117 |             max-width: 500px;
118 |             margin: 0 auto;
119 |         }
120 | 
121 |         .download-section {
122 |             background: #111;
123 |             border: 1px solid #1a1a1a;
124 |             border-radius: 8px;
125 |             padding: 32px;
126 |             margin-bottom: 60px;
127 |         }
128 | 
129 |         .download-form {
130 |             display: flex;
131 |             gap: 12px;
132 |             margin-bottom: 20px;
133 |         }
134 | 
135 |         .url-input-wrapper {
136 |             flex: 1;
137 |             position: relative;
138 |         }
139 | 
140 |         .url-input {
141 |             width: 100%;
142 |             background: #0a0a0a;
143 |             border: 1px solid #333;
144 |             border-radius: 6px;
145 |             padding: 12px 16px;
146 |             color: #e5e5e5;
147 |             font-family: inherit;
148 |             font-size: 14px;
149 |             transition: border-color 0.2s;
150 |         }
151 | 
152 |         .url-input:focus {
153 |             outline: none;
154 |             border-color: #3b82f6;
155 |         }
156 | 
157 |         .url-input::placeholder {
158 |             color: #555;
159 |         }
160 | 
161 |         .copy-btn {
162 |             position: absolute;
163 |             right: 8px;
164 |             top: 50%;
165 |             transform: translateY(-50%);
166 |             background: none;
167 |             border: none;
168 |             color: #555;
169 |             cursor: pointer;
170 |             padding: 4px;
171 |             border-radius: 4px;
172 |             transition: color 0.2s;
173 |             display: none;
174 |         }
175 | 
176 |         .copy-btn:hover {
177 |             color: #3b82f6;
178 |         }
179 | 
180 |         .copy-btn.show {
181 |             display: block;
182 |         }
183 | 
184 |         .download-btn {
185 |             background: #3b82f6;
186 |             border: none;
187 |             color: white;
188 |             padding: 12px 24px;
189 |             border-radius: 6px;
190 |             cursor: pointer;
191 |             font-family: inherit;
192 |             font-size: 14px;
193 |             font-weight: 500;
194 |             transition: background 0.2s;
195 |             white-space: nowrap;
196 |         }
197 | 
198 |         .download-btn:hover {
199 |             background: #2563eb;
200 |         }
201 | 
202 |         .features {
203 |             display: flex;
204 |             gap: 12px;
205 |             flex-wrap: wrap;
206 |             margin-bottom: 20px;
207 |         }
208 | 
209 |         .feature-tag {
210 |             background: #1a1a1a;
211 |             border: 1px solid #333;
212 |             padding: 6px 12px;
213 |             border-radius: 20px;
214 |             font-size: 12px;
215 |             color: #888;
216 |         }
217 | 
218 |         .faq-section {
219 |             background: #111;
220 |             border: 1px solid #1a1a1a;
221 |             border-radius: 8px;
222 |             padding: 32px;
223 |             margin-bottom: 60px;
224 |         }
225 | 
226 |         .faq-section h2 {
227 |             font-size: 20px;
228 |             margin-bottom: 24px;
229 |             color: #e5e5e5;
230 |             text-align: center;
231 |         }
232 | 
233 |         .faq-item {
234 |             margin-bottom: 24px;
235 |             padding-bottom: 24px;
236 |             border-bottom: 1px solid #1a1a1a;
237 |         }
238 | 
239 |         .faq-item:last-child {
240 |             margin-bottom: 0;
241 |             padding-bottom: 0;
242 |             border-bottom: none;
243 |         }
244 | 
245 |         .faq-question {
246 |             font-size: 16px;
247 |             font-weight: 600;
248 |             color: #3b82f6;
249 |             margin-bottom: 8px;
250 |         }
251 | 
252 |         .faq-answer {
253 |             color: #888;
254 |             font-size: 14px;
255 |             line-height: 1.6;
256 |         }
257 | 
258 |         .faq-answer a {
259 |             color: #3b82f6;
260 |             text-decoration: none;
261 |         }
262 | 
263 |         .faq-answer a:hover {
264 |             text-decoration: underline;
265 |         }
266 | 
267 |         .faq-answer code {
268 |             background: #1a1a1a;
269 |             border: 1px solid #333;
270 |             padding: 2px 6px;
271 |             border-radius: 4px;
272 |             font-family: inherit;
273 |             font-size: 12px;
274 |             color: #e5e5e5;
275 |         }
276 | 
277 |         .stat {
278 |             text-align: center;
279 |             padding: 20px;
280 |             background: #111;
281 |             border: 1px solid #1a1a1a;
282 |             border-radius: 8px;
283 |         }
284 | 
285 |         .stat-value {
286 |             font-size: 24px;
287 |             font-weight: 700;
288 |             color: #3b82f6;
289 |             margin-bottom: 4px;
290 |         }
291 | 
292 |         .stat-label {
293 |             font-size: 12px;
294 |             color: #888;
295 |             text-transform: uppercase;
296 |             letter-spacing: 0.5px;
297 |         }
298 | 
299 |         .deploy-section {
300 |             background: linear-gradient(135deg, #1a1a1a, #111);
301 |             border: 1px solid #333;
302 |             border-radius: 8px;
303 |             padding: 32px;
304 |             text-align: center;
305 |         }
306 | 
307 |         .deploy-section h2 {
308 |             font-size: 20px;
309 |             margin-bottom: 12px;
310 |             color: #e5e5e5;
311 |         }
312 | 
313 |         .deploy-section p {
314 |             color: #888;
315 |             margin-bottom: 24px;
316 |         }
317 | 
318 |         .deploy-buttons {
319 |             display: flex;
320 |             gap: 12px;
321 |             justify-content: center;
322 |             flex-wrap: wrap;
323 |         }
324 | 
325 |         .deploy-btn {
326 |             display: inline-flex;
327 |             align-items: center;
328 |             gap: 8px;
329 |             padding: 10px 20px;
330 |             border-radius: 6px;
331 |             text-decoration: none;
332 |             font-size: 14px;
333 |             font-weight: 500;
334 |             transition: all 0.2s;
335 |             border: 1px solid #333;
336 |         }
337 | 
338 |         .deploy-btn.primary {
339 |             background: #3b82f6;
340 |             color: white;
341 |             border-color: #3b82f6;
342 |         }
343 | 
344 |         .deploy-btn.primary:hover {
345 |             background: #2563eb;
346 |             border-color: #2563eb;
347 |         }
348 | 
349 |         .deploy-btn.secondary {
350 |             background: #1a1a1a;
351 |             color: #e5e5e5;
352 |         }
353 | 
354 |         .deploy-btn.secondary:hover {
355 |             background: #333;
356 |         }
357 | 
358 |         footer {
359 |             border-top: 1px solid #1a1a1a;
360 |             padding: 20px 0;
361 |             text-align: center;
362 |             color: #555;
363 |             font-size: 12px;
364 |         }
365 | 
366 |         footer a {
367 |             color: #3b82f6;
368 |             text-decoration: none;
369 |         }
370 | 
371 |         footer a:hover {
372 |             text-decoration: underline;
373 |         }
374 | 
375 |         .toast {
376 |             position: fixed;
377 |             bottom: 20px;
378 |             right: 20px;
379 |             background: #1a1a1a;
380 |             border: 1px solid #333;
381 |             color: #e5e5e5;
382 |             padding: 12px 16px;
383 |             border-radius: 6px;
384 |             font-size: 14px;
385 |             transform: translateY(100px);
386 |             opacity: 0;
387 |             transition: all 0.3s;
388 |             z-index: 1000;
389 |         }
390 | 
391 |         .toast.show {
392 |             transform: translateY(0);
393 |             opacity: 1;
394 |         }
395 | 
396 |         .light {
397 |             background: #ffffff;
398 |             color: #1a1a1a;
399 |         }
400 | 
401 |         .light header {
402 |             background: rgba(255, 255, 255, 0.95);
403 |             border-bottom-color: #e5e5e5;
404 |         }
405 | 
406 |         .light .logo {
407 |             color: #3b82f6;
408 |         }
409 | 
410 |         .light .nav a {
411 |             color: #666;
412 |         }
413 | 
414 |         .light .nav a:hover {
415 |             color: #1a1a1a;
416 |         }
417 | 
418 |         .light .theme-toggle {
419 |             border-color: #e5e5e5;
420 |             color: #666;
421 |         }
422 | 
423 |         .light .theme-toggle:hover {
424 |             border-color: #ccc;
425 |             color: #1a1a1a;
426 |         }
427 | 
428 |         .light .hero p {
429 |             color: #666;
430 |         }
431 | 
432 |         .light .download-section {
433 |             background: #f8f9fa;
434 |             border-color: #e5e5e5;
435 |         }
436 | 
437 |         .light .url-input {
438 |             background: #ffffff;
439 |             border-color: #e5e5e5;
440 |             color: #1a1a1a;
441 |         }
442 | 
443 |         .light .url-input:focus {
444 |             border-color: #3b82f6;
445 |         }
446 | 
447 |         .light .url-input::placeholder {
448 |             color: #999;
449 |         }
450 | 
451 |         .light .copy-btn {
452 |             color: #999;
453 |         }
454 | 
455 |         .light .copy-btn:hover {
456 |             color: #3b82f6;
457 |         }
458 | 
459 |         .light .feature-tag {
460 |             background: #ffffff;
461 |             border-color: #e5e5e5;
462 |             color: #666;
463 |         }
464 | 
465 |         .light .faq-section {
466 |             background: #f8f9fa;
467 |             border-color: #e5e5e5;
468 |         }
469 | 
470 |         .light .faq-item {
471 |             border-bottom-color: #e5e5e5;
472 |         }
473 | 
474 |         .light .faq-question {
475 |             color: #3b82f6;
476 |         }
477 | 
478 |         .light .faq-answer {
479 |             color: #666;
480 |         }
481 | 
482 |         .light .faq-answer code {
483 |             background: #ffffff;
484 |             border-color: #e5e5e5;
485 |             color: #1a1a1a;
486 |         }
487 | 
488 |         .light .stat {
489 |             background: #f8f9fa;
490 |             border-color: #e5e5e5;
491 |         }
492 | 
493 |         .light .stat-label {
494 |             color: #666;
495 |         }
496 | 
497 |         .light .deploy-section {
498 |             background: linear-gradient(135deg, #f8f9fa, #ffffff);
499 |             border-color: #e5e5e5;
500 |         }
501 | 
502 |         .light .deploy-section h2 {
503 |             color: #1a1a1a;
504 |         }
505 | 
506 |         .light .deploy-section p {
507 |             color: #666;
508 |         }
509 | 
510 |         .light .deploy-btn.secondary {
511 |             background: #ffffff;
512 |             color: #1a1a1a;
513 |             border-color: #e5e5e5;
514 |         }
515 | 
516 |         .light .deploy-btn.secondary:hover {
517 |             background: #f8f9fa;
518 |         }
519 | 
520 |         .light footer {
521 |             border-top-color: #e5e5e5;
522 |             color: #999;
523 |         }
524 | 
525 |         .light .toast {
526 |             background: #ffffff;
527 |             border-color: #e5e5e5;
528 |             color: #1a1a1a;
529 |         }
530 | 
531 |         @media (max-width: 768px) {
532 |             .container {
533 |                 padding: 0 16px;
534 |             }
535 | 
536 |             .hero h1 {
537 |                 font-size: 24px;
538 |             }
539 | 
540 |             .download-form {
541 |                 flex-direction: column;
542 |             }
543 | 
544 |             .deploy-buttons {
545 |                 flex-direction: column;
546 |             }
547 | 
548 |             .nav {
549 |                 gap: 16px;
550 |             }
551 | 
552 |             .nav a {
553 |                 font-size: 12px;
554 |             }
555 |         }
556 |     </style>
557 | </head>
558 | <body>
559 |     <header>
560 |         <div class="container">
561 |             <div class="header-content">
562 |                 <div class="logo">
563 |                     <svg viewBox="0 0 24 24" fill="currentColor">
564 |                         <path d="M13 13v5.585l1.828-1.828 1.415 1.415L12 22.414l-4.243-4.242 1.415-1.415L11 18.585V13h2zM12 2a7.001 7.001 0 0 1 6.954 6.194 5.5 5.5 0 0 1-.953 10.784v-2.014a3.5 3.5 0 1 0-1.112-6.91 5 5 0 1 0-9.777 0 3.5 3.5 0 0 0-1.292 6.88l.18.03v2.014a5.5 5.5 0 0 1-.954-10.784A7 7 0 0 1 12 2z"/>
565 |                     </svg>
566 |                     anyflare
567 |                 </div>
568 |                 <nav class="nav">
569 |                     <a href="#faq">faq</a>
570 |                     <a href="#deploy">deploy</a>
571 |                     <a href="https://github.com/ajshovon/anyflare" target="_blank">github</a>
572 |                     <button class="theme-toggle" id="themeToggle">◐</button>
573 |                 </nav>
574 |             </div>
575 |         </div>
576 |     </header>
577 | 
578 |     <main>
579 |         <div class="container">
580 |             <div class="hero">
581 |                 <h1>accelerate your downloads</h1>
582 |                 <p>self-deployed download accelerator powered by cloudflare workers</p>
583 |             </div>
584 | 
585 |             <div class="download-section">
586 |                 <form class="download-form" id="downloadForm">
587 |                     <div class="url-input-wrapper">
588 |                         <input 
589 |                             type="url" 
590 |                             class="url-input" 
591 |                             id="urlInput"
592 |                             placeholder="https://example.com/file.zip"
593 |                             required
594 |                         >
595 |                         <button type="button" class="copy-btn" id="copyBtn" title="copy anyflare url">
596 |                             <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
597 |                                 <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
598 |                                 <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
599 |                             </svg>
600 |                         </button>
601 |                     </div>
602 |                     <button type="submit" class="download-btn">download</button>
603 |                 </form>
604 | 
605 |                 <div class="features">
606 |                     <span class="feature-tag">unlimited downloads</span>
607 |                     <span class="feature-tag">global cdn</span>
608 |                     <span class="feature-tag">bypass restrictions</span>
609 |                     <span class="feature-tag">self-hosted</span>
610 |                 </div>
611 |             </div>
612 | 
613 |             <div class="faq-section" id="faq">
614 |                 <h2>frequently asked questions</h2>
615 |                 
616 |                 <div class="faq-item">
617 |                     <div class="faq-question">what is anyflare?</div>
618 |                     <div class="faq-answer">
619 |                         anyflare is a self-deployed download accelerator that runs on cloudflare workers. it acts as a proxy to speed up downloads, bypass regional restrictions, and provide a more reliable download experience through cloudflare's global edge network.
620 |                     </div>
621 |                 </div>
622 |                 <div class="faq-item">
623 |                     <div class="faq-question">how does it work?</div>
624 |                     <div class="faq-answer">
625 |                         when you enter a download url, anyflare creates a proxy link like <code>your-domain.com/proxy/original-url</code>. the cloudflare worker fetches the file from the original source and streams it to you through cloudflare's optimized network, potentially improving speed and reliability. It works on almost all hosts.
626 |                     </div>
627 |                 </div>
628 | 
629 |                 <div class="faq-item">
630 |                     <div class="faq-question">is it free to use?</div>
631 |                     <div class="faq-answer">
632 |                         anyflare itself is open source and free. however, you need to deploy it on your own cloudflare workers account. cloudflare workers has a generous free tier (100,000 requests/day), but heavy usage may incur costs based on cloudflare's pricing.
633 |                     </div>
634 |                 </div>
635 | 
636 |                 <div class="faq-item">
637 |                     <div class="faq-question">what file types are supported?</div>
638 |                     <div class="faq-answer">
639 |                         anyflare can proxy any file type - videos, archives, documents, software, etc. there are no restrictions on file types, only cloudflare workers' limits on request size and duration apply.
640 |                     </div>
641 |                 </div>
642 | 
643 |                 <div class="faq-item">
644 |                     <div class="faq-question">having issues or need help?</div>
645 |                     <div class="faq-answer">
646 |                         for bugs, feature requests, or deployment help, please <a href="https://github.com/ajshovon/anyflare/issues" target="_blank">open an issue on github</a>.
647 |                     </div>
648 |                 </div>
649 | 
650 |                 <div class="faq-item">
651 |                     <div class="faq-question">is my data safe?</div>
652 |                     <div class="faq-answer">
653 |                         since you deploy anyflare on your own cloudflare account, you have full control over your instance. no data is stored permanently - files are streamed through the worker without being saved. always deploy from the official <a href="https://github.com/ajshovon/anyflare" target="_blank">github repository</a>.
654 |                     </div>
655 |                 </div>
656 |             </div>
657 | 
658 |             <div class="deploy-section" id="deploy">
659 |                 <h2>deploy your own instance</h2>
660 |                 <p>get started with anyflare on cloudflare workers in under 2 minutes</p>
661 |                 <div class="deploy-buttons">
662 |                     <a href="https://deploy.workers.cloudflare.com/?url=https://github.com/ajshovon/anyflare" 
663 |                        target="_blank" 
664 |                        class="deploy-btn primary">
665 |                         <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
666 |                             <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
667 |                         </svg>
668 |                         deploy now
669 |                     </a>
670 |                     <a href="https://github.com/ajshovon/anyflare" 
671 |                        target="_blank" 
672 |                        class="deploy-btn secondary">
673 |                         <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
674 |                             <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
675 |                         </svg>
676 |                         view source
677 |                     </a>
678 |                 </div>
679 |             </div>
680 |         </div>
681 |     </main>
682 | 
683 |     <footer>
684 |         <div class="container">
685 |             <p>made with ❤️ by <a href="https://shovon.me" target="_blank">[.shovon]</a> • powered by cloudflare workers</p>
686 |         </div>
687 |     </footer>
688 | 
689 |     <div class="toast" id="toast"></div>
690 | 
691 |     <script>
692 |         // Theme management
693 |         const themeToggle = document.getElementById('themeToggle');
694 |         const body = document.body;
695 |         
696 |         function setTheme(theme) {
697 |             if (theme === 'light') {
698 |                 body.classList.add('light');
699 |                 themeToggle.textContent = '◑';
700 |             } else {
701 |                 body.classList.remove('light');
702 |                 themeToggle.textContent = '◐';
703 |             }
704 |             localStorage.setItem('theme', theme);
705 |         }
706 | 
707 |         // Initialize theme
708 |         const savedTheme = localStorage.getItem('theme');
709 |         const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
710 |         setTheme(savedTheme || (prefersDark ? 'dark' : 'light'));
711 | 
712 |         themeToggle.addEventListener('click', () => {
713 |             const currentTheme = body.classList.contains('light') ? 'light' : 'dark';
714 |             setTheme(currentTheme === 'light' ? 'dark' : 'light');
715 |         });
716 | 
717 |         // Download functionality
718 |         const downloadForm = document.getElementById('downloadForm');
719 |         const urlInput = document.getElementById('urlInput');
720 |         const copyBtn = document.getElementById('copyBtn');
721 |         const toast = document.getElementById('toast');
722 | 
723 |         function showToast(message) {
724 |             toast.textContent = message;
725 |             toast.classList.add('show');
726 |             setTimeout(() => {
727 |                 toast.classList.remove('show');
728 |             }, 3000);
729 |         }
730 | 
731 |         function updateCopyButton() {
732 |             if (urlInput.value.trim()) {
733 |                 copyBtn.classList.add('show');
734 |             } else {
735 |                 copyBtn.classList.remove('show');
736 |             }
737 |         }
738 | 
739 |         urlInput.addEventListener('input', updateCopyButton);
740 | 
741 |         copyBtn.addEventListener('click', async () => {
742 |             const url = urlInput.value.trim();
743 |             if (url) {
744 |                 const anyflareUrl = `${window.location.origin}/proxy/${url}`;
745 |                 try {
746 |                     await navigator.clipboard.writeText(anyflareUrl);
747 |                     copyBtn.innerHTML = `
748 |                         <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
749 |                             <polyline points="20,6 9,17 4,12"></polyline>
750 |                         </svg>
751 |                     `;
752 |                     showToast('anyflare url copied to clipboard');
753 |                     setTimeout(() => {
754 |                         copyBtn.innerHTML = `
755 |                             <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
756 |                                 <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
757 |                                 <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
758 |                             </svg>
759 |                         `;
760 |                     }, 2000);
761 |                 } catch (err) {
762 |                     showToast('failed to copy url');
763 |                 }
764 |             }
765 |         });
766 | 
767 |         downloadForm.addEventListener('submit', (e) => {
768 |             e.preventDefault();
769 |             const url = urlInput.value.trim();
770 |             if (url) {
771 |                 window.location.href = `/proxy/${url}`;
772 |             }
773 |         });
774 | 
775 |         // Smooth scrolling for navigation links
776 |         document.querySelectorAll('a[href^="#"]').forEach(anchor => {
777 |             anchor.addEventListener('click', function (e) {
778 |                 e.preventDefault();
779 |                 const target = document.querySelector(this.getAttribute('href'));
780 |                 if (target) {
781 |                     target.scrollIntoView({
782 |                         behavior: 'smooth',
783 |                         block: 'start'
784 |                     });
785 |                 }
786 |             });
787 |         });
788 | 
789 |         // Keyboard shortcuts
790 |         document.addEventListener('keydown', (e) => {
791 |             // Ctrl/Cmd + K to focus input
792 |             if ((e.ctrlKey || e.metaKey) && e.key === 'k') {
793 |                 e.preventDefault();
794 |                 urlInput.focus();
795 |                 urlInput.select();
796 |             }
797 |             
798 |             // Escape to clear input
799 |             if (e.key === 'Escape' && document.activeElement === urlInput) {
800 |                 urlInput.value = '';
801 |                 updateCopyButton();
802 |                 urlInput.blur();
803 |             }
804 |         });
805 | 
806 |         // Add subtle parallax effect to hero
807 |         window.addEventListener('scroll', () => {
808 |             const scrolled = window.pageYOffset;
809 |             const hero = document.querySelector('.hero');
810 |             if (hero) {
811 |                 hero.style.transform = `translateY(${scrolled * 0.1}px)`;
812 |             }
813 |         });
814 |     </script>
815 | </body>
816 | </html>


--------------------------------------------------------------------------------