closes #17

Author: catmando

lib/hyperloop-config.rb

@@ -2,16 +2,21 @@
   require 'hyperloop/string'
   require 'hyperloop/client_stubs'
   require 'hyperloop/context'
+  require 'hyperloop/js_imports'
   require 'hyperloop/on_client'
   require 'hyperloop/active_support_string_inquirer.rb'
   require 'hyperloop_env'
 else
   require 'opal'
   require 'opal-browser'
-  require 'opal-rails' if defined? Rails
+  begin
+    require 'opal-rails' if defined? Rails
+  rescue LoadError
+  end
   require 'hyperloop/config_settings'
   require 'hyperloop/context'
   require 'hyperloop/imports'
+  require 'hyperloop/js_imports'
   require 'hyperloop/client_readers'
   require 'hyperloop/on_client'
   require 'hyperloop/rail_tie' if defined? Rails

lib/hyperloop/imports.rb

@@ -5,9 +5,9 @@ def import_list
       @import_list ||= []
     end
 
-    def import(value, gem: nil, cancelled: nil, client_only: nil, server_only: nil, tree: nil)
+    def import(value, gem: nil, cancelled: nil, client_only: nil, server_only: nil, tree: nil, js_import: nil)
       unless import_list.detect { |current_value, *_rest| value == current_value }
-        import_list << [value, cancelled, !client_only, !server_only, (tree ? :tree : :gem)]
+        import_list << [value, cancelled, !client_only, !server_only, (tree ? :tree : :gem), js_import]
       end
     end
 
@@ -18,15 +18,32 @@ def import_tree(value, cancelled: nil, client_only: nil, server_only: nil)
     end
 
     def cancel_import(value)
+      return unless value
       current_spec = import_list.detect { |old_value, *_rest| value == old_value }
       if current_spec
-        current_spec[1] = true 
+        current_spec[1] = true
       else
         import_list << [value, true, true, true, false]
       end
     end
 
+    def cancel_webpack_imports
+      import_list.collect { |name, _c, _co, _so, _t, js_import, *_rest| js_import && name }
+                 .each { |name| cancel_import name }
+    end
+
+    def handle_webpack
+      return unless defined? Webpacker
+      client_only_manifest = Webpacker.manifest.lookup("client_only.js")
+      client_and_server_manifest = Webpacker.manifest.lookup("client_and_server.js")
+      return unless client_only_manifest || client_and_server_manifest
+      cancel_webpack_imports
+      import client_only_manifest.split("/").last, client_only: true if client_only_manifest
+      import client_and_server_manifest.split("/").last if client_and_server_manifest
+    end
+
     def generate_requires(mode, sys, file)
+      handle_webpack
       import_list.collect do |value, cancelled, render_on_server, render_on_client, kind|
         next if cancelled
         next if (sys && kind == :tree) || (!sys && kind != :tree)

lib/hyperloop/js_imports.rb

@@ -0,0 +1,18 @@
+module Hyperloop
+  class << self
+    def js_import(value, client_only: nil, server_only: nil, defines:)
+      defines = [*defines]
+      if RUBY_ENGINE != 'opal'
+        import(value, client_only: client_only, server_only: server_only, js_import: true)
+      else
+        on_server = `typeof Opal.global.document === 'undefined'`
+        return if (server_only && !on_server) || (client_only && on_server)
+        defines.each do |name|
+          next unless `Opal.global[#{name}] === undefined`
+          raise "The package #{name} was not found. Add it to the webpack "\
+                "#{client_only ? 'client_only.js' : 'client_and_server.js'} manifest."
+        end
+      end
+    end
+  end
+end