feat: enhance Apollo Sandbox HTML with caching and improve resolver type definitions

productdevbook · productdevbook · commit 10a1dc9712db · 2025-07-10T06:06:26.000+03:00
diff --git a/src/index.ts b/src/index.ts
@@ -198,7 +198,7 @@ async function loadResolvers() {
   return resolvers
 }
 
-// Apollo Sandbox HTML
+// Apollo Sandbox HTML with 1 week cache
 const apolloSandboxHtml = \`<!DOCTYPE html>
 <html lang="en">
 <body style="margin: 0; overflow-x: hidden; overflow-y: hidden">
@@ -217,6 +217,13 @@ new window.EmbeddedSandbox({
 </body>
 </html>\`
 
+// Set cache headers for Apollo Sandbox HTML (1 week = 604800 seconds)
+function setApolloSandboxCacheHeaders(event) {
+  setHeader(event, 'Cache-Control', 'public, max-age=604800, s-maxage=604800')
+  setHeader(event, 'Expires', new Date(Date.now() + 604800000).toUTCString())
+  setHeader(event, 'ETag', \`"apollo-sandbox-\${Date.now()}"\`)
+}
+
 // Lazy initialization
 let yoga = null
 let initPromise = null
@@ -287,7 +294,12 @@ export default defineEventHandler(async (event) => {
   // Return response body
   if (response.body) {
     const contentType = response.headers.get('content-type')
-    if (contentType?.includes('text/html') || contentType?.includes('application/json')) {
+    if (contentType?.includes('text/html')) {
+      // Set cache headers for Apollo Sandbox HTML
+      setApolloSandboxCacheHeaders(event)
+      return await response.text()
+    }
+    if (contentType?.includes('application/json')) {
       return await response.text()
     }
     return response.body
diff --git a/src/utils.ts b/src/utils.ts
@@ -1,40 +1,25 @@
-import type { GraphQLResolveInfo } from 'graphql'
-import type { GraphQLContext } from './context'
-import type { GraphQLSchemaConfig } from './types'
-
-export type ResolverFn<TResult = any, TParent = any, TContext = GraphQLContext, TArgs = any> = (
-  parent: TParent,
-  args: TArgs,
-  context: TContext,
-  info: GraphQLResolveInfo
-) => Promise<TResult> | TResult
-
-export interface ResolverMap {
-  [key: string]: {
-    [key: string]: ResolverFn
-  }
-}
+import type { GraphQLSchemaConfig, Resolvers } from './types'
 
 export function defineGraphQLSchema(config: GraphQLSchemaConfig): GraphQLSchemaConfig {
   return config
 }
 
-export function defineGraphQLResolver<TResolvers extends ResolverMap = ResolverMap>(
-  resolvers: TResolvers,
-): TResolvers {
+export function defineGraphQLResolver(
+  resolvers: Resolvers,
+): Resolvers {
   return resolvers
 }
 
-export function createResolver<TResolvers extends ResolverMap = ResolverMap>(
-  resolvers: TResolvers,
-): TResolvers {
+export function createResolver(
+  resolvers: Resolvers,
+): Resolvers {
   return resolvers
 }
 
 /**
  * Define GraphQL resolvers map
  */
-export function defineGraphQLResolvers(resolvers: ResolverMap): ResolverMap {
+export function defineGraphQLResolvers(resolvers: Resolvers): Resolvers {
   return resolvers
 }
 
