Merge pull request #8 from TwilioDevEd/fix-assets

Move js assets to javascript folder

Author: rojasTob

app/assets/config/manifest.js

@@ -1,3 +1,2 @@
 //= link_tree ../images
-//= link_directory ../javascripts .js
 //= link_directory ../stylesheets .css

app/assets/javascripts/application.js

@@ -1,13 +1,7 @@
+ 
 // Action Cable provides the framework to deal with WebSockets in Rails.
 // You can generate new channels where WebSocket features live using the `rails generate channel` command.
-//
-//= require action_cable
-//= require_self
-//= require_tree ./channels
 
-(function() {
- this.App || (this.App = {});
+import { createConsumer } from "@rails/actioncable"
 
- App.cable = ActionCable.createConsumer();
-
-}).call(this);
+export default createConsumer()

app/assets/javascripts/channels/.keep

@@ -0,0 +1,6 @@
+ 
+// Load all the channels within this directory and all subdirectories.
+// Channel files must be named *_channel.js.
+
+const channels = require.context('.', true, /_channel\.js$/)
+channels.keys().forEach(channels)

app/assets/javascripts/main.coffee

@@ -1,18 +1,18 @@
-/* eslint no-console:0 */
 // This file is automatically compiled by Webpack, along with any other files
 // present in this directory. You're encouraged to place your actual application logic in
 // a relevant structure within app/javascript and only use these pack files to reference
 // that code so it'll be compiled.
-//
-// To reference this file, add <%= javascript_pack_tag 'application' %> to the appropriate
-// layout file, like app/views/layouts/application.html.erb
 
+require("@rails/ujs").start()
+require("turbolinks").start()
+require("@rails/activestorage").start()
+require("channels")
+import './intlTelInput.js'
+import './utils.js'
 
 // Uncomment to copy all static images under ../images to the output folder and reference
 // them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)
 // or the `imagePath` JavaScript helper below.
 //
 // const images = require.context('../images', true)
 // const imagePath = (name) => images(name, true)
-
-console.log('Hello World from Webpacker')

app/assets/javascripts/sessions.coffee

@@ -7,7 +7,7 @@
 // wrap in UMD
 (function(factory) {
  var intlTelInput = factory(window, document);
- if (typeof module === "object" && module.exports) module.exports = intlTelInput; else window.intlTelInput = intlTelInput;
+ window.intlTelInput = intlTelInput;
 })(function(window, document, undefined) {
  "use strict";
  return function() {