temple/Suwayomi-Server
1
0
Fork 0
mirror of https://github.com/Suwayomi/Suwayomi-Server.git synced 2026-07-04 03:14:40 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add Subscriptions to GraphiQL and Update (#631)

Browse Source 
* Add subscription url

* Update Graphiql and dependencies
This commit is contained in:
Mitchell Syer
2023-08-03 22:28:37 -04:00
committed by GitHub
parent 92f494d0fe
commit 3675580d87
1 changed files with 14 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
server/src/main/resources/graphql-playground.html
View File

@@ -24,13 +24,13 @@
--> -->
<script <script
crossorigin="anonymous" crossorigin="anonymous"
integrity="sha512-Vf2xGDzpqUOEIKO+X2rgTLWPY+65++WPwCHkX2nFMu9IcstumPsf/uKKRd5prX3wOu8Q0GBylRpsDB26R6ExOg==" integrity="sha512-m7nhpWHotpucPI37I4lPovL28Bm2BhAMV8poF3F8Z9oOEZ3jlxGzkgvG0EMt1mVL1xydr1erlBbmN90js/ssUw=="
src="https://unpkg.com/react@17.0.2/umd/react.development.js" src="https://unpkg.com/react@18.2.0/umd/react.development.js"
></script> ></script>
<script <script
crossorigin="anonymous" crossorigin="anonymous"
integrity="sha512-Wr9OKCTtq1anK0hq5bY3X/AvDI5EflDSAh0mE9gma+4hl+kXdTJPKZ3TwLMBcrgUeoY0s3dq9JjhCQc7vddtFg==" integrity="sha512-SKTL5rMewKkHVooCoONgJHCICK1otCPqPFduipyXVLWgtHHmsQgzXXHUP+SPyL4eU/knSpDkMXKlLedcHmWJpQ=="
src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.development.js" src="https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js"
></script> ></script>
<!-- <!--
@@ -38,8 +38,8 @@
copy them directly into your environment, or perhaps include them in your copy them directly into your environment, or perhaps include them in your
favored resource bundler. favored resource bundler.
--> -->
<link href="https://unpkg.com/graphiql@3.0.0/graphiql.min.css" rel="stylesheet"/> <link href="https://unpkg.com/graphiql@3.0.5/graphiql.min.css" rel="stylesheet"/>
<link href="https://unpkg.com/@graphiql/plugin-explorer@0.1.22/dist/style.css" rel="stylesheet"/> <link href="https://unpkg.com/@graphiql/plugin-explorer@0.3.4/dist/style.css" rel="stylesheet"/>
<style> <style>
.docExplorerWrap { .docExplorerWrap {
width: 100% !important; width: 100% !important;
@@ -70,18 +70,21 @@
<body> <body>
<div id="graphiql">Loading...</div> <div id="graphiql">Loading...</div>
<script <script
src="https://unpkg.com/graphiql@3.0.0/graphiql.min.js" src="https://unpkg.com/graphiql@3.0.5/graphiql.min.js"
type="application/javascript" type="application/javascript"
></script> ></script>
<script <script
src="https://unpkg.com/@graphiql/plugin-explorer@0.1.22/dist/graphiql-plugin-explorer.umd.js" src="https://unpkg.com/@graphiql/plugin-explorer@0.3.4/dist/index.umd.js"
type="application/javascript" type="application/javascript"
></script> ></script>
<script> <script>
const root = ReactDOM.createRoot(document.getElementById('graphiql'));
const fetcher = GraphiQL.createFetcher({ const fetcher = GraphiQL.createFetcher({
url: window.location.href, url: window.location.href,
subscriptionUrl: window.location.href.replace(/^http/,'ws')
}); });
const explorer = GraphiQLPluginExplorer.explorerPlugin();
function GraphiQLWithExplorer() { function GraphiQLWithExplorer() {
const [query, setQuery] = React.useState( const [query, setQuery] = React.useState(
@@ -97,22 +100,17 @@
' }\n' + ' }\n' +
'}', '}',
); );
const explorerPlugin = GraphiQLPluginExplorer.useExplorerPlugin({
query: query,
onEdit: setQuery,
});
return React.createElement(GraphiQL, { return React.createElement(GraphiQL, {
fetcher: fetcher, fetcher: fetcher,
defaultEditorToolsVisibility: true, defaultEditorToolsVisibility: true,
plugins: [explorerPlugin], plugins: [explorer],
query: query, query: query,
onEditQuery: setQuery, onEditQuery: setQuery,
}); });
} }
ReactDOM.render( root.render(
React.createElement(GraphiQLWithExplorer), React.createElement(GraphiQLWithExplorer)
document.getElementById('graphiql'),
); );
</script> </script>
</body> </body>