├── log └── .keep ├── storage └── .keep ├── tmp └── .keep ├── vendor └── .keep ├── .ruby-version ├── lib ├── assets │ └── .keep └── tasks │ └── .keep ├── public ├── favicon.ico ├── apple-touch-icon.png ├── apple-touch-icon-precomposed.png ├── robots.txt ├── 500.html ├── 422.html └── 404.html ├── test ├── helpers │ └── .keep ├── mailers │ └── .keep ├── models │ ├── .keep │ └── article_test.rb ├── system │ └── .keep ├── controllers │ ├── .keep │ └── articles_controller_test.rb ├── fixtures │ ├── .keep │ ├── files │ │ └── .keep │ └── articles.yml ├── integration │ └── .keep ├── application_system_test_case.rb └── test_helper.rb ├── app ├── assets │ ├── images │ │ └── .keep │ ├── config │ │ └── manifest.js │ └── stylesheets │ │ ├── articles.scss │ │ └── application.css ├── graphql │ ├── types │ │ ├── .keep │ │ ├── base_enum.rb │ │ ├── base_union.rb │ │ ├── base_object.rb │ │ ├── base_scalar.rb │ │ ├── base_input_object.rb │ │ ├── base_interface.rb │ │ ├── query_type.rb │ │ ├── article_type.rb │ │ └── mutation_type.rb │ ├── mutations │ │ ├── .keep │ │ └── create_article.rb │ └── graphql_blog_schema.rb ├── models │ ├── concerns │ │ └── .keep │ ├── application_record.rb │ └── article.rb ├── controllers │ ├── concerns │ │ └── .keep │ ├── application_controller.rb │ ├── articles_controller.rb │ └── graphql_controller.rb ├── views │ ├── layouts │ │ ├── mailer.text.erb │ │ ├── mailer.html.erb │ │ └── application.html.erb │ └── articles │ │ └── root.html.erb ├── helpers │ ├── articles_helper.rb │ ├── application_helper.rb │ └── webpack_helper.rb ├── jobs │ └── application_job.rb ├── channels │ └── application_cable │ │ ├── channel.rb │ │ └── connection.rb └── mailers │ └── application_mailer.rb ├── .vscode └── settings.json ├── bin ├── rake ├── bundle ├── rails ├── yarn ├── update └── setup ├── frontend ├── Header.tsx ├── application.ts ├── Footer.tsx ├── relay.ts ├── ArticleList.tsx ├── client.tsx ├── Article.tsx ├── mountAll.tsx ├── App.tsx └── NewArticle.tsx ├── config ├── spring.rb ├── environment.rb ├── initializers │ ├── mime_types.rb │ ├── filter_parameter_logging.rb │ ├── application_controller_renderer.rb │ ├── cookies_serializer.rb │ ├── backtrace_silencers.rb │ ├── wrap_parameters.rb │ ├── assets.rb │ ├── inflections.rb │ └── content_security_policy.rb ├── boot.rb ├── cable.yml ├── routes.rb ├── credentials.yml.enc ├── database.yml ├── application.rb ├── locales │ └── en.yml ├── storage.yml ├── puma.rb ├── environments │ ├── test.rb │ ├── development.rb │ └── production.rb └── webpack.config.js ├── config.ru ├── prettier.config.js ├── Rakefile ├── README.md ├── db ├── migrate │ └── 20181128144307_create_articles.rb ├── seeds.rb └── schema.rb ├── Guardfile ├── .gitignore ├── package.json ├── Gemfile ├── tslint.json ├── tsconfig.json └── Gemfile.lock /log/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /storage/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /tmp/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /vendor/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.ruby-version: -------------------------------------------------------------------------------- 1 | 2.5.1 -------------------------------------------------------------------------------- /lib/assets/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /lib/tasks/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /test/helpers/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /test/mailers/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /test/models/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /test/system/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/assets/images/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/graphql/types/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /test/controllers/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /test/fixtures/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /test/integration/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/graphql/mutations/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/models/concerns/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /public/apple-touch-icon.png: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /test/fixtures/files/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/controllers/concerns/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /public/apple-touch-icon-precomposed.png: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/views/layouts/mailer.text.erb: -------------------------------------------------------------------------------- 1 | <%= yield %> 2 | -------------------------------------------------------------------------------- /app/helpers/articles_helper.rb: -------------------------------------------------------------------------------- 1 | module ArticlesHelper 2 | end 3 | -------------------------------------------------------------------------------- /app/helpers/application_helper.rb: -------------------------------------------------------------------------------- 1 | module ApplicationHelper 2 | end 3 | -------------------------------------------------------------------------------- /app/jobs/application_job.rb: -------------------------------------------------------------------------------- 1 | class ApplicationJob < ActiveJob::Base 2 | end 3 | -------------------------------------------------------------------------------- /app/views/articles/root.html.erb: -------------------------------------------------------------------------------- 1 |
2 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "typescript.tsdk": "node_modules/typescript/lib" 3 | } -------------------------------------------------------------------------------- /app/controllers/application_controller.rb: -------------------------------------------------------------------------------- 1 | class ApplicationController < ActionController::Base 2 | end 3 | -------------------------------------------------------------------------------- /app/graphql/types/base_enum.rb: -------------------------------------------------------------------------------- 1 | module Types 2 | class BaseEnum < GraphQL::Schema::Enum 3 | end 4 | end 5 | -------------------------------------------------------------------------------- /app/graphql/types/base_union.rb: -------------------------------------------------------------------------------- 1 | module Types 2 | class BaseUnion < GraphQL::Schema::Union 3 | end 4 | end 5 | -------------------------------------------------------------------------------- /app/graphql/types/base_object.rb: -------------------------------------------------------------------------------- 1 | module Types 2 | class BaseObject < GraphQL::Schema::Object 3 | end 4 | end 5 | -------------------------------------------------------------------------------- /app/graphql/types/base_scalar.rb: -------------------------------------------------------------------------------- 1 | module Types 2 | class BaseScalar < GraphQL::Schema::Scalar 3 | end 4 | end 5 | -------------------------------------------------------------------------------- /bin/rake: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env ruby 2 | require_relative '../config/boot' 3 | require 'rake' 4 | Rake.application.run 5 | -------------------------------------------------------------------------------- /app/models/application_record.rb: -------------------------------------------------------------------------------- 1 | class ApplicationRecord < ActiveRecord::Base 2 | self.abstract_class = true 3 | end 4 | -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | # See http://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file 2 | -------------------------------------------------------------------------------- /app/graphql/types/base_input_object.rb: -------------------------------------------------------------------------------- 1 | module Types 2 | class BaseInputObject < GraphQL::Schema::InputObject 3 | end 4 | end 5 | -------------------------------------------------------------------------------- /frontend/Header.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | export function Header(_props) { 4 | return

Microblog

; 5 | } 6 | -------------------------------------------------------------------------------- /app/channels/application_cable/channel.rb: -------------------------------------------------------------------------------- 1 | module ApplicationCable 2 | class Channel < ActionCable::Channel::Base 3 | end 4 | end 5 | -------------------------------------------------------------------------------- /app/assets/config/manifest.js: -------------------------------------------------------------------------------- 1 | //= link_tree ../images 2 | //= link_directory ../javascripts .js 3 | //= link_directory ../stylesheets .css 4 | -------------------------------------------------------------------------------- /app/graphql/types/base_interface.rb: -------------------------------------------------------------------------------- 1 | module Types 2 | module BaseInterface 3 | include GraphQL::Schema::Interface 4 | end 5 | end 6 | -------------------------------------------------------------------------------- /app/channels/application_cable/connection.rb: -------------------------------------------------------------------------------- 1 | module ApplicationCable 2 | class Connection < ActionCable::Connection::Base 3 | end 4 | end 5 | -------------------------------------------------------------------------------- /bin/bundle: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env ruby 2 | ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../Gemfile', __dir__) 3 | load Gem.bin_path('bundler', 'bundle') 4 | -------------------------------------------------------------------------------- /app/mailers/application_mailer.rb: -------------------------------------------------------------------------------- 1 | class ApplicationMailer < ActionMailer::Base 2 | default from: 'from@example.com' 3 | layout 'mailer' 4 | end 5 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /app/graphql/graphql_blog_schema.rb: -------------------------------------------------------------------------------- 1 | class GraphqlBlogSchema < GraphQL::Schema 2 | mutation(Types::MutationType) 3 | query(Types::QueryType) 4 | end 5 | -------------------------------------------------------------------------------- /config.ru: -------------------------------------------------------------------------------- 1 | # This file is used by Rack-based servers to start the application. 2 | 3 | require_relative 'config/environment' 4 | 5 | run Rails.application 6 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /config/environment.rb: -------------------------------------------------------------------------------- 1 | # Load the Rails application. 2 | require_relative 'application' 3 | 4 | # Initialize the Rails application. 5 | Rails.application.initialize! 6 | -------------------------------------------------------------------------------- /test/models/article_test.rb: -------------------------------------------------------------------------------- 1 | require 'test_helper' 2 | 3 | class ArticleTest < ActiveSupport::TestCase 4 | # test "the truth" do 5 | # assert true 6 | # end 7 | end 8 | -------------------------------------------------------------------------------- /prettier.config.js: -------------------------------------------------------------------------------- 1 | // https://prettier.io/docs/en/options.html 2 | 3 | module.exports = { 4 | printWidth: 120, 5 | trailingComma: "all", 6 | arrowParens: "always", 7 | }; 8 | -------------------------------------------------------------------------------- /app/models/article.rb: -------------------------------------------------------------------------------- 1 | class Article < ApplicationRecord 2 | validates :name, presence: true 3 | validates :content, presence: true 4 | 5 | scope :recent, -> { order(id: :desc) } 6 | end 7 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /test/application_system_test_case.rb: -------------------------------------------------------------------------------- 1 | require "test_helper" 2 | 3 | class ApplicationSystemTestCase < ActionDispatch::SystemTestCase 4 | driven_by :selenium, using: :chrome, screen_size: [1400, 1400] 5 | end 6 | -------------------------------------------------------------------------------- /test/controllers/articles_controller_test.rb: -------------------------------------------------------------------------------- 1 | require 'test_helper' 2 | 3 | class ArticlesControllerTest < ActionDispatch::IntegrationTest 4 | # test "the truth" do 5 | # assert true 6 | # end 7 | end 8 | -------------------------------------------------------------------------------- /app/assets/stylesheets/articles.scss: -------------------------------------------------------------------------------- 1 | // Place all the styles related to the Articles controller here. 2 | // They will automatically be included in application.css. 3 | // You can use Sass (SCSS) here: http://sass-lang.com/ 4 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /test/fixtures/articles.yml: -------------------------------------------------------------------------------- 1 | # Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html 2 | 3 | one: 4 | title: MyString 5 | text: MyText 6 | 7 | two: 8 | title: MyString 9 | text: MyText 10 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /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/graphql/types/query_type.rb: -------------------------------------------------------------------------------- 1 | module Types 2 | class QueryType < Types::BaseObject 3 | field :articles, Types::ArticleType.connection_type, null: false, resolve: -> (_object, _args, _context) do 4 | Article.recent 5 | end 6 | end 7 | end 8 | -------------------------------------------------------------------------------- /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-blog_production 11 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # graphql-blog 2 | 3 | [「GraphQL」徹底入門 ─ RESTとの比較、API・フロント双方の実装から学ぶ](https://employment.en-japan.com/engineerhub/entry/2018/12/26/103000) で実装したマイクロブログです。 4 | 5 | ## Run 6 | 7 | ```shell-session 8 | npm ci 9 | bundle 10 | bundle exec guard 11 | ``` 12 | -------------------------------------------------------------------------------- /app/graphql/types/article_type.rb: -------------------------------------------------------------------------------- 1 | module Types 2 | class ArticleType < Types::BaseObject 3 | field :id, ID, null: false 4 | field :name, String, null: false 5 | field :content, String, null: false 6 | field :createdAt, GraphQL::Types::ISO8601DateTime, null: false 7 | end 8 | end 9 | -------------------------------------------------------------------------------- /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/routes.rb: -------------------------------------------------------------------------------- 1 | Rails.application.routes.draw do 2 | 3 | if Rails.env.development? 4 | mount GraphiQL::Rails::Engine, at: "/graphiql", graphql_path: "/graphql" 5 | end 6 | post "/graphql", to: "graphql#execute" 7 | root "articles#root" 8 | 9 | resources :articles 10 | end 11 | -------------------------------------------------------------------------------- /config/initializers/cookies_serializer.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # Specify a serializer for the signed and encrypted cookie jars. 4 | # Valid options are :json, :marshal, and :hybrid. 5 | Rails.application.config.action_dispatch.cookies_serializer = :json 6 | -------------------------------------------------------------------------------- /frontend/application.ts: -------------------------------------------------------------------------------- 1 | import { mountAll } from "./mountAll"; 2 | 3 | console.log(`${__filename} is loaded in ${process.env.NODE_ENV} mode`); 4 | 5 | if (document.readyState === "loading") { 6 | document.addEventListener("DOMContentLoaded", mountAll); 7 | } else { 8 | mountAll(); 9 | } 10 | -------------------------------------------------------------------------------- /db/migrate/20181128144307_create_articles.rb: -------------------------------------------------------------------------------- 1 | class CreateArticles < ActiveRecord::Migration[5.2] 2 | def change 3 | create_table :articles do |t| 4 | t.text :name, null: false 5 | t.text :content, null: false 6 | 7 | t.timestamps(null: false) 8 | end 9 | end 10 | end 11 | -------------------------------------------------------------------------------- /app/views/layouts/mailer.html.erb: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 8 | 9 | 10 | 11 | <%= yield %> 12 | 13 | 14 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /bin/yarn: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env ruby 2 | APP_ROOT = File.expand_path('..', __dir__) 3 | Dir.chdir(APP_ROOT) do 4 | begin 5 | exec "yarnpkg", *ARGV 6 | rescue Errno::ENOENT 7 | $stderr.puts "Yarn executable was not detected in the system." 8 | $stderr.puts "Download Yarn at https://yarnpkg.com/en/docs/install" 9 | exit 1 10 | end 11 | end 12 | -------------------------------------------------------------------------------- /app/graphql/types/mutation_type.rb: -------------------------------------------------------------------------------- 1 | module Types 2 | class MutationType < Types::BaseObject 3 | field :createArticle, mutation: Mutations::CreateArticle 4 | # TODO: remove me 5 | field :test_field, String, null: false, 6 | description: "An example field added by the generator" 7 | def test_field 8 | "Hello World" 9 | end 10 | end 11 | end 12 | -------------------------------------------------------------------------------- /db/seeds.rb: -------------------------------------------------------------------------------- 1 | # This file should contain all the record creation needed to seed the database with its default values. 2 | # The data can then be loaded with the rails db:seed command (or created alongside the database with db:setup). 3 | # 4 | # Examples: 5 | # 6 | # movies = Movie.create([{ name: 'Star Wars' }, { name: 'Lord of the Rings' }]) 7 | # Character.create(name: 'Luke', movie: movies.first) 8 | -------------------------------------------------------------------------------- /app/views/layouts/application.html.erb: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | GraphqlBlog 5 | <%= csrf_meta_tags %> 6 | <%= csp_meta_tag %> 7 | 8 | <%= stylesheet_link_tag 'application', media: 'all' %> 9 | <%= javascript_include_tag webpack_path('application.js'), async: true %> 10 | 11 | 12 | 13 | <%= yield %> 14 | 15 | 16 | -------------------------------------------------------------------------------- /frontend/Footer.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | const addressStyle: React.CSSProperties = { 4 | color: "gray", 5 | borderTop: "1px solid black", 6 | marginTop: 20, 7 | paddingTop: 20, 8 | textAlign: "right" 9 | }; 10 | 11 | export function Footer(_props) { 12 | return ( 13 |
14 | Powored by https://github.com/gfx/graphql-blog. 15 |
16 | ); 17 | } 18 | -------------------------------------------------------------------------------- /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/credentials.yml.enc: -------------------------------------------------------------------------------- 1 | H4UgjAbr3zlawlO46JJdwvFpA9J304LNkaCEQDDdzklNfCQf2G0Nw6qS9zoDiUXprZfsOMbFUNBlg8c5y+LlvOV+uTOLq2uA4kiaJJ/P285gv8UhfpN1J+ChPHtngWM7AM4IEMZ1A23CTZnoHAEudbfa3sAxjWuereahzbHeqVGm7jdwZHng40mKD9erAGJ3AJjLwVVi4bsINAMnJw1fClPyO8ptbzZKZ7UvXOfT2O/xwV8C6kBsHvVKQ6s63FQyOUAymz4yltgKxYw3OB7VlijFzDQ0MC6wSTFYLy2TSGmEDb+CK55FS0IPyVTiIEW1Da5nSXAzOUZF26hHCdHqTSepTxSawnbFjgT5h7zuFaEJdr6ckHsPwVTe3Pw9RIHsjxQJcZZV76IUBLa5OeQUp10643qgj0L07icp--UbAZJ6ncTCV+8I0L--nvcqC2hDvaaQ0Dnhw6KXag== -------------------------------------------------------------------------------- /app/graphql/mutations/create_article.rb: -------------------------------------------------------------------------------- 1 | module Mutations 2 | class CreateArticle < GraphQL::Schema::RelayClassicMutation 3 | 4 | argument :name, String, required: true 5 | argument :content, String, required: true 6 | 7 | field :article, Types::ArticleType, null: false 8 | 9 | def resolve(name:, content:) 10 | article = Article.new(name: name, content: content) 11 | article.save! 12 | { article: article } 13 | end 14 | end 15 | end 16 | -------------------------------------------------------------------------------- /frontend/relay.ts: -------------------------------------------------------------------------------- 1 | export interface Edge { 2 | readonly node: T; 3 | } 4 | 5 | export interface Connection { 6 | readonly edges: ReadonlyArray>; 7 | } 8 | 9 | export function connectionFromArray(array: ReadonlyArray): Connection { 10 | return { 11 | edges: array.map((node) => ({ node })), 12 | }; 13 | } 14 | 15 | export function arrayFromConnection(connection: Connection): ReadonlyArray { 16 | return connection.edges.map((edge) => edge.node); 17 | } 18 | -------------------------------------------------------------------------------- /frontend/ArticleList.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Article, ArticleType } from "./Article"; 3 | 4 | interface Props { 5 | articles: ReadonlyArray; 6 | } 7 | 8 | export class ArticleList extends React.Component { 9 | render() { 10 | const { articles } = this.props; 11 | 12 | return ( 13 |
14 | {articles.map(article => { 15 | return
; 16 | })} 17 |
18 | ); 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /Guardfile: -------------------------------------------------------------------------------- 1 | #!ruby 2 | # frozen_string_literal: true 3 | 4 | clearing :off 5 | interactor :off 6 | 7 | ENV['NODE_ENV'] = 'development' 8 | 9 | guard :rails, host: '0.0.0.0' do 10 | watch('Gemfile.lock') 11 | watch(%r{^config/.*\.rb$}) 12 | watch(%r{^lib/middlewares/.*\.rb$}) 13 | watch(%r{^config/[^/]\.yml$}) 14 | ignore(%r{config/routes\.rb$}) 15 | end 16 | 17 | guard :process, name: 'webpack', 18 | command: "npm run webpack-dev-server" do 19 | watch('config/webpack.config.js') 20 | watch('tsconfig.json') 21 | end 22 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /app/helpers/webpack_helper.rb: -------------------------------------------------------------------------------- 1 | # frozen_string_literal: true 2 | 3 | require 'net/http' 4 | 5 | # FIXME: Read manifest.json from the filesystem on production. 6 | 7 | module WebpackHelper 8 | WEBPACK_DEV_SERVER_PORT = 3808 # sync with config/webpac.config.json 9 | 10 | def asset_host 11 | "localhost:#{WEBPACK_DEV_SERVER_PORT}" 12 | end 13 | 14 | # @param [String] name 15 | def webpack_path(name) 16 | __webpack_manifest.fetch(name) 17 | end 18 | 19 | def __webpack_manifest 20 | @__webpack_manifest ||= JSON.parse(Net::HTTP.get('localhost', '/assets/manifest.json', WEBPACK_DEV_SERVER_PORT)) 21 | end 22 | end 23 | -------------------------------------------------------------------------------- /config/initializers/assets.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # Version of your assets, change this if you want to expire all your assets. 4 | Rails.application.config.assets.version = '1.0' 5 | 6 | # Add additional assets to the asset load path. 7 | # Rails.application.config.assets.paths << Emoji.images_path 8 | # Add Yarn node_modules folder to the asset load path. 9 | Rails.application.config.assets.paths << Rails.root.join('node_modules') 10 | 11 | # Precompile additional assets. 12 | # application.js, application.css, and all non-JS/CSS in the app/assets 13 | # folder are already added. 14 | # Rails.application.config.assets.precompile += %w( admin.js admin.css ) 15 | -------------------------------------------------------------------------------- /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/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/application.rb: -------------------------------------------------------------------------------- 1 | require_relative 'boot' 2 | 3 | require 'rails/all' 4 | 5 | # Require the gems listed in Gemfile, including any gems 6 | # you've limited to :test, :development, or :production. 7 | Bundler.require(*Rails.groups) 8 | 9 | module GraphqlBlog 10 | class Application < Rails::Application 11 | # Initialize configuration defaults for originally generated Rails version. 12 | config.load_defaults 5.2 13 | 14 | # Settings in config/environments/* take precedence over those specified here. 15 | # Application configuration can go into files in config/initializers 16 | # -- all .rb files in that directory are automatically loaded after loading 17 | # the framework and any gems in your application. 18 | end 19 | end 20 | -------------------------------------------------------------------------------- /app/assets/stylesheets/application.css: -------------------------------------------------------------------------------- 1 | /* 2 | * This is a manifest file that'll be compiled into application.css, which will include all the files 3 | * listed below. 4 | * 5 | * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's 6 | * vendor/assets/stylesheets directory can be referenced here using a relative path. 7 | * 8 | * You're free to add application-wide styles to this file and they'll appear at the bottom of the 9 | * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS 10 | * files in this directory. Styles in this file should be added after the last require_* statement. 11 | * It is generally better to create a new file per style scope. 12 | * 13 | *= require_tree . 14 | *= require_self 15 | */ 16 | -------------------------------------------------------------------------------- /frontend/client.tsx: -------------------------------------------------------------------------------- 1 | interface RequestOptions { 2 | query: string; 3 | variables?: object; 4 | } 5 | 6 | interface Response { 7 | data: T; 8 | } 9 | 10 | export async function request({ query, variables }: RequestOptions): Promise> { 11 | const fetchOptions: RequestInit = { 12 | method: "POST", 13 | headers: { 14 | "X-Requested-With": "xhr", 15 | "Content-Type": "application/json", 16 | }, 17 | body: JSON.stringify({ 18 | query, 19 | variables, 20 | }), 21 | }; 22 | 23 | const response = await fetch("/graphql", fetchOptions); 24 | const json = await response.json(); 25 | if (json.data) { 26 | return Promise.resolve(json); 27 | } else { 28 | throw new Error("Unexpected: response body does not include the 'data' field"); 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /app/controllers/articles_controller.rb: -------------------------------------------------------------------------------- 1 | class ArticlesController < ApplicationController 2 | skip_before_action :verify_authenticity_token 3 | 4 | def root 5 | end 6 | 7 | def index 8 | articles = Article.order(id: :desc) 9 | render json: { 10 | data: articles.map do |article| 11 | { 12 | id: article.id, 13 | name: article.name, 14 | content: article.content, 15 | createdAt: article.created_at, 16 | } 17 | end, 18 | } 19 | end 20 | 21 | def create 22 | article = Article.new(params[:article].permit(:name, :content)) 23 | article.save! 24 | render json: { 25 | data: { 26 | id: article.id, 27 | name: article.name, 28 | content: article.content, 29 | createdAt: article.created_at, 30 | }, 31 | } 32 | end 33 | end 34 | -------------------------------------------------------------------------------- /.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 | !/storage/.keep 23 | 24 | /node_modules 25 | /yarn-error.log 26 | 27 | /public/assets 28 | .byebug_history 29 | 30 | # Ignore master key for decrypting credentials and more. 31 | /config/master.key 32 | 33 | .build/ 34 | .awcache/ 35 | -------------------------------------------------------------------------------- /frontend/Article.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | export interface ArticleType { 4 | id: number; 5 | name: string; 6 | content: string; 7 | createdAt: string; 8 | } 9 | 10 | interface Props { 11 | article: ArticleType; 12 | } 13 | 14 | const articleStyle: React.CSSProperties = { 15 | borderTop: "1px solid gray", 16 | }; 17 | 18 | const timestampStyle: React.CSSProperties = { 19 | color: "gray", 20 | fontStyle: "normal", 21 | }; 22 | 23 | export class Article extends React.Component { 24 | render() { 25 | const { article } = this.props; 26 | return ( 27 |
28 |

29 | {article.name} 30 |   31 | {article.createdAt} 32 |

33 |

{article.content}

34 |
35 | ); 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /frontend/mountAll.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import ReactDOM from "react-dom"; 3 | 4 | const componentMap = { 5 | App: import("./App"), 6 | }; 7 | 8 | export async function mount(container: HTMLElement) { 9 | const componentName = container.dataset.componentName!; 10 | if (componentMap.hasOwnProperty(componentName)) { 11 | console.time(componentName); 12 | const componentModule = await componentMap[componentName]; 13 | const ComponentType = componentModule[componentName]; 14 | const component = ; 15 | ReactDOM.render(component, container, () => { 16 | console.timeEnd(componentName); 17 | }); 18 | } else { 19 | console.error("No component registered: ", componentName); 20 | } 21 | } 22 | 23 | export async function mountAll() { 24 | for (const container of document.querySelectorAll("*[data-component-name]")) { 25 | mount(container); 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /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 | # Install JavaScript dependencies if using Yarn 21 | # system('bin/yarn') 22 | 23 | puts "\n== Updating database ==" 24 | system! 'bin/rails db:migrate' 25 | 26 | puts "\n== Removing old logs and tempfiles ==" 27 | system! 'bin/rails log:clear tmp:clear' 28 | 29 | puts "\n== Restarting application server ==" 30 | system! 'bin/rails restart' 31 | end 32 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /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_11_28_144307) do 14 | 15 | create_table "articles", force: :cascade do |t| 16 | t.text "name", null: false 17 | t.text "content", null: false 18 | t.datetime "created_at", null: false 19 | t.datetime "updated_at", null: false 20 | end 21 | 22 | end 23 | -------------------------------------------------------------------------------- /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 | # Install JavaScript dependencies if using Yarn 21 | # system('bin/yarn') 22 | 23 | # puts "\n== Copying sample files ==" 24 | # unless File.exist?('config/database.yml') 25 | # cp 'config/database.yml.sample', 'config/database.yml' 26 | # end 27 | 28 | puts "\n== Preparing database ==" 29 | system! 'bin/rails db:setup' 30 | 31 | puts "\n== Removing old logs and tempfiles ==" 32 | system! 'bin/rails log:clear tmp:clear' 33 | 34 | puts "\n== Restarting application server ==" 35 | system! 'bin/rails restart' 36 | end 37 | -------------------------------------------------------------------------------- /config/initializers/content_security_policy.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # Define an application-wide content security policy 4 | # For further information see the following documentation 5 | # https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy 6 | 7 | # Rails.application.config.content_security_policy do |policy| 8 | # policy.default_src :self, :https 9 | # policy.font_src :self, :https, :data 10 | # policy.img_src :self, :https, :data 11 | # policy.object_src :none 12 | # policy.script_src :self, :https 13 | # policy.style_src :self, :https 14 | 15 | # # Specify URI for violation reports 16 | # # policy.report_uri "/csp-violation-report-endpoint" 17 | # end 18 | 19 | # If you are using UJS then enable automatic nonce generation 20 | # Rails.application.config.content_security_policy_nonce_generator = -> request { SecureRandom.base64(16) } 21 | 22 | # Report CSP violations to a specified URI 23 | # For further information see the following documentation: 24 | # https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy-Report-Only 25 | # Rails.application.config.content_security_policy_report_only = true 26 | -------------------------------------------------------------------------------- /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 | # storage_account_name: your_account_name 28 | # storage_access_key: <%= Rails.application.credentials.dig(:azure_storage, :storage_access_key) %> 29 | # container: your_container_name 30 | 31 | # mirror: 32 | # service: Mirror 33 | # primary: local 34 | # mirrors: [ amazon, google, microsoft ] 35 | -------------------------------------------------------------------------------- /app/controllers/graphql_controller.rb: -------------------------------------------------------------------------------- 1 | class GraphqlController < ApplicationController 2 | skip_before_action :verify_authenticity_token 3 | 4 | def execute 5 | variables = ensure_hash(params[:variables]) 6 | query = params[:query] 7 | operation_name = params[:operationName] 8 | context = { 9 | # Query context goes here, for example: 10 | # current_user: current_user, 11 | } 12 | result = GraphqlBlogSchema.execute(query, variables: variables, context: context, operation_name: operation_name) 13 | render json: result 14 | rescue => e 15 | raise e unless Rails.env.development? 16 | handle_error_in_development e 17 | end 18 | 19 | private 20 | 21 | # Handle form data, JSON body, or a blank value 22 | def ensure_hash(ambiguous_param) 23 | case ambiguous_param 24 | when String 25 | if ambiguous_param.present? 26 | ensure_hash(JSON.parse(ambiguous_param)) 27 | else 28 | {} 29 | end 30 | when Hash, ActionController::Parameters 31 | ambiguous_param 32 | when nil 33 | {} 34 | else 35 | raise ArgumentError, "Unexpected parameter: #{ambiguous_param}" 36 | end 37 | end 38 | 39 | def handle_error_in_development(e) 40 | logger.error e.message 41 | logger.error e.backtrace.join("\n") 42 | 43 | render json: { error: { message: e.message, backtrace: e.backtrace }, data: {} }, status: 500 44 | end 45 | end 46 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "graphql-blog", 3 | "private": true, 4 | "description": "This README would normally document whatever steps are necessary to get the application up and running.", 5 | "version": "1.0.0", 6 | "main": "index.js", 7 | "directories": { 8 | "lib": "lib", 9 | "test": "test" 10 | }, 11 | "scripts": { 12 | "webpack-dev-server": "webpack-dev-server --config config/webpack.config.js", 13 | "build:development": "NODE_ENV=development webpack --progress --config config/webpack.config.js", 14 | "build:production": "NODE_ENV=production webpack --progress --config config/webpack.config.js", 15 | "test": "echo \"Error: no test specified\" && exit 1" 16 | }, 17 | "repository": { 18 | "type": "git", 19 | "url": "git+https://github.com/gfx/graphql-blog.git" 20 | }, 21 | "author": "", 22 | "license": "ISC", 23 | "bugs": { 24 | "url": "https://github.com/gfx/graphql-blog/issues" 25 | }, 26 | "homepage": "https://github.com/gfx/graphql-blog#readme", 27 | "engines": { 28 | "node": ">= 8" 29 | }, 30 | "dependencies": { 31 | "@typed-decorators/autobind": "^0.3.0", 32 | "@types/react": "^16.8.10", 33 | "@types/react-dom": "^16.8.3", 34 | "core-js": "^3", 35 | "react": "^16.8.6", 36 | "react-dom": "^16.8.6" 37 | }, 38 | "devDependencies": { 39 | "@bitjourney/check-es-version-webpack-plugin": "^1.0.2", 40 | "@gfx/zopfli": "^1.0.11", 41 | "@types/node": "^10.14.4", 42 | "compression-webpack-plugin": "^2.0.0", 43 | "ts-loader": "^5.3.3", 44 | "ts-node": "^8.0.3", 45 | "typescript": "^3.4.1", 46 | "webpack": "^4.29.6", 47 | "webpack-cli": "^3.3.0", 48 | "webpack-dev-server": "^3.2.1", 49 | "webpack-manifest-plugin": "^2.0.4" 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /public/500.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | We're sorry, but something went wrong (500) 5 | 6 | 55 | 56 | 57 | 58 | 59 |
60 |
61 |

We're sorry, but something went wrong.

62 |
63 |

If you are the application owner check the logs for more information.

64 |
65 | 66 | 67 | -------------------------------------------------------------------------------- /public/422.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | The change you wanted was rejected (422) 5 | 6 | 55 | 56 | 57 | 58 | 59 |
60 |
61 |

The change you wanted was rejected.

62 |

Maybe you tried to change something you didn't have access to.

63 |
64 |

If you are the application owner check the logs for more information.

65 |
66 | 67 | 68 | -------------------------------------------------------------------------------- /public/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | The page you were looking for doesn't exist (404) 5 | 6 | 55 | 56 | 57 | 58 | 59 |
60 |
61 |

The page you were looking for doesn't exist.

62 |

You may have mistyped the address or the page may have moved.

63 |
64 |

If you are the application owner check the logs for more information.

65 |
66 | 67 | 68 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /frontend/App.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { autobind } from "@typed-decorators/autobind"; 3 | 4 | import { ArticleList } from "./ArticleList"; 5 | import { NewArticle } from "./NewArticle"; 6 | import { ArticleType } from "./Article"; 7 | import { Footer } from "./Footer"; 8 | import { Header } from "./Header"; 9 | import { request } from "./client"; 10 | import { Connection, arrayFromConnection } from "./relay"; 11 | 12 | const mainStyle = { 13 | margin: 40, 14 | }; 15 | 16 | interface Props {} 17 | 18 | interface State { 19 | articles: ReadonlyArray; 20 | } 21 | 22 | export class App extends React.Component { 23 | readonly state: Readonly = { 24 | articles: [], 25 | }; 26 | 27 | async componentDidMount() { 28 | const query = ` 29 | query GetArticles { 30 | articles { 31 | edges { 32 | node { 33 | id 34 | name 35 | content 36 | createdAt 37 | } 38 | } 39 | } 40 | } 41 | `; 42 | 43 | const result = await request<{ articles: Connection }>({ 44 | query, 45 | }); 46 | this.setState({ articles: arrayFromConnection(result.data.articles) }); 47 | } 48 | 49 | @autobind 50 | async handleArticleSubmit(article: ArticleType) { 51 | const query = ` 52 | mutation CreateArticle($input: CreateArticleInput!) { 53 | createArticle(input: $input) { 54 | article { 55 | id 56 | name 57 | content 58 | createdAt 59 | } 60 | } 61 | } 62 | `; 63 | type CreateArticlePayload = { article: ArticleType }; 64 | const result = await request<{ createArticle: CreateArticlePayload }>({ 65 | query, 66 | variables: { 67 | input: { 68 | name: article.name, 69 | content: article.content, 70 | }, 71 | }, 72 | }); 73 | 74 | this.setState({ 75 | articles: [result.data.createArticle.article, ...this.state.articles], 76 | }); 77 | } 78 | 79 | render() { 80 | return ( 81 |
82 |
83 | 84 | 85 |
86 |
87 | ); 88 | } 89 | } 90 | -------------------------------------------------------------------------------- /config/environments/development.rb: -------------------------------------------------------------------------------- 1 | Rails.application.configure do 2 | # Settings specified here will take precedence over those in config/application.rb. 3 | 4 | # In the development environment your application's code is reloaded on 5 | # every request. This slows down response time but is perfect for development 6 | # since you don't have to restart the web server when you make code changes. 7 | config.cache_classes = false 8 | 9 | # Do not eager load code on boot. 10 | config.eager_load = false 11 | 12 | # Show full error reports. 13 | config.consider_all_requests_local = true 14 | 15 | # Enable/disable caching. By default caching is disabled. 16 | # Run rails dev:cache to toggle caching. 17 | if Rails.root.join('tmp', 'caching-dev.txt').exist? 18 | config.action_controller.perform_caching = true 19 | 20 | config.cache_store = :memory_store 21 | config.public_file_server.headers = { 22 | 'Cache-Control' => "public, max-age=#{2.days.to_i}" 23 | } 24 | else 25 | config.action_controller.perform_caching = false 26 | 27 | config.cache_store = :null_store 28 | end 29 | 30 | # Store uploaded files on the local file system (see config/storage.yml for options) 31 | config.active_storage.service = :local 32 | 33 | # Don't care if the mailer can't send. 34 | config.action_mailer.raise_delivery_errors = false 35 | 36 | config.action_mailer.perform_caching = false 37 | 38 | # Print deprecation notices to the Rails logger. 39 | config.active_support.deprecation = :log 40 | 41 | # Raise an error on page load if there are pending migrations. 42 | config.active_record.migration_error = :page_load 43 | 44 | # Highlight code that triggered database queries in logs. 45 | config.active_record.verbose_query_logs = true 46 | 47 | # Debug mode disables concatenation and preprocessing of assets. 48 | # This option may cause significant delays in view rendering with a large 49 | # number of complex assets. 50 | config.assets.debug = true 51 | 52 | # Suppress logger output for asset requests. 53 | config.assets.quiet = true 54 | 55 | # Raises error for missing translations 56 | # config.action_view.raise_on_missing_translations = true 57 | 58 | # Use an evented file watcher to asynchronously detect changes in source code, 59 | # routes, locales, etc. This feature depends on the listen gem. 60 | config.file_watcher = ActiveSupport::EventedFileUpdateChecker 61 | end 62 | -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | source 'https://rubygems.org' 2 | git_source(:github) { |repo| "https://github.com/#{repo}.git" } 3 | 4 | ruby '2.5.1' 5 | 6 | # Bundle edge Rails instead: gem 'rails', github: 'rails/rails' 7 | gem 'rails', '~> 5.2.1' 8 | # Use sqlite3 as the database for Active Record 9 | gem 'sqlite3' 10 | # Use Puma as the app server 11 | gem 'puma', '~> 3.11' 12 | # Use SCSS for stylesheets 13 | gem 'sass-rails', '~> 5.0' 14 | # Use Uglifier as compressor for JavaScript assets 15 | gem 'uglifier', '>= 1.3.0' 16 | # See https://github.com/rails/execjs#readme for more supported runtimes 17 | # gem 'mini_racer', platforms: :ruby 18 | 19 | # Use CoffeeScript for .coffee assets and views 20 | gem 'coffee-rails', '~> 4.2' 21 | # Turbolinks makes navigating your web application faster. Read more: https://github.com/turbolinks/turbolinks 22 | gem 'turbolinks', '~> 5' 23 | # Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder 24 | gem 'jbuilder', '~> 2.5' 25 | # Use Redis adapter to run Action Cable in production 26 | # gem 'redis', '~> 4.0' 27 | # Use ActiveModel has_secure_password 28 | # gem 'bcrypt', '~> 3.1.7' 29 | 30 | # Use ActiveStorage variant 31 | # gem 'mini_magick', '~> 4.8' 32 | 33 | # Use Capistrano for deployment 34 | # gem 'capistrano-rails', group: :development 35 | 36 | # Reduces boot times through caching; required in config/boot.rb 37 | gem 'bootsnap', '>= 1.1.0', require: false 38 | 39 | group :development, :test do 40 | # Call 'byebug' anywhere in the code to stop execution and get a debugger console 41 | gem 'byebug', platforms: [:mri, :mingw, :x64_mingw] 42 | end 43 | 44 | group :development do 45 | # Access an interactive console on exception pages or by calling 'console' anywhere in the code. 46 | gem 'web-console', '>= 3.3.0' 47 | gem 'listen', '>= 3.0.5', '< 3.2' 48 | # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring 49 | gem 'spring' 50 | gem 'spring-watcher-listen', '~> 2.0.0' 51 | gem "guard", require: false 52 | gem "guard-process", require: false 53 | gem "guard-rails", require: false 54 | end 55 | 56 | group :test do 57 | # Adds support for Capybara system testing and selenium driver 58 | gem 'capybara', '>= 2.15' 59 | gem 'selenium-webdriver' 60 | # Easy installation and use of chromedriver to run system tests with Chrome 61 | gem 'chromedriver-helper' 62 | end 63 | 64 | # Windows does not include zoneinfo files, so bundle the tzinfo-data gem 65 | gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby] 66 | 67 | gem "graphql" 68 | 69 | gem 'graphiql-rails', group: :development 70 | gem 'pry-rails' 71 | -------------------------------------------------------------------------------- /frontend/NewArticle.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { autobind } from "@typed-decorators/autobind"; 3 | 4 | interface ArticleType { 5 | name: string; 6 | content: string; 7 | } 8 | 9 | interface Props { 10 | onArticleSubmit(article: ArticleType): void; 11 | } 12 | 13 | interface State { 14 | article: ArticleType; 15 | } 16 | 17 | const formStyle: React.CSSProperties = { 18 | display: "flex", 19 | flexDirection: "column", 20 | marginBottom: 10, 21 | }; 22 | 23 | const labelStyle: React.CSSProperties = { 24 | display: "flex", 25 | }; 26 | 27 | const nameInputStyle: React.CSSProperties = { 28 | width: 200, 29 | }; 30 | 31 | const contentInputStyle: React.CSSProperties = { 32 | width: 200, 33 | }; 34 | 35 | export class NewArticle extends React.Component { 36 | readonly state = { 37 | article: { 38 | name: "", 39 | content: "", 40 | }, 41 | }; 42 | 43 | @autobind 44 | async handleSubmit(event) { 45 | event.preventDefault(); 46 | 47 | this.props.onArticleSubmit(this.state.article); 48 | this.setState({ 49 | article: { 50 | ...this.state.article, 51 | content: "", 52 | }, 53 | }); 54 | } 55 | 56 | @autobind 57 | handleNameChange(event: React.ChangeEvent) { 58 | this.setState({ 59 | article: { 60 | ...this.state.article, 61 | name: event.target.value, 62 | }, 63 | }); 64 | } 65 | 66 | @autobind 67 | handleContentChange(event: React.ChangeEvent) { 68 | this.setState({ 69 | article: { 70 | ...this.state.article, 71 | content: event.target.value, 72 | }, 73 | }); 74 | } 75 | 76 | render() { 77 | const { article } = this.state; 78 | return ( 79 |
80 |
81 | 84 | 85 |
86 | 87 |
88 | 91 |