strawberry-graphql 0.288.3__py3-none-any.whl → 0.288.4__py3-none-any.whl

strawberry/static/graphiql.html

@@ -114,7 +114,38 @@
 #
 `;
 
-      const fetchURL = window.location.href;
+      // Parse URL parameters for sharing queries
+      const parameters = {};
+
+      for (const entry of window.location.search.slice(1).split("&")) {
+        const eq = entry.indexOf("=");
+        if (eq >= 0) {
+          parameters[decodeURIComponent(entry.slice(0, eq))] =
+            decodeURIComponent(entry.slice(eq + 1));
+        }
+      }
+
+      function updateURL(data) {
+        Object.assign(parameters, data);
+
+        const newSearch =
+          "?" +
+          Object.keys(parameters)
+            .filter(function (key) {
+              return Boolean(parameters[key]);
+            })
+            .map(function (key) {
+              return (
+                encodeURIComponent(key) +
+                "=" +
+                encodeURIComponent(parameters[key])
+              );
+            })
+            .join("&");
+        history.replaceState(null, null, newSearch);
+      }
+
+      const fetchURL = window.location.href.split("?")[0];
 
       function httpUrlToWebSockeUrl(url) {
         const parsedURL = new URL(url);
@@ -124,33 +155,65 @@
         return parsedURL.toString();
       }
 
-      const headers = {};
+      const defaultHeaders = {};
       const csrfToken = Cookies.get("csrftoken");
 
       if (csrfToken) {
-        headers["x-csrftoken"] = csrfToken;
+        defaultHeaders["x-csrftoken"] = csrfToken;
       }
 
       const subscriptionUrl = httpUrlToWebSockeUrl(fetchURL);
 
       const fetcher = GraphiQL.createFetcher({
         url: fetchURL,
-        headers: headers,
+        headers: defaultHeaders,
         subscriptionUrl,
       });
 
-      const explorerPlugin = GraphiQLPluginExplorer.explorerPlugin();
-
-      const root = ReactDOM.createRoot(document.getElementById("graphiql"));
-
-      root.render(
-        React.createElement(GraphiQL, {
+      function GraphiQLWithExplorer() {
+        const [query, setQuery] = React.useState(
+          parameters.q || EXAMPLE_QUERY,
+        );
+        const [variables, setVariables] = React.useState(
+          parameters.variables,
+        );
+        const [headers, setHeaders] = React.useState(parameters.headers);
+
+        function onEditQuery(newQuery) {
+          setQuery(newQuery);
+          updateURL({ q: newQuery });
+        }
+
+        function onEditVariables(newVariables) {
+          setVariables(newVariables);
+          updateURL({ variables: newVariables });
+        }
+
+        function onEditHeaders(newHeaders) {
+          setHeaders(newHeaders);
+          updateURL({ headers: newHeaders });
+        }
+
+        const explorerPlugin = GraphiQLPluginExplorer.explorerPlugin();
+
+        return React.createElement(GraphiQL, {
           fetcher: fetcher,
           defaultEditorToolsVisibility: true,
           plugins: [explorerPlugin],
+          query: query,
+          variables: variables,
+          headers: headers,
+          onEditQuery: onEditQuery,
+          onEditVariables: onEditVariables,
+          onEditHeaders: onEditHeaders,
           inputValueDeprecation: true,
-        }),
-      );
+          isHeadersEditorEnabled: true,
+          shouldPersistHeaders: true,
+        });
+      }
+
+      const root = ReactDOM.createRoot(document.getElementById("graphiql"));
+      root.render(React.createElement(GraphiQLWithExplorer));
     </script>
   </body>
 </html>

{strawberry_graphql-0.288.3.dist-info → strawberry_graphql-0.288.4.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: strawberry-graphql
-Version: 0.288.3
+Version: 0.288.4
 Summary: A library for creating GraphQL APIs
 License: MIT
 License-File: LICENSE
@@ -31,9 +31,9 @@ Provides-Extra: quart
 Provides-Extra: sanic
 Requires-Dist: Django (>=3.2) ; extra == "django"
 Requires-Dist: aiohttp (>=3.7.4.post0,<4) ; extra == "aiohttp"
-Requires-Dist: asgiref (>=3.2,<4.0) ; extra == "channels"
-Requires-Dist: asgiref (>=3.2,<4.0) ; extra == "django"
-Requires-Dist: chalice (>=1.22,<2.0) ; extra == "chalice"
+Requires-Dist: asgiref (>=3.2) ; extra == "channels"
+Requires-Dist: asgiref (>=3.2) ; extra == "django"
+Requires-Dist: chalice (>=1.22) ; extra == "chalice"
 Requires-Dist: channels (>=3.0.5) ; extra == "channels"
 Requires-Dist: cross-web (>=0.4.0)
 Requires-Dist: fastapi (>=0.65.2) ; extra == "fastapi"
@@ -47,8 +47,8 @@ Requires-Dist: opentelemetry-api (<2) ; extra == "opentelemetry"
 Requires-Dist: opentelemetry-sdk (<2) ; extra == "opentelemetry"
 Requires-Dist: packaging (>=23)
 Requires-Dist: pydantic (>1.6.1) ; extra == "pydantic"
+Requires-Dist: pygments (>=2.3) ; extra == "cli"
 Requires-Dist: pygments (>=2.3) ; extra == "debug-server"
-Requires-Dist: pygments (>=2.3,<3.0) ; extra == "cli"
 Requires-Dist: pyinstrument (>=4.0.0) ; extra == "pyinstrument"
 Requires-Dist: python-dateutil (>=2.7)
 Requires-Dist: python-multipart (>=0.0.7) ; extra == "asgi"

{strawberry_graphql-0.288.3.dist-info → strawberry_graphql-0.288.4.dist-info}/RECORD

@@ -189,7 +189,7 @@ strawberry/schema_codegen/__init__.py,sha256=HzgwI-rudoloXqJa5R9zyxXNTKLhdSXgSn7
 strawberry/schema_directive.py,sha256=H5tv1npCkEa-mUkzQ9nilNI3zTGEAhyagRcDwj5Rujw,2025
 strawberry/schema_directives.py,sha256=KGKFWCODjm1Ah9qNV_bBwbic7Mld4qLWnWQkev-PG8A,175
 strawberry/static/apollo-sandbox.html,sha256=2XzkbE0dqsFHqehE-jul9_J9TFOpwA6Ylrlo0Kdx_9w,973
-strawberry/static/graphiql.html,sha256=0e3pvTnAet-lNEqA_pgJ8Ak2CdMt34zPKMMMzpAkEVU,4257
+strawberry/static/graphiql.html,sha256=czHhXGdLguz8k59237XKvWFIaMuUw91oe91nZ8fy6CI,6237
 strawberry/static/pathfinder.html,sha256=0DPx9AmJ2C_sJstFXnWOz9k5tVQHeHaK7qdVY4lAlmk,1547
 strawberry/streamable.py,sha256=8dqvKAv_Nhp8vEi4PUYyziCt3SUyCr6ZuqCNZ46Mqno,611
 strawberry/subscriptions/__init__.py,sha256=1VGmiCzFepqRFyCikagkUoHHdoTG3XYlFu9GafoQMws,170
@@ -238,8 +238,8 @@ strawberry/utils/logging.py,sha256=Dnivjd0ZhK_lAvjvuyCDkEWDhuURBoK9d3Kt_mIqbRg,7
 strawberry/utils/operation.py,sha256=Qs3ttbuC415xEVqmJ6YsWQpJNUo8CZJq9AoMB-yV65w,1215
 strawberry/utils/str_converters.py,sha256=-eH1Cl16IO_wrBlsGM-km4IY0IKsjhjnSNGRGOwQjVM,897
 strawberry/utils/typing.py,sha256=eE9NeMfASeXRstbjLnQFfOPymcSX8xwg3FGw_HCp95E,11828
-strawberry_graphql-0.288.3.dist-info/METADATA,sha256=3J3c_1M5jyi-DmVmNV0QVPWpgWG3OueKWrfp37AEhbM,7647
-strawberry_graphql-0.288.3.dist-info/WHEEL,sha256=zp0Cn7JsFoX2ATtOhtaFYIiE2rmFAD4OcMhtUki8W3U,88
-strawberry_graphql-0.288.3.dist-info/entry_points.txt,sha256=Nk7-aT3_uEwCgyqtHESV9H6Mc31cK-VAvhnQNTzTb4k,49
-strawberry_graphql-0.288.3.dist-info/licenses/LICENSE,sha256=m-XnIVUKqlG_AWnfi9NReh9JfKhYOB-gJfKE45WM1W8,1072
-strawberry_graphql-0.288.3.dist-info/RECORD,,
+strawberry_graphql-0.288.4.dist-info/METADATA,sha256=LiS09hr9ulZqpMfHbqvHv4rVtV7Ej_WIgApx4CQU-C0,7627
+strawberry_graphql-0.288.4.dist-info/WHEEL,sha256=zp0Cn7JsFoX2ATtOhtaFYIiE2rmFAD4OcMhtUki8W3U,88
+strawberry_graphql-0.288.4.dist-info/entry_points.txt,sha256=Nk7-aT3_uEwCgyqtHESV9H6Mc31cK-VAvhnQNTzTb4k,49
+strawberry_graphql-0.288.4.dist-info/licenses/LICENSE,sha256=m-XnIVUKqlG_AWnfi9NReh9JfKhYOB-gJfKE45WM1W8,1072
+strawberry_graphql-0.288.4.dist-info/RECORD,,