Bundle JavaScript with gem

app/javascript/turbo_power/index.js

@@ -0,0 +1,2 @@
+import TurboPower from "turbo_power"
+export default TurboPower

lib/turbo_power/engine.rb

@@ -7,5 +7,19 @@ class Engine < Rails::Engine
     initializer "turbo_power.helpers", after: :initialize do
       Turbo::Streams::TagBuilder.include(TurboPower::StreamHelper)
     end
+
+    # If you don't want to precompile TurboPower's assets (eg. because you're using webpack
+    # or esbuild), you can do this in an initializer:
+    #
+    # config.after_initialize do
+    #   config.assets.precompile -= TurboPower::Engine::PRECOMPILE_ASSETS
+    # end
+    PRECOMPILE_ASSETS = ["turbo_power.js", "turbo_power.min.js", "turbo_power.min.js.map"]
+
+    initializer "turbo_power.assets" do
+      if Rails.application.config.respond_to?(:assets)
+        Rails.application.config.assets.precompile += PRECOMPILE_ASSETS
+      end
+    end
   end
 end

package.json

@@ -0,0 +1,28 @@
+{
+  "private": true,
+  "name": "turbo_power-rails",
+  "version": "0.1.6",
+  "description": "Power-pack for Turbo Streams",
+  "license": "MIT",
+  "author": "Marco Roth <[email protected]>",
+  "repository": "https://github.com/marcoroth/turbo_power-rails",
+  "homepage": "https://github.com/marcoroth/turbo_power-rails",
+  "module": "app/javascript/turbo_power/index.js",
+  "main": "app/assets/javascripts/turbo_power.js",
+  "files": [
+    "app/javascript/turbo_power"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "prerelease": "yarn build"
+  },
+  "dependencies": {
+    "@hotwired/turbo": "^7.2.2",
+    "turbo_power": "^0.1.6"
+  },
+  "devDependencies": {
+    "@rollup/plugin-node-resolve": "^11.0.1",
+    "rollup": "^2.35.1",
+    "rollup-plugin-terser": "^7.0.2"
+  }
+}

rollup.config.js

@@ -0,0 +1,46 @@
+import resolve from "@rollup/plugin-node-resolve"
+import { terser } from "rollup-plugin-terser"
+import packageInfo from "./package.json"
+
+const minify = () => {
+  return terser({
+    mangle: true,
+    compress: true
+  })
+}
+
+const pretty = () => {
+  return terser({
+    mangle: false,
+    compress: false,
+    format: {
+      beautify: true,
+      indent_level: 2
+    }
+  })
+}
+
+const output = [
+  {
+    file: packageInfo.main,
+    format: "es",
+    inlineDynamicImports: true,
+    plugins: [pretty()]
+  },
+  {
+    file: "app/assets/javascripts/turbo_power.min.js",
+    format: "es",
+    inlineDynamicImports: true,
+    sourcemap: true,
+    plugins: [minify()]
+  }
+]
+
+export default [
+  {
+    external: ["@hotwired/turbo"],
+    input: packageInfo.module,
+    output,
+    plugins: [resolve()]
+  }
+]