From d3e1d89513380af12f8fc7449e932f91e4dd9461 Mon Sep 17 00:00:00 2001 From: Blackbear6997 Date: Mon, 11 May 2026 15:34:24 +1200 Subject: [PATCH] Optimize playground landing performance --- .../{playground.tsx => playground/app.tsx} | 8 +- static/playground/index.html | 216 ++++++++++++++++++ 2 files changed, 220 insertions(+), 4 deletions(-) rename src/pages/{playground.tsx => playground/app.tsx} (71%) create mode 100644 static/playground/index.html diff --git a/src/pages/playground.tsx b/src/pages/playground/app.tsx similarity index 71% rename from src/pages/playground.tsx rename to src/pages/playground/app.tsx index e38dbc11c..fef5918cb 100644 --- a/src/pages/playground.tsx +++ b/src/pages/playground/app.tsx @@ -1,11 +1,11 @@ import React, {useEffect} from "react" import ReactGA from "react-ga4" import Layout from "@theme/Layout" -import PlaygroundPage from "../components/playground" +import PlaygroundPage from "../../components/playground" import {useLocation} from "@docusaurus/router" -import {PageDescription, PageTitle} from "../constants/titles" +import {PageDescription, PageTitle} from "../../constants/titles" -const Playground = () => { +const PlaygroundApp = () => { const location = useLocation() useEffect(() => { @@ -19,4 +19,4 @@ const Playground = () => { ) } -export default Playground +export default PlaygroundApp diff --git a/static/playground/index.html b/static/playground/index.html new file mode 100644 index 000000000..322d0017c --- /dev/null +++ b/static/playground/index.html @@ -0,0 +1,216 @@ + + + + + + Tailcall GraphQL Playground + + + + + +
+
+
+ + Tailcall +
+

GraphQL Playground

+

+ Enter an endpoint to open the full interactive playground. The editor loads only after you choose a GraphQL + API, keeping this route fast by default. +

+
+ + + +
+
+
+
+ + +