) => void
8 | }
9 |
10 | export default function EditButton({
11 | className = '',
12 | disabled = false,
13 | onClick,
14 | }: Props) {
15 | return (
16 |
25 | )
26 | }
27 |
--------------------------------------------------------------------------------
/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 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/scaffold.scss:
--------------------------------------------------------------------------------
1 | div.field,
2 | div.actions {
3 | margin-bottom: 10px;
4 | }
5 |
6 | #notice {
7 | color: green;
8 | }
9 |
10 | .field_with_errors {
11 | padding: 2px;
12 | background-color: red;
13 | display: table;
14 | }
15 |
16 | #error_explanation {
17 | width: 450px;
18 | border: 2px solid red;
19 | padding: 7px 7px 0;
20 | margin-bottom: 20px;
21 | background-color: #f0f0f0;
22 | }
23 |
24 | #error_explanation h2 {
25 | text-align: left;
26 | font-weight: bold;
27 | padding: 5px 5px 5px 15px;
28 | font-size: 12px;
29 | margin: -7px -7px 0;
30 | background-color: #c00;
31 | color: #fff;
32 | }
33 |
34 | #error_explanation ul li {
35 | font-size: 12px;
36 | list-style: square;
37 | }
38 |
39 | label {
40 | display: block;
41 | }
42 |
--------------------------------------------------------------------------------
/app/assets/javascripts/types/assets.d.ts:
--------------------------------------------------------------------------------
1 | declare module '*.svg' {
2 | const content: string
3 | export = content
4 | }
5 |
6 | declare module '*.png' {
7 | const content: string
8 | export = content
9 | }
10 |
11 | declare module '*.gif' {
12 | const content: string
13 | export = content
14 | }
15 |
16 | declare module '*.jpeg' {
17 | const content: string
18 | export = content
19 | }
20 |
21 | declare module '*.jpg' {
22 | const content: string
23 | export = content
24 | }
25 |
26 | interface StringMap {
27 | [key: string]: string
28 | }
29 |
30 | declare module '*.css' {
31 | const content: StringMap
32 | export = content
33 | }
34 |
35 | declare module '*.scss' {
36 | const content: StringMap
37 | export = content
38 | }
39 |
40 | declare module '*.sass' {
41 | const content: StringMap
42 | export default content
43 | }
44 |
--------------------------------------------------------------------------------
/.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 | /yarn-error.log
21 |
22 | .byebug_history
23 | /public/packs
24 | /public/packs-test
25 | /node_modules
26 |
27 | # Ignore text editor artifacts
28 | *.swp
29 | *~
30 |
31 | # Ignore macOS artificats
32 | .DS_Store
33 |
34 | # Ignore package-lock.json because this project uses yarn
35 | package-lock.json
36 |
37 | # Ignore awesome-typescript-loader cache
38 | .awcache
39 |
--------------------------------------------------------------------------------
/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 |
--------------------------------------------------------------------------------
/app/views/todos/_form.html.erb:
--------------------------------------------------------------------------------
1 | <%= form_with(model: todo, local: true) do |form| %>
2 | <% if todo.errors.any? %>
3 |
4 |
<%= pluralize(todo.errors.count, "error") %> prohibited this todo from being saved:
5 |
6 |
7 | <% todo.errors.full_messages.each do |message| %>
8 | - <%= message %>
9 | <% end %>
10 |
11 |
15 | <%= form.label :content, for: :todo_content %>
16 | <%= form.text_field :content, id: :todo_content, class: 'form-control' %>
17 |
18 |
19 |
20 | <%= form.label :due_date, for: :todo_due_date_1i %>
21 | <%= form.datetime_select :due_date, id: :todo_due_date, class: 'form-control' %>
22 |
23 |
24 |
25 | <%= form.label :done, for: :todo_done %>
26 | <%= form.check_box :done, id: :todo_done %>
27 |
28 |
29 |
30 | <%= form.submit class: 'btn btn-secondary' %>
31 |
32 | <% end %>
33 |
--------------------------------------------------------------------------------
/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 |
--------------------------------------------------------------------------------
/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: 20170617154903) do
14 |
15 | create_table "todos", force: :cascade do |t|
16 | t.string "content", null: false
17 | t.datetime "due_date", null: false
18 | t.boolean "done", null: false
19 | t.datetime "created_at", null: false
20 | t.datetime "updated_at", null: false
21 | end
22 |
23 | end
24 |
--------------------------------------------------------------------------------
/app/assets/javascripts/todos/components/TodoConditions/index.ts:
--------------------------------------------------------------------------------
1 | import { connect, Dispatch } from 'react-redux'
2 | import { Action, selectOrder, toggleDoneFilter } from '../../actions'
3 | import { SortBy, SortOrder, StoreState } from '../../reducers'
4 | import TodoConditions, { Props } from './render'
5 |
6 | type StateProps = Pick
7 | type DispatchProps = Pick
8 |
9 | export default connect(
10 | (state: StoreState) => ({
11 | sortBy: state.app.sortBy,
12 | sortOrder: state.app.sortOrder,
13 | doneFilter: state.app.doneFilter,
14 | }),
15 | (dispatch: Dispatch) => ({
16 | onOrderChange(
17 | ev:
18 | | React.ChangeEvent
19 | | React.FocusEvent
20 | ) {
21 | const [prop, order] = ev.currentTarget.value.split('-')
22 | dispatch(selectOrder(prop as SortBy, order as SortOrder))
23 | },
24 | onDoneFilterChange() {
25 | dispatch(toggleDoneFilter())
26 | },
27 | })
28 | )(TodoConditions)
29 |
--------------------------------------------------------------------------------
/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 WebpackerReactExample
21 | class Application < Rails::Application
22 | # Initialize configuration defaults for originally generated Rails version.
23 | config.load_defaults 5.1
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 | end
30 | end
31 |
--------------------------------------------------------------------------------
/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/assets/javascripts/change-query.ts:
--------------------------------------------------------------------------------
1 | import * as queryString from 'query-string'
2 |
3 | function prepereSelectElems(): void {
4 | const doms = document.querySelectorAll(
5 | 'select[data-change-query]'
6 | ) as NodeListOf
7 | const query = queryString.parse(location.search)
8 |
9 | for (const select of doms) {
10 | if (query.sort_by) {
11 | select.value = query.sort_by
12 | }
13 | select.addEventListener('change', () => {
14 | query.sort_by = select.value
15 | location.search = `?${queryString.stringify(query)}`
16 | })
17 | }
18 | }
19 |
20 | function prepereCheckboxElems(): void {
21 | const doms = document.querySelectorAll(
22 | 'input[type=checkbox][data-change-query]'
23 | ) as NodeListOf
24 | const query = queryString.parse(location.search)
25 |
26 | for (const checkbox of doms) {
27 | checkbox.checked = query.done && query.done !== 'false'
28 | checkbox.addEventListener('change', () => {
29 | query.done = checkbox.checked
30 | location.search = `?${queryString.stringify(query)}`
31 | })
32 | }
33 | }
34 |
35 | document.addEventListener('DOMContentLoaded', () => {
36 | prepereSelectElems()
37 | prepereCheckboxElems()
38 | })
39 |
--------------------------------------------------------------------------------
/config/webpack/environment.js:
--------------------------------------------------------------------------------
1 | const { environment } = require('@rails/webpacker')
2 | const merge = require('webpack-merge')
3 | const { resolve } = require('path')
4 | const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
5 |
6 | // Replace ts-loader with awesome-typescript-loader
7 | environment.loaders.append('typescript', {
8 | test: /\.tsx?$/,
9 | exclude: /node_modules/,
10 | loader: 'awesome-typescript-loader'
11 | })
12 |
13 | // Add resolve-url-loader
14 | // see: https://github.com/rails/webpacker/blob/master/docs/css.md#resolve-url-loader
15 | const resolveUrlLoader = {
16 | loader: 'resolve-url-loader',
17 | options: {
18 | attempts: 1
19 | }
20 | }
21 | environment.loaders.get('sass').use.splice(-1, 0, resolveUrlLoader)
22 | environment.loaders.get('moduleSass').use.splice(-1, 0, resolveUrlLoader)
23 |
24 | // Clearer generated classnames
25 | for (const ruleName of ['moduleCss', 'moduleSass']) {
26 | environment.loaders.get(ruleName).use
27 | .find(rule => rule.loader === 'css-loader')
28 | .options.localIdentName = '[folder]-[local]--[hash:base64:5]'
29 | }
30 |
31 | // Add bundle analyzer
32 | environment.plugins.append(
33 | 'Analyzer',
34 | new BundleAnalyzerPlugin({
35 | analyzerMode: 'static',
36 | openAnalyzer: false,
37 | })
38 | )
39 |
40 | module.exports = environment
41 |
--------------------------------------------------------------------------------
/app/assets/javascripts/todos/components/__stories__/TodoAddForm.stories.tsx:
--------------------------------------------------------------------------------
1 | import { action } from '@storybook/addon-actions'
2 | import { storiesOf } from '@storybook/react'
3 | import * as React from 'react'
4 | import { Request } from '../../reducers'
5 | import TodoAddForm from '../TodoAddForm/render'
6 |
7 | function todoAddFormHelper({ addTodoRequest }: { addTodoRequest: Request }) {
8 | return (
9 |
17 | )
18 | }
19 |
20 | const succeededRequest: Request = {
21 | requesting: false,
22 | error: null,
23 | }
24 |
25 | const errorRequest: Request = {
26 | requesting: false,
27 | error: new Error('error'),
28 | }
29 |
30 | const loadingRequest: Request = {
31 | requesting: true,
32 | error: null,
33 | }
34 |
35 | storiesOf('TodoAddForm', module)
36 | .add('typical', () =>
37 | todoAddFormHelper({
38 | addTodoRequest: succeededRequest,
39 | })
40 | )
41 | .add('while adding', () =>
42 | todoAddFormHelper({
43 | addTodoRequest: loadingRequest,
44 | })
45 | )
46 | .add('adding error', () =>
47 | todoAddFormHelper({
48 | addTodoRequest: errorRequest,
49 | })
50 | )
51 |
--------------------------------------------------------------------------------
/config/espower-typescript.js:
--------------------------------------------------------------------------------
1 | var fs = require('fs');
2 | var path = require('path');
3 |
4 | var ts = require('typescript');
5 |
6 | var pattern = 'test/**/*.@(ts|tsx)';
7 | var cwd = process.cwd();
8 | var packageData = require(path.join(cwd, 'package.json'));
9 |
10 | if (packageData &&
11 | typeof packageData.directories === 'object' &&
12 | typeof packageData.directories.test === 'string') {
13 | var testDir = packageData.directories.test;
14 | pattern = testDir + ((testDir.lastIndexOf('/', 0) === 0) ? '' : '/') + '**/*.@(ts|tsx)';
15 | }
16 |
17 | var tsconfigPath = ts.findConfigFile(cwd, fs.existsSync, 'tsconfig.test.json');
18 | var tsconfigBasepath = null;
19 | var compilerOptions = null;
20 | if (tsconfigPath) {
21 | compilerOptions = parseTsConfig(tsconfigPath);
22 | tsconfigBasepath = path.dirname(tsconfigPath);
23 | }
24 |
25 | require('espower-typescript')({
26 | cwd: cwd,
27 | pattern: pattern,
28 | compilerOptions: compilerOptions,
29 | basepath: tsconfigBasepath
30 | });
31 |
32 | function parseTsConfig(tsconfigPath) {
33 | var parsed = ts.parseConfigFileTextToJson(tsconfigPath, fs.readFileSync(tsconfigPath, 'utf8'));
34 | if (parsed.error) {
35 | throw new Error(parsed.error.messageText);
36 | }
37 |
38 | if (!parsed.config || !parsed.config.compilerOptions) {
39 | return null;
40 | }
41 |
42 | return parsed.config.compilerOptions;
43 | }
44 |
--------------------------------------------------------------------------------
/config/secrets.yml:
--------------------------------------------------------------------------------
1 | # Be sure to restart your server when you modify this file.
2 |
3 | # Your secret key is used for verifying the integrity of signed cookies.
4 | # If you change this key, all old signed cookies will become invalid!
5 |
6 | # Make sure the secret is at least 30 characters and all random,
7 | # no regular words or you'll be exposed to dictionary attacks.
8 | # You can use `rails secret` to generate a secure secret key.
9 |
10 | # Make sure the secrets in this file are kept private
11 | # if you're sharing your code publicly.
12 |
13 | # Shared secrets are available across all environments.
14 |
15 | # shared:
16 | # api_key: a1B2c3D4e5F6
17 |
18 | # Environmental secrets are only available for that specific environment.
19 |
20 | development:
21 | secret_key_base: e5bd6ee9b46adca3aa9f342b11214ed7589a797eaeb3ce6ccb683d02ec6c5cd595fbece5bdbf587cd982af2d86ed210b819d6b171fea2a111a62d2e48bf1ab7d
22 |
23 | test:
24 | secret_key_base: 57a9e5af41414c556026f7b68f8eac8af1d6aaabf36e9c79aa3c98bb91e54d19d5b7481f8fc58b045719d2119915f79023343e82284bc74f1f426565f05e36ab
25 |
26 | # Do not keep production secrets in the unencrypted secrets file.
27 | # Instead, either read values from the environment.
28 | # Or, use `bin/rails secrets:setup` to configure encrypted secrets
29 | # and move the `production:` environment over there.
30 |
31 | production:
32 | secret_key_base: <%= ENV["SECRET_KEY_BASE"] %>
33 |
--------------------------------------------------------------------------------
/test/controllers/todos_controller_test.rb:
--------------------------------------------------------------------------------
1 | require 'test_helper'
2 |
3 | class TodosControllerTest < ActionDispatch::IntegrationTest
4 | setup do
5 | @todo = todos(:one)
6 | end
7 |
8 | test 'should get index' do
9 | get todos_url
10 | assert_response :success
11 | end
12 |
13 | test 'should get new' do
14 | get new_todo_url
15 | assert_response :success
16 | end
17 |
18 | test 'should create todo' do
19 | assert_difference('Todo.count') do
20 | post todos_url, params: {
21 | todo: {
22 | content: @todo.content,
23 | done: @todo.done,
24 | due_date: @todo.due_date
25 | }
26 | }
27 | end
28 |
29 | assert_redirected_to todo_url(Todo.last)
30 | end
31 |
32 | test 'should show todo' do
33 | get todo_url(@todo)
34 | assert_response :success
35 | end
36 |
37 | test 'should get edit' do
38 | get edit_todo_url(@todo)
39 | assert_response :success
40 | end
41 |
42 | test 'should update todo' do
43 | patch todo_url(@todo), params: {
44 | todo: {
45 | content: @todo.content,
46 | done: @todo.done,
47 | due_date: @todo.due_date
48 | }
49 | }
50 | assert_redirected_to todo_url(@todo)
51 | end
52 |
53 | test 'should destroy todo' do
54 | assert_difference('Todo.count', -1) do
55 | delete todo_url(@todo)
56 | end
57 |
58 | assert_redirected_to todos_url
59 | end
60 | end
61 |
--------------------------------------------------------------------------------
/.storybook/webpack.config.js:
--------------------------------------------------------------------------------
1 | // you can use this file to add your custom webpack plugins, loaders and anything you like.
2 | // This is just the basic way to add additional webpack configurations.
3 | // For more information refer the docs: https://storybook.js.org/configurations/custom-webpack-config
4 |
5 | // IMPORTANT
6 | // When you add this file, we won't add the default configurations which is similar
7 | // to "React Create App". This only has babel loader to load JavaScript.
8 | const { resolve } = require('path');
9 |
10 | const config = require('@rails/webpacker/package/config');
11 | const environment = require('../config/webpack/environment')
12 |
13 | module.exports = (storybookBaseConfig, configType) => {
14 | // Here reusing webpacker's style rules. It needs setting hmr config true in
15 | // webpacker.yml. Otherwise ExtractTextPlugin will be used and result in runtime
16 | // errors in storybook.
17 | const rules = [
18 | environment.loaders.get('css'),
19 | environment.loaders.get('sass'),
20 | environment.loaders.get('moduleCss'),
21 | environment.loaders.get('moduleSass'),
22 | environment.loaders.get('typescript'),
23 | environment.loaders.get('file'),
24 | ]
25 | storybookBaseConfig.module.rules.push(...rules)
26 | storybookBaseConfig.resolve.extensions.push('.ts', '.tsx', 'scss');
27 | storybookBaseConfig.resolve.modules.unshift(resolve(config.source_path))
28 | return storybookBaseConfig
29 | }
30 |
31 |
--------------------------------------------------------------------------------
/app/assets/javascripts/todos/index.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react'
2 | import * as ReactDOM from 'react-dom'
3 | import { Provider } from 'react-redux'
4 | import { Store } from 'redux'
5 | import { camelCaseKeys, snakeCaseKeys } from '../lib/case-util'
6 | import App from './components/App'
7 | import { StoreState } from './reducers'
8 | import createAppStore from './store'
9 | import { Todo } from './types'
10 |
11 | interface ServerState {
12 | todos: Array<{
13 | id: number
14 | content: string
15 | done: boolean
16 | due_date: string
17 | created_at: string
18 | updated_at: string
19 | }>
20 | }
21 |
22 | function convert(state: ServerState): Partial {
23 | const accumulator: { [id: number]: Todo } = {}
24 | const byId = state.todos.reduce((prev, curr) => {
25 | prev[curr.id] = camelCaseKeys(curr) as Todo
26 | return prev
27 | }, accumulator)
28 | const ids = state.todos.map(todo => todo.id)
29 |
30 | return {
31 | todos: {
32 | byId,
33 | ids,
34 | },
35 | }
36 | }
37 |
38 | function getPreloadedState() {
39 | const node = document.getElementById('todos-data')!
40 | return convert(JSON.parse(node.getAttribute('data')!) as ServerState)
41 | }
42 |
43 | document.addEventListener('DOMContentLoaded', () => {
44 | const store = createAppStore(getPreloadedState())
45 | ReactDOM.render(
46 |
47 |
48 | ,
49 | document.getElementById('todo-app')
50 | )
51 | })
52 |
--------------------------------------------------------------------------------
/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 |
--------------------------------------------------------------------------------
/app/assets/javascripts/todos/components/TodoConditions/render.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react'
2 | import { SortBy, SortOrder } from '../../reducers'
3 |
4 | export interface Props {
5 | sortBy: SortBy
6 | sortOrder: SortOrder
7 | doneFilter: boolean
8 | onOrderChange: (
9 | ev:
10 | | React.ChangeEvent
11 | | React.FocusEvent
12 | ) => void
13 | onDoneFilterChange: () => void
14 | }
15 |
16 | export default function TodoConditions({
17 | sortBy,
18 | sortOrder,
19 | doneFilter,
20 | onOrderChange,
21 | onDoneFilterChange,
22 | }: Props) {
23 | return (
24 |
25 |
26 |
40 |
41 |
42 |
50 |
51 |
<%= notice %>
2 |
3 | 
4 |
5 |
21 |
22 |
23 |
24 |
25 | | Content |
26 | Due date |
27 | |
28 |
29 |
30 |
31 |
32 | <% @todos.each do |todo| %>
33 |
34 |
35 | <% if todo.done %>
36 | 
37 | <% else %>
38 | 
39 | <% end %>
40 | <%= todo.content %>
41 | |
42 | <%= todo.due_date %> |
43 | <%= link_to 'Show', todo, class: 'btn btn-secondary' %> |
44 | <%= link_to 'Edit', edit_todo_path(todo), class: 'btn btn-secondary' %> |
45 | <%= link_to 'Destroy', todo, method: :delete, data: { confirm: 'Are you sure?' }, class: 'btn btn-secondary' %> |
46 |
47 | <% end %>
48 |
49 |
50 |
51 |
52 |
53 | <%= link_to 'New Todo', new_todo_path, class: 'btn btn-secondary' %>
54 |
--------------------------------------------------------------------------------
/config/initializers/new_framework_defaults_5_2.rb:
--------------------------------------------------------------------------------
1 | # Be sure to restart your server when you modify this file.
2 | #
3 | # This file contains migration options to ease your Rails 5.2 upgrade.
4 | #
5 | # Once upgraded flip defaults one by one to migrate to the new default.
6 | #
7 | # Read the Guide for Upgrading Ruby on Rails for more info on each option.
8 |
9 | # Make Active Record use stable #cache_key alongside new #cache_version method.
10 | # This is needed for recyclable cache keys.
11 | # Rails.application.config.active_record.cache_versioning = true
12 |
13 | # Use AES-256-GCM authenticated encryption for encrypted cookies.
14 | # Also, embed cookie expiry in signed or encrypted cookies for increased security.
15 | #
16 | # This option is not backwards compatible with earlier Rails versions.
17 | # It's best enabled when your entire app is migrated and stable on 5.2.
18 | #
19 | # Existing cookies will be converted on read then written with the new scheme.
20 | # Rails.application.config.action_dispatch.use_authenticated_cookie_encryption = true
21 |
22 | # Use AES-256-GCM authenticated encryption as default cipher for encrypting messages
23 | # instead of AES-256-CBC, when use_authenticated_message_encryption is set to true.
24 | # Rails.application.config.active_support.use_authenticated_message_encryption = true
25 |
26 | # Add default protection from forgery to ActionController::Base instead of in
27 | # ApplicationController.
28 | # Rails.application.config.action_controller.default_protect_from_forgery = true
29 |
30 | # Store boolean values are in sqlite3 databases as 1 and 0 instead of 't' and
31 | # 'f' after migrating old data.
32 | # Rails.application.config.active_record.sqlite3.represent_boolean_as_integer = true
33 |
34 | # Use SHA-1 instead of MD5 to generate non-sensitive digests, such as the ETag header.
35 | # Rails.application.config.active_support.use_sha1_digests = true
36 |
--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
1 | source 'https://rubygems.org'
2 |
3 | git_source(:github) do |repo_name|
4 | repo_name = "#{repo_name}/#{repo_name}" unless repo_name.include?("/")
5 | "https://github.com/#{repo_name}.git"
6 | end
7 |
8 |
9 | # Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
10 | gem 'rails', '~> 5.2.0'
11 | # Boot large Ruby/Rails apps faster
12 | gem 'bootsnap', require: false
13 | # Use sqlite3 as the database for Active Record
14 | gem 'sqlite3'
15 | # Use Puma as the app server
16 | gem 'puma', '~> 3.7'
17 | # Transpile app-like JavaScript. Read more: https://github.com/rails/webpacker
18 | gem 'webpacker'
19 | # Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
20 | gem 'jbuilder', '~> 2.5'
21 | # Use Redis adapter to run Action Cable in production
22 | # gem 'redis', '~> 3.0'
23 | # Use ActiveModel has_secure_password
24 | # gem 'bcrypt', '~> 3.1.7'
25 |
26 | # Use Capistrano for deployment
27 | # gem 'capistrano-rails', group: :development
28 |
29 | group :development, :test do
30 | # Call 'byebug' anywhere in the code to stop execution and get a debugger console
31 | gem 'byebug', platforms: [:mri, :mingw, :x64_mingw]
32 | # Adds support for Capybara system testing and selenium driver
33 | gem 'capybara', '~> 2.13'
34 | gem 'selenium-webdriver'
35 | # Add lint tool
36 | gem 'rubocop', require: false
37 | end
38 |
39 | group :development do
40 | # Access an IRB console on exception pages or by using <%= console %> anywhere in the code.
41 | gem 'web-console', '>= 3.3.0'
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 |
48 | # Windows does not include zoneinfo files, so bundle the tzinfo-data gem
49 | gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
50 |
--------------------------------------------------------------------------------
/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 |
27 |
28 |
37 |
38 |
39 |
47 |
48 |
55 | {addTodoRequest.error && (
56 |
Create Todo Failed
57 | )}
58 |
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 |
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 |
39 |
48 |
53 |
54 | )
55 | }
56 |
57 | interface DueDateProps {
58 | todo: Todo
59 | disabled: boolean
60 | editing: boolean
61 | onEditClick: () => void
62 | onInputBlur: (
63 | ev: React.FocusEvent | moment.Moment | string,
64 | todo: Todo
65 | ) => void
66 | }
67 | function DueDate({
68 | todo,
69 | disabled,
70 | editing,
71 | onEditClick,
72 | onInputBlur,
73 | }: DueDateProps) {
74 | if (editing) {
75 | return (
76 | onInputBlur(ev, todo)}
80 | />
81 | )
82 | }
83 |
84 | return (
85 |
86 | {moment(todo.dueDate)
87 | .local()
88 | .toString()}
89 |
94 |
95 | )
96 | }
97 |
98 | export interface Props {
99 | id: number
100 | todo: Todo
101 | contentEditing: boolean
102 | dueDateEditing: boolean
103 | updateRequest: Request
104 | deleteRequest: Request
105 | onCheckboxChange: () => void
106 | onContentClick: () => void
107 | onContentBlur: (ev: React.FocusEvent, todo: Todo) => void
108 | onDueDateClick: () => void
109 | onDueDateBlur: (
110 | ev: React.FocusEvent | moment.Moment | string,
111 | todo: Todo
112 | ) => void
113 | onDestroyClick: () => void
114 | }
115 |
116 | export default function TodoItem({
117 | todo,
118 | contentEditing,
119 | dueDateEditing,
120 | updateRequest,
121 | deleteRequest,
122 | onCheckboxChange,
123 | onContentClick,
124 | onContentBlur,
125 | onDueDateClick,
126 | onDueDateBlur,
127 | onDestroyClick,
128 | }: Props) {
129 | return (
130 |
131 | |
132 |
140 | |
141 |
142 |
149 | |
150 |
151 |
158 |
159 | {updateRequest.error && (
160 | Update todo failed
161 | )}
162 | {deleteRequest.error && (
163 | Delete todo failed
164 | )}
165 | |
166 |
167 | )
168 | }
169 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/react-datetime.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * https://github.com/YouCanBookMe/react-datetime
3 | */
4 |
5 | .rdt {
6 | position: relative;
7 | }
8 | .rdtPicker {
9 | display: none;
10 | position: absolute;
11 | width: 250px;
12 | padding: 4px;
13 | margin-top: 1px;
14 | z-index: 99999 !important;
15 | background: #fff;
16 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
17 | border: 1px solid #f9f9f9;
18 | }
19 | .rdtOpen .rdtPicker {
20 | display: block;
21 | }
22 | .rdtStatic .rdtPicker {
23 | box-shadow: none;
24 | position: static;
25 | }
26 |
27 | .rdtPicker .rdtTimeToggle {
28 | text-align: center;
29 | }
30 |
31 | .rdtPicker table {
32 | width: 100%;
33 | margin: 0;
34 | }
35 | .rdtPicker td,
36 | .rdtPicker th {
37 | text-align: center;
38 | height: 28px;
39 | }
40 | .rdtPicker td {
41 | cursor: pointer;
42 | }
43 | .rdtPicker td.rdtDay:hover,
44 | .rdtPicker td.rdtHour:hover,
45 | .rdtPicker td.rdtMinute:hover,
46 | .rdtPicker td.rdtSecond:hover,
47 | .rdtPicker .rdtTimeToggle:hover {
48 | background: #eeeeee;
49 | cursor: pointer;
50 | }
51 | .rdtPicker td.rdtOld,
52 | .rdtPicker td.rdtNew {
53 | color: #999999;
54 | }
55 | .rdtPicker td.rdtToday {
56 | position: relative;
57 | }
58 | .rdtPicker td.rdtToday:before {
59 | content: '';
60 | display: inline-block;
61 | border-left: 7px solid transparent;
62 | border-bottom: 7px solid #428bca;
63 | border-top-color: rgba(0, 0, 0, 0.2);
64 | position: absolute;
65 | bottom: 4px;
66 | right: 4px;
67 | }
68 | .rdtPicker td.rdtActive,
69 | .rdtPicker td.rdtActive:hover {
70 | background-color: #428bca;
71 | color: #fff;
72 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
73 | }
74 | .rdtPicker td.rdtActive.rdtToday:before {
75 | border-bottom-color: #fff;
76 | }
77 | .rdtPicker td.rdtDisabled,
78 | .rdtPicker td.rdtDisabled:hover {
79 | background: none;
80 | color: #999999;
81 | cursor: not-allowed;
82 | }
83 |
84 | .rdtPicker td span.rdtOld {
85 | color: #999999;
86 | }
87 | .rdtPicker td span.rdtDisabled,
88 | .rdtPicker td span.rdtDisabled:hover {
89 | background: none;
90 | color: #999999;
91 | cursor: not-allowed;
92 | }
93 | .rdtPicker th {
94 | border-bottom: 1px solid #f9f9f9;
95 | }
96 | .rdtPicker .dow {
97 | width: 14.2857%;
98 | border-bottom: none;
99 | }
100 | .rdtPicker th.rdtSwitch {
101 | width: 100px;
102 | }
103 | .rdtPicker th.rdtNext,
104 | .rdtPicker th.rdtPrev {
105 | font-size: 21px;
106 | vertical-align: top;
107 | }
108 |
109 | .rdtPrev span,
110 | .rdtNext span {
111 | display: block;
112 | -webkit-touch-callout: none; /* iOS Safari */
113 | -webkit-user-select: none; /* Chrome/Safari/Opera */
114 | -khtml-user-select: none; /* Konqueror */
115 | -moz-user-select: none; /* Firefox */
116 | -ms-user-select: none; /* Internet Explorer/Edge */
117 | user-select: none;
118 | }
119 |
120 | .rdtPicker th.rdtDisabled,
121 | .rdtPicker th.rdtDisabled:hover {
122 | background: none;
123 | color: #999999;
124 | cursor: not-allowed;
125 | }
126 | .rdtPicker thead tr:first-child th {
127 | cursor: pointer;
128 | }
129 | .rdtPicker thead tr:first-child th:hover {
130 | background: #eeeeee;
131 | }
132 |
133 | .rdtPicker tfoot {
134 | border-top: 1px solid #f9f9f9;
135 | }
136 |
137 | .rdtPicker button {
138 | border: none;
139 | background: none;
140 | cursor: pointer;
141 | }
142 | .rdtPicker button:hover {
143 | background-color: #eee;
144 | }
145 |
146 | .rdtPicker thead button {
147 | width: 100%;
148 | height: 100%;
149 | }
150 |
151 | td.rdtMonth,
152 | td.rdtYear {
153 | height: 50px;
154 | width: 25%;
155 | cursor: pointer;
156 | }
157 | td.rdtMonth:hover,
158 | td.rdtYear:hover {
159 | background: #eee;
160 | }
161 |
162 | .rdtCounters {
163 | display: inline-block;
164 | }
165 |
166 | .rdtCounters > div {
167 | float: left;
168 | }
169 |
170 | .rdtCounter {
171 | height: 100px;
172 | }
173 |
174 | .rdtCounter {
175 | width: 40px;
176 | }
177 |
178 | .rdtCounterSeparator {
179 | line-height: 100px;
180 | }
181 |
182 | .rdtCounter .rdtBtn {
183 | height: 40%;
184 | line-height: 40px;
185 | cursor: pointer;
186 | display: block;
187 |
188 | -webkit-touch-callout: none; /* iOS Safari */
189 | -webkit-user-select: none; /* Chrome/Safari/Opera */
190 | -khtml-user-select: none; /* Konqueror */
191 | -moz-user-select: none; /* Firefox */
192 | -ms-user-select: none; /* Internet Explorer/Edge */
193 | user-select: none;
194 | }
195 | .rdtCounter .rdtBtn:hover {
196 | background: #eee;
197 | }
198 | .rdtCounter .rdtCount {
199 | height: 20%;
200 | font-size: 1.2em;
201 | }
202 |
203 | .rdtMilli {
204 | vertical-align: middle;
205 | padding-left: 8px;
206 | width: 48px;
207 | }
208 |
209 | .rdtMilli input {
210 | width: 100%;
211 | font-size: 1.2em;
212 | margin-top: 37px;
213 | }
214 |
--------------------------------------------------------------------------------
/app/assets/javascripts/todos/actions/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Action definition follows Martin Hochel's method.
3 | * see details on https://medium.com/@martin_hotell/redux-typescript-typed-actions-with-less-keystrokes-d984063901d
4 | */
5 |
6 | import { SINGLETON_ID, SortBy, SortOrder } from '../reducers/app'
7 | import { IdentifiableError, Todo } from '../types'
8 |
9 | interface Request {
10 | requestId: number
11 | item: T
12 | }
13 |
14 | export const ADD_TODO_REQUESTED = 'ADD_TODO:REQUESTED'
15 | export const ADD_TODO_RECEIVED = 'ADD_TODO:RECEIVED'
16 | export const UPDATE_TODO_REQUESTED = 'UPDATE_TODO:REQUESTED'
17 | export const UPDATE_TODO_RECEIVED = 'UPDATE_TODO:RECEIVED'
18 | export const TOGGLE_TODO_DONE_REQUESTED = 'TOGGLE_TODO_DONE:REQUESTED'
19 | export const TOGGLE_TODO_DONE_RECEIVED = 'TOGGLE_TODO_DONE:RECEIVED'
20 | export const DELETE_TODO_REQUESTED = 'DELETE_TODO:REQUESTED'
21 | export const DELETE_TODO_RECEIVED = 'DELETE_TODO:RECEIVED'
22 | export const TOGGLE_DONE_FILTER = 'TOGGLE_DONE_FILTER'
23 | export const SELECT_ORDER = 'SELECT_ORDER'
24 |
25 | export function addTodoRequested(content: string, dueDate: string) {
26 | return {
27 | type: ADD_TODO_REQUESTED as typeof ADD_TODO_REQUESTED,
28 | payload: {
29 | requestId: SINGLETON_ID,
30 | item: { content, dueDate },
31 | },
32 | }
33 | }
34 |
35 | export function addTodoReceived(payload: Request | IdentifiableError) {
36 | return {
37 | type: ADD_TODO_RECEIVED as typeof ADD_TODO_RECEIVED,
38 | payload,
39 | }
40 | }
41 |
42 | export function updateTodoRequested(
43 | id: number,
44 | content: string,
45 | dueDate: string
46 | ) {
47 | return {
48 | type: UPDATE_TODO_REQUESTED as typeof UPDATE_TODO_REQUESTED,
49 | payload: {
50 | requestId: id,
51 | item: { id, content, dueDate },
52 | },
53 | }
54 | }
55 |
56 | export function updateTodoReceived(payload: Request | IdentifiableError) {
57 | return {
58 | type: UPDATE_TODO_RECEIVED as typeof UPDATE_TODO_RECEIVED,
59 | payload,
60 | }
61 | }
62 |
63 | export function toggleTodoDoneRequested(id: number) {
64 | return {
65 | type: TOGGLE_TODO_DONE_REQUESTED as typeof TOGGLE_TODO_DONE_REQUESTED,
66 | payload: {
67 | requestId: id,
68 | item: { id },
69 | },
70 | }
71 | }
72 |
73 | export function toggleTodoDoneReceived(
74 | payload: Request | IdentifiableError
75 | ) {
76 | return {
77 | type: TOGGLE_TODO_DONE_RECEIVED as typeof TOGGLE_TODO_DONE_RECEIVED,
78 | payload,
79 | }
80 | }
81 |
82 | export function deleteTodoRequested(id: number) {
83 | return {
84 | type: DELETE_TODO_REQUESTED as typeof DELETE_TODO_REQUESTED,
85 | payload: {
86 | requestId: id,
87 | item: { id },
88 | },
89 | }
90 | }
91 |
92 | export function deleteTodoReceived(
93 | payload: Request<{ id: number }> | IdentifiableError
94 | ) {
95 | return {
96 | type: DELETE_TODO_RECEIVED as typeof DELETE_TODO_RECEIVED,
97 | payload,
98 | }
99 | }
100 |
101 | export function toggleDoneFilter() {
102 | return {
103 | type: TOGGLE_DONE_FILTER as typeof TOGGLE_DONE_FILTER,
104 | }
105 | }
106 |
107 | export function selectOrder(sortBy: SortBy, sortOrder: SortOrder) {
108 | return {
109 | type: SELECT_ORDER as typeof SELECT_ORDER,
110 | payload: { sortBy, sortOrder },
111 | }
112 | }
113 |
114 | function getReturnType(f: (...args: any[]) => R): R {
115 | return null!
116 | }
117 |
118 | const pseudoAddTodoRequested = getReturnType(addTodoRequested)
119 | const pseudoAddTodoReceived = getReturnType(addTodoReceived)
120 | const pseudoUpdateTodoRequested = getReturnType(updateTodoRequested)
121 | const pseudoUpdateTodoReceived = getReturnType(updateTodoReceived)
122 | const pseudoToggleTodoDoneRequested = getReturnType(toggleTodoDoneRequested)
123 | const pseudoToggleTodoDoneReceived = getReturnType(toggleTodoDoneReceived)
124 | const pseudoDeleteTodoRequested = getReturnType(deleteTodoRequested)
125 | const pseudoDeleteTodoReceived = getReturnType(deleteTodoReceived)
126 | const pseudoToggleDoneFilter = getReturnType(toggleDoneFilter)
127 | const pseudoSelectOrder = getReturnType(selectOrder)
128 | export type AddTodoRequested = typeof pseudoAddTodoRequested
129 | export type AddTodoReceived = typeof pseudoAddTodoReceived
130 | export type UpdateTodoRequested = typeof pseudoUpdateTodoRequested
131 | export type UpdateTodoReceived = typeof pseudoUpdateTodoReceived
132 | export type ToggleTodoDoneRequested = typeof pseudoToggleTodoDoneRequested
133 | export type ToggleTodoDoneReceived = typeof pseudoToggleTodoDoneReceived
134 | export type DeleteTodoRequested = typeof pseudoDeleteTodoRequested
135 | export type DeleteTodoReceived = typeof pseudoDeleteTodoReceived
136 | export type ToggleDoneFilter = typeof pseudoToggleDoneFilter
137 | export type SelectOrder = typeof pseudoSelectOrder
138 |
139 | export type Action =
140 | | AddTodoRequested
141 | | AddTodoReceived
142 | | UpdateTodoRequested
143 | | UpdateTodoReceived
144 | | ToggleTodoDoneRequested
145 | | ToggleTodoDoneReceived
146 | | DeleteTodoRequested
147 | | DeleteTodoReceived
148 | | ToggleDoneFilter
149 | | SelectOrder
150 |
--------------------------------------------------------------------------------
/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 | addressable (2.5.1)
46 | public_suffix (~> 2.0, >= 2.0.2)
47 | arel (9.0.0)
48 | ast (2.4.0)
49 | bindex (0.5.0)
50 | bootsnap (1.3.1)
51 | msgpack (~> 1.0)
52 | builder (3.2.3)
53 | byebug (9.0.6)
54 | capybara (2.14.3)
55 | addressable
56 | mime-types (>= 1.16)
57 | nokogiri (>= 1.3.3)
58 | rack (>= 1.0.0)
59 | rack-test (>= 0.5.4)
60 | xpath (~> 2.0)
61 | childprocess (0.7.0)
62 | ffi (~> 1.0, >= 1.0.11)
63 | concurrent-ruby (1.0.5)
64 | crass (1.0.4)
65 | erubi (1.7.1)
66 | ffi (1.9.18)
67 | globalid (0.4.1)
68 | activesupport (>= 4.2.0)
69 | i18n (1.0.1)
70 | concurrent-ruby (~> 1.0)
71 | jaro_winkler (1.5.1)
72 | jbuilder (2.7.0)
73 | activesupport (>= 4.2.0)
74 | multi_json (>= 1.2)
75 | listen (3.1.5)
76 | rb-fsevent (~> 0.9, >= 0.9.4)
77 | rb-inotify (~> 0.9, >= 0.9.7)
78 | ruby_dep (~> 1.2)
79 | loofah (2.2.2)
80 | crass (~> 1.0.2)
81 | nokogiri (>= 1.5.9)
82 | mail (2.7.0)
83 | mini_mime (>= 0.1.1)
84 | marcel (0.3.2)
85 | mimemagic (~> 0.3.2)
86 | method_source (0.9.0)
87 | mime-types (3.1)
88 | mime-types-data (~> 3.2015)
89 | mime-types-data (3.2016.0521)
90 | mimemagic (0.3.2)
91 | mini_mime (1.0.0)
92 | mini_portile2 (2.3.0)
93 | minitest (5.11.3)
94 | msgpack (1.2.4)
95 | multi_json (1.12.2)
96 | nio4r (2.3.1)
97 | nokogiri (1.8.4)
98 | mini_portile2 (~> 2.3.0)
99 | parallel (1.12.1)
100 | parser (2.5.1.2)
101 | ast (~> 2.4.0)
102 | powerpack (0.1.2)
103 | public_suffix (2.0.5)
104 | puma (3.9.1)
105 | rack (2.0.5)
106 | rack-proxy (0.6.4)
107 | rack
108 | rack-test (1.1.0)
109 | rack (>= 1.0, < 3)
110 | rails (5.2.0)
111 | actioncable (= 5.2.0)
112 | actionmailer (= 5.2.0)
113 | actionpack (= 5.2.0)
114 | actionview (= 5.2.0)
115 | activejob (= 5.2.0)
116 | activemodel (= 5.2.0)
117 | activerecord (= 5.2.0)
118 | activestorage (= 5.2.0)
119 | activesupport (= 5.2.0)
120 | bundler (>= 1.3.0)
121 | railties (= 5.2.0)
122 | sprockets-rails (>= 2.0.0)
123 | rails-dom-testing (2.0.3)
124 | activesupport (>= 4.2.0)
125 | nokogiri (>= 1.6)
126 | rails-html-sanitizer (1.0.4)
127 | loofah (~> 2.2, >= 2.2.2)
128 | railties (5.2.0)
129 | actionpack (= 5.2.0)
130 | activesupport (= 5.2.0)
131 | method_source
132 | rake (>= 0.8.7)
133 | thor (>= 0.18.1, < 2.0)
134 | rainbow (3.0.0)
135 | rake (12.3.1)
136 | rb-fsevent (0.9.8)
137 | rb-inotify (0.9.9)
138 | ffi (~> 1.0)
139 | rubocop (0.58.1)
140 | jaro_winkler (~> 1.5.1)
141 | parallel (~> 1.10)
142 | parser (>= 2.5, != 2.5.1.1)
143 | powerpack (~> 0.1)
144 | rainbow (>= 2.2.2, < 4.0)
145 | ruby-progressbar (~> 1.7)
146 | unicode-display_width (~> 1.0, >= 1.0.1)
147 | ruby-progressbar (1.9.0)
148 | ruby_dep (1.5.0)
149 | rubyzip (1.2.1)
150 | selenium-webdriver (3.4.3)
151 | childprocess (~> 0.5)
152 | rubyzip (~> 1.0)
153 | spring (2.0.2)
154 | activesupport (>= 4.2)
155 | spring-watcher-listen (2.0.1)
156 | listen (>= 2.7, < 4.0)
157 | spring (>= 1.2, < 3.0)
158 | sprockets (3.7.2)
159 | concurrent-ruby (~> 1.0)
160 | rack (> 1, < 3)
161 | sprockets-rails (3.2.1)
162 | actionpack (>= 4.0)
163 | activesupport (>= 4.0)
164 | sprockets (>= 3.0.0)
165 | sqlite3 (1.3.13)
166 | thor (0.20.0)
167 | thread_safe (0.3.6)
168 | tzinfo (1.2.5)
169 | thread_safe (~> 0.1)
170 | unicode-display_width (1.4.0)
171 | web-console (3.5.1)
172 | actionview (>= 5.0)
173 | activemodel (>= 5.0)
174 | bindex (>= 0.4.0)
175 | railties (>= 5.0)
176 | webpacker (3.5.5)
177 | activesupport (>= 4.2)
178 | rack-proxy (>= 0.6.1)
179 | railties (>= 4.2)
180 | websocket-driver (0.7.0)
181 | websocket-extensions (>= 0.1.0)
182 | websocket-extensions (0.1.3)
183 | xpath (2.1.0)
184 | nokogiri (~> 1.3)
185 |
186 | PLATFORMS
187 | ruby
188 |
189 | DEPENDENCIES
190 | bootsnap
191 | byebug
192 | capybara (~> 2.13)
193 | jbuilder (~> 2.5)
194 | listen (>= 3.0.5, < 3.2)
195 | puma (~> 3.7)
196 | rails (~> 5.2.0)
197 | rubocop
198 | selenium-webdriver
199 | spring
200 | spring-watcher-listen (~> 2.0.0)
201 | sqlite3
202 | tzinfo-data
203 | web-console (>= 3.3.0)
204 | webpacker
205 |
206 | BUNDLED WITH
207 | 1.16.1
208 |
--------------------------------------------------------------------------------
16 |