RubyGems - vite_rails - Versions diffs - 1.0.0 → 1.0.5 - Mend

vite_rails 1.0.0 → 1.0.5

Files changed (24) hide show

checksums.yaml +4 -4
data/CHANGELOG.md +9 -1
data/README.md +69 -2
data/lib/install/bin/vite +17 -0
data/lib/install/config/vite.config.ts +11 -0
data/lib/install/config/vite.json +14 -0
data/lib/install/javascript/entrypoints/application.js +18 -0
data/lib/install/template.rb +7 -29
data/lib/tasks/vite/binstubs.rake +12 -0
data/lib/tasks/vite/build.rake +33 -0
data/lib/tasks/vite/clean.rake +25 -0
data/lib/tasks/vite/clobber.rake +20 -0
data/lib/tasks/vite/info.rake +21 -0
data/lib/tasks/vite/install.rake +12 -0
data/lib/tasks/vite/install_dependencies.rake +20 -0
data/lib/tasks/vite/verify_install.rake +23 -0
data/lib/vite_rails.rb +6 -1
data/lib/vite_rails/config.rb +0 -2
data/lib/vite_rails/dev_server_proxy.rb +6 -4
data/lib/vite_rails/helper.rb +29 -8
data/lib/vite_rails/manifest.rb +16 -12
data/lib/vite_rails/version.rb +1 -1
data/package.json +4 -20
metadata +16 -4

checksums.yaml CHANGED

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ad566a46292f652f6533c40901952359b27afdc98224af3f67bd4414a906a951
-  data.tar.gz: f3a035a74e1f3d092b99d46a25dfd32cd2d6cb50071f7dc971473f0958a76893
+  metadata.gz: c1036b7b19ba86a9e76a58b29bac36a0e919bdadeac59846a37a13f5f5d3690b
+  data.tar.gz: 51fc54fa2138c581ca9f92182e14faa2108cba30084656718f7792c3bf5947b4
 SHA512:
-  metadata.gz: 77d1dd2b22130bdee130dc814e4453d1c63ad6823c3cc0cd9e6a1f8a17c3f02adb31f8924e2f97d686dc707bbd2b56b327948e6e12f5bcdf2c47132f62293891
-  data.tar.gz: 635ea8d95ed3e8cd3dc0e2f44fd962fdf3920578bdeb51f6cabf2be251035555371d20adb1ac9ab5a6e81d6620def27a0b646fc2f3bd8f769869d328c1ef5c40
+  metadata.gz: 13857bbd2f3b308357b82663e140a1630699259274a5bab6c738c84444ab02aba67ef0b361a9598528f60186ec8a3748584885492026a36c928db77976ec7e5b
+  data.tar.gz: e15766ff9f599d4f0e18b2e1a30a3cd38182dc36efc479371c474f54ed0866c8451469952afc267f4247351592a3e6651010b2b5db28ac58e99e3bc60deef3f0

data/CHANGELOG.md CHANGED

@@ -1,3 +1,11 @@
-## Vite Rails 1.0.0
+## Vite Rails 1.0.5  (2020-01-20)
+- Automatically add `<link rel="modulepreload">` and `<link rel="stylesheet">` when using `vite_javascript_tag`, which simplifies usage.
+## Vite Rails 1.0.4  (2020-01-19)
+- Remove Vue specific examples from installation templates, to ensure they always run.
+## Vite Rails 1.0.0 (2020-01-18)
 Initial Version

data/README.md CHANGED

@@ -22,6 +22,7 @@
 [vite_rails]: https://github.com/ElMassimo/vite_rails
 [webpacker]: https://github.com/rails/webpacker
 [vite]: http://vitejs.dev/
+[config file]: https://github.com/ElMassimo/vite_rails/blob/main/package/default.vite.json
 [__Vite Rails__][vite_rails] allows you to use [Vite] to power the frontend.
@@ -32,11 +33,12 @@
 - 🤖 Automatic Entrypoint Detection
 - ⚡️ Hot Reload
 - ⚙️ Rake Tasks
-- 🪝 Hooks to <kbd>assets:precompile</kbd> and friends
+- 🤝 Integrated with <kbd>assets:precompile</kbd> and friends
+- And more! (detects changes, and builds automatically if Vite is not running)
 ## Documentation 📖
-Coming Soon!
+A documentation website is coming soon!
 ## Installation 💿
@@ -55,6 +57,71 @@ bin/rake vite:install
 This will generate configuration files and a sample setup.
+## Usage 🚀
+Drawing inspiration from [webpacker], any files in `app/javascript/entrypoints`
+will be considered entries to your application (SPAs or pages).
+These files will be detected, and passed on to Vite, all configuration is done
+for you.
+### Imports ⤵️
+For convenience, a `~/` import alias is configured to `app/javascript`, allowing
+you to use absolute paths:
+```js
+import { createApp } from 'vue'
+import App from '~/App.vue'
+import '~/channels'
+createApp(App).mount('#app')
+```
+### Tags 🏷
+`vite_typescript_tag`, `vite_javascript_tag`, and `vite_stylesheet_tag` can be
+used to output `<script>` and `<link>` tags in your Rails layouts or templates.
+```html
+<head>
+  <title>Joie</title>
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag %>
+  <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
+  <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
+  <%= vite_stylesheet_tag 'strange' %>
+  <%= vite_typescript_tag 'application' %>
+</head>
+```
+For other types of assets, you can use `vite_asset_path` and pass that to the appropriate tag helper.
+## Configuration ⚙️
+This is what your `config/vite.json` might look like:
+```json
+{
+  "all": {
+    "watchAdditionalPaths": []
+  },
+  "development": {
+    "autoBuild": true,
+    "publicOutputDir": "vite-dev",
+    "port": 3036
+  },
+  "test": {
+    "autoBuild": true,
+    "publicOutputDir": "vite-test"
+  }
+}
+```
+Check [this file][config file] to see all config options, documentation is coming soon.
 ## Inspiration 💡
 - [webpacker]

data/lib/install/bin/vite ADDED

@@ -0,0 +1,17 @@
+#!/usr/bin/env ruby
+# frozen_string_literal: true
+ENV['RAILS_ENV'] ||= ENV['RACK_ENV'] || 'development'
+ENV['NODE_ENV']  ||= ENV['RAILS_ENV'] == 'development' ? 'development' : 'production'
+require 'pathname'
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', Pathname.new(__FILE__).realpath)
+require 'bundler/setup'
+require 'vite_rails'
+APP_ROOT = File.expand_path('..', __dir__)
+Dir.chdir(APP_ROOT) do
+  ViteRails.run(ARGV)
+end

data/lib/install/config/vite.config.ts ADDED

@@ -0,0 +1,11 @@
+import { defineConfig } from 'vite'
+import RubyPlugin from 'vite-plugin-ruby'
+export default defineConfig({
+  plugins: [
+    RubyPlugin(),
+  ],
+  optimizeDeps: {
+    exclude: [/webpack/, /vite-plugin-ruby/],
+  },
+})

data/lib/install/config/vite.json ADDED

@@ -0,0 +1,14 @@
+{
+  "all": {
+    "watchAdditionalPaths": []
+  },
+  "development": {
+    "autoBuild": true,
+    "publicOutputDir": "vite-dev",
+    "port": 3036
+  },
+  "test": {
+    "autoBuild": true,
+    "publicOutputDir": "vite-test"
+  }
+}

data/lib/install/javascript/entrypoints/application.js ADDED

@@ -0,0 +1,18 @@
+// Example: Load Rails libraries in Vite.
+//
+// import '@rails/ujs'
+//
+// import Turbolinks from 'turbolinks'
+// import ActiveStorage from '@rails/activestorage'
+//
+// // Import all channels.
+// import.meta.globEager('./**/*_channel.js')
+//
+// Turbolinks.start()
+// ActiveStorage.start()
+// Example: Import a stylesheet in app/javascript/index.css
+// import '~/index.css'
+console.log('Vite ⚡️ Rails')

data/lib/install/template.rb CHANGED

@@ -1,14 +1,12 @@
 # frozen_string_literal: true
-# Install ViteRails
+# Install Vite Rails
+say 'Creating configuration files'
 copy_file "#{ __dir__ }/config/vite.json", ViteRails.config.config_path
+copy_file "#{ __dir__ }/config/vite.config.ts", Rails.root.join('vite.config.ts')
-if Dir.exist?(ViteRails.config.source_code_dir)
-  say 'The JavaScript app source directory already exists. Move it and try again to see a basic setup.'
-else
-  say 'Creating JavaScript app source directory'
-  directory "#{ __dir__ }/javascript", ViteRails.config.source_code_dir
-end
+say 'Creating entrypoints directory'
+directory "#{ __dir__ }/javascript/entrypoints", ViteRails.config.source_code_dir.join(ViteRails.config.entrypoints_dir)
 apply "#{ __dir__ }/binstubs.rb"
@@ -28,14 +26,6 @@ if git_ignore_path.exist?
   }
 end
-install = if Rails.root.join('yarn.lock').exist?
-  'yarn add'
-elsif Rails.root.join('pnpm-lock.yaml').exist?
-  'pnpm install'
-else
-  'npm install'
-end
 Dir.chdir(Rails.root) do
   say 'Installing JavaScript dependencies for Vite Rails'
   package_json = File.read("#{ __dir__ }/../../package.json")
@@ -44,19 +34,7 @@ Dir.chdir(Rails.root) do
   plugin_version = package_json.match(/"vite-plugin-ruby": "(.*)"/)[1]
   say 'Installing vite as direct dependencies'
-  run "#{ install } vite@#{ vite_version } vite-plugin-ruby@#{ plugin_version }"
-end
-if Rails::VERSION::MAJOR == 5 && Rails::VERSION::MINOR > 1
-  src = begin
-          "#{ ViteRails.config.protocol }://#{ ViteRails.config.host_with_port }"
-        rescue StandardError
-          'http://localhost:3036'
-        end
-  say 'You need to allow vite-dev-server host as allowed origin for connect-src.', :yellow
-  say 'This can be done in Rails 5.2+ for development environment in the CSP initializer', :yellow
-  say 'config/initializers/content_security_policy.rb with a snippet like this:', :yellow
-  say %(policy.connect_src :self, :https, "http://#{ src }", "ws://#{ src }" if Rails.env.development?), :yellow
+  run "yarn add vite@#{ vite_version } vite-plugin-ruby@#{ plugin_version }"
 end
-say 'ViteRails successfully installed 🎉 🍰', :green
+say 'Vite ⚡️ Rails successfully installed! 🎉', :green

data/lib/tasks/vite/binstubs.rake ADDED

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+binstubs_template_path = File.expand_path('../../install/binstubs.rb', __dir__).freeze
+bin_path = ENV['BUNDLE_BIN'] || Rails.root.join('bin')
+namespace :vite do
+  desc 'Installs Vite binstubs in this application'
+  task :binstubs do |task|
+    prefix = task.name.split(/#|vite:binstubs/).first
+    exec "#{ RbConfig.ruby } #{ bin_path }/rails #{ prefix }app:template LOCATION=#{ binstubs_template_path }"
+  end
+end

data/lib/tasks/vite/build.rake ADDED

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+$stdout.sync = true
+def enhance_assets_precompile
+  Rake::Task['assets:precompile'] do |task|
+    prefix = task.name.split(/#|assets:precompile/).first
+    Rake::Task["#{ prefix }vite:build"].invoke
+  end
+end
+namespace :vite do
+  desc 'Compile JavaScript packs using vite for production with digests'
+  task build: [:'vite:verify_install', :environment] do
+    ViteRails.with_node_env(ENV.fetch('NODE_ENV', 'production')) do
+      ViteRails.ensure_log_goes_to_stdout do
+        ViteRails.build || exit!
+      end
+    end
+  end
+end
+# Compile packs after we've compiled all other assets during precompilation
+skip_vite_precompile = %w[no false n f].include?(ENV['VITE_RUBY_PRECOMPILE'])
+unless skip_vite_precompile
+  if Rake::Task.task_defined?('assets:precompile')
+    enhance_assets_precompile
+  else
+    Rake::Task.define_task('assets:precompile' => [:'vite:install_dependencies', :'vite:build'])
+  end
+end

data/lib/tasks/vite/clean.rake ADDED

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+$stdout.sync = true
+namespace :vite do
+  desc 'Remove old compiled vites'
+  task :clean, [:keep, :age] => [:'vite:verify_install', :environment] do |_, args|
+    ViteRails.ensure_log_goes_to_stdout do
+      ViteRails.clean(keep_up_to: Integer(args.keep || 2), age_in_seconds: Integer(args.age || 3600))
+    end
+  end
+end
+skip_vite_clean = %w[no false n f].include?(ENV['VITE_RUBY_PRECOMPILE'])
+unless skip_vite_clean
+  # Run clean if the assets:clean is run
+  if Rake::Task.task_defined?('assets:clean')
+    Rake::Task['assets:clean'].enhance do
+      Rake::Task['vite:clean'].invoke
+    end
+  else
+    Rake::Task.define_task('assets:clean' => 'vite:clean')
+  end
+end

data/lib/tasks/vite/clobber.rake ADDED

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+namespace :vite do
+  desc 'Remove the vite build output directory'
+  task clobber: [:'vite:verify_install', :environment] do
+    ViteRails.clobber
+    $stdout.puts "Removed vite build output directory #{ ViteRails.config.build_output_dir }"
+  end
+end
+skip_vite_clobber = %w[no false n f].include?(ENV['VITE_RUBY_PRECOMPILE'])
+unless skip_vite_clobber
+  # Run clobber if the assets:clobber is run
+  if Rake::Task.task_defined?('assets:clobber')
+    Rake::Task['assets:clobber'].enhance do
+      Rake::Task['vite:clobber'].invoke
+    end
+  end
+end

data/lib/tasks/vite/info.rake ADDED

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+namespace :vite do
+  desc "Provide information on ViteRails's environment"
+  task :info do
+    Dir.chdir(Rails.root) do
+      $stdout.puts "Ruby: #{ `ruby --version` }"
+      $stdout.puts "Rails: #{ Rails.version }"
+      $stdout.puts "ViteRails: #{ ViteRails::VERSION }"
+      $stdout.puts "Node: #{ `node --version` }"
+      $stdout.puts "Yarn: #{ `yarn --version` }"
+      $stdout.puts "\n"
+      $stdout.puts "vite-plugin-ruby: \n#{ `npm list vite-plugin-ruby version` }"
+      $stdout.puts "Is bin/vite present?: #{ File.exist? 'bin/vite' }"
+      $stdout.puts "Is bin/vite-dev-server present?: #{ File.exist? 'bin/vite-dev-server' }"
+      $stdout.puts "Is bin/yarn present?: #{ File.exist? 'bin/yarn' }"
+    end
+  end
+end

data/lib/tasks/vite/install.rake ADDED

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+install_template_path = File.expand_path('../../install/template.rb', __dir__).freeze
+bin_path = ENV['BUNDLE_BIN'] || Rails.root.join('bin')
+namespace :vite do
+  desc 'Install ViteRails in this application'
+  task :install do |task|
+    prefix = task.name.split(/#|vite:install/).first
+    exec "#{ RbConfig.ruby } #{ bin_path }/rails #{ prefix }app:template LOCATION=#{ install_template_path }"
+  end
+end

data/lib/tasks/vite/install_dependencies.rake ADDED

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+namespace :vite do
+  desc 'Support for older Rails versions. Install all JavaScript dependencies as specified via Yarn'
+  task :install_dependencies do
+    valid_node_envs = %w[test development production]
+    node_env = ENV.fetch('NODE_ENV') { valid_node_envs.include?(Rails.env) ? Rails.env : 'production' }
+    Dir.chdir(Rails.root) do
+      install_command = if Rails.root.join('yarn.lock').exist?
+        v1 = `yarn --version`.start_with?('1')
+        "yarn install #{ v1 ? '--no-progress --frozen-lockfile' : '--immutable' }"
+      elsif Rails.root.join('pnpm-lock.yaml').exist?
+        'pnpm install'
+      else
+        'npm ci'
+      end
+      system({ 'NODE_ENV' => node_env }, install_command)
+    end
+  end
+end

data/lib/tasks/vite/verify_install.rake ADDED

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+namespace :vite do
+  desc 'Verifies if Vite Rails is installed'
+  task :verify_install do
+    unless File.exist?(Rails.root.join('bin/vite'))
+      warn <<~WARN
+        vite binstub not found.
+        Have you run rails vite:install?
+        Make sure the bin directory and bin/vite are not included in .gitignore
+      WARN
+      exit!
+    end
+    unless ViteRails.config.config_path.exist?
+      path = ViteRails.config.config_path.relative_path_from(Pathname.new(pwd)).to_s
+      warn <<~WARN
+        Configuration #{ path } file for vite-plugin-ruby not found.
+        Make sure vite:install has run successfully before running dependent tasks.
+      WARN
+      exit!
+    end
+  end
+end

data/lib/vite_rails.rb CHANGED

@@ -22,7 +22,7 @@ class ViteRails
   cattr_accessor(:logger) { ActiveSupport::TaggedLogging.new(ActiveSupport::Logger.new(STDOUT)) }
   class << self
-    delegate :config, :builder, :manifest, :commands, :dev_server, to: :instance
+    delegate :config, :builder, :manifest, :commands, :dev_server, :dev_server_running?, to: :instance
     delegate :mode, to: :config
     delegate :bootstrap, :clean, :clobber, :build, to: :commands
@@ -62,6 +62,11 @@ class ViteRails
     end
   end
+  # Public: Returns true if the Vite development server is running.
+  def dev_server_running?
+    ViteRails.run_proxy? && dev_server.running?
+  end
   # Public: Current instance configuration for Vite.
   def config
     @config ||= ViteRails::Config.resolve_config

data/lib/vite_rails/config.rb CHANGED

@@ -66,8 +66,6 @@ private
     # Internal: Used to load a JSON file from the specified path.
     def load_json(path)
       JSON.parse(File.read(File.expand_path(path))).deep_transform_keys(&:underscore)
-    rescue => error
-      (require 'pry-byebug';binding.pry;);
     end
     # Internal: Retrieves a configuration option from environment variables.

data/lib/vite_rails/dev_server_proxy.rb CHANGED

@@ -14,7 +14,7 @@ class ViteRails::DevServerProxy < Rack::Proxy
   # Rack: Intercept asset requests and send them to the Vite server.
   def perform_request(env)
-    if vite_should_handle?(env['REQUEST_URI']) && dev_server.running?
+    if vite_should_handle?(env['REQUEST_URI'], env['HTTP_REFERER']) && dev_server.running?
       env['REQUEST_URI'] = env['REQUEST_URI']
         .sub(vite_asset_url_prefix, '/')
         .sub('.ts.js', '.ts') # Patch: Rails helpers always append the extension.
@@ -36,9 +36,11 @@ private
   delegate :config, :dev_server, to: :@vite_rails
-  def vite_should_handle?(url)
-    url.start_with?(vite_asset_url_prefix) || url.start_with?(VITE_DEPENDENCY_PREFIX) ||
-      url.include?('?t=') # Direct Hot Reload
+  def vite_should_handle?(url, referer)
+    return true if url.start_with?(vite_asset_url_prefix) # Vite Asset
+    return true if url.start_with?(VITE_DEPENDENCY_PREFIX) # Vite Package Asset
+    return true if url.include?('?t=') # Hot Reload
+    return true if referer && URI.parse(referer).path.start_with?(vite_asset_url_prefix) # Entry Imported from another Entry.
   end
   def vite_asset_url_prefix

data/lib/vite_rails/helper.rb CHANGED

@@ -2,6 +2,8 @@
 # Public: Allows to render HTML tags for scripts and styles processed by Vite.
 module ViteRails::Helper
+  DEFAULT_VITE_SKIP_PRELOAD_TAGS = Rails::VERSION::MAJOR <= 5 && Rails::VERSION::MINOR < 2
   # Public: Returns the current Vite Rails instance.
   def current_vite_instance
     ViteRails.instance
@@ -12,30 +14,49 @@ module ViteRails::Helper
   # Example:
   #   <%= vite_asset_path 'calendar.css' %> # => "/vite/assets/calendar-1016838bab065ae1e122.css"
   def vite_asset_path(name, **options)
-    current_vite_instance.manifest.lookup!(name, **options)
+    current_vite_instance.manifest.lookup!(name, **options).fetch('file')
   end
   # Public: Renders a <script> tag for the specified Vite entrypoints.
-  def vite_javascript_tag(*names, type: 'module', **options)
-    javascript_include_tag(*sources_from_vite_manifest_entrypoints(names, type: :javascript), type: type, **options)
+  def vite_javascript_tag(*names,
+                          type: 'module',
+                          asset_type: :javascript,
+                          skip_preload_tags: DEFAULT_VITE_SKIP_PRELOAD_TAGS,
+                          skip_style_tags: false,
+                          crossorigin: 'anonymous',
+                          **options)
+    js_entries = names.map { |name| current_vite_instance.manifest.lookup!(name, type: asset_type) }
+    js_tags = javascript_include_tag(*js_entries.map { |entry| entry['file'] }, type: type, crossorigin: crossorigin, **options)
+    unless skip_preload_tags || ViteRails.dev_server.running?
+      preload_paths = js_entries.flat_map { |entry| entry['imports'] }.compact.uniq
+      preload_tags = preload_paths.map { |path| preload_link_tag(path, crossorigin: crossorigin) }
+    end
+    unless skip_style_tags || ViteRails.dev_server.running?
+      style_paths = names.map { |name| current_vite_instance.manifest.lookup(name, type: :stylesheet)&.fetch('file') }.compact
+      style_tags = stylesheet_link_tag(*style_paths)
+    end
+    safe_join [js_tags, preload_tags, style_tags]
   end
   # Public: Renders a <script> tag for the specified Vite entrypoints.
   #
   # NOTE: Because TypeScript is not a valid target in browsers, we only specify
   # the ts file when running the Vite development server.
-  def vite_typescript_tag(*names, type: 'module', **options)
-    javascript_include_tag(*sources_from_vite_manifest_entrypoints(names, type: :typescript), type: type, **options)
+  def vite_typescript_tag(*names, **options)
+    vite_javascript_tag(*names, asset_type: :typescript, **options)
   end
   # Public: Renders a <link> tag for the specified Vite entrypoints.
   def vite_stylesheet_tag(*names, **options)
-    stylesheet_link_tag(*sources_from_vite_manifest_entrypoints(names, type: :stylesheet), **options)
+    stylesheet_link_tag(*sources_from_vite_manifest(names, type: :stylesheet), **options)
   end
 private
-  def sources_from_vite_manifest_entrypoints(names, type:)
-    names.flat_map { |name| vite_asset_path(name, type: type) }.uniq
+  def sources_from_vite_manifest(names, type:)
+    names.map { |name| vite_asset_path(name, type: type) }
   end
 end

data/lib/vite_rails/manifest.rb CHANGED

@@ -5,7 +5,7 @@
 #
 # Example:
 #   lookup_entrypoint('calendar', type: :javascript)
-#   => "/vite/assets/calendar-1016838bab065ae1e314.js"
+#   => { "file" => "/vite/assets/calendar-1016838bab065ae1e314.js", "imports" => [] }
 #
 # NOTE: Using "autoBuild": true` in `config/vite.json` file will trigger a build
 # on demand as needed, before performing any lookup.
@@ -29,7 +29,8 @@ class ViteRails::Manifest
   # Returns a relative path, or nil if the asset is not found.
   #
   # Example:
-  #   ViteRails.manifest.lookup('calendar.js') # => "/vite/assets/calendar-1016838bab065ae1e122.js"
+  #   ViteRails.manifest.lookup('calendar.js')
+  #   # { "file" => "/vite/assets/calendar-1016838bab065ae1e122.js", "imports" => [] }
   def lookup(name, type:)
     build if should_build?
@@ -43,12 +44,7 @@ class ViteRails::Manifest
 private
-  delegate :config, :builder, :dev_server, to: :@vite_rails
-  # Public: Returns true if the Vite development server is running.
-  def dev_server_running?
-    ViteRails.run_proxy? && dev_server.running?
-  end
+  delegate :config, :builder, :dev_server_running?, to: :@vite_rails
   # NOTE: Auto compilation is convenient when running tests, when the developer
   # won't focus on the frontend, or when running the Vite server is not desired.
@@ -59,9 +55,9 @@ private
   # Internal: Finds the specified entry in the manifest.
   def find_manifest_entry(name)
     if dev_server_running?
-      "/#{ config.public_output_dir.join(name.to_s) }"
-    elsif file = manifest.dig(name.to_s, 'file')
-      "/#{ config.public_output_dir.join(file) }"
+      { 'file' => "/#{ config.public_output_dir.join(name.to_s) }" }
+    else
+      manifest[name.to_s]
     end
   end
@@ -83,7 +79,10 @@ private
   # Internal: Returns a Hash with the entries in the manifest.json.
   def load_manifest
     if config.manifest_path.exist?
-      JSON.parse(config.manifest_path.read)
+      JSON.parse(config.manifest_path.read).each do |_, entry|
+        entry['file'] = within_public_output_dir(entry['file'])
+        entry['imports'] = entry['imports']&.map { |path| within_public_output_dir(path) }
+      end
     else
       {}
     end
@@ -96,6 +95,11 @@ private
     "#{ name }.#{ extension_for_type(entry_type) }"
   end
+  # Internal: Scopes the paths in the manifest to the output folder in public.
+  def within_public_output_dir(path)
+    "/#{ config.public_output_dir.join(path) }"
+  end
   # Internal: Allows to receive :javascript and :stylesheet as :type in helpers.
   def extension_for_type(entry_type)
     case entry_type

data/lib/vite_rails/version.rb CHANGED

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 class ViteRails
-  VERSION = '1.0.0'
+  VERSION = '1.0.5'
 end

data/package.json CHANGED

@@ -2,27 +2,11 @@
   "name": "only-for-workflows",
   "version": "unknown",
   "scripts": {
-    "test": "jest",
-    "lint": "eslint package/"
+    "lint": "npm -C package run lint",
+    "test": "npm -C package run test"
   },
   "dependencies": {
-    "vite": "^2.0.0-beta.30",
-    "vite-plugin-ruby": "1.0.0"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^1.0.6",
-    "eslint": "^7.16.0",
-    "eslint-config-airbnb": "^18.2.0",
-    "eslint-config-prettier": "^7.1.0",
-    "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-jsx-a11y": "^6.3.1",
-    "eslint-plugin-react": "^7.21.4",
-    "jest": "^26.5.3"
-  },
-  "jest": {
-    "testRegex": "(/__tests__/.*|(\\.|/))\\.jsx?$",
-    "roots": [
-      "<rootDir>/package"
-    ]
+    "vite": "^2.0.0-beta.34",
+    "vite-plugin-ruby": "^1.0.1"
   }
 }

metadata CHANGED

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: vite_rails
 version: !ruby/object:Gem::Version
-  version: 1.0.0
+  version: 1.0.5
 platform: ruby
 authors:
 - Máximo Mussini
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-01-19 00:00:00.000000000 Z
+date: 2021-01-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activesupport
@@ -119,8 +119,20 @@ files:
 - CONTRIBUTING.md
 - LICENSE.txt
 - README.md
+- lib/install/bin/vite
 - lib/install/binstubs.rb
+- lib/install/config/vite.config.ts
+- lib/install/config/vite.json
+- lib/install/javascript/entrypoints/application.js
 - lib/install/template.rb
+- lib/tasks/vite/binstubs.rake
+- lib/tasks/vite/build.rake
+- lib/tasks/vite/clean.rake
+- lib/tasks/vite/clobber.rake
+- lib/tasks/vite/info.rake
+- lib/tasks/vite/install.rake
+- lib/tasks/vite/install_dependencies.rake
+- lib/tasks/vite/verify_install.rake
 - lib/vite_rails.rb
 - lib/vite_rails/builder.rb
 - lib/vite_rails/commands.rb
@@ -174,8 +186,8 @@ homepage: https://github.com/ElMassimo/vite_rails
 licenses:
 - MIT
 metadata:
-  source_code_uri: https://github.com/ElMassimo/vite_rails/tree/v1.0.0
-  changelog_uri: https://github.com/ElMassimo/vite_rails/blob/v1.0.0/CHANGELOG.md
+  source_code_uri: https://github.com/ElMassimo/vite_rails/tree/v1.0.5
+  changelog_uri: https://github.com/ElMassimo/vite_rails/blob/v1.0.5/CHANGELOG.md
 post_install_message:
 rdoc_options: []
 require_paths: