rails_vite 0.1.2 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '0857c5ff94e3b683d91dc9514d94f03669cbc470a83690ab1952f152ec339f11'
-  data.tar.gz: c8c67fc040f4050365e8a16feb3aa18bf5ed35bf5c75e2174a7b1235830991c1
+  metadata.gz: e0866cfdef70a06feb58cd405f2cdd7c7f9ddcb097871ac6fb272041b00083e9
+  data.tar.gz: b9ddef44f6b0e08d780f034a6927cb778f4ffd2a9435ccbdac1aa24e1e989251
 SHA512:
-  metadata.gz: 3dbd780374483c13a7847076fe22cd64bbfe5852cdcbd003340ed1de8be7d883da3baef5f8ffeab4f46be18ee39f25c21a22a5b2977250b96b8078a18955635b
-  data.tar.gz: c5550e0498ddfbea0f37c562874123efb319a2db047164a6cf4809397ff17ebfb4a5a0628ee53457f1739fad01122048526354f37a0ae40a472467028f2aab4b
+  metadata.gz: bea54a2fe1632fb4f4abe14e5bb0d5f8acd4fae71c24107b667dce65eeb144744e62fada3fff4c5eceaccbd5f70ab749dbd555fcdf0f109b39789abc29aa13f4
+  data.tar.gz: 01bd405f1b316d45814e8df8fbf18d8ab6f00169620262784a4bc41ca4964b6bf0ea6a8a1dc18b697cb72f6154563cd16060a1f3546cdb90df68e038c20702bd

data/CHANGELOG.md

@@ -5,7 +5,28 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog],
 and this project adheres to [Semantic Versioning].
 
-## [Unreleased]
+## [0.2.1] - 2026-03-17
+
+### Added
+
+- Vite 8 (Rolldown) compatibility — support `rolldownOptions` alongside `rollupOptions` ([@skryukov])
+- Test mode isolation — build to `public/vite-test/` in test mode so test builds don't clobber dev/prod assets ([@skryukov])
+- Define `assets:precompile` and `assets:clobber` rake tasks when no asset pipeline is present ([@skryukov])
+
+### Fixed
+
+- Fix `?url` imports and asset references pointing to Rails server instead of Vite dev server ([@skryukov])
+- Fix embedded Vite instances (Storybook) overwriting dev stubs in jsbundling mode ([@skryukov])
+
+## [0.2.0] - 2026-03-11
+
+### Added
+
+- jsbundling mode — use Vite as a bundler with `jsbundling-rails` and Propshaft, no gem required ([@skryukov])
+
+### Fixed
+
+- `vite_asset_path` now works in development ([@skryukov])
 
 ## [0.1.2] - 2026-03-08
 
@@ -35,7 +56,9 @@ and this project adheres to [Semantic Versioning].
 
 [@skryukov]: https://github.com/skryukov
 
-[Unreleased]: https://github.com/skryukov/rails_vite/compare/v0.1.2...HEAD
+[Unreleased]: https://github.com/skryukov/rails_vite/compare/v0.2.1...HEAD
+[0.2.1]: https://github.com/skryukov/rails_vite/compare/v0.2.0...v0.2.1
+[0.2.0]: https://github.com/skryukov/rails_vite/compare/v0.1.2...v0.2.0
 [0.1.2]: https://github.com/skryukov/rails_vite/compare/v0.1.1...v0.1.2
 [0.1.1]: https://github.com/skryukov/rails_vite/compare/v0.1.0...v0.1.1
 [0.1.0]: https://github.com/skryukov/rails_vite/commits/v0.1.0

data/README.md

@@ -16,6 +16,7 @@ Vite integration for Rails, inspired by [Laravel's Vite plugin](https://laravel.
 - [Testing the Build](#testing-the-build)
 - [Custom Paths](#custom-paths)
 - [Rake Tasks](#rake-tasks)
+- [jsbundling Mode](#jsbundling-mode)
 - [Migrating from vite_rails](#migrating-from-vite_rails)
 - [Contributing](#contributing)
 - [License](#license)
@@ -141,7 +142,7 @@ Use `import.meta.glob` in your entry point to include assets in the Vite manifes
 
 ```js
 // app/javascript/application.js
-import.meta.glob(['../assets/images/**']);
+import.meta.glob(['../assets/images/**'], { eager: true });
 ```
 
 Then reference them in views:
@@ -172,10 +173,10 @@ export default defineConfig({
 | `input` | auto-detected | Entry point(s). If `sourceDir/entrypoints/` exists, all files in it are used. Otherwise, detects `application.{js,ts,jsx,tsx}` in `sourceDir` |
 | `sourceDir` | `'app/javascript'` | Source directory. Short names are prefixed with this. Also sets the `@` import alias |
 | `ssr` | — | SSR entry point |
-| `ssrOutputDirectory` | `'ssr'` | SSR output directory |
+| `ssrOutDir` | `'ssr'` | SSR output directory |
 | `devMetaFile` | `'tmp/rails-vite.json'` | Dev metadata file path |
-| `buildDirectory` | `'vite'` | Build output subdirectory inside `public/` |
-| `publicDirectory` | `'public'` | Public directory |
+| `buildDir` | `'vite'` | Build output subdirectory inside `public/` |
+| `publicDir` | `'public'` | Public directory |
 | `refresh` | `true` | Paths to watch for full-page reload. `true` watches `app/views/**` and `app/helpers/**` |
 
 ### Multiple Entry Points
@@ -251,7 +252,7 @@ export default defineConfig({
 
 ## SSR
 
-Set `ssr` to the entry point used for server-side rendering. When you run `npx vite build --ssr`, the plugin uses this as the input and outputs to the `ssrOutputDirectory` (default: `ssr/`).
+Set `ssr` to the entry point used for server-side rendering. When you run `npx vite build --ssr`, the plugin uses this as the input and outputs to the `ssrOutDir` (default: `ssr/`).
 
 ```typescript
 rails({
@@ -317,6 +318,80 @@ Defaults match the plugin defaults — no config needed if you follow convention
 `vite:build` hooks into `assets:precompile` and `test:prepare` automatically. Skip with `SKIP_VITE_BUILD=1`.
 
 
+## jsbundling Mode
+
+If you're using [`jsbundling-rails`](https://github.com/rails/jsbundling-rails) with Propshaft and want Vite as your bundler, you don't need the `rails_vite` gem — just the npm package:
+
+```bash
+npm install -D rails-vite-plugin vite
+```
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+import jsbundling from 'rails-vite-plugin/jsbundling';
+
+export default defineConfig({
+  plugins: [
+    jsbundling(),
+  ],
+});
+```
+
+**How it works:** In production, Vite builds to `public/assets/` and copies entry files to `app/assets/builds/` so Propshaft can serve them via `javascript_include_tag` and `stylesheet_link_tag`. In development, the plugin writes stub files to `app/assets/builds/` that redirect the browser to Vite's dev server for HMR.
+
+### jsbundling Options
+
+| Option | Default | Description |
+|--------|---------|-------------|
+| `input` | auto-detected | Entry point(s). If `sourceDir/entrypoints/` exists, all files in it are used. Otherwise, detects `application.{js,ts,jsx,tsx}` in `sourceDir` |
+| `sourceDir` | `'app/javascript'` | Source directory. Short names are prefixed with this. Also sets the `@` import alias |
+| `assetPipelineDir` | `'app/assets/builds'` | Directory where Propshaft/Sprockets picks up entry files |
+| `outputDir` | `'public/assets'` | Public directory for the full Vite build output |
+| `ssr` | — | SSR entry point. String or `{ entry, outDir }` |
+| `refresh` | — | Paths to watch for full-page reload. `true` watches `app/views/**` and `app/helpers/**` |
+| `devMetaFile` | `'tmp/rails-vite.json'` | Dev metadata file path. Set to `false` to disable |
+
+### Replacing esbuild
+
+In your `Procfile.dev`, replace the esbuild command:
+
+```
+web: bin/rails server -p 3000
+-js: yarn build --watch
++vite: npx vite
+```
+
+CSS and JS entries in `app/javascript/entrypoints/` are auto-discovered. Both `javascript_include_tag` and `stylesheet_link_tag` work unchanged — Propshaft resolves them from `app/assets/builds/` as before.
+
+### Frameworks
+
+React and Vue work the same as in the standard plugin — add the framework plugin before `jsbundling()`:
+
+```typescript
+import { defineConfig } from 'vite';
+import jsbundling from 'rails-vite-plugin/jsbundling';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+  plugins: [
+    react(),
+    jsbundling(),
+  ],
+});
+```
+
+### Upgrading to rails_vite
+
+To switch from jsbundling mode to the full `rails_vite` gem:
+
+1. Add `gem "rails_vite"` to your Gemfile and `bundle install`
+2. Change the import in `vite.config.ts` from `rails-vite-plugin/jsbundling` to `rails-vite-plugin`
+3. Replace `javascript_include_tag` / `stylesheet_link_tag` with `vite_tags` in your layouts
+4. Remove `jsbundling-rails` from your Gemfile
+
+In development, jsbundling mode writes `tmp/rails-vite.json` — the same file the `rails_vite` gem reads. You can add the gem and verify `vite_tags` works in dev before deploying.
+
 ## Migrating from vite_rails
 
 ### 1. Swap dependencies
@@ -330,7 +405,7 @@ Defaults match the plugin defaults — no config needed if you follow convention
 ```json
 // package.json — replace vite-plugin-ruby with rails-vite-plugin
 - "vite-plugin-ruby": "^5.1.1"
-+ "rails-vite-plugin": "^0.1.0"
++ "rails-vite-plugin": "^0.2.0"
 ```
 
 ### 2. Replace `vite.config.ts`

data/lib/rails_vite/config.rb

@@ -2,18 +2,22 @@ module RailsVite
   class Config
     META_FILENAME = "rails-vite.json"
 
-    attr_writer :dev_meta_path, :manifest_path, :asset_prefix, :auto_build
+    attr_writer :dev_meta_path, :manifest_path, :asset_prefix, :auto_build, :build_dir
 
     def dev_meta_path
       @dev_meta_path || Rails.root.join("tmp", META_FILENAME)
     end
 
+    def build_dir
+      @build_dir || (Rails.env.test? ? "vite-test" : "vite")
+    end
+
     def manifest_path
-      @manifest_path || Rails.root.join("public/vite/manifest.json")
+      @manifest_path || Rails.root.join("public", build_dir, "manifest.json")
     end
 
     def asset_prefix
-      @asset_prefix || "/vite"
+      @asset_prefix || "/#{build_dir}"
     end
 
     def source_dir
@@ -30,6 +34,7 @@ module RailsVite
     end
 
     def dev_server_running?
+      return false if Rails.env.test?
       !!dev_server_url
     end
 

data/lib/rails_vite/tag_helper.rb

@@ -27,7 +27,14 @@ module RailsVite
     end
 
     def vite_asset_path(name)
-      vite_asset_url(RailsVite.manifest.path_for(name))
+      config = RailsVite.config
+      resolved = resolve_vite_entry(name, config.source_dir, nil)
+
+      if config.dev_server_running?
+        "#{config.dev_server_url}/#{resolved}"
+      else
+        vite_asset_url(RailsVite.manifest.path_for(resolved))
+      end
     end
 
     def vite_image_tag(name, **options)

data/lib/rails_vite/tasks.rb

@@ -31,7 +31,9 @@ module RailsVite
     end
 
     def build_command
-      command_for(:build)
+      cmd = command_for(:build)
+      cmd += " --mode test" if Rails.env.test?
+      cmd
     end
 
     def tool

data/lib/rails_vite/version.rb

@@ -1,3 +1,3 @@
 module RailsVite
-  VERSION = "0.1.2"
+  VERSION = "0.2.1"
 end

data/lib/tasks/rails_vite/build.rake

@@ -20,10 +20,24 @@ namespace :vite do
 end
 
 unless ENV["SKIP_VITE_BUILD"]
-  %w[assets:precompile test:prepare spec:prepare db:test:prepare].each do |t|
-    Rake::Task[t].enhance(["vite:build"]) if Rake::Task.task_defined?(t)
-    break if %w[test:prepare spec:prepare].include?(t) && Rake::Task.task_defined?(t)
+  if Rake::Task.task_defined?("assets:precompile")
+    Rake::Task["assets:precompile"].enhance(["vite:build"])
+  else
+    desc "Compile assets"
+    Rake::Task.define_task("assets:precompile" => "vite:build")
   end
 
-  Rake::Task["assets:clobber"].enhance(["vite:clobber"]) if Rake::Task.task_defined?("assets:clobber")
+  if Rake::Task.task_defined?("assets:clobber")
+    Rake::Task["assets:clobber"].enhance(["vite:clobber"])
+  else
+    desc "Remove compiled assets"
+    Rake::Task.define_task("assets:clobber" => "vite:clobber")
+  end
+
+  %w[test:prepare spec:prepare db:test:prepare].each do |t|
+    if Rake::Task.task_defined?(t)
+      Rake::Task[t].enhance(["vite:build"])
+      break
+    end
+  end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rails_vite
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.2.1
 platform: ruby
 authors:
 - Svyatoslav Kryukov