Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@apollographql/graphql-playground-html

Package Overview
Dependencies
Maintainers
7
Versions
17
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@apollographql/graphql-playground-html - npm Package Compare versions

Comparing version 1.6.6 to 1.6.13-alpha.0

6

dist/render-playground-page.d.ts

@@ -12,5 +12,7 @@ export interface MiddlewareOptions {

}
export declare type CursorShape = 'line' | 'block' | 'underline';
export declare type Theme = 'dark' | 'light';
export interface ISettings {
'general.betaUpdates': boolean;
'editor.cursorShape': CursorShape;
'editor.theme': Theme;

@@ -50,5 +52,7 @@ 'editor.reuseHeaders': boolean;

export interface RenderPageOptions extends MiddlewareOptions {
version: string;
version?: string;
cdnUrl?: string;
env?: any;
title?: string;
faviconUrl?: string | null;
}

@@ -55,0 +59,0 @@ export interface Tab {

12

dist/render-playground-page.js

@@ -14,10 +14,4 @@ "use strict";

var getCdnMarkup = function (_a) {
var version = _a.version, _b = _a.cdnUrl, cdnUrl = _b === void 0 ? '//cdn.jsdelivr.net/npm' : _b;
return "\n <link rel=\"stylesheet\" href=\"" + cdnUrl + "/graphql-playground-react" + (version
? "@" + version
: '') + "/build/static/css/index.css\" />\n <link rel=\"shortcut icon\" href=\"" + cdnUrl + "/graphql-playground-react" + (version
? "@" + version
: '') + "/build/favicon.png\" />\n <script src=\"" + cdnUrl + "/graphql-playground-react" + (version
? "@" + version
: '') + "/build/static/js/middleware.js\"></script>\n";
var version = _a.version, _b = _a.cdnUrl, cdnUrl = _b === void 0 ? '//cdn.jsdelivr.net/npm' : _b, faviconUrl = _a.faviconUrl;
return "\n <link rel=\"stylesheet\" href=\"" + cdnUrl + "/graphql-playground-react" + (version ? "@" + version : '') + "/build/static/css/index.css\" />\n " + (typeof faviconUrl === 'string' ? "<link rel=\"shortcut icon\" href=\"" + faviconUrl + "\" />" : '') + "\n " + (faviconUrl === undefined ? "<link rel=\"shortcut icon\" href=\"" + cdnUrl + "/graphql-playground-react" + (version ? "@" + version : '') + "/build/favicon.png\" />" : '') + "\n <script src=\"" + cdnUrl + "/graphql-playground-react" + (version ? "@" + version : '') + "/build/static/js/middleware.js\"></script>\n";
};

@@ -37,3 +31,3 @@ function renderPlaygroundPage(options) {

}
return "\n <!DOCTYPE html>\n <html>\n <head>\n <meta charset=utf-8 />\n <meta name=\"viewport\" content=\"user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui\">\n <link rel=\"shortcut icon\" href=\"https://graphcool-playground.netlify.com/favicon.png\">\n <title>" + (extendedOptions.title || 'GraphQL Playground') + "</title>\n " + (extendedOptions.env === 'react' || extendedOptions.env === 'electron'
return "\n <!DOCTYPE html>\n <html>\n <head>\n <meta charset=utf-8 />\n <meta name=\"viewport\" content=\"user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui\">\n <link href=\"https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Source+Code+Pro:400,700\" rel=\"stylesheet\">\n <title>" + (extendedOptions.title || 'GraphQL Playground') + "</title>\n " + (extendedOptions.env === 'react' || extendedOptions.env === 'electron'
? ''

@@ -40,0 +34,0 @@ : getCdnMarkup(extendedOptions)) + "\n </head>\n <body>\n <style type=\"text/css\">\n html {\n font-family: \"Open Sans\", sans-serif;\n overflow: hidden;\n }\n \n body {\n margin: 0;\n background: #172a3a;\n }\n \n .playgroundIn {\n -webkit-animation: playgroundIn 0.5s ease-out forwards;\n animation: playgroundIn 0.5s ease-out forwards;\n }\n \n @-webkit-keyframes playgroundIn {\n from {\n opacity: 0;\n -webkit-transform: translateY(10px);\n -ms-transform: translateY(10px);\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n }\n \n @keyframes playgroundIn {\n from {\n opacity: 0;\n -webkit-transform: translateY(10px);\n -ms-transform: translateY(10px);\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n }\n </style>\n " + loading.container + "\n <div id=\"root\" />\n <script type=\"text/javascript\">\n window.addEventListener('load', function (event) {\n " + loading.script + "\n \n const root = document.getElementById('root');\n root.classList.add('playgroundIn');\n \n GraphQLPlayground.init(root, " + JSON.stringify(extendedOptions, null, 2) + ")\n })\n </script>\n </body>\n </html>\n";

{
"name": "@apollographql/graphql-playground-html",
"version": "1.6.6",
"version": "1.6.13-alpha.0",
"homepage": "https://github.com/graphcool/graphql-playground/tree/master/packages/graphql-playground-html",

@@ -12,3 +12,3 @@ "description": "GraphQL IDE for better development workflows (GraphQL Subscriptions, interactive docs & collaboration).",

"repository": "http://github.com/graphcool/graphql-playground.git",
"license": "SEE LICENSE IN LICENSE",
"license": "MIT",
"main": "dist/index.js",

@@ -15,0 +15,0 @@ "files": [

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc