From 62fbe65526205a64ad819fa8608b8f6fae90e686 Mon Sep 17 00:00:00 2001 From: Anoop M D Date: Mon, 6 Dec 2021 19:05:42 +0530 Subject: [PATCH] feat: use graphiql theme for query editor --- package-lock.json | 177 ++++++++++++++++++------ packages/grafnode-run/package-lock.json | 175 ++++++++++++++++++----- packages/grafnode-run/package.json | 1 + packages/grafnode-run/src/pages/_app.js | 1 + 4 files changed, 277 insertions(+), 77 deletions(-) diff --git a/package-lock.json b/package-lock.json index e9ba6ac3..e2b91567 100644 --- a/package-lock.json +++ b/package-lock.json @@ -23,6 +23,7 @@ "escape-html": "^1.0.3", "eslint": "7.32.0", "eslint-config-next": "12.0.4", + "graphiql": "^1.5.9", "graphql-request": "^3.7.0", "immer": "^9.0.7", "lodash": "^4.17.21", @@ -1874,6 +1875,19 @@ "@grafnode/www": "^0.0.1" } }, + "node_modules/@graphiql/toolkit": { + "version": "0.4.2", + "resolved": "https://registry.npmjs.org/@graphiql/toolkit/-/toolkit-0.4.2.tgz", + "integrity": "sha512-14uG67QrONbRrhXwvBJFsMfcQfexmGhj7dgkputesx9xuPUkcCDNmVULnVA8sGYt8P/rSvjkfQYx3rtfW+GhAQ==", + "dependencies": { + "@n1ru4l/push-pull-async-iterable-iterator": "^3.1.0", + "meros": "^1.1.4" + }, + "peerDependencies": { + "graphql": "^15.5.0 || ^16.0.0", + "graphql-ws": ">= 4.5.0" + } + }, "node_modules/@graphql-tools/batch-execute": { "version": "8.3.1", "resolved": "https://registry.npmjs.org/@graphql-tools/batch-execute/-/batch-execute-8.3.1.tgz", @@ -3523,6 +3537,14 @@ "graphql": "^15.4.0 || ^16.0.0" } }, + "node_modules/@n1ru4l/push-pull-async-iterable-iterator": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@n1ru4l/push-pull-async-iterable-iterator/-/push-pull-async-iterable-iterator-3.1.0.tgz", + "integrity": "sha512-K4scWxGhdQM0masHHy4gIQs2iGiLEXCrXttumknyPJqtdl4J179BjpibWSSQ1fxKdCcHgIlCTKXJU6cMM6D6Wg==", + "engines": { + "node": ">=12" + } + }, "node_modules/@napi-rs/triples": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/@napi-rs/triples/-/triples-1.0.3.tgz", @@ -4289,8 +4311,7 @@ "node_modules/@types/json-schema": { "version": "7.0.9", "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.9.tgz", - "integrity": "sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==", - "devOptional": true + "integrity": "sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==" }, "node_modules/@types/json5": { "version": "0.0.29", @@ -5839,12 +5860,12 @@ "integrity": "sha512-fqr6CtDQdJ6iNMbD8NX2gH2G876nNDk+TO1rrYkgWnqQdO3O1Xa9tK6q+psqhJJgE5SpbaDcgdfLmukoUVE8pg==" }, "node_modules/codemirror-graphql": { - "version": "1.2.5", - "resolved": "https://registry.npmjs.org/codemirror-graphql/-/codemirror-graphql-1.2.5.tgz", - "integrity": "sha512-5u+8OAxm72t0qtTYM9q+JLbhETmkbRVQ42HbDRW9MqGQtrlEAKs8pmQo1R9v25BopT9vmud05sP3JwqB4oqjgQ==", + "version": "1.2.6", + "resolved": "https://registry.npmjs.org/codemirror-graphql/-/codemirror-graphql-1.2.6.tgz", + "integrity": "sha512-iwM/M5L/3ju7i/p1HU2RHsMGpV+geCvtx0/zlcN0VVfpEi1VxldkQztMVmYE6RXS/R31NFg1I1Ezb5AdnTw09Q==", "dependencies": { "@codemirror/stream-parser": "^0.19.2", - "graphql-language-service": "^3.2.5" + "graphql-language-service": "^4.0.0" }, "peerDependencies": { "codemirror": "^5.58.2", @@ -6155,6 +6176,14 @@ "safe-buffer": "~5.1.1" } }, + "node_modules/copy-to-clipboard": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.1.tgz", + "integrity": "sha512-i13qo6kIHTTpCm8/Wup+0b1mVWETvu2kIMzKoK8FpkLkFxlt0znUAHcMzox+T8sPlqtZXq3CulEjQHsYiGFJUw==", + "dependencies": { + "toggle-selection": "^1.0.6" + } + }, "node_modules/core-js-compat": { "version": "3.19.2", "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.19.2.tgz", @@ -6983,7 +7012,6 @@ "version": "2.2.0", "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz", "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==", - "dev": true, "funding": { "url": "https://github.com/fb55/entities?sponsor=1" } @@ -8385,6 +8413,27 @@ "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.8.tgz", "integrity": "sha512-qkIilPUYcNhJpd33n0GBXTB1MMPp14TxEsEs0pTrsSVucApsYzW5V+Q8Qxhik6KU3evy+qkAAowTByymK0avdg==" }, + "node_modules/graphiql": { + "version": "1.5.9", + "resolved": "https://registry.npmjs.org/graphiql/-/graphiql-1.5.9.tgz", + "integrity": "sha512-BrWDLvU9k3Mvi2dqFVvLa31Zgep3NSV2247xecBImwnIada2sMZ8QzYlieSRy/p1/7CFwpHwCmfZNTVkMMU7RA==", + "dependencies": { + "@graphiql/toolkit": "^0.4.2", + "codemirror": "^5.58.2", + "codemirror-graphql": "^1.2.6", + "copy-to-clipboard": "^3.2.0", + "dset": "^3.1.0", + "entities": "^2.0.0", + "escape-html": "^1.0.3", + "graphql-language-service": "^4.0.0", + "markdown-it": "^12.2.0" + }, + "peerDependencies": { + "graphql": "^15.5.0 || ^16.0.0", + "react": "^16.8.0 || ^17.0.0 || ^18.0.0", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" + } + }, "node_modules/graphql": { "version": "16.0.1", "resolved": "https://registry.npmjs.org/graphql/-/graphql-16.0.1.tgz", @@ -8419,14 +8468,15 @@ } }, "node_modules/graphql-language-service": { - "version": "3.2.5", - "resolved": "https://registry.npmjs.org/graphql-language-service/-/graphql-language-service-3.2.5.tgz", - "integrity": "sha512-utkQ8GfYrR310E7AWk2dGE9QRidIEtAJPJ5j0THHlA+h12s4loZmmGosaHpjzbKy6WCNKNw8aKkqt3eEBxJJRg==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/graphql-language-service/-/graphql-language-service-4.0.0.tgz", + "integrity": "sha512-WKcSoZOmY7BjUwG4nQrBKZTiBUFwHLpl2Zr+HsczrOrTerVa4QcgEiU8jP4nvOjH67kWYcu1YD72MyLLN3BRVQ==", "dependencies": { - "graphql-language-service-interface": "^2.9.5", + "graphql-language-service-interface": "^2.10.0", "graphql-language-service-parser": "^1.10.3", "graphql-language-service-types": "^1.8.6", - "graphql-language-service-utils": "^2.6.3" + "graphql-language-service-utils": "^2.7.0", + "picomatch": "^2.3.0" }, "bin": { "graphql": "dist/temp-bin.js" @@ -8436,14 +8486,14 @@ } }, "node_modules/graphql-language-service-interface": { - "version": "2.9.5", - "resolved": "https://registry.npmjs.org/graphql-language-service-interface/-/graphql-language-service-interface-2.9.5.tgz", - "integrity": "sha512-ZZOflhzCgVBjnOInYlX2cB25zY9o+VY+0zMkDyEYY1i/nacSlXiBRa7/v+0evsYiGIxx4WvkPwFgfjhFtLQS9A==", + "version": "2.10.0", + "resolved": "https://registry.npmjs.org/graphql-language-service-interface/-/graphql-language-service-interface-2.10.0.tgz", + "integrity": "sha512-zKH6Ux3oi6p8xmrcMDMxDGHB0Qu0RmFEMsOXHcfwScg10c9FfzduZOeSlj74KW2qduWz3jKbirBFQtOp09fTpw==", "dependencies": { "graphql-config": "^4.1.0", "graphql-language-service-parser": "^1.10.3", "graphql-language-service-types": "^1.8.6", - "graphql-language-service-utils": "^2.6.3", + "graphql-language-service-utils": "^2.7.0", "vscode-languageserver-types": "^3.15.1" }, "peerDependencies": { @@ -8473,10 +8523,11 @@ } }, "node_modules/graphql-language-service-utils": { - "version": "2.6.3", - "resolved": "https://registry.npmjs.org/graphql-language-service-utils/-/graphql-language-service-utils-2.6.3.tgz", - "integrity": "sha512-rc5SToegDZ3VlnC0J7EriWe3G9zxFsPspxNV/rqcMcMq2hON9Q53bxTdg75KTNRUY78h+1ZHsXPEgecQtVk+0w==", + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/graphql-language-service-utils/-/graphql-language-service-utils-2.7.0.tgz", + "integrity": "sha512-OKub3l7AwmvwhrWaJQdpMES4RolM2ZEhCrcljnF8FG8gHj+AkZtGhM22BwSg2P+lti1V4BsWN//XfQ3YaOoKzA==", "dependencies": { + "@types/json-schema": "7.0.9", "graphql-language-service-types": "^1.8.6", "nullthrows": "^1.0.0" }, @@ -15002,6 +15053,11 @@ "node": ">=8.0" } }, + "node_modules/toggle-selection": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz", + "integrity": "sha1-bkWxJj8gF/oKzH2J14sVuL932jI=" + }, "node_modules/toidentifier": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz", @@ -17359,6 +17415,15 @@ "@grafnode/www": "^0.0.1" } }, + "@graphiql/toolkit": { + "version": "0.4.2", + "resolved": "https://registry.npmjs.org/@graphiql/toolkit/-/toolkit-0.4.2.tgz", + "integrity": "sha512-14uG67QrONbRrhXwvBJFsMfcQfexmGhj7dgkputesx9xuPUkcCDNmVULnVA8sGYt8P/rSvjkfQYx3rtfW+GhAQ==", + "requires": { + "@n1ru4l/push-pull-async-iterable-iterator": "^3.1.0", + "meros": "^1.1.4" + } + }, "@graphql-tools/batch-execute": { "version": "8.3.1", "resolved": "https://registry.npmjs.org/@graphql-tools/batch-execute/-/batch-execute-8.3.1.tgz", @@ -18670,6 +18735,11 @@ "integrity": "sha512-BTpWy1e+FxN82RnLz4x1+JcEewVdfmUhV1C6/XYD5AjS7PQp9QFF7K8bCD6gzPTr2l+prvqOyVueQhFJxB1vfg==", "requires": {} }, + "@n1ru4l/push-pull-async-iterable-iterator": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@n1ru4l/push-pull-async-iterable-iterator/-/push-pull-async-iterable-iterator-3.1.0.tgz", + "integrity": "sha512-K4scWxGhdQM0masHHy4gIQs2iGiLEXCrXttumknyPJqtdl4J179BjpibWSSQ1fxKdCcHgIlCTKXJU6cMM6D6Wg==" + }, "@napi-rs/triples": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/@napi-rs/triples/-/triples-1.0.3.tgz", @@ -19229,8 +19299,7 @@ "@types/json-schema": { "version": "7.0.9", "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.9.tgz", - "integrity": "sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==", - "devOptional": true + "integrity": "sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==" }, "@types/json5": { "version": "0.0.29", @@ -20456,12 +20525,12 @@ "integrity": "sha512-fqr6CtDQdJ6iNMbD8NX2gH2G876nNDk+TO1rrYkgWnqQdO3O1Xa9tK6q+psqhJJgE5SpbaDcgdfLmukoUVE8pg==" }, "codemirror-graphql": { - "version": "1.2.5", - "resolved": "https://registry.npmjs.org/codemirror-graphql/-/codemirror-graphql-1.2.5.tgz", - "integrity": "sha512-5u+8OAxm72t0qtTYM9q+JLbhETmkbRVQ42HbDRW9MqGQtrlEAKs8pmQo1R9v25BopT9vmud05sP3JwqB4oqjgQ==", + "version": "1.2.6", + "resolved": "https://registry.npmjs.org/codemirror-graphql/-/codemirror-graphql-1.2.6.tgz", + "integrity": "sha512-iwM/M5L/3ju7i/p1HU2RHsMGpV+geCvtx0/zlcN0VVfpEi1VxldkQztMVmYE6RXS/R31NFg1I1Ezb5AdnTw09Q==", "requires": { "@codemirror/stream-parser": "^0.19.2", - "graphql-language-service": "^3.2.5" + "graphql-language-service": "^4.0.0" } }, "color": { @@ -20723,6 +20792,14 @@ "safe-buffer": "~5.1.1" } }, + "copy-to-clipboard": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.1.tgz", + "integrity": "sha512-i13qo6kIHTTpCm8/Wup+0b1mVWETvu2kIMzKoK8FpkLkFxlt0znUAHcMzox+T8sPlqtZXq3CulEjQHsYiGFJUw==", + "requires": { + "toggle-selection": "^1.0.6" + } + }, "core-js-compat": { "version": "3.19.2", "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.19.2.tgz", @@ -21384,8 +21461,7 @@ "entities": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz", - "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==", - "dev": true + "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==" }, "env-paths": { "version": "2.2.1", @@ -22449,6 +22525,22 @@ "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.8.tgz", "integrity": "sha512-qkIilPUYcNhJpd33n0GBXTB1MMPp14TxEsEs0pTrsSVucApsYzW5V+Q8Qxhik6KU3evy+qkAAowTByymK0avdg==" }, + "graphiql": { + "version": "1.5.9", + "resolved": "https://registry.npmjs.org/graphiql/-/graphiql-1.5.9.tgz", + "integrity": "sha512-BrWDLvU9k3Mvi2dqFVvLa31Zgep3NSV2247xecBImwnIada2sMZ8QzYlieSRy/p1/7CFwpHwCmfZNTVkMMU7RA==", + "requires": { + "@graphiql/toolkit": "^0.4.2", + "codemirror": "^5.58.2", + "codemirror-graphql": "^1.2.6", + "copy-to-clipboard": "^3.2.0", + "dset": "^3.1.0", + "entities": "^2.0.0", + "escape-html": "^1.0.3", + "graphql-language-service": "^4.0.0", + "markdown-it": "^12.2.0" + } + }, "graphql": { "version": "16.0.1", "resolved": "https://registry.npmjs.org/graphql/-/graphql-16.0.1.tgz", @@ -22474,25 +22566,26 @@ } }, "graphql-language-service": { - "version": "3.2.5", - "resolved": "https://registry.npmjs.org/graphql-language-service/-/graphql-language-service-3.2.5.tgz", - "integrity": "sha512-utkQ8GfYrR310E7AWk2dGE9QRidIEtAJPJ5j0THHlA+h12s4loZmmGosaHpjzbKy6WCNKNw8aKkqt3eEBxJJRg==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/graphql-language-service/-/graphql-language-service-4.0.0.tgz", + "integrity": "sha512-WKcSoZOmY7BjUwG4nQrBKZTiBUFwHLpl2Zr+HsczrOrTerVa4QcgEiU8jP4nvOjH67kWYcu1YD72MyLLN3BRVQ==", "requires": { - "graphql-language-service-interface": "^2.9.5", + "graphql-language-service-interface": "^2.10.0", "graphql-language-service-parser": "^1.10.3", "graphql-language-service-types": "^1.8.6", - "graphql-language-service-utils": "^2.6.3" + "graphql-language-service-utils": "^2.7.0", + "picomatch": "^2.3.0" } }, "graphql-language-service-interface": { - "version": "2.9.5", - "resolved": "https://registry.npmjs.org/graphql-language-service-interface/-/graphql-language-service-interface-2.9.5.tgz", - "integrity": "sha512-ZZOflhzCgVBjnOInYlX2cB25zY9o+VY+0zMkDyEYY1i/nacSlXiBRa7/v+0evsYiGIxx4WvkPwFgfjhFtLQS9A==", + "version": "2.10.0", + "resolved": "https://registry.npmjs.org/graphql-language-service-interface/-/graphql-language-service-interface-2.10.0.tgz", + "integrity": "sha512-zKH6Ux3oi6p8xmrcMDMxDGHB0Qu0RmFEMsOXHcfwScg10c9FfzduZOeSlj74KW2qduWz3jKbirBFQtOp09fTpw==", "requires": { "graphql-config": "^4.1.0", "graphql-language-service-parser": "^1.10.3", "graphql-language-service-types": "^1.8.6", - "graphql-language-service-utils": "^2.6.3", + "graphql-language-service-utils": "^2.7.0", "vscode-languageserver-types": "^3.15.1" } }, @@ -22513,10 +22606,11 @@ } }, "graphql-language-service-utils": { - "version": "2.6.3", - "resolved": "https://registry.npmjs.org/graphql-language-service-utils/-/graphql-language-service-utils-2.6.3.tgz", - "integrity": "sha512-rc5SToegDZ3VlnC0J7EriWe3G9zxFsPspxNV/rqcMcMq2hON9Q53bxTdg75KTNRUY78h+1ZHsXPEgecQtVk+0w==", + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/graphql-language-service-utils/-/graphql-language-service-utils-2.7.0.tgz", + "integrity": "sha512-OKub3l7AwmvwhrWaJQdpMES4RolM2ZEhCrcljnF8FG8gHj+AkZtGhM22BwSg2P+lti1V4BsWN//XfQ3YaOoKzA==", "requires": { + "@types/json-schema": "7.0.9", "graphql-language-service-types": "^1.8.6", "nullthrows": "^1.0.0" } @@ -27408,6 +27502,11 @@ "is-number": "^7.0.0" } }, + "toggle-selection": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz", + "integrity": "sha1-bkWxJj8gF/oKzH2J14sVuL932jI=" + }, "toidentifier": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz", diff --git a/packages/grafnode-run/package-lock.json b/packages/grafnode-run/package-lock.json index 2446473e..c896734e 100644 --- a/packages/grafnode-run/package-lock.json +++ b/packages/grafnode-run/package-lock.json @@ -18,6 +18,7 @@ "codemirror": "^5.64.0", "codemirror-graphql": "^1.2.5", "escape-html": "^1.0.3", + "graphiql": "^1.5.9", "graphql-request": "^3.7.0", "immer": "^9.0.7", "lodash": "^4.17.21", @@ -1930,6 +1931,19 @@ "@grafnode/www": "^0.0.1" } }, + "node_modules/@graphiql/toolkit": { + "version": "0.4.2", + "resolved": "https://registry.npmjs.org/@graphiql/toolkit/-/toolkit-0.4.2.tgz", + "integrity": "sha512-14uG67QrONbRrhXwvBJFsMfcQfexmGhj7dgkputesx9xuPUkcCDNmVULnVA8sGYt8P/rSvjkfQYx3rtfW+GhAQ==", + "dependencies": { + "@n1ru4l/push-pull-async-iterable-iterator": "^3.1.0", + "meros": "^1.1.4" + }, + "peerDependencies": { + "graphql": "^15.5.0 || ^16.0.0", + "graphql-ws": ">= 4.5.0" + } + }, "node_modules/@graphql-tools/batch-execute": { "version": "8.3.1", "resolved": "https://registry.npmjs.org/@graphql-tools/batch-execute/-/batch-execute-8.3.1.tgz", @@ -2184,6 +2198,14 @@ "graphql": "^15.4.0 || ^16.0.0" } }, + "node_modules/@n1ru4l/push-pull-async-iterable-iterator": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@n1ru4l/push-pull-async-iterable-iterator/-/push-pull-async-iterable-iterator-3.1.0.tgz", + "integrity": "sha512-K4scWxGhdQM0masHHy4gIQs2iGiLEXCrXttumknyPJqtdl4J179BjpibWSSQ1fxKdCcHgIlCTKXJU6cMM6D6Wg==", + "engines": { + "node": ">=12" + } + }, "node_modules/@napi-rs/triples": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/@napi-rs/triples/-/triples-1.0.3.tgz", @@ -2607,9 +2629,7 @@ "node_modules/@types/json-schema": { "version": "7.0.9", "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.9.tgz", - "integrity": "sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==", - "optional": true, - "peer": true + "integrity": "sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==" }, "node_modules/@types/json5": { "version": "0.0.29", @@ -3657,12 +3677,12 @@ "integrity": "sha512-fqr6CtDQdJ6iNMbD8NX2gH2G876nNDk+TO1rrYkgWnqQdO3O1Xa9tK6q+psqhJJgE5SpbaDcgdfLmukoUVE8pg==" }, "node_modules/codemirror-graphql": { - "version": "1.2.5", - "resolved": "https://registry.npmjs.org/codemirror-graphql/-/codemirror-graphql-1.2.5.tgz", - "integrity": "sha512-5u+8OAxm72t0qtTYM9q+JLbhETmkbRVQ42HbDRW9MqGQtrlEAKs8pmQo1R9v25BopT9vmud05sP3JwqB4oqjgQ==", + "version": "1.2.6", + "resolved": "https://registry.npmjs.org/codemirror-graphql/-/codemirror-graphql-1.2.6.tgz", + "integrity": "sha512-iwM/M5L/3ju7i/p1HU2RHsMGpV+geCvtx0/zlcN0VVfpEi1VxldkQztMVmYE6RXS/R31NFg1I1Ezb5AdnTw09Q==", "dependencies": { "@codemirror/stream-parser": "^0.19.2", - "graphql-language-service": "^3.2.5" + "graphql-language-service": "^4.0.0" }, "peerDependencies": { "codemirror": "^5.58.2", @@ -3764,6 +3784,14 @@ "safe-buffer": "~5.1.1" } }, + "node_modules/copy-to-clipboard": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.1.tgz", + "integrity": "sha512-i13qo6kIHTTpCm8/Wup+0b1mVWETvu2kIMzKoK8FpkLkFxlt0znUAHcMzox+T8sPlqtZXq3CulEjQHsYiGFJUw==", + "dependencies": { + "toggle-selection": "^1.0.6" + } + }, "node_modules/core-js-compat": { "version": "3.19.2", "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.19.2.tgz", @@ -5356,6 +5384,27 @@ "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.8.tgz", "integrity": "sha512-qkIilPUYcNhJpd33n0GBXTB1MMPp14TxEsEs0pTrsSVucApsYzW5V+Q8Qxhik6KU3evy+qkAAowTByymK0avdg==" }, + "node_modules/graphiql": { + "version": "1.5.9", + "resolved": "https://registry.npmjs.org/graphiql/-/graphiql-1.5.9.tgz", + "integrity": "sha512-BrWDLvU9k3Mvi2dqFVvLa31Zgep3NSV2247xecBImwnIada2sMZ8QzYlieSRy/p1/7CFwpHwCmfZNTVkMMU7RA==", + "dependencies": { + "@graphiql/toolkit": "^0.4.2", + "codemirror": "^5.58.2", + "codemirror-graphql": "^1.2.6", + "copy-to-clipboard": "^3.2.0", + "dset": "^3.1.0", + "entities": "^2.0.0", + "escape-html": "^1.0.3", + "graphql-language-service": "^4.0.0", + "markdown-it": "^12.2.0" + }, + "peerDependencies": { + "graphql": "^15.5.0 || ^16.0.0", + "react": "^16.8.0 || ^17.0.0 || ^18.0.0", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" + } + }, "node_modules/graphql": { "version": "16.0.1", "resolved": "https://registry.npmjs.org/graphql/-/graphql-16.0.1.tgz", @@ -5390,14 +5439,15 @@ } }, "node_modules/graphql-language-service": { - "version": "3.2.5", - "resolved": "https://registry.npmjs.org/graphql-language-service/-/graphql-language-service-3.2.5.tgz", - "integrity": "sha512-utkQ8GfYrR310E7AWk2dGE9QRidIEtAJPJ5j0THHlA+h12s4loZmmGosaHpjzbKy6WCNKNw8aKkqt3eEBxJJRg==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/graphql-language-service/-/graphql-language-service-4.0.0.tgz", + "integrity": "sha512-WKcSoZOmY7BjUwG4nQrBKZTiBUFwHLpl2Zr+HsczrOrTerVa4QcgEiU8jP4nvOjH67kWYcu1YD72MyLLN3BRVQ==", "dependencies": { - "graphql-language-service-interface": "^2.9.5", + "graphql-language-service-interface": "^2.10.0", "graphql-language-service-parser": "^1.10.3", "graphql-language-service-types": "^1.8.6", - "graphql-language-service-utils": "^2.6.3" + "graphql-language-service-utils": "^2.7.0", + "picomatch": "^2.3.0" }, "bin": { "graphql": "dist/temp-bin.js" @@ -5407,14 +5457,14 @@ } }, "node_modules/graphql-language-service-interface": { - "version": "2.9.5", - "resolved": "https://registry.npmjs.org/graphql-language-service-interface/-/graphql-language-service-interface-2.9.5.tgz", - "integrity": "sha512-ZZOflhzCgVBjnOInYlX2cB25zY9o+VY+0zMkDyEYY1i/nacSlXiBRa7/v+0evsYiGIxx4WvkPwFgfjhFtLQS9A==", + "version": "2.10.0", + "resolved": "https://registry.npmjs.org/graphql-language-service-interface/-/graphql-language-service-interface-2.10.0.tgz", + "integrity": "sha512-zKH6Ux3oi6p8xmrcMDMxDGHB0Qu0RmFEMsOXHcfwScg10c9FfzduZOeSlj74KW2qduWz3jKbirBFQtOp09fTpw==", "dependencies": { "graphql-config": "^4.1.0", "graphql-language-service-parser": "^1.10.3", "graphql-language-service-types": "^1.8.6", - "graphql-language-service-utils": "^2.6.3", + "graphql-language-service-utils": "^2.7.0", "vscode-languageserver-types": "^3.15.1" }, "peerDependencies": { @@ -5444,10 +5494,11 @@ } }, "node_modules/graphql-language-service-utils": { - "version": "2.6.3", - "resolved": "https://registry.npmjs.org/graphql-language-service-utils/-/graphql-language-service-utils-2.6.3.tgz", - "integrity": "sha512-rc5SToegDZ3VlnC0J7EriWe3G9zxFsPspxNV/rqcMcMq2hON9Q53bxTdg75KTNRUY78h+1ZHsXPEgecQtVk+0w==", + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/graphql-language-service-utils/-/graphql-language-service-utils-2.7.0.tgz", + "integrity": "sha512-OKub3l7AwmvwhrWaJQdpMES4RolM2ZEhCrcljnF8FG8gHj+AkZtGhM22BwSg2P+lti1V4BsWN//XfQ3YaOoKzA==", "dependencies": { + "@types/json-schema": "7.0.9", "graphql-language-service-types": "^1.8.6", "nullthrows": "^1.0.0" }, @@ -8747,6 +8798,11 @@ "node": ">=8.0" } }, + "node_modules/toggle-selection": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz", + "integrity": "sha1-bkWxJj8gF/oKzH2J14sVuL932jI=" + }, "node_modules/toidentifier": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz", @@ -10635,6 +10691,15 @@ "@grafnode/www": "^0.0.1" } }, + "@graphiql/toolkit": { + "version": "0.4.2", + "resolved": "https://registry.npmjs.org/@graphiql/toolkit/-/toolkit-0.4.2.tgz", + "integrity": "sha512-14uG67QrONbRrhXwvBJFsMfcQfexmGhj7dgkputesx9xuPUkcCDNmVULnVA8sGYt8P/rSvjkfQYx3rtfW+GhAQ==", + "requires": { + "@n1ru4l/push-pull-async-iterable-iterator": "^3.1.0", + "meros": "^1.1.4" + } + }, "@graphql-tools/batch-execute": { "version": "8.3.1", "resolved": "https://registry.npmjs.org/@graphql-tools/batch-execute/-/batch-execute-8.3.1.tgz", @@ -10846,6 +10911,11 @@ "integrity": "sha512-BTpWy1e+FxN82RnLz4x1+JcEewVdfmUhV1C6/XYD5AjS7PQp9QFF7K8bCD6gzPTr2l+prvqOyVueQhFJxB1vfg==", "requires": {} }, + "@n1ru4l/push-pull-async-iterable-iterator": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@n1ru4l/push-pull-async-iterable-iterator/-/push-pull-async-iterable-iterator-3.1.0.tgz", + "integrity": "sha512-K4scWxGhdQM0masHHy4gIQs2iGiLEXCrXttumknyPJqtdl4J179BjpibWSSQ1fxKdCcHgIlCTKXJU6cMM6D6Wg==" + }, "@napi-rs/triples": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/@napi-rs/triples/-/triples-1.0.3.tgz", @@ -11106,9 +11176,7 @@ "@types/json-schema": { "version": "7.0.9", "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.9.tgz", - "integrity": "sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==", - "optional": true, - "peer": true + "integrity": "sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==" }, "@types/json5": { "version": "0.0.29", @@ -11938,12 +12006,12 @@ "integrity": "sha512-fqr6CtDQdJ6iNMbD8NX2gH2G876nNDk+TO1rrYkgWnqQdO3O1Xa9tK6q+psqhJJgE5SpbaDcgdfLmukoUVE8pg==" }, "codemirror-graphql": { - "version": "1.2.5", - "resolved": "https://registry.npmjs.org/codemirror-graphql/-/codemirror-graphql-1.2.5.tgz", - "integrity": "sha512-5u+8OAxm72t0qtTYM9q+JLbhETmkbRVQ42HbDRW9MqGQtrlEAKs8pmQo1R9v25BopT9vmud05sP3JwqB4oqjgQ==", + "version": "1.2.6", + "resolved": "https://registry.npmjs.org/codemirror-graphql/-/codemirror-graphql-1.2.6.tgz", + "integrity": "sha512-iwM/M5L/3ju7i/p1HU2RHsMGpV+geCvtx0/zlcN0VVfpEi1VxldkQztMVmYE6RXS/R31NFg1I1Ezb5AdnTw09Q==", "requires": { "@codemirror/stream-parser": "^0.19.2", - "graphql-language-service": "^3.2.5" + "graphql-language-service": "^4.0.0" } }, "color": { @@ -12034,6 +12102,14 @@ "safe-buffer": "~5.1.1" } }, + "copy-to-clipboard": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.1.tgz", + "integrity": "sha512-i13qo6kIHTTpCm8/Wup+0b1mVWETvu2kIMzKoK8FpkLkFxlt0znUAHcMzox+T8sPlqtZXq3CulEjQHsYiGFJUw==", + "requires": { + "toggle-selection": "^1.0.6" + } + }, "core-js-compat": { "version": "3.19.2", "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.19.2.tgz", @@ -13273,6 +13349,22 @@ "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.8.tgz", "integrity": "sha512-qkIilPUYcNhJpd33n0GBXTB1MMPp14TxEsEs0pTrsSVucApsYzW5V+Q8Qxhik6KU3evy+qkAAowTByymK0avdg==" }, + "graphiql": { + "version": "1.5.9", + "resolved": "https://registry.npmjs.org/graphiql/-/graphiql-1.5.9.tgz", + "integrity": "sha512-BrWDLvU9k3Mvi2dqFVvLa31Zgep3NSV2247xecBImwnIada2sMZ8QzYlieSRy/p1/7CFwpHwCmfZNTVkMMU7RA==", + "requires": { + "@graphiql/toolkit": "^0.4.2", + "codemirror": "^5.58.2", + "codemirror-graphql": "^1.2.6", + "copy-to-clipboard": "^3.2.0", + "dset": "^3.1.0", + "entities": "^2.0.0", + "escape-html": "^1.0.3", + "graphql-language-service": "^4.0.0", + "markdown-it": "^12.2.0" + } + }, "graphql": { "version": "16.0.1", "resolved": "https://registry.npmjs.org/graphql/-/graphql-16.0.1.tgz", @@ -13298,25 +13390,26 @@ } }, "graphql-language-service": { - "version": "3.2.5", - "resolved": "https://registry.npmjs.org/graphql-language-service/-/graphql-language-service-3.2.5.tgz", - "integrity": "sha512-utkQ8GfYrR310E7AWk2dGE9QRidIEtAJPJ5j0THHlA+h12s4loZmmGosaHpjzbKy6WCNKNw8aKkqt3eEBxJJRg==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/graphql-language-service/-/graphql-language-service-4.0.0.tgz", + "integrity": "sha512-WKcSoZOmY7BjUwG4nQrBKZTiBUFwHLpl2Zr+HsczrOrTerVa4QcgEiU8jP4nvOjH67kWYcu1YD72MyLLN3BRVQ==", "requires": { - "graphql-language-service-interface": "^2.9.5", + "graphql-language-service-interface": "^2.10.0", "graphql-language-service-parser": "^1.10.3", "graphql-language-service-types": "^1.8.6", - "graphql-language-service-utils": "^2.6.3" + "graphql-language-service-utils": "^2.7.0", + "picomatch": "^2.3.0" } }, "graphql-language-service-interface": { - "version": "2.9.5", - "resolved": "https://registry.npmjs.org/graphql-language-service-interface/-/graphql-language-service-interface-2.9.5.tgz", - "integrity": "sha512-ZZOflhzCgVBjnOInYlX2cB25zY9o+VY+0zMkDyEYY1i/nacSlXiBRa7/v+0evsYiGIxx4WvkPwFgfjhFtLQS9A==", + "version": "2.10.0", + "resolved": "https://registry.npmjs.org/graphql-language-service-interface/-/graphql-language-service-interface-2.10.0.tgz", + "integrity": "sha512-zKH6Ux3oi6p8xmrcMDMxDGHB0Qu0RmFEMsOXHcfwScg10c9FfzduZOeSlj74KW2qduWz3jKbirBFQtOp09fTpw==", "requires": { "graphql-config": "^4.1.0", "graphql-language-service-parser": "^1.10.3", "graphql-language-service-types": "^1.8.6", - "graphql-language-service-utils": "^2.6.3", + "graphql-language-service-utils": "^2.7.0", "vscode-languageserver-types": "^3.15.1" } }, @@ -13337,10 +13430,11 @@ } }, "graphql-language-service-utils": { - "version": "2.6.3", - "resolved": "https://registry.npmjs.org/graphql-language-service-utils/-/graphql-language-service-utils-2.6.3.tgz", - "integrity": "sha512-rc5SToegDZ3VlnC0J7EriWe3G9zxFsPspxNV/rqcMcMq2hON9Q53bxTdg75KTNRUY78h+1ZHsXPEgecQtVk+0w==", + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/graphql-language-service-utils/-/graphql-language-service-utils-2.7.0.tgz", + "integrity": "sha512-OKub3l7AwmvwhrWaJQdpMES4RolM2ZEhCrcljnF8FG8gHj+AkZtGhM22BwSg2P+lti1V4BsWN//XfQ3YaOoKzA==", "requires": { + "@types/json-schema": "7.0.9", "graphql-language-service-types": "^1.8.6", "nullthrows": "^1.0.0" } @@ -15755,6 +15849,11 @@ "is-number": "^7.0.0" } }, + "toggle-selection": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz", + "integrity": "sha1-bkWxJj8gF/oKzH2J14sVuL932jI=" + }, "toidentifier": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz", diff --git a/packages/grafnode-run/package.json b/packages/grafnode-run/package.json index 59a8f002..acbbdda8 100644 --- a/packages/grafnode-run/package.json +++ b/packages/grafnode-run/package.json @@ -30,6 +30,7 @@ "codemirror": "^5.64.0", "codemirror-graphql": "^1.2.5", "escape-html": "^1.0.3", + "graphiql": "^1.5.9", "graphql-request": "^3.7.0", "immer": "^9.0.7", "lodash": "^4.17.21", diff --git a/packages/grafnode-run/src/pages/_app.js b/packages/grafnode-run/src/pages/_app.js index a9478637..445558e4 100644 --- a/packages/grafnode-run/src/pages/_app.js +++ b/packages/grafnode-run/src/pages/_app.js @@ -4,6 +4,7 @@ import '../styles/globals.css' import 'tailwindcss/dist/tailwind.min.css'; import 'react-tabs/style/react-tabs.css'; import 'codemirror/lib/codemirror.css'; +import 'graphiql/graphiql.min.css'; function MyApp({ Component, pageProps }) { return (