feat: rewrite snowpack.config to js format

Author: KonnorRogers

examples/railsapp/config/initializers/snowpacker.rb

@@ -1,10 +1,13 @@
-require 'json'
-
 Snowpacker.configure do |snowpacker|
   # Where to find the config file
-  snowpacker.config_file = Rails.root.join('config', 'snowpack.config.json')
+  snowpacker.config_file = Rails.root.join('config', 'snowpack.config.js')
 
+  # Snowpacker will set these values at runtime via `config/snowpack.config.js`
+  snowpacker.output_path = "snowpacks" # => /public/snowpacks
   snowpacker.port = "4035"
+
+  # Currently, snowpack does not support the hostname option as of version 2.6.4
+  # Support should be coming in 2.6.5, so until then, this is just a placeholder.
   snowpacker.hostname = "localhost"
 end
 

examples/railsapp/config/snowpack.config.js

@@ -0,0 +1,35 @@
+const output_path = process.env["SNOWPACKER_OUTPUT_PATH"]
+const port = process.env["SNOWPACKER_PORT"]
+
+// not currently supported
+// const hostname = process.env["SNOWPACKER_HOSTNAME"]
+
+const scripts = {
+  "mount:web_modules": `mount web_modules --to /${output_path}`,
+  "mount:__snowpack__": `mount __snowpack__ --to /${output_path}`,
+  "mount:snowpacks": `mount app/javascript --to /${output_path}`
+}
+
+const installOptions = {
+  NODE_ENV: true
+}
+
+const devOptions = {
+  port: parseInt(port, 10),
+  open: "none",
+  out: "public"
+}
+
+const buildOptions = {
+  clean: true,
+  baseUrl: "/"
+}
+
+module.exports = {
+  scripts,
+  plugins: ["@snowpack/plugin-babel"],
+  installOptions,
+  devOptions,
+  buildOptions
+}
+

examples/railsapp/config/snowpack.config.json

@@ -2,9 +2,11 @@ module Snowpacker
   class Configuration
     attr_accessor :config_file
 
+    attr_accessor :output_path
     attr_accessor :port, :hostname
 
     def initialize
+      @output_path = "snowpacks"
       @port = "4035"
       @hostname = "localhost"
     end

lib/snowpacker/configuration.rb

@@ -0,0 +1,19 @@
+module Snowpacker
+  class Env
+    ENV_PREFIX = "SNOWPACKER".freeze
+
+    class << self
+      def set_env_variables
+        set_env("OUTPUT_PATH", Snowpacker.config.output_path)
+        set_env("HOSTNAME", Snowpacker.config.hostname)
+        set_env("PORT", Snowpacker.config.port)
+      end
+
+      private
+
+      def set_env(env_var, value)
+        ENV["#{ENV_PREFIX}_#{env_var}"] = value.to_s
+      end
+    end
+  end
+end

lib/snowpacker/env.rb

@@ -1,6 +1,7 @@
 # frozen_string_literal: true
 
 require 'socket'
+require 'snowpacker/env'
 
 module Snowpacker
   module Rails
@@ -9,6 +10,7 @@ class Runner
 
       def initialize
         @config_file = Snowpacker.config.config_file
+        @env = Env.set_env_variables
 
         detect_port!
 

lib/snowpacker/runner.rb

@@ -9,7 +9,7 @@ class SnowpackerProxy < Rack::Proxy
     def perform_request(env)
       request = Rack::Request.new(env)
 
-      if request.path =~ %r{^/snowpacks} # && dev_server_running?
+      if request.path =~ %r{^/snowpacks} && dev_server_running?
         env["HTTP_HOST"] = host_with_port
         env['HTTP_COOKIE'] = ''
         super(env)
@@ -25,10 +25,10 @@ def dev_server_running?
       port = Snowpacker.config.port
       connect_timeout = 0.01
 
-      socket.tcp(host, port, connect_timeout: connect_timeout).close
-      puts "Dev server running"
+      Socket.tcp(host, port, connect_timeout: connect_timeout).close
       true
-    rescue StandardError
+    rescue Errno::ECONNREFUSED
+      puts "Snowpacker is not currently running on #{host_with_port}"
       false
     end
 

lib/snowpacker/snowpacker_proxy.rb

@@ -2,14 +2,7 @@
   # Where to find the config file
   snowpacker.config_file = Rails.root.join('config', 'snowpack.config.json')
 
-  # Where your javascript is located
-  snowpacker.source_path = Rails.root.join('app', 'javascript')
-  snowpacker.entry_points = [File.join(snowpacker.source_path, 'snowpacks', 'application.js')]
-
-  # Where to output your files to
-  snowpacker.out = Rails.root.join('snowpacks')
-  snowpacker.javascript = File.join(snowpacker.out, 'javascript')
-  snowpacker.stylesheets = File.join(snowpacker.out, 'stylesheets')
-  snowpacker.assets = File.join(snowpacker.out, 'assets')
+  snowpacker.port = "4035" # Port to run on
+  snowpacker.hostname = "localhost" # hostname to use
 end