From 9a6e4e0f46cc3b71c104526cb7cc9175435061fc Mon Sep 17 00:00:00 2001
From: Kien Dang <mail@kien.ai>
Date: Sat, 12 Aug 2023 10:29:09 +0800
Subject: [PATCH 1/4] Update GraphiQL to 3.0.5

graphiql@3.0.5
https://github.com/graphql/graphiql/releases/tag/graphiql%403.0.5

@graphiql/plugin-explorer@0.3.0
https://github.com/graphql/graphiql/releases/tag/%40graphiql%2Fplugin-explorer%400.3.0
---
 strawberry/static/graphiql.html | 33 ++++++++++++---------------------
 1 file changed, 12 insertions(+), 21 deletions(-)

diff --git a/strawberry/static/graphiql.html b/strawberry/static/graphiql.html
index d2df16df33..a6f09b5d6a 100644
--- a/strawberry/static/graphiql.html
+++ b/strawberry/static/graphiql.html
@@ -61,14 +61,14 @@
     <link
       crossorigin
       rel="stylesheet"
-      href="https://unpkg.com/graphiql@2.4.7/graphiql.min.css"
-      integrity="sha384-486GcFFVcFN0yj7LIp/vn7DVsuf2CTytJlNuqjHg0zF2g72zra2gWCNV2HBxJgC6"
+      href="https://unpkg.com/graphiql@3.0.5/graphiql.min.css"
+      integrity="sha384-yz3/sqpuplkA7msMo0FE4ekg0xdwdvZ8JX9MVZREsxipqjU4h8IRfmAMRcb1QpUy"
     />
 
     <link
       crossorigin
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/@graphiql/plugin-explorer@0.1.15/dist/style.css"
+      href="https://unpkg.com/@graphiql/plugin-explorer@0.3.4/dist/style.css"
       integrity="sha384-kOrlMT58B3t0hTVIPFqWyg1oL4DKvxHNcC1X2qugv4fXd9ehKULhhjDLvBi3HoEK"
     />
   </head>
@@ -77,13 +77,13 @@
     <div id="graphiql" class="graphiql-container">Loading...</div>
     <script
       crossorigin
-      src="https://unpkg.com/graphiql@2.4.7/graphiql.min.js"
-      integrity="sha384-8da92RVD56z/pbOOnJ4Ud5qlhqEzDtJI6qVZjN88SCbOatpo4xVDeP3T0nmfTf+9"
+      src="https://unpkg.com/graphiql@3.0.5/graphiql.min.js"
+      integrity="sha384-M+Ed4RZlnWvJ8keiTju1xlV6xM5tB9tLTfoSdWPDVrK4aOOpavtruK9pz/dfuCZ/"
     ></script>
     <script
       crossorigin
-      src="https://unpkg.com/@graphiql/plugin-explorer@0.1.15/dist/graphiql-plugin-explorer.umd.js"
-      integrity="sha384-730PslzMVMN3EMJOKuh/WVRaRwhaBbWE43IOXyR+DMDlQiYx0BjiPmoPZ+6qEa0C"
+      src="https://unpkg.com/@graphiql/plugin-explorer@0.3.4/dist/index.umd.js"
+      integrity="sha384-2oonKe47vfHIZnmB6ZZ10vl7T0Y+qrHQF2cmNTaFDuPshpKqpUMGMc9jgj9MLDZ9"
     ></script>
     <script>
       const EXAMPLE_QUERY = `# Welcome to GraphiQL 🍓
@@ -142,24 +142,15 @@
         subscriptionUrl,
       });
 
-      function GraphiQLWithExplorer() {
-        const [query, setQuery] = React.useState(EXAMPLE_QUERY);
-        const explorerPlugin = GraphiQLPluginExplorer.useExplorerPlugin({
-          query: query,
-          onEdit: setQuery,
-        });
-        return React.createElement(GraphiQL, {
+      const explorerPlugin = GraphiQLPluginExplorer.explorerPlugin();
+
+      ReactDOM.render(
+        React.createElement(GraphiQL, {
           fetcher: fetcher,
           defaultEditorToolsVisibility: true,
           plugins: [explorerPlugin],
-          query: query,
-          onEditQuery: setQuery,
           inputValueDeprecation: true,
-        });
-      }
-
-      ReactDOM.render(
-        React.createElement(GraphiQLWithExplorer),
+        }),
         document.getElementById("graphiql")
       );
     </script>

From 9410eae7b64f1db38720df219990dc4a811b9db4 Mon Sep 17 00:00:00 2001
From: Kien Dang <mail@kien.ai>
Date: Sat, 12 Aug 2023 10:37:29 +0800
Subject: [PATCH 2/4] Update react and use prod distribution instead of dev

to reduce bundle size
---
 strawberry/static/graphiql.html | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/strawberry/static/graphiql.html b/strawberry/static/graphiql.html
index a6f09b5d6a..6af0995341 100644
--- a/strawberry/static/graphiql.html
+++ b/strawberry/static/graphiql.html
@@ -43,13 +43,13 @@
 
     <script
       crossorigin
-      src="https://unpkg.com/react@17.0.2/umd/react.development.js"
-      integrity="sha384-xQwCoNcK/7P3Lpv50IZSEbJdpqbToWEODAUyI/RECaRXmOE2apWt7htari8kvKa/"
+      src="https://unpkg.com/react@18.2.0/umd/react.production.min.js"
+      integrity="sha384-tMH8h3BGESGckSAVGZ82T9n90ztNXxvdwvdM6UoR56cYcf+0iGXBliJ29D+wZ/x8"
     ></script>
     <script
       crossorigin
-      src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.development.js"
-      integrity="sha384-E9IgxDsnjKgh0777N3lXen7NwXeTsOpLLJhI01SW7idG046SRqJpsW2rJwsOYk0L"
+      src="https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js"
+      integrity="sha384-bm7MnzvK++ykSwVJ2tynSE5TRdN+xL418osEVF2DE/L/gfWHj91J2Sphe582B1Bh"
     ></script>
 
     <script
@@ -144,14 +144,15 @@
 
       const explorerPlugin = GraphiQLPluginExplorer.explorerPlugin();
 
-      ReactDOM.render(
+      const root = ReactDOM.createRoot(document.getElementById("graphiql"));
+
+      root.render(
         React.createElement(GraphiQL, {
           fetcher: fetcher,
           defaultEditorToolsVisibility: true,
           plugins: [explorerPlugin],
           inputValueDeprecation: true,
         }),
-        document.getElementById("graphiql")
       );
     </script>
   </body>

From 35291a2864c1687646fa41b0c7951ae6f6a7c242 Mon Sep 17 00:00:00 2001
From: Kien Dang <mail@kien.ai>
Date: Sat, 12 Aug 2023 10:43:01 +0800
Subject: [PATCH 3/4] Add RELEASE.md

---
 RELEASE.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 RELEASE.md

diff --git a/RELEASE.md b/RELEASE.md
new file mode 100644
index 0000000000..8ffe34cd1b
--- /dev/null
+++ b/RELEASE.md
@@ -0,0 +1,5 @@
+Release type: patch
+
+Update the built-in GraphiQL to the current latest version 3.0.5.
+
+Update React to the current latest version 18.2.0 and use the production distribution instead of development to reduce bundle size.

From b1b5ab0c5da15595e1a79a1d5cea17fdd55df7b0 Mon Sep 17 00:00:00 2001
From: Patrick Arminio <patrick.arminio@gmail.com>
Date: Sat, 12 Aug 2023 20:23:38 +0100
Subject: [PATCH 4/4] Update RELEASE.md

---
 RELEASE.md | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/RELEASE.md b/RELEASE.md
index 8ffe34cd1b..4914bf9e22 100644
--- a/RELEASE.md
+++ b/RELEASE.md
@@ -1,5 +1,3 @@
 Release type: patch
 
-Update the built-in GraphiQL to the current latest version 3.0.5.
-
-Update React to the current latest version 18.2.0 and use the production distribution instead of development to reduce bundle size.
+This release updates the built-in GraphiQL to the current latest version (3.0.5), it also updates React to the current latest version (18.2.0) and uses the production distribution instead of development to reduce bundle size.