├── .gitignore
├── .ruby-version
├── Gemfile
├── Gemfile.lock
├── README.md
├── Rakefile
├── app
├── assets
│ ├── config
│ │ └── manifest.js
│ ├── images
│ │ └── .keep
│ ├── javascripts
│ │ ├── application.js
│ │ ├── bundle.js
│ │ ├── cable.js
│ │ ├── calls.coffee
│ │ └── channels
│ │ │ ├── .keep
│ │ │ └── call.coffee
│ └── stylesheets
│ │ ├── application.css
│ │ └── calls.scss
├── channels
│ ├── application_cable
│ │ ├── channel.rb
│ │ └── connection.rb
│ └── call_channel.rb
├── controllers
│ ├── application_controller.rb
│ ├── calls_controller.rb
│ └── concerns
│ │ └── .keep
├── helpers
│ ├── application_helper.rb
│ └── calls_helper.rb
├── jobs
│ └── application_job.rb
├── mailers
│ └── application_mailer.rb
├── models
│ ├── application_record.rb
│ └── concerns
│ │ └── .keep
└── views
│ ├── calls
│ └── root.html.erb
│ └── layouts
│ ├── application.html.erb
│ ├── mailer.html.erb
│ └── mailer.text.erb
├── bin
├── bundle
├── rails
├── rake
├── setup
├── spring
├── update
└── yarn
├── config.ru
├── config
├── application.rb
├── boot.rb
├── cable.yml
├── credentials.yml.enc
├── database.yml
├── environment.rb
├── environments
│ ├── development.rb
│ ├── production.rb
│ └── test.rb
├── initializers
│ ├── application_controller_renderer.rb
│ ├── assets.rb
│ ├── backtrace_silencers.rb
│ ├── content_security_policy.rb
│ ├── cookies_serializer.rb
│ ├── filter_parameter_logging.rb
│ ├── inflections.rb
│ ├── mime_types.rb
│ └── wrap_parameters.rb
├── locales
│ └── en.yml
├── puma.rb
├── routes.rb
├── spring.rb
└── storage.yml
├── db
└── seeds.rb
├── frontend
├── VideoComponent.jsx
└── components
│ ├── VideoCall.jsx
│ └── video_util.js
├── lib
├── assets
│ └── .keep
└── tasks
│ └── .keep
├── log
└── .keep
├── package-lock.json
├── package.json
├── public
├── 404.html
├── 422.html
├── 500.html
├── apple-touch-icon-precomposed.png
├── apple-touch-icon.png
├── favicon.ico
└── robots.txt
├── storage
└── .keep
├── test
├── application_system_test_case.rb
├── controllers
│ ├── .keep
│ └── calls_controller_test.rb
├── fixtures
│ ├── .keep
│ └── files
│ │ └── .keep
├── helpers
│ └── .keep
├── integration
│ └── .keep
├── mailers
│ └── .keep
├── models
│ └── .keep
├── system
│ └── .keep
└── test_helper.rb
├── tmp
└── .keep
├── vendor
└── .keep
└── webpack.config.js
/.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 |
--------------------------------------------------------------------------------
/.ruby-version:
--------------------------------------------------------------------------------
1 | 2.5.1
--------------------------------------------------------------------------------
/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.2', '>= 5.2.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 | end
52 |
53 | group :test do
54 | # Adds support for Capybara system testing and selenium driver
55 | gem 'capybara', '>= 2.15'
56 | gem 'selenium-webdriver'
57 | # Easy installation and use of chromedriver to run system tests with Chrome
58 | gem 'chromedriver-helper'
59 | end
60 |
61 | # Windows does not include zoneinfo files, so bundle the tzinfo-data gem
62 | gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
63 |
--------------------------------------------------------------------------------
/Gemfile.lock:
--------------------------------------------------------------------------------
1 | GEM
2 | remote: https://rubygems.org/
3 | specs:
4 | actioncable (5.2.3)
5 | actionpack (= 5.2.3)
6 | nio4r (~> 2.0)
7 | websocket-driver (>= 0.6.1)
8 | actionmailer (5.2.3)
9 | actionpack (= 5.2.3)
10 | actionview (= 5.2.3)
11 | activejob (= 5.2.3)
12 | mail (~> 2.5, >= 2.5.4)
13 | rails-dom-testing (~> 2.0)
14 | actionpack (5.2.3)
15 | actionview (= 5.2.3)
16 | activesupport (= 5.2.3)
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.3)
22 | activesupport (= 5.2.3)
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.3)
28 | activesupport (= 5.2.3)
29 | globalid (>= 0.3.6)
30 | activemodel (5.2.3)
31 | activesupport (= 5.2.3)
32 | activerecord (5.2.3)
33 | activemodel (= 5.2.3)
34 | activesupport (= 5.2.3)
35 | arel (>= 9.0)
36 | activestorage (5.2.3)
37 | actionpack (= 5.2.3)
38 | activerecord (= 5.2.3)
39 | marcel (~> 0.3.1)
40 | activesupport (5.2.3)
41 | concurrent-ruby (~> 1.0, >= 1.0.2)
42 | i18n (>= 0.7, < 2)
43 | minitest (~> 5.1)
44 | tzinfo (~> 1.1)
45 | addressable (2.6.0)
46 | public_suffix (>= 2.0.2, < 4.0)
47 | archive-zip (0.12.0)
48 | io-like (~> 0.3.0)
49 | arel (9.0.0)
50 | bindex (0.7.0)
51 | bootsnap (1.4.4)
52 | msgpack (~> 1.0)
53 | builder (3.2.3)
54 | byebug (11.0.1)
55 | capybara (3.18.0)
56 | addressable
57 | mini_mime (>= 0.1.3)
58 | nokogiri (~> 1.8)
59 | rack (>= 1.6.0)
60 | rack-test (>= 0.6.3)
61 | regexp_parser (~> 1.2)
62 | xpath (~> 3.2)
63 | childprocess (1.0.1)
64 | rake (< 13.0)
65 | chromedriver-helper (2.1.1)
66 | archive-zip (~> 0.10)
67 | nokogiri (~> 1.8)
68 | coffee-rails (4.2.2)
69 | coffee-script (>= 2.2.0)
70 | railties (>= 4.0.0)
71 | coffee-script (2.4.1)
72 | coffee-script-source
73 | execjs
74 | coffee-script-source (1.12.2)
75 | concurrent-ruby (1.1.5)
76 | crass (1.0.4)
77 | erubi (1.8.0)
78 | execjs (2.7.0)
79 | ffi (1.10.0)
80 | globalid (0.4.2)
81 | activesupport (>= 4.2.0)
82 | i18n (1.6.0)
83 | concurrent-ruby (~> 1.0)
84 | io-like (0.3.0)
85 | jbuilder (2.8.0)
86 | activesupport (>= 4.2.0)
87 | multi_json (>= 1.2)
88 | listen (3.1.5)
89 | rb-fsevent (~> 0.9, >= 0.9.4)
90 | rb-inotify (~> 0.9, >= 0.9.7)
91 | ruby_dep (~> 1.2)
92 | loofah (2.2.3)
93 | crass (~> 1.0.2)
94 | nokogiri (>= 1.5.9)
95 | mail (2.7.1)
96 | mini_mime (>= 0.1.1)
97 | marcel (0.3.3)
98 | mimemagic (~> 0.3.2)
99 | method_source (0.9.2)
100 | mimemagic (0.3.3)
101 | mini_mime (1.0.1)
102 | mini_portile2 (2.4.0)
103 | minitest (5.11.3)
104 | msgpack (1.2.10)
105 | multi_json (1.13.1)
106 | nio4r (2.3.1)
107 | nokogiri (1.10.3)
108 | mini_portile2 (~> 2.4.0)
109 | public_suffix (3.0.3)
110 | puma (3.12.1)
111 | rack (2.0.7)
112 | rack-test (1.1.0)
113 | rack (>= 1.0, < 3)
114 | rails (5.2.3)
115 | actioncable (= 5.2.3)
116 | actionmailer (= 5.2.3)
117 | actionpack (= 5.2.3)
118 | actionview (= 5.2.3)
119 | activejob (= 5.2.3)
120 | activemodel (= 5.2.3)
121 | activerecord (= 5.2.3)
122 | activestorage (= 5.2.3)
123 | activesupport (= 5.2.3)
124 | bundler (>= 1.3.0)
125 | railties (= 5.2.3)
126 | sprockets-rails (>= 2.0.0)
127 | rails-dom-testing (2.0.3)
128 | activesupport (>= 4.2.0)
129 | nokogiri (>= 1.6)
130 | rails-html-sanitizer (1.0.4)
131 | loofah (~> 2.2, >= 2.2.2)
132 | railties (5.2.3)
133 | actionpack (= 5.2.3)
134 | activesupport (= 5.2.3)
135 | method_source
136 | rake (>= 0.8.7)
137 | thor (>= 0.19.0, < 2.0)
138 | rake (12.3.2)
139 | rb-fsevent (0.10.3)
140 | rb-inotify (0.10.0)
141 | ffi (~> 1.0)
142 | regexp_parser (1.4.0)
143 | ruby_dep (1.5.0)
144 | rubyzip (1.2.2)
145 | sass (3.7.4)
146 | sass-listen (~> 4.0.0)
147 | sass-listen (4.0.0)
148 | rb-fsevent (~> 0.9, >= 0.9.4)
149 | rb-inotify (~> 0.9, >= 0.9.7)
150 | sass-rails (5.0.7)
151 | railties (>= 4.0.0, < 6)
152 | sass (~> 3.1)
153 | sprockets (>= 2.8, < 4.0)
154 | sprockets-rails (>= 2.0, < 4.0)
155 | tilt (>= 1.1, < 3)
156 | selenium-webdriver (3.142.0)
157 | childprocess (>= 0.5, < 2.0)
158 | rubyzip (~> 1.2, >= 1.2.2)
159 | spring (2.0.2)
160 | activesupport (>= 4.2)
161 | spring-watcher-listen (2.0.1)
162 | listen (>= 2.7, < 4.0)
163 | spring (>= 1.2, < 3.0)
164 | sprockets (3.7.2)
165 | concurrent-ruby (~> 1.0)
166 | rack (> 1, < 3)
167 | sprockets-rails (3.2.1)
168 | actionpack (>= 4.0)
169 | activesupport (>= 4.0)
170 | sprockets (>= 3.0.0)
171 | sqlite3 (1.4.0)
172 | thor (0.20.3)
173 | thread_safe (0.3.6)
174 | tilt (2.0.9)
175 | turbolinks (5.2.0)
176 | turbolinks-source (~> 5.2)
177 | turbolinks-source (5.2.0)
178 | tzinfo (1.2.5)
179 | thread_safe (~> 0.1)
180 | uglifier (4.1.20)
181 | execjs (>= 0.3.0, < 3)
182 | web-console (3.7.0)
183 | actionview (>= 5.0)
184 | activemodel (>= 5.0)
185 | bindex (>= 0.4.0)
186 | railties (>= 5.0)
187 | websocket-driver (0.7.0)
188 | websocket-extensions (>= 0.1.0)
189 | websocket-extensions (0.1.3)
190 | xpath (3.2.0)
191 | nokogiri (~> 1.8)
192 |
193 | PLATFORMS
194 | ruby
195 |
196 | DEPENDENCIES
197 | bootsnap (>= 1.1.0)
198 | byebug
199 | capybara (>= 2.15)
200 | chromedriver-helper
201 | coffee-rails (~> 4.2)
202 | jbuilder (~> 2.5)
203 | listen (>= 3.0.5, < 3.2)
204 | puma (~> 3.11)
205 | rails (~> 5.2.2, >= 5.2.2.1)
206 | sass-rails (~> 5.0)
207 | selenium-webdriver
208 | spring
209 | spring-watcher-listen (~> 2.0.0)
210 | sqlite3
211 | turbolinks (~> 5)
212 | tzinfo-data
213 | uglifier (>= 1.3.0)
214 | web-console (>= 3.3.0)
215 |
216 | RUBY VERSION
217 | ruby 2.5.1p57
218 |
219 | BUNDLED WITH
220 | 1.17.3
221 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # README
2 |
3 | The purpose of this repo is to showcase a completed version of my WebRTC React/Rails tutorial as seen here: https://blog.usejournal.com/videochat-in-under-30-a-rails-react-tutorial-534930c6cd96?source=friends_link&sk=d1bdf3cfe8500a55d301f5a21d86566a
4 |
--------------------------------------------------------------------------------
/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/assets/config/manifest.js:
--------------------------------------------------------------------------------
1 | //= link_tree ../images
2 | //= link_directory ../javascripts .js
3 | //= link_directory ../stylesheets .css
4 |
--------------------------------------------------------------------------------
/app/assets/images/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nicolaseschneider/VideoCall-React-Component---Tutorial/427824988d99ea420f3c5cb329053911adf088bd/app/assets/images/.keep
--------------------------------------------------------------------------------
/app/assets/javascripts/application.js:
--------------------------------------------------------------------------------
1 | // This is a manifest file that'll be compiled into application.js, which will include all the files
2 | // listed below.
3 | //
4 | // Any JavaScript/Coffee file within this directory, lib/assets/javascripts, or any plugin's
5 | // vendor/assets/javascripts directory can be referenced here using a relative path.
6 | //
7 | // It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
8 | // compiled file. JavaScript code in this file should be added after the last require_* statement.
9 | //
10 | // Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
11 | // about supported directives.
12 | //
13 | //= require rails-ujs
14 | //= require activestorage
15 | //= require turbolinks
16 | //= require_tree .
17 |
--------------------------------------------------------------------------------
/app/assets/javascripts/cable.js:
--------------------------------------------------------------------------------
1 | // Action Cable provides the framework to deal with WebSockets in Rails.
2 | // You can generate new channels where WebSocket features live using the `rails generate channel` command.
3 | //
4 | //= require action_cable
5 | //= require_self
6 | //= require_tree ./channels
7 |
8 | (function() {
9 | this.App || (this.App = {});
10 |
11 | App.cable = ActionCable.createConsumer();
12 |
13 | }).call(this);
14 |
--------------------------------------------------------------------------------
/app/assets/javascripts/calls.coffee:
--------------------------------------------------------------------------------
1 | # Place all the behaviors and hooks related to the matching controller here.
2 | # All this logic will automatically be available in application.js.
3 | # You can use CoffeeScript in this file: http://coffeescript.org/
4 |
--------------------------------------------------------------------------------
/app/assets/javascripts/channels/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nicolaseschneider/VideoCall-React-Component---Tutorial/427824988d99ea420f3c5cb329053911adf088bd/app/assets/javascripts/channels/.keep
--------------------------------------------------------------------------------
/app/assets/javascripts/channels/call.coffee:
--------------------------------------------------------------------------------
1 | # App.call = App.cable.subscriptions.create "CallChannel",
2 | # connected: ->
3 | # # Called when the subscription is ready for use on the server
4 |
5 | # disconnected: ->
6 | # # Called when the subscription has been terminated by the server
7 |
8 | # received: (data) ->
9 | # # Called when there's incoming data on the websocket for this channel
10 |
--------------------------------------------------------------------------------
/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 |
17 | video{
18 | transform: rotateY(180deg);
19 | -webkit-transform:rotateY(180deg); /* Safari and Chrome */
20 | -moz-transform:rotateY(180deg); /* Firefox */
21 | }
--------------------------------------------------------------------------------
/app/assets/stylesheets/calls.scss:
--------------------------------------------------------------------------------
1 | // Place all the styles related to the Calls controller here.
2 | // They will automatically be included in application.css.
3 | // You can use Sass (SCSS) here: http://sass-lang.com/
4 |
--------------------------------------------------------------------------------
/app/channels/application_cable/channel.rb:
--------------------------------------------------------------------------------
1 | module ApplicationCable
2 | class Channel < ActionCable::Channel::Base
3 | end
4 | end
5 |
--------------------------------------------------------------------------------
/app/channels/application_cable/connection.rb:
--------------------------------------------------------------------------------
1 | module ApplicationCable
2 | class Connection < ActionCable::Connection::Base
3 | end
4 | end
5 |
--------------------------------------------------------------------------------
/app/channels/call_channel.rb:
--------------------------------------------------------------------------------
1 | class CallChannel < ApplicationCable::Channel
2 | def subscribed
3 | stream_from 'call_channel'
4 | end
5 | def unsubscribed; end
6 | end
7 |
--------------------------------------------------------------------------------
/app/controllers/application_controller.rb:
--------------------------------------------------------------------------------
1 | class ApplicationController < ActionController::Base
2 | protect_from_forgery unless: -> { request.format.json? }
3 | end
4 |
--------------------------------------------------------------------------------
/app/controllers/calls_controller.rb:
--------------------------------------------------------------------------------
1 | class CallsController < ApplicationController
2 | def create
3 | head :no_content
4 | ActionCable.server.broadcast("call_channel", call_params)
5 | end
6 |
7 | private
8 |
9 | def call_params
10 | params.permit(:call, :type, :from, :to, :sdp, :candida)
11 | end
12 | end
--------------------------------------------------------------------------------
/app/controllers/concerns/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nicolaseschneider/VideoCall-React-Component---Tutorial/427824988d99ea420f3c5cb329053911adf088bd/app/controllers/concerns/.keep
--------------------------------------------------------------------------------
/app/helpers/application_helper.rb:
--------------------------------------------------------------------------------
1 | module ApplicationHelper
2 | end
3 |
--------------------------------------------------------------------------------
/app/helpers/calls_helper.rb:
--------------------------------------------------------------------------------
1 | module CallsHelper
2 | end
3 |
--------------------------------------------------------------------------------
/app/jobs/application_job.rb:
--------------------------------------------------------------------------------
1 | class ApplicationJob < ActiveJob::Base
2 | end
3 |
--------------------------------------------------------------------------------
/app/mailers/application_mailer.rb:
--------------------------------------------------------------------------------
1 | class ApplicationMailer < ActionMailer::Base
2 | default from: 'from@example.com'
3 | layout 'mailer'
4 | end
5 |
--------------------------------------------------------------------------------
/app/models/application_record.rb:
--------------------------------------------------------------------------------
1 | class ApplicationRecord < ActiveRecord::Base
2 | self.abstract_class = true
3 | end
4 |
--------------------------------------------------------------------------------
/app/models/concerns/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nicolaseschneider/VideoCall-React-Component---Tutorial/427824988d99ea420f3c5cb329053911adf088bd/app/models/concerns/.keep
--------------------------------------------------------------------------------
/app/views/calls/root.html.erb:
--------------------------------------------------------------------------------
1 |
2 | If you're seeing this, something broke
3 |
--------------------------------------------------------------------------------
/app/views/layouts/application.html.erb:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | VideoComponent
5 | <%= csrf_meta_tags %>
6 | <%= csp_meta_tag %>
7 |
8 | <%= stylesheet_link_tag 'application', media: 'all' %>
9 | <%= javascript_include_tag 'application' %>
10 |
11 |
12 |
13 | <%= yield %>
14 |
15 |
16 |
--------------------------------------------------------------------------------
/app/views/layouts/mailer.html.erb:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
8 |
9 |
10 |
11 | <%= yield %>
12 |
13 |
14 |
--------------------------------------------------------------------------------
/app/views/layouts/mailer.text.erb:
--------------------------------------------------------------------------------
1 | <%= yield %>
2 |
--------------------------------------------------------------------------------
/bin/bundle:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env ruby
2 | ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../Gemfile', __dir__)
3 | load Gem.bin_path('bundler', 'bundle')
4 |
--------------------------------------------------------------------------------
/bin/rails:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env ruby
2 | begin
3 | load File.expand_path('../spring', __FILE__)
4 | rescue LoadError => e
5 | raise unless e.message.include?('spring')
6 | end
7 | APP_PATH = File.expand_path('../config/application', __dir__)
8 | require_relative '../config/boot'
9 | require 'rails/commands'
10 |
--------------------------------------------------------------------------------
/bin/rake:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env ruby
2 | begin
3 | load File.expand_path('../spring', __FILE__)
4 | rescue LoadError => e
5 | raise unless e.message.include?('spring')
6 | end
7 | require_relative '../config/boot'
8 | require 'rake'
9 | Rake.application.run
10 |
--------------------------------------------------------------------------------
/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 |
--------------------------------------------------------------------------------
/bin/spring:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env ruby
2 |
3 | # This file loads spring without using Bundler, in order to be fast.
4 | # It gets overwritten when you run the `spring binstub` command.
5 |
6 | unless defined?(Spring)
7 | require 'rubygems'
8 | require 'bundler'
9 |
10 | lockfile = Bundler::LockfileParser.new(Bundler.default_lockfile.read)
11 | spring = lockfile.specs.detect { |spec| spec.name == "spring" }
12 | if spring
13 | Gem.use_paths Gem.dir, Bundler.bundle_path.to_s, *Gem.path
14 | gem 'spring', spring.version
15 | require 'spring/binstub'
16 | end
17 | end
18 |
--------------------------------------------------------------------------------
/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 |
--------------------------------------------------------------------------------
/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 |
--------------------------------------------------------------------------------
/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 |
--------------------------------------------------------------------------------
/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 VideoComponent
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 |
--------------------------------------------------------------------------------
/config/boot.rb:
--------------------------------------------------------------------------------
1 | ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../Gemfile', __dir__)
2 |
3 | require 'bundler/setup' # Set up gems listed in the Gemfile.
4 | require 'bootsnap/setup' # Speed up boot time by caching expensive operations.
5 |
--------------------------------------------------------------------------------
/config/cable.yml:
--------------------------------------------------------------------------------
1 | development:
2 | adapter: async
3 |
4 | test:
5 | adapter: async
6 |
7 | production:
8 | adapter: redis
9 | url: <%= ENV.fetch("REDIS_URL") { "redis://localhost:6379/1" } %>
10 | channel_prefix: video_component_production
11 |
--------------------------------------------------------------------------------
/config/credentials.yml.enc:
--------------------------------------------------------------------------------
1 | fi28KnuuzoDegn9T/c+FDr1Bis7kyTMNggJ3SnvEL07D86wE9Iavoc7gcZTm3B2UuCNnjLA9Q0ek8LL9YyN6x8hdKY9hDOYea0N4rSRiBVuJAcwf8WNhRCtnT94Blhy9kcR5qygWrJaab1t1OGG8NdJYL+GsgrSQWxv6t1ugCOT1rulaUXAfNYeEAz/I840KPJTc0X4f6/rVVyTt/CEY9w2s+urrdkMtN2NOHRni1cKardyX1PkRVdZwc0zUVz+qkgQh2r6MDdpRT3U6JPtubJvwGFhq8iZBg5lZ4Nek5+HODqFXhgEA0Ful/LAJjNPvBlUxSXoSdhCfpQ1shhWV/LYPHTnvOZPagRLA/bT7vcKKY9j9MB2HmN/JMjUxHJECeWqGa8D7qFWw3TetW8I/eGrjMOA9xqLme7Ws--TNrYx+m9UbkMQF0v--0iBE4g/McESn/kdvgJDAPg==
--------------------------------------------------------------------------------
/config/database.yml:
--------------------------------------------------------------------------------
1 | # SQLite version 3.x
2 | # gem install sqlite3
3 | #
4 | # Ensure the SQLite 3 gem is defined in your Gemfile
5 | # gem 'sqlite3'
6 | #
7 | default: &default
8 | adapter: sqlite3
9 | pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>
10 | timeout: 5000
11 |
12 | development:
13 | <<: *default
14 | database: db/development.sqlite3
15 |
16 | # Warning: The database defined as "test" will be erased and
17 | # re-generated from your development database when you run "rake".
18 | # Do not set this db to the same as development or production.
19 | test:
20 | <<: *default
21 | database: db/test.sqlite3
22 |
23 | production:
24 | <<: *default
25 | database: db/production.sqlite3
26 |
--------------------------------------------------------------------------------
/config/environment.rb:
--------------------------------------------------------------------------------
1 | # Load the Rails application.
2 | require_relative 'application'
3 |
4 | # Initialize the Rails application.
5 | Rails.application.initialize!
6 |
--------------------------------------------------------------------------------
/config/environments/development.rb:
--------------------------------------------------------------------------------
1 | Rails.application.configure do
2 | # 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 |
--------------------------------------------------------------------------------
/config/environments/production.rb:
--------------------------------------------------------------------------------
1 | Rails.application.configure do
2 | # Settings specified here will take precedence over those in config/application.rb.
3 |
4 | # Code is not reloaded between requests.
5 | config.cache_classes = true
6 |
7 | # Eager load code on boot. This eager loads most of Rails and
8 | # your application in memory, allowing both threaded web servers
9 | # and those relying on copy on write to perform better.
10 | # Rake tasks automatically ignore this option for performance.
11 | config.eager_load = true
12 |
13 | # Full error reports are disabled and caching is turned on.
14 | config.consider_all_requests_local = false
15 | config.action_controller.perform_caching = true
16 |
17 | # Ensures that a master key has been made available in either ENV["RAILS_MASTER_KEY"]
18 | # or in config/master.key. This key is used to decrypt credentials (and other encrypted files).
19 | # config.require_master_key = true
20 |
21 | # Disable serving static files from the `/public` folder by default since
22 | # Apache or NGINX already handles this.
23 | config.public_file_server.enabled = ENV['RAILS_SERVE_STATIC_FILES'].present?
24 |
25 | # Compress JavaScripts and CSS.
26 | config.assets.js_compressor = :uglifier
27 | # config.assets.css_compressor = :sass
28 |
29 | # Do not fallback to assets pipeline if a precompiled asset is missed.
30 | config.assets.compile = false
31 |
32 | # `config.assets.precompile` and `config.assets.version` have moved to config/initializers/assets.rb
33 |
34 | # Enable serving of images, stylesheets, and JavaScripts from an asset server.
35 | # config.action_controller.asset_host = 'http://assets.example.com'
36 |
37 | # Specifies the header that your server uses for sending files.
38 | # config.action_dispatch.x_sendfile_header = 'X-Sendfile' # for Apache
39 | # config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for NGINX
40 |
41 | # Store uploaded files on the local file system (see config/storage.yml for options)
42 | config.active_storage.service = :local
43 |
44 | # Mount Action Cable outside main process or domain
45 | # config.action_cable.mount_path = nil
46 | # config.action_cable.url = 'wss://example.com/cable'
47 | # config.action_cable.allowed_request_origins = [ 'http://example.com', /http:\/\/example.*/ ]
48 |
49 | # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
50 | # config.force_ssl = true
51 |
52 | # Use the lowest log level to ensure availability of diagnostic information
53 | # when problems arise.
54 | config.log_level = :debug
55 |
56 | # Prepend all log lines with the following tags.
57 | config.log_tags = [ :request_id ]
58 |
59 | # Use a different cache store in production.
60 | # config.cache_store = :mem_cache_store
61 |
62 | # Use a real queuing backend for Active Job (and separate queues per environment)
63 | # config.active_job.queue_adapter = :resque
64 | # config.active_job.queue_name_prefix = "video_component_#{Rails.env}"
65 |
66 | config.action_mailer.perform_caching = false
67 |
68 | # Ignore bad email addresses and do not raise email delivery errors.
69 | # Set this to true and configure the email server for immediate delivery to raise delivery errors.
70 | # config.action_mailer.raise_delivery_errors = false
71 |
72 | # Enable locale fallbacks for I18n (makes lookups for any locale fall back to
73 | # the I18n.default_locale when a translation cannot be found).
74 | config.i18n.fallbacks = true
75 |
76 | # Send deprecation notices to registered listeners.
77 | config.active_support.deprecation = :notify
78 |
79 | # Use default logging formatter so that PID and timestamp are not suppressed.
80 | config.log_formatter = ::Logger::Formatter.new
81 |
82 | # Use a different logger for distributed setups.
83 | # require 'syslog/logger'
84 | # config.logger = ActiveSupport::TaggedLogging.new(Syslog::Logger.new 'app-name')
85 |
86 | if ENV["RAILS_LOG_TO_STDOUT"].present?
87 | logger = ActiveSupport::Logger.new(STDOUT)
88 | logger.formatter = config.log_formatter
89 | config.logger = ActiveSupport::TaggedLogging.new(logger)
90 | end
91 |
92 | # Do not dump schema after migrations.
93 | config.active_record.dump_schema_after_migration = false
94 | end
95 |
--------------------------------------------------------------------------------
/config/environments/test.rb:
--------------------------------------------------------------------------------
1 | Rails.application.configure do
2 | # Settings specified here will take precedence over those in config/application.rb.
3 |
4 | # The test environment is used exclusively to run your application's
5 | # test suite. You never need to work with it otherwise. Remember that
6 | # your test database is "scratch space" for the test suite and is wiped
7 | # and recreated between test runs. Don't rely on the data there!
8 | config.cache_classes = true
9 |
10 | # Do not eager load code on boot. This avoids loading your whole application
11 | # just for the purpose of running a single test. If you are using a tool that
12 | # preloads Rails for running tests, you may have to set it to true.
13 | config.eager_load = false
14 |
15 | # Configure public file server for tests with Cache-Control for performance.
16 | config.public_file_server.enabled = true
17 | config.public_file_server.headers = {
18 | 'Cache-Control' => "public, max-age=#{1.hour.to_i}"
19 | }
20 |
21 | # Show full error reports and disable caching.
22 | config.consider_all_requests_local = true
23 | config.action_controller.perform_caching = false
24 |
25 | # Raise exceptions instead of rendering exception templates.
26 | config.action_dispatch.show_exceptions = false
27 |
28 | # Disable request forgery protection in test environment.
29 | config.action_controller.allow_forgery_protection = false
30 |
31 | # Store uploaded files on the local file system in a temporary directory
32 | config.active_storage.service = :test
33 |
34 | config.action_mailer.perform_caching = false
35 |
36 | # Tell Action Mailer not to deliver emails to the real world.
37 | # The :test delivery method accumulates sent emails in the
38 | # ActionMailer::Base.deliveries array.
39 | config.action_mailer.delivery_method = :test
40 |
41 | # Print deprecation notices to the stderr.
42 | config.active_support.deprecation = :stderr
43 |
44 | # Raises error for missing translations
45 | # config.action_view.raise_on_missing_translations = true
46 | end
47 |
--------------------------------------------------------------------------------
/config/initializers/application_controller_renderer.rb:
--------------------------------------------------------------------------------
1 | # Be sure to restart your server when you modify this file.
2 |
3 | # ActiveSupport::Reloader.to_prepare do
4 | # ApplicationController.renderer.defaults.merge!(
5 | # http_host: 'example.org',
6 | # https: false
7 | # )
8 | # end
9 |
--------------------------------------------------------------------------------
/config/initializers/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/initializers/backtrace_silencers.rb:
--------------------------------------------------------------------------------
1 | # Be sure to restart your server when you modify this file.
2 |
3 | # You can add backtrace silencers for libraries that you're using but don't wish to see in your backtraces.
4 | # Rails.backtrace_cleaner.add_silencer { |line| line =~ /my_noisy_library/ }
5 |
6 | # You can also remove all the silencers if you're trying to debug a problem that might stem from framework code.
7 | # Rails.backtrace_cleaner.remove_silencers!
8 |
--------------------------------------------------------------------------------
/config/initializers/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/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 |
--------------------------------------------------------------------------------
/config/initializers/filter_parameter_logging.rb:
--------------------------------------------------------------------------------
1 | # Be sure to restart your server when you modify this file.
2 |
3 | # Configure sensitive parameters which will be filtered from the log file.
4 | Rails.application.config.filter_parameters += [:password]
5 |
--------------------------------------------------------------------------------
/config/initializers/inflections.rb:
--------------------------------------------------------------------------------
1 | # Be sure to restart your server when you modify this file.
2 |
3 | # Add new inflection rules using the following format. Inflections
4 | # are locale specific, and you may define rules for as many different
5 | # locales as you wish. All of these examples are active by default:
6 | # ActiveSupport::Inflector.inflections(:en) do |inflect|
7 | # inflect.plural /^(ox)$/i, '\1en'
8 | # inflect.singular /^(ox)en/i, '\1'
9 | # inflect.irregular 'person', 'people'
10 | # inflect.uncountable %w( fish sheep )
11 | # end
12 |
13 | # These inflection rules are supported but not enabled by default:
14 | # ActiveSupport::Inflector.inflections(:en) do |inflect|
15 | # inflect.acronym 'RESTful'
16 | # end
17 |
--------------------------------------------------------------------------------
/config/initializers/mime_types.rb:
--------------------------------------------------------------------------------
1 | # Be sure to restart your server when you modify this file.
2 |
3 | # Add new mime types for use in respond_to blocks:
4 | # Mime::Type.register "text/richtext", :rtf
5 |
--------------------------------------------------------------------------------
/config/initializers/wrap_parameters.rb:
--------------------------------------------------------------------------------
1 | # Be sure to restart your server when you modify this file.
2 |
3 | # This file contains settings for ActionController::ParamsWrapper which
4 | # is enabled by default.
5 |
6 | # Enable parameter wrapping for JSON. You can disable this by setting :format to an empty array.
7 | ActiveSupport.on_load(:action_controller) do
8 | wrap_parameters format: [:json]
9 | end
10 |
11 | # To enable root element in JSON for ActiveRecord objects.
12 | # ActiveSupport.on_load(:active_record) do
13 | # self.include_root_in_json = true
14 | # end
15 |
--------------------------------------------------------------------------------
/config/locales/en.yml:
--------------------------------------------------------------------------------
1 | # Files in the config/locales directory are used for internationalization
2 | # and are automatically loaded by Rails. If you want to use locales other
3 | # than English, add the necessary files in this directory.
4 | #
5 | # To use the locales, use `I18n.t`:
6 | #
7 | # I18n.t 'hello'
8 | #
9 | # In views, this is aliased to just `t`:
10 | #
11 | # <%= t('hello') %>
12 | #
13 | # To use a different locale, set it with `I18n.locale`:
14 | #
15 | # I18n.locale = :es
16 | #
17 | # This would use the information in config/locales/es.yml.
18 | #
19 | # The following keys must be escaped otherwise they will not be retrieved by
20 | # the default I18n backend:
21 | #
22 | # true, false, on, off, yes, no
23 | #
24 | # Instead, surround them with single quotes.
25 | #
26 | # en:
27 | # 'true': 'foo'
28 | #
29 | # To learn more, please read the Rails Internationalization guide
30 | # available at http://guides.rubyonrails.org/i18n.html.
31 |
32 | en:
33 | hello: "Hello world"
34 |
--------------------------------------------------------------------------------
/config/puma.rb:
--------------------------------------------------------------------------------
1 | # Puma can serve each request in a thread from an internal thread pool.
2 | # The `threads` method setting takes two numbers: a minimum and maximum.
3 | # Any libraries that use thread pools should be configured to match
4 | # the maximum value specified for Puma. Default is set to 5 threads for minimum
5 | # and maximum; this matches the default thread size of Active Record.
6 | #
7 | threads_count = ENV.fetch("RAILS_MAX_THREADS") { 5 }
8 | threads threads_count, threads_count
9 |
10 | # Specifies the `port` that Puma will listen on to receive requests; default is 3000.
11 | #
12 | port ENV.fetch("PORT") { 3000 }
13 |
14 | # Specifies the `environment` that Puma will run in.
15 | #
16 | environment ENV.fetch("RAILS_ENV") { "development" }
17 |
18 | # Specifies the number of `workers` to boot in clustered mode.
19 | # Workers are forked webserver processes. If using threads and workers together
20 | # the concurrency of the application would be max `threads` * `workers`.
21 | # Workers do not work on JRuby or Windows (both of which do not support
22 | # processes).
23 | #
24 | # workers ENV.fetch("WEB_CONCURRENCY") { 2 }
25 |
26 | # Use the `preload_app!` method when specifying a `workers` number.
27 | # This directive tells Puma to first boot the application and load code
28 | # before forking the application. This takes advantage of Copy On Write
29 | # process behavior so workers use less memory.
30 | #
31 | # preload_app!
32 |
33 | # Allow puma to be restarted by `rails restart` command.
34 | plugin :tmp_restart
35 |
--------------------------------------------------------------------------------
/config/routes.rb:
--------------------------------------------------------------------------------
1 | Rails.application.routes.draw do
2 | root to: "calls#root"
3 | resources :calls, only: :create
4 | mount ActionCable.server, at: '/cable'
5 | end
--------------------------------------------------------------------------------
/config/spring.rb:
--------------------------------------------------------------------------------
1 | %w[
2 | .ruby-version
3 | .rbenv-vars
4 | tmp/restart.txt
5 | tmp/caching-dev.txt
6 | ].each { |path| Spring.watch(path) }
7 |
--------------------------------------------------------------------------------
/config/storage.yml:
--------------------------------------------------------------------------------
1 | test:
2 | service: Disk
3 | root: <%= Rails.root.join("tmp/storage") %>
4 |
5 | local:
6 | service: Disk
7 | root: <%= Rails.root.join("storage") %>
8 |
9 | # Use rails credentials:edit to set the AWS secrets (as aws:access_key_id|secret_access_key)
10 | # amazon:
11 | # service: S3
12 | # access_key_id: <%= Rails.application.credentials.dig(:aws, :access_key_id) %>
13 | # secret_access_key: <%= Rails.application.credentials.dig(:aws, :secret_access_key) %>
14 | # region: us-east-1
15 | # bucket: your_own_bucket
16 |
17 | # Remember not to checkin your GCS keyfile to a repository
18 | # google:
19 | # service: GCS
20 | # project: your_project
21 | # credentials: <%= Rails.root.join("path/to/gcs.keyfile") %>
22 | # bucket: your_own_bucket
23 |
24 | # Use rails credentials:edit to set the Azure Storage secret (as azure_storage:storage_access_key)
25 | # microsoft:
26 | # service: AzureStorage
27 | # 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 |
--------------------------------------------------------------------------------
/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 |
--------------------------------------------------------------------------------
/frontend/VideoComponent.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import VideoCall from './components/VideoCall';
3 | import ReactDOM from 'react-dom'
4 |
5 | document.addEventListener("DOMContentLoaded", () => {
6 | const root = document.getElementById("root");
7 | ReactDOM.render(, root)
8 | })
--------------------------------------------------------------------------------
/frontend/components/VideoCall.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { broadcastData, JOIN_CALL, LEAVE_CALL, EXCHANGE, ice } from './video_util.js';
3 |
4 | class VideoCall extends React.Component{
5 |
6 | constructor(props){
7 | super(props);
8 | this.pcPeers = {};
9 | this.userId = Math.floor(Math.random() * 10000);
10 |
11 | }
12 | componentDidMount(){
13 | this.remoteVideoContainer = document.getElementById("remote-video-container")
14 | navigator.mediaDevices.getUserMedia( { audio: false, video: true })
15 | .then(stream => {
16 | this.localStream = stream;
17 | document.getElementById("local-video").srcObject = stream;
18 | }).catch(error => { console.log(error) });
19 | }
20 | joinCall(e){
21 |
22 | App.cable.subscriptions.create(
23 | { channel: "CallChannel" },
24 | { connected: () => {
25 | console.log('CONNECTED');
26 |
27 | broadcastData({ type: JOIN_CALL, from: this.userId });
28 | },
29 | received: data => {
30 |
31 | console.log("RECEIVED: ", data);
32 |
33 | if (data.from === this.userId) return;
34 |
35 | switch (data.type) {
36 | case JOIN_CALL:
37 | return this.join(data);
38 | case EXCHANGE:
39 | if (data.to !== this.userId) return;
40 | return this.exchange(data);
41 | case LEAVE_CALL:
42 | return this.removeUser(data);
43 | default:
44 | return;
45 | }
46 | }
47 | });
48 | }
49 |
50 | join(data){
51 | this.createPC(data.from, true)
52 | }
53 | removeUser(data){
54 | let video = document.getElementById(`remoteVideoContainer+${data.from}`);
55 | video && video.remove();
56 |
57 | let peers = this.pcPeers
58 | delete peers[data.from]
59 | }
60 |
61 | createPC(userId, offerBool){
62 | const pc = new RTCPeerConnection(ice);
63 |
64 | this.pcPeers[userId] = pc;
65 | this.localStream.getTracks().forEach(track => pc.addTrack(track, this.localStream));
66 | if (offerBool) {
67 | pc.createOffer().then(offer => {
68 | pc.setLocalDescription(offer).then(() => {
69 | setTimeout( ()=>{
70 | broadcastData({
71 | type: EXCHANGE,
72 | from: this.userId,
73 | to: userId,
74 | sdp: JSON.stringify(pc.localDescription),
75 | })
76 |
77 | }, 0);
78 | })
79 | })
80 | }
81 | pc.onicecandidate = (e) => {
82 | broadcastData({
83 | type: EXCHANGE,
84 | from: this.userId,
85 | to: userId,
86 | sdp: JSON.stringify(e.candidate)
87 | })
88 | };
89 | pc.ontrack = (e) => {
90 | const remoteVid = document.createElement("video");
91 | remoteVid.id = `remoteVideoContainer+${userId}`;
92 | remoteVid.autoplay = "autoplay";
93 | remoteVid.srcObject = e.streams[0];
94 | this.remoteVideoContainer.appendChild(remoteVid);
95 | };
96 | pc.oniceconnectionstatechange = (e) => {
97 | if (pc.iceConnectionState === 'disconnected') {
98 | broadcastData({
99 | type: LEAVE_CALL,
100 | from: userId,
101 | });
102 | }
103 | }
104 | return pc;
105 | };
106 | leaveCall(e){
107 | const pcKeys = Object.keys(this.pcPeers);
108 | for (let i = 0; i < pcKeys.length; i++) {
109 | this.pcPeers[pcKeys[i]].close();
110 | }
111 | this.pcPeers = {};
112 | this.localVideo.srcObject.getTracks().forEach(function (track) {
113 | track.stop();
114 | })
115 | this.localVideo.srcObject = null;
116 | App.cable.subscriptions.subscriptions = [];
117 | this.remoteVideoContainer.innerHTML = "";
118 | broadcastData({
119 | type: LEAVE_CALL,
120 | from: this.userId
121 | });
122 | }
123 |
124 |
125 | exchange(data) {
126 | let pc;
127 | if (this.pcPeers[data.from]) {
128 | pc = this.pcPeers[data.from];
129 | } else {
130 | pc = this.createPC(data.from, false);
131 | }
132 | if (data.candidate) {
133 | let candidate = JSON.parse(data.candidate)
134 | pc.addIceCandidate(new RTCIceCandidate(candidate))
135 | }
136 | if (data.sdp) {
137 | const sdp = JSON.parse(data.sdp);
138 | if (sdp && !sdp.candidate) {
139 | pc.setRemoteDescription(sdp).then(() => {
140 | if (sdp.type === 'offer') {
141 | pc.createAnswer().then(answer => {
142 | pc.setLocalDescription(answer)
143 | .then(() => {
144 |
145 | broadcastData({
146 | type: EXCHANGE,
147 | from: this.userId,
148 | to: data.from,
149 | sdp: JSON.stringify(pc.localDescription)
150 | });
151 |
152 | })
153 | })
154 | }
155 | })
156 | }
157 | }
158 | }
159 | render(){
160 | return(
161 |
162 |
163 |
164 |
165 |
)
166 | }
167 | }
168 | export default VideoCall;
--------------------------------------------------------------------------------
/frontend/components/video_util.js:
--------------------------------------------------------------------------------
1 | export const JOIN_CALL = "JOIN_CALL";
2 | export const EXCHANGE = "EXCHANGE";
3 | export const LEAVE_CALL = "LEAVE_CALL";
4 |
5 | export const ice = { iceServers: [{ urls: ["stun:u3.xirsys.com"] }, { username: "53grIOQ2r6pyr79jObt9ha9KIfI4cPjpsxgVEOQYIfCNo6tRVum70_RL2e5gTPkWAAAAAFzCGRdEaW5nb01hbjg5", credential: "15769ebc-6799-11e9-a1f7-86b7e87eee77", urls: ["turn:u3.xirsys.com:80?transport=udp", "turn:u3.xirsys.com:3478?transport=udp", "turn:u3.xirsys.com:80?transport=tcp", "turn:u3.xirsys.com:3478?transport=tcp", "turns:u3.xirsys.com:443?transport=tcp", "turns:u3.xirsys.com:5349?transport=tcp"] }] };
6 |
7 | export const broadcastData = data => {
8 | fetch("calls", {
9 | method: "POST",
10 | body: JSON.stringify(data),
11 | headers: { "content-type": "application/json" }
12 | });
13 | };
--------------------------------------------------------------------------------
/lib/assets/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nicolaseschneider/VideoCall-React-Component---Tutorial/427824988d99ea420f3c5cb329053911adf088bd/lib/assets/.keep
--------------------------------------------------------------------------------
/lib/tasks/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nicolaseschneider/VideoCall-React-Component---Tutorial/427824988d99ea420f3c5cb329053911adf088bd/lib/tasks/.keep
--------------------------------------------------------------------------------
/log/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nicolaseschneider/VideoCall-React-Component---Tutorial/427824988d99ea420f3c5cb329053911adf088bd/log/.keep
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "video_component",
3 | "private": true,
4 | "dependencies": {
5 | "@babel/core": "^7.4.3",
6 | "@babel/preset-env": "^7.4.3",
7 | "@babel/preset-react": "^7.0.0",
8 | "babel-loader": "^8.0.5",
9 | "react": "^16.8.6",
10 | "react-dom": "^16.8.6",
11 | "webpack": "^4.30.0",
12 | "webpack-cli": "^3.3.1"
13 | },
14 | "description": "This README would normally document whatever steps are necessary to get the application up and running.",
15 | "version": "1.0.0",
16 | "main": "index.js",
17 | "directories": {
18 | "lib": "lib",
19 | "test": "test"
20 | },
21 | "scripts": {
22 | "postinstall": "webpack",
23 | "test": "echo \"Error: no test specified\" && exit 1",
24 | "webpack": "webpack -w --mode=development"
25 | },
26 | "engines": {
27 | "npm": "6.4.1",
28 | "node": "10.13.0"
29 | },
30 | "repository": {
31 | "type": "git",
32 | "url": "git+https://github.com/NicolasESchneider/Discoded.git"
33 | },
34 | "keywords": [],
35 | "author": "",
36 | "license": "ISC",
37 | "bugs": {
38 | "url": "https://github.com/NicolasESchneider/Discoded/issues"
39 | },
40 | "homepage": "https://github.com/NicolasESchneider/Discoded#readme"
41 | }
42 |
--------------------------------------------------------------------------------
/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 |
--------------------------------------------------------------------------------
/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/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/apple-touch-icon-precomposed.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nicolaseschneider/VideoCall-React-Component---Tutorial/427824988d99ea420f3c5cb329053911adf088bd/public/apple-touch-icon-precomposed.png
--------------------------------------------------------------------------------
/public/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nicolaseschneider/VideoCall-React-Component---Tutorial/427824988d99ea420f3c5cb329053911adf088bd/public/apple-touch-icon.png
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nicolaseschneider/VideoCall-React-Component---Tutorial/427824988d99ea420f3c5cb329053911adf088bd/public/favicon.ico
--------------------------------------------------------------------------------
/public/robots.txt:
--------------------------------------------------------------------------------
1 | # See http://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file
2 |
--------------------------------------------------------------------------------
/storage/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nicolaseschneider/VideoCall-React-Component---Tutorial/427824988d99ea420f3c5cb329053911adf088bd/storage/.keep
--------------------------------------------------------------------------------
/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/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nicolaseschneider/VideoCall-React-Component---Tutorial/427824988d99ea420f3c5cb329053911adf088bd/test/controllers/.keep
--------------------------------------------------------------------------------
/test/controllers/calls_controller_test.rb:
--------------------------------------------------------------------------------
1 | require 'test_helper'
2 |
3 | class CallsControllerTest < ActionDispatch::IntegrationTest
4 | # test "the truth" do
5 | # assert true
6 | # end
7 | end
8 |
--------------------------------------------------------------------------------
/test/fixtures/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nicolaseschneider/VideoCall-React-Component---Tutorial/427824988d99ea420f3c5cb329053911adf088bd/test/fixtures/.keep
--------------------------------------------------------------------------------
/test/fixtures/files/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nicolaseschneider/VideoCall-React-Component---Tutorial/427824988d99ea420f3c5cb329053911adf088bd/test/fixtures/files/.keep
--------------------------------------------------------------------------------
/test/helpers/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nicolaseschneider/VideoCall-React-Component---Tutorial/427824988d99ea420f3c5cb329053911adf088bd/test/helpers/.keep
--------------------------------------------------------------------------------
/test/integration/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nicolaseschneider/VideoCall-React-Component---Tutorial/427824988d99ea420f3c5cb329053911adf088bd/test/integration/.keep
--------------------------------------------------------------------------------
/test/mailers/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nicolaseschneider/VideoCall-React-Component---Tutorial/427824988d99ea420f3c5cb329053911adf088bd/test/mailers/.keep
--------------------------------------------------------------------------------
/test/models/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nicolaseschneider/VideoCall-React-Component---Tutorial/427824988d99ea420f3c5cb329053911adf088bd/test/models/.keep
--------------------------------------------------------------------------------
/test/system/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nicolaseschneider/VideoCall-React-Component---Tutorial/427824988d99ea420f3c5cb329053911adf088bd/test/system/.keep
--------------------------------------------------------------------------------
/test/test_helper.rb:
--------------------------------------------------------------------------------
1 | ENV['RAILS_ENV'] ||= 'test'
2 | require_relative '../config/environment'
3 | require 'rails/test_help'
4 |
5 | class ActiveSupport::TestCase
6 | # Setup all fixtures in test/fixtures/*.yml for all tests in alphabetical order.
7 | fixtures :all
8 |
9 | # Add more helper methods to be used by all tests here...
10 | end
11 |
--------------------------------------------------------------------------------
/tmp/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nicolaseschneider/VideoCall-React-Component---Tutorial/427824988d99ea420f3c5cb329053911adf088bd/tmp/.keep
--------------------------------------------------------------------------------
/vendor/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nicolaseschneider/VideoCall-React-Component---Tutorial/427824988d99ea420f3c5cb329053911adf088bd/vendor/.keep
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | var path = require('path');
2 |
3 | module.exports = {
4 | entry: "./frontend/VideoComponent.jsx",
5 | output: {
6 | path: path.resolve(__dirname, 'app', 'assets', 'javascripts'),
7 | filename: "bundle.js"
8 | },
9 | module: {
10 | rules: [
11 | {
12 | test: [/\.jsx?$/],
13 | exclude: /(node_modules)/,
14 | use: {
15 | loader: 'babel-loader',
16 | query: {
17 | presets: ['@babel/env', '@babel/react']
18 | }
19 | },
20 | }
21 | ]
22 | },
23 | devtool: 'eval-source-map',
24 | resolve: {
25 | extensions: ['.js', '.jsx', '*']
26 | }
27 | };
--------------------------------------------------------------------------------