├── .babelrc
├── .flowconfig
├── .gitignore
├── .postcssrc.yml
├── .rubocop.yml
├── .ruby-version
├── Gemfile
├── Gemfile.lock
├── README.md
├── Rakefile
├── app
    ├── channels
    │   └── application_cable
    │   │   ├── channel.rb
    │   │   └── connection.rb
    ├── controllers
    │   ├── application_controller.rb
    │   ├── concerns
    │   │   └── .keep
    │   └── graphql_controller.rb
    ├── graphql
    │   ├── enums
    │   │   └── user_role.rb
    │   ├── graphql_policy.rb
    │   ├── schema.rb
    │   └── types
    │   │   ├── .keep
    │   │   ├── post.rb
    │   │   ├── query.rb
    │   │   └── user.rb
    ├── javascript
    │   ├── components
    │   │   └── navbar.js
    │   ├── packs
    │   │   └── application.js
    │   ├── routes
    │   │   ├── graphiql.css
    │   │   ├── graphiql.js
    │   │   ├── home.gql
    │   │   ├── home.js
    │   │   ├── post.gql
    │   │   └── post.js
    │   ├── types
    │   │   └── graphql.js
    │   └── utils
    │   │   └── empty-object.js
    ├── jobs
    │   └── application_job.rb
    ├── mailers
    │   └── application_mailer.rb
    ├── models
    │   ├── application_record.rb
    │   ├── concerns
    │   │   └── .keep
    │   ├── post.rb
    │   └── user.rb
    └── views
    │   └── layouts
    │       ├── application.html.erb
    │       ├── mailer.html.erb
    │       └── mailer.text.erb
├── bin
    ├── bundle
    ├── rails
    ├── rake
    ├── setup
    ├── update
    ├── webpack
    └── webpack-dev-server
├── config.ru
├── config
    ├── apollo-engine-proxy.sample.json
    ├── application.rb
    ├── boot.rb
    ├── cable.yml
    ├── credentials.yml.enc
    ├── database.yml
    ├── environment.rb
    ├── environments
    │   ├── development.rb
    │   ├── production.rb
    │   └── test.rb
    ├── initializers
    │   ├── application_controller_renderer.rb
    │   ├── backtrace_silencers.rb
    │   ├── cors.rb
    │   ├── filter_parameter_logging.rb
    │   ├── inflections.rb
    │   ├── mime_types.rb
    │   └── wrap_parameters.rb
    ├── locales
    │   └── en.yml
    ├── puma.rb
    ├── routes.rb
    ├── spring.rb
    ├── storage.yml
    ├── webpack
    │   ├── development.js
    │   ├── environment.js
    │   ├── production.js
    │   └── test.js
    └── webpacker.yml
├── db
    ├── migrate
    │   ├── 20180327021608_create_users.rb
    │   └── 20180327021612_create_posts.rb
    ├── schema.rb
    └── seeds.rb
├── lib
    └── tasks
    │   └── .keep
├── package.json
├── public
    ├── graphql-on-rails.png
    ├── robots.txt
    └── screenshot.png
├── schema.json
├── test
    ├── controllers
    │   └── .keep
    ├── fixtures
    │   ├── .keep
    │   └── files
    │   │   └── .keep
    ├── integration
    │   └── .keep
    ├── mailers
    │   └── .keep
    ├── models
    │   └── .keep
    └── test_helper.rb
├── tmp
    └── .keep
├── vendor
    └── .keep
└── yarn.lock


/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "presets": [
 3 |     [
 4 |       "env",
 5 |       {
 6 |         "modules": false,
 7 |         "targets": {
 8 |           "browsers": "> 1%",
 9 |           "uglify": true
10 |         },
11 |         "useBuiltIns": true
12 |       }
13 |     ],
14 |     "flow",
15 |     "react"
16 |   ],
17 |   "plugins": [
18 |     "syntax-dynamic-import",
19 |     "transform-object-rest-spread",
20 |     [
21 |       "transform-class-properties",
22 |       {
23 |         "spec": true
24 |       }
25 |     ]
26 |   ]
27 | }
28 | 


--------------------------------------------------------------------------------
/.flowconfig:
--------------------------------------------------------------------------------
 1 | [ignore]
 2 | 
 3 | [include]
 4 | 
 5 | [libs]
 6 | app/javascript/types/
 7 | 
 8 | [lints]
 9 | 
10 | [options]
11 | module.name_mapper.extension='gql' -> '<PROJECT_ROOT>/app/javascript/utils/empty-object.js'
12 | 
13 | [strict]
14 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files for more about ignoring files.
 2 | #
 3 | # If you find yourself ignoring temporary files generated by your text editor
 4 | # or operating system, you probably want to add a global ignore instead:
 5 | #   git config --global core.excludesfile '~/.gitignore_global'
 6 | 
 7 | # Ignore bundler config.
 8 | /.bundle
 9 | 
10 | # Ignore the default SQLite database.
11 | /db/*.sqlite3
12 | /db/*.sqlite3-journal
13 | 
14 | # Ignore all logfiles and tempfiles.
15 | /log/*
16 | /tmp/*
17 | !/log/.keep
18 | !/tmp/.keep
19 | 
20 | # Ignore uploaded files in development
21 | /storage/*
22 | 
23 | .byebug_history
24 | 
25 | # Ignore master key for decrypting credentials and more.
26 | /config/master.key
27 | /public/packs
28 | /public/packs-test
29 | /node_modules
30 | yarn-debug.log*
31 | .yarn-integrity
32 | 
33 | /config/apollo-engine-proxy.json
34 | 


--------------------------------------------------------------------------------
/.postcssrc.yml:
--------------------------------------------------------------------------------
1 | plugins:
2 |   postcss-import: {}
3 |   postcss-cssnext: {}
4 | 


--------------------------------------------------------------------------------
/.rubocop.yml:
--------------------------------------------------------------------------------
1 | AllCops:
2 |   Exclude:
3 |     - '**/*'
4 | 


--------------------------------------------------------------------------------
/.ruby-version:
--------------------------------------------------------------------------------
1 | 2.3.4
2 | 


--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
 1 | source 'https://rubygems.org'
 2 | git_source(:github) { |repo| "https://github.com/#{repo}.git" }
 3 | 
 4 | # Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
 5 | gem 'rails', '~> 5.2.0'
 6 | # Use sqlite3 as the database for Active Record
 7 | gem 'sqlite3'
 8 | # Use Puma as the app server
 9 | gem 'puma', '~> 3.11'
10 | # Transpile app-like JavaScript. Read more: https://github.com/rails/webpacker
11 | gem 'webpacker', '~> 3.4.1'
12 | # Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
13 | # gem 'jbuilder', '~> 2.5'
14 | # Use Redis adapter to run Action Cable in production
15 | # gem 'redis', '~> 4.0'
16 | # Use ActiveModel has_secure_password
17 | # gem 'bcrypt', '~> 3.1.7'
18 | 
19 | # Use ActiveStorage variant
20 | # gem 'mini_magick', '~> 4.8'
21 | 
22 | # Use Capistrano for deployment
23 | # gem 'capistrano-rails', group: :development
24 | 
25 | # Reduces boot times through caching; required in config/boot.rb
26 | gem 'bootsnap', '>= 1.1.0', require: false
27 | 
28 | # Use Rack CORS for handling Cross-Origin Resource Sharing (CORS), making cross-origin AJAX possible
29 | # gem 'rack-cors'
30 | 
31 | gem 'graphql', '~> 1.8.0.pre9'
32 | gem 'graphql-errors'
33 | gem 'graphql-guard'
34 | gem 'apollo-tracing', '~> 1.6.0'
35 | gem 'batch-loader'
36 | 
37 | group :development, :test do
38 |   gem 'pry-byebug'
39 | end
40 | 
41 | group :development do
42 |   gem 'listen', '>= 3.0.5', '< 3.2'
43 |   # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
44 |   gem 'spring'
45 |   gem 'spring-watcher-listen', '~> 2.0.0'
46 | end
47 | 


--------------------------------------------------------------------------------
/Gemfile.lock:
--------------------------------------------------------------------------------
  1 | GEM
  2 |   remote: https://rubygems.org/
  3 |   specs:
  4 |     actioncable (5.2.0)
  5 |       actionpack (= 5.2.0)
  6 |       nio4r (~> 2.0)
  7 |       websocket-driver (>= 0.6.1)
  8 |     actionmailer (5.2.0)
  9 |       actionpack (= 5.2.0)
 10 |       actionview (= 5.2.0)
 11 |       activejob (= 5.2.0)
 12 |       mail (~> 2.5, >= 2.5.4)
 13 |       rails-dom-testing (~> 2.0)
 14 |     actionpack (5.2.0)
 15 |       actionview (= 5.2.0)
 16 |       activesupport (= 5.2.0)
 17 |       rack (~> 2.0)
 18 |       rack-test (>= 0.6.3)
 19 |       rails-dom-testing (~> 2.0)
 20 |       rails-html-sanitizer (~> 1.0, >= 1.0.2)
 21 |     actionview (5.2.0)
 22 |       activesupport (= 5.2.0)
 23 |       builder (~> 3.1)
 24 |       erubi (~> 1.4)
 25 |       rails-dom-testing (~> 2.0)
 26 |       rails-html-sanitizer (~> 1.0, >= 1.0.3)
 27 |     activejob (5.2.0)
 28 |       activesupport (= 5.2.0)
 29 |       globalid (>= 0.3.6)
 30 |     activemodel (5.2.0)
 31 |       activesupport (= 5.2.0)
 32 |     activerecord (5.2.0)
 33 |       activemodel (= 5.2.0)
 34 |       activesupport (= 5.2.0)
 35 |       arel (>= 9.0)
 36 |     activestorage (5.2.0)
 37 |       actionpack (= 5.2.0)
 38 |       activerecord (= 5.2.0)
 39 |       marcel (~> 0.3.1)
 40 |     activesupport (5.2.0)
 41 |       concurrent-ruby (~> 1.0, >= 1.0.2)
 42 |       i18n (>= 0.7, < 2)
 43 |       minitest (~> 5.1)
 44 |       tzinfo (~> 1.1)
 45 |     apollo-tracing (1.6.0)
 46 |       graphql (>= 1.7.0, < 2)
 47 |     arel (9.0.0)
 48 |     batch-loader (1.2.1)
 49 |     bootsnap (1.1.8)
 50 |       msgpack (~> 1.0)
 51 |     builder (3.2.3)
 52 |     byebug (10.0.1)
 53 |     coderay (1.1.2)
 54 |     concurrent-ruby (1.0.5)
 55 |     crass (1.0.4)
 56 |     erubi (1.7.1)
 57 |     ffi (1.9.23)
 58 |     globalid (0.4.1)
 59 |       activesupport (>= 4.2.0)
 60 |     graphql (1.8.0.pre10)
 61 |     graphql-errors (0.2.0)
 62 |       graphql (>= 1.6.0, < 2)
 63 |     graphql-guard (1.0.0)
 64 |       graphql (>= 1.6.0, < 2)
 65 |     i18n (1.0.0)
 66 |       concurrent-ruby (~> 1.0)
 67 |     listen (3.1.5)
 68 |       rb-fsevent (~> 0.9, >= 0.9.4)
 69 |       rb-inotify (~> 0.9, >= 0.9.7)
 70 |       ruby_dep (~> 1.2)
 71 |     loofah (2.2.2)
 72 |       crass (~> 1.0.2)
 73 |       nokogiri (>= 1.5.9)
 74 |     mail (2.7.0)
 75 |       mini_mime (>= 0.1.1)
 76 |     marcel (0.3.2)
 77 |       mimemagic (~> 0.3.2)
 78 |     method_source (0.9.0)
 79 |     mimemagic (0.3.2)
 80 |     mini_mime (1.0.0)
 81 |     mini_portile2 (2.3.0)
 82 |     minitest (5.11.3)
 83 |     msgpack (1.2.4)
 84 |     nio4r (2.3.0)
 85 |     nokogiri (1.8.2)
 86 |       mini_portile2 (~> 2.3.0)
 87 |     pry (0.11.3)
 88 |       coderay (~> 1.1.0)
 89 |       method_source (~> 0.9.0)
 90 |     pry-byebug (3.6.0)
 91 |       byebug (~> 10.0)
 92 |       pry (~> 0.10)
 93 |     puma (3.11.2)
 94 |     rack (2.0.4)
 95 |     rack-proxy (0.6.4)
 96 |       rack
 97 |     rack-test (1.0.0)
 98 |       rack (>= 1.0, < 3)
 99 |     rails (5.2.0)
100 |       actioncable (= 5.2.0)
101 |       actionmailer (= 5.2.0)
102 |       actionpack (= 5.2.0)
103 |       actionview (= 5.2.0)
104 |       activejob (= 5.2.0)
105 |       activemodel (= 5.2.0)
106 |       activerecord (= 5.2.0)
107 |       activestorage (= 5.2.0)
108 |       activesupport (= 5.2.0)
109 |       bundler (>= 1.3.0)
110 |       railties (= 5.2.0)
111 |       sprockets-rails (>= 2.0.0)
112 |     rails-dom-testing (2.0.3)
113 |       activesupport (>= 4.2.0)
114 |       nokogiri (>= 1.6)
115 |     rails-html-sanitizer (1.0.4)
116 |       loofah (~> 2.2, >= 2.2.2)
117 |     railties (5.2.0)
118 |       actionpack (= 5.2.0)
119 |       activesupport (= 5.2.0)
120 |       method_source
121 |       rake (>= 0.8.7)
122 |       thor (>= 0.18.1, < 2.0)
123 |     rake (12.3.1)
124 |     rb-fsevent (0.10.2)
125 |     rb-inotify (0.9.10)
126 |       ffi (>= 0.5.0, < 2)
127 |     ruby_dep (1.5.0)
128 |     spring (2.0.2)
129 |       activesupport (>= 4.2)
130 |     spring-watcher-listen (2.0.1)
131 |       listen (>= 2.7, < 4.0)
132 |       spring (>= 1.2, < 3.0)
133 |     sprockets (3.7.1)
134 |       concurrent-ruby (~> 1.0)
135 |       rack (> 1, < 3)
136 |     sprockets-rails (3.2.1)
137 |       actionpack (>= 4.0)
138 |       activesupport (>= 4.0)
139 |       sprockets (>= 3.0.0)
140 |     sqlite3 (1.3.13)
141 |     thor (0.20.0)
142 |     thread_safe (0.3.6)
143 |     tzinfo (1.2.5)
144 |       thread_safe (~> 0.1)
145 |     webpacker (3.4.1)
146 |       activesupport (>= 4.2)
147 |       rack-proxy (>= 0.6.1)
148 |       railties (>= 4.2)
149 |     websocket-driver (0.7.0)
150 |       websocket-extensions (>= 0.1.0)
151 |     websocket-extensions (0.1.3)
152 | 
153 | PLATFORMS
154 |   ruby
155 | 
156 | DEPENDENCIES
157 |   apollo-tracing (~> 1.6.0)
158 |   batch-loader
159 |   bootsnap (>= 1.1.0)
160 |   graphql (~> 1.8.0.pre9)
161 |   graphql-errors
162 |   graphql-guard
163 |   listen (>= 3.0.5, < 3.2)
164 |   pry-byebug
165 |   puma (~> 3.11)
166 |   rails (~> 5.2.0)
167 |   spring
168 |   spring-watcher-listen (~> 2.0.0)
169 |   sqlite3
170 |   webpacker (~> 3.4.1)
171 | 
172 | BUNDLED WITH
173 |    1.16.1
174 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # GraphQL on Rails
  2 | 
  3 | ![](./public/screenshot.png)
  4 | 
  5 | ## Join our Slack
  6 | 
  7 | :point_right: [http://bit.ly/graphql-on-rails-slack](http://bit.ly/graphql-on-rails-slack)
  8 | 
  9 | ## Tech Stack
 10 | 
 11 | * Ruby on Rails 5.2
 12 | * GraphQL 1.8
 13 | * Webpacker 3.4
 14 | * React 16.2
 15 | * React Apollo 2.1
 16 | 
 17 | ## Creating the app from scratch
 18 | 
 19 | ```
 20 | > brew install yarn
 21 | > gem install rails -v 5.2.0
 22 | > rails new graphql-on-rails --api --webpack=react
 23 | 
 24 | > cd graphql-on-rails
 25 | > bundle exec rails webpacker:binstubs --force
 26 | ```
 27 | 
 28 | ## Saving webpacker
 29 | 
 30 | ```
 31 | > yarn
 32 | > ./bin/webpack-dev-server
 33 | 
 34 | The CLI moved into a separate package: webpack-cli.
 35 | Please install 'webpack-cli' in addition to webpack itself to use the CLI.
 36 | -> When using npm: npm install webpack-cli -D
 37 | -> When using yarn: yarn add webpack-cli -D
 38 | module.js:491
 39 |     throw err;
 40 |     ^
 41 | 
 42 | Error: Cannot find module 'webpack-cli/bin/config-yargs'
 43 |     at Function.Module._resolveFilename (module.js:489:15)
 44 |     at Function.Module._load (module.js:439:25)
 45 |     at Module.require (module.js:517:17)
 46 |     at require (internal/module.js:11:18)
 47 |     at Object.<anonymous> (graphql-on-rails/node_modules/webpack-dev-server/bin/webpack-dev-server.js:65:1)
 48 |     at Module._compile (module.js:573:30)
 49 |     at Object.Module._extensions..js (module.js:584:10)
 50 |     at Module.load (module.js:507:32)
 51 |     at tryModuleLoad (module.js:470:12)
 52 |     at Function.Module._load (module.js:462:3)
 53 | ```
 54 | 
 55 | [https://github.com/rails/webpacker/issues/1295](https://github.com/rails/webpacker/issues/1295)
 56 | 
 57 | ```
 58 | > yarn add webpack-cli -D
 59 | > ./bin/webpack-dev-server
 60 | 
 61 | graphql-on-rails/node_modules/webpack-dev-server/bin/webpack-dev-server.js:405
 62 |     throw e;
 63 |     ^
 64 | 
 65 | TypeError: Cannot read property 'compile' of undefined
 66 |     at addCompilerHooks (graphql-on-rails/node_modules/webpack-dev-server/lib/Server.js:71:15)
 67 |     at new Server (graphql-on-rails/node_modules/webpack-dev-server/lib/Server.js:81:5)
 68 |     at startDevServer (graphql-on-rails/node_modules/webpack-dev-server/bin/webpack-dev-server.js:398:14)
 69 |     at processOptions (graphql-on-rails/node_modules/webpack-dev-server/bin/webpack-dev-server.js:361:5)
 70 |     at Object.<anonymous> (graphql-on-rails/node_modules/webpack-dev-server/bin/webpack-dev-server.js:504:1)
 71 |     at Module._compile (module.js:573:30)
 72 |     at Object.Module._extensions..js (module.js:584:10)
 73 |     at Module.load (module.js:507:32)
 74 |     at tryModuleLoad (module.js:470:12)
 75 |     at Function.Module._load (module.js:462:3)
 76 | 
 77 | ```
 78 | 
 79 | [https://github.com/rails/webpacker/issues/1303](https://github.com/rails/webpacker/issues/1303)
 80 | 
 81 | ```
 82 | > yarn upgrade webpack-dev-server@^2.11.1
 83 | > ./bin/webpack-dev-server
 84 | ```
 85 | 
 86 | ## Starting the application
 87 | 
 88 | ```
 89 | > bundle
 90 | > bundle exec rails s
 91 | ```
 92 | 
 93 | ## Adding react-router-dom
 94 | 
 95 | ```
 96 | > yarn add react-router-dom
 97 | ```
 98 | 
 99 | ## Adding GraphiQL
100 | 
101 | ```
102 | > yarn add graphiql
103 | ```
104 | 
105 | ## Adding models
106 | 
107 | ```
108 | > bundle exec rails g model user name:string
109 | > bundle exec rails g model post user:references title:string description:string content:text
110 | > bundle exec rake db:create db:migrate db:seed
111 | ```
112 | 
113 | ## Adding GraphQL
114 | 
115 | ```
116 | > bundle exec rails generate graphql:install
117 | ```
118 | 
119 | ## Adding Apollo Client
120 | 
121 | ```
122 | > yarn add apollo-boost
123 | > yarn add react-apollo
124 | ```
125 | 
126 | ## Adding Flow
127 | 
128 | ```
129 | > yarn add -D apollo-codegen
130 | > yarn graphql
131 | 
132 | > yarn add -D babel-preset-flow
133 | > yarn add -D flow-bin
134 | > flow init
135 | > yarn flow
136 | ```
137 | 


--------------------------------------------------------------------------------
/Rakefile:
--------------------------------------------------------------------------------
1 | # Add your own tasks in files placed in lib/tasks ending in .rake,
2 | # for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
3 | 
4 | require_relative 'config/application'
5 | 
6 | Rails.application.load_tasks
7 | 


--------------------------------------------------------------------------------
/app/channels/application_cable/channel.rb:
--------------------------------------------------------------------------------
1 | module ApplicationCable
2 |   class Channel < ActionCable::Channel::Base
3 |   end
4 | end
5 | 


--------------------------------------------------------------------------------
/app/channels/application_cable/connection.rb:
--------------------------------------------------------------------------------
1 | module ApplicationCable
2 |   class Connection < ActionCable::Connection::Base
3 |   end
4 | end
5 | 


--------------------------------------------------------------------------------
/app/controllers/application_controller.rb:
--------------------------------------------------------------------------------
1 | class ApplicationController < ActionController::Base
2 |   skip_before_action :verify_authenticity_token
3 | 
4 |   def index
5 |     render html: false, layout: 'application'
6 |   end
7 | end
8 | 


--------------------------------------------------------------------------------
/app/controllers/concerns/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/exAspArk/graphql-on-rails/a23a657e062a07a3b4a24ed252257c2a0cff259f/app/controllers/concerns/.keep


--------------------------------------------------------------------------------
/app/controllers/graphql_controller.rb:
--------------------------------------------------------------------------------
 1 | class GraphqlController < ApplicationController
 2 |   def execute
 3 |     variables = ensure_hash(params[:variables])
 4 |     query = params[:query]
 5 |     operation_name = params[:operationName]
 6 |     context = { current_user: User.first }
 7 |     result = Schema.execute(query, variables: variables, context: context, operation_name: operation_name)
 8 |     render json: result
 9 |   end
10 | 
11 |   private
12 | 
13 |   # Handle form data, JSON body, or a blank value
14 |   def ensure_hash(ambiguous_param)
15 |     case ambiguous_param
16 |     when String
17 |       if ambiguous_param.present?
18 |         ensure_hash(JSON.parse(ambiguous_param))
19 |       else
20 |         {}
21 |       end
22 |     when Hash, ActionController::Parameters
23 |       ambiguous_param
24 |     when nil
25 |       {}
26 |     else
27 |       raise ArgumentError, "Unexpected parameter: #{ambiguous_param}"
28 |     end
29 |   end
30 | end
31 | 


--------------------------------------------------------------------------------
/app/graphql/enums/user_role.rb:
--------------------------------------------------------------------------------
1 | class Enums::UserRole < GraphQL::Schema::Enum
2 |   value "USER", "User role description", value: :user
3 |   value "ADMIN", "Admin role description", value: :admin
4 | end
5 | 


--------------------------------------------------------------------------------
/app/graphql/graphql_policy.rb:
--------------------------------------------------------------------------------
 1 | class GraphqlPolicy
 2 |   RULES = {
 3 |     'User' => {
 4 |       email: ->(instance, args, ctx) { instance.object == ctx[:current_user] }
 5 |     }
 6 |   }
 7 | 
 8 |   def self.guard(type, field)
 9 |     RULES.dig(type.name, field)
10 |   end
11 | end
12 | 


--------------------------------------------------------------------------------
/app/graphql/schema.rb:
--------------------------------------------------------------------------------
 1 | class Schema < GraphQL::Schema
 2 |   query Types::Query
 3 | 
 4 |   use GraphQL::Guard.new(
 5 |     policy_object: GraphqlPolicy,
 6 |     not_authorized: ->(type, field) { GraphQL::ExecutionError.new("Not authorized to access #{type}.#{field}") }
 7 |   )
 8 |   use ApolloTracing.new
 9 |   use BatchLoader::GraphQL
10 | end
11 | 
12 | GraphQL::Errors.configure(Schema) do
13 |   rescue_from StandardError do |exception, object|
14 |     Rails.logger.error([
15 |       exception.inspect,
16 |       exception.backtrace,
17 |       "GraphQL object: #{object.inspect}"
18 |     ].join("\n"))
19 | 
20 |     GraphQL::ExecutionError.new("Please try to execute the query for this field later")
21 |   end
22 | end
23 | 


--------------------------------------------------------------------------------
/app/graphql/types/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/exAspArk/graphql-on-rails/a23a657e062a07a3b4a24ed252257c2a0cff259f/app/graphql/types/.keep


--------------------------------------------------------------------------------
/app/graphql/types/post.rb:
--------------------------------------------------------------------------------
 1 | class Types::Post < GraphQL::Schema::Object
 2 |   field :id, ID, null: false
 3 |   field :title, String, null: false
 4 |   field :description, String, null: false
 5 |   field :content, String, null: false
 6 |   field :created_at, String, null: false
 7 |   field :user, Types::User, null: false
 8 |   field :score, Int, null: true
 9 | 
10 |   def user
11 |     BatchLoader.for(object.user_id).batch do |user_ids, loader|
12 |       users = ::User.where(id: user_ids)
13 |       users.each { |user| loader.call(user.id, user) }
14 |     end
15 |   end
16 | 
17 |   def score
18 |     raise "External API failed"
19 |   end
20 | end
21 | 


--------------------------------------------------------------------------------
/app/graphql/types/query.rb:
--------------------------------------------------------------------------------
 1 | class Types::Query < GraphQL::Schema::Object
 2 |   field :users, [Types::User], null: false
 3 |   field :posts, [Types::Post], null: false
 4 |   field :post, Types::Post, null: false do
 5 |     argument :id, ID, required: true
 6 |   end
 7 | 
 8 |   def users
 9 |     ::User.all
10 |   end
11 | 
12 |   def posts
13 |     ::Post.all
14 |   end
15 | 
16 |   def post(attributes)
17 |     ::Post.find(attributes[:id])
18 |   end
19 | end
20 | 


--------------------------------------------------------------------------------
/app/graphql/types/user.rb:
--------------------------------------------------------------------------------
1 | class Types::User < GraphQL::Schema::Object
2 |   field :id, ID, null: false
3 |   field :name, String, null: false
4 |   field :created_at, String, null: false
5 |   field :role, Enums::UserRole, null: false
6 |   field :email, String, null: true
7 | end
8 | 


--------------------------------------------------------------------------------
/app/javascript/components/navbar.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import { Link } from "react-router-dom"
 3 | 
 4 | const Navbar = () => (
 5 |   <header className="py-3">
 6 |     <div className="row">
 7 |       <div className="col-8">
 8 |         <h3><Link to="/" className="text-muted">GraphQL on Rails</Link></h3>
 9 |       </div>
10 |       <div className="col-4 d-flex justify-content-end align-items-center">
11 |         <a className="text-muted" href="#">
12 |           <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="mx-3"><circle cx="10.5" cy="10.5" r="7.5"></circle><line x1="21" y1="21" x2="15.8" y2="15.8"></line></svg>
13 |         </a>
14 |         <a className="btn btn-sm btn-outline-secondary" href="#">Sign up</a>
15 |       </div>
16 |     </div>
17 |   </header>
18 | )
19 | 
20 | export default Navbar
21 | 


--------------------------------------------------------------------------------
/app/javascript/packs/application.js:
--------------------------------------------------------------------------------
 1 | // Run this example by adding <%= javascript_pack_tag 'hello_react' %> to the head of your layout file,
 2 | // like app/views/layouts/application.html.erb. All it does is render <div>Hello React</div> at the bottom
 3 | // of the page.
 4 | 
 5 | import React from 'react'
 6 | import ReactDOM from 'react-dom'
 7 | import { BrowserRouter as Router, Route } from "react-router-dom"
 8 | import ApolloClient from 'apollo-boost'
 9 | import { ApolloProvider } from 'react-apollo'
10 | 
11 | import Home from '../routes/home'
12 | import Post from '../routes/post'
13 | import Graphiql from '../routes/graphiql'
14 | 
15 | const apolloClient = new ApolloClient({ uri: 'http://localhost:3001/graphql' })
16 | 
17 | const App = () => (
18 |   <ApolloProvider client={apolloClient}>
19 |     <Router>
20 |       <div>
21 |         <Route exact path="/" component={Home} />
22 |         <Route exact path="/posts/:id" component={Post} />
23 |         <Route exact path="/graphiql" component={Graphiql} />
24 |       </div>
25 |     </Router>
26 |   </ApolloProvider>
27 | )
28 | 
29 | document.addEventListener('DOMContentLoaded', () => {
30 |   ReactDOM.render(<App />, document.body.appendChild(document.createElement('div')))
31 | })
32 | 


--------------------------------------------------------------------------------
/app/javascript/routes/graphiql.css:
--------------------------------------------------------------------------------
   1 | .graphiql-container,
   2 | .graphiql-container button,
   3 | .graphiql-container input {
   4 |   color: #141823;
   5 |   font-family:
   6 |     system,
   7 |     -apple-system,
   8 |     'San Francisco',
   9 |     '.SFNSDisplay-Regular',
  10 |     'Segoe UI',
  11 |     Segoe,
  12 |     'Segoe WP',
  13 |     'Helvetica Neue',
  14 |     helvetica,
  15 |     'Lucida Grande',
  16 |     arial,
  17 |     sans-serif;
  18 |   font-size: 14px;
  19 | }
  20 | 
  21 | .graphiql-container {
  22 |   display: -webkit-box;
  23 |   display: -ms-flexbox;
  24 |   display: flex;
  25 |   -webkit-box-orient: horizontal;
  26 |   -webkit-box-direction: normal;
  27 |       -ms-flex-direction: row;
  28 |           flex-direction: row;
  29 |   height: 100vh;
  30 |   margin: 0;
  31 |   overflow: hidden;
  32 |   width: 100%;
  33 | }
  34 | 
  35 | .graphiql-container .editorWrap {
  36 |   display: -webkit-box;
  37 |   display: -ms-flexbox;
  38 |   display: flex;
  39 |   -webkit-box-orient: vertical;
  40 |   -webkit-box-direction: normal;
  41 |       -ms-flex-direction: column;
  42 |           flex-direction: column;
  43 |   -webkit-box-flex: 1;
  44 |       -ms-flex: 1;
  45 |           flex: 1;
  46 |   overflow-x: hidden;
  47 | }
  48 | 
  49 | .graphiql-container .title {
  50 |   font-size: 18px;
  51 | }
  52 | 
  53 | .graphiql-container .title em {
  54 |   font-family: georgia;
  55 |   font-size: 19px;
  56 | }
  57 | 
  58 | .graphiql-container .topBarWrap {
  59 |   display: -webkit-box;
  60 |   display: -ms-flexbox;
  61 |   display: flex;
  62 |   -webkit-box-orient: horizontal;
  63 |   -webkit-box-direction: normal;
  64 |       -ms-flex-direction: row;
  65 |           flex-direction: row;
  66 | }
  67 | 
  68 | .graphiql-container .topBar {
  69 |   -webkit-box-align: center;
  70 |       -ms-flex-align: center;
  71 |           align-items: center;
  72 |   background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e2e2e2));
  73 |   background: linear-gradient(#f7f7f7, #e2e2e2);
  74 |   border-bottom: 1px solid #d0d0d0;
  75 |   cursor: default;
  76 |   display: -webkit-box;
  77 |   display: -ms-flexbox;
  78 |   display: flex;
  79 |   -webkit-box-orient: horizontal;
  80 |   -webkit-box-direction: normal;
  81 |       -ms-flex-direction: row;
  82 |           flex-direction: row;
  83 |   -webkit-box-flex: 1;
  84 |       -ms-flex: 1;
  85 |           flex: 1;
  86 |   /* height: 34px; */
  87 |   overflow-y: visible;
  88 |   padding: 7px 14px 6px;
  89 |   -webkit-user-select: none;
  90 |      -moz-user-select: none;
  91 |       -ms-user-select: none;
  92 |           user-select: none;
  93 | }
  94 | 
  95 | .graphiql-container .toolbar {
  96 |   overflow-x: visible;
  97 |   display: -webkit-box;
  98 |   display: -ms-flexbox;
  99 |   display: flex;
 100 | }
 101 | 
 102 | .graphiql-container .docExplorerShow,
 103 | .graphiql-container .historyShow {
 104 |   background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e2e2e2));
 105 |   background: linear-gradient(#f7f7f7, #e2e2e2);
 106 |   border-radius: 0;
 107 |   border-bottom: 1px solid #d0d0d0;
 108 |   border-right: none;
 109 |   border-top: none;
 110 |   color: #3B5998;
 111 |   cursor: pointer;
 112 |   font-size: 14px;
 113 |   margin: 0;
 114 |   outline: 0;
 115 |   padding: 2px 20px 0 18px;
 116 | }
 117 | 
 118 | .graphiql-container .docExplorerShow {
 119 |   border-left: 1px solid rgba(0, 0, 0, 0.2);
 120 | }
 121 | 
 122 | .graphiql-container .historyShow {
 123 |   border-right: 1px solid rgba(0, 0, 0, 0.2);
 124 |   border-left: 0;
 125 | }
 126 | 
 127 | .graphiql-container .docExplorerShow:before {
 128 |   border-left: 2px solid #3B5998;
 129 |   border-top: 2px solid #3B5998;
 130 |   content: '';
 131 |   display: inline-block;
 132 |   height: 9px;
 133 |   margin: 0 3px -1px 0;
 134 |   position: relative;
 135 |   -webkit-transform: rotate(-45deg);
 136 |           transform: rotate(-45deg);
 137 |   width: 9px;
 138 | }
 139 | 
 140 | .graphiql-container .editorBar {
 141 |   display: -webkit-box;
 142 |   display: -ms-flexbox;
 143 |   display: flex;
 144 |   -webkit-box-orient: horizontal;
 145 |   -webkit-box-direction: normal;
 146 |       -ms-flex-direction: row;
 147 |           flex-direction: row;
 148 |   -webkit-box-flex: 1;
 149 |       -ms-flex: 1;
 150 |           flex: 1;
 151 | }
 152 | 
 153 | .graphiql-container .queryWrap {
 154 |   display: -webkit-box;
 155 |   display: -ms-flexbox;
 156 |   display: flex;
 157 |   -webkit-box-orient: vertical;
 158 |   -webkit-box-direction: normal;
 159 |       -ms-flex-direction: column;
 160 |           flex-direction: column;
 161 |   -webkit-box-flex: 1;
 162 |       -ms-flex: 1;
 163 |           flex: 1;
 164 | }
 165 | 
 166 | .graphiql-container .resultWrap {
 167 |   border-left: solid 1px #e0e0e0;
 168 |   display: -webkit-box;
 169 |   display: -ms-flexbox;
 170 |   display: flex;
 171 |   -webkit-box-orient: vertical;
 172 |   -webkit-box-direction: normal;
 173 |       -ms-flex-direction: column;
 174 |           flex-direction: column;
 175 |   -webkit-box-flex: 1;
 176 |       -ms-flex: 1;
 177 |           flex: 1;
 178 |   position: relative;
 179 | }
 180 | 
 181 | .graphiql-container .docExplorerWrap,
 182 | .graphiql-container .historyPaneWrap {
 183 |   background: white;
 184 |   -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
 185 |           box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
 186 |   position: relative;
 187 |   z-index: 3;
 188 | }
 189 | 
 190 | .graphiql-container .historyPaneWrap {
 191 |   min-width: 230px;
 192 |   z-index: 5;
 193 | }
 194 | 
 195 | .graphiql-container .docExplorerResizer {
 196 |   cursor: col-resize;
 197 |   height: 100%;
 198 |   left: -5px;
 199 |   position: absolute;
 200 |   top: 0;
 201 |   width: 10px;
 202 |   z-index: 10;
 203 | }
 204 | 
 205 | .graphiql-container .docExplorerHide {
 206 |   cursor: pointer;
 207 |   font-size: 18px;
 208 |   margin: -7px -8px -6px 0;
 209 |   padding: 18px 16px 15px 12px;
 210 | }
 211 | 
 212 | .graphiql-container div .query-editor {
 213 |   -webkit-box-flex: 1;
 214 |       -ms-flex: 1;
 215 |           flex: 1;
 216 |   position: relative;
 217 | }
 218 | 
 219 | .graphiql-container .variable-editor {
 220 |   display: -webkit-box;
 221 |   display: -ms-flexbox;
 222 |   display: flex;
 223 |   -webkit-box-orient: vertical;
 224 |   -webkit-box-direction: normal;
 225 |       -ms-flex-direction: column;
 226 |           flex-direction: column;
 227 |   height: 29px;
 228 |   position: relative;
 229 | }
 230 | 
 231 | .graphiql-container .variable-editor-title {
 232 |   background: #eeeeee;
 233 |   border-bottom: 1px solid #d6d6d6;
 234 |   border-top: 1px solid #e0e0e0;
 235 |   color: #777;
 236 |   font-variant: small-caps;
 237 |   font-weight: bold;
 238 |   letter-spacing: 1px;
 239 |   line-height: 14px;
 240 |   padding: 6px 0 8px 43px;
 241 |   text-transform: lowercase;
 242 |   -webkit-user-select: none;
 243 |      -moz-user-select: none;
 244 |       -ms-user-select: none;
 245 |           user-select: none;
 246 | }
 247 | 
 248 | .graphiql-container .codemirrorWrap {
 249 |   -webkit-box-flex: 1;
 250 |       -ms-flex: 1;
 251 |           flex: 1;
 252 |   height: 100%;
 253 |   position: relative;
 254 | }
 255 | 
 256 | .graphiql-container .result-window {
 257 |   -webkit-box-flex: 1;
 258 |       -ms-flex: 1;
 259 |           flex: 1;
 260 |   height: 100%;
 261 |   position: relative;
 262 | }
 263 | 
 264 | .graphiql-container .footer {
 265 |   background: #f6f7f8;
 266 |   border-left: 1px solid #e0e0e0;
 267 |   border-top: 1px solid #e0e0e0;
 268 |   margin-left: 12px;
 269 |   position: relative;
 270 | }
 271 | 
 272 | .graphiql-container .footer:before {
 273 |   background: #eeeeee;
 274 |   bottom: 0;
 275 |   content: " ";
 276 |   left: -13px;
 277 |   position: absolute;
 278 |   top: -1px;
 279 |   width: 12px;
 280 | }
 281 | 
 282 | /* No `.graphiql-container` here so themes can overwrite */
 283 | .result-window .CodeMirror {
 284 |   background: #f6f7f8;
 285 | }
 286 | 
 287 | .graphiql-container .result-window .CodeMirror-gutters {
 288 |   background-color: #eeeeee;
 289 |   border-color: #e0e0e0;
 290 |   cursor: col-resize;
 291 | }
 292 | 
 293 | .graphiql-container .result-window .CodeMirror-foldgutter,
 294 | .graphiql-container .result-window .CodeMirror-foldgutter-open:after,
 295 | .graphiql-container .result-window .CodeMirror-foldgutter-folded:after {
 296 |   padding-left: 3px;
 297 | }
 298 | 
 299 | .graphiql-container .toolbar-button {
 300 |   background: #fdfdfd;
 301 |   background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ececec));
 302 |   background: linear-gradient(#f9f9f9, #ececec);
 303 |   border-radius: 3px;
 304 |   -webkit-box-shadow:
 305 |     inset 0 0 0 1px rgba(0,0,0,0.20),
 306 |     0 1px 0 rgba(255,255,255, 0.7),
 307 |     inset 0 1px #fff;
 308 |           box-shadow:
 309 |     inset 0 0 0 1px rgba(0,0,0,0.20),
 310 |     0 1px 0 rgba(255,255,255, 0.7),
 311 |     inset 0 1px #fff;
 312 |   color: #555;
 313 |   cursor: pointer;
 314 |   display: inline-block;
 315 |   margin: 0 5px;
 316 |   padding: 3px 11px 5px;
 317 |   text-decoration: none;
 318 |   text-overflow: ellipsis;
 319 |   white-space: nowrap;
 320 |   max-width: 150px;
 321 | }
 322 | 
 323 | .graphiql-container .toolbar-button:active {
 324 |   background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#d5d5d5));
 325 |   background: linear-gradient(#ececec, #d5d5d5);
 326 |   -webkit-box-shadow:
 327 |     0 1px 0 rgba(255, 255, 255, 0.7),
 328 |     inset 0 0 0 1px rgba(0,0,0,0.10),
 329 |     inset 0 1px 1px 1px rgba(0, 0, 0, 0.12),
 330 |     inset 0 0 5px rgba(0, 0, 0, 0.1);
 331 |           box-shadow:
 332 |     0 1px 0 rgba(255, 255, 255, 0.7),
 333 |     inset 0 0 0 1px rgba(0,0,0,0.10),
 334 |     inset 0 1px 1px 1px rgba(0, 0, 0, 0.12),
 335 |     inset 0 0 5px rgba(0, 0, 0, 0.1);
 336 | }
 337 | 
 338 | .graphiql-container .toolbar-button.error {
 339 |   background: -webkit-gradient(linear, left top, left bottom, from(#fdf3f3), to(#e6d6d7));
 340 |   background: linear-gradient(#fdf3f3, #e6d6d7);
 341 |   color: #b00;
 342 | }
 343 | 
 344 | .graphiql-container .toolbar-button-group {
 345 |   margin: 0 5px;
 346 |   white-space: nowrap;
 347 | }
 348 | 
 349 | .graphiql-container .toolbar-button-group > * {
 350 |   margin: 0;
 351 | }
 352 | 
 353 | .graphiql-container .toolbar-button-group > *:not(:last-child) {
 354 |   border-top-right-radius: 0;
 355 |   border-bottom-right-radius: 0;
 356 | }
 357 | 
 358 | .graphiql-container .toolbar-button-group > *:not(:first-child) {
 359 |   border-top-left-radius: 0;
 360 |   border-bottom-left-radius: 0;
 361 |   margin-left: -1px;
 362 | }
 363 | 
 364 | .graphiql-container .execute-button-wrap {
 365 |   height: 34px;
 366 |   margin: 0 14px 0 28px;
 367 |   position: relative;
 368 | }
 369 | 
 370 | .graphiql-container .execute-button {
 371 |   background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#d2d3d6));
 372 |   background: linear-gradient(#fdfdfd, #d2d3d6);
 373 |   border-radius: 17px;
 374 |   border: 1px solid rgba(0,0,0,0.25);
 375 |   -webkit-box-shadow: 0 1px 0 #fff;
 376 |           box-shadow: 0 1px 0 #fff;
 377 |   cursor: pointer;
 378 |   fill: #444;
 379 |   height: 34px;
 380 |   margin: 0;
 381 |   padding: 0;
 382 |   width: 34px;
 383 | }
 384 | 
 385 | .graphiql-container .execute-button svg {
 386 |   pointer-events: none;
 387 | }
 388 | 
 389 | .graphiql-container .execute-button:active {
 390 |   background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#c3c3c3));
 391 |   background: linear-gradient(#e6e6e6, #c3c3c3);
 392 |   -webkit-box-shadow:
 393 |     0 1px 0 #fff,
 394 |     inset 0 0 2px rgba(0, 0, 0, 0.2),
 395 |     inset 0 0 6px rgba(0, 0, 0, 0.1);
 396 |           box-shadow:
 397 |     0 1px 0 #fff,
 398 |     inset 0 0 2px rgba(0, 0, 0, 0.2),
 399 |     inset 0 0 6px rgba(0, 0, 0, 0.1);
 400 | }
 401 | 
 402 | .graphiql-container .execute-button:focus {
 403 |   outline: 0;
 404 | }
 405 | 
 406 | .graphiql-container .toolbar-menu,
 407 | .graphiql-container .toolbar-select {
 408 |   position: relative;
 409 | }
 410 | 
 411 | .graphiql-container .execute-options,
 412 | .graphiql-container .toolbar-menu-items,
 413 | .graphiql-container .toolbar-select-options {
 414 |   background: #fff;
 415 |   -webkit-box-shadow:
 416 |     0 0 0 1px rgba(0,0,0,0.1),
 417 |     0 2px 4px rgba(0,0,0,0.25);
 418 |           box-shadow:
 419 |     0 0 0 1px rgba(0,0,0,0.1),
 420 |     0 2px 4px rgba(0,0,0,0.25);
 421 |   margin: 0;
 422 |   padding: 6px 0;
 423 |   position: absolute;
 424 |   z-index: 100;
 425 | }
 426 | 
 427 | .graphiql-container .execute-options {
 428 |   min-width: 100px;
 429 |   top: 37px;
 430 |   left: -1px;
 431 | }
 432 | 
 433 | .graphiql-container .toolbar-menu-items {
 434 |   left: 1px;
 435 |   margin-top: -1px;
 436 |   min-width: 110%;
 437 |   top: 100%;
 438 |   visibility: hidden;
 439 | }
 440 | 
 441 | .graphiql-container .toolbar-menu-items.open {
 442 |   visibility: visible;
 443 | }
 444 | 
 445 | .graphiql-container .toolbar-select-options {
 446 |   left: 0;
 447 |   min-width: 100%;
 448 |   top: -5px;
 449 |   visibility: hidden;
 450 | }
 451 | 
 452 | .graphiql-container .toolbar-select-options.open {
 453 |   visibility: visible;
 454 | }
 455 | 
 456 | .graphiql-container .execute-options > li,
 457 | .graphiql-container .toolbar-menu-items > li,
 458 | .graphiql-container .toolbar-select-options > li {
 459 |   cursor: pointer;
 460 |   display: block;
 461 |   margin: none;
 462 |   max-width: 300px;
 463 |   overflow: hidden;
 464 |   padding: 2px 20px 4px 11px;
 465 |   text-overflow: ellipsis;
 466 |   white-space: nowrap;
 467 | }
 468 | 
 469 | .graphiql-container .execute-options > li.selected,
 470 | .graphiql-container .toolbar-menu-items > li.hover,
 471 | .graphiql-container .toolbar-menu-items > li:active,
 472 | .graphiql-container .toolbar-menu-items > li:hover,
 473 | .graphiql-container .toolbar-select-options > li.hover,
 474 | .graphiql-container .toolbar-select-options > li:active,
 475 | .graphiql-container .toolbar-select-options > li:hover,
 476 | .graphiql-container .history-contents > p:hover,
 477 | .graphiql-container .history-contents > p:active {
 478 |   background: #e10098;
 479 |   color: #fff;
 480 | }
 481 | 
 482 | .graphiql-container .toolbar-select-options > li > svg {
 483 |   display: inline;
 484 |   fill: #666;
 485 |   margin: 0 -6px 0 6px;
 486 |   pointer-events: none;
 487 |   vertical-align: middle;
 488 | }
 489 | 
 490 | .graphiql-container .toolbar-select-options > li.hover > svg,
 491 | .graphiql-container .toolbar-select-options > li:active > svg,
 492 | .graphiql-container .toolbar-select-options > li:hover > svg {
 493 |   fill: #fff;
 494 | }
 495 | 
 496 | .graphiql-container .CodeMirror-scroll {
 497 |   overflow-scrolling: touch;
 498 | }
 499 | 
 500 | .graphiql-container .CodeMirror {
 501 |   color: #141823;
 502 |   font-family:
 503 |     'Consolas',
 504 |     'Inconsolata',
 505 |     'Droid Sans Mono',
 506 |     'Monaco',
 507 |     monospace;
 508 |   font-size: 13px;
 509 |   height: 100%;
 510 |   left: 0;
 511 |   position: absolute;
 512 |   top: 0;
 513 |   width: 100%;
 514 | }
 515 | 
 516 | .graphiql-container .CodeMirror-lines {
 517 |   padding: 20px 0;
 518 | }
 519 | 
 520 | .CodeMirror-hint-information .content {
 521 |   box-orient: vertical;
 522 |   color: #141823;
 523 |   display: -webkit-box;
 524 |   display: -ms-flexbox;
 525 |   display: flex;
 526 |   font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular', 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande', arial, sans-serif;
 527 |   font-size: 13px;
 528 |   line-clamp: 3;
 529 |   line-height: 16px;
 530 |   max-height: 48px;
 531 |   overflow: hidden;
 532 |   text-overflow: -o-ellipsis-lastline;
 533 | }
 534 | 
 535 | .CodeMirror-hint-information .content p:first-child {
 536 |   margin-top: 0;
 537 | }
 538 | 
 539 | .CodeMirror-hint-information .content p:last-child {
 540 |   margin-bottom: 0;
 541 | }
 542 | 
 543 | .CodeMirror-hint-information .infoType {
 544 |   color: #CA9800;
 545 |   cursor: pointer;
 546 |   display: inline;
 547 |   margin-right: 0.5em;
 548 | }
 549 | 
 550 | .autoInsertedLeaf.cm-property {
 551 |   -webkit-animation-duration: 6s;
 552 |           animation-duration: 6s;
 553 |   -webkit-animation-name: insertionFade;
 554 |           animation-name: insertionFade;
 555 |   border-bottom: 2px solid rgba(255, 255, 255, 0);
 556 |   border-radius: 2px;
 557 |   margin: -2px -4px -1px;
 558 |   padding: 2px 4px 1px;
 559 | }
 560 | 
 561 | @-webkit-keyframes insertionFade {
 562 |   from, to {
 563 |     background: rgba(255, 255, 255, 0);
 564 |     border-color: rgba(255, 255, 255, 0);
 565 |   }
 566 | 
 567 |   15%, 85% {
 568 |     background: #fbffc9;
 569 |     border-color: #f0f3c0;
 570 |   }
 571 | }
 572 | 
 573 | @keyframes insertionFade {
 574 |   from, to {
 575 |     background: rgba(255, 255, 255, 0);
 576 |     border-color: rgba(255, 255, 255, 0);
 577 |   }
 578 | 
 579 |   15%, 85% {
 580 |     background: #fbffc9;
 581 |     border-color: #f0f3c0;
 582 |   }
 583 | }
 584 | 
 585 | div.CodeMirror-lint-tooltip {
 586 |   background-color: white;
 587 |   border-radius: 2px;
 588 |   border: 0;
 589 |   color: #141823;
 590 |   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
 591 |           box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
 592 |   font-family:
 593 |     system,
 594 |     -apple-system,
 595 |     'San Francisco',
 596 |     '.SFNSDisplay-Regular',
 597 |     'Segoe UI',
 598 |     Segoe,
 599 |     'Segoe WP',
 600 |     'Helvetica Neue',
 601 |     helvetica,
 602 |     'Lucida Grande',
 603 |     arial,
 604 |     sans-serif;
 605 |   font-size: 13px;
 606 |   line-height: 16px;
 607 |   max-width: 430px;
 608 |   opacity: 0;
 609 |   padding: 8px 10px;
 610 |   -webkit-transition: opacity 0.15s;
 611 |   transition: opacity 0.15s;
 612 |   white-space: pre-wrap;
 613 | }
 614 | 
 615 | div.CodeMirror-lint-tooltip > * {
 616 |   padding-left: 23px;
 617 | }
 618 | 
 619 | div.CodeMirror-lint-tooltip > * + * {
 620 |   margin-top: 12px;
 621 | }
 622 | 
 623 | /* COLORS */
 624 | 
 625 | .graphiql-container .CodeMirror-foldmarker {
 626 |   border-radius: 4px;
 627 |   background: #08f;
 628 |   background: -webkit-gradient(linear, left top, left bottom, from(#43A8FF), to(#0F83E8));
 629 |   background: linear-gradient(#43A8FF, #0F83E8);
 630 |   -webkit-box-shadow:
 631 |     0 1px 1px rgba(0, 0, 0, 0.2),
 632 |     inset 0 0 0 1px rgba(0, 0, 0, 0.1);
 633 |           box-shadow:
 634 |     0 1px 1px rgba(0, 0, 0, 0.2),
 635 |     inset 0 0 0 1px rgba(0, 0, 0, 0.1);
 636 |   color: white;
 637 |   font-family: arial;
 638 |   font-size: 12px;
 639 |   line-height: 0;
 640 |   margin: 0 3px;
 641 |   padding: 0px 4px 1px;
 642 |   text-shadow: 0 -1px rgba(0, 0, 0, 0.1);
 643 | }
 644 | 
 645 | .graphiql-container div.CodeMirror span.CodeMirror-matchingbracket {
 646 |   color: #555;
 647 |   text-decoration: underline;
 648 | }
 649 | 
 650 | .graphiql-container div.CodeMirror span.CodeMirror-nonmatchingbracket {
 651 |   color: #f00;
 652 | }
 653 | 
 654 | /* Comment */
 655 | .cm-comment {
 656 |   color: #999;
 657 | }
 658 | 
 659 | /* Punctuation */
 660 | .cm-punctuation {
 661 |   color: #555;
 662 | }
 663 | 
 664 | /* Keyword */
 665 | .cm-keyword {
 666 |   color: #B11A04;
 667 | }
 668 | 
 669 | /* OperationName, FragmentName */
 670 | .cm-def {
 671 |   color: #D2054E;
 672 | }
 673 | 
 674 | /* FieldName */
 675 | .cm-property {
 676 |   color: #1F61A0;
 677 | }
 678 | 
 679 | /* FieldAlias */
 680 | .cm-qualifier {
 681 |   color: #1C92A9;
 682 | }
 683 | 
 684 | /* ArgumentName and ObjectFieldName */
 685 | .cm-attribute {
 686 |   color: #8B2BB9;
 687 | }
 688 | 
 689 | /* Number */
 690 | .cm-number {
 691 |   color: #2882F9;
 692 | }
 693 | 
 694 | /* String */
 695 | .cm-string {
 696 |   color: #D64292;
 697 | }
 698 | 
 699 | /* Boolean */
 700 | .cm-builtin {
 701 |   color: #D47509;
 702 | }
 703 | 
 704 | /* EnumValue */
 705 | .cm-string-2 {
 706 |   color: #0B7FC7;
 707 | }
 708 | 
 709 | /* Variable */
 710 | .cm-variable {
 711 |   color: #397D13;
 712 | }
 713 | 
 714 | /* Directive */
 715 | .cm-meta {
 716 |   color: #B33086;
 717 | }
 718 | 
 719 | /* Type */
 720 | .cm-atom {
 721 |   color: #CA9800;
 722 | }
 723 | /* BASICS */
 724 | 
 725 | .CodeMirror {
 726 |   /* Set height, width, borders, and global font properties here */
 727 |   color: black;
 728 |   font-family: monospace;
 729 |   height: 300px;
 730 | }
 731 | 
 732 | /* PADDING */
 733 | 
 734 | .CodeMirror-lines {
 735 |   padding: 4px 0; /* Vertical padding around content */
 736 | }
 737 | .CodeMirror pre {
 738 |   padding: 0 4px; /* Horizontal padding of content */
 739 | }
 740 | 
 741 | .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
 742 |   background-color: white; /* The little square between H and V scrollbars */
 743 | }
 744 | 
 745 | /* GUTTER */
 746 | 
 747 | .CodeMirror-gutters {
 748 |   border-right: 1px solid #ddd;
 749 |   background-color: #f7f7f7;
 750 |   white-space: nowrap;
 751 | }
 752 | .CodeMirror-linenumbers {}
 753 | .CodeMirror-linenumber {
 754 |   color: #999;
 755 |   min-width: 20px;
 756 |   padding: 0 3px 0 5px;
 757 |   text-align: right;
 758 |   white-space: nowrap;
 759 | }
 760 | 
 761 | .CodeMirror-guttermarker { color: black; }
 762 | .CodeMirror-guttermarker-subtle { color: #999; }
 763 | 
 764 | /* CURSOR */
 765 | 
 766 | .CodeMirror .CodeMirror-cursor {
 767 |   border-left: 1px solid black;
 768 | }
 769 | /* Shown when moving in bi-directional text */
 770 | .CodeMirror div.CodeMirror-secondarycursor {
 771 |   border-left: 1px solid silver;
 772 | }
 773 | .CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
 774 |   background: #7e7;
 775 |   border: 0;
 776 |   width: auto;
 777 | }
 778 | .CodeMirror.cm-fat-cursor div.CodeMirror-cursors {
 779 |   z-index: 1;
 780 | }
 781 | 
 782 | .cm-animate-fat-cursor {
 783 |   -webkit-animation: blink 1.06s steps(1) infinite;
 784 |           animation: blink 1.06s steps(1) infinite;
 785 |   border: 0;
 786 |   width: auto;
 787 | }
 788 | @-webkit-keyframes blink {
 789 |   0% { background: #7e7; }
 790 |   50% { background: none; }
 791 |   100% { background: #7e7; }
 792 | }
 793 | @keyframes blink {
 794 |   0% { background: #7e7; }
 795 |   50% { background: none; }
 796 |   100% { background: #7e7; }
 797 | }
 798 | 
 799 | /* Can style cursor different in overwrite (non-insert) mode */
 800 | div.CodeMirror-overwrite div.CodeMirror-cursor {}
 801 | 
 802 | .cm-tab { display: inline-block; text-decoration: inherit; }
 803 | 
 804 | .CodeMirror-ruler {
 805 |   border-left: 1px solid #ccc;
 806 |   position: absolute;
 807 | }
 808 | 
 809 | /* DEFAULT THEME */
 810 | 
 811 | .cm-s-default .cm-keyword {color: #708;}
 812 | .cm-s-default .cm-atom {color: #219;}
 813 | .cm-s-default .cm-number {color: #164;}
 814 | .cm-s-default .cm-def {color: #00f;}
 815 | .cm-s-default .cm-variable,
 816 | .cm-s-default .cm-punctuation,
 817 | .cm-s-default .cm-property,
 818 | .cm-s-default .cm-operator {}
 819 | .cm-s-default .cm-variable-2 {color: #05a;}
 820 | .cm-s-default .cm-variable-3 {color: #085;}
 821 | .cm-s-default .cm-comment {color: #a50;}
 822 | .cm-s-default .cm-string {color: #a11;}
 823 | .cm-s-default .cm-string-2 {color: #f50;}
 824 | .cm-s-default .cm-meta {color: #555;}
 825 | .cm-s-default .cm-qualifier {color: #555;}
 826 | .cm-s-default .cm-builtin {color: #30a;}
 827 | .cm-s-default .cm-bracket {color: #997;}
 828 | .cm-s-default .cm-tag {color: #170;}
 829 | .cm-s-default .cm-attribute {color: #00c;}
 830 | .cm-s-default .cm-header {color: blue;}
 831 | .cm-s-default .cm-quote {color: #090;}
 832 | .cm-s-default .cm-hr {color: #999;}
 833 | .cm-s-default .cm-link {color: #00c;}
 834 | 
 835 | .cm-negative {color: #d44;}
 836 | .cm-positive {color: #292;}
 837 | .cm-header, .cm-strong {font-weight: bold;}
 838 | .cm-em {font-style: italic;}
 839 | .cm-link {text-decoration: underline;}
 840 | .cm-strikethrough {text-decoration: line-through;}
 841 | 
 842 | .cm-s-default .cm-error {color: #f00;}
 843 | .cm-invalidchar {color: #f00;}
 844 | 
 845 | .CodeMirror-composing { border-bottom: 2px solid; }
 846 | 
 847 | /* Default styles for common addons */
 848 | 
 849 | div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
 850 | div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
 851 | .CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
 852 | .CodeMirror-activeline-background {background: #e8f2ff;}
 853 | 
 854 | /* STOP */
 855 | 
 856 | /* The rest of this file contains styles related to the mechanics of
 857 |    the editor. You probably shouldn't touch them. */
 858 | 
 859 | .CodeMirror {
 860 |   background: white;
 861 |   overflow: hidden;
 862 |   position: relative;
 863 | }
 864 | 
 865 | .CodeMirror-scroll {
 866 |   height: 100%;
 867 |   /* 30px is the magic margin used to hide the element's real scrollbars */
 868 |   /* See overflow: hidden in .CodeMirror */
 869 |   margin-bottom: -30px; margin-right: -30px;
 870 |   outline: none; /* Prevent dragging from highlighting the element */
 871 |   overflow: scroll !important; /* Things will break if this is overridden */
 872 |   padding-bottom: 30px;
 873 |   position: relative;
 874 | }
 875 | .CodeMirror-sizer {
 876 |   border-right: 30px solid transparent;
 877 |   position: relative;
 878 | }
 879 | 
 880 | /* The fake, visible scrollbars. Used to force redraw during scrolling
 881 |    before actual scrolling happens, thus preventing shaking and
 882 |    flickering artifacts. */
 883 | .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
 884 |   display: none;
 885 |   position: absolute;
 886 |   z-index: 6;
 887 | }
 888 | .CodeMirror-vscrollbar {
 889 |   overflow-x: hidden;
 890 |   overflow-y: scroll;
 891 |   right: 0; top: 0;
 892 | }
 893 | .CodeMirror-hscrollbar {
 894 |   bottom: 0; left: 0;
 895 |   overflow-x: scroll;
 896 |   overflow-y: hidden;
 897 | }
 898 | .CodeMirror-scrollbar-filler {
 899 |   right: 0; bottom: 0;
 900 | }
 901 | .CodeMirror-gutter-filler {
 902 |   left: 0; bottom: 0;
 903 | }
 904 | 
 905 | .CodeMirror-gutters {
 906 |   min-height: 100%;
 907 |   position: absolute; left: 0; top: 0;
 908 |   z-index: 3;
 909 | }
 910 | .CodeMirror-gutter {
 911 |   display: inline-block;
 912 |   height: 100%;
 913 |   margin-bottom: -30px;
 914 |   vertical-align: top;
 915 |   white-space: normal;
 916 |   /* Hack to make IE7 behave */
 917 |   *zoom:1;
 918 |   *display:inline;
 919 | }
 920 | .CodeMirror-gutter-wrapper {
 921 |   background: none !important;
 922 |   border: none !important;
 923 |   position: absolute;
 924 |   z-index: 4;
 925 | }
 926 | .CodeMirror-gutter-background {
 927 |   position: absolute;
 928 |   top: 0; bottom: 0;
 929 |   z-index: 4;
 930 | }
 931 | .CodeMirror-gutter-elt {
 932 |   cursor: default;
 933 |   position: absolute;
 934 |   z-index: 4;
 935 | }
 936 | .CodeMirror-gutter-wrapper {
 937 |   -webkit-user-select: none;
 938 |      -moz-user-select: none;
 939 |       -ms-user-select: none;
 940 |           user-select: none;
 941 | }
 942 | 
 943 | .CodeMirror-lines {
 944 |   cursor: text;
 945 |   min-height: 1px; /* prevents collapsing before first draw */
 946 | }
 947 | .CodeMirror pre {
 948 |   -webkit-tap-highlight-color: transparent;
 949 |   /* Reset some styles that the rest of the page might have set */
 950 |   background: transparent;
 951 |   border-radius: 0;
 952 |   border-width: 0;
 953 |   color: inherit;
 954 |   font-family: inherit;
 955 |   font-size: inherit;
 956 |   -webkit-font-variant-ligatures: none;
 957 |           font-variant-ligatures: none;
 958 |   line-height: inherit;
 959 |   margin: 0;
 960 |   overflow: visible;
 961 |   position: relative;
 962 |   white-space: pre;
 963 |   word-wrap: normal;
 964 |   z-index: 2;
 965 | }
 966 | .CodeMirror-wrap pre {
 967 |   word-wrap: break-word;
 968 |   white-space: pre-wrap;
 969 |   word-break: normal;
 970 | }
 971 | 
 972 | .CodeMirror-linebackground {
 973 |   position: absolute;
 974 |   left: 0; right: 0; top: 0; bottom: 0;
 975 |   z-index: 0;
 976 | }
 977 | 
 978 | .CodeMirror-linewidget {
 979 |   overflow: auto;
 980 |   position: relative;
 981 |   z-index: 2;
 982 | }
 983 | 
 984 | .CodeMirror-widget {}
 985 | 
 986 | .CodeMirror-code {
 987 |   outline: none;
 988 | }
 989 | 
 990 | /* Force content-box sizing for the elements where we expect it */
 991 | .CodeMirror-scroll,
 992 | .CodeMirror-sizer,
 993 | .CodeMirror-gutter,
 994 | .CodeMirror-gutters,
 995 | .CodeMirror-linenumber {
 996 |   -webkit-box-sizing: content-box;
 997 |           box-sizing: content-box;
 998 | }
 999 | 
1000 | .CodeMirror-measure {
1001 |   height: 0;
1002 |   overflow: hidden;
1003 |   position: absolute;
1004 |   visibility: hidden;
1005 |   width: 100%;
1006 | }
1007 | 
1008 | .CodeMirror-cursor { position: absolute; }
1009 | .CodeMirror-measure pre { position: static; }
1010 | 
1011 | div.CodeMirror-cursors {
1012 |   position: relative;
1013 |   visibility: hidden;
1014 |   z-index: 3;
1015 | }
1016 | div.CodeMirror-dragcursors {
1017 |   visibility: visible;
1018 | }
1019 | 
1020 | .CodeMirror-focused div.CodeMirror-cursors {
1021 |   visibility: visible;
1022 | }
1023 | 
1024 | .CodeMirror-selected { background: #d9d9d9; }
1025 | .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
1026 | .CodeMirror-crosshair { cursor: crosshair; }
1027 | .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
1028 | .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
1029 | .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
1030 | 
1031 | .cm-searching {
1032 |   background: #ffa;
1033 |   background: rgba(255, 255, 0, .4);
1034 | }
1035 | 
1036 | /* IE7 hack to prevent it from returning funny offsetTops on the spans */
1037 | .CodeMirror span { *vertical-align: text-bottom; }
1038 | 
1039 | /* Used to force a border model for a node */
1040 | .cm-force-border { padding-right: .1px; }
1041 | 
1042 | @media print {
1043 |   /* Hide the cursor when printing */
1044 |   .CodeMirror div.CodeMirror-cursors {
1045 |     visibility: hidden;
1046 |   }
1047 | }
1048 | 
1049 | /* See issue #2901 */
1050 | .cm-tab-wrap-hack:after { content: ''; }
1051 | 
1052 | /* Help users use markselection to safely style text background */
1053 | span.CodeMirror-selectedtext { background: none; }
1054 | 
1055 | .CodeMirror-dialog {
1056 |   background: inherit;
1057 |   color: inherit;
1058 |   left: 0; right: 0;
1059 |   overflow: hidden;
1060 |   padding: .1em .8em;
1061 |   position: absolute;
1062 |   z-index: 15;
1063 | }
1064 | 
1065 | .CodeMirror-dialog-top {
1066 |   border-bottom: 1px solid #eee;
1067 |   top: 0;
1068 | }
1069 | 
1070 | .CodeMirror-dialog-bottom {
1071 |   border-top: 1px solid #eee;
1072 |   bottom: 0;
1073 | }
1074 | 
1075 | .CodeMirror-dialog input {
1076 |   background: transparent;
1077 |   border: 1px solid #d3d6db;
1078 |   color: inherit;
1079 |   font-family: monospace;
1080 |   outline: none;
1081 |   width: 20em;
1082 | }
1083 | 
1084 | .CodeMirror-dialog button {
1085 |   font-size: 70%;
1086 | }
1087 | .graphiql-container .doc-explorer {
1088 |   background: white;
1089 | }
1090 | 
1091 | .graphiql-container .doc-explorer-title-bar,
1092 | .graphiql-container .history-title-bar {
1093 |   cursor: default;
1094 |   display: -webkit-box;
1095 |   display: -ms-flexbox;
1096 |   display: flex;
1097 |   /* height: 34px; */
1098 |   line-height: 14px;
1099 |   padding: 8px 8px 5px;
1100 |   position: relative;
1101 |   -webkit-user-select: none;
1102 |      -moz-user-select: none;
1103 |       -ms-user-select: none;
1104 |           user-select: none;
1105 | }
1106 | 
1107 | .graphiql-container .doc-explorer-title,
1108 | .graphiql-container .history-title {
1109 |   -webkit-box-flex: 1;
1110 |       -ms-flex: 1;
1111 |           flex: 1;
1112 |   font-weight: bold;
1113 |   overflow-x: hidden;
1114 |   padding: 10px 0 10px 10px;
1115 |   text-align: center;
1116 |   text-overflow: ellipsis;
1117 |   -webkit-user-select: initial;
1118 |      -moz-user-select: initial;
1119 |       -ms-user-select: initial;
1120 |           user-select: initial;
1121 |   white-space: nowrap;
1122 | }
1123 | 
1124 | .graphiql-container .doc-explorer-back {
1125 |   color: #3B5998;
1126 |   cursor: pointer;
1127 |   margin: -7px 0 -6px -8px;
1128 |   overflow-x: hidden;
1129 |   padding: 17px 12px 16px 16px;
1130 |   text-overflow: ellipsis;
1131 |   white-space: nowrap;
1132 | }
1133 | 
1134 | .doc-explorer-narrow .doc-explorer-back {
1135 |   width: 0;
1136 | }
1137 | 
1138 | .graphiql-container .doc-explorer-back:before {
1139 |   border-left: 2px solid #3B5998;
1140 |   border-top: 2px solid #3B5998;
1141 |   content: '';
1142 |   display: inline-block;
1143 |   height: 9px;
1144 |   margin: 0 3px -1px 0;
1145 |   position: relative;
1146 |   -webkit-transform: rotate(-45deg);
1147 |           transform: rotate(-45deg);
1148 |   width: 9px;
1149 | }
1150 | 
1151 | .graphiql-container .doc-explorer-rhs {
1152 |   position: relative;
1153 | }
1154 | 
1155 | .graphiql-container .doc-explorer-contents,
1156 | .graphiql-container .history-contents {
1157 |   background-color: #ffffff;
1158 |   border-top: 1px solid #d6d6d6;
1159 |   bottom: 0;
1160 |   left: 0;
1161 |   overflow-y: auto;
1162 |   padding: 20px 15px;
1163 |   position: absolute;
1164 |   right: 0;
1165 |   top: 47px;
1166 | }
1167 | 
1168 | .graphiql-container .doc-explorer-contents {
1169 |   min-width: 300px;
1170 | }
1171 | 
1172 | .graphiql-container .doc-type-description p:first-child ,
1173 | .graphiql-container .doc-type-description blockquote:first-child {
1174 |   margin-top: 0;
1175 | }
1176 | 
1177 | .graphiql-container .doc-explorer-contents a {
1178 |   cursor: pointer;
1179 |   text-decoration: none;
1180 | }
1181 | 
1182 | .graphiql-container .doc-explorer-contents a:hover {
1183 |   text-decoration: underline;
1184 | }
1185 | 
1186 | .graphiql-container .doc-value-description > :first-child {
1187 |   margin-top: 4px;
1188 | }
1189 | 
1190 | .graphiql-container .doc-value-description > :last-child {
1191 |   margin-bottom: 4px;
1192 | }
1193 | 
1194 | .graphiql-container .doc-category {
1195 |   margin: 20px 0;
1196 | }
1197 | 
1198 | .graphiql-container .doc-category-title {
1199 |   border-bottom: 1px solid #e0e0e0;
1200 |   color: #777;
1201 |   cursor: default;
1202 |   font-size: 14px;
1203 |   font-variant: small-caps;
1204 |   font-weight: bold;
1205 |   letter-spacing: 1px;
1206 |   margin: 0 -15px 10px 0;
1207 |   padding: 10px 0;
1208 |   -webkit-user-select: none;
1209 |      -moz-user-select: none;
1210 |       -ms-user-select: none;
1211 |           user-select: none;
1212 | }
1213 | 
1214 | .graphiql-container .doc-category-item {
1215 |   margin: 12px 0;
1216 |   color: #555;
1217 | }
1218 | 
1219 | .graphiql-container .keyword {
1220 |   color: #B11A04;
1221 | }
1222 | 
1223 | .graphiql-container .type-name {
1224 |   color: #CA9800;
1225 | }
1226 | 
1227 | .graphiql-container .field-name {
1228 |   color: #1F61A0;
1229 | }
1230 | 
1231 | .graphiql-container .field-short-description {
1232 |   color: #999;
1233 |   margin-left: 5px;
1234 |   overflow: hidden;
1235 |   text-overflow: ellipsis;
1236 | }
1237 | 
1238 | .graphiql-container .enum-value {
1239 |   color: #0B7FC7;
1240 | }
1241 | 
1242 | .graphiql-container .arg-name {
1243 |   color: #8B2BB9;
1244 | }
1245 | 
1246 | .graphiql-container .arg {
1247 |   display: block;
1248 |   margin-left: 1em;
1249 | }
1250 | 
1251 | .graphiql-container .arg:first-child:last-child,
1252 | .graphiql-container .arg:first-child:nth-last-child(2),
1253 | .graphiql-container .arg:first-child:nth-last-child(2) ~ .arg {
1254 |   display: inherit;
1255 |   margin: inherit;
1256 | }
1257 | 
1258 | .graphiql-container .arg:first-child:nth-last-child(2):after {
1259 |   content: ', ';
1260 | }
1261 | 
1262 | .graphiql-container .arg-default-value {
1263 |   color: #43A047;
1264 | }
1265 | 
1266 | .graphiql-container .doc-deprecation {
1267 |   background: #fffae8;
1268 |   -webkit-box-shadow: inset 0 0 1px #bfb063;
1269 |           box-shadow: inset 0 0 1px #bfb063;
1270 |   color: #867F70;
1271 |   line-height: 16px;
1272 |   margin: 8px -8px;
1273 |   max-height: 80px;
1274 |   overflow: hidden;
1275 |   padding: 8px;
1276 |   border-radius: 3px;
1277 | }
1278 | 
1279 | .graphiql-container .doc-deprecation:before {
1280 |   content: 'Deprecated:';
1281 |   color: #c79b2e;
1282 |   cursor: default;
1283 |   display: block;
1284 |   font-size: 9px;
1285 |   font-weight: bold;
1286 |   letter-spacing: 1px;
1287 |   line-height: 1;
1288 |   padding-bottom: 5px;
1289 |   text-transform: uppercase;
1290 |   -webkit-user-select: none;
1291 |      -moz-user-select: none;
1292 |       -ms-user-select: none;
1293 |           user-select: none;
1294 | }
1295 | 
1296 | .graphiql-container .doc-deprecation > :first-child {
1297 |   margin-top: 0;
1298 | }
1299 | 
1300 | .graphiql-container .doc-deprecation > :last-child {
1301 |   margin-bottom: 0;
1302 | }
1303 | 
1304 | .graphiql-container .show-btn {
1305 |   -webkit-appearance: initial;
1306 |   display: block;
1307 |   border-radius: 3px;
1308 |   border: solid 1px #ccc;
1309 |   text-align: center;
1310 |   padding: 8px 12px 10px;
1311 |   width: 100%;
1312 |   -webkit-box-sizing: border-box;
1313 |           box-sizing: border-box;
1314 |   background: #fbfcfc;
1315 |   color: #555;
1316 |   cursor: pointer;
1317 | }
1318 | 
1319 | .graphiql-container .search-box {
1320 |   border-bottom: 1px solid #d3d6db;
1321 |   display: block;
1322 |   font-size: 14px;
1323 |   margin: -15px -15px 12px 0;
1324 |   position: relative;
1325 | }
1326 | 
1327 | .graphiql-container .search-box:before {
1328 |   content: '\26b2';
1329 |   cursor: pointer;
1330 |   display: block;
1331 |   font-size: 24px;
1332 |   position: absolute;
1333 |   top: -2px;
1334 |   -webkit-transform: rotate(-45deg);
1335 |           transform: rotate(-45deg);
1336 |   -webkit-user-select: none;
1337 |      -moz-user-select: none;
1338 |       -ms-user-select: none;
1339 |           user-select: none;
1340 | }
1341 | 
1342 | .graphiql-container .search-box .search-box-clear {
1343 |   background-color: #d0d0d0;
1344 |   border-radius: 12px;
1345 |   color: #fff;
1346 |   cursor: pointer;
1347 |   font-size: 11px;
1348 |   padding: 1px 5px 2px;
1349 |   position: absolute;
1350 |   right: 3px;
1351 |   top: 8px;
1352 |   -webkit-user-select: none;
1353 |      -moz-user-select: none;
1354 |       -ms-user-select: none;
1355 |           user-select: none;
1356 | }
1357 | 
1358 | .graphiql-container .search-box .search-box-clear:hover {
1359 |   background-color: #b9b9b9;
1360 | }
1361 | 
1362 | .graphiql-container .search-box > input {
1363 |   border: none;
1364 |   -webkit-box-sizing: border-box;
1365 |           box-sizing: border-box;
1366 |   font-size: 14px;
1367 |   outline: none;
1368 |   padding: 6px 24px 8px 20px;
1369 |   width: 100%;
1370 | }
1371 | 
1372 | .graphiql-container .error-container {
1373 |   font-weight: bold;
1374 |   left: 0;
1375 |   letter-spacing: 1px;
1376 |   opacity: 0.5;
1377 |   position: absolute;
1378 |   right: 0;
1379 |   text-align: center;
1380 |   text-transform: uppercase;
1381 |   top: 50%;
1382 |   -webkit-transform: translate(0, -50%);
1383 |           transform: translate(0, -50%);
1384 | }
1385 | .CodeMirror-foldmarker {
1386 |   color: blue;
1387 |   cursor: pointer;
1388 |   font-family: arial;
1389 |   line-height: .3;
1390 |   text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px;
1391 | }
1392 | .CodeMirror-foldgutter {
1393 |   width: .7em;
1394 | }
1395 | .CodeMirror-foldgutter-open,
1396 | .CodeMirror-foldgutter-folded {
1397 |   cursor: pointer;
1398 | }
1399 | .CodeMirror-foldgutter-open:after {
1400 |   content: "\25BE";
1401 | }
1402 | .CodeMirror-foldgutter-folded:after {
1403 |   content: "\25B8";
1404 | }
1405 | .graphiql-container .history-contents {
1406 |   font-family: 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace;
1407 |   padding: 0;
1408 | }
1409 | 
1410 | .graphiql-container .history-contents p {
1411 |   font-size: 12px;
1412 |   overflow: hidden;
1413 |   text-overflow: ellipsis;
1414 |   white-space: nowrap;
1415 |   margin: 0;
1416 |   padding: 8px;
1417 |   border-bottom: 1px solid #e0e0e0;
1418 | }
1419 | 
1420 | .graphiql-container .history-contents p:hover {
1421 |   cursor: pointer;
1422 | }
1423 | .CodeMirror-info {
1424 |   background: white;
1425 |   border-radius: 2px;
1426 |   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
1427 |           box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
1428 |   -webkit-box-sizing: border-box;
1429 |           box-sizing: border-box;
1430 |   color: #555;
1431 |   font-family:
1432 |     system,
1433 |     -apple-system,
1434 |     'San Francisco',
1435 |     '.SFNSDisplay-Regular',
1436 |     'Segoe UI',
1437 |     Segoe,
1438 |     'Segoe WP',
1439 |     'Helvetica Neue',
1440 |     helvetica,
1441 |     'Lucida Grande',
1442 |     arial,
1443 |     sans-serif;
1444 |   font-size: 13px;
1445 |   line-height: 16px;
1446 |   margin: 8px -8px;
1447 |   max-width: 400px;
1448 |   opacity: 0;
1449 |   overflow: hidden;
1450 |   padding: 8px 8px;
1451 |   position: fixed;
1452 |   -webkit-transition: opacity 0.15s;
1453 |   transition: opacity 0.15s;
1454 |   z-index: 50;
1455 | }
1456 | 
1457 | .CodeMirror-info :first-child {
1458 |   margin-top: 0;
1459 | }
1460 | 
1461 | .CodeMirror-info :last-child {
1462 |   margin-bottom: 0;
1463 | }
1464 | 
1465 | .CodeMirror-info p {
1466 |   margin: 1em 0;
1467 | }
1468 | 
1469 | .CodeMirror-info .info-description {
1470 |   color: #777;
1471 |   line-height: 16px;
1472 |   margin-top: 1em;
1473 |   max-height: 80px;
1474 |   overflow: hidden;
1475 | }
1476 | 
1477 | .CodeMirror-info .info-deprecation {
1478 |   background: #fffae8;
1479 |   -webkit-box-shadow: inset 0 1px 1px -1px #bfb063;
1480 |           box-shadow: inset 0 1px 1px -1px #bfb063;
1481 |   color: #867F70;
1482 |   line-height: 16px;
1483 |   margin: -8px;
1484 |   margin-top: 8px;
1485 |   max-height: 80px;
1486 |   overflow: hidden;
1487 |   padding: 8px;
1488 | }
1489 | 
1490 | .CodeMirror-info .info-deprecation-label {
1491 |   color: #c79b2e;
1492 |   cursor: default;
1493 |   display: block;
1494 |   font-size: 9px;
1495 |   font-weight: bold;
1496 |   letter-spacing: 1px;
1497 |   line-height: 1;
1498 |   padding-bottom: 5px;
1499 |   text-transform: uppercase;
1500 |   -webkit-user-select: none;
1501 |      -moz-user-select: none;
1502 |       -ms-user-select: none;
1503 |           user-select: none;
1504 | }
1505 | 
1506 | .CodeMirror-info .info-deprecation-label + * {
1507 |   margin-top: 0;
1508 | }
1509 | 
1510 | .CodeMirror-info a {
1511 |   text-decoration: none;
1512 | }
1513 | 
1514 | .CodeMirror-info a:hover {
1515 |   text-decoration: underline;
1516 | }
1517 | 
1518 | .CodeMirror-info .type-name {
1519 |   color: #CA9800;
1520 | }
1521 | 
1522 | .CodeMirror-info .field-name {
1523 |   color: #1F61A0;
1524 | }
1525 | 
1526 | .CodeMirror-info .enum-value {
1527 |   color: #0B7FC7;
1528 | }
1529 | 
1530 | .CodeMirror-info .arg-name {
1531 |   color: #8B2BB9;
1532 | }
1533 | 
1534 | .CodeMirror-info .directive-name {
1535 |   color: #B33086;
1536 | }
1537 | .CodeMirror-jump-token {
1538 |   text-decoration: underline;
1539 |   cursor: pointer;
1540 | }
1541 | /* The lint marker gutter */
1542 | .CodeMirror-lint-markers {
1543 |   width: 16px;
1544 | }
1545 | 
1546 | .CodeMirror-lint-tooltip {
1547 |   background-color: infobackground;
1548 |   border-radius: 4px 4px 4px 4px;
1549 |   border: 1px solid black;
1550 |   color: infotext;
1551 |   font-family: monospace;
1552 |   font-size: 10pt;
1553 |   max-width: 600px;
1554 |   opacity: 0;
1555 |   overflow: hidden;
1556 |   padding: 2px 5px;
1557 |   position: fixed;
1558 |   -webkit-transition: opacity .4s;
1559 |   transition: opacity .4s;
1560 |   white-space: pre-wrap;
1561 |   z-index: 100;
1562 | }
1563 | 
1564 | .CodeMirror-lint-mark-error, .CodeMirror-lint-mark-warning {
1565 |   background-position: left bottom;
1566 |   background-repeat: repeat-x;
1567 | }
1568 | 
1569 | .CodeMirror-lint-mark-error {
1570 |   background-image:
1571 |   url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==")
1572 |   ;
1573 | }
1574 | 
1575 | .CodeMirror-lint-mark-warning {
1576 |   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=");
1577 | }
1578 | 
1579 | .CodeMirror-lint-marker-error, .CodeMirror-lint-marker-warning {
1580 |   background-position: center center;
1581 |   background-repeat: no-repeat;
1582 |   cursor: pointer;
1583 |   display: inline-block;
1584 |   height: 16px;
1585 |   position: relative;
1586 |   vertical-align: middle;
1587 |   width: 16px;
1588 | }
1589 | 
1590 | .CodeMirror-lint-message-error, .CodeMirror-lint-message-warning {
1591 |   background-position: top left;
1592 |   background-repeat: no-repeat;
1593 |   padding-left: 18px;
1594 | }
1595 | 
1596 | .CodeMirror-lint-marker-error, .CodeMirror-lint-message-error {
1597 |   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=");
1598 | }
1599 | 
1600 | .CodeMirror-lint-marker-warning, .CodeMirror-lint-message-warning {
1601 |   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=");
1602 | }
1603 | 
1604 | .CodeMirror-lint-marker-multiple {
1605 |   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC");
1606 |   background-position: right bottom;
1607 |   background-repeat: no-repeat;
1608 |   width: 100%; height: 100%;
1609 | }
1610 | .graphiql-container .spinner-container {
1611 |   height: 36px;
1612 |   left: 50%;
1613 |   position: absolute;
1614 |   top: 50%;
1615 |   -webkit-transform: translate(-50%, -50%);
1616 |           transform: translate(-50%, -50%);
1617 |   width: 36px;
1618 |   z-index: 10;
1619 | }
1620 | 
1621 | .graphiql-container .spinner {
1622 |   -webkit-animation: rotation .6s infinite linear;
1623 |           animation: rotation .6s infinite linear;
1624 |   border-bottom: 6px solid rgba(150, 150, 150, .15);
1625 |   border-left: 6px solid rgba(150, 150, 150, .15);
1626 |   border-radius: 100%;
1627 |   border-right: 6px solid rgba(150, 150, 150, .15);
1628 |   border-top: 6px solid rgba(150, 150, 150, .8);
1629 |   display: inline-block;
1630 |   height: 24px;
1631 |   position: absolute;
1632 |   vertical-align: middle;
1633 |   width: 24px;
1634 | }
1635 | 
1636 | @-webkit-keyframes rotation {
1637 |   from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
1638 |   to { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
1639 | }
1640 | 
1641 | @keyframes rotation {
1642 |   from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
1643 |   to { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
1644 | }
1645 | .CodeMirror-hints {
1646 |   background: white;
1647 |   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
1648 |           box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
1649 |   font-family: 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace;
1650 |   font-size: 13px;
1651 |   list-style: none;
1652 |   margin-left: -6px;
1653 |   margin: 0;
1654 |   max-height: 14.5em;
1655 |   overflow-y: auto;
1656 |   overflow: hidden;
1657 |   padding: 0;
1658 |   position: absolute;
1659 |   z-index: 10;
1660 | }
1661 | 
1662 | .CodeMirror-hint {
1663 |   border-top: solid 1px #f7f7f7;
1664 |   color: #141823;
1665 |   cursor: pointer;
1666 |   margin: 0;
1667 |   max-width: 300px;
1668 |   overflow: hidden;
1669 |   padding: 2px 6px;
1670 |   white-space: pre;
1671 | }
1672 | 
1673 | li.CodeMirror-hint-active {
1674 |   background-color: #08f;
1675 |   border-top-color: white;
1676 |   color: white;
1677 | }
1678 | 
1679 | .CodeMirror-hint-information {
1680 |   border-top: solid 1px #c0c0c0;
1681 |   max-width: 300px;
1682 |   padding: 4px 6px;
1683 |   position: relative;
1684 |   z-index: 1;
1685 | }
1686 | 
1687 | .CodeMirror-hint-information:first-child {
1688 |   border-bottom: solid 1px #c0c0c0;
1689 |   border-top: none;
1690 |   margin-bottom: -1px;
1691 | }
1692 | 
1693 | .CodeMirror-hint-deprecation {
1694 |   background: #fffae8;
1695 |   -webkit-box-shadow: inset 0 1px 1px -1px #bfb063;
1696 |           box-shadow: inset 0 1px 1px -1px #bfb063;
1697 |   color: #867F70;
1698 |   font-family:
1699 |     system,
1700 |     -apple-system,
1701 |     'San Francisco',
1702 |     '.SFNSDisplay-Regular',
1703 |     'Segoe UI',
1704 |     Segoe,
1705 |     'Segoe WP',
1706 |     'Helvetica Neue',
1707 |     helvetica,
1708 |     'Lucida Grande',
1709 |     arial,
1710 |     sans-serif;
1711 |   font-size: 13px;
1712 |   line-height: 16px;
1713 |   margin-top: 4px;
1714 |   max-height: 80px;
1715 |   overflow: hidden;
1716 |   padding: 6px;
1717 | }
1718 | 
1719 | .CodeMirror-hint-deprecation .deprecation-label {
1720 |   color: #c79b2e;
1721 |   cursor: default;
1722 |   display: block;
1723 |   font-size: 9px;
1724 |   font-weight: bold;
1725 |   letter-spacing: 1px;
1726 |   line-height: 1;
1727 |   padding-bottom: 5px;
1728 |   text-transform: uppercase;
1729 |   -webkit-user-select: none;
1730 |      -moz-user-select: none;
1731 |       -ms-user-select: none;
1732 |           user-select: none;
1733 | }
1734 | 
1735 | .CodeMirror-hint-deprecation .deprecation-label + * {
1736 |   margin-top: 0;
1737 | }
1738 | 
1739 | .CodeMirror-hint-deprecation :last-child {
1740 |   margin-bottom: 0;
1741 | }
1742 | 


--------------------------------------------------------------------------------
/app/javascript/routes/graphiql.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import GraphiQL from 'graphiql'
 3 | 
 4 | import './graphiql.css'
 5 | 
 6 | const graphQLFetcher = (graphQLParams) => (
 7 |   fetch(window.location.origin + '/graphql', {
 8 |     method: 'post',
 9 |     headers: {
10 |       'Content-Type': 'application/json',
11 |     },
12 |     body: JSON.stringify(graphQLParams),
13 |   }).then(response => response.json())
14 | )
15 | 
16 | export default () => <GraphiQL fetcher={graphQLFetcher} />
17 | 


--------------------------------------------------------------------------------
/app/javascript/routes/home.gql:
--------------------------------------------------------------------------------
 1 | query Home {
 2 |   posts {
 3 |     id
 4 |     title
 5 |     description
 6 |     createdAt
 7 |     user {
 8 |       name
 9 |     }
10 |   }
11 | }
12 | 


--------------------------------------------------------------------------------
/app/javascript/routes/home.js:
--------------------------------------------------------------------------------
 1 | // @flow
 2 | 
 3 | import React from 'react'
 4 | import Navbar from '../components/navbar'
 5 | import { Link } from "react-router-dom"
 6 | import { Query } from 'react-apollo'
 7 | 
 8 | import query from './home.gql'
 9 | 
10 | const Home = (props: HomeQuery) => {
11 |   const [post1, post2, post3] = props.posts
12 | 
13 |   return (
14 |     <div>
15 |       <div className="container">
16 |         <Navbar />
17 | 
18 |         <div className="nav-scroller py-1 mb-2">
19 |           <nav className="nav d-flex justify-content-between">
20 |             <a className="p-2 text-muted" href="#">Ruby</a>
21 |             <a className="p-2 text-muted" href="#">Rails</a>
22 |             <a className="p-2 text-muted" href="#">GraphQL</a>
23 |             <a className="p-2 text-muted" href="#">JavaScript</a>
24 |             <a className="p-2 text-muted" href="#">React</a>
25 |             <a className="p-2 text-muted" href="#">Webpack</a>
26 |             <a className="p-2 text-muted" href="#">Babel</a>
27 |           </nav>
28 |         </div>
29 | 
30 |         <div className="jumbotron d-flex p-5 text-white rounded bg-dark">
31 |           <div className="col-6 px-0">
32 |             <h1 className="display-4">{post1.title}</h1>
33 |             <p className="lead my-3">{post1.description}</p>
34 |             <p className="lead mb-0">
35 |               <Link to={`/posts/${post1.id}`} className="text-white font-weight-bold">Continue reading...</Link>
36 |             </p>
37 |           </div>
38 |           <div className="col-6 px-0 mx-auto">
39 |             <img src="/graphql-on-rails.png" style={{width: '100%', marginTop: '40px'}} />
40 |           </div>
41 |         </div>
42 | 
43 |         <div className="row mb-2">
44 |           <div className="col-6">
45 |             <div className="card flex-row mb-4 box-shadow h-250">
46 |               <div className="card-body d-flex flex-column align-items-start">
47 |                 <h3 className="mb-0">
48 |                   <Link to={`/posts/${post2.id}`} className="text-dark">{post2.title}</Link>
49 |                 </h3>
50 |                 <div className="mb-1 text-muted">
51 |                   <span>{(new Date(post2.createdAt)).toLocaleDateString("en-US", { year: 'numeric', month: 'long', day: 'numeric' })} by </span>
52 |                   <a href="#">{post2.user.name}</a>
53 |                 </div>
54 |                 <p className="card-text mb-auto">{post2.description}</p>
55 |                 <Link to={`/posts/${post2.id}`} className="my-2" href="#">Continue reading...</Link>
56 |               </div>
57 |             </div>
58 |           </div>
59 |           <div className="col-6">
60 |             <div className="card flex-row mb-4 box-shadow h-250">
61 |               <div className="card-body d-flex flex-column align-items-start">
62 |                 <h3 className="mb-0">
63 |                   <Link to={`/posts/${post3.id}`} className="text-dark">{post3.title}</Link>
64 |                 </h3>
65 |                 <div className="mb-1 text-muted">
66 |                   <span>{(new Date(post3.createdAt)).toLocaleDateString("en-US", { year: 'numeric', month: 'long', day: 'numeric' })} by </span>
67 |                   <a href="#">{post3.user.name}</a>
68 |                 </div>
69 |                 <p className="card-text mb-auto">{post3.description}</p>
70 |                 <Link to={`/posts/${post3.id}`} className="my-2" href="#">Continue reading...</Link>
71 |               </div>
72 |             </div>
73 |           </div>
74 |         </div>
75 |       </div>
76 |     </div>
77 |   )
78 | }
79 | 
80 | export default () => (
81 |   <Query query={query}>
82 |     {(props) => {
83 |       if (props.loading) return <div>Loading...</div>
84 |       if (props.error) return <div>Error =/</div>
85 |       return <Home posts={props.data.posts} />
86 |     }}
87 |   </Query>
88 | )
89 | 


--------------------------------------------------------------------------------
/app/javascript/routes/post.gql:
--------------------------------------------------------------------------------
 1 | query Post($id: ID!) {
 2 |   post(id: $id) {
 3 |     id
 4 |     title
 5 |     content
 6 |     createdAt
 7 |     user {
 8 |       name
 9 |     }
10 |   }
11 | }
12 | 


--------------------------------------------------------------------------------
/app/javascript/routes/post.js:
--------------------------------------------------------------------------------
 1 | // @flow
 2 | 
 3 | import React from 'react'
 4 | import { Query } from 'react-apollo'
 5 | import Navbar from '../components/navbar'
 6 | 
 7 | import query from './post.gql'
 8 | 
 9 | const Post = ({ post }: PostQuery) => (
10 |   <div>
11 |     <div className="container">
12 |       <Navbar />
13 |       <main role="main">
14 |         <div className="row">
15 |           <div className="col-md-8">
16 |             <div>
17 |               <h2>{post.title}</h2>
18 | 
19 |               <p>
20 |                 <span>{(new Date(post.createdAt)).toLocaleDateString("en-US", { year: 'numeric', month: 'long', day: 'numeric' })} by </span>
21 |                 <a href="#">{post.user.name}</a>
22 |               </p>
23 | 
24 |               <div dangerouslySetInnerHTML={{ __html: post.content }} />
25 |             </div>
26 |           </div>
27 | 
28 |           <aside className="col-md-4 blog-sidebar">
29 |             <div className="p-3 mb-3 bg-light rounded">
30 |               <h4>About</h4>
31 |               <p className="mb-0">Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
32 |             </div>
33 | 
34 |             <div className="p-3">
35 |               <h4>Elsewhere</h4>
36 |               <ol className="list-unstyled">
37 |                 <li><a href="https://github.com/exaspark">GitHub</a></li>
38 |                 <li><a href="https://twitter.com/exaspark">Twitter</a></li>
39 |               </ol>
40 |             </div>
41 |           </aside>
42 |         </div>
43 |       </main>
44 |     </div>
45 |   </div>
46 | )
47 | 
48 | export default (props: { match: { params: { id: string } } }) => {
49 |   const variables: PostQueryVariables = { id: props.match.params.id };
50 | 
51 |   return (
52 |     <Query query={query} variables={variables}>
53 |       {({ loading, error, data }) => {
54 |         if (loading) return <div>Loading...</div>
55 |         if (error) return <div>Error =/</div>
56 | 
57 |         return <Post post={data.post} />
58 |       }}
59 |     </Query>
60 |   )
61 | }
62 | 


--------------------------------------------------------------------------------
/app/javascript/types/graphql.js:
--------------------------------------------------------------------------------
 1 | /* @flow */
 2 | /* eslint-disable */
 3 | //  This file was automatically generated and should not be edited.
 4 | 
 5 | export type HomeQuery = {|
 6 |   posts:  Array< {|
 7 |     id: string,
 8 |     title: string,
 9 |     description: string,
10 |     createdAt: string,
11 |     user: {|
12 |       name: string,
13 |     |},
14 |   |} >,
15 | |};
16 | 
17 | export type PostQueryVariables = {|
18 |   id: string,
19 | |};
20 | 
21 | export type PostQuery = {|
22 |   post: {|
23 |     id: string,
24 |     title: string,
25 |     content: string,
26 |     createdAt: string,
27 |     user: {|
28 |       name: string,
29 |     |},
30 |   |},
31 | |};


--------------------------------------------------------------------------------
/app/javascript/utils/empty-object.js:
--------------------------------------------------------------------------------
1 | default export {}
2 | 


--------------------------------------------------------------------------------
/app/jobs/application_job.rb:
--------------------------------------------------------------------------------
1 | class ApplicationJob < ActiveJob::Base
2 | end
3 | 


--------------------------------------------------------------------------------
/app/mailers/application_mailer.rb:
--------------------------------------------------------------------------------
1 | class ApplicationMailer < ActionMailer::Base
2 |   default from: 'from@example.com'
3 |   layout 'mailer'
4 | end
5 | 


--------------------------------------------------------------------------------
/app/models/application_record.rb:
--------------------------------------------------------------------------------
1 | class ApplicationRecord < ActiveRecord::Base
2 |   self.abstract_class = true
3 | end
4 | 


--------------------------------------------------------------------------------
/app/models/concerns/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/exAspArk/graphql-on-rails/a23a657e062a07a3b4a24ed252257c2a0cff259f/app/models/concerns/.keep


--------------------------------------------------------------------------------
/app/models/post.rb:
--------------------------------------------------------------------------------
1 | class Post < ApplicationRecord
2 |   belongs_to :user
3 | end
4 | 


--------------------------------------------------------------------------------
/app/models/user.rb:
--------------------------------------------------------------------------------
 1 | class User < ApplicationRecord
 2 |   def role
 3 |     :user
 4 |   end
 5 | 
 6 |   def email
 7 |     "#{name}@example.com"
 8 |   end
 9 | end
10 | 


--------------------------------------------------------------------------------
/app/views/layouts/application.html.erb:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8" />
 5 |     <title>GraphQL on Rails</title>
 6 |     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
 7 |     <%= javascript_pack_tag 'application' %>
 8 |     <%= stylesheet_pack_tag 'application' %>
 9 |   </head>
10 |   <body>
11 |   </body>
12 | </html>
13 | 


--------------------------------------------------------------------------------
/app/views/layouts/mailer.html.erb:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 |     <style>
 6 |       /* Email styles need to be inline */
 7 |     </style>
 8 |   </head>
 9 | 
10 |   <body>
11 |     <%= yield %>
12 |   </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/app/views/layouts/mailer.text.erb:
--------------------------------------------------------------------------------
1 | <%= yield %>
2 | 


--------------------------------------------------------------------------------
/bin/bundle:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env ruby
2 | ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../Gemfile', __dir__)
3 | load Gem.bin_path('bundler', 'bundle')
4 | 


--------------------------------------------------------------------------------
/bin/rails:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env ruby
2 | APP_PATH = File.expand_path('../config/application', __dir__)
3 | require_relative '../config/boot'
4 | require 'rails/commands'
5 | 


--------------------------------------------------------------------------------
/bin/rake:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env ruby
2 | require_relative '../config/boot'
3 | require 'rake'
4 | Rake.application.run
5 | 


--------------------------------------------------------------------------------
/bin/setup:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env ruby
 2 | require 'fileutils'
 3 | include FileUtils
 4 | 
 5 | # path to your application root.
 6 | APP_ROOT = File.expand_path('..', __dir__)
 7 | 
 8 | def system!(*args)
 9 |   system(*args) || abort("\n== Command #{args} failed ==")
10 | end
11 | 
12 | chdir APP_ROOT do
13 |   # This script is a starting point to setup your application.
14 |   # Add necessary setup steps to this file.
15 | 
16 |   puts '== Installing dependencies =='
17 |   system! 'gem install bundler --conservative'
18 |   system('bundle check') || system!('bundle install')
19 | 
20 |   # puts "\n== Copying sample files =="
21 |   # unless File.exist?('config/database.yml')
22 |   #   cp 'config/database.yml.sample', 'config/database.yml'
23 |   # end
24 | 
25 |   puts "\n== Preparing database =="
26 |   system! 'bin/rails db:setup'
27 | 
28 |   puts "\n== Removing old logs and tempfiles =="
29 |   system! 'bin/rails log:clear tmp:clear'
30 | 
31 |   puts "\n== Restarting application server =="
32 |   system! 'bin/rails restart'
33 | end
34 | 


--------------------------------------------------------------------------------
/bin/update:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env ruby
 2 | require 'fileutils'
 3 | include FileUtils
 4 | 
 5 | # path to your application root.
 6 | APP_ROOT = File.expand_path('..', __dir__)
 7 | 
 8 | def system!(*args)
 9 |   system(*args) || abort("\n== Command #{args} failed ==")
10 | end
11 | 
12 | chdir APP_ROOT do
13 |   # This script is a way to update your development environment automatically.
14 |   # Add necessary update steps to this file.
15 | 
16 |   puts '== Installing dependencies =='
17 |   system! 'gem install bundler --conservative'
18 |   system('bundle check') || system!('bundle install')
19 | 
20 |   puts "\n== Updating database =="
21 |   system! 'bin/rails db:migrate'
22 | 
23 |   puts "\n== Removing old logs and tempfiles =="
24 |   system! 'bin/rails log:clear tmp:clear'
25 | 
26 |   puts "\n== Restarting application server =="
27 |   system! 'bin/rails restart'
28 | end
29 | 


--------------------------------------------------------------------------------
/bin/webpack:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env ruby
 2 | 
 3 | ENV["RAILS_ENV"] ||= ENV["RACK_ENV"] || "development"
 4 | ENV["NODE_ENV"]  ||= ENV["NODE_ENV"] || "development"
 5 | 
 6 | require "pathname"
 7 | ENV["BUNDLE_GEMFILE"] ||= File.expand_path("../../Gemfile",
 8 |   Pathname.new(__FILE__).realpath)
 9 | 
10 | require "rubygems"
11 | require "bundler/setup"
12 | 
13 | require "webpacker"
14 | require "webpacker/webpack_runner"
15 | Webpacker::WebpackRunner.run(ARGV)
16 | 


--------------------------------------------------------------------------------
/bin/webpack-dev-server:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env ruby
 2 | 
 3 | ENV["RAILS_ENV"] ||= ENV["RACK_ENV"] || "development"
 4 | ENV["NODE_ENV"]  ||= ENV["NODE_ENV"] || "development"
 5 | 
 6 | require "pathname"
 7 | ENV["BUNDLE_GEMFILE"] ||= File.expand_path("../../Gemfile",
 8 |   Pathname.new(__FILE__).realpath)
 9 | 
10 | require "rubygems"
11 | require "bundler/setup"
12 | 
13 | require "webpacker"
14 | require "webpacker/dev_server_runner"
15 | Webpacker::DevServerRunner.run(ARGV)
16 | 


--------------------------------------------------------------------------------
/config.ru:
--------------------------------------------------------------------------------
1 | # This file is used by Rack-based servers to start the application.
2 | 
3 | require_relative 'config/environment'
4 | 
5 | ApolloTracing.start_proxy('config/apollo-engine-proxy.json')
6 | 
7 | run Rails.application
8 | 


--------------------------------------------------------------------------------
/config/apollo-engine-proxy.sample.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "apiKey": "REPLACE_ME",
 3 |   "logging": { "level": "INFO" },
 4 |   "origins": [{
 5 |     "http": { "url": "http://localhost:3000/graphql" }
 6 |   }],
 7 |   "frontends": [{
 8 |     "host": "localhost", "port": 3001, "endpoints": ["/graphql"]
 9 |   }]
10 | }
11 | 


--------------------------------------------------------------------------------
/config/application.rb:
--------------------------------------------------------------------------------
 1 | require_relative 'boot'
 2 | 
 3 | require "rails"
 4 | # Pick the frameworks you want:
 5 | require "active_model/railtie"
 6 | require "active_job/railtie"
 7 | require "active_record/railtie"
 8 | require "active_storage/engine"
 9 | require "action_controller/railtie"
10 | require "action_mailer/railtie"
11 | require "action_view/railtie"
12 | require "action_cable/engine"
13 | # require "sprockets/railtie"
14 | require "rails/test_unit/railtie"
15 | 
16 | # Require the gems listed in Gemfile, including any gems
17 | # you've limited to :test, :development, or :production.
18 | Bundler.require(*Rails.groups)
19 | 
20 | module GraphqlOnRails
21 |   class Application < Rails::Application
22 |     # Initialize configuration defaults for originally generated Rails version.
23 |     config.load_defaults 5.2
24 | 
25 |     # Settings in config/environments/* take precedence over those specified here.
26 |     # Application configuration can go into files in config/initializers
27 |     # -- all .rb files in that directory are automatically loaded after loading
28 |     # the framework and any gems in your application.
29 | 
30 |     # Only loads a smaller set of middleware suitable for API only apps.
31 |     # Middleware like session, flash, cookies can be added back manually.
32 |     # Skip views, helpers and assets when generating a new resource.
33 |     config.api_only = true
34 |   end
35 | end
36 | 


--------------------------------------------------------------------------------
/config/boot.rb:
--------------------------------------------------------------------------------
1 | ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../Gemfile', __dir__)
2 | 
3 | require 'bundler/setup' # Set up gems listed in the Gemfile.
4 | require 'bootsnap/setup' # Speed up boot time by caching expensive operations.
5 | 


--------------------------------------------------------------------------------
/config/cable.yml:
--------------------------------------------------------------------------------
 1 | development:
 2 |   adapter: async
 3 | 
 4 | test:
 5 |   adapter: async
 6 | 
 7 | production:
 8 |   adapter: redis
 9 |   url: <%= ENV.fetch("REDIS_URL") { "redis://localhost:6379/1" } %>
10 |   channel_prefix: graphql-on-rails_production
11 | 


--------------------------------------------------------------------------------
/config/credentials.yml.enc:
--------------------------------------------------------------------------------
1 | 1X2WDI6lkxTvwZkGDkJiK91ffj8Wq9/UhDBSbqNhjSeLrt/2uPUdn0gnZ/Ky/AME9Mq5udT0FMmF4KL9cI0qPB5zsPhtEU5vUGbfFScBhVXaBgEzca84QMTgDFa+0M0evbaJ0TuuOjJsj4IKHj6JfGXiN5WH4VtxgwOD6/5KBoHOI/JHvYu8DRj2rqCbQXWQB74dOV6sbUoMhgziYMCHdkIsj+rbE0Q1lJ4LCCPBjtuQN3eX4o+HlIF5hetGe2ae+vDTdHV/9g40zKz3r0aVbUw6MEdD6vTsJu0ofVuKIa2SwSIr+zUATFKfmoUjqsduaOlyIh2YbffSzTwyPWwFTjMHQw0jXmA4zumoiCqTtTfdxPvWmlIbWLCvX6XT+BkxwOhvB+wTuNGK1GnlDhrU1k0HQSO2cFa3--02f2BT1kGzXOyeGO--jbBUlAm7Hm5t+Ykko26+iQ==


--------------------------------------------------------------------------------
/config/database.yml:
--------------------------------------------------------------------------------
 1 | # SQLite version 3.x
 2 | #   gem install sqlite3
 3 | #
 4 | #   Ensure the SQLite 3 gem is defined in your Gemfile
 5 | #   gem 'sqlite3'
 6 | #
 7 | default: &default
 8 |   adapter: sqlite3
 9 |   pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>
10 |   timeout: 5000
11 | 
12 | development:
13 |   <<: *default
14 |   database: db/development.sqlite3
15 | 
16 | # Warning: The database defined as "test" will be erased and
17 | # re-generated from your development database when you run "rake".
18 | # Do not set this db to the same as development or production.
19 | test:
20 |   <<: *default
21 |   database: db/test.sqlite3
22 | 
23 | production:
24 |   <<: *default
25 |   database: db/production.sqlite3
26 | 


--------------------------------------------------------------------------------
/config/environment.rb:
--------------------------------------------------------------------------------
1 | # Load the Rails application.
2 | require_relative 'application'
3 | 
4 | # Initialize the Rails application.
5 | Rails.application.initialize!
6 | 


--------------------------------------------------------------------------------
/config/environments/development.rb:
--------------------------------------------------------------------------------
 1 | Rails.application.configure do
 2 |   # Verifies that versions and hashed value of the package contents in the project's package.json
 3 |     config.webpacker.check_yarn_integrity = true
 4 |   # Settings specified here will take precedence over those in config/application.rb.
 5 | 
 6 |   # In the development environment your application's code is reloaded on
 7 |   # every request. This slows down response time but is perfect for development
 8 |   # since you don't have to restart the web server when you make code changes.
 9 |   config.cache_classes = false
10 | 
11 |   # Do not eager load code on boot.
12 |   config.eager_load = false
13 | 
14 |   # Show full error reports.
15 |   config.consider_all_requests_local = true
16 | 
17 |   # Enable/disable caching. By default caching is disabled.
18 |   # Run rails dev:cache to toggle caching.
19 |   if Rails.root.join('tmp', 'caching-dev.txt').exist?
20 |     config.action_controller.perform_caching = true
21 | 
22 |     config.cache_store = :memory_store
23 |     config.public_file_server.headers = {
24 |       'Cache-Control' => "public, max-age=#{2.days.to_i}"
25 |     }
26 |   else
27 |     config.action_controller.perform_caching = false
28 | 
29 |     config.cache_store = :null_store
30 |   end
31 | 
32 |   # Store uploaded files on the local file system (see config/storage.yml for options)
33 |   config.active_storage.service = :local
34 | 
35 |   # Don't care if the mailer can't send.
36 |   config.action_mailer.raise_delivery_errors = false
37 | 
38 |   config.action_mailer.perform_caching = false
39 | 
40 |   # Print deprecation notices to the Rails logger.
41 |   config.active_support.deprecation = :log
42 | 
43 |   # Raise an error on page load if there are pending migrations.
44 |   config.active_record.migration_error = :page_load
45 | 
46 |   # Highlight code that triggered database queries in logs.
47 |   config.active_record.verbose_query_logs = true
48 | 
49 | 
50 |   # Raises error for missing translations
51 |   # config.action_view.raise_on_missing_translations = true
52 | 
53 |   # Use an evented file watcher to asynchronously detect changes in source code,
54 |   # routes, locales, etc. This feature depends on the listen gem.
55 |   config.file_watcher = ActiveSupport::EventedFileUpdateChecker
56 | end
57 | 


--------------------------------------------------------------------------------
/config/environments/production.rb:
--------------------------------------------------------------------------------
 1 | Rails.application.configure do
 2 |   # Verifies that versions and hashed value of the package contents in the project's package.json
 3 |     config.webpacker.check_yarn_integrity = false
 4 |   # Settings specified here will take precedence over those in config/application.rb.
 5 | 
 6 |   # Code is not reloaded between requests.
 7 |   config.cache_classes = true
 8 | 
 9 |   # Eager load code on boot. This eager loads most of Rails and
10 |   # your application in memory, allowing both threaded web servers
11 |   # and those relying on copy on write to perform better.
12 |   # Rake tasks automatically ignore this option for performance.
13 |   config.eager_load = true
14 | 
15 |   # Full error reports are disabled and caching is turned on.
16 |   config.consider_all_requests_local       = false
17 |   config.action_controller.perform_caching = true
18 | 
19 |   # Ensures that a master key has been made available in either ENV["RAILS_MASTER_KEY"]
20 |   # or in config/master.key. This key is used to decrypt credentials (and other encrypted files).
21 |   # config.require_master_key = true
22 | 
23 |   # Disable serving static files from the `/public` folder by default since
24 |   # Apache or NGINX already handles this.
25 |   config.public_file_server.enabled = ENV['RAILS_SERVE_STATIC_FILES'].present?
26 | 
27 |   # Enable serving of images, stylesheets, and JavaScripts from an asset server.
28 |   # config.action_controller.asset_host = 'http://assets.example.com'
29 | 
30 |   # Specifies the header that your server uses for sending files.
31 |   # config.action_dispatch.x_sendfile_header = 'X-Sendfile' # for Apache
32 |   # config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for NGINX
33 | 
34 |   # Store uploaded files on the local file system (see config/storage.yml for options)
35 |   config.active_storage.service = :local
36 | 
37 |   # Mount Action Cable outside main process or domain
38 |   # config.action_cable.mount_path = nil
39 |   # config.action_cable.url = 'wss://example.com/cable'
40 |   # config.action_cable.allowed_request_origins = [ 'http://example.com', /http:\/\/example.*/ ]
41 | 
42 |   # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
43 |   # config.force_ssl = true
44 | 
45 |   # Use the lowest log level to ensure availability of diagnostic information
46 |   # when problems arise.
47 |   config.log_level = :debug
48 | 
49 |   # Prepend all log lines with the following tags.
50 |   config.log_tags = [ :request_id ]
51 | 
52 |   # Use a different cache store in production.
53 |   # config.cache_store = :mem_cache_store
54 | 
55 |   # Use a real queuing backend for Active Job (and separate queues per environment)
56 |   # config.active_job.queue_adapter     = :resque
57 |   # config.active_job.queue_name_prefix = "graphql-on-rails_#{Rails.env}"
58 | 
59 |   config.action_mailer.perform_caching = false
60 | 
61 |   # Ignore bad email addresses and do not raise email delivery errors.
62 |   # Set this to true and configure the email server for immediate delivery to raise delivery errors.
63 |   # config.action_mailer.raise_delivery_errors = false
64 | 
65 |   # Enable locale fallbacks for I18n (makes lookups for any locale fall back to
66 |   # the I18n.default_locale when a translation cannot be found).
67 |   config.i18n.fallbacks = true
68 | 
69 |   # Send deprecation notices to registered listeners.
70 |   config.active_support.deprecation = :notify
71 | 
72 |   # Use default logging formatter so that PID and timestamp are not suppressed.
73 |   config.log_formatter = ::Logger::Formatter.new
74 | 
75 |   # Use a different logger for distributed setups.
76 |   # require 'syslog/logger'
77 |   # config.logger = ActiveSupport::TaggedLogging.new(Syslog::Logger.new 'app-name')
78 | 
79 |   if ENV["RAILS_LOG_TO_STDOUT"].present?
80 |     logger           = ActiveSupport::Logger.new(STDOUT)
81 |     logger.formatter = config.log_formatter
82 |     config.logger    = ActiveSupport::TaggedLogging.new(logger)
83 |   end
84 | 
85 |   # Do not dump schema after migrations.
86 |   config.active_record.dump_schema_after_migration = false
87 | end
88 | 


--------------------------------------------------------------------------------
/config/environments/test.rb:
--------------------------------------------------------------------------------
 1 | Rails.application.configure do
 2 |   # Settings specified here will take precedence over those in config/application.rb.
 3 | 
 4 |   # The test environment is used exclusively to run your application's
 5 |   # test suite. You never need to work with it otherwise. Remember that
 6 |   # your test database is "scratch space" for the test suite and is wiped
 7 |   # and recreated between test runs. Don't rely on the data there!
 8 |   config.cache_classes = true
 9 | 
10 |   # Do not eager load code on boot. This avoids loading your whole application
11 |   # just for the purpose of running a single test. If you are using a tool that
12 |   # preloads Rails for running tests, you may have to set it to true.
13 |   config.eager_load = false
14 | 
15 |   # Configure public file server for tests with Cache-Control for performance.
16 |   config.public_file_server.enabled = true
17 |   config.public_file_server.headers = {
18 |     'Cache-Control' => "public, max-age=#{1.hour.to_i}"
19 |   }
20 | 
21 |   # Show full error reports and disable caching.
22 |   config.consider_all_requests_local       = true
23 |   config.action_controller.perform_caching = false
24 | 
25 |   # Raise exceptions instead of rendering exception templates.
26 |   config.action_dispatch.show_exceptions = false
27 | 
28 |   # Disable request forgery protection in test environment.
29 |   config.action_controller.allow_forgery_protection = false
30 | 
31 |   # Store uploaded files on the local file system in a temporary directory
32 |   config.active_storage.service = :test
33 | 
34 |   config.action_mailer.perform_caching = false
35 | 
36 |   # Tell Action Mailer not to deliver emails to the real world.
37 |   # The :test delivery method accumulates sent emails in the
38 |   # ActionMailer::Base.deliveries array.
39 |   config.action_mailer.delivery_method = :test
40 | 
41 |   # Print deprecation notices to the stderr.
42 |   config.active_support.deprecation = :stderr
43 | 
44 |   # Raises error for missing translations
45 |   # config.action_view.raise_on_missing_translations = true
46 | end
47 | 


--------------------------------------------------------------------------------
/config/initializers/application_controller_renderer.rb:
--------------------------------------------------------------------------------
1 | # Be sure to restart your server when you modify this file.
2 | 
3 | # ActiveSupport::Reloader.to_prepare do
4 | #   ApplicationController.renderer.defaults.merge!(
5 | #     http_host: 'example.org',
6 | #     https: false
7 | #   )
8 | # end
9 | 


--------------------------------------------------------------------------------
/config/initializers/backtrace_silencers.rb:
--------------------------------------------------------------------------------
1 | # Be sure to restart your server when you modify this file.
2 | 
3 | # You can add backtrace silencers for libraries that you're using but don't wish to see in your backtraces.
4 | # Rails.backtrace_cleaner.add_silencer { |line| line =~ /my_noisy_library/ }
5 | 
6 | # You can also remove all the silencers if you're trying to debug a problem that might stem from framework code.
7 | # Rails.backtrace_cleaner.remove_silencers!
8 | 


--------------------------------------------------------------------------------
/config/initializers/cors.rb:
--------------------------------------------------------------------------------
 1 | # Be sure to restart your server when you modify this file.
 2 | 
 3 | # Avoid CORS issues when API is called from the frontend app.
 4 | # Handle Cross-Origin Resource Sharing (CORS) in order to accept cross-origin AJAX requests.
 5 | 
 6 | # Read more: https://github.com/cyu/rack-cors
 7 | 
 8 | # Rails.application.config.middleware.insert_before 0, Rack::Cors do
 9 | #   allow do
10 | #     origins 'example.com'
11 | #
12 | #     resource '*',
13 | #       headers: :any,
14 | #       methods: [:get, :post, :put, :patch, :delete, :options, :head]
15 | #   end
16 | # end
17 | 


--------------------------------------------------------------------------------
/config/initializers/filter_parameter_logging.rb:
--------------------------------------------------------------------------------
1 | # Be sure to restart your server when you modify this file.
2 | 
3 | # Configure sensitive parameters which will be filtered from the log file.
4 | Rails.application.config.filter_parameters += [:password]
5 | 


--------------------------------------------------------------------------------
/config/initializers/inflections.rb:
--------------------------------------------------------------------------------
 1 | # Be sure to restart your server when you modify this file.
 2 | 
 3 | # Add new inflection rules using the following format. Inflections
 4 | # are locale specific, and you may define rules for as many different
 5 | # locales as you wish. All of these examples are active by default:
 6 | # ActiveSupport::Inflector.inflections(:en) do |inflect|
 7 | #   inflect.plural /^(ox)$/i, '\1en'
 8 | #   inflect.singular /^(ox)en/i, '\1'
 9 | #   inflect.irregular 'person', 'people'
10 | #   inflect.uncountable %w( fish sheep )
11 | # end
12 | 
13 | # These inflection rules are supported but not enabled by default:
14 | # ActiveSupport::Inflector.inflections(:en) do |inflect|
15 | #   inflect.acronym 'RESTful'
16 | # end
17 | 


--------------------------------------------------------------------------------
/config/initializers/mime_types.rb:
--------------------------------------------------------------------------------
1 | # Be sure to restart your server when you modify this file.
2 | 
3 | # Add new mime types for use in respond_to blocks:
4 | # Mime::Type.register "text/richtext", :rtf
5 | 


--------------------------------------------------------------------------------
/config/initializers/wrap_parameters.rb:
--------------------------------------------------------------------------------
 1 | # Be sure to restart your server when you modify this file.
 2 | 
 3 | # This file contains settings for ActionController::ParamsWrapper which
 4 | # is enabled by default.
 5 | 
 6 | # Enable parameter wrapping for JSON. You can disable this by setting :format to an empty array.
 7 | ActiveSupport.on_load(:action_controller) do
 8 |   wrap_parameters format: [:json]
 9 | end
10 | 
11 | # To enable root element in JSON for ActiveRecord objects.
12 | # ActiveSupport.on_load(:active_record) do
13 | #   self.include_root_in_json = true
14 | # end
15 | 


--------------------------------------------------------------------------------
/config/locales/en.yml:
--------------------------------------------------------------------------------
 1 | # Files in the config/locales directory are used for internationalization
 2 | # and are automatically loaded by Rails. If you want to use locales other
 3 | # than English, add the necessary files in this directory.
 4 | #
 5 | # To use the locales, use `I18n.t`:
 6 | #
 7 | #     I18n.t 'hello'
 8 | #
 9 | # In views, this is aliased to just `t`:
10 | #
11 | #     <%= t('hello') %>
12 | #
13 | # To use a different locale, set it with `I18n.locale`:
14 | #
15 | #     I18n.locale = :es
16 | #
17 | # This would use the information in config/locales/es.yml.
18 | #
19 | # The following keys must be escaped otherwise they will not be retrieved by
20 | # the default I18n backend:
21 | #
22 | # true, false, on, off, yes, no
23 | #
24 | # Instead, surround them with single quotes.
25 | #
26 | # en:
27 | #   'true': 'foo'
28 | #
29 | # To learn more, please read the Rails Internationalization guide
30 | # available at http://guides.rubyonrails.org/i18n.html.
31 | 
32 | en:
33 |   hello: "Hello world"
34 | 


--------------------------------------------------------------------------------
/config/puma.rb:
--------------------------------------------------------------------------------
 1 | # Puma can serve each request in a thread from an internal thread pool.
 2 | # The `threads` method setting takes two numbers: a minimum and maximum.
 3 | # Any libraries that use thread pools should be configured to match
 4 | # the maximum value specified for Puma. Default is set to 5 threads for minimum
 5 | # and maximum; this matches the default thread size of Active Record.
 6 | #
 7 | threads_count = ENV.fetch("RAILS_MAX_THREADS") { 5 }
 8 | threads threads_count, threads_count
 9 | 
10 | # Specifies the `port` that Puma will listen on to receive requests; default is 3000.
11 | #
12 | port        ENV.fetch("PORT") { 3000 }
13 | 
14 | # Specifies the `environment` that Puma will run in.
15 | #
16 | environment ENV.fetch("RAILS_ENV") { "development" }
17 | 
18 | # Specifies the number of `workers` to boot in clustered mode.
19 | # Workers are forked webserver processes. If using threads and workers together
20 | # the concurrency of the application would be max `threads` * `workers`.
21 | # Workers do not work on JRuby or Windows (both of which do not support
22 | # processes).
23 | #
24 | # workers ENV.fetch("WEB_CONCURRENCY") { 2 }
25 | 
26 | # Use the `preload_app!` method when specifying a `workers` number.
27 | # This directive tells Puma to first boot the application and load code
28 | # before forking the application. This takes advantage of Copy On Write
29 | # process behavior so workers use less memory.
30 | #
31 | # preload_app!
32 | 
33 | # Allow puma to be restarted by `rails restart` command.
34 | plugin :tmp_restart
35 | 


--------------------------------------------------------------------------------
/config/routes.rb:
--------------------------------------------------------------------------------
1 | Rails.application.routes.draw do
2 |   root 'application#index'
3 | 
4 |   post "/graphql", to: "graphql#execute"
5 | 
6 |   get '*path', to: 'application#index'
7 | end
8 | 


--------------------------------------------------------------------------------
/config/spring.rb:
--------------------------------------------------------------------------------
1 | %w[
2 |   .ruby-version
3 |   .rbenv-vars
4 |   tmp/restart.txt
5 |   tmp/caching-dev.txt
6 | ].each { |path| Spring.watch(path) }
7 | 


--------------------------------------------------------------------------------
/config/storage.yml:
--------------------------------------------------------------------------------
 1 | test:
 2 |   service: Disk
 3 |   root: <%= Rails.root.join("tmp/storage") %>
 4 | 
 5 | local:
 6 |   service: Disk
 7 |   root: <%= Rails.root.join("storage") %>
 8 | 
 9 | # Use rails credentials:edit to set the AWS secrets (as aws:access_key_id|secret_access_key)
10 | # amazon:
11 | #   service: S3
12 | #   access_key_id: <%= Rails.application.credentials.dig(:aws, :access_key_id) %>
13 | #   secret_access_key: <%= Rails.application.credentials.dig(:aws, :secret_access_key) %>
14 | #   region: us-east-1
15 | #   bucket: your_own_bucket
16 | 
17 | # Remember not to checkin your GCS keyfile to a repository
18 | # google:
19 | #   service: GCS
20 | #   project: your_project
21 | #   credentials: <%= Rails.root.join("path/to/gcs.keyfile") %>
22 | #   bucket: your_own_bucket
23 | 
24 | # Use rails credentials:edit to set the Azure Storage secret (as azure_storage:storage_access_key)
25 | # microsoft:
26 | #   service: AzureStorage
27 | #   path: your_azure_storage_path
28 | #   storage_account_name: your_account_name
29 | #   storage_access_key: <%= Rails.application.credentials.dig(:azure_storage, :storage_access_key) %>
30 | #   container: your_container_name
31 | 
32 | # mirror:
33 | #   service: Mirror
34 | #   primary: local
35 | #   mirrors: [ amazon, google, microsoft ]
36 | 


--------------------------------------------------------------------------------
/config/webpack/development.js:
--------------------------------------------------------------------------------
1 | const environment = require('./environment')
2 | 
3 | module.exports = environment.toWebpackConfig()
4 | 


--------------------------------------------------------------------------------
/config/webpack/environment.js:
--------------------------------------------------------------------------------
 1 | const { environment } = require('@rails/webpacker')
 2 | const webpack = require('webpack')
 3 | 
 4 | // https://github.com/graphql/graphql-language-service/issues/128
 5 | environment.plugins.append(
 6 |   'ContextReplacement',
 7 |   new webpack.ContextReplacementPlugin(/graphql-language-service-interface[\\/]dist$/, new RegExp(`^\\./.*\\.js$`))
 8 | )
 9 | 
10 | environment.loaders.append('gql', {
11 |   test: /\.(graphql|gql)$/,
12 |   exclude: /node_modules/,
13 |   loader: 'graphql-tag/loader'
14 | })
15 | 
16 | module.exports = environment
17 | 


--------------------------------------------------------------------------------
/config/webpack/production.js:
--------------------------------------------------------------------------------
1 | const environment = require('./environment')
2 | 
3 | module.exports = environment.toWebpackConfig()
4 | 


--------------------------------------------------------------------------------
/config/webpack/test.js:
--------------------------------------------------------------------------------
1 | const environment = require('./environment')
2 | 
3 | module.exports = environment.toWebpackConfig()
4 | 


--------------------------------------------------------------------------------
/config/webpacker.yml:
--------------------------------------------------------------------------------
 1 | # Note: You must restart bin/webpack-dev-server for changes to take effect
 2 | 
 3 | default: &default
 4 |   source_path: app/javascript
 5 |   source_entry_path: packs
 6 |   public_output_path: packs
 7 |   cache_path: tmp/cache/webpacker
 8 | 
 9 |   # Additional paths webpack should lookup modules
10 |   # ['app/assets', 'engine/foo/app/assets']
11 |   resolved_paths: []
12 | 
13 |   # Reload manifest.json on all requests so we reload latest compiled packs
14 |   cache_manifest: false
15 | 
16 |   extensions:
17 |     - .jsx
18 |     - .js
19 |     - .sass
20 |     - .scss
21 |     - .css
22 |     - .png
23 |     - .svg
24 |     - .gif
25 |     - .jpeg
26 |     - .jpg
27 | 
28 | development:
29 |   <<: *default
30 |   compile: true
31 | 
32 |   # Reference: https://webpack.js.org/configuration/dev-server/
33 |   dev_server:
34 |     https: false
35 |     host: localhost
36 |     port: 3035
37 |     public: localhost:3035
38 |     hmr: false
39 |     # Inline should be set to true if using HMR
40 |     inline: true
41 |     overlay: true
42 |     compress: true
43 |     disable_host_check: true
44 |     use_local_ip: false
45 |     quiet: false
46 |     headers:
47 |       'Access-Control-Allow-Origin': '*'
48 |     watch_options:
49 |       ignored: /node_modules/
50 | 
51 | 
52 | test:
53 |   <<: *default
54 |   compile: true
55 | 
56 |   # Compile test packs to a separate directory
57 |   public_output_path: packs-test
58 | 
59 | production:
60 |   <<: *default
61 | 
62 |   # Production depends on precompilation of packs prior to booting for performance.
63 |   compile: false
64 | 
65 |   # Cache manifest.json for performance
66 |   cache_manifest: true
67 | 


--------------------------------------------------------------------------------
/db/migrate/20180327021608_create_users.rb:
--------------------------------------------------------------------------------
 1 | class CreateUsers < ActiveRecord::Migration[5.2]
 2 |   def change
 3 |     create_table :users do |t|
 4 |       t.string :name
 5 | 
 6 |       t.timestamps
 7 |     end
 8 |   end
 9 | end
10 | 


--------------------------------------------------------------------------------
/db/migrate/20180327021612_create_posts.rb:
--------------------------------------------------------------------------------
 1 | class CreatePosts < ActiveRecord::Migration[5.2]
 2 |   def change
 3 |     create_table :posts do |t|
 4 |       t.references :user, foreign_key: true
 5 |       t.string :title
 6 |       t.string :description
 7 |       t.text :content
 8 | 
 9 |       t.timestamps
10 |     end
11 |   end
12 | end
13 | 


--------------------------------------------------------------------------------
/db/schema.rb:
--------------------------------------------------------------------------------
 1 | # This file is auto-generated from the current state of the database. Instead
 2 | # of editing this file, please use the migrations feature of Active Record to
 3 | # incrementally modify your database, and then regenerate this schema definition.
 4 | #
 5 | # Note that this schema.rb definition is the authoritative source for your
 6 | # database schema. If you need to create the application database on another
 7 | # system, you should be using db:schema:load, not running all the migrations
 8 | # from scratch. The latter is a flawed and unsustainable approach (the more migrations
 9 | # you'll amass, the slower it'll run and the greater likelihood for issues).
10 | #
11 | # It's strongly recommended that you check this file into your version control system.
12 | 
13 | ActiveRecord::Schema.define(version: 2018_03_27_021612) do
14 | 
15 |   create_table "posts", force: :cascade do |t|
16 |     t.integer "user_id"
17 |     t.string "title"
18 |     t.string "description"
19 |     t.text "content"
20 |     t.datetime "created_at", null: false
21 |     t.datetime "updated_at", null: false
22 |     t.index ["user_id"], name: "index_posts_on_user_id"
23 |   end
24 | 
25 |   create_table "users", force: :cascade do |t|
26 |     t.string "name"
27 |     t.datetime "created_at", null: false
28 |     t.datetime "updated_at", null: false
29 |   end
30 | 
31 | end
32 | 


--------------------------------------------------------------------------------
/db/seeds.rb:
--------------------------------------------------------------------------------
 1 | dhh = User.create!(name: 'dhh')
 2 | tenderlove = User.create!(name: 'tenderlove')
 3 | eileencodes = User.create!(name: 'eileencodes')
 4 | 
 5 | Post.create!(
 6 |   user: dhh,
 7 |   title: 'REST-in-peace API vs GraphQL',
 8 |   description: 'GraphQL is one of the most hot topics at RailsConf 2018. ts popularity is growing rapidly. A lot of companies such as Facebook, GitHub, Twitter, Coursera, Shopify are using it. Why?',
 9 |   content: %(
10 |     <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.</p>
11 |     <p>Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
12 |     <p>Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
13 |   ).squish,
14 |   created_at: 7.days.ago
15 | )
16 | 
17 | Post.create!(
18 |   user: tenderlove,
19 |   title: 'Making Client and Server Fit Together with GraphQL',
20 |   description: 'What is GraphQL? Is it possible to gradually migrate an existing old Rails application to GraphQL?',
21 |   content: %(
22 |     <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.</p>
23 |     <p>Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
24 |     <p>Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
25 |   ).squish,
26 |   created_at: 3.days.ago
27 | )
28 | 
29 | Post.create!(
30 |   user: eileencodes,
31 |   title: 'Should Rubyists learn modern JS?',
32 |   description: 'React, Angular, Vue, Elm, Stimulus, etc. How to stay staying sane in this insane world?',
33 |   content: %(
34 |     <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.</p>
35 |     <p>Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
36 |     <p>Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
37 |   ).squish
38 | )
39 | 


--------------------------------------------------------------------------------
/lib/tasks/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/exAspArk/graphql-on-rails/a23a657e062a07a3b4a24ed252257c2a0cff259f/lib/tasks/.keep


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "dependencies": {
 3 |     "@rails/webpacker": "^3.2.2",
 4 |     "apollo-boost": "^0.1.4",
 5 |     "babel-preset-react": "^6.24.1",
 6 |     "graphiql": "^0.11.11",
 7 |     "graphql-tag": "^2.8.0",
 8 |     "prop-types": "^15.6.1",
 9 |     "react": "^16.2.0",
10 |     "react-apollo": "^2.1.1",
11 |     "react-dom": "^16.2.0",
12 |     "react-router-dom": "^4.2.2"
13 |   },
14 |   "devDependencies": {
15 |     "apollo-codegen": "^0.19.0",
16 |     "babel-preset-flow": "^6.23.0",
17 |     "flow-bin": "^0.68.0",
18 |     "webpack-cli": "^2.0.13",
19 |     "webpack-dev-server": "^2.11.1"
20 |   },
21 |   "scripts": {
22 |     "graphql": "apollo-codegen introspect-schema http://localhost:3000/graphql --output schema.json && apollo-codegen generate **/*.gql --schema schema.json --target flow --output app/javascript/types/graphql.js"
23 |   }
24 | }
25 | 


--------------------------------------------------------------------------------
/public/graphql-on-rails.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/exAspArk/graphql-on-rails/a23a657e062a07a3b4a24ed252257c2a0cff259f/public/graphql-on-rails.png


--------------------------------------------------------------------------------
/public/robots.txt:
--------------------------------------------------------------------------------
1 | # See http://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file
2 | 


--------------------------------------------------------------------------------
/public/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/exAspArk/graphql-on-rails/a23a657e062a07a3b4a24ed252257c2a0cff259f/public/screenshot.png


--------------------------------------------------------------------------------
/schema.json:
--------------------------------------------------------------------------------
   1 | {
   2 |   "data": {
   3 |     "__schema": {
   4 |       "queryType": {
   5 |         "name": "Query"
   6 |       },
   7 |       "mutationType": null,
   8 |       "subscriptionType": null,
   9 |       "types": [
  10 |         {
  11 |           "kind": "SCALAR",
  12 |           "name": "Boolean",
  13 |           "description": "Represents `true` or `false` values.",
  14 |           "fields": null,
  15 |           "inputFields": null,
  16 |           "interfaces": null,
  17 |           "enumValues": null,
  18 |           "possibleTypes": null
  19 |         },
  20 |         {
  21 |           "kind": "SCALAR",
  22 |           "name": "String",
  23 |           "description": "Represents textual data as UTF-8 character sequences. This type is most often used by GraphQL to represent free-form human-readable text.",
  24 |           "fields": null,
  25 |           "inputFields": null,
  26 |           "interfaces": null,
  27 |           "enumValues": null,
  28 |           "possibleTypes": null
  29 |         },
  30 |         {
  31 |           "kind": "OBJECT",
  32 |           "name": "Query",
  33 |           "description": null,
  34 |           "fields": [
  35 |             {
  36 |               "name": "post",
  37 |               "description": null,
  38 |               "args": [
  39 |                 {
  40 |                   "name": "id",
  41 |                   "description": null,
  42 |                   "type": {
  43 |                     "kind": "NON_NULL",
  44 |                     "name": null,
  45 |                     "ofType": {
  46 |                       "kind": "SCALAR",
  47 |                       "name": "ID",
  48 |                       "ofType": null
  49 |                     }
  50 |                   },
  51 |                   "defaultValue": null
  52 |                 }
  53 |               ],
  54 |               "type": {
  55 |                 "kind": "NON_NULL",
  56 |                 "name": null,
  57 |                 "ofType": {
  58 |                   "kind": "OBJECT",
  59 |                   "name": "Post",
  60 |                   "ofType": null
  61 |                 }
  62 |               },
  63 |               "isDeprecated": false,
  64 |               "deprecationReason": null
  65 |             },
  66 |             {
  67 |               "name": "posts",
  68 |               "description": null,
  69 |               "args": [],
  70 |               "type": {
  71 |                 "kind": "NON_NULL",
  72 |                 "name": null,
  73 |                 "ofType": {
  74 |                   "kind": "LIST",
  75 |                   "name": null,
  76 |                   "ofType": {
  77 |                     "kind": "NON_NULL",
  78 |                     "name": null,
  79 |                     "ofType": {
  80 |                       "kind": "OBJECT",
  81 |                       "name": "Post",
  82 |                       "ofType": null
  83 |                     }
  84 |                   }
  85 |                 }
  86 |               },
  87 |               "isDeprecated": false,
  88 |               "deprecationReason": null
  89 |             },
  90 |             {
  91 |               "name": "users",
  92 |               "description": null,
  93 |               "args": [],
  94 |               "type": {
  95 |                 "kind": "NON_NULL",
  96 |                 "name": null,
  97 |                 "ofType": {
  98 |                   "kind": "LIST",
  99 |                   "name": null,
 100 |                   "ofType": {
 101 |                     "kind": "NON_NULL",
 102 |                     "name": null,
 103 |                     "ofType": {
 104 |                       "kind": "OBJECT",
 105 |                       "name": "User",
 106 |                       "ofType": null
 107 |                     }
 108 |                   }
 109 |                 }
 110 |               },
 111 |               "isDeprecated": false,
 112 |               "deprecationReason": null
 113 |             }
 114 |           ],
 115 |           "inputFields": null,
 116 |           "interfaces": [],
 117 |           "enumValues": null,
 118 |           "possibleTypes": null
 119 |         },
 120 |         {
 121 |           "kind": "OBJECT",
 122 |           "name": "Post",
 123 |           "description": null,
 124 |           "fields": [
 125 |             {
 126 |               "name": "content",
 127 |               "description": null,
 128 |               "args": [],
 129 |               "type": {
 130 |                 "kind": "NON_NULL",
 131 |                 "name": null,
 132 |                 "ofType": {
 133 |                   "kind": "SCALAR",
 134 |                   "name": "String",
 135 |                   "ofType": null
 136 |                 }
 137 |               },
 138 |               "isDeprecated": false,
 139 |               "deprecationReason": null
 140 |             },
 141 |             {
 142 |               "name": "createdAt",
 143 |               "description": null,
 144 |               "args": [],
 145 |               "type": {
 146 |                 "kind": "NON_NULL",
 147 |                 "name": null,
 148 |                 "ofType": {
 149 |                   "kind": "SCALAR",
 150 |                   "name": "String",
 151 |                   "ofType": null
 152 |                 }
 153 |               },
 154 |               "isDeprecated": false,
 155 |               "deprecationReason": null
 156 |             },
 157 |             {
 158 |               "name": "description",
 159 |               "description": null,
 160 |               "args": [],
 161 |               "type": {
 162 |                 "kind": "NON_NULL",
 163 |                 "name": null,
 164 |                 "ofType": {
 165 |                   "kind": "SCALAR",
 166 |                   "name": "String",
 167 |                   "ofType": null
 168 |                 }
 169 |               },
 170 |               "isDeprecated": false,
 171 |               "deprecationReason": null
 172 |             },
 173 |             {
 174 |               "name": "id",
 175 |               "description": null,
 176 |               "args": [],
 177 |               "type": {
 178 |                 "kind": "NON_NULL",
 179 |                 "name": null,
 180 |                 "ofType": {
 181 |                   "kind": "SCALAR",
 182 |                   "name": "ID",
 183 |                   "ofType": null
 184 |                 }
 185 |               },
 186 |               "isDeprecated": false,
 187 |               "deprecationReason": null
 188 |             },
 189 |             {
 190 |               "name": "title",
 191 |               "description": null,
 192 |               "args": [],
 193 |               "type": {
 194 |                 "kind": "NON_NULL",
 195 |                 "name": null,
 196 |                 "ofType": {
 197 |                   "kind": "SCALAR",
 198 |                   "name": "String",
 199 |                   "ofType": null
 200 |                 }
 201 |               },
 202 |               "isDeprecated": false,
 203 |               "deprecationReason": null
 204 |             },
 205 |             {
 206 |               "name": "user",
 207 |               "description": null,
 208 |               "args": [],
 209 |               "type": {
 210 |                 "kind": "NON_NULL",
 211 |                 "name": null,
 212 |                 "ofType": {
 213 |                   "kind": "OBJECT",
 214 |                   "name": "User",
 215 |                   "ofType": null
 216 |                 }
 217 |               },
 218 |               "isDeprecated": false,
 219 |               "deprecationReason": null
 220 |             }
 221 |           ],
 222 |           "inputFields": null,
 223 |           "interfaces": [],
 224 |           "enumValues": null,
 225 |           "possibleTypes": null
 226 |         },
 227 |         {
 228 |           "kind": "SCALAR",
 229 |           "name": "ID",
 230 |           "description": "Represents a unique identifier that is Base64 obfuscated. It is often used to refetch an object or as key for a cache. The ID type appears in a JSON response as a String; however, it is not intended to be human-readable. When expected as an input type, any string (such as `\"VXNlci0xMA==\"`) or integer (such as `4`) input value will be accepted as an ID.",
 231 |           "fields": null,
 232 |           "inputFields": null,
 233 |           "interfaces": null,
 234 |           "enumValues": null,
 235 |           "possibleTypes": null
 236 |         },
 237 |         {
 238 |           "kind": "OBJECT",
 239 |           "name": "User",
 240 |           "description": null,
 241 |           "fields": [
 242 |             {
 243 |               "name": "createdAt",
 244 |               "description": null,
 245 |               "args": [],
 246 |               "type": {
 247 |                 "kind": "NON_NULL",
 248 |                 "name": null,
 249 |                 "ofType": {
 250 |                   "kind": "SCALAR",
 251 |                   "name": "String",
 252 |                   "ofType": null
 253 |                 }
 254 |               },
 255 |               "isDeprecated": false,
 256 |               "deprecationReason": null
 257 |             },
 258 |             {
 259 |               "name": "id",
 260 |               "description": null,
 261 |               "args": [],
 262 |               "type": {
 263 |                 "kind": "NON_NULL",
 264 |                 "name": null,
 265 |                 "ofType": {
 266 |                   "kind": "SCALAR",
 267 |                   "name": "ID",
 268 |                   "ofType": null
 269 |                 }
 270 |               },
 271 |               "isDeprecated": false,
 272 |               "deprecationReason": null
 273 |             },
 274 |             {
 275 |               "name": "name",
 276 |               "description": null,
 277 |               "args": [],
 278 |               "type": {
 279 |                 "kind": "NON_NULL",
 280 |                 "name": null,
 281 |                 "ofType": {
 282 |                   "kind": "SCALAR",
 283 |                   "name": "String",
 284 |                   "ofType": null
 285 |                 }
 286 |               },
 287 |               "isDeprecated": false,
 288 |               "deprecationReason": null
 289 |             }
 290 |           ],
 291 |           "inputFields": null,
 292 |           "interfaces": [],
 293 |           "enumValues": null,
 294 |           "possibleTypes": null
 295 |         },
 296 |         {
 297 |           "kind": "OBJECT",
 298 |           "name": "__Schema",
 299 |           "description": "A GraphQL Schema defines the capabilities of a GraphQL server. It exposes all available types and directives on the server, as well as the entry points for query, mutation, and subscription operations.",
 300 |           "fields": [
 301 |             {
 302 |               "name": "directives",
 303 |               "description": "A list of all directives supported by this server.",
 304 |               "args": [],
 305 |               "type": {
 306 |                 "kind": "NON_NULL",
 307 |                 "name": null,
 308 |                 "ofType": {
 309 |                   "kind": "LIST",
 310 |                   "name": null,
 311 |                   "ofType": {
 312 |                     "kind": "NON_NULL",
 313 |                     "name": null,
 314 |                     "ofType": {
 315 |                       "kind": "OBJECT",
 316 |                       "name": "__Directive",
 317 |                       "ofType": null
 318 |                     }
 319 |                   }
 320 |                 }
 321 |               },
 322 |               "isDeprecated": false,
 323 |               "deprecationReason": null
 324 |             },
 325 |             {
 326 |               "name": "mutationType",
 327 |               "description": "If this server supports mutation, the type that mutation operations will be rooted at.",
 328 |               "args": [],
 329 |               "type": {
 330 |                 "kind": "OBJECT",
 331 |                 "name": "__Type",
 332 |                 "ofType": null
 333 |               },
 334 |               "isDeprecated": false,
 335 |               "deprecationReason": null
 336 |             },
 337 |             {
 338 |               "name": "queryType",
 339 |               "description": "The type that query operations will be rooted at.",
 340 |               "args": [],
 341 |               "type": {
 342 |                 "kind": "NON_NULL",
 343 |                 "name": null,
 344 |                 "ofType": {
 345 |                   "kind": "OBJECT",
 346 |                   "name": "__Type",
 347 |                   "ofType": null
 348 |                 }
 349 |               },
 350 |               "isDeprecated": false,
 351 |               "deprecationReason": null
 352 |             },
 353 |             {
 354 |               "name": "subscriptionType",
 355 |               "description": "If this server support subscription, the type that subscription operations will be rooted at.",
 356 |               "args": [],
 357 |               "type": {
 358 |                 "kind": "OBJECT",
 359 |                 "name": "__Type",
 360 |                 "ofType": null
 361 |               },
 362 |               "isDeprecated": false,
 363 |               "deprecationReason": null
 364 |             },
 365 |             {
 366 |               "name": "types",
 367 |               "description": "A list of all types supported by this server.",
 368 |               "args": [],
 369 |               "type": {
 370 |                 "kind": "NON_NULL",
 371 |                 "name": null,
 372 |                 "ofType": {
 373 |                   "kind": "LIST",
 374 |                   "name": null,
 375 |                   "ofType": {
 376 |                     "kind": "NON_NULL",
 377 |                     "name": null,
 378 |                     "ofType": {
 379 |                       "kind": "OBJECT",
 380 |                       "name": "__Type",
 381 |                       "ofType": null
 382 |                     }
 383 |                   }
 384 |                 }
 385 |               },
 386 |               "isDeprecated": false,
 387 |               "deprecationReason": null
 388 |             }
 389 |           ],
 390 |           "inputFields": null,
 391 |           "interfaces": [],
 392 |           "enumValues": null,
 393 |           "possibleTypes": null
 394 |         },
 395 |         {
 396 |           "kind": "OBJECT",
 397 |           "name": "__Type",
 398 |           "description": "The fundamental unit of any GraphQL Schema is the type. There are many kinds of types in GraphQL as represented by the `__TypeKind` enum.\n\nDepending on the kind of a type, certain fields describe information about that type. Scalar types provide no information beyond a name and description, while Enum types provide their values. Object and Interface types provide the fields they describe. Abstract types, Union and Interface, provide the Object types possible at runtime. List and NonNull types compose other types.",
 399 |           "fields": [
 400 |             {
 401 |               "name": "description",
 402 |               "description": null,
 403 |               "args": [],
 404 |               "type": {
 405 |                 "kind": "SCALAR",
 406 |                 "name": "String",
 407 |                 "ofType": null
 408 |               },
 409 |               "isDeprecated": false,
 410 |               "deprecationReason": null
 411 |             },
 412 |             {
 413 |               "name": "enumValues",
 414 |               "description": null,
 415 |               "args": [
 416 |                 {
 417 |                   "name": "includeDeprecated",
 418 |                   "description": null,
 419 |                   "type": {
 420 |                     "kind": "SCALAR",
 421 |                     "name": "Boolean",
 422 |                     "ofType": null
 423 |                   },
 424 |                   "defaultValue": "false"
 425 |                 }
 426 |               ],
 427 |               "type": {
 428 |                 "kind": "LIST",
 429 |                 "name": null,
 430 |                 "ofType": {
 431 |                   "kind": "NON_NULL",
 432 |                   "name": null,
 433 |                   "ofType": {
 434 |                     "kind": "OBJECT",
 435 |                     "name": "__EnumValue",
 436 |                     "ofType": null
 437 |                   }
 438 |                 }
 439 |               },
 440 |               "isDeprecated": false,
 441 |               "deprecationReason": null
 442 |             },
 443 |             {
 444 |               "name": "fields",
 445 |               "description": null,
 446 |               "args": [
 447 |                 {
 448 |                   "name": "includeDeprecated",
 449 |                   "description": null,
 450 |                   "type": {
 451 |                     "kind": "SCALAR",
 452 |                     "name": "Boolean",
 453 |                     "ofType": null
 454 |                   },
 455 |                   "defaultValue": "false"
 456 |                 }
 457 |               ],
 458 |               "type": {
 459 |                 "kind": "LIST",
 460 |                 "name": null,
 461 |                 "ofType": {
 462 |                   "kind": "NON_NULL",
 463 |                   "name": null,
 464 |                   "ofType": {
 465 |                     "kind": "OBJECT",
 466 |                     "name": "__Field",
 467 |                     "ofType": null
 468 |                   }
 469 |                 }
 470 |               },
 471 |               "isDeprecated": false,
 472 |               "deprecationReason": null
 473 |             },
 474 |             {
 475 |               "name": "inputFields",
 476 |               "description": null,
 477 |               "args": [],
 478 |               "type": {
 479 |                 "kind": "LIST",
 480 |                 "name": null,
 481 |                 "ofType": {
 482 |                   "kind": "NON_NULL",
 483 |                   "name": null,
 484 |                   "ofType": {
 485 |                     "kind": "OBJECT",
 486 |                     "name": "__InputValue",
 487 |                     "ofType": null
 488 |                   }
 489 |                 }
 490 |               },
 491 |               "isDeprecated": false,
 492 |               "deprecationReason": null
 493 |             },
 494 |             {
 495 |               "name": "interfaces",
 496 |               "description": null,
 497 |               "args": [],
 498 |               "type": {
 499 |                 "kind": "LIST",
 500 |                 "name": null,
 501 |                 "ofType": {
 502 |                   "kind": "NON_NULL",
 503 |                   "name": null,
 504 |                   "ofType": {
 505 |                     "kind": "OBJECT",
 506 |                     "name": "__Type",
 507 |                     "ofType": null
 508 |                   }
 509 |                 }
 510 |               },
 511 |               "isDeprecated": false,
 512 |               "deprecationReason": null
 513 |             },
 514 |             {
 515 |               "name": "kind",
 516 |               "description": null,
 517 |               "args": [],
 518 |               "type": {
 519 |                 "kind": "NON_NULL",
 520 |                 "name": null,
 521 |                 "ofType": {
 522 |                   "kind": "ENUM",
 523 |                   "name": "__TypeKind",
 524 |                   "ofType": null
 525 |                 }
 526 |               },
 527 |               "isDeprecated": false,
 528 |               "deprecationReason": null
 529 |             },
 530 |             {
 531 |               "name": "name",
 532 |               "description": null,
 533 |               "args": [],
 534 |               "type": {
 535 |                 "kind": "SCALAR",
 536 |                 "name": "String",
 537 |                 "ofType": null
 538 |               },
 539 |               "isDeprecated": false,
 540 |               "deprecationReason": null
 541 |             },
 542 |             {
 543 |               "name": "ofType",
 544 |               "description": null,
 545 |               "args": [],
 546 |               "type": {
 547 |                 "kind": "OBJECT",
 548 |                 "name": "__Type",
 549 |                 "ofType": null
 550 |               },
 551 |               "isDeprecated": false,
 552 |               "deprecationReason": null
 553 |             },
 554 |             {
 555 |               "name": "possibleTypes",
 556 |               "description": null,
 557 |               "args": [],
 558 |               "type": {
 559 |                 "kind": "LIST",
 560 |                 "name": null,
 561 |                 "ofType": {
 562 |                   "kind": "NON_NULL",
 563 |                   "name": null,
 564 |                   "ofType": {
 565 |                     "kind": "OBJECT",
 566 |                     "name": "__Type",
 567 |                     "ofType": null
 568 |                   }
 569 |                 }
 570 |               },
 571 |               "isDeprecated": false,
 572 |               "deprecationReason": null
 573 |             }
 574 |           ],
 575 |           "inputFields": null,
 576 |           "interfaces": [],
 577 |           "enumValues": null,
 578 |           "possibleTypes": null
 579 |         },
 580 |         {
 581 |           "kind": "OBJECT",
 582 |           "name": "__Field",
 583 |           "description": "Object and Interface types are described by a list of Fields, each of which has a name, potentially a list of arguments, and a return type.",
 584 |           "fields": [
 585 |             {
 586 |               "name": "args",
 587 |               "description": null,
 588 |               "args": [],
 589 |               "type": {
 590 |                 "kind": "NON_NULL",
 591 |                 "name": null,
 592 |                 "ofType": {
 593 |                   "kind": "LIST",
 594 |                   "name": null,
 595 |                   "ofType": {
 596 |                     "kind": "NON_NULL",
 597 |                     "name": null,
 598 |                     "ofType": {
 599 |                       "kind": "OBJECT",
 600 |                       "name": "__InputValue",
 601 |                       "ofType": null
 602 |                     }
 603 |                   }
 604 |                 }
 605 |               },
 606 |               "isDeprecated": false,
 607 |               "deprecationReason": null
 608 |             },
 609 |             {
 610 |               "name": "deprecationReason",
 611 |               "description": null,
 612 |               "args": [],
 613 |               "type": {
 614 |                 "kind": "SCALAR",
 615 |                 "name": "String",
 616 |                 "ofType": null
 617 |               },
 618 |               "isDeprecated": false,
 619 |               "deprecationReason": null
 620 |             },
 621 |             {
 622 |               "name": "description",
 623 |               "description": null,
 624 |               "args": [],
 625 |               "type": {
 626 |                 "kind": "SCALAR",
 627 |                 "name": "String",
 628 |                 "ofType": null
 629 |               },
 630 |               "isDeprecated": false,
 631 |               "deprecationReason": null
 632 |             },
 633 |             {
 634 |               "name": "isDeprecated",
 635 |               "description": null,
 636 |               "args": [],
 637 |               "type": {
 638 |                 "kind": "NON_NULL",
 639 |                 "name": null,
 640 |                 "ofType": {
 641 |                   "kind": "SCALAR",
 642 |                   "name": "Boolean",
 643 |                   "ofType": null
 644 |                 }
 645 |               },
 646 |               "isDeprecated": false,
 647 |               "deprecationReason": null
 648 |             },
 649 |             {
 650 |               "name": "name",
 651 |               "description": null,
 652 |               "args": [],
 653 |               "type": {
 654 |                 "kind": "NON_NULL",
 655 |                 "name": null,
 656 |                 "ofType": {
 657 |                   "kind": "SCALAR",
 658 |                   "name": "String",
 659 |                   "ofType": null
 660 |                 }
 661 |               },
 662 |               "isDeprecated": false,
 663 |               "deprecationReason": null
 664 |             },
 665 |             {
 666 |               "name": "type",
 667 |               "description": null,
 668 |               "args": [],
 669 |               "type": {
 670 |                 "kind": "NON_NULL",
 671 |                 "name": null,
 672 |                 "ofType": {
 673 |                   "kind": "OBJECT",
 674 |                   "name": "__Type",
 675 |                   "ofType": null
 676 |                 }
 677 |               },
 678 |               "isDeprecated": false,
 679 |               "deprecationReason": null
 680 |             }
 681 |           ],
 682 |           "inputFields": null,
 683 |           "interfaces": [],
 684 |           "enumValues": null,
 685 |           "possibleTypes": null
 686 |         },
 687 |         {
 688 |           "kind": "OBJECT",
 689 |           "name": "__Directive",
 690 |           "description": "A Directive provides a way to describe alternate runtime execution and type validation behavior in a GraphQL document.\n\nIn some cases, you need to provide options to alter GraphQL's execution behavior in ways field arguments will not suffice, such as conditionally including or skipping a field. Directives provide this by describing additional information to the executor.",
 691 |           "fields": [
 692 |             {
 693 |               "name": "args",
 694 |               "description": null,
 695 |               "args": [],
 696 |               "type": {
 697 |                 "kind": "NON_NULL",
 698 |                 "name": null,
 699 |                 "ofType": {
 700 |                   "kind": "LIST",
 701 |                   "name": null,
 702 |                   "ofType": {
 703 |                     "kind": "NON_NULL",
 704 |                     "name": null,
 705 |                     "ofType": {
 706 |                       "kind": "OBJECT",
 707 |                       "name": "__InputValue",
 708 |                       "ofType": null
 709 |                     }
 710 |                   }
 711 |                 }
 712 |               },
 713 |               "isDeprecated": false,
 714 |               "deprecationReason": null
 715 |             },
 716 |             {
 717 |               "name": "description",
 718 |               "description": null,
 719 |               "args": [],
 720 |               "type": {
 721 |                 "kind": "SCALAR",
 722 |                 "name": "String",
 723 |                 "ofType": null
 724 |               },
 725 |               "isDeprecated": false,
 726 |               "deprecationReason": null
 727 |             },
 728 |             {
 729 |               "name": "locations",
 730 |               "description": null,
 731 |               "args": [],
 732 |               "type": {
 733 |                 "kind": "NON_NULL",
 734 |                 "name": null,
 735 |                 "ofType": {
 736 |                   "kind": "LIST",
 737 |                   "name": null,
 738 |                   "ofType": {
 739 |                     "kind": "NON_NULL",
 740 |                     "name": null,
 741 |                     "ofType": {
 742 |                       "kind": "ENUM",
 743 |                       "name": "__DirectiveLocation",
 744 |                       "ofType": null
 745 |                     }
 746 |                   }
 747 |                 }
 748 |               },
 749 |               "isDeprecated": false,
 750 |               "deprecationReason": null
 751 |             },
 752 |             {
 753 |               "name": "name",
 754 |               "description": null,
 755 |               "args": [],
 756 |               "type": {
 757 |                 "kind": "NON_NULL",
 758 |                 "name": null,
 759 |                 "ofType": {
 760 |                   "kind": "SCALAR",
 761 |                   "name": "String",
 762 |                   "ofType": null
 763 |                 }
 764 |               },
 765 |               "isDeprecated": false,
 766 |               "deprecationReason": null
 767 |             },
 768 |             {
 769 |               "name": "onField",
 770 |               "description": null,
 771 |               "args": [],
 772 |               "type": {
 773 |                 "kind": "NON_NULL",
 774 |                 "name": null,
 775 |                 "ofType": {
 776 |                   "kind": "SCALAR",
 777 |                   "name": "Boolean",
 778 |                   "ofType": null
 779 |                 }
 780 |               },
 781 |               "isDeprecated": true,
 782 |               "deprecationReason": "Use `locations`."
 783 |             },
 784 |             {
 785 |               "name": "onFragment",
 786 |               "description": null,
 787 |               "args": [],
 788 |               "type": {
 789 |                 "kind": "NON_NULL",
 790 |                 "name": null,
 791 |                 "ofType": {
 792 |                   "kind": "SCALAR",
 793 |                   "name": "Boolean",
 794 |                   "ofType": null
 795 |                 }
 796 |               },
 797 |               "isDeprecated": true,
 798 |               "deprecationReason": "Use `locations`."
 799 |             },
 800 |             {
 801 |               "name": "onOperation",
 802 |               "description": null,
 803 |               "args": [],
 804 |               "type": {
 805 |                 "kind": "NON_NULL",
 806 |                 "name": null,
 807 |                 "ofType": {
 808 |                   "kind": "SCALAR",
 809 |                   "name": "Boolean",
 810 |                   "ofType": null
 811 |                 }
 812 |               },
 813 |               "isDeprecated": true,
 814 |               "deprecationReason": "Use `locations`."
 815 |             }
 816 |           ],
 817 |           "inputFields": null,
 818 |           "interfaces": [],
 819 |           "enumValues": null,
 820 |           "possibleTypes": null
 821 |         },
 822 |         {
 823 |           "kind": "OBJECT",
 824 |           "name": "__EnumValue",
 825 |           "description": "One possible value for a given Enum. Enum values are unique values, not a placeholder for a string or numeric value. However an Enum value is returned in a JSON response as a string.",
 826 |           "fields": [
 827 |             {
 828 |               "name": "deprecationReason",
 829 |               "description": null,
 830 |               "args": [],
 831 |               "type": {
 832 |                 "kind": "SCALAR",
 833 |                 "name": "String",
 834 |                 "ofType": null
 835 |               },
 836 |               "isDeprecated": false,
 837 |               "deprecationReason": null
 838 |             },
 839 |             {
 840 |               "name": "description",
 841 |               "description": null,
 842 |               "args": [],
 843 |               "type": {
 844 |                 "kind": "SCALAR",
 845 |                 "name": "String",
 846 |                 "ofType": null
 847 |               },
 848 |               "isDeprecated": false,
 849 |               "deprecationReason": null
 850 |             },
 851 |             {
 852 |               "name": "isDeprecated",
 853 |               "description": null,
 854 |               "args": [],
 855 |               "type": {
 856 |                 "kind": "NON_NULL",
 857 |                 "name": null,
 858 |                 "ofType": {
 859 |                   "kind": "SCALAR",
 860 |                   "name": "Boolean",
 861 |                   "ofType": null
 862 |                 }
 863 |               },
 864 |               "isDeprecated": false,
 865 |               "deprecationReason": null
 866 |             },
 867 |             {
 868 |               "name": "name",
 869 |               "description": null,
 870 |               "args": [],
 871 |               "type": {
 872 |                 "kind": "NON_NULL",
 873 |                 "name": null,
 874 |                 "ofType": {
 875 |                   "kind": "SCALAR",
 876 |                   "name": "String",
 877 |                   "ofType": null
 878 |                 }
 879 |               },
 880 |               "isDeprecated": false,
 881 |               "deprecationReason": null
 882 |             }
 883 |           ],
 884 |           "inputFields": null,
 885 |           "interfaces": [],
 886 |           "enumValues": null,
 887 |           "possibleTypes": null
 888 |         },
 889 |         {
 890 |           "kind": "OBJECT",
 891 |           "name": "__InputValue",
 892 |           "description": "Arguments provided to Fields or Directives and the input fields of an InputObject are represented as Input Values which describe their type and optionally a default value.",
 893 |           "fields": [
 894 |             {
 895 |               "name": "defaultValue",
 896 |               "description": "A GraphQL-formatted string representing the default value for this input value.",
 897 |               "args": [],
 898 |               "type": {
 899 |                 "kind": "SCALAR",
 900 |                 "name": "String",
 901 |                 "ofType": null
 902 |               },
 903 |               "isDeprecated": false,
 904 |               "deprecationReason": null
 905 |             },
 906 |             {
 907 |               "name": "description",
 908 |               "description": null,
 909 |               "args": [],
 910 |               "type": {
 911 |                 "kind": "SCALAR",
 912 |                 "name": "String",
 913 |                 "ofType": null
 914 |               },
 915 |               "isDeprecated": false,
 916 |               "deprecationReason": null
 917 |             },
 918 |             {
 919 |               "name": "name",
 920 |               "description": null,
 921 |               "args": [],
 922 |               "type": {
 923 |                 "kind": "NON_NULL",
 924 |                 "name": null,
 925 |                 "ofType": {
 926 |                   "kind": "SCALAR",
 927 |                   "name": "String",
 928 |                   "ofType": null
 929 |                 }
 930 |               },
 931 |               "isDeprecated": false,
 932 |               "deprecationReason": null
 933 |             },
 934 |             {
 935 |               "name": "type",
 936 |               "description": null,
 937 |               "args": [],
 938 |               "type": {
 939 |                 "kind": "NON_NULL",
 940 |                 "name": null,
 941 |                 "ofType": {
 942 |                   "kind": "OBJECT",
 943 |                   "name": "__Type",
 944 |                   "ofType": null
 945 |                 }
 946 |               },
 947 |               "isDeprecated": false,
 948 |               "deprecationReason": null
 949 |             }
 950 |           ],
 951 |           "inputFields": null,
 952 |           "interfaces": [],
 953 |           "enumValues": null,
 954 |           "possibleTypes": null
 955 |         },
 956 |         {
 957 |           "kind": "ENUM",
 958 |           "name": "__TypeKind",
 959 |           "description": "An enum describing what kind of type a given `__Type` is.",
 960 |           "fields": null,
 961 |           "inputFields": null,
 962 |           "interfaces": null,
 963 |           "enumValues": [
 964 |             {
 965 |               "name": "SCALAR",
 966 |               "description": "Indicates this type is a scalar.",
 967 |               "isDeprecated": false,
 968 |               "deprecationReason": null
 969 |             },
 970 |             {
 971 |               "name": "OBJECT",
 972 |               "description": "Indicates this type is an object. `fields` and `interfaces` are valid fields.",
 973 |               "isDeprecated": false,
 974 |               "deprecationReason": null
 975 |             },
 976 |             {
 977 |               "name": "INTERFACE",
 978 |               "description": "Indicates this type is an interface. `fields` and `possibleTypes` are valid fields.",
 979 |               "isDeprecated": false,
 980 |               "deprecationReason": null
 981 |             },
 982 |             {
 983 |               "name": "UNION",
 984 |               "description": "Indicates this type is a union. `possibleTypes` is a valid field.",
 985 |               "isDeprecated": false,
 986 |               "deprecationReason": null
 987 |             },
 988 |             {
 989 |               "name": "ENUM",
 990 |               "description": "Indicates this type is an enum. `enumValues` is a valid field.",
 991 |               "isDeprecated": false,
 992 |               "deprecationReason": null
 993 |             },
 994 |             {
 995 |               "name": "INPUT_OBJECT",
 996 |               "description": "Indicates this type is an input object. `inputFields` is a valid field.",
 997 |               "isDeprecated": false,
 998 |               "deprecationReason": null
 999 |             },
1000 |             {
1001 |               "name": "LIST",
1002 |               "description": "Indicates this type is a list. `ofType` is a valid field.",
1003 |               "isDeprecated": false,
1004 |               "deprecationReason": null
1005 |             },
1006 |             {
1007 |               "name": "NON_NULL",
1008 |               "description": "Indicates this type is a non-null. `ofType` is a valid field.",
1009 |               "isDeprecated": false,
1010 |               "deprecationReason": null
1011 |             }
1012 |           ],
1013 |           "possibleTypes": null
1014 |         },
1015 |         {
1016 |           "kind": "ENUM",
1017 |           "name": "__DirectiveLocation",
1018 |           "description": "A Directive can be adjacent to many parts of the GraphQL language, a __DirectiveLocation describes one such possible adjacencies.",
1019 |           "fields": null,
1020 |           "inputFields": null,
1021 |           "interfaces": null,
1022 |           "enumValues": [
1023 |             {
1024 |               "name": "QUERY",
1025 |               "description": "Location adjacent to a query operation.",
1026 |               "isDeprecated": false,
1027 |               "deprecationReason": null
1028 |             },
1029 |             {
1030 |               "name": "MUTATION",
1031 |               "description": "Location adjacent to a mutation operation.",
1032 |               "isDeprecated": false,
1033 |               "deprecationReason": null
1034 |             },
1035 |             {
1036 |               "name": "SUBSCRIPTION",
1037 |               "description": "Location adjacent to a subscription operation.",
1038 |               "isDeprecated": false,
1039 |               "deprecationReason": null
1040 |             },
1041 |             {
1042 |               "name": "FIELD",
1043 |               "description": "Location adjacent to a field.",
1044 |               "isDeprecated": false,
1045 |               "deprecationReason": null
1046 |             },
1047 |             {
1048 |               "name": "FRAGMENT_DEFINITION",
1049 |               "description": "Location adjacent to a fragment definition.",
1050 |               "isDeprecated": false,
1051 |               "deprecationReason": null
1052 |             },
1053 |             {
1054 |               "name": "FRAGMENT_SPREAD",
1055 |               "description": "Location adjacent to a fragment spread.",
1056 |               "isDeprecated": false,
1057 |               "deprecationReason": null
1058 |             },
1059 |             {
1060 |               "name": "INLINE_FRAGMENT",
1061 |               "description": "Location adjacent to an inline fragment.",
1062 |               "isDeprecated": false,
1063 |               "deprecationReason": null
1064 |             },
1065 |             {
1066 |               "name": "SCHEMA",
1067 |               "description": "Location adjacent to a schema definition.",
1068 |               "isDeprecated": false,
1069 |               "deprecationReason": null
1070 |             },
1071 |             {
1072 |               "name": "SCALAR",
1073 |               "description": "Location adjacent to a scalar definition.",
1074 |               "isDeprecated": false,
1075 |               "deprecationReason": null
1076 |             },
1077 |             {
1078 |               "name": "OBJECT",
1079 |               "description": "Location adjacent to an object type definition.",
1080 |               "isDeprecated": false,
1081 |               "deprecationReason": null
1082 |             },
1083 |             {
1084 |               "name": "FIELD_DEFINITION",
1085 |               "description": "Location adjacent to a field definition.",
1086 |               "isDeprecated": false,
1087 |               "deprecationReason": null
1088 |             },
1089 |             {
1090 |               "name": "ARGUMENT_DEFINITION",
1091 |               "description": "Location adjacent to an argument definition.",
1092 |               "isDeprecated": false,
1093 |               "deprecationReason": null
1094 |             },
1095 |             {
1096 |               "name": "INTERFACE",
1097 |               "description": "Location adjacent to an interface definition.",
1098 |               "isDeprecated": false,
1099 |               "deprecationReason": null
1100 |             },
1101 |             {
1102 |               "name": "UNION",
1103 |               "description": "Location adjacent to a union definition.",
1104 |               "isDeprecated": false,
1105 |               "deprecationReason": null
1106 |             },
1107 |             {
1108 |               "name": "ENUM",
1109 |               "description": "Location adjacent to an enum definition.",
1110 |               "isDeprecated": false,
1111 |               "deprecationReason": null
1112 |             },
1113 |             {
1114 |               "name": "ENUM_VALUE",
1115 |               "description": "Location adjacent to an enum value definition.",
1116 |               "isDeprecated": false,
1117 |               "deprecationReason": null
1118 |             },
1119 |             {
1120 |               "name": "INPUT_OBJECT",
1121 |               "description": "Location adjacent to an input object type definition.",
1122 |               "isDeprecated": false,
1123 |               "deprecationReason": null
1124 |             },
1125 |             {
1126 |               "name": "INPUT_FIELD_DEFINITION",
1127 |               "description": "Location adjacent to an input object field definition.",
1128 |               "isDeprecated": false,
1129 |               "deprecationReason": null
1130 |             }
1131 |           ],
1132 |           "possibleTypes": null
1133 |         }
1134 |       ],
1135 |       "directives": [
1136 |         {
1137 |           "name": "include",
1138 |           "description": "Directs the executor to include this field or fragment only when the `if` argument is true.",
1139 |           "locations": [
1140 |             "FIELD",
1141 |             "FRAGMENT_SPREAD",
1142 |             "INLINE_FRAGMENT"
1143 |           ],
1144 |           "args": [
1145 |             {
1146 |               "name": "if",
1147 |               "description": "Included when true.",
1148 |               "type": {
1149 |                 "kind": "NON_NULL",
1150 |                 "name": null,
1151 |                 "ofType": {
1152 |                   "kind": "SCALAR",
1153 |                   "name": "Boolean",
1154 |                   "ofType": null
1155 |                 }
1156 |               },
1157 |               "defaultValue": null
1158 |             }
1159 |           ]
1160 |         },
1161 |         {
1162 |           "name": "skip",
1163 |           "description": "Directs the executor to skip this field or fragment when the `if` argument is true.",
1164 |           "locations": [
1165 |             "FIELD",
1166 |             "FRAGMENT_SPREAD",
1167 |             "INLINE_FRAGMENT"
1168 |           ],
1169 |           "args": [
1170 |             {
1171 |               "name": "if",
1172 |               "description": "Skipped when true.",
1173 |               "type": {
1174 |                 "kind": "NON_NULL",
1175 |                 "name": null,
1176 |                 "ofType": {
1177 |                   "kind": "SCALAR",
1178 |                   "name": "Boolean",
1179 |                   "ofType": null
1180 |                 }
1181 |               },
1182 |               "defaultValue": null
1183 |             }
1184 |           ]
1185 |         },
1186 |         {
1187 |           "name": "deprecated",
1188 |           "description": "Marks an element of a GraphQL schema as no longer supported.",
1189 |           "locations": [
1190 |             "FIELD_DEFINITION",
1191 |             "ENUM_VALUE"
1192 |           ],
1193 |           "args": [
1194 |             {
1195 |               "name": "reason",
1196 |               "description": "Explains why this element was deprecated, usually also including a suggestion for how to access supported similar data. Formatted in [Markdown](https://daringfireball.net/projects/markdown/).",
1197 |               "type": {
1198 |                 "kind": "SCALAR",
1199 |                 "name": "String",
1200 |                 "ofType": null
1201 |               },
1202 |               "defaultValue": "\"No longer supported\""
1203 |             }
1204 |           ]
1205 |         }
1206 |       ]
1207 |     }
1208 |   }
1209 | }


--------------------------------------------------------------------------------
/test/controllers/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/exAspArk/graphql-on-rails/a23a657e062a07a3b4a24ed252257c2a0cff259f/test/controllers/.keep


--------------------------------------------------------------------------------
/test/fixtures/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/exAspArk/graphql-on-rails/a23a657e062a07a3b4a24ed252257c2a0cff259f/test/fixtures/.keep


--------------------------------------------------------------------------------
/test/fixtures/files/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/exAspArk/graphql-on-rails/a23a657e062a07a3b4a24ed252257c2a0cff259f/test/fixtures/files/.keep


--------------------------------------------------------------------------------
/test/integration/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/exAspArk/graphql-on-rails/a23a657e062a07a3b4a24ed252257c2a0cff259f/test/integration/.keep


--------------------------------------------------------------------------------
/test/mailers/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/exAspArk/graphql-on-rails/a23a657e062a07a3b4a24ed252257c2a0cff259f/test/mailers/.keep


--------------------------------------------------------------------------------
/test/models/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/exAspArk/graphql-on-rails/a23a657e062a07a3b4a24ed252257c2a0cff259f/test/models/.keep


--------------------------------------------------------------------------------
/test/test_helper.rb:
--------------------------------------------------------------------------------
 1 | ENV['RAILS_ENV'] ||= 'test'
 2 | require_relative '../config/environment'
 3 | require 'rails/test_help'
 4 | 
 5 | class ActiveSupport::TestCase
 6 |   # Setup all fixtures in test/fixtures/*.yml for all tests in alphabetical order.
 7 |   fixtures :all
 8 | 
 9 |   # Add more helper methods to be used by all tests here...
10 | end
11 | 


--------------------------------------------------------------------------------
/tmp/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/exAspArk/graphql-on-rails/a23a657e062a07a3b4a24ed252257c2a0cff259f/tmp/.keep


--------------------------------------------------------------------------------
/vendor/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/exAspArk/graphql-on-rails/a23a657e062a07a3b4a24ed252257c2a0cff259f/vendor/.keep


--------------------------------------------------------------------------------