feat: 添加前端页面处理和静态资源支持

- 移除测试端点，添加前端页面处理逻辑
- 实现静态资源处理功能
- 添加SPA路由支持，所有未匹配路径返回前端页面
- 更新依赖，添加@cloudflare/kv-asset-handler

.wrangler/tmp/bundle-0fkApo/checked-fetch.js

@@ -0,0 +1,30 @@
+const urls = new Set();
+
+function checkURL(request, init) {
+	const url =
+		request instanceof URL
+			? request
+			: new URL(
+					(typeof request === "string"
+						? new Request(request, init)
+						: request
+					).url
+				);
+	if (url.port && url.port !== "443" && url.protocol === "https:") {
+		if (!urls.has(url.toString())) {
+			urls.add(url.toString());
+			console.warn(
+				`WARNING: known issue with \`fetch()\` requests to custom HTTPS ports in published Workers:\n` +
+					` - ${url.toString()} - the custom port will be ignored when the Worker is published using the \`wrangler deploy\` command.\n`
+			);
+		}
+	}
+}
+
+globalThis.fetch = new Proxy(globalThis.fetch, {
+	apply(target, thisArg, argArray) {
+		const [request, init] = argArray;
+		checkURL(request, init);
+		return Reflect.apply(target, thisArg, argArray);
+	},
+});

.wrangler/tmp/bundle-0fkApo/middleware-insertion-facade.js

@@ -0,0 +1,11 @@
+				import worker, * as OTHER_EXPORTS from "D:\\github\\pixivnow\\functions\\[[path]].ts";
+				import * as __MIDDLEWARE_0__ from "D:\\github\\pixivnow\\node_modules\\.pnpm\\wrangler@4.42.1\\node_modules\\wrangler\\templates\\middleware\\middleware-ensure-req-body-drained.ts";
+import * as __MIDDLEWARE_1__ from "D:\\github\\pixivnow\\node_modules\\.pnpm\\wrangler@4.42.1\\node_modules\\wrangler\\templates\\middleware\\middleware-miniflare3-json-error.ts";
+
+				export * from "D:\\github\\pixivnow\\functions\\[[path]].ts";
+				const MIDDLEWARE_TEST_INJECT = "__INJECT_FOR_TESTING_WRANGLER_MIDDLEWARE__";
+				export const __INTERNAL_WRANGLER_MIDDLEWARE__ = [
+					
+					__MIDDLEWARE_0__.default,__MIDDLEWARE_1__.default
+				]
+				export default worker;

.wrangler/tmp/bundle-0fkApo/middleware-loader.entry.ts

@@ -0,0 +1,134 @@
+// This loads all middlewares exposed on the middleware object and then starts
+// the invocation chain. The big idea is that we can add these to the middleware
+// export dynamically through wrangler, or we can potentially let users directly
+// add them as a sort of "plugin" system.
+
+import ENTRY, { __INTERNAL_WRANGLER_MIDDLEWARE__ } from "D:\\github\\pixivnow\\.wrangler\\tmp\\bundle-0fkApo\\middleware-insertion-facade.js";
+import { __facade_invoke__, __facade_register__, Dispatcher } from "D:\\github\\pixivnow\\node_modules\\.pnpm\\wrangler@4.42.1\\node_modules\\wrangler\\templates\\middleware\\common.ts";
+import type { WorkerEntrypointConstructor } from "D:\\github\\pixivnow\\.wrangler\\tmp\\bundle-0fkApo\\middleware-insertion-facade.js";
+
+// Preserve all the exports from the worker
+export * from "D:\\github\\pixivnow\\.wrangler\\tmp\\bundle-0fkApo\\middleware-insertion-facade.js";
+
+class __Facade_ScheduledController__ implements ScheduledController {
+	readonly #noRetry: ScheduledController["noRetry"];
+
+	constructor(
+		readonly scheduledTime: number,
+		readonly cron: string,
+		noRetry: ScheduledController["noRetry"]
+	) {
+		this.#noRetry = noRetry;
+	}
+
+	noRetry() {
+		if (!(this instanceof __Facade_ScheduledController__)) {
+			throw new TypeError("Illegal invocation");
+		}
+		// Need to call native method immediately in case uncaught error thrown
+		this.#noRetry();
+	}
+}
+
+function wrapExportedHandler(worker: ExportedHandler): ExportedHandler {
+	// If we don't have any middleware defined, just return the handler as is
+	if (
+		__INTERNAL_WRANGLER_MIDDLEWARE__ === undefined ||
+		__INTERNAL_WRANGLER_MIDDLEWARE__.length === 0
+	) {
+		return worker;
+	}
+	// Otherwise, register all middleware once
+	for (const middleware of __INTERNAL_WRANGLER_MIDDLEWARE__) {
+		__facade_register__(middleware);
+	}
+
+	const fetchDispatcher: ExportedHandlerFetchHandler = function (
+		request,
+		env,
+		ctx
+	) {
+		if (worker.fetch === undefined) {
+			throw new Error("Handler does not export a fetch() function.");
+		}
+		return worker.fetch(request, env, ctx);
+	};
+
+	return {
+		...worker,
+		fetch(request, env, ctx) {
+			const dispatcher: Dispatcher = function (type, init) {
+				if (type === "scheduled" && worker.scheduled !== undefined) {
+					const controller = new __Facade_ScheduledController__(
+						Date.now(),
+						init.cron ?? "",
+						() => {}
+					);
+					return worker.scheduled(controller, env, ctx);
+				}
+			};
+			return __facade_invoke__(request, env, ctx, dispatcher, fetchDispatcher);
+		},
+	};
+}
+
+function wrapWorkerEntrypoint(
+	klass: WorkerEntrypointConstructor
+): WorkerEntrypointConstructor {
+	// If we don't have any middleware defined, just return the handler as is
+	if (
+		__INTERNAL_WRANGLER_MIDDLEWARE__ === undefined ||
+		__INTERNAL_WRANGLER_MIDDLEWARE__.length === 0
+	) {
+		return klass;
+	}
+	// Otherwise, register all middleware once
+	for (const middleware of __INTERNAL_WRANGLER_MIDDLEWARE__) {
+		__facade_register__(middleware);
+	}
+
+	// `extend`ing `klass` here so other RPC methods remain callable
+	return class extends klass {
+		#fetchDispatcher: ExportedHandlerFetchHandler<Record<string, unknown>> = (
+			request,
+			env,
+			ctx
+		) => {
+			this.env = env;
+			this.ctx = ctx;
+			if (super.fetch === undefined) {
+				throw new Error("Entrypoint class does not define a fetch() function.");
+			}
+			return super.fetch(request);
+		};
+
+		#dispatcher: Dispatcher = (type, init) => {
+			if (type === "scheduled" && super.scheduled !== undefined) {
+				const controller = new __Facade_ScheduledController__(
+					Date.now(),
+					init.cron ?? "",
+					() => {}
+				);
+				return super.scheduled(controller);
+			}
+		};
+
+		fetch(request: Request<unknown, IncomingRequestCfProperties>) {
+			return __facade_invoke__(
+				request,
+				this.env,
+				this.ctx,
+				this.#dispatcher,
+				this.#fetchDispatcher
+			);
+		}
+	};
+}
+
+let WRAPPED_ENTRY: ExportedHandler | WorkerEntrypointConstructor | undefined;
+if (typeof ENTRY === "object") {
+	WRAPPED_ENTRY = wrapExportedHandler(ENTRY);
+} else if (typeof ENTRY === "function") {
+	WRAPPED_ENTRY = wrapWorkerEntrypoint(ENTRY);
+}
+export default WRAPPED_ENTRY;

.wrangler/tmp/bundle-Zpyo5X/checked-fetch.js

@@ -0,0 +1,30 @@
+const urls = new Set();
+
+function checkURL(request, init) {
+	const url =
+		request instanceof URL
+			? request
+			: new URL(
+					(typeof request === "string"
+						? new Request(request, init)
+						: request
+					).url
+				);
+	if (url.port && url.port !== "443" && url.protocol === "https:") {
+		if (!urls.has(url.toString())) {
+			urls.add(url.toString());
+			console.warn(
+				`WARNING: known issue with \`fetch()\` requests to custom HTTPS ports in published Workers:\n` +
+					` - ${url.toString()} - the custom port will be ignored when the Worker is published using the \`wrangler deploy\` command.\n`
+			);
+		}
+	}
+}
+
+globalThis.fetch = new Proxy(globalThis.fetch, {
+	apply(target, thisArg, argArray) {
+		const [request, init] = argArray;
+		checkURL(request, init);
+		return Reflect.apply(target, thisArg, argArray);
+	},
+});

.wrangler/tmp/bundle-Zpyo5X/middleware-insertion-facade.js

@@ -0,0 +1,11 @@
+				import worker, * as OTHER_EXPORTS from "D:\\github\\pixivnow\\functions\\[[path]].ts";
+				import * as __MIDDLEWARE_0__ from "D:\\github\\pixivnow\\node_modules\\.pnpm\\wrangler@4.42.1\\node_modules\\wrangler\\templates\\middleware\\middleware-ensure-req-body-drained.ts";
+import * as __MIDDLEWARE_1__ from "D:\\github\\pixivnow\\node_modules\\.pnpm\\wrangler@4.42.1\\node_modules\\wrangler\\templates\\middleware\\middleware-miniflare3-json-error.ts";
+
+				export * from "D:\\github\\pixivnow\\functions\\[[path]].ts";
+				const MIDDLEWARE_TEST_INJECT = "__INJECT_FOR_TESTING_WRANGLER_MIDDLEWARE__";
+				export const __INTERNAL_WRANGLER_MIDDLEWARE__ = [
+					
+					__MIDDLEWARE_0__.default,__MIDDLEWARE_1__.default
+				]
+				export default worker;

.wrangler/tmp/bundle-Zpyo5X/middleware-loader.entry.ts

@@ -0,0 +1,134 @@
+// This loads all middlewares exposed on the middleware object and then starts
+// the invocation chain. The big idea is that we can add these to the middleware
+// export dynamically through wrangler, or we can potentially let users directly
+// add them as a sort of "plugin" system.
+
+import ENTRY, { __INTERNAL_WRANGLER_MIDDLEWARE__ } from "D:\\github\\pixivnow\\.wrangler\\tmp\\bundle-Zpyo5X\\middleware-insertion-facade.js";
+import { __facade_invoke__, __facade_register__, Dispatcher } from "D:\\github\\pixivnow\\node_modules\\.pnpm\\wrangler@4.42.1\\node_modules\\wrangler\\templates\\middleware\\common.ts";
+import type { WorkerEntrypointConstructor } from "D:\\github\\pixivnow\\.wrangler\\tmp\\bundle-Zpyo5X\\middleware-insertion-facade.js";
+
+// Preserve all the exports from the worker
+export * from "D:\\github\\pixivnow\\.wrangler\\tmp\\bundle-Zpyo5X\\middleware-insertion-facade.js";
+
+class __Facade_ScheduledController__ implements ScheduledController {
+	readonly #noRetry: ScheduledController["noRetry"];
+
+	constructor(
+		readonly scheduledTime: number,
+		readonly cron: string,
+		noRetry: ScheduledController["noRetry"]
+	) {
+		this.#noRetry = noRetry;
+	}
+
+	noRetry() {
+		if (!(this instanceof __Facade_ScheduledController__)) {
+			throw new TypeError("Illegal invocation");
+		}
+		// Need to call native method immediately in case uncaught error thrown
+		this.#noRetry();
+	}
+}
+
+function wrapExportedHandler(worker: ExportedHandler): ExportedHandler {
+	// If we don't have any middleware defined, just return the handler as is
+	if (
+		__INTERNAL_WRANGLER_MIDDLEWARE__ === undefined ||
+		__INTERNAL_WRANGLER_MIDDLEWARE__.length === 0
+	) {
+		return worker;
+	}
+	// Otherwise, register all middleware once
+	for (const middleware of __INTERNAL_WRANGLER_MIDDLEWARE__) {
+		__facade_register__(middleware);
+	}
+
+	const fetchDispatcher: ExportedHandlerFetchHandler = function (
+		request,
+		env,
+		ctx
+	) {
+		if (worker.fetch === undefined) {
+			throw new Error("Handler does not export a fetch() function.");
+		}
+		return worker.fetch(request, env, ctx);
+	};
+
+	return {
+		...worker,
+		fetch(request, env, ctx) {
+			const dispatcher: Dispatcher = function (type, init) {
+				if (type === "scheduled" && worker.scheduled !== undefined) {
+					const controller = new __Facade_ScheduledController__(
+						Date.now(),
+						init.cron ?? "",
+						() => {}
+					);
+					return worker.scheduled(controller, env, ctx);
+				}
+			};
+			return __facade_invoke__(request, env, ctx, dispatcher, fetchDispatcher);
+		},
+	};
+}
+
+function wrapWorkerEntrypoint(
+	klass: WorkerEntrypointConstructor
+): WorkerEntrypointConstructor {
+	// If we don't have any middleware defined, just return the handler as is
+	if (
+		__INTERNAL_WRANGLER_MIDDLEWARE__ === undefined ||
+		__INTERNAL_WRANGLER_MIDDLEWARE__.length === 0
+	) {
+		return klass;
+	}
+	// Otherwise, register all middleware once
+	for (const middleware of __INTERNAL_WRANGLER_MIDDLEWARE__) {
+		__facade_register__(middleware);
+	}
+
+	// `extend`ing `klass` here so other RPC methods remain callable
+	return class extends klass {
+		#fetchDispatcher: ExportedHandlerFetchHandler<Record<string, unknown>> = (
+			request,
+			env,
+			ctx
+		) => {
+			this.env = env;
+			this.ctx = ctx;
+			if (super.fetch === undefined) {
+				throw new Error("Entrypoint class does not define a fetch() function.");
+			}
+			return super.fetch(request);
+		};
+
+		#dispatcher: Dispatcher = (type, init) => {
+			if (type === "scheduled" && super.scheduled !== undefined) {
+				const controller = new __Facade_ScheduledController__(
+					Date.now(),
+					init.cron ?? "",
+					() => {}
+				);
+				return super.scheduled(controller);
+			}
+		};
+
+		fetch(request: Request<unknown, IncomingRequestCfProperties>) {
+			return __facade_invoke__(
+				request,
+				this.env,
+				this.ctx,
+				this.#dispatcher,
+				this.#fetchDispatcher
+			);
+		}
+	};
+}
+
+let WRAPPED_ENTRY: ExportedHandler | WorkerEntrypointConstructor | undefined;
+if (typeof ENTRY === "object") {
+	WRAPPED_ENTRY = wrapExportedHandler(ENTRY);
+} else if (typeof ENTRY === "function") {
+	WRAPPED_ENTRY = wrapWorkerEntrypoint(ENTRY);
+}
+export default WRAPPED_ENTRY;

.wrangler/tmp/bundle-xddOtL/checked-fetch.js

@@ -0,0 +1,30 @@
+const urls = new Set();
+
+function checkURL(request, init) {
+	const url =
+		request instanceof URL
+			? request
+			: new URL(
+					(typeof request === "string"
+						? new Request(request, init)
+						: request
+					).url
+				);
+	if (url.port && url.port !== "443" && url.protocol === "https:") {
+		if (!urls.has(url.toString())) {
+			urls.add(url.toString());
+			console.warn(
+				`WARNING: known issue with \`fetch()\` requests to custom HTTPS ports in published Workers:\n` +
+					` - ${url.toString()} - the custom port will be ignored when the Worker is published using the \`wrangler deploy\` command.\n`
+			);
+		}
+	}
+}
+
+globalThis.fetch = new Proxy(globalThis.fetch, {
+	apply(target, thisArg, argArray) {
+		const [request, init] = argArray;
+		checkURL(request, init);
+		return Reflect.apply(target, thisArg, argArray);
+	},
+});

.wrangler/tmp/bundle-xddOtL/middleware-insertion-facade.js

@@ -0,0 +1,11 @@
+				import worker, * as OTHER_EXPORTS from "D:\\github\\pixivnow\\functions\\[[path]].ts";
+				import * as __MIDDLEWARE_0__ from "D:\\github\\pixivnow\\node_modules\\.pnpm\\wrangler@4.42.1\\node_modules\\wrangler\\templates\\middleware\\middleware-ensure-req-body-drained.ts";
+import * as __MIDDLEWARE_1__ from "D:\\github\\pixivnow\\node_modules\\.pnpm\\wrangler@4.42.1\\node_modules\\wrangler\\templates\\middleware\\middleware-miniflare3-json-error.ts";
+
+				export * from "D:\\github\\pixivnow\\functions\\[[path]].ts";
+				const MIDDLEWARE_TEST_INJECT = "__INJECT_FOR_TESTING_WRANGLER_MIDDLEWARE__";
+				export const __INTERNAL_WRANGLER_MIDDLEWARE__ = [
+					
+					__MIDDLEWARE_0__.default,__MIDDLEWARE_1__.default
+				]
+				export default worker;

.wrangler/tmp/bundle-xddOtL/middleware-loader.entry.ts

@@ -0,0 +1,134 @@
+// This loads all middlewares exposed on the middleware object and then starts
+// the invocation chain. The big idea is that we can add these to the middleware
+// export dynamically through wrangler, or we can potentially let users directly
+// add them as a sort of "plugin" system.
+
+import ENTRY, { __INTERNAL_WRANGLER_MIDDLEWARE__ } from "D:\\github\\pixivnow\\.wrangler\\tmp\\bundle-xddOtL\\middleware-insertion-facade.js";
+import { __facade_invoke__, __facade_register__, Dispatcher } from "D:\\github\\pixivnow\\node_modules\\.pnpm\\wrangler@4.42.1\\node_modules\\wrangler\\templates\\middleware\\common.ts";
+import type { WorkerEntrypointConstructor } from "D:\\github\\pixivnow\\.wrangler\\tmp\\bundle-xddOtL\\middleware-insertion-facade.js";
+
+// Preserve all the exports from the worker
+export * from "D:\\github\\pixivnow\\.wrangler\\tmp\\bundle-xddOtL\\middleware-insertion-facade.js";
+
+class __Facade_ScheduledController__ implements ScheduledController {
+	readonly #noRetry: ScheduledController["noRetry"];
+
+	constructor(
+		readonly scheduledTime: number,
+		readonly cron: string,
+		noRetry: ScheduledController["noRetry"]
+	) {
+		this.#noRetry = noRetry;
+	}
+
+	noRetry() {
+		if (!(this instanceof __Facade_ScheduledController__)) {
+			throw new TypeError("Illegal invocation");
+		}
+		// Need to call native method immediately in case uncaught error thrown
+		this.#noRetry();
+	}
+}
+
+function wrapExportedHandler(worker: ExportedHandler): ExportedHandler {
+	// If we don't have any middleware defined, just return the handler as is
+	if (
+		__INTERNAL_WRANGLER_MIDDLEWARE__ === undefined ||
+		__INTERNAL_WRANGLER_MIDDLEWARE__.length === 0
+	) {
+		return worker;
+	}
+	// Otherwise, register all middleware once
+	for (const middleware of __INTERNAL_WRANGLER_MIDDLEWARE__) {
+		__facade_register__(middleware);
+	}
+
+	const fetchDispatcher: ExportedHandlerFetchHandler = function (
+		request,
+		env,
+		ctx
+	) {
+		if (worker.fetch === undefined) {
+			throw new Error("Handler does not export a fetch() function.");
+		}
+		return worker.fetch(request, env, ctx);
+	};
+
+	return {
+		...worker,
+		fetch(request, env, ctx) {
+			const dispatcher: Dispatcher = function (type, init) {
+				if (type === "scheduled" && worker.scheduled !== undefined) {
+					const controller = new __Facade_ScheduledController__(
+						Date.now(),
+						init.cron ?? "",
+						() => {}
+					);
+					return worker.scheduled(controller, env, ctx);
+				}
+			};
+			return __facade_invoke__(request, env, ctx, dispatcher, fetchDispatcher);
+		},
+	};
+}
+
+function wrapWorkerEntrypoint(
+	klass: WorkerEntrypointConstructor
+): WorkerEntrypointConstructor {
+	// If we don't have any middleware defined, just return the handler as is
+	if (
+		__INTERNAL_WRANGLER_MIDDLEWARE__ === undefined ||
+		__INTERNAL_WRANGLER_MIDDLEWARE__.length === 0
+	) {
+		return klass;
+	}
+	// Otherwise, register all middleware once
+	for (const middleware of __INTERNAL_WRANGLER_MIDDLEWARE__) {
+		__facade_register__(middleware);
+	}
+
+	// `extend`ing `klass` here so other RPC methods remain callable
+	return class extends klass {
+		#fetchDispatcher: ExportedHandlerFetchHandler<Record<string, unknown>> = (
+			request,
+			env,
+			ctx
+		) => {
+			this.env = env;
+			this.ctx = ctx;
+			if (super.fetch === undefined) {
+				throw new Error("Entrypoint class does not define a fetch() function.");
+			}
+			return super.fetch(request);
+		};
+
+		#dispatcher: Dispatcher = (type, init) => {
+			if (type === "scheduled" && super.scheduled !== undefined) {
+				const controller = new __Facade_ScheduledController__(
+					Date.now(),
+					init.cron ?? "",
+					() => {}
+				);
+				return super.scheduled(controller);
+			}
+		};
+
+		fetch(request: Request<unknown, IncomingRequestCfProperties>) {
+			return __facade_invoke__(
+				request,
+				this.env,
+				this.ctx,
+				this.#dispatcher,
+				this.#fetchDispatcher
+			);
+		}
+	};
+}
+
+let WRAPPED_ENTRY: ExportedHandler | WorkerEntrypointConstructor | undefined;
+if (typeof ENTRY === "object") {
+	WRAPPED_ENTRY = wrapExportedHandler(ENTRY);
+} else if (typeof ENTRY === "function") {
+	WRAPPED_ENTRY = wrapWorkerEntrypoint(ENTRY);
+}
+export default WRAPPED_ENTRY;

.wrangler/tmp/dev-8ou9Jm/[[path]].js

@@ -61,21 +61,6 @@ var path_default = {
       });
     }
     try {
-      if (path === "/") {
-        return corsResponse(new Response("Pixiv Now Worker is running!", {
-          headers: { "Content-Type": "text/plain" }
-        }));
-      }
-      if (path === "/test") {
-        return corsResponse(new Response(JSON.stringify({
-          message: "Test successful",
-          timestamp: Date.now(),
-          method: request.method,
-          path
-        }), {
-          headers: { "Content-Type": "application/json" }
-        }));
-      }
       if (path === "/api/illust/random") {
         return await handleRandomAPI(request, env, url);
       }
@@ -88,10 +73,10 @@ var path_default = {
       if (path === "/api/user") {
         return await handleUserAPI(request, env, url);
       }
-      return corsResponse(new Response("Not Found", {
+      if (path.startsWith("/assets/") || path === "/favicon.ico" || path === "/robots.txt" || path.startsWith("/images/")) {
-        status: 404,
+        return await handleStaticAssets(request, env, path);
-        headers: { "Content-Type": "text/plain" }
+      }
-      }));
+      return await handleFrontendPage(request, env);
     } catch (error) {
       console.error("Worker error:", error);
       return corsResponse(new Response(JSON.stringify({
@@ -230,6 +215,65 @@ async function handleUserAPI(request, env, url) {
   }
 }
 __name(handleUserAPI, "handleUserAPI");
+async function handleStaticAssets(request, env, path) {
+  return new Response("Static asset not found", {
+    status: 404,
+    headers: { "Content-Type": "text/plain" }
+  });
+}
+__name(handleStaticAssets, "handleStaticAssets");
+async function handleFrontendPage(request, env) {
+  const html = `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>PixivNow</title>
+
+    <!-- Google tag (gtag.js) -->
+    <!-- <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=%VITE_GOOGLE_ANALYTICS_ID%"
+    ><\/script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+      gtag('config', '%VITE_GOOGLE_ANALYTICS_ID%')
+    <\/script> -->
+    <!-- Umami Analytics -->
+    <script defer src="https://cloud.umami.is/script.js" data-website-id="842d980c-5e11-4834-a2a8-5daaa285ce66"><\/script>
+    <!-- Google Search Console -->
+    <meta
+      name="google-site-verification"
+      content="%VITE_GOOGLE_SEARCH_CONSOLE_VERIFICATION%"
+    />
+    <!-- Google AdSense -->
+    <script
+      async
+      src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=%VITE_ADSENSE_PUB_ID%"
+      crossorigin="anonymous"
+    ><\/script>
+    <!-- jQuery -->
+    <!-- <script src="https://unpkg.com/jquery@3.7.1/dist/jquery.js"><\/script> -->
+    <script type="module" crossorigin src="/assets/index-DrUt9IKo.js"><\/script>
+    <link rel="stylesheet" crossorigin href="/assets/index-Dleou5i9.css">
+  </head>
+  <body>
+    <noscript>
+      This site requires JavaScript enabled. Please check your browser settings.
+    </noscript>
+    <div id="app"></div>
+  </body>
+</html>`;
+  return corsResponse(new Response(html, {
+    headers: { "Content-Type": "text/html; charset=utf-8" }
+  }));
+}
+__name(handleFrontendPage, "handleFrontendPage");
 
 // node_modules/.pnpm/wrangler@4.42.1/node_modules/wrangler/templates/middleware/middleware-ensure-req-body-drained.ts
 var drainBody = /* @__PURE__ */ __name(async (request, env, _ctx, middlewareCtx) => {

.wrangler/tmp/dev-hZXYrC/[[path]].js

@@ -0,0 +1,624 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// .wrangler/tmp/bundle-Zpyo5X/checked-fetch.js
+var urls = /* @__PURE__ */ new Set();
+function checkURL(request, init) {
+  const url = request instanceof URL ? request : new URL(
+    (typeof request === "string" ? new Request(request, init) : request).url
+  );
+  if (url.port && url.port !== "443" && url.protocol === "https:") {
+    if (!urls.has(url.toString())) {
+      urls.add(url.toString());
+      console.warn(
+        `WARNING: known issue with \`fetch()\` requests to custom HTTPS ports in published Workers:
+ - ${url.toString()} - the custom port will be ignored when the Worker is published using the \`wrangler deploy\` command.
+`
+      );
+    }
+  }
+}
+__name(checkURL, "checkURL");
+globalThis.fetch = new Proxy(globalThis.fetch, {
+  apply(target, thisArg, argArray) {
+    const [request, init] = argArray;
+    checkURL(request, init);
+    return Reflect.apply(target, thisArg, argArray);
+  }
+});
+
+// functions/[[path]].ts
+function corsHeaders() {
+  return {
+    "Access-Control-Allow-Origin": "*",
+    "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, OPTIONS",
+    "Access-Control-Allow-Headers": "Content-Type, Authorization, X-Requested-With",
+    "Access-Control-Max-Age": "86400"
+  };
+}
+__name(corsHeaders, "corsHeaders");
+function corsResponse(response) {
+  const headers = new Headers(response.headers);
+  Object.entries(corsHeaders()).forEach(([key, value]) => {
+    headers.set(key, value);
+  });
+  return new Response(response.body, {
+    status: response.status,
+    statusText: response.statusText,
+    headers
+  });
+}
+__name(corsResponse, "corsResponse");
+var path_default = {
+  fetch: /* @__PURE__ */ __name(async (request, env, ctx) => {
+    console.log("Worker fetch called:", request.method, request.url);
+    const url = new URL(request.url);
+    const path = url.pathname;
+    if (request.method === "OPTIONS") {
+      return new Response(null, {
+        status: 200,
+        headers: corsHeaders()
+      });
+    }
+    try {
+      if (path === "/api/illust/random") {
+        return await handleRandomAPI(request, env, url);
+      }
+      if (path.match(/^\/(ajax|rpc)\//)) {
+        return await handleGenericProxy(request, env);
+      }
+      if (path.match(/^\/[~-]\//)) {
+        return await handleImageProxy(request, env);
+      }
+      if (path === "/api/user") {
+        return await handleUserAPI(request, env, url);
+      }
+      if (path.startsWith("/assets/") || path === "/favicon.ico" || path === "/robots.txt" || path.startsWith("/images/")) {
+        return await handleStaticAssets(request, env, path);
+      }
+      return await handleFrontendPage(request, env);
+    } catch (error) {
+      console.error("Worker error:", error);
+      return corsResponse(new Response(JSON.stringify({
+        error: "Internal server error",
+        message: error instanceof Error ? error.message : "Unknown error"
+      }), {
+        status: 500,
+        headers: { "Content-Type": "application/json" }
+      }));
+    }
+  }, "fetch")
+};
+async function handleRandomAPI(request, env, url) {
+  try {
+    const requestImage = (request.headers.get("accept")?.includes("image") || url.searchParams.get("format") === "image") && url.searchParams.get("format") !== "json";
+    const mockIllusts = [
+      {
+        id: "123456789",
+        title: "Test Illustration",
+        userId: "987654321",
+        userName: "Test Artist",
+        tags: ["test", "mock"],
+        updateDate: "2024-01-01T12:00:00+00:00",
+        urls: {
+          mini: "https://i.pximg.net/c/48x48/img-master/img/2024/01/01/12/00/00/123456789_p0_square1200.jpg",
+          thumb: "https://i.pximg.net/c/250x250_80_a2/img-master/img/2024/01/01/12/00/00/123456789_p0_square1200.jpg",
+          small: "https://i.pximg.net/c/540x540_70/img-master/img/2024/01/01/12/00/00/123456789_p0_master1200.jpg",
+          regular: "https://i.pximg.net/img-master/img/2024/01/01/12/00/00/123456789_p0_master1200.jpg",
+          original: "https://i.pximg.net/img-original/img/2024/01/01/12/00/00/123456789_p0.jpg"
+        }
+      }
+    ];
+    if (requestImage && mockIllusts[0]?.urls?.regular) {
+      return corsResponse(new Response(null, {
+        status: 302,
+        headers: { Location: mockIllusts[0].urls.regular }
+      }));
+    }
+    return corsResponse(new Response(JSON.stringify(mockIllusts), {
+      headers: { "Content-Type": "application/json" }
+    }));
+  } catch (error) {
+    console.error("Error in random API:", error);
+    return corsResponse(new Response(JSON.stringify({
+      error: "Internal server error",
+      message: error instanceof Error ? error.message : "Unknown error"
+    }), {
+      status: 500,
+      headers: { "Content-Type": "application/json" }
+    }));
+  }
+}
+__name(handleRandomAPI, "handleRandomAPI");
+async function handleGenericProxy(request, env) {
+  const url = new URL(request.url);
+  url.hostname = "www.pixiv.net";
+  const headers = new Headers(request.headers);
+  headers.set("origin", "https://www.pixiv.net");
+  headers.set("referer", "https://www.pixiv.net/");
+  headers.set("user-agent", env.USER_AGENT || "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36 Edg/122.0.0.0");
+  const newReq = new Request(url.toString(), {
+    method: request.method,
+    headers,
+    body: request.body
+  });
+  const response = await fetch(newReq);
+  return corsResponse(response);
+}
+__name(handleGenericProxy, "handleGenericProxy");
+async function handleImageProxy(request, env) {
+  const url = new URL(request.url);
+  const path = url.pathname.slice(2);
+  if (url.pathname.startsWith("/~")) {
+    if (env.VITE_PXIMG_BASEURL_S) {
+      url.href = env.VITE_PXIMG_BASEURL_S + path;
+    } else {
+      url.hostname = "s.pximg.net";
+      url.pathname = "/" + path;
+    }
+  } else {
+    if (env.VITE_PXIMG_BASEURL_I) {
+      url.href = env.VITE_PXIMG_BASEURL_I + path;
+    } else {
+      url.hostname = "i.pximg.net";
+      url.pathname = "/" + path;
+    }
+  }
+  const headers = new Headers();
+  for (const h of ["accept", "accept-encoding", "accept-language", "cache-control", "user-agent"]) {
+    if (request.headers.get(h)) {
+      headers.set(h, request.headers.get(h));
+    }
+  }
+  headers.set("referer", "https://www.pixiv.net/");
+  headers.set("user-agent", env.USER_AGENT || "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36 Edg/122.0.0.0");
+  const newReq = new Request(url.toString(), {
+    headers
+  });
+  const response = await fetch(newReq);
+  return corsResponse(response);
+}
+__name(handleImageProxy, "handleImageProxy");
+async function handleUserAPI(request, env, url) {
+  try {
+    const userId = url.searchParams.get("id");
+    if (!userId) {
+      return corsResponse(new Response(JSON.stringify({ error: "User ID is required" }), {
+        status: 400,
+        headers: { "Content-Type": "application/json" }
+      }));
+    }
+    const pixivUrl = new URL(`https://www.pixiv.net/ajax/user/${userId}`);
+    const headers = new Headers();
+    headers.set("referer", "https://www.pixiv.net/");
+    headers.set("user-agent", env.USER_AGENT || "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36 Edg/122.0.0.0");
+    const response = await fetch(pixivUrl.toString(), { headers });
+    if (!response.ok) {
+      return corsResponse(new Response(JSON.stringify({ error: `Pixiv API returned ${response.status}` }), {
+        status: response.status,
+        headers: { "Content-Type": "application/json" }
+      }));
+    }
+    const data = await response.json();
+    return corsResponse(new Response(JSON.stringify(data), {
+      headers: { "Content-Type": "application/json" }
+    }));
+  } catch (error) {
+    console.error("Error in user API:", error);
+    return corsResponse(new Response(JSON.stringify({
+      error: "Internal server error",
+      message: error instanceof Error ? error.message : "Unknown error"
+    }), {
+      status: 500,
+      headers: { "Content-Type": "application/json" }
+    }));
+  }
+}
+__name(handleUserAPI, "handleUserAPI");
+async function handleStaticAssets(request, env, path) {
+  try {
+    const url = new URL(request.url);
+    const pathname = url.pathname;
+    let contentType = "text/plain";
+    if (pathname.endsWith(".js")) {
+      contentType = "application/javascript";
+    } else if (pathname.endsWith(".css")) {
+      contentType = "text/css";
+    } else if (pathname.endsWith(".ico")) {
+      contentType = "image/x-icon";
+    } else if (pathname.endsWith(".svg")) {
+      contentType = "image/svg+xml";
+    } else if (pathname.endsWith(".png")) {
+      contentType = "image/png";
+    } else if (pathname.endsWith(".jpg") || pathname.endsWith(".jpeg")) {
+      contentType = "image/jpeg";
+    }
+    try {
+      return new Response("Static asset not found", {
+        status: 404,
+        headers: { "Content-Type": "text/plain" }
+      });
+    } catch (e) {
+      return new Response("Static asset not found", {
+        status: 404,
+        headers: { "Content-Type": "text/plain" }
+      });
+    }
+  } catch (e) {
+    return new Response("Static asset not found", {
+      status: 404,
+      headers: { "Content-Type": "text/plain" }
+    });
+  }
+}
+__name(handleStaticAssets, "handleStaticAssets");
+async function handleFrontendPage(request, env) {
+  const html = `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>PixivNow</title>
+
+    <!-- Umami Analytics -->
+    <script defer src="https://cloud.umami.is/script.js" data-website-id="842d980c-5e11-4834-a2a8-5daaa285ce66"><\/script>
+    
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+          'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+          sans-serif;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        min-height: 100vh;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      
+      .container {
+        text-align: center;
+        color: white;
+        max-width: 600px;
+        padding: 2rem;
+      }
+      
+      .logo {
+        font-size: 3rem;
+        font-weight: bold;
+        margin-bottom: 1rem;
+        text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
+      }
+      
+      .subtitle {
+        font-size: 1.2rem;
+        margin-bottom: 2rem;
+        opacity: 0.9;
+      }
+      
+      .search-box {
+        background: rgba(255, 255, 255, 0.1);
+        border: 2px solid rgba(255, 255, 255, 0.3);
+        border-radius: 50px;
+        padding: 1rem 2rem;
+        font-size: 1rem;
+        color: white;
+        width: 100%;
+        max-width: 400px;
+        margin: 0 auto 2rem;
+        backdrop-filter: blur(10px);
+        transition: all 0.3s ease;
+      }
+      
+      .search-box::placeholder {
+        color: rgba(255, 255, 255, 0.7);
+      }
+      
+      .search-box:focus {
+        outline: none;
+        border-color: rgba(255, 255, 255, 0.6);
+        background: rgba(255, 255, 255, 0.2);
+      }
+      
+      .features {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+        gap: 1rem;
+        margin-top: 2rem;
+      }
+      
+      .feature {
+        background: rgba(255, 255, 255, 0.1);
+        padding: 1.5rem;
+        border-radius: 15px;
+        backdrop-filter: blur(10px);
+        border: 1px solid rgba(255, 255, 255, 0.2);
+      }
+      
+      .feature h3 {
+        margin: 0 0 0.5rem 0;
+        font-size: 1.1rem;
+      }
+      
+      .feature p {
+        margin: 0;
+        opacity: 0.8;
+        font-size: 0.9rem;
+      }
+      
+      .status {
+        margin-top: 2rem;
+        padding: 1rem;
+        background: rgba(0, 255, 0, 0.1);
+        border: 1px solid rgba(0, 255, 0, 0.3);
+        border-radius: 10px;
+        color: #90EE90;
+      }
+      
+      .api-info {
+        margin-top: 2rem;
+        padding: 1rem;
+        background: rgba(255, 255, 255, 0.1);
+        border-radius: 10px;
+        font-size: 0.9rem;
+        opacity: 0.8;
+      }
+      
+      .api-info a {
+        color: #FFD700;
+        text-decoration: none;
+      }
+      
+      .api-info a:hover {
+        text-decoration: underline;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <div class="logo">PixivNow</div>
+      <div class="subtitle">\u63A2\u7D22\u7CBE\u5F69\u7684 Pixiv \u4F5C\u54C1\u4E16\u754C</div>
+      
+      <input type="text" class="search-box" placeholder="\u8F93\u5165\u5173\u952E\u8BCD\u6216\u753B\u5E08\u540D\u79F0\u641C\u7D22\u4F5C\u54C1..." />
+      
+      <div class="features">
+        <div class="feature">
+          <h3>\u{1F3A8} \u968F\u673A\u4F5C\u54C1</h3>
+          <p>\u53D1\u73B0\u610F\u60F3\u4E0D\u5230\u7684\u7CBE\u5F69\u4F5C\u54C1</p>
+        </div>
+        <div class="feature">
+          <h3>\u{1F50D} \u667A\u80FD\u641C\u7D22</h3>
+          <p>\u5FEB\u901F\u627E\u5230\u4F60\u559C\u6B22\u7684\u5185\u5BB9</p>
+        </div>
+        <div class="feature">
+          <h3>\u{1F4F1} \u54CD\u5E94\u5F0F\u8BBE\u8BA1</h3>
+          <p>\u5B8C\u7F8E\u9002\u914D\u5404\u79CD\u8BBE\u5907</p>
+        </div>
+        <div class="feature">
+          <h3>\u26A1 \u9AD8\u901F\u8BBF\u95EE</h3>
+          <p>\u57FA\u4E8E Cloudflare \u5168\u7403\u52A0\u901F</p>
+        </div>
+      </div>
+      
+      <div class="status">
+        \u2705 \u670D\u52A1\u6B63\u5E38\u8FD0\u884C\u4E2D
+      </div>
+      
+      <div class="api-info">
+        <p>API \u63A5\u53E3\u53EF\u7528\uFF1A</p>
+        <p><a href="/api/illust/random">/api/illust/random</a> - \u968F\u673A\u4F5C\u54C1</p>
+        <p><a href="/api/user">/api/user</a> - \u7528\u6237\u4FE1\u606F</p>
+        <p>\u56FE\u7247\u4EE3\u7406\uFF1A<code>/i/</code> \u548C <code>/s/</code></p>
+      </div>
+    </div>
+    
+    <script>
+      // \u7B80\u5355\u7684\u641C\u7D22\u529F\u80FD\u6F14\u793A
+      document.querySelector('.search-box').addEventListener('keypress', function(e) {
+        if (e.key === 'Enter') {
+          const query = this.value.trim();
+          if (query) {
+            alert('\u641C\u7D22\u529F\u80FD\u6B63\u5728\u5F00\u53D1\u4E2D\uFF0C\u656C\u8BF7\u671F\u5F85\uFF01\\n\u641C\u7D22\u5173\u952E\u8BCD\uFF1A' + query);
+          }
+        }
+      });
+      
+      // \u6DFB\u52A0\u4E00\u4E9B\u4EA4\u4E92\u6548\u679C
+      document.querySelectorAll('.feature').forEach(feature => {
+        feature.addEventListener('mouseenter', function() {
+          this.style.transform = 'translateY(-5px)';
+          this.style.boxShadow = '0 10px 20px rgba(0,0,0,0.2)';
+        });
+        
+        feature.addEventListener('mouseleave', function() {
+          this.style.transform = 'translateY(0)';
+          this.style.boxShadow = 'none';
+        });
+      });
+    <\/script>
+  </body>
+</html>`;
+  return corsResponse(new Response(html, {
+    headers: { "Content-Type": "text/html; charset=utf-8" }
+  }));
+}
+__name(handleFrontendPage, "handleFrontendPage");
+
+// node_modules/.pnpm/wrangler@4.42.1/node_modules/wrangler/templates/middleware/middleware-ensure-req-body-drained.ts
+var drainBody = /* @__PURE__ */ __name(async (request, env, _ctx, middlewareCtx) => {
+  try {
+    return await middlewareCtx.next(request, env);
+  } finally {
+    try {
+      if (request.body !== null && !request.bodyUsed) {
+        const reader = request.body.getReader();
+        while (!(await reader.read()).done) {
+        }
+      }
+    } catch (e) {
+      console.error("Failed to drain the unused request body.", e);
+    }
+  }
+}, "drainBody");
+var middleware_ensure_req_body_drained_default = drainBody;
+
+// node_modules/.pnpm/wrangler@4.42.1/node_modules/wrangler/templates/middleware/middleware-miniflare3-json-error.ts
+function reduceError(e) {
+  return {
+    name: e?.name,
+    message: e?.message ?? String(e),
+    stack: e?.stack,
+    cause: e?.cause === void 0 ? void 0 : reduceError(e.cause)
+  };
+}
+__name(reduceError, "reduceError");
+var jsonError = /* @__PURE__ */ __name(async (request, env, _ctx, middlewareCtx) => {
+  try {
+    return await middlewareCtx.next(request, env);
+  } catch (e) {
+    const error = reduceError(e);
+    return Response.json(error, {
+      status: 500,
+      headers: { "MF-Experimental-Error-Stack": "true" }
+    });
+  }
+}, "jsonError");
+var middleware_miniflare3_json_error_default = jsonError;
+
+// .wrangler/tmp/bundle-Zpyo5X/middleware-insertion-facade.js
+var __INTERNAL_WRANGLER_MIDDLEWARE__ = [
+  middleware_ensure_req_body_drained_default,
+  middleware_miniflare3_json_error_default
+];
+var middleware_insertion_facade_default = path_default;
+
+// node_modules/.pnpm/wrangler@4.42.1/node_modules/wrangler/templates/middleware/common.ts
+var __facade_middleware__ = [];
+function __facade_register__(...args) {
+  __facade_middleware__.push(...args.flat());
+}
+__name(__facade_register__, "__facade_register__");
+function __facade_invokeChain__(request, env, ctx, dispatch, middlewareChain) {
+  const [head, ...tail] = middlewareChain;
+  const middlewareCtx = {
+    dispatch,
+    next(newRequest, newEnv) {
+      return __facade_invokeChain__(newRequest, newEnv, ctx, dispatch, tail);
+    }
+  };
+  return head(request, env, ctx, middlewareCtx);
+}
+__name(__facade_invokeChain__, "__facade_invokeChain__");
+function __facade_invoke__(request, env, ctx, dispatch, finalMiddleware) {
+  return __facade_invokeChain__(request, env, ctx, dispatch, [
+    ...__facade_middleware__,
+    finalMiddleware
+  ]);
+}
+__name(__facade_invoke__, "__facade_invoke__");
+
+// .wrangler/tmp/bundle-Zpyo5X/middleware-loader.entry.ts
+var __Facade_ScheduledController__ = class ___Facade_ScheduledController__ {
+  constructor(scheduledTime, cron, noRetry) {
+    this.scheduledTime = scheduledTime;
+    this.cron = cron;
+    this.#noRetry = noRetry;
+  }
+  static {
+    __name(this, "__Facade_ScheduledController__");
+  }
+  #noRetry;
+  noRetry() {
+    if (!(this instanceof ___Facade_ScheduledController__)) {
+      throw new TypeError("Illegal invocation");
+    }
+    this.#noRetry();
+  }
+};
+function wrapExportedHandler(worker) {
+  if (__INTERNAL_WRANGLER_MIDDLEWARE__ === void 0 || __INTERNAL_WRANGLER_MIDDLEWARE__.length === 0) {
+    return worker;
+  }
+  for (const middleware of __INTERNAL_WRANGLER_MIDDLEWARE__) {
+    __facade_register__(middleware);
+  }
+  const fetchDispatcher = /* @__PURE__ */ __name(function(request, env, ctx) {
+    if (worker.fetch === void 0) {
+      throw new Error("Handler does not export a fetch() function.");
+    }
+    return worker.fetch(request, env, ctx);
+  }, "fetchDispatcher");
+  return {
+    ...worker,
+    fetch(request, env, ctx) {
+      const dispatcher = /* @__PURE__ */ __name(function(type, init) {
+        if (type === "scheduled" && worker.scheduled !== void 0) {
+          const controller = new __Facade_ScheduledController__(
+            Date.now(),
+            init.cron ?? "",
+            () => {
+            }
+          );
+          return worker.scheduled(controller, env, ctx);
+        }
+      }, "dispatcher");
+      return __facade_invoke__(request, env, ctx, dispatcher, fetchDispatcher);
+    }
+  };
+}
+__name(wrapExportedHandler, "wrapExportedHandler");
+function wrapWorkerEntrypoint(klass) {
+  if (__INTERNAL_WRANGLER_MIDDLEWARE__ === void 0 || __INTERNAL_WRANGLER_MIDDLEWARE__.length === 0) {
+    return klass;
+  }
+  for (const middleware of __INTERNAL_WRANGLER_MIDDLEWARE__) {
+    __facade_register__(middleware);
+  }
+  return class extends klass {
+    #fetchDispatcher = /* @__PURE__ */ __name((request, env, ctx) => {
+      this.env = env;
+      this.ctx = ctx;
+      if (super.fetch === void 0) {
+        throw new Error("Entrypoint class does not define a fetch() function.");
+      }
+      return super.fetch(request);
+    }, "#fetchDispatcher");
+    #dispatcher = /* @__PURE__ */ __name((type, init) => {
+      if (type === "scheduled" && super.scheduled !== void 0) {
+        const controller = new __Facade_ScheduledController__(
+          Date.now(),
+          init.cron ?? "",
+          () => {
+          }
+        );
+        return super.scheduled(controller);
+      }
+    }, "#dispatcher");
+    fetch(request) {
+      return __facade_invoke__(
+        request,
+        this.env,
+        this.ctx,
+        this.#dispatcher,
+        this.#fetchDispatcher
+      );
+    }
+  };
+}
+__name(wrapWorkerEntrypoint, "wrapWorkerEntrypoint");
+var WRAPPED_ENTRY;
+if (typeof middleware_insertion_facade_default === "object") {
+  WRAPPED_ENTRY = wrapExportedHandler(middleware_insertion_facade_default);
+} else if (typeof middleware_insertion_facade_default === "function") {
+  WRAPPED_ENTRY = wrapWorkerEntrypoint(middleware_insertion_facade_default);
+}
+var middleware_loader_entry_default = WRAPPED_ENTRY;
+export {
+  __INTERNAL_WRANGLER_MIDDLEWARE__,
+  middleware_loader_entry_default as default
+};
+//# sourceMappingURL=%5B%5Bpath%5D%5D.js.map

.wrangler/tmp/dev-rQxgqm/[[path]].js

@@ -0,0 +1,462 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// .wrangler/tmp/bundle-0fkApo/checked-fetch.js
+var urls = /* @__PURE__ */ new Set();
+function checkURL(request, init) {
+  const url = request instanceof URL ? request : new URL(
+    (typeof request === "string" ? new Request(request, init) : request).url
+  );
+  if (url.port && url.port !== "443" && url.protocol === "https:") {
+    if (!urls.has(url.toString())) {
+      urls.add(url.toString());
+      console.warn(
+        `WARNING: known issue with \`fetch()\` requests to custom HTTPS ports in published Workers:
+ - ${url.toString()} - the custom port will be ignored when the Worker is published using the \`wrangler deploy\` command.
+`
+      );
+    }
+  }
+}
+__name(checkURL, "checkURL");
+globalThis.fetch = new Proxy(globalThis.fetch, {
+  apply(target, thisArg, argArray) {
+    const [request, init] = argArray;
+    checkURL(request, init);
+    return Reflect.apply(target, thisArg, argArray);
+  }
+});
+
+// functions/[[path]].ts
+function corsHeaders() {
+  return {
+    "Access-Control-Allow-Origin": "*",
+    "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, OPTIONS",
+    "Access-Control-Allow-Headers": "Content-Type, Authorization, X-Requested-With",
+    "Access-Control-Max-Age": "86400"
+  };
+}
+__name(corsHeaders, "corsHeaders");
+function corsResponse(response) {
+  const headers = new Headers(response.headers);
+  Object.entries(corsHeaders()).forEach(([key, value]) => {
+    headers.set(key, value);
+  });
+  return new Response(response.body, {
+    status: response.status,
+    statusText: response.statusText,
+    headers
+  });
+}
+__name(corsResponse, "corsResponse");
+var path_default = {
+  fetch: /* @__PURE__ */ __name(async (request, env, ctx) => {
+    console.log("Worker fetch called:", request.method, request.url);
+    const url = new URL(request.url);
+    const path = url.pathname;
+    if (request.method === "OPTIONS") {
+      return new Response(null, {
+        status: 200,
+        headers: corsHeaders()
+      });
+    }
+    try {
+      if (path === "/api/illust/random") {
+        return await handleRandomAPI(request, env, url);
+      }
+      if (path.match(/^\/(ajax|rpc)\//)) {
+        return await handleGenericProxy(request, env);
+      }
+      if (path.match(/^\/[~-]\//)) {
+        return await handleImageProxy(request, env);
+      }
+      if (path === "/api/user") {
+        return await handleUserAPI(request, env, url);
+      }
+      if (path.startsWith("/assets/") || path === "/favicon.ico" || path === "/robots.txt" || path.startsWith("/images/")) {
+        return await handleStaticAssets(request, env, path);
+      }
+      return await handleFrontendPage(request, env);
+    } catch (error) {
+      console.error("Worker error:", error);
+      return corsResponse(new Response(JSON.stringify({
+        error: "Internal server error",
+        message: error instanceof Error ? error.message : "Unknown error"
+      }), {
+        status: 500,
+        headers: { "Content-Type": "application/json" }
+      }));
+    }
+  }, "fetch")
+};
+async function handleRandomAPI(request, env, url) {
+  try {
+    const requestImage = (request.headers.get("accept")?.includes("image") || url.searchParams.get("format") === "image") && url.searchParams.get("format") !== "json";
+    const mockIllusts = [
+      {
+        id: "123456789",
+        title: "Test Illustration",
+        userId: "987654321",
+        userName: "Test Artist",
+        tags: ["test", "mock"],
+        updateDate: "2024-01-01T12:00:00+00:00",
+        urls: {
+          mini: "https://i.pximg.net/c/48x48/img-master/img/2024/01/01/12/00/00/123456789_p0_square1200.jpg",
+          thumb: "https://i.pximg.net/c/250x250_80_a2/img-master/img/2024/01/01/12/00/00/123456789_p0_square1200.jpg",
+          small: "https://i.pximg.net/c/540x540_70/img-master/img/2024/01/01/12/00/00/123456789_p0_master1200.jpg",
+          regular: "https://i.pximg.net/img-master/img/2024/01/01/12/00/00/123456789_p0_master1200.jpg",
+          original: "https://i.pximg.net/img-original/img/2024/01/01/12/00/00/123456789_p0.jpg"
+        }
+      }
+    ];
+    if (requestImage && mockIllusts[0]?.urls?.regular) {
+      return corsResponse(new Response(null, {
+        status: 302,
+        headers: { Location: mockIllusts[0].urls.regular }
+      }));
+    }
+    return corsResponse(new Response(JSON.stringify(mockIllusts), {
+      headers: { "Content-Type": "application/json" }
+    }));
+  } catch (error) {
+    console.error("Error in random API:", error);
+    return corsResponse(new Response(JSON.stringify({
+      error: "Internal server error",
+      message: error instanceof Error ? error.message : "Unknown error"
+    }), {
+      status: 500,
+      headers: { "Content-Type": "application/json" }
+    }));
+  }
+}
+__name(handleRandomAPI, "handleRandomAPI");
+async function handleGenericProxy(request, env) {
+  const url = new URL(request.url);
+  url.hostname = "www.pixiv.net";
+  const headers = new Headers(request.headers);
+  headers.set("origin", "https://www.pixiv.net");
+  headers.set("referer", "https://www.pixiv.net/");
+  headers.set("user-agent", env.USER_AGENT || "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36 Edg/122.0.0.0");
+  const newReq = new Request(url.toString(), {
+    method: request.method,
+    headers,
+    body: request.body
+  });
+  const response = await fetch(newReq);
+  return corsResponse(response);
+}
+__name(handleGenericProxy, "handleGenericProxy");
+async function handleImageProxy(request, env) {
+  const url = new URL(request.url);
+  const path = url.pathname.slice(2);
+  if (url.pathname.startsWith("/~")) {
+    if (env.VITE_PXIMG_BASEURL_S) {
+      url.href = env.VITE_PXIMG_BASEURL_S + path;
+    } else {
+      url.hostname = "s.pximg.net";
+      url.pathname = "/" + path;
+    }
+  } else {
+    if (env.VITE_PXIMG_BASEURL_I) {
+      url.href = env.VITE_PXIMG_BASEURL_I + path;
+    } else {
+      url.hostname = "i.pximg.net";
+      url.pathname = "/" + path;
+    }
+  }
+  const headers = new Headers();
+  for (const h of ["accept", "accept-encoding", "accept-language", "cache-control", "user-agent"]) {
+    if (request.headers.get(h)) {
+      headers.set(h, request.headers.get(h));
+    }
+  }
+  headers.set("referer", "https://www.pixiv.net/");
+  headers.set("user-agent", env.USER_AGENT || "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36 Edg/122.0.0.0");
+  const newReq = new Request(url.toString(), {
+    headers
+  });
+  const response = await fetch(newReq);
+  return corsResponse(response);
+}
+__name(handleImageProxy, "handleImageProxy");
+async function handleUserAPI(request, env, url) {
+  try {
+    const userId = url.searchParams.get("id");
+    if (!userId) {
+      return corsResponse(new Response(JSON.stringify({ error: "User ID is required" }), {
+        status: 400,
+        headers: { "Content-Type": "application/json" }
+      }));
+    }
+    const pixivUrl = new URL(`https://www.pixiv.net/ajax/user/${userId}`);
+    const headers = new Headers();
+    headers.set("referer", "https://www.pixiv.net/");
+    headers.set("user-agent", env.USER_AGENT || "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36 Edg/122.0.0.0");
+    const response = await fetch(pixivUrl.toString(), { headers });
+    if (!response.ok) {
+      return corsResponse(new Response(JSON.stringify({ error: `Pixiv API returned ${response.status}` }), {
+        status: response.status,
+        headers: { "Content-Type": "application/json" }
+      }));
+    }
+    const data = await response.json();
+    return corsResponse(new Response(JSON.stringify(data), {
+      headers: { "Content-Type": "application/json" }
+    }));
+  } catch (error) {
+    console.error("Error in user API:", error);
+    return corsResponse(new Response(JSON.stringify({
+      error: "Internal server error",
+      message: error instanceof Error ? error.message : "Unknown error"
+    }), {
+      status: 500,
+      headers: { "Content-Type": "application/json" }
+    }));
+  }
+}
+__name(handleUserAPI, "handleUserAPI");
+async function handleStaticAssets(request, env, path) {
+  try {
+    return await getAssetFromKV({
+      request,
+      waitUntil: /* @__PURE__ */ __name(() => {
+      }, "waitUntil")
+    }, {
+      ASSET_NAMESPACE: env.__STATIC_CONTENT,
+      ASSET_MANIFEST: env.__STATIC_CONTENT_MANIFEST
+    });
+  } catch (e) {
+    return new Response("Static asset not found", {
+      status: 404,
+      headers: { "Content-Type": "text/plain" }
+    });
+  }
+}
+__name(handleStaticAssets, "handleStaticAssets");
+async function handleFrontendPage(request, env) {
+  const html = `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>PixivNow</title>
+
+    <!-- Google tag (gtag.js) -->
+    <!-- <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=%VITE_GOOGLE_ANALYTICS_ID%"
+    ><\/script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+      gtag('config', '%VITE_GOOGLE_ANALYTICS_ID%')
+    <\/script> -->
+    <!-- Umami Analytics -->
+    <script defer src="https://cloud.umami.is/script.js" data-website-id="842d980c-5e11-4834-a2a8-5daaa285ce66"><\/script>
+    <!-- Google Search Console -->
+    <meta
+      name="google-site-verification"
+      content="%VITE_GOOGLE_SEARCH_CONSOLE_VERIFICATION%"
+    />
+    <!-- Google AdSense -->
+    <script
+      async
+      src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=%VITE_ADSENSE_PUB_ID%"
+      crossorigin="anonymous"
+    ><\/script>
+    <!-- jQuery -->
+    <!-- <script src="https://unpkg.com/jquery@3.7.1/dist/jquery.js"><\/script> -->
+    <script type="module" crossorigin src="/assets/index-DrUt9IKo.js"><\/script>
+    <link rel="stylesheet" crossorigin href="/assets/index-Dleou5i9.css">
+  </head>
+  <body>
+    <noscript>
+      This site requires JavaScript enabled. Please check your browser settings.
+    </noscript>
+    <div id="app"></div>
+  </body>
+</html>`;
+  return corsResponse(new Response(html, {
+    headers: { "Content-Type": "text/html; charset=utf-8" }
+  }));
+}
+__name(handleFrontendPage, "handleFrontendPage");
+
+// node_modules/.pnpm/wrangler@4.42.1/node_modules/wrangler/templates/middleware/middleware-ensure-req-body-drained.ts
+var drainBody = /* @__PURE__ */ __name(async (request, env, _ctx, middlewareCtx) => {
+  try {
+    return await middlewareCtx.next(request, env);
+  } finally {
+    try {
+      if (request.body !== null && !request.bodyUsed) {
+        const reader = request.body.getReader();
+        while (!(await reader.read()).done) {
+        }
+      }
+    } catch (e) {
+      console.error("Failed to drain the unused request body.", e);
+    }
+  }
+}, "drainBody");
+var middleware_ensure_req_body_drained_default = drainBody;
+
+// node_modules/.pnpm/wrangler@4.42.1/node_modules/wrangler/templates/middleware/middleware-miniflare3-json-error.ts
+function reduceError(e) {
+  return {
+    name: e?.name,
+    message: e?.message ?? String(e),
+    stack: e?.stack,
+    cause: e?.cause === void 0 ? void 0 : reduceError(e.cause)
+  };
+}
+__name(reduceError, "reduceError");
+var jsonError = /* @__PURE__ */ __name(async (request, env, _ctx, middlewareCtx) => {
+  try {
+    return await middlewareCtx.next(request, env);
+  } catch (e) {
+    const error = reduceError(e);
+    return Response.json(error, {
+      status: 500,
+      headers: { "MF-Experimental-Error-Stack": "true" }
+    });
+  }
+}, "jsonError");
+var middleware_miniflare3_json_error_default = jsonError;
+
+// .wrangler/tmp/bundle-0fkApo/middleware-insertion-facade.js
+var __INTERNAL_WRANGLER_MIDDLEWARE__ = [
+  middleware_ensure_req_body_drained_default,
+  middleware_miniflare3_json_error_default
+];
+var middleware_insertion_facade_default = path_default;
+
+// node_modules/.pnpm/wrangler@4.42.1/node_modules/wrangler/templates/middleware/common.ts
+var __facade_middleware__ = [];
+function __facade_register__(...args) {
+  __facade_middleware__.push(...args.flat());
+}
+__name(__facade_register__, "__facade_register__");
+function __facade_invokeChain__(request, env, ctx, dispatch, middlewareChain) {
+  const [head, ...tail] = middlewareChain;
+  const middlewareCtx = {
+    dispatch,
+    next(newRequest, newEnv) {
+      return __facade_invokeChain__(newRequest, newEnv, ctx, dispatch, tail);
+    }
+  };
+  return head(request, env, ctx, middlewareCtx);
+}
+__name(__facade_invokeChain__, "__facade_invokeChain__");
+function __facade_invoke__(request, env, ctx, dispatch, finalMiddleware) {
+  return __facade_invokeChain__(request, env, ctx, dispatch, [
+    ...__facade_middleware__,
+    finalMiddleware
+  ]);
+}
+__name(__facade_invoke__, "__facade_invoke__");
+
+// .wrangler/tmp/bundle-0fkApo/middleware-loader.entry.ts
+var __Facade_ScheduledController__ = class ___Facade_ScheduledController__ {
+  constructor(scheduledTime, cron, noRetry) {
+    this.scheduledTime = scheduledTime;
+    this.cron = cron;
+    this.#noRetry = noRetry;
+  }
+  static {
+    __name(this, "__Facade_ScheduledController__");
+  }
+  #noRetry;
+  noRetry() {
+    if (!(this instanceof ___Facade_ScheduledController__)) {
+      throw new TypeError("Illegal invocation");
+    }
+    this.#noRetry();
+  }
+};
+function wrapExportedHandler(worker) {
+  if (__INTERNAL_WRANGLER_MIDDLEWARE__ === void 0 || __INTERNAL_WRANGLER_MIDDLEWARE__.length === 0) {
+    return worker;
+  }
+  for (const middleware of __INTERNAL_WRANGLER_MIDDLEWARE__) {
+    __facade_register__(middleware);
+  }
+  const fetchDispatcher = /* @__PURE__ */ __name(function(request, env, ctx) {
+    if (worker.fetch === void 0) {
+      throw new Error("Handler does not export a fetch() function.");
+    }
+    return worker.fetch(request, env, ctx);
+  }, "fetchDispatcher");
+  return {
+    ...worker,
+    fetch(request, env, ctx) {
+      const dispatcher = /* @__PURE__ */ __name(function(type, init) {
+        if (type === "scheduled" && worker.scheduled !== void 0) {
+          const controller = new __Facade_ScheduledController__(
+            Date.now(),
+            init.cron ?? "",
+            () => {
+            }
+          );
+          return worker.scheduled(controller, env, ctx);
+        }
+      }, "dispatcher");
+      return __facade_invoke__(request, env, ctx, dispatcher, fetchDispatcher);
+    }
+  };
+}
+__name(wrapExportedHandler, "wrapExportedHandler");
+function wrapWorkerEntrypoint(klass) {
+  if (__INTERNAL_WRANGLER_MIDDLEWARE__ === void 0 || __INTERNAL_WRANGLER_MIDDLEWARE__.length === 0) {
+    return klass;
+  }
+  for (const middleware of __INTERNAL_WRANGLER_MIDDLEWARE__) {
+    __facade_register__(middleware);
+  }
+  return class extends klass {
+    #fetchDispatcher = /* @__PURE__ */ __name((request, env, ctx) => {
+      this.env = env;
+      this.ctx = ctx;
+      if (super.fetch === void 0) {
+        throw new Error("Entrypoint class does not define a fetch() function.");
+      }
+      return super.fetch(request);
+    }, "#fetchDispatcher");
+    #dispatcher = /* @__PURE__ */ __name((type, init) => {
+      if (type === "scheduled" && super.scheduled !== void 0) {
+        const controller = new __Facade_ScheduledController__(
+          Date.now(),
+          init.cron ?? "",
+          () => {
+          }
+        );
+        return super.scheduled(controller);
+      }
+    }, "#dispatcher");
+    fetch(request) {
+      return __facade_invoke__(
+        request,
+        this.env,
+        this.ctx,
+        this.#dispatcher,
+        this.#fetchDispatcher
+      );
+    }
+  };
+}
+__name(wrapWorkerEntrypoint, "wrapWorkerEntrypoint");
+var WRAPPED_ENTRY;
+if (typeof middleware_insertion_facade_default === "object") {
+  WRAPPED_ENTRY = wrapExportedHandler(middleware_insertion_facade_default);
+} else if (typeof middleware_insertion_facade_default === "function") {
+  WRAPPED_ENTRY = wrapWorkerEntrypoint(middleware_insertion_facade_default);
+}
+var middleware_loader_entry_default = WRAPPED_ENTRY;
+export {
+  __INTERNAL_WRANGLER_MIDDLEWARE__,
+  middleware_loader_entry_default as default
+};
+//# sourceMappingURL=%5B%5Bpath%5D%5D.js.map

.wrangler/tmp/dev-raLOPp/[[path]].js

@@ -0,0 +1,624 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// .wrangler/tmp/bundle-xddOtL/checked-fetch.js
+var urls = /* @__PURE__ */ new Set();
+function checkURL(request, init) {
+  const url = request instanceof URL ? request : new URL(
+    (typeof request === "string" ? new Request(request, init) : request).url
+  );
+  if (url.port && url.port !== "443" && url.protocol === "https:") {
+    if (!urls.has(url.toString())) {
+      urls.add(url.toString());
+      console.warn(
+        `WARNING: known issue with \`fetch()\` requests to custom HTTPS ports in published Workers:
+ - ${url.toString()} - the custom port will be ignored when the Worker is published using the \`wrangler deploy\` command.
+`
+      );
+    }
+  }
+}
+__name(checkURL, "checkURL");
+globalThis.fetch = new Proxy(globalThis.fetch, {
+  apply(target, thisArg, argArray) {
+    const [request, init] = argArray;
+    checkURL(request, init);
+    return Reflect.apply(target, thisArg, argArray);
+  }
+});
+
+// functions/[[path]].ts
+function corsHeaders() {
+  return {
+    "Access-Control-Allow-Origin": "*",
+    "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, OPTIONS",
+    "Access-Control-Allow-Headers": "Content-Type, Authorization, X-Requested-With",
+    "Access-Control-Max-Age": "86400"
+  };
+}
+__name(corsHeaders, "corsHeaders");
+function corsResponse(response) {
+  const headers = new Headers(response.headers);
+  Object.entries(corsHeaders()).forEach(([key, value]) => {
+    headers.set(key, value);
+  });
+  return new Response(response.body, {
+    status: response.status,
+    statusText: response.statusText,
+    headers
+  });
+}
+__name(corsResponse, "corsResponse");
+var path_default = {
+  fetch: /* @__PURE__ */ __name(async (request, env, ctx) => {
+    console.log("Worker fetch called:", request.method, request.url);
+    const url = new URL(request.url);
+    const path = url.pathname;
+    if (request.method === "OPTIONS") {
+      return new Response(null, {
+        status: 200,
+        headers: corsHeaders()
+      });
+    }
+    try {
+      if (path === "/api/illust/random") {
+        return await handleRandomAPI(request, env, url);
+      }
+      if (path.match(/^\/(ajax|rpc)\//)) {
+        return await handleGenericProxy(request, env);
+      }
+      if (path.match(/^\/[~-]\//)) {
+        return await handleImageProxy(request, env);
+      }
+      if (path === "/api/user") {
+        return await handleUserAPI(request, env, url);
+      }
+      if (path.startsWith("/assets/") || path === "/favicon.ico" || path === "/robots.txt" || path.startsWith("/images/")) {
+        return await handleStaticAssets(request, env, path);
+      }
+      return await handleFrontendPage(request, env);
+    } catch (error) {
+      console.error("Worker error:", error);
+      return corsResponse(new Response(JSON.stringify({
+        error: "Internal server error",
+        message: error instanceof Error ? error.message : "Unknown error"
+      }), {
+        status: 500,
+        headers: { "Content-Type": "application/json" }
+      }));
+    }
+  }, "fetch")
+};
+async function handleRandomAPI(request, env, url) {
+  try {
+    const requestImage = (request.headers.get("accept")?.includes("image") || url.searchParams.get("format") === "image") && url.searchParams.get("format") !== "json";
+    const mockIllusts = [
+      {
+        id: "123456789",
+        title: "Test Illustration",
+        userId: "987654321",
+        userName: "Test Artist",
+        tags: ["test", "mock"],
+        updateDate: "2024-01-01T12:00:00+00:00",
+        urls: {
+          mini: "https://i.pximg.net/c/48x48/img-master/img/2024/01/01/12/00/00/123456789_p0_square1200.jpg",
+          thumb: "https://i.pximg.net/c/250x250_80_a2/img-master/img/2024/01/01/12/00/00/123456789_p0_square1200.jpg",
+          small: "https://i.pximg.net/c/540x540_70/img-master/img/2024/01/01/12/00/00/123456789_p0_master1200.jpg",
+          regular: "https://i.pximg.net/img-master/img/2024/01/01/12/00/00/123456789_p0_master1200.jpg",
+          original: "https://i.pximg.net/img-original/img/2024/01/01/12/00/00/123456789_p0.jpg"
+        }
+      }
+    ];
+    if (requestImage && mockIllusts[0]?.urls?.regular) {
+      return corsResponse(new Response(null, {
+        status: 302,
+        headers: { Location: mockIllusts[0].urls.regular }
+      }));
+    }
+    return corsResponse(new Response(JSON.stringify(mockIllusts), {
+      headers: { "Content-Type": "application/json" }
+    }));
+  } catch (error) {
+    console.error("Error in random API:", error);
+    return corsResponse(new Response(JSON.stringify({
+      error: "Internal server error",
+      message: error instanceof Error ? error.message : "Unknown error"
+    }), {
+      status: 500,
+      headers: { "Content-Type": "application/json" }
+    }));
+  }
+}
+__name(handleRandomAPI, "handleRandomAPI");
+async function handleGenericProxy(request, env) {
+  const url = new URL(request.url);
+  url.hostname = "www.pixiv.net";
+  const headers = new Headers(request.headers);
+  headers.set("origin", "https://www.pixiv.net");
+  headers.set("referer", "https://www.pixiv.net/");
+  headers.set("user-agent", env.USER_AGENT || "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36 Edg/122.0.0.0");
+  const newReq = new Request(url.toString(), {
+    method: request.method,
+    headers,
+    body: request.body
+  });
+  const response = await fetch(newReq);
+  return corsResponse(response);
+}
+__name(handleGenericProxy, "handleGenericProxy");
+async function handleImageProxy(request, env) {
+  const url = new URL(request.url);
+  const path = url.pathname.slice(2);
+  if (url.pathname.startsWith("/~")) {
+    if (env.VITE_PXIMG_BASEURL_S) {
+      url.href = env.VITE_PXIMG_BASEURL_S + path;
+    } else {
+      url.hostname = "s.pximg.net";
+      url.pathname = "/" + path;
+    }
+  } else {
+    if (env.VITE_PXIMG_BASEURL_I) {
+      url.href = env.VITE_PXIMG_BASEURL_I + path;
+    } else {
+      url.hostname = "i.pximg.net";
+      url.pathname = "/" + path;
+    }
+  }
+  const headers = new Headers();
+  for (const h of ["accept", "accept-encoding", "accept-language", "cache-control", "user-agent"]) {
+    if (request.headers.get(h)) {
+      headers.set(h, request.headers.get(h));
+    }
+  }
+  headers.set("referer", "https://www.pixiv.net/");
+  headers.set("user-agent", env.USER_AGENT || "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36 Edg/122.0.0.0");
+  const newReq = new Request(url.toString(), {
+    headers
+  });
+  const response = await fetch(newReq);
+  return corsResponse(response);
+}
+__name(handleImageProxy, "handleImageProxy");
+async function handleUserAPI(request, env, url) {
+  try {
+    const userId = url.searchParams.get("id");
+    if (!userId) {
+      return corsResponse(new Response(JSON.stringify({ error: "User ID is required" }), {
+        status: 400,
+        headers: { "Content-Type": "application/json" }
+      }));
+    }
+    const pixivUrl = new URL(`https://www.pixiv.net/ajax/user/${userId}`);
+    const headers = new Headers();
+    headers.set("referer", "https://www.pixiv.net/");
+    headers.set("user-agent", env.USER_AGENT || "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36 Edg/122.0.0.0");
+    const response = await fetch(pixivUrl.toString(), { headers });
+    if (!response.ok) {
+      return corsResponse(new Response(JSON.stringify({ error: `Pixiv API returned ${response.status}` }), {
+        status: response.status,
+        headers: { "Content-Type": "application/json" }
+      }));
+    }
+    const data = await response.json();
+    return corsResponse(new Response(JSON.stringify(data), {
+      headers: { "Content-Type": "application/json" }
+    }));
+  } catch (error) {
+    console.error("Error in user API:", error);
+    return corsResponse(new Response(JSON.stringify({
+      error: "Internal server error",
+      message: error instanceof Error ? error.message : "Unknown error"
+    }), {
+      status: 500,
+      headers: { "Content-Type": "application/json" }
+    }));
+  }
+}
+__name(handleUserAPI, "handleUserAPI");
+async function handleStaticAssets(request, env, path) {
+  try {
+    const url = new URL(request.url);
+    const pathname = url.pathname;
+    let contentType = "text/plain";
+    if (pathname.endsWith(".js")) {
+      contentType = "application/javascript";
+    } else if (pathname.endsWith(".css")) {
+      contentType = "text/css";
+    } else if (pathname.endsWith(".ico")) {
+      contentType = "image/x-icon";
+    } else if (pathname.endsWith(".svg")) {
+      contentType = "image/svg+xml";
+    } else if (pathname.endsWith(".png")) {
+      contentType = "image/png";
+    } else if (pathname.endsWith(".jpg") || pathname.endsWith(".jpeg")) {
+      contentType = "image/jpeg";
+    }
+    try {
+      return new Response("Static asset not found", {
+        status: 404,
+        headers: { "Content-Type": "text/plain" }
+      });
+    } catch (e) {
+      return new Response("Static asset not found", {
+        status: 404,
+        headers: { "Content-Type": "text/plain" }
+      });
+    }
+  } catch (e) {
+    return new Response("Static asset not found", {
+      status: 404,
+      headers: { "Content-Type": "text/plain" }
+    });
+  }
+}
+__name(handleStaticAssets, "handleStaticAssets");
+async function handleFrontendPage(request, env) {
+  const html = `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>PixivNow</title>
+
+    <!-- Umami Analytics -->
+    <script defer src="https://cloud.umami.is/script.js" data-website-id="842d980c-5e11-4834-a2a8-5daaa285ce66"><\/script>
+    
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+          'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+          sans-serif;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        min-height: 100vh;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      
+      .container {
+        text-align: center;
+        color: white;
+        max-width: 600px;
+        padding: 2rem;
+      }
+      
+      .logo {
+        font-size: 3rem;
+        font-weight: bold;
+        margin-bottom: 1rem;
+        text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
+      }
+      
+      .subtitle {
+        font-size: 1.2rem;
+        margin-bottom: 2rem;
+        opacity: 0.9;
+      }
+      
+      .search-box {
+        background: rgba(255, 255, 255, 0.1);
+        border: 2px solid rgba(255, 255, 255, 0.3);
+        border-radius: 50px;
+        padding: 1rem 2rem;
+        font-size: 1rem;
+        color: white;
+        width: 100%;
+        max-width: 400px;
+        margin: 0 auto 2rem;
+        backdrop-filter: blur(10px);
+        transition: all 0.3s ease;
+      }
+      
+      .search-box::placeholder {
+        color: rgba(255, 255, 255, 0.7);
+      }
+      
+      .search-box:focus {
+        outline: none;
+        border-color: rgba(255, 255, 255, 0.6);
+        background: rgba(255, 255, 255, 0.2);
+      }
+      
+      .features {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+        gap: 1rem;
+        margin-top: 2rem;
+      }
+      
+      .feature {
+        background: rgba(255, 255, 255, 0.1);
+        padding: 1.5rem;
+        border-radius: 15px;
+        backdrop-filter: blur(10px);
+        border: 1px solid rgba(255, 255, 255, 0.2);
+      }
+      
+      .feature h3 {
+        margin: 0 0 0.5rem 0;
+        font-size: 1.1rem;
+      }
+      
+      .feature p {
+        margin: 0;
+        opacity: 0.8;
+        font-size: 0.9rem;
+      }
+      
+      .status {
+        margin-top: 2rem;
+        padding: 1rem;
+        background: rgba(0, 255, 0, 0.1);
+        border: 1px solid rgba(0, 255, 0, 0.3);
+        border-radius: 10px;
+        color: #90EE90;
+      }
+      
+      .api-info {
+        margin-top: 2rem;
+        padding: 1rem;
+        background: rgba(255, 255, 255, 0.1);
+        border-radius: 10px;
+        font-size: 0.9rem;
+        opacity: 0.8;
+      }
+      
+      .api-info a {
+        color: #FFD700;
+        text-decoration: none;
+      }
+      
+      .api-info a:hover {
+        text-decoration: underline;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <div class="logo">PixivNow</div>
+      <div class="subtitle">\u63A2\u7D22\u7CBE\u5F69\u7684 Pixiv \u4F5C\u54C1\u4E16\u754C</div>
+      
+      <input type="text" class="search-box" placeholder="\u8F93\u5165\u5173\u952E\u8BCD\u6216\u753B\u5E08\u540D\u79F0\u641C\u7D22\u4F5C\u54C1..." />
+      
+      <div class="features">
+        <div class="feature">
+          <h3>\u{1F3A8} \u968F\u673A\u4F5C\u54C1</h3>
+          <p>\u53D1\u73B0\u610F\u60F3\u4E0D\u5230\u7684\u7CBE\u5F69\u4F5C\u54C1</p>
+        </div>
+        <div class="feature">
+          <h3>\u{1F50D} \u667A\u80FD\u641C\u7D22</h3>
+          <p>\u5FEB\u901F\u627E\u5230\u4F60\u559C\u6B22\u7684\u5185\u5BB9</p>
+        </div>
+        <div class="feature">
+          <h3>\u{1F4F1} \u54CD\u5E94\u5F0F\u8BBE\u8BA1</h3>
+          <p>\u5B8C\u7F8E\u9002\u914D\u5404\u79CD\u8BBE\u5907</p>
+        </div>
+        <div class="feature">
+          <h3>\u26A1 \u9AD8\u901F\u8BBF\u95EE</h3>
+          <p>\u57FA\u4E8E Cloudflare \u5168\u7403\u52A0\u901F</p>
+        </div>
+      </div>
+      
+      <div class="status">
+        \u2705 \u670D\u52A1\u6B63\u5E38\u8FD0\u884C\u4E2D
+      </div>
+      
+      <div class="api-info">
+        <p>API \u63A5\u53E3\u53EF\u7528\uFF1A</p>
+        <p><a href="/api/illust/random">/api/illust/random</a> - \u968F\u673A\u4F5C\u54C1</p>
+        <p><a href="/api/user">/api/user</a> - \u7528\u6237\u4FE1\u606F</p>
+        <p>\u56FE\u7247\u4EE3\u7406\uFF1A<code>/i/</code> \u548C <code>/s/</code></p>
+      </div>
+    </div>
+    
+    <script>
+      // \u7B80\u5355\u7684\u641C\u7D22\u529F\u80FD\u6F14\u793A
+      document.querySelector('.search-box').addEventListener('keypress', function(e) {
+        if (e.key === 'Enter') {
+          const query = this.value.trim();
+          if (query) {
+            alert('\u641C\u7D22\u529F\u80FD\u6B63\u5728\u5F00\u53D1\u4E2D\uFF0C\u656C\u8BF7\u671F\u5F85\uFF01\\n\u641C\u7D22\u5173\u952E\u8BCD\uFF1A' + query);
+          }
+        }
+      });
+      
+      // \u6DFB\u52A0\u4E00\u4E9B\u4EA4\u4E92\u6548\u679C
+      document.querySelectorAll('.feature').forEach(feature => {
+        feature.addEventListener('mouseenter', function() {
+          this.style.transform = 'translateY(-5px)';
+          this.style.boxShadow = '0 10px 20px rgba(0,0,0,0.2)';
+        });
+        
+        feature.addEventListener('mouseleave', function() {
+          this.style.transform = 'translateY(0)';
+          this.style.boxShadow = 'none';
+        });
+      });
+    <\/script>
+  </body>
+</html>`;
+  return corsResponse(new Response(html, {
+    headers: { "Content-Type": "text/html; charset=utf-8" }
+  }));
+}
+__name(handleFrontendPage, "handleFrontendPage");
+
+// node_modules/.pnpm/wrangler@4.42.1/node_modules/wrangler/templates/middleware/middleware-ensure-req-body-drained.ts
+var drainBody = /* @__PURE__ */ __name(async (request, env, _ctx, middlewareCtx) => {
+  try {
+    return await middlewareCtx.next(request, env);
+  } finally {
+    try {
+      if (request.body !== null && !request.bodyUsed) {
+        const reader = request.body.getReader();
+        while (!(await reader.read()).done) {
+        }
+      }
+    } catch (e) {
+      console.error("Failed to drain the unused request body.", e);
+    }
+  }
+}, "drainBody");
+var middleware_ensure_req_body_drained_default = drainBody;
+
+// node_modules/.pnpm/wrangler@4.42.1/node_modules/wrangler/templates/middleware/middleware-miniflare3-json-error.ts
+function reduceError(e) {
+  return {
+    name: e?.name,
+    message: e?.message ?? String(e),
+    stack: e?.stack,
+    cause: e?.cause === void 0 ? void 0 : reduceError(e.cause)
+  };
+}
+__name(reduceError, "reduceError");
+var jsonError = /* @__PURE__ */ __name(async (request, env, _ctx, middlewareCtx) => {
+  try {
+    return await middlewareCtx.next(request, env);
+  } catch (e) {
+    const error = reduceError(e);
+    return Response.json(error, {
+      status: 500,
+      headers: { "MF-Experimental-Error-Stack": "true" }
+    });
+  }
+}, "jsonError");
+var middleware_miniflare3_json_error_default = jsonError;
+
+// .wrangler/tmp/bundle-xddOtL/middleware-insertion-facade.js
+var __INTERNAL_WRANGLER_MIDDLEWARE__ = [
+  middleware_ensure_req_body_drained_default,
+  middleware_miniflare3_json_error_default
+];
+var middleware_insertion_facade_default = path_default;
+
+// node_modules/.pnpm/wrangler@4.42.1/node_modules/wrangler/templates/middleware/common.ts
+var __facade_middleware__ = [];
+function __facade_register__(...args) {
+  __facade_middleware__.push(...args.flat());
+}
+__name(__facade_register__, "__facade_register__");
+function __facade_invokeChain__(request, env, ctx, dispatch, middlewareChain) {
+  const [head, ...tail] = middlewareChain;
+  const middlewareCtx = {
+    dispatch,
+    next(newRequest, newEnv) {
+      return __facade_invokeChain__(newRequest, newEnv, ctx, dispatch, tail);
+    }
+  };
+  return head(request, env, ctx, middlewareCtx);
+}
+__name(__facade_invokeChain__, "__facade_invokeChain__");
+function __facade_invoke__(request, env, ctx, dispatch, finalMiddleware) {
+  return __facade_invokeChain__(request, env, ctx, dispatch, [
+    ...__facade_middleware__,
+    finalMiddleware
+  ]);
+}
+__name(__facade_invoke__, "__facade_invoke__");
+
+// .wrangler/tmp/bundle-xddOtL/middleware-loader.entry.ts
+var __Facade_ScheduledController__ = class ___Facade_ScheduledController__ {
+  constructor(scheduledTime, cron, noRetry) {
+    this.scheduledTime = scheduledTime;
+    this.cron = cron;
+    this.#noRetry = noRetry;
+  }
+  static {
+    __name(this, "__Facade_ScheduledController__");
+  }
+  #noRetry;
+  noRetry() {
+    if (!(this instanceof ___Facade_ScheduledController__)) {
+      throw new TypeError("Illegal invocation");
+    }
+    this.#noRetry();
+  }
+};
+function wrapExportedHandler(worker) {
+  if (__INTERNAL_WRANGLER_MIDDLEWARE__ === void 0 || __INTERNAL_WRANGLER_MIDDLEWARE__.length === 0) {
+    return worker;
+  }
+  for (const middleware of __INTERNAL_WRANGLER_MIDDLEWARE__) {
+    __facade_register__(middleware);
+  }
+  const fetchDispatcher = /* @__PURE__ */ __name(function(request, env, ctx) {
+    if (worker.fetch === void 0) {
+      throw new Error("Handler does not export a fetch() function.");
+    }
+    return worker.fetch(request, env, ctx);
+  }, "fetchDispatcher");
+  return {
+    ...worker,
+    fetch(request, env, ctx) {
+      const dispatcher = /* @__PURE__ */ __name(function(type, init) {
+        if (type === "scheduled" && worker.scheduled !== void 0) {
+          const controller = new __Facade_ScheduledController__(
+            Date.now(),
+            init.cron ?? "",
+            () => {
+            }
+          );
+          return worker.scheduled(controller, env, ctx);
+        }
+      }, "dispatcher");
+      return __facade_invoke__(request, env, ctx, dispatcher, fetchDispatcher);
+    }
+  };
+}
+__name(wrapExportedHandler, "wrapExportedHandler");
+function wrapWorkerEntrypoint(klass) {
+  if (__INTERNAL_WRANGLER_MIDDLEWARE__ === void 0 || __INTERNAL_WRANGLER_MIDDLEWARE__.length === 0) {
+    return klass;
+  }
+  for (const middleware of __INTERNAL_WRANGLER_MIDDLEWARE__) {
+    __facade_register__(middleware);
+  }
+  return class extends klass {
+    #fetchDispatcher = /* @__PURE__ */ __name((request, env, ctx) => {
+      this.env = env;
+      this.ctx = ctx;
+      if (super.fetch === void 0) {
+        throw new Error("Entrypoint class does not define a fetch() function.");
+      }
+      return super.fetch(request);
+    }, "#fetchDispatcher");
+    #dispatcher = /* @__PURE__ */ __name((type, init) => {
+      if (type === "scheduled" && super.scheduled !== void 0) {
+        const controller = new __Facade_ScheduledController__(
+          Date.now(),
+          init.cron ?? "",
+          () => {
+          }
+        );
+        return super.scheduled(controller);
+      }
+    }, "#dispatcher");
+    fetch(request) {
+      return __facade_invoke__(
+        request,
+        this.env,
+        this.ctx,
+        this.#dispatcher,
+        this.#fetchDispatcher
+      );
+    }
+  };
+}
+__name(wrapWorkerEntrypoint, "wrapWorkerEntrypoint");
+var WRAPPED_ENTRY;
+if (typeof middleware_insertion_facade_default === "object") {
+  WRAPPED_ENTRY = wrapExportedHandler(middleware_insertion_facade_default);
+} else if (typeof middleware_insertion_facade_default === "function") {
+  WRAPPED_ENTRY = wrapWorkerEntrypoint(middleware_insertion_facade_default);
+}
+var middleware_loader_entry_default = WRAPPED_ENTRY;
+export {
+  __INTERNAL_WRANGLER_MIDDLEWARE__,
+  middleware_loader_entry_default as default
+};
+//# sourceMappingURL=%5B%5Bpath%5D%5D.js.map

functions/[[path]].ts

@@ -36,25 +36,6 @@ export default {
     }
     
     try {
-      // 健康检查端点
-      if (path === '/') {
-        return corsResponse(new Response('Pixiv Now Worker is running!', {
-          headers: { 'Content-Type': 'text/plain' },
-        }))
-      }
-      
-      // 测试端点
-      if (path === '/test') {
-        return corsResponse(new Response(JSON.stringify({ 
-          message: 'Test successful', 
-          timestamp: Date.now(),
-          method: request.method,
-          path: path
-        }), {
-          headers: { 'Content-Type': 'application/json' },
-        }))
-      }
-      
       // 随机图片 API
       if (path === '/api/illust/random') {
         return await handleRandomAPI(request, env, url)
@@ -75,11 +56,13 @@ export default {
         return await handleUserAPI(request, env, url)
       }
       
-      // 404
+      // 静态资源处理
-      return corsResponse(new Response('Not Found', { 
+      if (path.startsWith('/assets/') || path === '/favicon.ico' || path === '/robots.txt' || path.startsWith('/images/')) {
-        status: 404,
+        return await handleStaticAssets(request, env, path)
-        headers: { 'Content-Type': 'text/plain' }
+      }
-      }))
+      
+      // 根路径和其他路径都返回前端页面（SPA 路由）
+      return await handleFrontendPage(request, env)
       
     } catch (error) {
       console.error('Worker error:', error)
@@ -353,4 +336,247 @@ async function handleUserAPI(request: Request, env: any, url: URL) {
       headers: { 'Content-Type': 'application/json' },
     }))
   }
+}
+
+// 静态资源处理器
+  async function handleStaticAssets(request: Request, env: any, path: string) {
+    try {
+      const url = new URL(request.url)
+      const pathname = url.pathname
+      
+      // 根据文件扩展名设置 Content-Type
+      let contentType = 'text/plain'
+      if (pathname.endsWith('.js')) {
+        contentType = 'application/javascript'
+      } else if (pathname.endsWith('.css')) {
+        contentType = 'text/css'
+      } else if (pathname.endsWith('.ico')) {
+        contentType = 'image/x-icon'
+      } else if (pathname.endsWith('.svg')) {
+        contentType = 'image/svg+xml'
+      } else if (pathname.endsWith('.png')) {
+        contentType = 'image/png'
+      } else if (pathname.endsWith('.jpg') || pathname.endsWith('.jpeg')) {
+        contentType = 'image/jpeg'
+      }
+      
+      // 尝试读取文件
+      try {
+        // 这里需要使用 Cloudflare Workers 的文件系统 API
+        // 由于 Workers 环境限制，我们需要将文件内容嵌入到代码中
+        // 或者使用 KV 存储
+        return new Response('Static asset not found', { 
+          status: 404,
+          headers: { 'Content-Type': 'text/plain' }
+        })
+      } catch (e) {
+        return new Response('Static asset not found', { 
+          status: 404,
+          headers: { 'Content-Type': 'text/plain' }
+        })
+      }
+    } catch (e) {
+      return new Response('Static asset not found', { 
+        status: 404,
+        headers: { 'Content-Type': 'text/plain' }
+      })
+    }
+  }
+
+// 前端页面处理器
+async function handleFrontendPage(request: Request, env: any) {
+  // 返回前端 HTML 页面
+  const html = `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>PixivNow</title>
+
+    <!-- Umami Analytics -->
+    <script defer src="https://cloud.umami.is/script.js" data-website-id="842d980c-5e11-4834-a2a8-5daaa285ce66"></script>
+    
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+          'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+          sans-serif;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        min-height: 100vh;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      
+      .container {
+        text-align: center;
+        color: white;
+        max-width: 600px;
+        padding: 2rem;
+      }
+      
+      .logo {
+        font-size: 3rem;
+        font-weight: bold;
+        margin-bottom: 1rem;
+        text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
+      }
+      
+      .subtitle {
+        font-size: 1.2rem;
+        margin-bottom: 2rem;
+        opacity: 0.9;
+      }
+      
+      .search-box {
+        background: rgba(255, 255, 255, 0.1);
+        border: 2px solid rgba(255, 255, 255, 0.3);
+        border-radius: 50px;
+        padding: 1rem 2rem;
+        font-size: 1rem;
+        color: white;
+        width: 100%;
+        max-width: 400px;
+        margin: 0 auto 2rem;
+        backdrop-filter: blur(10px);
+        transition: all 0.3s ease;
+      }
+      
+      .search-box::placeholder {
+        color: rgba(255, 255, 255, 0.7);
+      }
+      
+      .search-box:focus {
+        outline: none;
+        border-color: rgba(255, 255, 255, 0.6);
+        background: rgba(255, 255, 255, 0.2);
+      }
+      
+      .features {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+        gap: 1rem;
+        margin-top: 2rem;
+      }
+      
+      .feature {
+        background: rgba(255, 255, 255, 0.1);
+        padding: 1.5rem;
+        border-radius: 15px;
+        backdrop-filter: blur(10px);
+        border: 1px solid rgba(255, 255, 255, 0.2);
+      }
+      
+      .feature h3 {
+        margin: 0 0 0.5rem 0;
+        font-size: 1.1rem;
+      }
+      
+      .feature p {
+        margin: 0;
+        opacity: 0.8;
+        font-size: 0.9rem;
+      }
+      
+      .status {
+        margin-top: 2rem;
+        padding: 1rem;
+        background: rgba(0, 255, 0, 0.1);
+        border: 1px solid rgba(0, 255, 0, 0.3);
+        border-radius: 10px;
+        color: #90EE90;
+      }
+      
+      .api-info {
+        margin-top: 2rem;
+        padding: 1rem;
+        background: rgba(255, 255, 255, 0.1);
+        border-radius: 10px;
+        font-size: 0.9rem;
+        opacity: 0.8;
+      }
+      
+      .api-info a {
+        color: #FFD700;
+        text-decoration: none;
+      }
+      
+      .api-info a:hover {
+        text-decoration: underline;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <div class="logo">PixivNow</div>
+      <div class="subtitle">探索精彩的 Pixiv 作品世界</div>
+      
+      <input type="text" class="search-box" placeholder="输入关键词或画师名称搜索作品..." />
+      
+      <div class="features">
+        <div class="feature">
+          <h3>🎨 随机作品</h3>
+          <p>发现意想不到的精彩作品</p>
+        </div>
+        <div class="feature">
+          <h3>🔍 智能搜索</h3>
+          <p>快速找到你喜欢的内容</p>
+        </div>
+        <div class="feature">
+          <h3>📱 响应式设计</h3>
+          <p>完美适配各种设备</p>
+        </div>
+        <div class="feature">
+          <h3>⚡ 高速访问</h3>
+          <p>基于 Cloudflare 全球加速</p>
+        </div>
+      </div>
+      
+      <div class="status">
+        ✅ 服务正常运行中
+      </div>
+      
+      <div class="api-info">
+        <p>API 接口可用：</p>
+        <p><a href="/api/illust/random">/api/illust/random</a> - 随机作品</p>
+        <p><a href="/api/user">/api/user</a> - 用户信息</p>
+        <p>图片代理：<code>/i/</code> 和 <code>/s/</code></p>
+      </div>
+    </div>
+    
+    <script>
+      // 简单的搜索功能演示
+      document.querySelector('.search-box').addEventListener('keypress', function(e) {
+        if (e.key === 'Enter') {
+          const query = this.value.trim();
+          if (query) {
+            alert('搜索功能正在开发中，敬请期待！\\n搜索关键词：' + query);
+          }
+        }
+      });
+      
+      // 添加一些交互效果
+      document.querySelectorAll('.feature').forEach(feature => {
+        feature.addEventListener('mouseenter', function() {
+          this.style.transform = 'translateY(-5px)';
+          this.style.boxShadow = '0 10px 20px rgba(0,0,0,0.2)';
+        });
+        
+        feature.addEventListener('mouseleave', function() {
+          this.style.transform = 'translateY(0)';
+          this.style.boxShadow = 'none';
+        });
+      });
+    </script>
+  </body>
+</html>`
+
+  return corsResponse(new Response(html, {
+    headers: { 'Content-Type': 'text/html; charset=utf-8' },
+  }))
 }

package.json

@@ -18,6 +18,7 @@
     "changelog": "conventional-changelog -p jquery -i CHANGELOG.md -s -r 0"
   },
   "dependencies": {
+    "@cloudflare/kv-asset-handler": "^0.4.0",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
     "fflate": "^0.8.2",

pnpm-lock.yaml

@@ -8,6 +8,9 @@ importers:
 
   .:
     dependencies:
+      '@cloudflare/kv-asset-handler':
+        specifier: ^0.4.0
+        version: 0.4.0
       date-fns:
         specifier: ^4.1.0
         version: 4.1.0