fix: fixed issue with graphiql (#3043)

package-lock.json

@@ -29508,12 +29508,9 @@
       }
     },
     "graphql-playground-html": {
-      "version": "1.6.22",
-      "resolved": "https://registry.npmjs.org/graphql-playground-html/-/graphql-playground-html-1.6.22.tgz",
-      "integrity": "sha512-pqDJ8N8tI1LFORLZTDC+gByuqiBfbirjgMKprFxRbCmFylnIRj2AyUQUhTPQkm08n8pWj8w5T0wWCVtbE323ag==",
-      "requires": {
-        "xss": "^1.0.6"
-      }
+      "version": "1.6.13",
+      "resolved": "https://registry.npmjs.org/graphql-playground-html/-/graphql-playground-html-1.6.13.tgz",
+      "integrity": "sha512-5DNtVeaWrfxrobA2Vp3ypWjAQYGPIXyZ3rdQXy4m4nDJnc4UALPSZRh9y+U4kp8GaoPp1aCgIJerDSRBOT9HnA=="
     },
     "graphql-redis-subscriptions": {
       "version": "2.2.1",

package.json

@@ -101,7 +101,7 @@
     "graphql-extensions": "^0.11.0",
     "graphql-fields": "2.0.3",
     "graphql-import": "^0.7.1",
-    "graphql-playground-html": "^1.6.22",
+    "graphql-playground-html": "1.6.13",
     "graphql-redis-subscriptions": "^2.2.1",
     "graphql-subscriptions": "^1.1.0",
     "graphql-tools": "^4.0.7",
@@ -409,6 +409,11 @@
       "Newer versions has problems with radio and checkbox fields.",
       "Update when the following issue is resolved:",
       "https://github.com/final-form/react-final-form/issues/683"
+    ],
+    "graphql-playground-html@1.6.13": [
+      "A template was broken in a release.",
+      "Update when the following issue is resolved:",
+      "https://github.com/prisma-labs/graphql-playground/pull/1238"
     ]
   },
   "husky": {
@@ -455,4 +460,4 @@
     "IE 11",
     "not dead"
   ]
-}
+}

src/core/server/app/router/index.ts

@@ -2,7 +2,7 @@ import express, { Router } from "express";
 
 import { LanguageCode } from "coral-common/helpers/i18n/locales";
 import { AppOptions } from "coral-server/app";
-import playground from "coral-server/app/middleware/playground";
+import playgroundMiddleware from "coral-server/app/middleware/playground";
 import { RouterOptions } from "coral-server/app/router/types";
 import logger from "coral-server/logger";
 
@@ -61,7 +61,7 @@ function attachGraphiQL(router: Router, app: AppOptions) {
   // GraphiQL
   router.get(
     "/graphiql",
-    playground({
+    playgroundMiddleware({
       endpoint: "/api/graphql",
       subscriptionEndpoint: "/api/graphql/live",
     })