@operato/app 1.19.14 → 1.19.16

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/app",
   "description": "WebApplication production supporting components following open-wc recommendations",
   "author": "heartyoh",
-  "version": "1.19.14",
+  "version": "1.19.16",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
   "exports": {
@@ -138,10 +138,7 @@
     "@codemirror/state": "^6.3.3",
     "@codemirror/theme-one-dark": "^6.1.2",
     "@codemirror/view": "^6.22.1",
-    "@graphql-tools/delegate": "^9.0.0",
-    "@graphql-tools/load": "^7.0.0",
-    "@graphql-tools/schema": "^9.0.0",
-    "@graphql-tools/url-loader": "^7.0.0",
+    "@graphql-tools/wrap": "^9.0.0",
     "@material/mwc-button": "^0.27.0",
     "@material/mwc-icon": "^0.27.0",
     "@material/mwc-icon-button": "^0.27.0",
@@ -197,5 +194,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "5f122713ddd283b7e229d4b6ef42e06ea74ed7d9"
+  "gitHead": "7edc0577bdaeb373ec3f54f076518047b3c4e56b"
 }

package/src/input/ox-input-graphql.ts

@@ -2,8 +2,10 @@
  * @license Copyright © HatioLab Inc. All rights reserved.
  */
 
-import { css, html, PropertyValues } from 'lit'
-import { customElement, property, query } from 'lit/decorators.js'
+import { print } from 'graphql'
+
+import { css, PropertyValues } from 'lit'
+import { customElement, property } from 'lit/decorators.js'
 import { graphql } from 'cm6-graphql'
 
 import { history, historyKeymap, indentWithTab } from '@codemirror/commands'
@@ -12,9 +14,7 @@ import { bracketMatching, syntaxHighlighting } from '@codemirror/language'
 import { oneDarkHighlightStyle, oneDark } from '@codemirror/theme-one-dark'
 import { EditorView, highlightActiveLine, keymap } from '@codemirror/view'
 
-import { makeExecutableSchema } from '@graphql-tools/schema'
-import { loadSchema } from '@graphql-tools/load'
-import { UrlLoader } from '@graphql-tools/url-loader'
+import { introspectSchema, wrapSchema } from '@graphql-tools/wrap'
 import { GRAPHQL_URI } from '@operato/graphql'
 import { OxFormField } from '@operato/input'
 import { togglefullscreen } from '@operato/utils'
@@ -66,16 +66,24 @@ export default class OxInputGraphql extends OxFormField {
   }
 
   async getSchema() {
-    const uri = this.link || GRAPHQL_URI
+    const executor = async ({ document, variables }: any) => {
+      const query = print(document)
+      const uri = this.link || GRAPHQL_URI
+
+      const fetchResult = await fetch(uri, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({ query, variables })
+      })
+      return fetchResult.json()
+    }
 
-    const schema = await loadSchema(uri, {
-      loaders: [new UrlLoader()],
-      headers: {
-        'Content-Type': 'application/json'
-      }
+    return await wrapSchema({
+      schema: await introspectSchema(executor),
+      executor
     })
-
-    return makeExecutableSchema({ typeDefs: schema, resolvers: {} })
   }
 
   async getEditor() {