nitro-graphql 2.0.0-beta.4 → 2.0.0-beta.41

package/dist/nitro/paths.mjs

@@ -0,0 +1,92 @@
+import { isAbsolute, resolve } from "pathe";
+
+//#region src/nitro/paths.ts
+/**
+* Replace placeholders in a path string
+* Supports: {serviceName}, {buildDir}, {rootDir}, {framework}, {typesDir}, {serverDir}, {clientDir}
+*/
+function replacePlaceholders(path, placeholders) {
+	return path.replace(/\{serviceName\}/g, placeholders.serviceName || "default").replace(/\{buildDir\}/g, placeholders.buildDir).replace(/\{rootDir\}/g, placeholders.rootDir).replace(/\{framework\}/g, placeholders.framework).replace(/\{typesDir\}/g, placeholders.typesDir).replace(/\{serverDir\}/g, placeholders.serverDir).replace(/\{clientDir\}/g, placeholders.clientDir);
+}
+/**
+* Get default paths based on framework and user configuration
+*/
+function getDefaultPaths(nitro) {
+	const isNuxt = nitro.options.framework?.name === "nuxt";
+	const rootDir = nitro.options.rootDir;
+	const buildDir = nitro.options.buildDir;
+	const graphqlConfig = nitro.options.graphql || {};
+	const defaultServerDir = graphqlConfig.serverDir || resolve(rootDir, "server", "graphql");
+	const defaultClientDir = graphqlConfig.clientDir || resolve(rootDir, isNuxt ? "app/graphql" : "graphql");
+	const defaultTypesDir = graphqlConfig.typesDir || resolve(buildDir, "types");
+	return {
+		serviceName: "default",
+		buildDir,
+		rootDir,
+		framework: isNuxt ? "nuxt" : "nitro",
+		typesDir: defaultTypesDir,
+		serverDir: defaultServerDir,
+		clientDir: defaultClientDir
+	};
+}
+/**
+* Check if a file should be generated based on config
+* Returns: true if should generate, false if should skip
+*/
+function shouldGenerateFile(config, categoryEnabled, topLevelEnabled) {
+	if (config === false) return false;
+	if (config === true || typeof config === "string") return true;
+	if (categoryEnabled === false) return false;
+	if (categoryEnabled === true) return true;
+	return topLevelEnabled;
+}
+/**
+* Resolve the file path based on configuration
+* Returns: resolved absolute path or null if file should not be generated
+*/
+function resolveFilePath(config, categoryEnabled, topLevelEnabled, defaultPath, placeholders) {
+	if (!shouldGenerateFile(config, categoryEnabled, topLevelEnabled)) return null;
+	if (typeof config === "string") {
+		const customPath = replacePlaceholders(config, placeholders);
+		return isAbsolute(customPath) ? customPath : resolve(placeholders.rootDir, customPath);
+	}
+	const resolvedDefault = replacePlaceholders(defaultPath, placeholders);
+	return resolve(placeholders.rootDir, resolvedDefault);
+}
+/**
+* Check if SDK files should be generated (category-level check)
+*/
+function shouldGenerateSdk(nitro) {
+	const sdkConfig = nitro.options.graphql?.sdk;
+	if (sdkConfig === false) return false;
+	if (sdkConfig && sdkConfig.enabled === false) return false;
+	return true;
+}
+/**
+* Get SDK configuration (handles false case)
+*/
+function getSdkConfig(nitro) {
+	const sdkConfig = nitro.options.graphql?.sdk;
+	if (sdkConfig === false) return { enabled: false };
+	return sdkConfig || {};
+}
+/**
+* Check if type files should be generated (category-level check)
+*/
+function shouldGenerateTypes(nitro) {
+	const typesConfig = nitro.options.graphql?.types;
+	if (typesConfig === false) return false;
+	if (typesConfig && typesConfig.enabled === false) return false;
+	return true;
+}
+/**
+* Get types configuration (handles false case)
+*/
+function getTypesConfig(nitro) {
+	const typesConfig = nitro.options.graphql?.types;
+	if (typesConfig === false) return { enabled: false };
+	return typesConfig || {};
+}
+
+//#endregion
+export { getDefaultPaths, getSdkConfig, getTypesConfig, replacePlaceholders, resolveFilePath, shouldGenerateFile, shouldGenerateSdk, shouldGenerateTypes };

package/dist/nitro/rollup.d.mts

@@ -0,0 +1,6 @@
+import { Nitro } from "nitro/types";
+
+//#region src/nitro/rollup.d.ts
+declare function rollupConfig(nitro: Nitro): Promise<void>;
+//#endregion
+export { rollupConfig };

package/dist/nitro/rollup.mjs

@@ -0,0 +1,95 @@
+import { NitroAdapter } from "./adapter.mjs";
+import { generateClientTypes, generateServerTypes } from "./codegen.mjs";
+import { registerAllVirtualModules } from "./virtual/generators.mjs";
+import { readFile } from "node:fs/promises";
+import { parse } from "graphql";
+import { fileURLToPath } from "node:url";
+
+//#region src/nitro/rollup.ts
+async function rollupConfig(nitro) {
+	registerAllVirtualModules(nitro);
+	nitro.hooks.hook("rollup:before", (_, rollupConfig$1) => {
+		rollupConfig$1.plugins = rollupConfig$1.plugins || [];
+		const { include = /\.(?:graphql|gql)$/i, exclude, validate = false } = nitro.options.graphql?.loader || {};
+		if (Array.isArray(rollupConfig$1.plugins)) {
+			rollupConfig$1.plugins.push({
+				name: "nitro-graphql:virtual",
+				resolveId: {
+					order: "pre",
+					filter: { id: /^#nitro-graphql\// },
+					async handler(id, parent, _options) {
+						if (id.startsWith("#nitro-graphql/")) return `\0virtual:${id}`;
+						if (parent?.startsWith("\0virtual:#nitro-graphql")) {
+							const runtimeDir = fileURLToPath(new URL("routes", import.meta.url));
+							const internalRes = await this.resolve(id, runtimeDir, { skipSelf: true });
+							if (internalRes) return internalRes.id;
+						}
+						return null;
+					}
+				},
+				load: {
+					order: "pre",
+					filter: { id: /^\0virtual:#nitro-graphql\// },
+					async handler(id) {
+						if (id.startsWith("\0virtual:#nitro-graphql/")) {
+							const moduleName = id.slice(9);
+							const generator = nitro.options.virtual?.[moduleName];
+							if (typeof generator === "function") try {
+								return {
+									code: await generator(),
+									moduleType: "js"
+								};
+							} catch (error) {
+								const message = error instanceof Error ? error.message : String(error);
+								this.error(`Failed to generate virtual module ${moduleName}: ${message}`);
+							}
+							else this.error(`No generator function found for virtual module ${moduleName}`);
+						}
+					}
+				}
+			});
+			rollupConfig$1.plugins.push({
+				name: "nitro-graphql",
+				resolveId: {
+					order: "pre",
+					handler(id) {
+						if (/\.(?:graphql|gql)$/i.test(id)) return null;
+					}
+				},
+				load: {
+					order: "pre",
+					async handler(id) {
+						if (exclude?.test?.(id)) return null;
+						if (!include.test(id)) return null;
+						try {
+							const content = await readFile(id, "utf-8");
+							if (validate) parse(content);
+							return `export default ${JSON.stringify(content)}`;
+						} catch (error) {
+							if (error && typeof error === "object" && "code" in error && error.code === "ENOENT") return null;
+							const message = error instanceof Error ? error.message : String(error);
+							this.error(`Failed to read GraphQL file ${id}: ${message}`);
+						}
+					}
+				}
+			});
+			if (nitro.options.dev) rollupConfig$1.plugins.push({
+				name: "nitro-graphql-watcher",
+				buildStart: {
+					order: "pre",
+					async handler() {
+						const result = await NitroAdapter.scanGraphql(nitro);
+						for (const file of result.items) this.addWatchFile(file);
+					}
+				}
+			});
+		}
+	});
+	nitro.hooks.hook("dev:reload", async () => {
+		await generateServerTypes(nitro, { silent: true });
+		await generateClientTypes(nitro, { silent: true });
+	});
+}
+
+//#endregion
+export { rollupConfig };

package/dist/nitro/routes/apollo-server.d.mts

@@ -0,0 +1,6 @@
+import * as nitro_deps_h35 from "nitro/deps/h3";
+
+//#region src/nitro/routes/apollo-server.d.ts
+declare const _default: nitro_deps_h35.EventHandlerWithFetch<nitro_deps_h35.EventHandlerRequest, Promise<any>>;
+//#endregion
+export { _default as default };

package/dist/nitro/routes/apollo-server.mjs

@@ -0,0 +1,71 @@
+import { createMergedSchema } from "../../core/schema/builder.mjs";
+import defu from "defu";
+import { ApolloServer } from "@apollo/server";
+import { defineEventHandler } from "nitro/h3";
+import { importedConfig } from "#nitro-graphql/graphql-config";
+import { moduleConfig } from "#nitro-graphql/module-config";
+import { directives } from "#nitro-graphql/server-directives";
+import { resolvers } from "#nitro-graphql/server-resolvers";
+import { schemas } from "#nitro-graphql/server-schemas";
+import { ApolloServerPluginLandingPageDisabled } from "@apollo/server/plugin/disabled";
+import { ApolloServerPluginLandingPageLocalDefault } from "@apollo/server/plugin/landingPage/default";
+import { startServerAndCreateH3Handler } from "nitro-graphql/apollo";
+
+//#region src/nitro/routes/apollo-server.ts
+let apolloServer = null;
+let serverStarted = false;
+async function createApolloServer() {
+	if (!apolloServer) {
+		const schema = await createMergedSchema({
+			schemas,
+			resolvers,
+			directives,
+			moduleConfig
+		});
+		const securityConfig = moduleConfig.security || {
+			introspection: true,
+			playground: true,
+			maskErrors: false,
+			disableSuggestions: false
+		};
+		const plugins = [];
+		if (securityConfig.playground) plugins.push(ApolloServerPluginLandingPageLocalDefault({ embed: true }));
+		else plugins.push(ApolloServerPluginLandingPageDisabled());
+		const userFacingCodes = [
+			"BAD_USER_INPUT",
+			"GRAPHQL_VALIDATION_FAILED",
+			"UNAUTHENTICATED",
+			"FORBIDDEN",
+			"BAD_REQUEST"
+		];
+		apolloServer = new ApolloServer(defu({
+			schema,
+			introspection: securityConfig.introspection,
+			plugins,
+			formatError: securityConfig.maskErrors ? (formattedError, _error) => {
+				const code = formattedError?.extensions?.code;
+				if (code && userFacingCodes.includes(code)) return formattedError;
+				return {
+					message: "Internal server error",
+					extensions: { code: "INTERNAL_SERVER_ERROR" }
+				};
+			} : void 0
+		}, importedConfig));
+		if (!serverStarted) {
+			await apolloServer.start();
+			serverStarted = true;
+		}
+	}
+	return apolloServer;
+}
+let serverPromise = null;
+var apollo_server_default = defineEventHandler(async (event) => {
+	if (!serverPromise) serverPromise = createApolloServer();
+	return startServerAndCreateH3Handler(await serverPromise, {
+		context: async () => ({ event }),
+		serverAlreadyStarted: true
+	})(event);
+});
+
+//#endregion
+export { apollo_server_default as default };

package/dist/nitro/routes/debug-template.d.mts

@@ -0,0 +1,15 @@
+//#region src/nitro/routes/debug-template.d.ts
+/**
+ * Debug dashboard HTML template
+ * Extracted from debug.ts to reduce file complexity
+ */
+/**
+ * Escape HTML special characters
+ */
+declare function escapeHtml(text: string): string;
+/**
+ * Generate the HTML dashboard for the debug endpoint
+ */
+declare function generateHtmlDashboard(debugInfo: any): string;
+//#endregion
+export { escapeHtml, generateHtmlDashboard };

package/dist/nitro/routes/debug-template.mjs

@@ -0,0 +1,385 @@
+//#region src/nitro/routes/debug-template.ts
+/**
+* Debug dashboard HTML template
+* Extracted from debug.ts to reduce file complexity
+*/
+/**
+* Escape HTML special characters
+*/
+function escapeHtml(text) {
+	const map = {
+		"&": "&",
+		"<": "&lt;",
+		">": "&gt;",
+		"\"": "&quot;",
+		"'": "&#039;"
+	};
+	return text.replace(/[&<>"']/g, (m) => map[m] || m);
+}
+/**
+* Type color configuration for resolver exports display
+*/
+const TYPE_CONFIG = {
+	query: {
+		bg: "bg-blue-500/10",
+		text: "text-blue-400",
+		border: "border-blue-500/30",
+		symbol: "◆",
+		label: "query"
+	},
+	mutation: {
+		bg: "bg-[#E535AB]/10",
+		text: "text-[#E535AB]",
+		border: "border-[#E535AB]/30",
+		symbol: "●",
+		label: "mutation"
+	},
+	type: {
+		bg: "bg-purple-500/10",
+		text: "text-purple-400",
+		border: "border-purple-500/30",
+		symbol: "▲",
+		label: "type"
+	},
+	directive: {
+		bg: "bg-amber-500/10",
+		text: "text-amber-400",
+		border: "border-amber-500/30",
+		symbol: "@",
+		label: "directive"
+	},
+	resolver: {
+		bg: "bg-emerald-500/10",
+		text: "text-emerald-400",
+		border: "border-emerald-500/30",
+		symbol: "◉",
+		label: "resolver"
+	},
+	subscription: {
+		bg: "bg-teal-500/10",
+		text: "text-teal-400",
+		border: "border-teal-500/30",
+		symbol: "↻",
+		label: "subscription"
+	}
+};
+/**
+* Module color configuration for virtual modules display
+*/
+const MODULE_COLORS = {
+	"server-schemas": {
+		bg: "bg-blue-500/5",
+		border: "border-blue-500/20",
+		text: "text-blue-400"
+	},
+	"server-resolvers": {
+		bg: "bg-[#E535AB]/5",
+		border: "border-[#E535AB]/20",
+		text: "text-[#E535AB]"
+	},
+	"server-directives": {
+		bg: "bg-amber-500/5",
+		border: "border-amber-500/20",
+		text: "text-amber-400"
+	},
+	"module-config": {
+		bg: "bg-purple-500/5",
+		border: "border-purple-500/20",
+		text: "text-purple-400"
+	},
+	"graphql-config": {
+		bg: "bg-emerald-500/5",
+		border: "border-emerald-500/20",
+		text: "text-emerald-400"
+	}
+};
+/**
+* GraphQL logo SVG
+*/
+const GRAPHQL_LOGO = `<svg class="w-10 h-10" viewBox="0 0 400 400" fill="none">
+  <path d="M57.468 302.66l-14.376-8.3 160.15-277.38 14.376 8.3z" fill="#E535AB"/>
+  <path d="M39.8 272.2h320.3v16.6H39.8z" fill="#E535AB"/>
+  <path d="M206.348 374.026l-160.21-92.5 8.3-14.376 160.21 92.5z" fill="#E535AB"/>
+  <path d="M345.522 132.947l-160.21-92.5 8.3-14.376 160.21 92.5z" fill="#E535AB"/>
+  <path d="M54.482 132.883l-8.3-14.375 160.21-92.5 8.3 14.376z" fill="#E535AB"/>
+  <path d="M342.568 302.663l-160.15-277.38 14.376-8.3 160.15 277.38z" fill="#E535AB"/>
+  <path d="M52.5 107.5h16.6v185H52.5z" fill="#E535AB"/>
+  <path d="M330.9 107.5h16.6v185h-16.6z" fill="#E535AB"/>
+  <path d="M203.522 367l-7.25-12.558 139.34-80.45 7.25 12.557z" fill="#E535AB"/>
+  <path d="M369.5 297.9c-9.6 16.7-31 22.4-47.7 12.8-16.7-9.6-22.4-31-12.8-47.7 9.6-16.7 31-22.4 47.7-12.8 16.8 9.7 22.5 31 12.8 47.7M90.9 137c-9.6 16.7-31 22.4-47.7 12.8-16.7-9.6-22.4-31-12.8-47.7 9.6-16.7 31-22.4 47.7-12.8 16.7 9.7 22.4 31 12.8 47.7M30.5 297.9c-9.6-16.7-3.9-38 12.8-47.7 16.7-9.6 38-3.9 47.7 12.8 9.6 16.7 3.9 38-12.8 47.7-16.8 9.6-38.1 3.9-47.7-12.8M309.1 137c-9.6-16.7-3.9-38 12.8-47.7 16.7-9.6 38-3.9 47.7 12.8 9.6 16.7 3.9 38-12.8 47.7-16.7 9.6-38.1 3.9-47.7-12.8M200 395.8c-19.3 0-34.9-15.6-34.9-34.9 0-19.3 15.6-34.9 34.9-34.9 19.3 0 34.9 15.6 34.9 34.9 0 19.2-15.6 34.9-34.9 34.9M200 74c-19.3 0-34.9-15.6-34.9-34.9 0-19.3 15.6-34.9 34.9-34.9 19.3 0 34.9 15.6 34.9 34.9 0 19.3-15.6 34.9-34.9 34.9" fill="#E535AB"/>
+</svg>`;
+/**
+* Render resolver exports section
+*/
+function renderResolverExports(resolverFiles) {
+	if (resolverFiles.length === 0) return "<p class=\"text-slate-500 text-sm\">No resolvers found</p>";
+	return `
+    <div class="max-h-96 overflow-y-auto space-y-2 pr-2">
+      ${resolverFiles.map((r) => {
+		const totalExports = r.exports.length;
+		return `
+          <div class="border border-slate-700/50 rounded-lg p-4 hover:border-[#E535AB]/20 hover:bg-slate-800/30 transition-all">
+            <div class="flex justify-between items-center mb-3">
+              <span class="text-slate-300 font-mono text-xs truncate pr-2">${r.file}</span>
+              <span class="bg-slate-800/80 px-2.5 py-0.5 rounded text-[#E535AB] text-[10px] font-semibold whitespace-nowrap">
+                ${totalExports} export${totalExports !== 1 ? "s" : ""}
+              </span>
+            </div>
+            <div class="flex flex-wrap gap-1.5">
+              ${r.exports.map((e) => {
+			const config = TYPE_CONFIG[e.type] || TYPE_CONFIG.resolver;
+			return `<span class="px-2.5 py-1 rounded border text-[11px] font-mono ${config.bg} ${config.text} ${config.border} hover:scale-105 transition-transform inline-flex items-center gap-1.5">
+                  <span class="font-bold">${config.symbol}</span>
+                  <span class="font-medium">${e.name}</span>
+                  <span class="opacity-60 text-[9px] uppercase tracking-wide">${config.label}</span>
+                </span>`;
+		}).join("")}
+            </div>
+          </div>
+        `;
+	}).join("")}
+    </div>
+  `;
+}
+/**
+* Render virtual modules section
+*/
+function renderVirtualModules(virtualModules) {
+	return Object.entries(virtualModules).map(([moduleName, codeContent]) => {
+		const code = String(codeContent);
+		const colorConfig = MODULE_COLORS[moduleName] || MODULE_COLORS["module-config"];
+		const lineCount = code.split("\n").length;
+		const byteSize = new TextEncoder().encode(code).length;
+		return `
+      <details class="border ${colorConfig.border} ${colorConfig.bg} rounded-lg overflow-hidden group">
+        <summary class="cursor-pointer p-4 hover:bg-slate-800/30 transition-all flex justify-between items-center">
+          <div class="flex items-center gap-3">
+            <span class="${colorConfig.text} text-lg">▸</span>
+            <div>
+              <span class="font-mono text-sm ${colorConfig.text} font-semibold">#nitro-graphql/${moduleName}</span>
+              <div class="text-[10px] text-slate-500 mt-0.5">
+                ${lineCount} lines · ${(byteSize / 1024).toFixed(2)} KB
+              </div>
+            </div>
+          </div>
+          <button
+            onclick="event.stopPropagation(); navigator.clipboard.writeText(this.getAttribute('data-code')); this.textContent = '✓ Copied!'; setTimeout(() => this.textContent = 'Copy', 1000)"
+            data-code="${escapeHtml(code).replace(/"/g, "&quot;")}"
+            class="text-xs px-3 py-1.5 bg-slate-800 hover:bg-slate-700 text-slate-300 rounded border border-slate-600/50 transition-colors"
+          >
+            Copy
+          </button>
+        </summary>
+        <div class="border-t ${colorConfig.border}">
+          <div class="bg-slate-950/80 p-4 max-h-96 overflow-auto">
+            <pre class="text-xs font-mono text-slate-300 leading-relaxed"><code>${escapeHtml(code)}</code></pre>
+          </div>
+        </div>
+      </details>
+    `;
+	}).join("");
+}
+/**
+* Render file list section
+*/
+function renderFileList(files, emptyMessage) {
+	if (files.length === 0) return `<li class="text-slate-500 text-sm">${emptyMessage}</li>`;
+	return files.map((f) => `<li class="text-slate-400 font-mono text-xs flex items-start gap-2 py-1.5 px-2 rounded hover:bg-slate-800/50 transition-colors group">
+      <span class="text-[#E535AB] text-[10px] mt-0.5 group-hover:scale-110 transition-transform">▸</span>
+      <span class="truncate group-hover:text-slate-300">${f}</span>
+    </li>`).join("");
+}
+/**
+* Generate the HTML dashboard for the debug endpoint
+*/
+function generateHtmlDashboard(debugInfo) {
+	return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Nitro GraphQL Debug Dashboard</title>
+  <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"><\/script>
+  <style>
+    @keyframes fadeIn {
+      from { opacity: 0; transform: translateY(10px); }
+      to { opacity: 1; transform: translateY(0); }
+    }
+    .animate-fade-in {
+      animation: fadeIn 0.3s ease-out;
+    }
+    /* Custom Scrollbar */
+    ::-webkit-scrollbar {
+      width: 8px;
+      height: 8px;
+    }
+    ::-webkit-scrollbar-track {
+      background: #0f172a;
+      border-radius: 4px;
+    }
+    ::-webkit-scrollbar-thumb {
+      background: #334155;
+      border-radius: 4px;
+    }
+    ::-webkit-scrollbar-thumb:hover {
+      background: #475569;
+    }
+  </style>
+</head>
+<body class="bg-slate-950 text-slate-200 min-h-screen">
+  <div class="container mx-auto max-w-7xl p-6 space-y-6 animate-fade-in">
+    <!-- Header -->
+    <div class="mb-8 border-b border-slate-800 pb-6">
+      <div class="flex items-center gap-3 mb-2">
+        ${GRAPHQL_LOGO}
+        <div>
+          <h1 class="text-3xl font-bold text-slate-100">
+            Nitro GraphQL Debug
+          </h1>
+          <p class="text-sm text-slate-500">Development Diagnostics Dashboard</p>
+        </div>
+      </div>
+    </div>
+
+    <!-- Top Stats Grid -->
+    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+      <!-- Environment Card -->
+      <div class="bg-slate-900/50 border border-slate-700/50 rounded-lg p-6 hover:border-[#E535AB]/30 transition-all">
+        <h2 class="text-lg font-semibold mb-4 text-slate-200 flex items-center gap-2">
+          <span class="text-[#E535AB]">●</span> Environment
+        </h2>
+        <div class="space-y-3">
+          <div class="flex justify-between items-center py-2 border-b border-slate-800/50">
+            <span class="text-slate-400 text-sm">Mode</span>
+            <span class="text-slate-200 font-medium text-sm">${debugInfo.environment.dev ? "Development" : "Production"}</span>
+          </div>
+          <div class="flex justify-between items-center py-2 border-b border-slate-800/50">
+            <span class="text-slate-400 text-sm">Framework</span>
+            <span class="text-slate-200 font-medium text-sm">${debugInfo.environment.framework}</span>
+          </div>
+          <div class="flex justify-between items-center py-2">
+            <span class="text-slate-400 text-sm">GraphQL Server</span>
+            <span class="text-slate-200 font-medium text-sm">${debugInfo.graphql.framework || "Not configured"}</span>
+          </div>
+        </div>
+      </div>
+
+      <!-- Scanned Files Card -->
+      <div class="bg-slate-900/50 border border-slate-700/50 rounded-lg p-6 hover:border-[#E535AB]/30 transition-all">
+        <h2 class="text-lg font-semibold mb-4 text-slate-200 flex items-center gap-2">
+          <span class="text-[#E535AB]">●</span> Scanned Files
+        </h2>
+        <div class="space-y-3">
+          <div class="flex justify-between items-center py-2 border-b border-slate-800/50">
+            <span class="text-slate-400 text-sm">Schemas</span>
+            <span class="text-[#E535AB] font-semibold text-sm">${debugInfo.scanned.schemas}</span>
+          </div>
+          <div class="flex justify-between items-center py-2 border-b border-slate-800/50">
+            <span class="text-slate-400 text-sm">Resolvers</span>
+            <span class="text-[#E535AB] font-semibold text-sm">${debugInfo.scanned.resolvers}</span>
+          </div>
+          <div class="flex justify-between items-center py-2 border-b border-slate-800/50">
+            <span class="text-slate-400 text-sm">Directives</span>
+            <span class="text-[#E535AB] font-semibold text-sm">${debugInfo.scanned.directives}</span>
+          </div>
+          <div class="flex justify-between items-center py-2">
+            <span class="text-slate-400 text-sm">Documents</span>
+            <span class="text-[#E535AB] font-semibold text-sm">${debugInfo.scanned.documents}</span>
+          </div>
+        </div>
+      </div>
+
+      <!-- Runtime Info Card -->
+      <div class="bg-slate-900/50 border border-slate-700/50 rounded-lg p-6 hover:border-[#E535AB]/30 transition-all">
+        <h2 class="text-lg font-semibold mb-4 text-slate-200 flex items-center gap-2">
+          <span class="text-[#E535AB]">●</span> Runtime Loaded
+        </h2>
+        <div class="space-y-3">
+          <div class="flex justify-between items-center py-2 border-b border-slate-800/50">
+            <span class="text-slate-400 text-sm">Resolvers</span>
+            <span class="text-[#E535AB] font-semibold text-sm">${debugInfo.runtime.loadedResolvers}</span>
+          </div>
+          <div class="flex justify-between items-center py-2 border-b border-slate-800/50">
+            <span class="text-slate-400 text-sm">Schemas</span>
+            <span class="text-[#E535AB] font-semibold text-sm">${debugInfo.runtime.loadedSchemas}</span>
+          </div>
+          <div class="flex justify-between items-center py-2">
+            <span class="text-slate-400 text-sm">Directives</span>
+            <span class="text-[#E535AB] font-semibold text-sm">${debugInfo.runtime.loadedDirectives}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Resolver Exports -->
+    <div class="bg-slate-900/50 border border-slate-700/50 rounded-lg p-6">
+      <div class="flex justify-between items-center mb-4">
+        <h2 class="text-xl font-semibold text-slate-200 flex items-center gap-2">
+          <span class="text-[#E535AB]">●</span> Resolver Exports
+        </h2>
+        ${debugInfo.scanned.resolverFiles.length > 0 ? `<span class="text-xs text-slate-500 bg-slate-800/50 px-2 py-1 rounded">${debugInfo.scanned.resolverFiles.length} files</span>` : ""}
+      </div>
+      ${renderResolverExports(debugInfo.scanned.resolverFiles)}
+    </div>
+
+    <!-- Generated Virtual Modules -->
+    <div class="bg-slate-900/50 border border-slate-700/50 rounded-lg p-6">
+      <div class="flex justify-between items-center mb-4">
+        <h2 class="text-xl font-semibold text-slate-200 flex items-center gap-2">
+          <span class="text-[#E535AB]">●</span> Generated Virtual Modules
+        </h2>
+        <span class="text-xs text-slate-500 bg-slate-800/50 px-2 py-1 rounded">
+          ${Object.keys(debugInfo.virtualModules).length} modules
+        </span>
+      </div>
+      <div class="space-y-3">
+        ${renderVirtualModules(debugInfo.virtualModules)}
+      </div>
+    </div>
+
+    <!-- Files Grid -->
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+      <!-- Schema Files -->
+      <div class="bg-slate-900/50 border border-slate-700/50 rounded-lg p-6 hover:border-[#E535AB]/30 transition-all">
+        <div class="flex justify-between items-center mb-4">
+          <h2 class="text-lg font-semibold text-slate-200 flex items-center gap-2">
+            <span class="text-[#E535AB]">●</span> Schema Files
+          </h2>
+          ${debugInfo.scanned.schemaFiles.length > 0 ? `<span class="text-xs text-slate-500 bg-slate-800/50 px-2 py-1 rounded">${debugInfo.scanned.schemaFiles.length} file${debugInfo.scanned.schemaFiles.length !== 1 ? "s" : ""}</span>` : ""}
+        </div>
+        <ul class="space-y-2 max-h-64 overflow-y-auto pr-2">
+          ${renderFileList(debugInfo.scanned.schemaFiles, "No schemas found")}
+        </ul>
+      </div>
+
+      <!-- Document Files -->
+      <div class="bg-slate-900/50 border border-slate-700/50 rounded-lg p-6 hover:border-[#E535AB]/30 transition-all">
+        <div class="flex justify-between items-center mb-4">
+          <h2 class="text-lg font-semibold text-slate-200 flex items-center gap-2">
+            <span class="text-[#E535AB]">●</span> Document Files
+          </h2>
+          ${debugInfo.scanned.documentFiles.length > 0 ? `<span class="text-xs text-slate-500 bg-slate-800/50 px-2 py-1 rounded">${debugInfo.scanned.documentFiles.length} file${debugInfo.scanned.documentFiles.length !== 1 ? "s" : ""}</span>` : ""}
+        </div>
+        <ul class="space-y-2 max-h-64 overflow-y-auto pr-2">
+          ${renderFileList(debugInfo.scanned.documentFiles, "No documents found")}
+        </ul>
+      </div>
+    </div>
+
+    <!-- Reload Button -->
+    <button
+      onclick="location.reload()"
+      class="fixed bottom-8 right-8 bg-[#E535AB] hover:bg-[#d12a99] text-white font-semibold px-6 py-3 rounded-lg shadow-lg hover:shadow-xl hover:shadow-[#E535AB]/20 transform hover:-translate-y-1 transition-all duration-200 flex items-center gap-2 border border-[#E535AB]/20"
+    >
+      <svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
+      </svg>
+      Reload
+    </button>
+  </div>
+</body>
+</html>`;
+}
+
+//#endregion
+export { escapeHtml, generateHtmlDashboard };