fix: do not use api_graphql_graphiql route when graphiQl is disabled because it won’t exist (api-platform#5266)

Author: MatTheCat

src/Symfony/Bundle/Resources/public/init-all-ui.js

@@ -0,0 +1,10 @@
+'use strict';
+
+const graphiQlLink = document.querySelector('.graphiql-link');
+if (graphiQlLink) {
+    graphiQlLink.addEventListener('click', e => {
+        if (!e.target.hasAttribute('href')) {
+            alert('GraphQL support is not enabled, see https://api-platform.com/docs/core/graphql/');
+        }
+    });
+}

src/Symfony/Bundle/Resources/public/init-common-ui.js

@@ -84,7 +84,7 @@
             {% set active_ui = app.request.get('ui', 'swagger_ui') %}
             {% if swaggerUiEnabled and active_ui != 'swagger_ui' %}<a href="{{ path('api_doc') }}">Swagger UI</a>{% endif %}
             {% if reDocEnabled and active_ui != 're_doc' %}<a href="{{ path('api_doc', {'ui': 're_doc'}) }}">ReDoc</a>{% endif %}
-            <a href="{{ path('api_graphql_graphiql') }}" class="graphql-docs-link" {{ graphiQlEnabled ? 'data-graphql-enabled' }}>GraphiQL</a>
+            {% if not graphQlEnabled or graphiQlEnabled %}<a {% if graphiQlEnabled %}href="{{ path('api_graphql_graphiql') }}"{% endif %} class="graphiql-link">GraphiQL</a>{% endif %}
             {% if graphQlPlaygroundEnabled %}<a href="{{ path('api_graphql_graphql_playground') }}">GraphQL Playground</a>{% endif %}
         </div>
     </div>
@@ -99,7 +99,7 @@
         <script src="{{ asset('bundles/apiplatform/swagger-ui/swagger-ui-standalone-preset.js', assetPackage) }}"></script>
         <script src="{{ asset('bundles/apiplatform/init-swagger-ui.js', assetPackage) }}"></script>
     {% endif %}
-    <script src="{{ asset('bundles/apiplatform/init-all-ui.js', assetPackage) }}"></script>
+    <script src="{{ asset('bundles/apiplatform/init-common-ui.js', assetPackage) }}" defer></script>
 {% endblock %}
 
 </body>