@operato/app 1.19.12 → 1.19.13

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/app",
   "description": "WebApplication production supporting components following open-wc recommendations",
   "author": "heartyoh",
-  "version": "1.19.12",
+  "version": "1.19.13",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
   "exports": {
@@ -139,19 +139,21 @@
     "@codemirror/theme-one-dark": "^6.1.2",
     "@codemirror/view": "^6.22.1",
     "@graphql-tools/delegate": "^10.0.1",
-    "@graphql-tools/wrap": "^8.5.0",
+    "@graphql-tools/load": "^8.0.12",
+    "@graphql-tools/schema": "^10.0.16",
+    "@graphql-tools/url-loader": "^8.0.24",
     "@material/mwc-button": "^0.27.0",
     "@material/mwc-icon": "^0.27.0",
     "@material/mwc-icon-button": "^0.27.0",
-    "@operato/attachment": "^1.19.10",
-    "@operato/data-grist": "^1.19.10",
-    "@operato/font": "^1.19.10",
+    "@operato/attachment": "^1.19.13",
+    "@operato/data-grist": "^1.19.13",
+    "@operato/font": "^1.19.13",
     "@operato/form": "^1.19.10",
     "@operato/graphql": "^1.19.10",
     "@operato/i18n": "^1.19.10",
-    "@operato/input": "^1.19.10",
-    "@operato/layout": "^1.19.10",
-    "@operato/property-editor": "^1.19.10",
+    "@operato/input": "^1.19.13",
+    "@operato/layout": "^1.19.13",
+    "@operato/property-editor": "^1.19.13",
     "@operato/shell": "^1.19.10",
     "@operato/styles": "^1.19.10",
     "@operato/utils": "^1.19.10",
@@ -196,5 +198,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "79699426eaf4d1b0d476385e44dff8f5f57ff2a7"
+  "gitHead": "20b4eee2566c09eee30456483155e8d3ac7445d5"
 }

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

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