├── .gitignore ├── MANIFEST.in ├── README.md ├── README.rst ├── django_graphiql ├── __init__.py ├── static │ └── graphiql │ │ ├── fetch.min.js │ │ ├── graphiql.css │ │ ├── graphiql.min.js │ │ ├── react-dom.min.js │ │ └── react.min.js ├── templates │ └── graphiql │ │ └── index.html ├── urls.py └── views.py └── setup.py /.gitignore: -------------------------------------------------------------------------------- 1 | *.pyc 2 | basic.py 3 | *.egg-info 4 | dist/* 5 | build/* 6 | *.DS_Store 7 | *.sublime-* 8 | .idea 9 | -------------------------------------------------------------------------------- /MANIFEST.in: -------------------------------------------------------------------------------- 1 | include README.md 2 | recursive-include django_graphiql/static/graphiql * 3 | recursive-include django_graphiql/templates/graphiql * 4 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Django GraphiQL [![PyPI version](https://badge.fury.io/py/django-graphiql.svg)](https://badge.fury.io/py/django-graphiql) 2 | 3 | Django GraphiQL is a library for integrating [GraphiQL](https://github.com/graphql/graphiql) inside your Django project, so you can test your [GraphQL](https://github.com/graphql-python/graphql-core) schemas easily. 4 | 5 | This library versioning go in partity with GraphiQL. 6 | 7 | ## Installing 8 | 9 | For installing this library just run in your favorite shell: 10 | 11 | ```bash 12 | pip install django-graphiql 13 | ``` 14 | 15 | ## Configuring 16 | 17 | In settings.py add `'django_graphiql'` into `INSTALLED_APPS`, so it will look like 18 | 19 | ```python 20 | INSTALLED_APPS = [ 21 | # ... 22 | 'django_graphiql', 23 | # ... 24 | ] 25 | ``` 26 | 27 | And then, add into your urls.py: 28 | 29 | ```python 30 | urlpatterns = [ 31 | # Your other urls... 32 | url(r'^graphiql', include('django_graphiql.urls')), 33 | ] 34 | ``` 35 | 36 | If you want to configure the default query, just set `GRAPHIQL_DEFAULT_QUERY` in your settings 37 | to the desired value. 38 | -------------------------------------------------------------------------------- /README.rst: -------------------------------------------------------------------------------- 1 | Django GraphiQL 2 | =============== 3 | 4 | .. image:: https://badge.fury.io/py/django-graphiql.svg 5 | :target: https://badge.fury.io/py/django-graphiql 6 | 7 | Django GraphiQL is a library for integrating `GraphiQL`_ inside your 8 | Django project, so you can test your `GraphQL`_ schemas easily. 9 | 10 | This library versioning go in partity with GraphiQL. 11 | 12 | Installing 13 | ---------- 14 | 15 | For installing this library just run in your favorite shell: 16 | 17 | .. code:: bash 18 | 19 | pip install django-graphiql 20 | 21 | Configuring 22 | ----------- 23 | 24 | In settings.py add ``'django_graphiql'`` into ``INSTALLED_APPS``, so it 25 | will look like 26 | 27 | .. code:: python 28 | 29 | INSTALLED_APPS = [ 30 | # ... 31 | 'django_graphiql', 32 | # ... 33 | ] 34 | 35 | And then, add into your urls.py: 36 | 37 | .. code:: python 38 | 39 | urlpatterns = [ 40 | # Your other urls... 41 | url(r'^graphiql', include('django_graphiql.urls')), 42 | ] 43 | 44 | .. _GraphiQL: https://github.com/graphql/graphiql 45 | .. _GraphQL: https://github.com/graphql-python/graphql-core 46 | -------------------------------------------------------------------------------- /django_graphiql/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GraphQL-python-archive/django-graphiql/c11de17261bd441a515c4ae0cf536967ea7e2fc1/django_graphiql/__init__.py -------------------------------------------------------------------------------- /django_graphiql/static/graphiql/fetch.min.js: -------------------------------------------------------------------------------- 1 | !function(){"use strict";function t(t){if("string"!=typeof t&&(t=t.toString()),/[^a-z0-9\-#$%&'*+.\^_`|~]/i.test(t))throw new TypeError("Invalid character in header field name");return t.toLowerCase()}function e(t){return"string"!=typeof t&&(t=t.toString()),t}function r(t){this.map={},t instanceof r?t.forEach(function(t,e){this.append(e,t)},this):t&&Object.getOwnPropertyNames(t).forEach(function(e){this.append(e,t[e])},this)}function o(t){return t.bodyUsed?Promise.reject(new TypeError("Already read")):void(t.bodyUsed=!0)}function n(t){return new Promise(function(e,r){t.onload=function(){e(t.result)},t.onerror=function(){r(t.error)}})}function s(t){var e=new FileReader;return e.readAsArrayBuffer(t),n(e)}function i(t){var e=new FileReader;return e.readAsText(t),n(e)}function a(){return this.bodyUsed=!1,this._initBody=function(t){if(this._bodyInit=t,"string"==typeof t)this._bodyText=t;else if(p.blob&&Blob.prototype.isPrototypeOf(t))this._bodyBlob=t;else if(p.formData&&FormData.prototype.isPrototypeOf(t))this._bodyFormData=t;else{if(t)throw new Error("unsupported BodyInit type");this._bodyText=""}},p.blob?(this.blob=function(){var t=o(this);if(t)return t;if(this._bodyBlob)return Promise.resolve(this._bodyBlob);if(this._bodyFormData)throw new Error("could not read FormData body as blob");return Promise.resolve(new Blob([this._bodyText]))},this.arrayBuffer=function(){return this.blob().then(s)},this.text=function(){var t=o(this);if(t)return t;if(this._bodyBlob)return i(this._bodyBlob);if(this._bodyFormData)throw new Error("could not read FormData body as text");return Promise.resolve(this._bodyText)}):this.text=function(){var t=o(this);return t?t:Promise.resolve(this._bodyText)},p.formData&&(this.formData=function(){return this.text().then(h)}),this.json=function(){return this.text().then(JSON.parse)},this}function u(t){var e=t.toUpperCase();return c.indexOf(e)>-1?e:t}function f(t,e){if(e=e||{},this.url=t,this.credentials=e.credentials||"omit",this.headers=new r(e.headers),this.method=u(e.method||"GET"),this.mode=e.mode||null,this.referrer=null,("GET"===this.method||"HEAD"===this.method)&&e.body)throw new TypeError("Body not allowed for GET or HEAD requests");this._initBody(e.body)}function h(t){var e=new FormData;return t.trim().split("&").forEach(function(t){if(t){var r=t.split("="),o=r.shift().replace(/\+/g," "),n=r.join("=").replace(/\+/g," ");e.append(decodeURIComponent(o),decodeURIComponent(n))}}),e}function d(t){var e=new r,o=t.getAllResponseHeaders().trim().split("\n");return o.forEach(function(t){var r=t.trim().split(":"),o=r.shift().trim(),n=r.join(":").trim();e.append(o,n)}),e}function l(t,e){e||(e={}),this._initBody(t),this.type="default",this.url=null,this.status=e.status,this.ok=this.status>=200&&this.status<300,this.statusText=e.statusText,this.headers=e.headers instanceof r?e.headers:new r(e.headers),this.url=e.url||""}if(!self.fetch){r.prototype.append=function(r,o){r=t(r),o=e(o);var n=this.map[r];n||(n=[],this.map[r]=n),n.push(o)},r.prototype["delete"]=function(e){delete this.map[t(e)]},r.prototype.get=function(e){var r=this.map[t(e)];return r?r[0]:null},r.prototype.getAll=function(e){return this.map[t(e)]||[]},r.prototype.has=function(e){return this.map.hasOwnProperty(t(e))},r.prototype.set=function(r,o){this.map[t(r)]=[e(o)]},r.prototype.forEach=function(t,e){Object.getOwnPropertyNames(this.map).forEach(function(r){this.map[r].forEach(function(o){t.call(e,o,r,this)},this)},this)};var p={blob:"FileReader"in self&&"Blob"in self&&function(){try{return new Blob,!0}catch(t){return!1}}(),formData:"FormData"in self},c=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];a.call(f.prototype),a.call(l.prototype),self.Headers=r,self.Request=f,self.Response=l,self.fetch=function(t,e){var r;return r=f.prototype.isPrototypeOf(t)&&!e?t:new f(t,e),new Promise(function(t,e){function o(){return"responseURL"in n?n.responseURL:/^X-Request-URL:/m.test(n.getAllResponseHeaders())?n.getResponseHeader("X-Request-URL"):void 0}var n=new XMLHttpRequest;n.onload=function(){var r=1223===n.status?204:n.status;if(100>r||r>599)return void e(new TypeError("Network request failed"));var s={status:r,statusText:n.statusText,headers:d(n),url:o()},i="response"in n?n.response:n.responseText;t(new l(i,s))},n.onerror=function(){e(new TypeError("Network request failed"))},n.open(r.method,r.url,!0),"include"===r.credentials&&(n.withCredentials=!0),"responseType"in n&&p.blob&&(n.responseType="blob"),r.headers.forEach(function(t,e){n.setRequestHeader(e,t)}),n.send("undefined"==typeof r._bodyInit?null:r._bodyInit)})},self.fetch.polyfill=!0}}(); 2 | -------------------------------------------------------------------------------- /django_graphiql/static/graphiql/graphiql.css: -------------------------------------------------------------------------------- 1 | #graphiql-container { 2 | color: #141823; 3 | display: flex; 4 | display: -webkit-flex; 5 | flex-direction: row; 6 | -webkit-flex-direction: row; 7 | font-family: 8 | system, 9 | -apple-system, 10 | 'San Francisco', 11 | '.SFNSDisplay-Regular', 12 | 'Segoe UI', 13 | Segoe, 14 | 'Segoe WP', 15 | 'Helvetica Neue', 16 | helvetica, 17 | 'Lucida Grande', 18 | arial, 19 | sans-serif; 20 | font-size: 14px; 21 | height: 100%; 22 | margin: 0; 23 | overflow: hidden; 24 | width: 100%; 25 | } 26 | 27 | #graphiql-container .editorWrap { 28 | display: -webkit-flex; 29 | display: flex; 30 | -webkit-flex-direction: column; 31 | flex-direction: column; 32 | -webkit-flex: 1; 33 | flex: 1; 34 | } 35 | 36 | #graphiql-container .title { 37 | font-size: 18px; 38 | } 39 | 40 | #graphiql-container .title em { 41 | font-family: georgia; 42 | font-size: 19px; 43 | } 44 | 45 | #graphiql-container .topBarWrap { 46 | display: -webkit-flex; 47 | display: flex; 48 | -webkit-flex-direction: row; 49 | flex-direction: row; 50 | } 51 | 52 | #graphiql-container .topBar { 53 | -webkit-align-items: center; 54 | align-items: center; 55 | background: -webkit-linear-gradient(#f7f7f7, #e2e2e2); 56 | background: linear-gradient(#f7f7f7, #e2e2e2); 57 | border-bottom: 1px solid #d0d0d0; 58 | cursor: default; 59 | display: -webkit-flex; 60 | display: flex; 61 | height: 34px; 62 | padding: 7px 14px 6px; 63 | -webkit-flex: 1; 64 | flex: 1; 65 | -webkit-flex-direction: row; 66 | flex-direction: row; 67 | -webkit-user-select: none; 68 | user-select: none; 69 | } 70 | 71 | #graphiql-container .toolbar { 72 | overflow-x: auto; 73 | } 74 | 75 | #graphiql-container .docExplorerShow { 76 | background: -webkit-linear-gradient(#f7f7f7, #e2e2e2); 77 | background: linear-gradient(#f7f7f7, #e2e2e2); 78 | border-bottom: 1px solid #d0d0d0; 79 | border-left: 1px solid rgba(0, 0, 0, 0.2); 80 | border-right: none; 81 | border-top: none; 82 | color: #3B5998; 83 | cursor: pointer; 84 | font-size: 14px; 85 | outline: 0; 86 | margin: 0; 87 | padding: 2px 20px 0 18px; 88 | } 89 | 90 | #graphiql-container .docExplorerShow:before { 91 | border-left: 2px solid #3B5998; 92 | border-top: 2px solid #3B5998; 93 | content: ''; 94 | display: inline-block; 95 | height: 9px; 96 | margin: 0 3px -1px 0; 97 | position: relative; 98 | -webkit-transform: rotate(-45deg); 99 | transform: rotate(-45deg); 100 | width: 9px; 101 | } 102 | 103 | #graphiql-container .editorBar { 104 | display: -webkit-flex; 105 | display: flex; 106 | -webkit-flex: 1; 107 | flex: 1; 108 | -webkit-flex-direction: row; 109 | flex-direction: row; 110 | } 111 | 112 | #graphiql-container .queryWrap { 113 | display: -webkit-flex; 114 | display: flex; 115 | -webkit-flex: 1; 116 | flex: 1; 117 | -webkit-flex-direction: column; 118 | flex-direction: column; 119 | } 120 | 121 | #graphiql-container .resultWrap { 122 | border-left: solid 1px #e0e0e0; 123 | display: -webkit-flex; 124 | display: flex; 125 | position: relative; 126 | -webkit-flex: 1; 127 | flex: 1; 128 | -webkit-flex-direction: column; 129 | flex-direction: column; 130 | } 131 | 132 | #graphiql-container .docExplorerWrap { 133 | background: white; 134 | box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); 135 | position: relative; 136 | z-index: 3; 137 | } 138 | 139 | #graphiql-container .docExplorerResizer { 140 | cursor: col-resize; 141 | height: 100%; 142 | left: -5px; 143 | position: absolute; 144 | top: 0; 145 | width: 10px; 146 | z-index: 10; 147 | } 148 | 149 | #graphiql-container .docExplorerHide { 150 | cursor: pointer; 151 | font-size: 18px; 152 | margin: -7px -8px -6px 0; 153 | padding: 18px 16px 15px 12px; 154 | } 155 | 156 | #graphiql-container .query-editor { 157 | -webkit-flex: 1; 158 | flex: 1; 159 | position: relative; 160 | } 161 | 162 | #graphiql-container .variable-editor { 163 | display: -webkit-flex; 164 | display: flex; 165 | height: 29px; 166 | -webkit-flex-direction: column; 167 | flex-direction: column; 168 | position: relative; 169 | } 170 | 171 | #graphiql-container .variable-editor-title { 172 | background: #eeeeee; 173 | border-bottom: 1px solid #d6d6d6; 174 | border-top: 1px solid #e0e0e0; 175 | color: #777; 176 | font-variant: small-caps; 177 | font-weight: bold; 178 | letter-spacing: 1px; 179 | line-height: 14px; 180 | padding: 6px 0 8px 43px; 181 | text-transform: lowercase; 182 | -webkit-user-select: none; 183 | user-select: none; 184 | } 185 | 186 | #graphiql-container .codemirrorWrap { 187 | -webkit-flex: 1; 188 | flex: 1; 189 | position: relative; 190 | } 191 | 192 | #graphiql-container .result-window { 193 | -webkit-flex: 1; 194 | flex: 1; 195 | position: relative; 196 | } 197 | 198 | #graphiql-container .footer { 199 | background: #f6f7f8; 200 | border-left: 1px solid #e0e0e0; 201 | border-top: 1px solid #e0e0e0; 202 | margin-left: 12px; 203 | position: relative; 204 | } 205 | 206 | #graphiql-container .footer:before { 207 | background: #eeeeee; 208 | bottom: 0; 209 | content: " "; 210 | left: -13px; 211 | position: absolute; 212 | top: -1px; 213 | width: 12px; 214 | } 215 | 216 | #graphiql-container .result-window .CodeMirror { 217 | background: #f6f7f8; 218 | } 219 | 220 | #graphiql-container .result-window .CodeMirror-gutters { 221 | background-color: #eeeeee; 222 | border-color: #e0e0e0; 223 | cursor: col-resize; 224 | } 225 | 226 | #graphiql-container .result-window .CodeMirror-foldgutter, 227 | #graphiql-container .result-window .CodeMirror-foldgutter-open:after, 228 | #graphiql-container .result-window .CodeMirror-foldgutter-folded:after { 229 | padding-left: 3px; 230 | } 231 | 232 | #graphiql-container .toolbar-button { 233 | background: #fdfdfd; 234 | background: -webkit-linear-gradient(#fbfbfb, #f8f8f8); 235 | background: linear-gradient(#fbfbfb, #f8f8f8); 236 | border-width: 0.5px; 237 | border-style: solid; 238 | border-color: #d3d3d3 #d0d0d0 #bababa; 239 | border-radius: 4px; 240 | box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.13), inset 0 1px #fff; 241 | color: #444; 242 | cursor: pointer; 243 | display: inline-block; 244 | margin: 0 5px 0; 245 | padding: 2px 8px 4px; 246 | text-decoration: none; 247 | } 248 | 249 | #graphiql-container .toolbar-button:active { 250 | background: -webkit-linear-gradient(#ececec, #d8d8d8); 251 | background: linear-gradient(#ececec, #d8d8d8); 252 | border-color: #cacaca #c9c9c9 #b0b0b0; 253 | box-shadow: 254 | 0 1px 0 #fff, 255 | inset 0 1px rgba(255, 255, 255, 0.2), 256 | inset 0 1px 1px rgba(0, 0, 0, 0.08); 257 | } 258 | 259 | #graphiql-container .toolbar-button.error { 260 | background: -webkit-linear-gradient(#fdf3f3, #e6d6d7); 261 | background: linear-gradient(#fdf3f3, #e6d6d7); 262 | color: #b00; 263 | } 264 | 265 | #graphiql-container .execute-button-wrap { 266 | position: relative; 267 | margin: 0 14px 0 28px; 268 | height: 34px; 269 | } 270 | 271 | #graphiql-container .execute-button { 272 | background: -webkit-linear-gradient(#fdfdfd, #d2d3d6); 273 | background: linear-gradient(#fdfdfd, #d2d3d6); 274 | border: 1px solid rgba(0,0,0,0.25); 275 | border-radius: 17px; 276 | box-shadow: 0 1px 0 #fff; 277 | cursor: pointer; 278 | fill: #444; 279 | height: 34px; 280 | margin: 0; 281 | padding: 0; 282 | width: 34px; 283 | } 284 | 285 | #graphiql-container .execute-button svg { 286 | pointer-events: none; 287 | } 288 | 289 | #graphiql-container .execute-button:active { 290 | background: -webkit-linear-gradient(#e6e6e6, #c0c0c0); 291 | background: linear-gradient(#e6e6e6, #c0c0c0); 292 | box-shadow: 293 | 0 1px 0 #fff, 294 | inset 0 0 2px rgba(0, 0, 0, 0.3), 295 | inset 0 0 6px rgba(0, 0, 0, 0.2); 296 | } 297 | 298 | #graphiql-container .execute-button:focus { 299 | outline: 0; 300 | } 301 | 302 | #graphiql-container .execute-options { 303 | background: #fff; 304 | box-shadow: 305 | 0 0 0 1px rgba(0,0,0,0.1), 306 | 0 2px 4px rgba(0,0,0,0.25); 307 | left: -1px; 308 | margin: 0; 309 | padding: 8px 0; 310 | position: absolute; 311 | top: 37px; 312 | z-index: 100; 313 | } 314 | 315 | #graphiql-container .execute-options li { 316 | padding: 2px 30px 4px 10px; 317 | list-style: none; 318 | min-width: 100px; 319 | cursor: pointer; 320 | } 321 | 322 | #graphiql-container .execute-options li.selected { 323 | background: #e10098; 324 | color: white; 325 | } 326 | 327 | #graphiql-container .CodeMirror-scroll { 328 | -webkit-overflow-scrolling: touch; 329 | } 330 | 331 | #graphiql-container .CodeMirror { 332 | color: #141823; 333 | font-family: 334 | 'Consolas', 335 | 'Inconsolata', 336 | 'Droid Sans Mono', 337 | 'Monaco', 338 | monospace; 339 | font-size: 13px; 340 | height: 100%; 341 | left: 0; 342 | position: absolute; 343 | top: 0; 344 | width: 100%; 345 | } 346 | 347 | #graphiql-container .CodeMirror-lines { 348 | padding: 20px 0; 349 | } 350 | 351 | .CodeMirror-hint-information .content { 352 | -webkit-box-orient: vertical; 353 | box-orient: vertical; 354 | color: #141823; 355 | display: -webkit-box; 356 | font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular', 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande', arial, sans-serif; 357 | font-size: 13px; 358 | -webkit-line-clamp: 3; 359 | line-clamp: 3; 360 | line-height: 16px; 361 | max-height: 48px; 362 | overflow: hidden; 363 | text-overflow: -o-ellipsis-lastline; 364 | } 365 | 366 | .CodeMirror-hint-information .content p:first-child { 367 | margin-top: 0; 368 | } 369 | 370 | .CodeMirror-hint-information .content p:last-child { 371 | margin-bottom: 0; 372 | } 373 | 374 | .CodeMirror-hint-information .infoType { 375 | color: #30a; 376 | cursor: pointer; 377 | display: inline; 378 | margin-right: 0.5em; 379 | } 380 | 381 | .autoInsertedLeaf.cm-property { 382 | -webkit-animation-duration: 6s; 383 | -moz-animation-duration: 6s; 384 | animation-duration: 6s; 385 | -webkit-animation-name: insertionFade; 386 | -moz-animation-name: insertionFade; 387 | animation-name: insertionFade; 388 | border-bottom: 2px solid rgba(255, 255, 255, 0); 389 | border-radius: 2px; 390 | margin: -2px -4px -1px; 391 | padding: 2px 4px 1px; 392 | } 393 | 394 | @-moz-keyframes insertionFade { 395 | from, to { 396 | background: rgba(255, 255, 255, 0); 397 | border-color: rgba(255, 255, 255, 0); 398 | } 399 | 400 | 15%, 85% { 401 | background: #fbffc9; 402 | border-color: #f0f3c0; 403 | } 404 | } 405 | 406 | @-webkit-keyframes insertionFade { 407 | from, to { 408 | background: rgba(255, 255, 255, 0); 409 | border-color: rgba(255, 255, 255, 0); 410 | } 411 | 412 | 15%, 85% { 413 | background: #fbffc9; 414 | border-color: #f0f3c0; 415 | } 416 | } 417 | 418 | @keyframes insertionFade { 419 | from, to { 420 | background: rgba(255, 255, 255, 0); 421 | border-color: rgba(255, 255, 255, 0); 422 | } 423 | 424 | 15%, 85% { 425 | background: #fbffc9; 426 | border-color: #f0f3c0; 427 | } 428 | } 429 | 430 | div.CodeMirror-lint-tooltip { 431 | background-color: white; 432 | border: 0; 433 | border-radius: 2px; 434 | color: #141823; 435 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45); 436 | font-family: 437 | system, 438 | -apple-system, 439 | 'San Francisco', 440 | '.SFNSDisplay-Regular', 441 | 'Segoe UI', 442 | Segoe, 443 | 'Segoe WP', 444 | 'Helvetica Neue', 445 | helvetica, 446 | 'Lucida Grande', 447 | arial, 448 | sans-serif; 449 | font-size: 13px; 450 | line-height: 16px; 451 | opacity: 0; 452 | padding: 6px 10px; 453 | -webkit-transition: opacity 0.15s; 454 | -moz-transition: opacity 0.15s; 455 | -ms-transition: opacity 0.15s; 456 | -o-transition: opacity 0.15s; 457 | transition: opacity 0.15s; 458 | } 459 | 460 | div.CodeMirror-lint-message-error, div.CodeMirror-lint-message-warning { 461 | padding-left: 23px; 462 | } 463 | 464 | /* COLORS */ 465 | 466 | #graphiql-container .CodeMirror-foldmarker { 467 | border-radius: 4px; 468 | background: #08f; 469 | background: -webkit-linear-gradient(#43A8FF, #0F83E8); 470 | background: linear-gradient(#43A8FF, #0F83E8); 471 | box-shadow: 472 | 0 1px 1px rgba(0, 0, 0, 0.2), 473 | inset 0 0 0 1px rgba(0, 0, 0, 0.1); 474 | color: white; 475 | font-family: arial; 476 | font-size: 12px; 477 | line-height: 0; 478 | margin: 0 3px; 479 | padding: 0px 4px 1px; 480 | text-shadow: 0 -1px rgba(0, 0, 0, 0.1); 481 | } 482 | 483 | #graphiql-container div.CodeMirror span.CodeMirror-matchingbracket { 484 | color: #555; 485 | text-decoration: underline; 486 | } 487 | 488 | #graphiql-container div.CodeMirror span.CodeMirror-nonmatchingbracket { 489 | color: #f00; 490 | } 491 | 492 | /* Comment */ 493 | .cm-comment { 494 | color: #999; 495 | } 496 | 497 | /* Punctuation */ 498 | .cm-punctuation { 499 | color: #555; 500 | } 501 | 502 | /* Keyword */ 503 | .cm-keyword { 504 | color: #B11A04; 505 | } 506 | 507 | /* OperationName, FragmentName */ 508 | .cm-def { 509 | color: #D2054E; 510 | } 511 | 512 | /* FieldName */ 513 | .cm-property { 514 | color: #1F61A0; 515 | } 516 | 517 | /* FieldAlias */ 518 | .cm-qualifier { 519 | color: #1C92A9; 520 | } 521 | 522 | /* ArgumentName and ObjectFieldName */ 523 | .cm-attribute { 524 | color: #8B2BB9; 525 | } 526 | 527 | /* Number */ 528 | .cm-number { 529 | color: #2882F9; 530 | } 531 | 532 | /* String */ 533 | .cm-string { 534 | color: #D64292; 535 | } 536 | 537 | /* Boolean */ 538 | .cm-builtin { 539 | color: #D47509; 540 | } 541 | 542 | /* EnumValue */ 543 | .cm-string-2 { 544 | color: #0B7FC7; 545 | } 546 | 547 | /* Variable */ 548 | .cm-variable { 549 | color: #397D13; 550 | } 551 | 552 | /* Directive */ 553 | .cm-meta { 554 | color: #B33086; 555 | } 556 | 557 | /* Type */ 558 | .cm-atom { 559 | color: #CA9800; 560 | } 561 | /* BASICS */ 562 | 563 | .CodeMirror { 564 | /* Set height, width, borders, and global font properties here */ 565 | font-family: monospace; 566 | height: 300px; 567 | color: black; 568 | } 569 | 570 | /* PADDING */ 571 | 572 | .CodeMirror-lines { 573 | padding: 4px 0; /* Vertical padding around content */ 574 | } 575 | .CodeMirror pre { 576 | padding: 0 4px; /* Horizontal padding of content */ 577 | } 578 | 579 | .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { 580 | background-color: white; /* The little square between H and V scrollbars */ 581 | } 582 | 583 | /* GUTTER */ 584 | 585 | .CodeMirror-gutters { 586 | border-right: 1px solid #ddd; 587 | background-color: #f7f7f7; 588 | white-space: nowrap; 589 | } 590 | .CodeMirror-linenumbers {} 591 | .CodeMirror-linenumber { 592 | padding: 0 3px 0 5px; 593 | min-width: 20px; 594 | text-align: right; 595 | color: #999; 596 | white-space: nowrap; 597 | } 598 | 599 | .CodeMirror-guttermarker { color: black; } 600 | .CodeMirror-guttermarker-subtle { color: #999; } 601 | 602 | /* CURSOR */ 603 | 604 | .CodeMirror div.CodeMirror-cursor { 605 | border-left: 1px solid black; 606 | } 607 | /* Shown when moving in bi-directional text */ 608 | .CodeMirror div.CodeMirror-secondarycursor { 609 | border-left: 1px solid silver; 610 | } 611 | .CodeMirror.cm-fat-cursor div.CodeMirror-cursor { 612 | width: auto; 613 | border: 0; 614 | background: #7e7; 615 | } 616 | .CodeMirror.cm-fat-cursor div.CodeMirror-cursors { 617 | z-index: 1; 618 | } 619 | 620 | .cm-animate-fat-cursor { 621 | width: auto; 622 | border: 0; 623 | -webkit-animation: blink 1.06s steps(1) infinite; 624 | -moz-animation: blink 1.06s steps(1) infinite; 625 | animation: blink 1.06s steps(1) infinite; 626 | } 627 | @-moz-keyframes blink { 628 | 0% { background: #7e7; } 629 | 50% { background: none; } 630 | 100% { background: #7e7; } 631 | } 632 | @-webkit-keyframes blink { 633 | 0% { background: #7e7; } 634 | 50% { background: none; } 635 | 100% { background: #7e7; } 636 | } 637 | @keyframes blink { 638 | 0% { background: #7e7; } 639 | 50% { background: none; } 640 | 100% { background: #7e7; } 641 | } 642 | 643 | /* Can style cursor different in overwrite (non-insert) mode */ 644 | div.CodeMirror-overwrite div.CodeMirror-cursor {} 645 | 646 | .cm-tab { display: inline-block; text-decoration: inherit; } 647 | 648 | .CodeMirror-ruler { 649 | border-left: 1px solid #ccc; 650 | position: absolute; 651 | } 652 | 653 | /* DEFAULT THEME */ 654 | 655 | .cm-s-default .cm-keyword {color: #708;} 656 | .cm-s-default .cm-atom {color: #219;} 657 | .cm-s-default .cm-number {color: #164;} 658 | .cm-s-default .cm-def {color: #00f;} 659 | .cm-s-default .cm-variable, 660 | .cm-s-default .cm-punctuation, 661 | .cm-s-default .cm-property, 662 | .cm-s-default .cm-operator {} 663 | .cm-s-default .cm-variable-2 {color: #05a;} 664 | .cm-s-default .cm-variable-3 {color: #085;} 665 | .cm-s-default .cm-comment {color: #a50;} 666 | .cm-s-default .cm-string {color: #a11;} 667 | .cm-s-default .cm-string-2 {color: #f50;} 668 | .cm-s-default .cm-meta {color: #555;} 669 | .cm-s-default .cm-qualifier {color: #555;} 670 | .cm-s-default .cm-builtin {color: #30a;} 671 | .cm-s-default .cm-bracket {color: #997;} 672 | .cm-s-default .cm-tag {color: #170;} 673 | .cm-s-default .cm-attribute {color: #00c;} 674 | .cm-s-default .cm-header {color: blue;} 675 | .cm-s-default .cm-quote {color: #090;} 676 | .cm-s-default .cm-hr {color: #999;} 677 | .cm-s-default .cm-link {color: #00c;} 678 | 679 | .cm-negative {color: #d44;} 680 | .cm-positive {color: #292;} 681 | .cm-header, .cm-strong {font-weight: bold;} 682 | .cm-em {font-style: italic;} 683 | .cm-link {text-decoration: underline;} 684 | .cm-strikethrough {text-decoration: line-through;} 685 | 686 | .cm-s-default .cm-error {color: #f00;} 687 | .cm-invalidchar {color: #f00;} 688 | 689 | .CodeMirror-composing { border-bottom: 2px solid; } 690 | 691 | /* Default styles for common addons */ 692 | 693 | div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;} 694 | div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;} 695 | .CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); } 696 | .CodeMirror-activeline-background {background: #e8f2ff;} 697 | 698 | /* STOP */ 699 | 700 | /* The rest of this file contains styles related to the mechanics of 701 | the editor. You probably shouldn't touch them. */ 702 | 703 | .CodeMirror { 704 | position: relative; 705 | overflow: hidden; 706 | background: white; 707 | } 708 | 709 | .CodeMirror-scroll { 710 | overflow: scroll !important; /* Things will break if this is overridden */ 711 | /* 30px is the magic margin used to hide the element's real scrollbars */ 712 | /* See overflow: hidden in .CodeMirror */ 713 | margin-bottom: -30px; margin-right: -30px; 714 | padding-bottom: 30px; 715 | height: 100%; 716 | outline: none; /* Prevent dragging from highlighting the element */ 717 | position: relative; 718 | } 719 | .CodeMirror-sizer { 720 | position: relative; 721 | border-right: 30px solid transparent; 722 | } 723 | 724 | /* The fake, visible scrollbars. Used to force redraw during scrolling 725 | before actual scrolling happens, thus preventing shaking and 726 | flickering artifacts. */ 727 | .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { 728 | position: absolute; 729 | z-index: 6; 730 | display: none; 731 | } 732 | .CodeMirror-vscrollbar { 733 | right: 0; top: 0; 734 | overflow-x: hidden; 735 | overflow-y: scroll; 736 | } 737 | .CodeMirror-hscrollbar { 738 | bottom: 0; left: 0; 739 | overflow-y: hidden; 740 | overflow-x: scroll; 741 | } 742 | .CodeMirror-scrollbar-filler { 743 | right: 0; bottom: 0; 744 | } 745 | .CodeMirror-gutter-filler { 746 | left: 0; bottom: 0; 747 | } 748 | 749 | .CodeMirror-gutters { 750 | position: absolute; left: 0; top: 0; 751 | min-height: 100%; 752 | z-index: 3; 753 | } 754 | .CodeMirror-gutter { 755 | white-space: normal; 756 | height: 100%; 757 | display: inline-block; 758 | vertical-align: top; 759 | margin-bottom: -30px; 760 | /* Hack to make IE7 behave */ 761 | *zoom:1; 762 | *display:inline; 763 | } 764 | .CodeMirror-gutter-wrapper { 765 | position: absolute; 766 | z-index: 4; 767 | background: none !important; 768 | border: none !important; 769 | } 770 | .CodeMirror-gutter-background { 771 | position: absolute; 772 | top: 0; bottom: 0; 773 | z-index: 4; 774 | } 775 | .CodeMirror-gutter-elt { 776 | position: absolute; 777 | cursor: default; 778 | z-index: 4; 779 | } 780 | .CodeMirror-gutter-wrapper { 781 | -webkit-user-select: none; 782 | -moz-user-select: none; 783 | user-select: none; 784 | } 785 | 786 | .CodeMirror-lines { 787 | cursor: text; 788 | min-height: 1px; /* prevents collapsing before first draw */ 789 | } 790 | .CodeMirror pre { 791 | /* Reset some styles that the rest of the page might have set */ 792 | -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; 793 | border-width: 0; 794 | background: transparent; 795 | font-family: inherit; 796 | font-size: inherit; 797 | margin: 0; 798 | white-space: pre; 799 | word-wrap: normal; 800 | line-height: inherit; 801 | color: inherit; 802 | z-index: 2; 803 | position: relative; 804 | overflow: visible; 805 | -webkit-tap-highlight-color: transparent; 806 | -webkit-font-variant-ligatures: none; 807 | font-variant-ligatures: none; 808 | } 809 | .CodeMirror-wrap pre { 810 | word-wrap: break-word; 811 | white-space: pre-wrap; 812 | word-break: normal; 813 | } 814 | 815 | .CodeMirror-linebackground { 816 | position: absolute; 817 | left: 0; right: 0; top: 0; bottom: 0; 818 | z-index: 0; 819 | } 820 | 821 | .CodeMirror-linewidget { 822 | position: relative; 823 | z-index: 2; 824 | overflow: auto; 825 | } 826 | 827 | .CodeMirror-widget {} 828 | 829 | .CodeMirror-code { 830 | outline: none; 831 | } 832 | 833 | /* Force content-box sizing for the elements where we expect it */ 834 | .CodeMirror-scroll, 835 | .CodeMirror-sizer, 836 | .CodeMirror-gutter, 837 | .CodeMirror-gutters, 838 | .CodeMirror-linenumber { 839 | -moz-box-sizing: content-box; 840 | box-sizing: content-box; 841 | } 842 | 843 | .CodeMirror-measure { 844 | position: absolute; 845 | width: 100%; 846 | height: 0; 847 | overflow: hidden; 848 | visibility: hidden; 849 | } 850 | 851 | .CodeMirror-cursor { position: absolute; } 852 | .CodeMirror-measure pre { position: static; } 853 | 854 | div.CodeMirror-cursors { 855 | visibility: hidden; 856 | position: relative; 857 | z-index: 3; 858 | } 859 | div.CodeMirror-dragcursors { 860 | visibility: visible; 861 | } 862 | 863 | .CodeMirror-focused div.CodeMirror-cursors { 864 | visibility: visible; 865 | } 866 | 867 | .CodeMirror-selected { background: #d9d9d9; } 868 | .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; } 869 | .CodeMirror-crosshair { cursor: crosshair; } 870 | .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; } 871 | .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; } 872 | 873 | .cm-searching { 874 | background: #ffa; 875 | background: rgba(255, 255, 0, .4); 876 | } 877 | 878 | /* IE7 hack to prevent it from returning funny offsetTops on the spans */ 879 | .CodeMirror span { *vertical-align: text-bottom; } 880 | 881 | /* Used to force a border model for a node */ 882 | .cm-force-border { padding-right: .1px; } 883 | 884 | @media print { 885 | /* Hide the cursor when printing */ 886 | .CodeMirror div.CodeMirror-cursors { 887 | visibility: hidden; 888 | } 889 | } 890 | 891 | /* See issue #2901 */ 892 | .cm-tab-wrap-hack:after { content: ''; } 893 | 894 | /* Help users use markselection to safely style text background */ 895 | span.CodeMirror-selectedtext { background: none; } 896 | #graphiql-container .doc-explorer { 897 | background: white; 898 | } 899 | 900 | #graphiql-container .doc-explorer-title-bar { 901 | cursor: default; 902 | display: -webkit-flex; 903 | display: flex; 904 | height: 34px; 905 | line-height: 14px; 906 | padding: 8px 8px 5px; 907 | position: relative; 908 | -webkit-user-select: none; 909 | user-select: none; 910 | } 911 | 912 | #graphiql-container .doc-explorer-title { 913 | padding: 10px 0 10px 10px; 914 | font-weight: bold; 915 | text-align: center; 916 | text-overflow: ellipsis; 917 | white-space: nowrap; 918 | overflow-x: hidden; 919 | -webkit-flex: 1; 920 | flex: 1; 921 | } 922 | 923 | #graphiql-container .doc-explorer-back { 924 | color: #3B5998; 925 | cursor: pointer; 926 | margin: -7px 0 -6px -8px; 927 | overflow-x: hidden; 928 | padding: 17px 12px 16px 16px; 929 | text-overflow: ellipsis; 930 | white-space: nowrap; 931 | } 932 | 933 | #graphiql-container .doc-explorer-back:before { 934 | border-left: 2px solid #3B5998; 935 | border-top: 2px solid #3B5998; 936 | content: ''; 937 | display: inline-block; 938 | height: 9px; 939 | margin: 0 3px -1px 0; 940 | position: relative; 941 | width: 9px; 942 | -webkit-transform: rotate(-45deg); 943 | transform: rotate(-45deg); 944 | } 945 | 946 | #graphiql-container .doc-explorer-rhs { 947 | position: relative; 948 | } 949 | 950 | #graphiql-container .doc-explorer-contents { 951 | background-color: #ffffff; 952 | border-top: 1px solid #d6d6d6; 953 | bottom: 0; 954 | left: 0; 955 | min-width: 300px; 956 | overflow-y: auto; 957 | padding: 20px 15px; 958 | position: absolute; 959 | right: 0; 960 | top: 47px; 961 | } 962 | 963 | #graphiql-container .doc-type-description p:first-child , 964 | #graphiql-container .doc-type-description blockquote:first-child { 965 | margin-top: 0; 966 | } 967 | 968 | #graphiql-container .doc-explorer-contents a { 969 | cursor: pointer; 970 | text-decoration: none; 971 | } 972 | 973 | #graphiql-container .doc-explorer-contents a:hover { 974 | text-decoration: underline; 975 | } 976 | 977 | #graphiql-container .doc-value-description { 978 | padding: 4px 0 8px 12px; 979 | } 980 | 981 | #graphiql-container .doc-category { 982 | margin: 20px 0; 983 | } 984 | 985 | #graphiql-container .doc-category-title { 986 | border-bottom: 1px solid #e0e0e0; 987 | color: #777; 988 | cursor: default; 989 | font-size: 14px; 990 | font-variant: small-caps; 991 | font-weight: bold; 992 | letter-spacing: 1px; 993 | margin: 0 -15px 10px 0; 994 | padding: 10px 0; 995 | -webkit-user-select: none; 996 | user-select: none; 997 | } 998 | 999 | #graphiql-container .doc-category-item { 1000 | margin: 12px 0; 1001 | color: #555; 1002 | } 1003 | 1004 | #graphiql-container .keyword { 1005 | color: #B11A04; 1006 | } 1007 | 1008 | #graphiql-container .type-name { 1009 | color: #CA9800; 1010 | } 1011 | 1012 | #graphiql-container .field-name { 1013 | color: #1F61A0; 1014 | } 1015 | 1016 | #graphiql-container .value-name { 1017 | color: #0B7FC7; 1018 | } 1019 | 1020 | #graphiql-container .arg-name { 1021 | color: #8B2BB9; 1022 | } 1023 | 1024 | #graphiql-container .arg:after { 1025 | content: ', '; 1026 | } 1027 | 1028 | #graphiql-container .arg:last-child:after { 1029 | content: ''; 1030 | } 1031 | 1032 | #graphiql-container .doc-alert-text { 1033 | color: #F00F00; 1034 | font-family: 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace; 1035 | font-size: 13px; 1036 | } 1037 | 1038 | #graphiql-container .search-box-outer { 1039 | border: 1px solid #d3d6db; 1040 | box-sizing: border-box; 1041 | display: inline-block; 1042 | font-size: 12px; 1043 | height: 24px; 1044 | margin-bottom: 12px; 1045 | padding: 3px 8px 5px; 1046 | vertical-align: middle; 1047 | width: 100%; 1048 | } 1049 | 1050 | #graphiql-container .search-box-input { 1051 | border: 0; 1052 | font-size: 12px; 1053 | margin: 0; 1054 | outline: 0; 1055 | padding: 0; 1056 | width: 100%; 1057 | } 1058 | .CodeMirror-foldmarker { 1059 | color: blue; 1060 | text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px; 1061 | font-family: arial; 1062 | line-height: .3; 1063 | cursor: pointer; 1064 | } 1065 | .CodeMirror-foldgutter { 1066 | width: .7em; 1067 | } 1068 | .CodeMirror-foldgutter-open, 1069 | .CodeMirror-foldgutter-folded { 1070 | cursor: pointer; 1071 | } 1072 | .CodeMirror-foldgutter-open:after { 1073 | content: "\25BE"; 1074 | } 1075 | .CodeMirror-foldgutter-folded:after { 1076 | content: "\25B8"; 1077 | } 1078 | /* The lint marker gutter */ 1079 | .CodeMirror-lint-markers { 1080 | width: 16px; 1081 | } 1082 | 1083 | .CodeMirror-lint-tooltip { 1084 | background-color: infobackground; 1085 | border: 1px solid black; 1086 | border-radius: 4px 4px 4px 4px; 1087 | color: infotext; 1088 | font-family: monospace; 1089 | font-size: 10pt; 1090 | overflow: hidden; 1091 | padding: 2px 5px; 1092 | position: fixed; 1093 | white-space: pre; 1094 | white-space: pre-wrap; 1095 | z-index: 100; 1096 | max-width: 600px; 1097 | opacity: 0; 1098 | transition: opacity .4s; 1099 | -moz-transition: opacity .4s; 1100 | -webkit-transition: opacity .4s; 1101 | -o-transition: opacity .4s; 1102 | -ms-transition: opacity .4s; 1103 | } 1104 | 1105 | .CodeMirror-lint-mark-error, .CodeMirror-lint-mark-warning { 1106 | background-position: left bottom; 1107 | background-repeat: repeat-x; 1108 | } 1109 | 1110 | .CodeMirror-lint-mark-error { 1111 | background-image: 1112 | url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==") 1113 | ; 1114 | } 1115 | 1116 | .CodeMirror-lint-mark-warning { 1117 | background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII="); 1118 | } 1119 | 1120 | .CodeMirror-lint-marker-error, .CodeMirror-lint-marker-warning { 1121 | background-position: center center; 1122 | background-repeat: no-repeat; 1123 | cursor: pointer; 1124 | display: inline-block; 1125 | height: 16px; 1126 | width: 16px; 1127 | vertical-align: middle; 1128 | position: relative; 1129 | } 1130 | 1131 | .CodeMirror-lint-message-error, .CodeMirror-lint-message-warning { 1132 | padding-left: 18px; 1133 | background-position: top left; 1134 | background-repeat: no-repeat; 1135 | } 1136 | 1137 | .CodeMirror-lint-marker-error, .CodeMirror-lint-message-error { 1138 | background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII="); 1139 | } 1140 | 1141 | .CodeMirror-lint-marker-warning, .CodeMirror-lint-message-warning { 1142 | background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII="); 1143 | } 1144 | 1145 | .CodeMirror-lint-marker-multiple { 1146 | background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC"); 1147 | background-repeat: no-repeat; 1148 | background-position: right bottom; 1149 | width: 100%; height: 100%; 1150 | } 1151 | #graphiql-container .spinner-container { 1152 | position: absolute; 1153 | top: 50%; 1154 | height: 36px; 1155 | width: 36px; 1156 | left: 50%; 1157 | transform: translate(-50%, -50%); 1158 | z-index: 10; 1159 | } 1160 | 1161 | #graphiql-container .spinner { 1162 | vertical-align: middle; 1163 | display: inline-block; 1164 | height: 24px; 1165 | width: 24px; 1166 | position: absolute; 1167 | -webkit-animation: rotation .6s infinite linear; 1168 | -moz-animation: rotation .6s infinite linear; 1169 | -o-animation: rotation .6s infinite linear; 1170 | animation: rotation .6s infinite linear; 1171 | border-left: 6px solid rgba(150, 150, 150, .15); 1172 | border-right: 6px solid rgba(150, 150, 150, .15); 1173 | border-bottom: 6px solid rgba(150, 150, 150, .15); 1174 | border-top: 6px solid rgba(150, 150, 150, .8); 1175 | border-radius: 100%; 1176 | } 1177 | 1178 | @-webkit-keyframes rotation { 1179 | from { -webkit-transform: rotate(0deg); } 1180 | to { -webkit-transform: rotate(359deg); } 1181 | } 1182 | 1183 | @-moz-keyframes rotation { 1184 | from { -moz-transform: rotate(0deg); } 1185 | to { -moz-transform: rotate(359deg); } 1186 | } 1187 | 1188 | @-o-keyframes rotation { 1189 | from { -o-transform: rotate(0deg); } 1190 | to { -o-transform: rotate(359deg); } 1191 | } 1192 | 1193 | @keyframes rotation { 1194 | from { transform: rotate(0deg); } 1195 | to { transform: rotate(359deg); } 1196 | } 1197 | .CodeMirror-hints { 1198 | background: white; 1199 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45); 1200 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45); 1201 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45); 1202 | font-family: 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace; 1203 | font-size: 13px; 1204 | list-style: none; 1205 | margin: 0; 1206 | margin-left: -6px; 1207 | max-height: 14.5em; 1208 | overflow-y: auto; 1209 | overflow: hidden; 1210 | padding: 0; 1211 | position: absolute; 1212 | z-index: 10; 1213 | } 1214 | 1215 | .CodeMirror-hints-wrapper { 1216 | background: white; 1217 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45); 1218 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45); 1219 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45); 1220 | margin-left: -6px; 1221 | position: absolute; 1222 | z-index: 10; 1223 | } 1224 | 1225 | .CodeMirror-hints-wrapper .CodeMirror-hints { 1226 | -webkit-box-shadow: none; 1227 | -moz-box-shadow: none; 1228 | box-shadow: none; 1229 | position: relative; 1230 | margin-left: 0; 1231 | z-index: 0; 1232 | } 1233 | 1234 | .CodeMirror-hint { 1235 | border-top: solid 1px #f7f7f7; 1236 | color: #141823; 1237 | cursor: pointer; 1238 | margin: 0; 1239 | max-width: 300px; 1240 | overflow: hidden; 1241 | padding: 2px 6px; 1242 | white-space: pre; 1243 | } 1244 | 1245 | li.CodeMirror-hint-active { 1246 | background-color: #08f; 1247 | border-top-color: white; 1248 | color: white; 1249 | } 1250 | 1251 | .CodeMirror-hint-information { 1252 | border-top: solid 1px #c0c0c0; 1253 | max-width: 300px; 1254 | padding: 4px 6px; 1255 | position: relative; 1256 | z-index: 1; 1257 | } 1258 | 1259 | .CodeMirror-hint-information:first-child { 1260 | border-bottom: solid 1px #c0c0c0; 1261 | border-top: none; 1262 | margin-bottom: -1px; 1263 | } 1264 | -------------------------------------------------------------------------------- /django_graphiql/static/graphiql/react-dom.min.js: -------------------------------------------------------------------------------- 1 | /** 2 | * ReactDOM v15.3.0 3 | * 4 | * Copyright 2013-present, Facebook, Inc. 5 | * All rights reserved. 6 | * 7 | * This source code is licensed under the BSD-style license found in the 8 | * LICENSE file in the root directory of this source tree. An additional grant 9 | * of patent rights can be found in the PATENTS file in the same directory. 10 | * 11 | */ 12 | !function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e(require("react"));else if("function"==typeof define&&define.amd)define(["react"],e);else{var f;f="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,f.ReactDOM=e(f.React)}}(function(e){return e.__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED}); -------------------------------------------------------------------------------- /django_graphiql/static/graphiql/react.min.js: -------------------------------------------------------------------------------- 1 | /** 2 | * React v15.3.0 3 | * 4 | * Copyright 2013-present, Facebook, Inc. 5 | * All rights reserved. 6 | * 7 | * This source code is licensed under the BSD-style license found in the 8 | * LICENSE file in the root directory of this source tree. An additional grant 9 | * of patent rights can be found in the PATENTS file in the same directory. 10 | * 11 | */ 12 | !function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var t;t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,t.React=e()}}(function(){return function e(t,n,r){function o(i,s){if(!n[i]){if(!t[i]){var u="function"==typeof require&&require;if(!s&&u)return u(i,!0);if(a)return a(i,!0);var l=new Error("Cannot find module '"+i+"'");throw l.code="MODULE_NOT_FOUND",l}var c=n[i]={exports:{}};t[i][0].call(c.exports,function(e){var n=t[i][1][e];return o(n?n:e)},c,c.exports,e,t,n,r)}return n[i].exports}for(var a="function"==typeof require&&require,i=0;i8&&x<=11),P=32,w=String.fromCharCode(P),k=f.topLevelTypes,M={beforeInput:{phasedRegistrationNames:{bubbled:b({onBeforeInput:null}),captured:b({onBeforeInputCapture:null})},dependencies:[k.topCompositionEnd,k.topKeyPress,k.topTextInput,k.topPaste]},compositionEnd:{phasedRegistrationNames:{bubbled:b({onCompositionEnd:null}),captured:b({onCompositionEndCapture:null})},dependencies:[k.topBlur,k.topCompositionEnd,k.topKeyDown,k.topKeyPress,k.topKeyUp,k.topMouseDown]},compositionStart:{phasedRegistrationNames:{bubbled:b({onCompositionStart:null}),captured:b({onCompositionStartCapture:null})},dependencies:[k.topBlur,k.topCompositionStart,k.topKeyDown,k.topKeyPress,k.topKeyUp,k.topMouseDown]},compositionUpdate:{phasedRegistrationNames:{bubbled:b({onCompositionUpdate:null}),captured:b({onCompositionUpdateCapture:null})},dependencies:[k.topBlur,k.topCompositionUpdate,k.topKeyDown,k.topKeyPress,k.topKeyUp,k.topMouseDown]}},S=!1,R=null,I={eventTypes:M,extractEvents:function(e,t,n,r){return[l(e,t,n,r),d(e,t,n,r)]}};t.exports=I},{100:100,141:141,159:159,16:16,20:20,21:21,96:96}],3:[function(e,t,n){"use strict";function r(e,t){return e+t.charAt(0).toUpperCase()+t.substring(1)}var o={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridColumn:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},a=["Webkit","ms","Moz","O"];Object.keys(o).forEach(function(e){a.forEach(function(t){o[r(t,e)]=o[e]})});var i={background:{backgroundAttachment:!0,backgroundColor:!0,backgroundImage:!0,backgroundPositionX:!0,backgroundPositionY:!0,backgroundRepeat:!0},backgroundPosition:{backgroundPositionX:!0,backgroundPositionY:!0},border:{borderWidth:!0,borderStyle:!0,borderColor:!0},borderBottom:{borderBottomWidth:!0,borderBottomStyle:!0,borderBottomColor:!0},borderLeft:{borderLeftWidth:!0,borderLeftStyle:!0,borderLeftColor:!0},borderRight:{borderRightWidth:!0,borderRightStyle:!0,borderRightColor:!0},borderTop:{borderTopWidth:!0,borderTopStyle:!0,borderTopColor:!0},font:{fontStyle:!0,fontVariant:!0,fontWeight:!0,fontSize:!0,lineHeight:!0,fontFamily:!0},outline:{outlineWidth:!0,outlineStyle:!0,outlineColor:!0}},s={isUnitlessNumber:o,shorthandPropertyExpansions:i};t.exports=s},{}],4:[function(e,t,n){"use strict";var r=e(3),o=e(141),a=(e(67),e(143),e(114)),i=e(154),s=e(161),u=(e(163),s(function(e){return i(e)})),l=!1,c="cssFloat";if(o.canUseDOM){var p=document.createElement("div").style;try{p.font=""}catch(e){l=!0}void 0===document.documentElement.style.cssFloat&&(c="styleFloat")}var d={createMarkupForStyles:function(e,t){var n="";for(var r in e)if(e.hasOwnProperty(r)){var o=e[r];null!=o&&(n+=u(r)+":",n+=a(r,o,t)+";")}return n||null},setValueForStyles:function(e,t,n){var o=e.style;for(var i in t)if(t.hasOwnProperty(i)){var s=a(i,t[i],n);if("float"!==i&&"cssFloat"!==i||(i=c),s)o[i]=s;else{var u=l&&r.shorthandPropertyExpansions[i];if(u)for(var p in u)o[p]="";else o[i]=""}}}};t.exports=d},{114:114,141:141,143:143,154:154,161:161,163:163,3:3,67:67}],5:[function(e,t,n){"use strict";function r(){this._callbacks=null,this._contexts=null}var o=e(133),a=e(164),i=e(25);e(155);a(r.prototype,{enqueue:function(e,t){this._callbacks=this._callbacks||[],this._contexts=this._contexts||[],this._callbacks.push(e),this._contexts.push(t)},notifyAll:function(){var e=this._callbacks,t=this._contexts;if(e){e.length!==t.length?o("24"):void 0,this._callbacks=null,this._contexts=null;for(var n=0;n8));var L=!1;_.canUseDOM&&(L=P("input")&&(!("documentMode"in document)||document.documentMode>11));var U={get:function(){return D.get.call(this)},set:function(e){O=""+e,D.set.call(this,e)}},F={eventTypes:S,extractEvents:function(e,t,n,o){var a,i,s=t?E.getNodeFromInstance(t):window;if(r(s)?A?a=u:i=l:w(s)?L?a=f:(a=m,i=h):v(s)&&(a=g),a){var c=a(e,t);if(c){var p=T.getPooled(S.change,c,n,o);return p.type="change",C.accumulateTwoPhaseDispatches(p),p}}i&&i(e,s,t)}};t.exports=F},{122:122,129:129,130:130,141:141,159:159,16:16,17:17,20:20,40:40,89:89,98:98}],7:[function(e,t,n){"use strict";function r(e,t){return Array.isArray(t)&&(t=t[1]),t?t.nextSibling:e.firstChild}function o(e,t,n){c.insertTreeBefore(e,t,n)}function a(e,t,n){Array.isArray(t)?s(e,t[0],t[1],n):v(e,t,n)}function i(e,t){if(Array.isArray(t)){var n=t[1];t=t[0],u(e,t,n),e.removeChild(n)}e.removeChild(t)}function s(e,t,n,r){for(var o=t;;){var a=o.nextSibling;if(v(e,o,r),o===n)break;o=a}}function u(e,t,n){for(;;){var r=t.nextSibling;if(r===n)break;e.removeChild(r)}}function l(e,t,n){var r=e.parentNode,o=e.nextSibling;o===t?n&&v(r,document.createTextNode(n),o):n?(m(o,n),u(r,o,t)):u(r,e,t)}var c=e(8),p=e(12),d=e(71),f=(e(40),e(67),e(113)),h=e(135),m=e(136),v=f(function(e,t,n){e.insertBefore(t,n)}),g=p.dangerouslyReplaceNodeWithMarkup,y={dangerouslyReplaceNodeWithMarkup:g,replaceDelimitedText:l,processUpdates:function(e,t){for(var n=0;n-1?void 0:i("96",e),!l.plugins[n]){t.extractEvents?void 0:i("97",e),l.plugins[n]=t;var r=t.eventTypes;for(var a in r)o(r[a],t,a)?void 0:i("98",a,e)}}}function o(e,t,n){l.eventNameDispatchConfigs.hasOwnProperty(n)?i("99",n):void 0,l.eventNameDispatchConfigs[n]=e;var r=e.phasedRegistrationNames;if(r){for(var o in r)if(r.hasOwnProperty(o)){var s=r[o];a(s,t,n)}return!0}return!!e.registrationName&&(a(e.registrationName,t,n),!0)}function a(e,t,n){l.registrationNameModules[e]?i("100",e):void 0,l.registrationNameModules[e]=t,l.registrationNameDependencies[e]=t.eventTypes[n].dependencies}var i=e(133),s=(e(155),null),u={},l={plugins:[],eventNameDispatchConfigs:{},registrationNameModules:{},registrationNameDependencies:{},possibleRegistrationNames:null,injectEventPluginOrder:function(e){s?i("101"):void 0,s=Array.prototype.slice.call(e),r()},injectEventPluginsByName:function(e){var t=!1;for(var n in e)if(e.hasOwnProperty(n)){var o=e[n];u.hasOwnProperty(n)&&u[n]===o||(u[n]?i("102",n):void 0,u[n]=o,t=!0)}t&&r()},getPluginModuleForEvent:function(e){var t=e.dispatchConfig;if(t.registrationName)return l.registrationNameModules[t.registrationName]||null;for(var n in t.phasedRegistrationNames)if(t.phasedRegistrationNames.hasOwnProperty(n)){var r=l.registrationNameModules[t.phasedRegistrationNames[n]];if(r)return r}return null},_resetEventPlugins:function(){s=null;for(var e in u)u.hasOwnProperty(e)&&delete u[e];l.plugins.length=0;var t=l.eventNameDispatchConfigs;for(var n in t)t.hasOwnProperty(n)&&delete t[n];var r=l.registrationNameModules;for(var o in r)r.hasOwnProperty(o)&&delete r[o]}};t.exports=l},{133:133,155:155}],19:[function(e,t,n){"use strict";function r(e){return e===y.topMouseUp||e===y.topTouchEnd||e===y.topTouchCancel}function o(e){return e===y.topMouseMove||e===y.topTouchMove}function a(e){return e===y.topMouseDown||e===y.topTouchStart}function i(e,t,n,r){var o=e.type||"unknown-event";e.currentTarget=b.getNodeFromInstance(r),t?v.invokeGuardedCallbackWithCatch(o,n,e):v.invokeGuardedCallback(o,n,e),e.currentTarget=null}function s(e,t){var n=e._dispatchListeners,r=e._dispatchInstances;if(Array.isArray(n))for(var o=0;o1?1-t:void 0;return this._fallbackText=o.slice(e,s),this._fallbackText}}),a.addPoolingTo(r),t.exports=r},{126:126,164:164,25:25}],22:[function(e,t,n){"use strict";var r=e(10),o=r.injection.MUST_USE_PROPERTY,a=r.injection.HAS_BOOLEAN_VALUE,i=r.injection.HAS_NUMERIC_VALUE,s=r.injection.HAS_POSITIVE_NUMERIC_VALUE,u=r.injection.HAS_OVERLOADED_BOOLEAN_VALUE,l={isCustomAttribute:RegExp.prototype.test.bind(new RegExp("^(data|aria)-["+r.ATTRIBUTE_NAME_CHAR+"]*$")),Properties:{accept:0,acceptCharset:0,accessKey:0,action:0,allowFullScreen:a,allowTransparency:0,alt:0,async:a,autoComplete:0,autoPlay:a,capture:a,cellPadding:0,cellSpacing:0,charSet:0,challenge:0,checked:o|a,cite:0,classID:0,className:0,cols:s,colSpan:0,content:0,contentEditable:0,contextMenu:0,controls:a,coords:0,crossOrigin:0,data:0,dateTime:0,default:a,defer:a,dir:0,disabled:a,download:u,draggable:0,encType:0,form:0,formAction:0,formEncType:0,formMethod:0,formNoValidate:a,formTarget:0,frameBorder:0,headers:0,height:0,hidden:a,high:0,href:0,hrefLang:0,htmlFor:0,httpEquiv:0,icon:0,id:0,inputMode:0,integrity:0,is:0,keyParams:0,keyType:0,kind:0,label:0,lang:0,list:0,loop:a,low:0,manifest:0,marginHeight:0,marginWidth:0,max:0,maxLength:0,media:0,mediaGroup:0,method:0,min:0,minLength:0,multiple:o|a,muted:o|a,name:0,nonce:0,noValidate:a,open:a,optimum:0,pattern:0,placeholder:0,poster:0,preload:0,profile:0,radioGroup:0,readOnly:a,referrerPolicy:0,rel:0,required:a,reversed:a,role:0,rows:s,rowSpan:i,sandbox:0,scope:0,scoped:a,scrolling:0,seamless:a,selected:o|a,shape:0,size:s,sizes:0,span:s,spellCheck:0,src:0,srcDoc:0,srcLang:0,srcSet:0,start:i,step:0,style:0,summary:0,tabIndex:0,target:0,title:0,type:0,useMap:0,value:0,width:0,wmode:0,wrap:0,about:0,datatype:0,inlist:0,prefix:0,property:0,resource:0,typeof:0,vocab:0,autoCapitalize:0,autoCorrect:0,autoSave:0,color:0,itemProp:0,itemScope:a,itemType:0,itemID:0,itemRef:0,results:0,security:0,unselectable:0},DOMAttributeNames:{acceptCharset:"accept-charset",className:"class",htmlFor:"for",httpEquiv:"http-equiv"},DOMPropertyNames:{}};t.exports=l},{10:10}],23:[function(e,t,n){"use strict";function r(e){var t=/[=:]/g,n={"=":"=0",":":"=2"},r=(""+e).replace(t,function(e){return n[e]});return"$"+r}function o(e){var t=/(=0|=2)/g,n={"=0":"=","=2":":"},r="."===e[0]&&"$"===e[1]?e.substring(2):e.substring(1);return(""+r).replace(t,function(e){return n[e]})}var a={escape:r,unescape:o};t.exports=a},{}],24:[function(e,t,n){"use strict";function r(e){null!=e.checkedLink&&null!=e.valueLink?s("87"):void 0}function o(e){r(e),null!=e.value||null!=e.onChange?s("88"):void 0}function a(e){r(e),null!=e.checked||null!=e.onChange?s("89"):void 0}function i(e){if(e){var t=e.getName();if(t)return" Check the render method of `"+t+"`."}return""}var s=e(133),u=e(77),l=e(76),c=e(78),p=(e(155),e(163),{button:!0,checkbox:!0,image:!0,hidden:!0,radio:!0,reset:!0,submit:!0}),d={value:function(e,t,n){return!e[t]||p[e.type]||e.onChange||e.readOnly||e.disabled?null:new Error("You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`.")},checked:function(e,t,n){return!e[t]||e.onChange||e.readOnly||e.disabled?null:new Error("You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`.")},onChange:u.func},f={},h={checkPropTypes:function(e,t,n){for(var r in d){if(d.hasOwnProperty(r))var o=d[r](t,r,e,l.prop,null,c);o instanceof Error&&!(o.message in f)&&(f[o.message]=!0,i(n))}},getValue:function(e){return e.valueLink?(o(e),e.valueLink.value):e.value},getChecked:function(e){return e.checkedLink?(a(e),e.checkedLink.value):e.checked},executeOnChange:function(e,t){return e.valueLink?(o(e),e.valueLink.requestChange(t.target.value)):e.checkedLink?(a(e),e.checkedLink.requestChange(t.target.checked)):e.onChange?e.onChange.call(void 0,t):void 0}};t.exports=h},{133:133,155:155,163:163,76:76,77:77,78:78}],25:[function(e,t,n){"use strict";var r=e(133),o=(e(155),function(e){var t=this;if(t.instancePool.length){var n=t.instancePool.pop();return t.call(n,e),n}return new t(e)}),a=function(e,t){var n=this;if(n.instancePool.length){var r=n.instancePool.pop();return n.call(r,e,t),r}return new n(e,t)},i=function(e,t,n){var r=this;if(r.instancePool.length){var o=r.instancePool.pop();return r.call(o,e,t,n),o}return new r(e,t,n)},s=function(e,t,n,r){var o=this;if(o.instancePool.length){var a=o.instancePool.pop();return o.call(a,e,t,n,r),a}return new o(e,t,n,r)},u=function(e,t,n,r,o){var a=this;if(a.instancePool.length){var i=a.instancePool.pop();return a.call(i,e,t,n,r,o),i}return new a(e,t,n,r,o)},l=function(e){var t=this;e instanceof t?void 0:r("25"),e.destructor(),t.instancePool.length=0||null!=t.is}function h(e){var t=e.type;d(t),this._currentElement=e,this._tag=t.toLowerCase(),this._namespaceURI=null,this._renderedChildren=null,this._previousStyle=null,this._previousStyleCopy=null,this._hostNode=null,this._hostParent=null,this._rootNodeID=null,this._domID=null,this._hostContainerInfo=null,this._wrapperState=null,this._topLevelWrapper=null,this._flags=0}var m=e(133),v=e(164),g=e(1),y=e(4),b=e(8),C=e(9),_=e(10),E=e(11),x=e(16),T=e(17),N=e(18),P=e(27),w=e(32),k=e(37),M=e(39),S=e(40),R=e(46),I=e(48),O=e(49),D=e(53),A=(e(67),e(70)),L=e(85),U=(e(147),e(115)),F=(e(155),e(129),e(159)),V=(e(162),e(139),e(163),M),j=T.deleteListener,B=S.getNodeFromInstance,W=P.listenTo,H=N.registrationNameModules,q={string:!0,number:!0},K=F({style:null}),Y=F({__html:null}),z={children:null,dangerouslySetInnerHTML:null,suppressContentEditableWarning:null},X=11,G={topAbort:"abort",topCanPlay:"canplay",topCanPlayThrough:"canplaythrough",topDurationChange:"durationchange",topEmptied:"emptied",topEncrypted:"encrypted",topEnded:"ended",topError:"error",topLoadedData:"loadeddata",topLoadedMetadata:"loadedmetadata",topLoadStart:"loadstart",topPause:"pause",topPlay:"play",topPlaying:"playing",topProgress:"progress",topRateChange:"ratechange",topSeeked:"seeked",topSeeking:"seeking",topStalled:"stalled",topSuspend:"suspend",topTimeUpdate:"timeupdate",topVolumeChange:"volumechange",topWaiting:"waiting"},Q={area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0},$={listing:!0,pre:!0,textarea:!0},Z=v({menuitem:!0},Q),J=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,ee={},te={}.hasOwnProperty,ne=1;h.displayName="ReactDOMComponent",h.Mixin={mountComponent:function(e,t,n,r){this._rootNodeID=ne++,this._domID=n._idCounter++,this._hostParent=t,this._hostContainerInfo=n;var a=this._currentElement.props;switch(this._tag){case"audio":case"form":case"iframe":case"img":case"link":case"object":case"source":case"video":this._wrapperState={listeners:null},e.getReactMountReady().enqueue(c,this);break;case"button":a=k.getHostProps(this,a,t);break;case"input":R.mountWrapper(this,a,t),a=R.getHostProps(this,a),e.getReactMountReady().enqueue(c,this);break;case"option":I.mountWrapper(this,a,t),a=I.getHostProps(this,a);break;case"select":O.mountWrapper(this,a,t),a=O.getHostProps(this,a),e.getReactMountReady().enqueue(c,this);break;case"textarea":D.mountWrapper(this,a,t),a=D.getHostProps(this,a),e.getReactMountReady().enqueue(c,this)}o(this,a);var i,p;null!=t?(i=t._namespaceURI,p=t._tag):n._tag&&(i=n._namespaceURI,p=n._tag),(null==i||i===C.svg&&"foreignobject"===p)&&(i=C.html),i===C.html&&("svg"===this._tag?i=C.svg:"math"===this._tag&&(i=C.mathml)),this._namespaceURI=i;var d;if(e.useCreateElement){var f,h=n._ownerDocument;if(i===C.html)if("script"===this._tag){var m=h.createElement("div"),v=this._currentElement.type;m.innerHTML="<"+v+">",f=m.removeChild(m.firstChild)}else f=a.is?h.createElement(this._currentElement.type,a.is):h.createElement(this._currentElement.type);else f=h.createElementNS(i,this._currentElement.type);S.precacheNode(this,f),this._flags|=V.hasCachedChildNodes,this._hostParent||E.setAttributeForRoot(f),this._updateDOMProperties(null,a,e);var y=b(f);this._createInitialChildren(e,a,r,y),d=y}else{var _=this._createOpenTagMarkupAndPutListeners(e,a),x=this._createContentMarkup(e,a,r);d=!x&&Q[this._tag]?_+"/>":_+">"+x+""}switch(this._tag){case"input":e.getReactMountReady().enqueue(s,this),a.autoFocus&&e.getReactMountReady().enqueue(g.focusDOMComponent,this);break;case"textarea":e.getReactMountReady().enqueue(u,this),a.autoFocus&&e.getReactMountReady().enqueue(g.focusDOMComponent,this);break;case"select":a.autoFocus&&e.getReactMountReady().enqueue(g.focusDOMComponent,this);break;case"button":a.autoFocus&&e.getReactMountReady().enqueue(g.focusDOMComponent,this);break;case"option":e.getReactMountReady().enqueue(l,this)}return d},_createOpenTagMarkupAndPutListeners:function(e,t){var n="<"+this._currentElement.type;for(var r in t)if(t.hasOwnProperty(r)){var o=t[r];if(null!=o)if(H.hasOwnProperty(r))o&&a(this,r,o,e);else{r===K&&(o&&(o=this._previousStyleCopy=v({},t.style)),o=y.createMarkupForStyles(o,this));var i=null;null!=this._tag&&f(this._tag,t)?z.hasOwnProperty(r)||(i=E.createMarkupForCustomAttribute(r,o)):i=E.createMarkupForProperty(r,o),i&&(n+=" "+i)}}return e.renderToStaticMarkup?n:(this._hostParent||(n+=" "+E.createMarkupForRoot()),n+=" "+E.createMarkupForID(this._domID))},_createContentMarkup:function(e,t,n){var r="",o=t.dangerouslySetInnerHTML;if(null!=o)null!=o.__html&&(r=o.__html);else{var a=q[typeof t.children]?t.children:null,i=null!=a?null:t.children;if(null!=a)r=U(a);else if(null!=i){var s=this.mountChildren(i,e,n);r=s.join("")}}return $[this._tag]&&"\n"===r.charAt(0)?"\n"+r:r},_createInitialChildren:function(e,t,n,r){var o=t.dangerouslySetInnerHTML;if(null!=o)null!=o.__html&&b.queueHTML(r,o.__html);else{var a=q[typeof t.children]?t.children:null,i=null!=a?null:t.children;if(null!=a)b.queueText(r,a);else if(null!=i)for(var s=this.mountChildren(i,e,n),u=0;u"},receiveComponent:function(){},getHostNode:function(){return a.getNodeFromInstance(this)},unmountComponent:function(){a.uncacheNode(this)}}),t.exports=i},{164:164,40:40,8:8}],43:[function(e,t,n){"use strict";function r(e){return o.createFactory(e)}var o=e(57),a=e(160),i=a({a:"a",abbr:"abbr",address:"address",area:"area",article:"article",aside:"aside",audio:"audio",b:"b",base:"base",bdi:"bdi",bdo:"bdo",big:"big",blockquote:"blockquote",body:"body",br:"br",button:"button",canvas:"canvas",caption:"caption",cite:"cite",code:"code",col:"col",colgroup:"colgroup",data:"data",datalist:"datalist",dd:"dd",del:"del",details:"details",dfn:"dfn",dialog:"dialog",div:"div",dl:"dl",dt:"dt",em:"em",embed:"embed",fieldset:"fieldset",figcaption:"figcaption",figure:"figure",footer:"footer",form:"form",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",head:"head",header:"header",hgroup:"hgroup",hr:"hr",html:"html",i:"i",iframe:"iframe",img:"img",input:"input",ins:"ins",kbd:"kbd",keygen:"keygen",label:"label",legend:"legend",li:"li",link:"link",main:"main",map:"map",mark:"mark",menu:"menu",menuitem:"menuitem",meta:"meta",meter:"meter",nav:"nav",noscript:"noscript",object:"object",ol:"ol",optgroup:"optgroup",option:"option",output:"output",p:"p",param:"param",picture:"picture",pre:"pre",progress:"progress",q:"q",rp:"rp",rt:"rt",ruby:"ruby",s:"s",samp:"samp",script:"script",section:"section",select:"select",small:"small",source:"source",span:"span",strong:"strong",style:"style",sub:"sub",summary:"summary",sup:"sup",table:"table",tbody:"tbody",td:"td",textarea:"textarea",tfoot:"tfoot",th:"th",thead:"thead",time:"time",title:"title",tr:"tr",track:"track",u:"u",ul:"ul",var:"var",video:"video",wbr:"wbr",circle:"circle",clipPath:"clipPath",defs:"defs",ellipse:"ellipse",g:"g",image:"image",line:"line",linearGradient:"linearGradient",mask:"mask",path:"path",pattern:"pattern",polygon:"polygon",polyline:"polyline",radialGradient:"radialGradient",rect:"rect",stop:"stop",svg:"svg",text:"text",tspan:"tspan"},r);t.exports=i},{160:160,57:57}],44:[function(e,t,n){"use strict";var r={useCreateElement:!0};t.exports=r},{}],45:[function(e,t,n){"use strict";var r=e(7),o=e(40),a={dangerouslyProcessChildrenUpdates:function(e,t){var n=o.getNodeFromInstance(e);r.processUpdates(n,t)}};t.exports=a},{40:40,7:7}],46:[function(e,t,n){"use strict";function r(){this._rootNodeID&&d.updateWrapper(this)}function o(e){var t=this._currentElement.props,n=l.executeOnChange(t,e);p.asap(r,this);var o=t.name;if("radio"===t.type&&null!=o){for(var i=c.getNodeFromInstance(this),s=i;s.parentNode;)s=s.parentNode;for(var u=s.querySelectorAll("input[name="+JSON.stringify(""+o)+'][type="radio"]'),d=0;dt.end?(n=t.end,r=t.start):(n=t.start,r=t.end),o.moveToElementText(e),o.moveStart("character",n),o.setEndPoint("EndToStart",o),o.moveEnd("character",r-n),o.select()}function s(e,t){if(window.getSelection){var n=window.getSelection(),r=e[c()].length,o=Math.min(t.start,r),a=void 0===t.end?o:Math.min(t.end,r);if(!n.extend&&o>a){var i=a;a=o,o=i}var s=l(e,o),u=l(e,a);if(s&&u){var p=document.createRange();p.setStart(s.node,s.offset),n.removeAllRanges(),o>a?(n.addRange(p),n.extend(u.node,u.offset)):(p.setEnd(u.node,u.offset),n.addRange(p))}}}var u=e(141),l=e(125),c=e(126),p=u.canUseDOM&&"selection"in document&&!("getSelection"in window),d={getOffsets:p?o:a,setOffsets:p?i:s};t.exports=d},{125:125,126:126,141:141}],51:[function(e,t,n){"use strict";var r=e(56),o=e(84),a=e(90);r.inject();var i={renderToString:o.renderToString,renderToStaticMarkup:o.renderToStaticMarkup,version:a};t.exports=i},{56:56,84:84,90:90}],52:[function(e,t,n){"use strict";var r=e(133),o=e(164),a=e(7),i=e(8),s=e(40),u=(e(67),e(115)),l=(e(155),e(139),function(e){this._currentElement=e,this._stringText=""+e,this._hostNode=null,this._hostParent=null,this._domID=null,this._mountIndex=0,this._closingComment=null,this._commentNodes=null});o(l.prototype,{mountComponent:function(e,t,n,r){var o=n._idCounter++,a=" react-text: "+o+" ",l=" /react-text ";if(this._domID=o,this._hostParent=t,e.useCreateElement){var c=n._ownerDocument,p=c.createComment(a),d=c.createComment(l),f=i(c.createDocumentFragment());return i.queueChild(f,i(p)),this._stringText&&i.queueChild(f,i(c.createTextNode(this._stringText))),i.queueChild(f,i(d)),s.precacheNode(this,p),this._closingComment=d,f}var h=u(this._stringText);return e.renderToStaticMarkup?h:""+h+""},receiveComponent:function(e,t){if(e!==this._currentElement){this._currentElement=e;var n=""+e;if(n!==this._stringText){this._stringText=n;var r=this.getHostNode();a.replaceDelimitedText(r[0],r[1],n)}}},getHostNode:function(){var e=this._commentNodes;if(e)return e;if(!this._closingComment)for(var t=s.getNodeFromInstance(this),n=t.nextSibling;;){if(null==n?r("67",this._domID):void 0,8===n.nodeType&&" /react-text "===n.nodeValue){this._closingComment=n;break}n=n.nextSibling}return e=[this._hostNode,this._closingComment],this._commentNodes=e,e},unmountComponent:function(){this._closingComment=null,this._commentNodes=null,s.uncacheNode(this)}}),t.exports=l},{115:115,133:133,139:139,155:155,164:164,40:40,67:67,7:7,8:8}],53:[function(e,t,n){"use strict";function r(){this._rootNodeID&&p.updateWrapper(this)}function o(e){var t=this._currentElement.props,n=u.executeOnChange(t,e);return c.asap(r,this),n}var a=e(133),i=e(164),s=e(14),u=e(24),l=e(40),c=e(89),p=(e(155),e(163),{getHostProps:function(e,t){null!=t.dangerouslySetInnerHTML?a("91"):void 0;var n=i({},s.getHostProps(e,t),{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue,onChange:e._wrapperState.onChange});return n},mountWrapper:function(e,t){var n=u.getValue(t),r=n;if(null==n){var i=t.defaultValue,s=t.children;null!=s&&(null!=i?a("92"):void 0,Array.isArray(s)&&(s.length<=1?void 0:a("93"),s=s[0]),i=""+s),null==i&&(i=""),r=i}e._wrapperState={initialValue:""+r,listeners:null,onChange:o.bind(e)}},updateWrapper:function(e){var t=e._currentElement.props,n=l.getNodeFromInstance(e),r=u.getValue(t);if(null!=r){var o=""+r;o!==n.value&&(n.value=o),null==t.defaultValue&&(n.defaultValue=o)}null!=t.defaultValue&&(n.defaultValue=t.defaultValue)},postMountWrapper:function(e){var t=l.getNodeFromInstance(e);t.value=t.textContent}});t.exports=p},{133:133,14:14,155:155,163:163,164:164,24:24,40:40,89:89}],54:[function(e,t,n){"use strict";function r(e,t){"_hostNode"in e?void 0:u("33"),"_hostNode"in t?void 0:u("33");for(var n=0,r=e;r;r=r._hostParent)n++;for(var o=0,a=t;a;a=a._hostParent)o++;for(;n-o>0;)e=e._hostParent,n--;for(;o-n>0;)t=t._hostParent,o--;for(var i=n;i--;){if(e===t)return e;e=e._hostParent,t=t._hostParent}return null}function o(e,t){"_hostNode"in e?void 0:u("35"),"_hostNode"in t?void 0:u("35");for(;t;){if(t===e)return!0;t=t._hostParent}return!1}function a(e){return"_hostNode"in e?void 0:u("36"),e._hostParent}function i(e,t,n){for(var r=[];e;)r.push(e),e=e._hostParent;var o;for(o=r.length;o-- >0;)t(r[o],!1,n);for(o=0;o0;)n(u[l],!1,a)}var u=e(133);e(155);t.exports={isAncestor:o,getLowestCommonAncestor:r,getParentInstance:a,traverseTwoPhase:i,traverseEnterLeave:s}},{133:133,155:155}],55:[function(e,t,n){"use strict";function r(){this.reinitializeTransaction()}var o=e(164),a=e(89),i=e(107),s=e(147),u={initialize:s,close:function(){d.isBatchingUpdates=!1}},l={initialize:s,close:a.flushBatchedUpdates.bind(a)},c=[l,u];o(r.prototype,i.Mixin,{getTransactionWrappers:function(){return c}});var p=new r,d={isBatchingUpdates:!1,batchedUpdates:function(e,t,n,r,o,a){var i=d.isBatchingUpdates;d.isBatchingUpdates=!0,i?e(t,n,r,o,a):p.perform(e,null,t,n,r,o,a)}};t.exports=d},{107:107,147:147,164:164,89:89}],56:[function(e,t,n){"use strict";function r(){E||(E=!0,g.EventEmitter.injectReactEventListener(v),g.EventPluginHub.injectEventPluginOrder(i),g.EventPluginUtils.injectComponentTree(p),g.EventPluginUtils.injectTreeTraversal(f),g.EventPluginHub.injectEventPluginsByName({SimpleEventPlugin:_,EnterLeaveEventPlugin:s,ChangeEventPlugin:a,SelectEventPlugin:C,BeforeInputEventPlugin:o}),g.HostComponent.injectGenericComponentClass(c),g.HostComponent.injectTextComponentClass(h),g.DOMProperty.injectDOMPropertyConfig(u),g.DOMProperty.injectDOMPropertyConfig(b),g.EmptyComponent.injectEmptyComponentFactory(function(e){return new d(e)}),g.Updates.injectReconcileTransaction(y),g.Updates.injectBatchingStrategy(m),g.Component.injectEnvironment(l))}var o=e(2),a=e(6),i=e(13),s=e(15),u=e(22),l=e(32),c=e(38),p=e(40),d=e(42),f=e(54),h=e(52),m=e(55),v=e(61),g=e(64),y=e(80),b=e(91),C=e(92),_=e(93),E=!1;t.exports={inject:r}},{13:13,15:15,2:2,22:22,32:32,38:38,40:40,42:42,52:52,54:54,55:55,6:6,61:61,64:64,80:80,91:91,92:92,93:93}],57:[function(e,t,n){"use strict";function r(e){return void 0!==e.ref}function o(e){return void 0!==e.key}var a=e(164),i=e(35),s=(e(163),e(111),Object.prototype.hasOwnProperty),u="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,l={key:!0,ref:!0,__self:!0,__source:!0},c=function(e,t,n,r,o,a,i){var s={$$typeof:u,type:e,key:t,ref:n,props:i,_owner:a};return s};c.createElement=function(e,t,n){var a,u={},p=null,d=null,f=null,h=null;if(null!=t){r(t)&&(d=t.ref),o(t)&&(p=""+t.key),f=void 0===t.__self?null:t.__self,h=void 0===t.__source?null:t.__source;for(a in t)s.call(t,a)&&!l.hasOwnProperty(a)&&(u[a]=t[a])}var m=arguments.length-2;if(1===m)u.children=n;else if(m>1){for(var v=Array(m),g=0;g1){for(var b=Array(y),C=0;C/,a=/^<\!\-\-/,i={CHECKSUM_ATTR_NAME:"data-react-checksum",addChecksumToMarkup:function(e){var t=r(e);return a.test(e)?e:e.replace(o," "+i.CHECKSUM_ATTR_NAME+'="'+t+'"$&')},canReuseMarkup:function(e,t){var n=t.getAttribute(i.CHECKSUM_ATTR_NAME);n=n&&parseInt(n,10);var o=r(e);return o===n}};t.exports=i},{110:110}],69:[function(e,t,n){"use strict";function r(e,t){for(var n=Math.min(e.length,t.length),r=0;r.":"function"==typeof t?" Instead of passing a class like Foo, pass React.createElement(Foo) or .":null!=t&&void 0!==t.props?" This may be caused by unintentionally loading two independent copies of React.":"");var i,s=b(U,null,null,null,null,null,t);if(e){var u=_.get(e);i=u._processChildContext(u._context)}else i=P;var c=p(n);if(c){var f=c._currentElement,h=f.props;if(M(h,t)){var m=c._renderedComponent.getPublicInstance(),v=r&&function(){r.call(m)};return F._updateRootComponent(c,s,i,n,v),m}F.unmountComponentAtNode(n)}var g=o(n),y=g&&!!a(g),C=l(n),E=y&&!c&&!C,x=F._renderNewRootComponent(s,n,E,i)._renderedComponent.getPublicInstance();return r&&r.call(x),x},render:function(e,t,n){return F._renderSubtreeIntoContainer(null,e,t,n)},unmountComponentAtNode:function(e){!e||e.nodeType!==I&&e.nodeType!==O&&e.nodeType!==D?d("40"):void 0;var t=p(e);return t?(delete A[t._instance.rootID],N.batchedUpdates(u,t,e,!1),!0):(l(e),1===e.nodeType&&e.hasAttribute(R),!1)},_mountImageIntoNode:function(e,t,n,a,i){if(!t||t.nodeType!==I&&t.nodeType!==O&&t.nodeType!==D?d("41"):void 0,a){var s=o(t);if(E.canReuseMarkup(e,s))return void v.precacheNode(n,s);var u=s.getAttribute(E.CHECKSUM_ATTR_NAME);s.removeAttribute(E.CHECKSUM_ATTR_NAME);var l=s.outerHTML;s.setAttribute(E.CHECKSUM_ATTR_NAME,u);var c=e,p=r(c,l),h=" (client) "+c.substring(p-20,p+20)+"\n (server) "+l.substring(p-20,p+20);t.nodeType===O?d("42",h):void 0}if(t.nodeType===O?d("43"):void 0,i.useCreateElement){for(;t.lastChild;)t.removeChild(t.lastChild);f.insertTreeBefore(t,e,null)}else k(t,e),v.precacheNode(n,t.firstChild)}};t.exports=F},{10:10,128:128,133:133,135:135,137:137,148:148,155:155,163:163,27:27,35:35,40:40,41:41,44:44,57:57,62:62,66:66,67:67,68:68,8:8,81:81,88:88,89:89}],70:[function(e,t,n){"use strict";function r(e,t,n){return{type:d.INSERT_MARKUP,content:e,fromIndex:null,fromNode:null,toIndex:n,afterNode:t}}function o(e,t,n){return{type:d.MOVE_EXISTING,content:null,fromIndex:e._mountIndex,fromNode:f.getHostNode(e),toIndex:n,afterNode:t}}function a(e,t){return{type:d.REMOVE_NODE,content:null,fromIndex:e._mountIndex,fromNode:t,toIndex:null,afterNode:null}}function i(e){return{type:d.SET_MARKUP,content:e,fromIndex:null,fromNode:null,toIndex:null,afterNode:null}}function s(e){return{type:d.TEXT_CONTENT,content:e,fromIndex:null,fromNode:null,toIndex:null,afterNode:null}}function u(e,t){return t&&(e=e||[],e.push(t)),e}function l(e,t){p.processChildrenUpdates(e,t)}var c=e(133),p=e(33),d=(e(66),e(67),e(71)),f=(e(35),e(81)),h=e(28),m=(e(147),e(117)),v=(e(155),{Mixin:{_reconcilerInstantiateChildren:function(e,t,n){return h.instantiateChildren(e,t,n)},_reconcilerUpdateChildren:function(e,t,n,r,o,a){var i;return i=m(t),h.updateChildren(e,i,n,r,o,this,this._hostContainerInfo,a),i},mountChildren:function(e,t,n){var r=this._reconcilerInstantiateChildren(e,t,n);this._renderedChildren=r;var o=[],a=0;for(var i in r)if(r.hasOwnProperty(i)){var s=r[i],u=f.mountComponent(s,t,this,this._hostContainerInfo,n);s._mountIndex=a++,o.push(u)}return o},updateTextContent:function(e){var t=this._renderedChildren;h.unmountChildren(t,!1);for(var n in t)t.hasOwnProperty(n)&&c("118");var r=[s(e)];l(this,r)},updateMarkup:function(e){var t=this._renderedChildren;h.unmountChildren(t,!1);for(var n in t)t.hasOwnProperty(n)&&c("118");var r=[i(e)];l(this,r)},updateChildren:function(e,t,n){this._updateChildren(e,t,n)},_updateChildren:function(e,t,n){var r=this._renderedChildren,o={},a=[],i=this._reconcilerUpdateChildren(r,e,a,o,t,n);if(i||r){var s,c=null,p=0,d=0,h=0,m=null;for(s in i)if(i.hasOwnProperty(s)){var v=r&&r[s],g=i[s];v===g?(c=u(c,this.moveChild(v,m,p,d)),d=Math.max(v._mountIndex,d),v._mountIndex=p):(v&&(d=Math.max(v._mountIndex,d)),c=u(c,this._mountChildAtIndex(g,a[h],m,p,t,n)),h++),p++,m=f.getHostNode(g)}for(s in o)o.hasOwnProperty(s)&&(c=u(c,this._unmountChild(r[s],o[s])));c&&l(this,c),this._renderedChildren=i}},unmountChildren:function(e){var t=this._renderedChildren;h.unmountChildren(t,e),this._renderedChildren=null},moveChild:function(e,t,n,r){if(e._mountIndex>"),P={array:a("array"),bool:a("boolean"),func:a("function"),number:a("number"),object:a("object"),string:a("string"),symbol:a("symbol"),any:i(),arrayOf:s,element:u(),instanceOf:l,node:f(),objectOf:p,oneOf:c,oneOfType:d,shape:h};t.exports=P},{124:124,147:147,163:163,57:57,75:75,78:78}],78:[function(e,t,n){"use strict";var r="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";t.exports=r},{}],79:[function(e,t,n){"use strict";function r(e,t,n){this.props=e,this.context=t,this.refs=u,this.updater=n||s}function o(){}var a=e(164),i=e(31),s=e(73),u=e(148);o.prototype=i.prototype,r.prototype=new o,r.prototype.constructor=r,a(r.prototype,i.prototype),r.prototype.isPureReactComponent=!0,t.exports=r},{148:148,164:164,31:31,73:73}],80:[function(e,t,n){"use strict";function r(e){this.reinitializeTransaction(),this.renderToStaticMarkup=!1,this.reactMountReady=a.getPooled(null),this.useCreateElement=e}var o=e(164),a=e(5),i=e(25),s=e(27),u=e(65),l=(e(67),e(107)),c=e(88),p={initialize:u.getSelectionInformation,close:u.restoreSelection},d={initialize:function(){var e=s.isEnabled();return s.setEnabled(!1),e},close:function(e){s.setEnabled(e)}},f={initialize:function(){this.reactMountReady.reset()},close:function(){this.reactMountReady.notifyAll()}},h=[p,d,f],m={getTransactionWrappers:function(){return h},getReactMountReady:function(){return this.reactMountReady},getUpdateQueue:function(){return c},checkpoint:function(){return this.reactMountReady.checkpoint()},rollback:function(e){this.reactMountReady.rollback(e)},destructor:function(){a.release(this.reactMountReady),this.reactMountReady=null}};o(r.prototype,l.Mixin,m),i.addPoolingTo(r),t.exports=r},{107:107,164:164,25:25,27:27,5:5,65:65,67:67,88:88}],81:[function(e,t,n){"use strict";function r(){o.attachRefs(this,this._currentElement)}var o=e(82),a=(e(67),e(163),{mountComponent:function(e,t,n,o,a){var i=e.mountComponent(t,n,o,a);return e._currentElement&&null!=e._currentElement.ref&&t.getReactMountReady().enqueue(r,e),i},getHostNode:function(e){return e.getHostNode()},unmountComponent:function(e,t){o.detachRefs(e,e._currentElement),e.unmountComponent(t)},receiveComponent:function(e,t,n,a){var i=e._currentElement;if(t!==i||a!==e._context){var s=o.shouldUpdateRefs(i,t);s&&o.detachRefs(e,i),e.receiveComponent(t,n,a),s&&e._currentElement&&null!=e._currentElement.ref&&n.getReactMountReady().enqueue(r,e)}},performUpdateIfNecessary:function(e,t,n){e._updateBatchNumber===n&&e.performUpdateIfNecessary(t)}});t.exports=a},{163:163,67:67,82:82}],82:[function(e,t,n){"use strict";function r(e,t,n){"function"==typeof e?e(t.getPublicInstance()):a.addComponentAsRefTo(t,e,n)}function o(e,t,n){"function"==typeof e?e(null):a.removeComponentAsRefFrom(t,e,n)}var a=e(74),i={};i.attachRefs=function(e,t){if(null!==t&&t!==!1){var n=t.ref;null!=n&&r(n,e,t._owner)}},i.shouldUpdateRefs=function(e,t){var n=null===e||e===!1,r=null===t||t===!1;return n||r||t.ref!==e.ref||"string"==typeof t.ref&&t._owner!==e._owner},i.detachRefs=function(e,t){if(null!==t&&t!==!1){var n=t.ref;null!=n&&o(n,e,t._owner)}},t.exports=i},{74:74}],83:[function(e,t,n){"use strict";var r={isBatchingUpdates:!1,batchedUpdates:function(e){}};t.exports=r},{}],84:[function(e,t,n){"use strict";function r(e,t){var n;try{return h.injection.injectBatchingStrategy(d),n=f.getPooled(t),g++,n.perform(function(){var r=v(e,!0),o=p.mountComponent(r,n,null,s(),m);return t||(o=c.addChecksumToMarkup(o)),o},null)}finally{g--,f.release(n),g||h.injection.injectBatchingStrategy(u)}}function o(e){return l.isValidElement(e)?void 0:i("46"),r(e,!1)}function a(e){return l.isValidElement(e)?void 0:i("47"),r(e,!0)}var i=e(133),s=e(41),u=e(55),l=e(57),c=(e(67),e(68)),p=e(81),d=e(83),f=e(85),h=e(89),m=e(148),v=e(128),g=(e(155),0);t.exports={renderToString:o,renderToStaticMarkup:a}},{128:128,133:133,148:148,155:155,41:41,55:55,57:57,67:67,68:68,81:81,83:83,85:85,89:89}],85:[function(e,t,n){"use strict";function r(e){this.reinitializeTransaction(),this.renderToStaticMarkup=e,this.useCreateElement=!1,this.updateQueue=new s(this)}var o=e(164),a=e(25),i=e(107),s=(e(67),e(86)),u=[],l={enqueue:function(){}},c={getTransactionWrappers:function(){return u},getReactMountReady:function(){return l},getUpdateQueue:function(){return this.updateQueue},destructor:function(){},checkpoint:function(){},rollback:function(){}};o(r.prototype,i.Mixin,c),a.addPoolingTo(r),t.exports=r},{107:107,164:164,25:25,67:67,86:86}],86:[function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){}var a=e(88),i=(e(107),e(163),function(){function e(t){r(this,e),this.transaction=t}return e.prototype.isMounted=function(e){return!1},e.prototype.enqueueCallback=function(e,t,n){this.transaction.isInTransaction()&&a.enqueueCallback(e,t,n)},e.prototype.enqueueForceUpdate=function(e){this.transaction.isInTransaction()?a.enqueueForceUpdate(e):o(e,"forceUpdate")},e.prototype.enqueueReplaceState=function(e,t){this.transaction.isInTransaction()?a.enqueueReplaceState(e,t):o(e,"replaceState")},e.prototype.enqueueSetState=function(e,t){this.transaction.isInTransaction()?a.enqueueSetState(e,t):o(e,"setState")},e}());t.exports=i},{107:107,163:163,88:88}],87:[function(e,t,n){"use strict";var r=e(164),o=e(36),a=e(51),i=e(26),s=r({__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:o,__SECRET_DOM_SERVER_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:a},i);t.exports=s},{164:164,26:26,36:36,51:51}],88:[function(e,t,n){"use strict";function r(e){u.enqueueUpdate(e)}function o(e){var t=typeof e;if("object"!==t)return t;var n=e.constructor&&e.constructor.name||t,r=Object.keys(e);return r.length>0&&r.length<20?n+" (keys: "+r.join(", ")+")":n}function a(e,t){var n=s.get(e);return n?n:null}var i=e(133),s=(e(35),e(66)),u=(e(67),e(89)),l=(e(155),e(163),{isMounted:function(e){var t=s.get(e);return!!t&&!!t._renderedComponent},enqueueCallback:function(e,t,n){l.validateCallback(t,n);var o=a(e);return o?(o._pendingCallbacks?o._pendingCallbacks.push(t):o._pendingCallbacks=[t],void r(o)):null},enqueueCallbackInternal:function(e,t){e._pendingCallbacks?e._pendingCallbacks.push(t):e._pendingCallbacks=[t],r(e)},enqueueForceUpdate:function(e){var t=a(e,"forceUpdate");t&&(t._pendingForceUpdate=!0,r(t))},enqueueReplaceState:function(e,t){var n=a(e,"replaceState");n&&(n._pendingStateQueue=[t],n._pendingReplaceState=!0,r(n))},enqueueSetState:function(e,t){var n=a(e,"setState");if(n){var o=n._pendingStateQueue||(n._pendingStateQueue=[]);o.push(t),r(n)}},enqueueElementInternal:function(e,t,n){e._pendingElement=t,e._context=n,r(e)},validateCallback:function(e,t){e&&"function"!=typeof e?i("122",t,o(e)):void 0}});t.exports=l},{133:133,155:155,163:163,35:35,66:66,67:67,89:89}],89:[function(e,t,n){"use strict";function r(){w.ReactReconcileTransaction&&_?void 0:c("123")}function o(){this.reinitializeTransaction(),this.dirtyComponentsLength=null,this.callbackQueue=d.getPooled(),this.reconcileTransaction=w.ReactReconcileTransaction.getPooled(!0)}function a(e,t,n,o,a,i){r(),_.batchedUpdates(e,t,n,o,a,i)}function i(e,t){return e._mountOrder-t._mountOrder}function s(e){var t=e.dirtyComponentsLength;t!==g.length?c("124",t,g.length):void 0,g.sort(i),y++;for(var n=0;n]/;t.exports=o},{}],116:[function(e,t,n){"use strict";function r(e){if(null==e)return null;if(1===e.nodeType)return e;var t=i.get(e);return t?(t=s(t),t?a.getNodeFromInstance(t):null):void("function"==typeof e.render?o("44"):o("45",Object.keys(e)))}var o=e(133),a=(e(35),e(40)),i=e(66),s=e(123);e(155),e(163);t.exports=r},{123:123,133:133,155:155,163:163,35:35,40:40,66:66}],117:[function(e,t,n){(function(n){"use strict";function r(e,t,n,r){if(e&&"object"==typeof e){var o=e,a=void 0===o[n];a&&null!=t&&(o[n]=t)}}function o(e,t){if(null==e)return e;var n={};return a(e,r,n),n}var a=(e(23),e(138));e(163);"undefined"!=typeof n&&n.env,t.exports=o}).call(this,void 0)},{138:138,163:163,23:23}],118:[function(e,t,n){"use strict";function r(e,t,n){Array.isArray(e)?e.forEach(t,n):e&&t.call(n,e)}t.exports=r},{}],119:[function(e,t,n){"use strict";function r(e){var t,n=e.keyCode;return"charCode"in e?(t=e.charCode,0===t&&13===n&&(t=13)):t=n,t>=32||13===t?t:0}t.exports=r},{}],120:[function(e,t,n){"use strict";function r(e){if(e.key){var t=a[e.key]||e.key;if("Unidentified"!==t)return t}if("keypress"===e.type){var n=o(e);return 13===n?"Enter":String.fromCharCode(n)}return"keydown"===e.type||"keyup"===e.type?i[e.keyCode]||"Unidentified":""}var o=e(119),a={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},i={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"};t.exports=r},{119:119}],121:[function(e,t,n){"use strict";function r(e){var t=this,n=t.nativeEvent;if(n.getModifierState)return n.getModifierState(e);var r=a[e];return!!r&&!!n[r]}function o(e){return r}var a={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};t.exports=o},{}],122:[function(e,t,n){"use strict";function r(e){var t=e.target||e.srcElement||window;return t.correspondingUseElement&&(t=t.correspondingUseElement),3===t.nodeType?t.parentNode:t}t.exports=r},{}],123:[function(e,t,n){"use strict";function r(e){for(var t;(t=e._renderedNodeType)===o.COMPOSITE;)e=e._renderedComponent;return t===o.HOST?e._renderedComponent:t===o.EMPTY?null:void 0}var o=e(72);t.exports=r},{72:72}],124:[function(e,t,n){"use strict";function r(e){var t=e&&(o&&e[o]||e[a]);if("function"==typeof t)return t}var o="function"==typeof Symbol&&Symbol.iterator,a="@@iterator";t.exports=r},{}],125:[function(e,t,n){"use strict";function r(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function o(e){for(;e;){if(e.nextSibling)return e.nextSibling;e=e.parentNode}}function a(e,t){for(var n=r(e),a=0,i=0;n;){if(3===n.nodeType){if(i=a+n.textContent.length,a<=t&&i>=t)return{node:n,offset:t-a};a=i}n=r(o(n))}}t.exports=a},{}],126:[function(e,t,n){"use strict";function r(){return!a&&o.canUseDOM&&(a="textContent"in document.documentElement?"textContent":"innerText"),a}var o=e(141),a=null;t.exports=r},{141:141}],127:[function(e,t,n){"use strict";function r(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n["ms"+e]="MS"+t,n["O"+e]="o"+t.toLowerCase(),n}function o(e){if(s[e])return s[e];if(!i[e])return e;var t=i[e];for(var n in t)if(t.hasOwnProperty(n)&&n in u)return s[e]=t[n];return""}var a=e(141),i={animationend:r("Animation","AnimationEnd"),animationiteration:r("Animation","AnimationIteration"),animationstart:r("Animation","AnimationStart"),transitionend:r("Transition","TransitionEnd")},s={},u={};a.canUseDOM&&(u=document.createElement("div").style,"AnimationEvent"in window||(delete i.animationend.animation,delete i.animationiteration.animation,delete i.animationstart.animation),"TransitionEvent"in window||delete i.transitionend.transition),t.exports=o},{141:141}],128:[function(e,t,n){"use strict";function r(e){if(e){var t=e.getName();if(t)return" Check the render method of `"+t+"`."}return""}function o(e){return"function"==typeof e&&"undefined"!=typeof e.prototype&&"function"==typeof e.prototype.mountComponent&&"function"==typeof e.prototype.receiveComponent}function a(e,t){var n;if(null===e||e===!1)n=l.create(a);else if("object"==typeof e){var s=e;!s||"function"!=typeof s.type&&"string"!=typeof s.type?i("130",null==s.type?s.type:typeof s.type,r(s._owner)):void 0,"string"==typeof s.type?n=c.createInternalComponent(s):o(s.type)?(n=new s.type(s),n.getHostNode||(n.getHostNode=n.getNativeNode)):n=new p(s)}else"string"==typeof e||"number"==typeof e?n=c.createInstanceForText(e):i("131",typeof e);return n._mountIndex=0,n._mountImage=null,n}var i=e(133),s=e(164),u=e(34),l=e(58),c=e(63),p=(e(67),e(155),e(163),function(e){this.construct(e)});s(p.prototype,u.Mixin,{_instantiateReactComponent:a});t.exports=a},{133:133,155:155,163:163,164:164,34:34,58:58,63:63,67:67}],129:[function(e,t,n){"use strict";function r(e,t){if(!a.canUseDOM||t&&!("addEventListener"in document))return!1;var n="on"+e,r=n in document;if(!r){var i=document.createElement("div");i.setAttribute(n,"return;"),r="function"==typeof i[n]}return!r&&o&&"wheel"===e&&(r=document.implementation.hasFeature("Events.wheel","3.0")),r}var o,a=e(141);a.canUseDOM&&(o=document.implementation&&document.implementation.hasFeature&&document.implementation.hasFeature("","")!==!0),t.exports=r},{141:141}],130:[function(e,t,n){"use strict";function r(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!o[e.type]:"textarea"===t}var o={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};t.exports=r},{}],131:[function(e,t,n){"use strict";function r(e){return a.isValidElement(e)?void 0:o("23"),e}var o=e(133),a=e(57);e(155);t.exports=r},{133:133,155:155,57:57}],132:[function(e,t,n){"use strict";function r(e){return'"'+o(e)+'"'}var o=e(115);t.exports=r},{115:115}],133:[function(e,t,n){"use strict";function r(e){for(var t=arguments.length-1,n="Minified React error #"+e+"; visit http://facebook.github.io/react/docs/error-decoder.html?invariant="+e,r=0;r]/,u=e(113),l=u(function(e,t){if(e.namespaceURI!==a.svg||"innerHTML"in e)e.innerHTML=t;else{r=r||document.createElement("div"),r.innerHTML=""+t+"";for(var n=r.firstChild.childNodes,o=0;o":i.innerHTML="<"+e+">",s[e]=!i.firstChild),s[e]?d[e]:null}var o=e(141),a=e(155),i=o.canUseDOM?document.createElement("div"):null,s={},u=[1,'"],l=[1,"","
"],c=[3,"","
"],p=[1,'',""],d={"*":[1,"?
","
"],area:[1,"",""],col:[2,"","
"],legend:[1,"
","
"],param:[1,"",""],tr:[2,"","
"],optgroup:u,option:u,caption:l,colgroup:l,tbody:l,tfoot:l,thead:l,td:c,th:c},f=["circle","clipPath","defs","ellipse","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","text","tspan"];f.forEach(function(e){d[e]=p,s[e]=!0}),t.exports=r},{141:141,155:155}],152:[function(e,t,n){"use strict";function r(e){return e===window?{x:window.pageXOffset||document.documentElement.scrollLeft,y:window.pageYOffset||document.documentElement.scrollTop}:{x:e.scrollLeft,y:e.scrollTop}}t.exports=r},{}],153:[function(e,t,n){"use strict";function r(e){return e.replace(o,"-$1").toLowerCase()}var o=/([A-Z])/g;t.exports=r},{}],154:[function(e,t,n){"use strict";function r(e){return o(e).replace(a,"-ms-")}var o=e(153),a=/^ms-/;t.exports=r},{153:153}],155:[function(e,t,n){"use strict";function r(e,t,n,r,o,a,i,s){if(!e){var u;if(void 0===t)u=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var l=[n,r,o,a,i,s],c=0;u=new Error(t.replace(/%s/g,function(){return l[c++]})),u.name="Invariant Violation"}throw u.framesToPop=1,u}}t.exports=r},{}],156:[function(e,t,n){"use strict";function r(e){return!(!e||!("function"==typeof Node?e instanceof Node:"object"==typeof e&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName))}t.exports=r},{}],157:[function(e,t,n){"use strict";function r(e){return o(e)&&3==e.nodeType}var o=e(156);t.exports=r},{156:156}],158:[function(e,t,n){"use strict";var r=e(155),o=function(e){var t,n={};e instanceof Object&&!Array.isArray(e)?void 0:r(!1);for(t in e)e.hasOwnProperty(t)&&(n[t]=t);return n};t.exports=o},{155:155}],159:[function(e,t,n){"use strict";var r=function(e){var t;for(t in e)if(e.hasOwnProperty(t))return t;return null};t.exports=r},{}],160:[function(e,t,n){"use strict";function r(e,t,n){if(!e)return null;var r={};for(var a in e)o.call(e,a)&&(r[a]=t.call(n,e[a],a,e));return r}var o=Object.prototype.hasOwnProperty;t.exports=r},{}],161:[function(e,t,n){"use strict";function r(e){var t={};return function(n){return t.hasOwnProperty(n)||(t[n]=e.call(this,n)),t[n]}}t.exports=r},{}],162:[function(e,t,n){"use strict";function r(e,t){return e===t?0!==e||1/e===1/t:e!==e&&t!==t}function o(e,t){if(r(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),o=Object.keys(t);if(n.length!==o.length)return!1;for(var i=0;i 3 | 4 | 5 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 114 | 115 | 116 | -------------------------------------------------------------------------------- /django_graphiql/urls.py: -------------------------------------------------------------------------------- 1 | from django.conf.urls import url 2 | 3 | from .views import GraphiQL 4 | 5 | urlpatterns = [ 6 | url(r'^', GraphiQL.as_view()), 7 | ] 8 | -------------------------------------------------------------------------------- /django_graphiql/views.py: -------------------------------------------------------------------------------- 1 | from django.core.urlresolvers import reverse 2 | from django.views.generic import TemplateView 3 | from django.conf import settings 4 | 5 | 6 | class GraphiQL(TemplateView): 7 | template_name = 'graphiql/index.html' 8 | graphql_url = None 9 | 10 | def get_context_data(self, **kwargs): 11 | context = super(GraphiQL, self).get_context_data(**kwargs) 12 | default_query = getattr(settings, 'GRAPHIQL_DEFAULT_QUERY', None) 13 | graphql_url = getattr(settings, 'GRAPHIQL_GRAPHQL_URL', '/graphql') 14 | graphql_viewname = getattr(settings, 'GRAPHIQL_GRAPHQL_VIEWNAME', None) 15 | if graphql_viewname: 16 | graphql_url = reverse(graphql_viewname) 17 | 18 | query = self.request.GET.get('query', default_query) 19 | 20 | context['query'] = query 21 | context['variables'] = self.request.GET.get('variables', '') 22 | context['response'] = '' 23 | context['graphql_url'] = self.graphql_url or graphql_url 24 | return context 25 | -------------------------------------------------------------------------------- /setup.py: -------------------------------------------------------------------------------- 1 | from setuptools import setup, find_packages 2 | 3 | setup( 4 | name='django-graphiql', 5 | version='0.4.4', 6 | download_url='git@github.com:graphql-python/django-graphiql.git', 7 | packages=find_packages(), 8 | author='Syrus Akbary', 9 | author_email='me@syrusakbary.com', 10 | description='Integrate GraphiQL easily into your Django project', 11 | long_description=open('README.rst').read(), 12 | keywords='django graphiql graphql graphene graphql-core', 13 | url='http://github.com/graphql-python/django-graphiql', 14 | license='MIT', 15 | entry_points={ 16 | }, 17 | install_requires=['django>=1.6'], 18 | tests_require=[], 19 | include_package_data=True, 20 | zip_safe=False, 21 | platforms='any', 22 | ) 23 | --------------------------------------------------------------------------------