WIP: Refs #21312 - add webpack url with hostname csp

app/controllers/application_controller.rb

@@ -382,8 +382,12 @@ def parameter_filter_context
   end
 
   def allow_webpack
-    webpack_csp = { script_src: [webpack_server], connect_src: [webpack_server],
-                    style_src: [webpack_server], img_src: [webpack_server] }
+    webpack_urls = [webpack_server]
+
+    webpack_csp = {
+      script_src: webpack_urls, connect_src: webpack_urls,
+      style_src: webpack_urls, img_src: webpack_urls
+    }
 
     append_content_security_policy_directives(webpack_csp)
   end
@@ -393,6 +397,12 @@ def webpack_server
     @dev_server ||= "#{request.protocol}#{request.host}:#{port}"
   end
 
+  # def webpack_server_hostname
+  #   port = Rails.configuration.webpack.dev_server.port
+  #   hostname = Socket.gethostname
+  #   @dev_server ||= "#{request.protocol}#{hostname}:#{port}"
+  # end
+
   class << self
     def parameter_filter_context
       Foreman::ParameterFilter::Context.new(:ui, controller_name, nil)

config/webpack.config.js

@@ -54,10 +54,13 @@ const devServerConfig = () => {
     throw result.error;
   }
 
+  const host = args.host || process.env.BIND || 'localhost';
+  const publicHost = host === 'localhost' ? 'localhost' : args.host || os.hostname();
+
   return {
     port: args.port || '3808',
-    host: args.host || process.env.BIND || 'localhost',
-    publicHost: removePort(args.public) || args.host || os.hostname(),
+    host,
+    publicHost,
     protocol: args.https ? 'https' : 'http',
   }
 }