rspack_rails 0.2.0 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b7f84e6f9280bcf6d3fbd54f2a3a267a817e7c333d4c89a70c8e171b477f3e85
-  data.tar.gz: '09e2d5eb77331777f33a1b58478ba1bac7774ffe83308b0f97236653fb80f534'
+  metadata.gz: d38b564f0260e86ab95775b11d6435853d520922028c59c3acce6c7ad1af639b
+  data.tar.gz: 062aff2e71411f542808ec77ed5054935040ec6018a1a3839ba374b2cfd10dc2
 SHA512:
-  metadata.gz: 79928a7186a0b752296a5d82cf5e570ce87730a24ce2c1c515c4490be4585fe512790b68b4bdef81f9a76c608a73a615d4db75d7891889092f1a8a56a7a76e66
-  data.tar.gz: 11660d1b0a381e43a789b8b5b2b92593784755cbfda2d00f32f1646b784dd39d959329fa2845febf900e4e6af38e4879c816832ecb5f2c944e1f8d6241ffbe47
+  metadata.gz: 0d1ab868d62a2ce92bb0cf1f330f4113e311658fea8e0174f50ef73c001fa7f67ccb580094bdb7f805606026536b7a3580ece740dd4f88d3b946baa32e84883a
+  data.tar.gz: c919c924784fb9885e4b8c9b8ae5db4255475adb9fd915a71e1a7a882a20bd02d6cf6c0eb2120928d7c89a0b214676ec3ddf92b1e785f48a89059e5e9ed02bd5

data/CHANGELOG.md

@@ -1,5 +1,12 @@
 ## [Unreleased]
 
+## [0.3.0] - 2026-11-13
+
+- Multiple entry points: every `app/javascript/entrypoints/*.{js,ts}` becomes a bundle named after the file; `application.ts` works as the main entry
+- `rspack:doctor` lists entry points and reports any that are not built
+- Fix: the dev server no longer writes `*.hot-update.js` files into `app/assets/builds`
+- Existing apps: re-run `bin/rails rspack:install` and accept the new `rspack.config.mjs`
+
 ## [0.2.0] - 2026-11-13
 
 - CSS imported from JavaScript is extracted to `app/assets/builds/<entry>.bundle.css` and hot-reloaded under `rspack serve`; `*.module.css` are CSS modules

data/README.md

@@ -63,6 +63,23 @@ Under `rspack serve`, editing a controller or adding a new one hot-swaps it in t
 
 If `application.js` imported `./controllers` (the stimulus-rails index), the installer switches it to `./controllers/autoload`. stimulus-rails may still rewrite `controllers/index.js` when you run `bin/rails generate stimulus`, but nothing imports that file any more.
 
+### Multiple entry points
+
+Besides `app/javascript/application.js` (or `.ts`), every file in `app/javascript/entrypoints/` becomes its own bundle, named after the file:
+
+```
+app/javascript/application.js           -> application.js
+app/javascript/entrypoints/admin.ts     -> admin.js
+app/javascript/entrypoints/checkout.js  -> checkout.js (+ checkout.bundle.css if it imports CSS)
+```
+
+```erb
+<%# app/views/layouts/admin.html.erb %>
+<%= rspack_javascript_tag "admin" %>
+```
+
+Each bundle is self-contained, so load one entry per page (for example one per layout). Restart the dev server after adding a new entry point.
+
 ### CSS
 
 Import CSS from your JavaScript and rspack extracts it to `app/assets/builds/<entry>.bundle.css`:
@@ -124,6 +141,8 @@ The required Node.js version comes from the `engines` field of the installed `@r
 ```bash
 bin/setup
 bundle exec rake   # specs + rubocop
+bin/integration    # new Rails app + every installer, build, doctor and precompile
+bin/integration "~> 7.2.0"   # against a specific Rails version
 ```
 
 ## License

data/lib/install/rspack.config.mjs

@@ -1,3 +1,4 @@
+import fs from "node:fs";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
 import { defineConfig } from "@rspack/cli";
@@ -12,51 +13,66 @@ const isProduction =
 const host = process.env.RSPACK_DEV_SERVER_HOST || "localhost";
 const port = Number(process.env.RSPACK_DEV_SERVER_PORT || 3036);
 
+// Entries: app/javascript/application.{js,ts} plus every file in
+// app/javascript/entrypoints/, named after the file (admin.js -> "admin").
+// Restart the dev server after adding an entrypoint.
+const entry = {};
+for (const ext of ["js", "ts"]) {
+  const file = `./app/javascript/application.${ext}`;
+  if (!entry.application && fs.existsSync(path.resolve(root, file))) entry.application = file;
+}
+const entrypointsDir = path.resolve(root, "app/javascript/entrypoints");
+if (fs.existsSync(entrypointsDir)) {
+  for (const file of fs.readdirSync(entrypointsDir).sort()) {
+    const match = file.match(/^(.+)\.(js|ts)$/);
+    if (match) entry[match[1]] = `./app/javascript/entrypoints/${file}`;
+  }
+}
+
 export default defineConfig({
   mode: isProduction ? "production" : "development",
   devtool: "source-map",
-  entry: {
-    application: "./app/javascript/application.js",
-  },
+  entry,
   output: {
     path: path.resolve(root, "app/assets/builds"),
     filename: "[name].js",
     // ".digested" tells Propshaft the file is already fingerprinted.
-chunkFilename: "[name]-[contenthash].digested.js",
-// CSS imported from JavaScript. ".bundle" avoids clashing with
-// app/assets/stylesheets/application.css in Propshaft.
-cssFilename: "[name].bundle.css",
-cssChunkFilename: "[name]-[contenthash].digested.css",
+    chunkFilename: "[name]-[contenthash].digested.js",
+    // CSS imported from JavaScript. ".bundle" avoids clashing with
+    // app/assets/stylesheets/application.css in Propshaft.
+    cssFilename: "[name].bundle.css",
+    cssChunkFilename: "[name]-[contenthash].digested.css",
     // Under `rspack serve`, chunks and hot updates load from the dev server.
     publicPath: isDevServer ? `http://${host}:${port}/` : "/assets/",
   },
-resolve: {
-  extensions: ["...", ".ts"],
-},
-module: {
-  rules: [
-    {
-      // Transpile TypeScript with Rspack's built-in SWC (no type checking).
-      test: /\.ts$/,
-      exclude: /node_modules/,
-      loader: "builtin:swc-loader",
-      options: { jsc: { parser: { syntax: "typescript" } } },
-      type: "javascript/auto",
-    },
-    {
-      // Native CSS; *.module.css files become CSS modules.
-      test: /\.css$/,
-      type: "css/auto",
-    },
-  ],
-},
+  resolve: {
+    extensions: ["...", ".ts"],
+  },
+  module: {
+    rules: [
+      {
+        // Transpile TypeScript with Rspack's built-in SWC (no type checking).
+        test: /\.ts$/,
+        exclude: /node_modules/,
+        loader: "builtin:swc-loader",
+        options: { jsc: { parser: { syntax: "typescript" } } },
+        type: "javascript/auto",
+      },
+      {
+        // Native CSS; *.module.css files become CSS modules.
+        test: /\.css$/,
+        type: "css/auto",
+      },
+    ],
+  },
   devServer: {
     host,
     port,
     hot: true,
     // Keep app/assets/builds current while the dev server runs, so Propshaft
-    // (and `stylesheet_link_tag :app`) never serve a stale bundle.
-    devMiddleware: { writeToDisk: true },
+    // (and `stylesheet_link_tag :app`) never serve a stale bundle. Hot update
+    // files stay in memory so they never reach public/assets.
+    devMiddleware: { writeToDisk: (file) => !/\.hot-update\./.test(file) },
     allowedHosts: "all",
     headers: { "Access-Control-Allow-Origin": "*" },
     client: {

data/lib/rspack_rails/doctor.rb

@@ -4,6 +4,7 @@ require "json"
 require "open3"
 require "pathname"
 require_relative "node_version"
+require_relative "entrypoints"
 
 module RspackRails
   # Inspects a Rails app's rspack setup and reports what is missing.
@@ -91,17 +92,17 @@ module RspackRails
     end
 
     def entry_check
-      return Check.new(:ok, "Entry point", "app/javascript/application.js") if exist?("app/javascript/application.js")
+      return Check.new(:ok, "Entry points", entrypoints.keys.join(", ")) if entrypoints.any?
 
-      Check.new(:error, "Entry point", "app/javascript/application.js is missing",
-                "Create it, or point `entry` in rspack.config.mjs at your entry file")
+      Check.new(:error, "Entry points", "none found",
+                "Create app/javascript/application.js or a file in app/javascript/entrypoints/")
     end
 
     def build_check
-      built = @root.join("app/assets/builds/application.js")
-      return Check.new(:ok, "Build output", "app/assets/builds/application.js (#{built.size} bytes)") if built.exist?
+      missing = entrypoints.keys.reject { |name| exist?("app/assets/builds/#{name}.js") }
+      return Check.new(:ok, "Build output", "app/assets/builds has #{entrypoints.keys.join(", ")}") if missing.empty?
 
-      Check.new(:warn, "Build output", "app/assets/builds/application.js not built yet",
+      Check.new(:warn, "Build output", "not built yet: #{missing.join(", ")}",
                 "Run `bin/rails rspack:build` (only needed without the dev server)")
     end
 
@@ -186,6 +187,10 @@ module RspackRails
       nil
     end
 
+    def entrypoints
+      @entrypoints ||= Entrypoints.discover(@root)
+    end
+
     def package_manager
       @package_manager ||= PackageManager.detect(@root)
     end

data/lib/rspack_rails/entrypoints.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+require "pathname"
+
+module RspackRails
+  # Mirrors the entry discovery in the generated rspack.config.mjs:
+  # app/javascript/application.{js,ts} plus every
+  # app/javascript/entrypoints/*.{js,ts}, named after the file.
+  module Entrypoints
+    EXTENSIONS = %w[js ts].freeze
+
+    module_function
+
+    # => { "application" => "app/javascript/application.js", "admin" => "app/javascript/entrypoints/admin.js" }
+    def discover(root)
+      root = Pathname(root)
+      entries = {}
+      main = EXTENSIONS.map { |ext| "app/javascript/application.#{ext}" }.find { |path| root.join(path).file? }
+      entries["application"] = main if main
+
+      Dir.glob("app/javascript/entrypoints/*.{#{EXTENSIONS.join(",")}}", base: root).sort.each do |path|
+        entries[File.basename(path, ".*")] = path
+      end
+      entries
+    end
+  end
+end

data/lib/rspack_rails/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module RspackRails
-  VERSION = "0.2.0"
+  VERSION = "0.3.0"
 end

data/lib/rspack_rails.rb

@@ -4,6 +4,7 @@ require_relative "rspack_rails/version"
 require_relative "rspack_rails/package_manager"
 require_relative "rspack_rails/configuration"
 require_relative "rspack_rails/dev_server"
+require_relative "rspack_rails/entrypoints"
 
 # Rspack integration for Rails: rake tasks, installer and view helpers.
 module RspackRails

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rspack_rails
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.0
 platform: ruby
 authors:
 - tungnt
@@ -57,6 +57,7 @@ files:
 - lib/rspack_rails/configuration.rb
 - lib/rspack_rails/dev_server.rb
 - lib/rspack_rails/doctor.rb
+- lib/rspack_rails/entrypoints.rb
 - lib/rspack_rails/helper.rb
 - lib/rspack_rails/node_version.rb
 - lib/rspack_rails/package_manager.rb