rails_mini_profiler 0.4.0 → 0.7.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 33db210bbcb4b8ee82f80aa2f88023a478ec4852e9bbcc60cf9f70baf2a0145f
-  data.tar.gz: aed097f8f0e418feea8ce2670f173271bea7dd1f8803e542c2f50b82b953932d
+  metadata.gz: '08b93a903a5bb3b16310b3a918a1a52555a9ce5fc2a60624d0f2bb8158e3ddb5'
+  data.tar.gz: 88af5220a54c4f91e4506cd0423a853512dcc67235c65a22990d1c4fc1d92c25
 SHA512:
-  metadata.gz: a6cc1c0d0e05949bb360d4e5d04091bcfb16419a80ca31361d617a1a34571d28dfc33f31820075646143b9a359b12aa66c9ec67bb859bbdc25feaca062b5adb8
-  data.tar.gz: c6673b79dc6b8aacd205b5b368c1e044fb8b0e595fbb41371cf6f2c667fe31875cea9376ea551cb0e39a6c13c57cd654f41342b09bc4f41a1084a03092804fe9
+  metadata.gz: 2a41fec13f04188e895769fcb17004fdd6436aaddd8942ff4657beaffb7c0f4b63ca64d60f9877d119c1e363194ebd3c97e629216d0bf675fceb82cd49b6dcda
+  data.tar.gz: f5c81dbc3b627e48a0d9097fb587b37c2c299476adb87d01ace6c697e234b32f8fceee942045656f82f8c4d6ef6c082e58ad2f5619ccf2b4114b32764dae8c8f

data/README.md

@@ -63,8 +63,6 @@ route:
 ```ruby
 # routes.rb
 Rails.application.routes.draw do
-  ...
-
   mount RailsMiniProfiler::Engine => '/rails_mini_profiler'
 end
 ```
@@ -76,18 +74,18 @@ top right that is injected into your pages.
 
 ![overview](docs/images/overview.png)
 
-Requests to your application will be profiled automatically. You can view all stored requests by navigating to `yourapp/rails_mini_profiler/profiled_requests`.
+Requests to your application will be profiled automatically. You can view and search all stored requests by navigating to `yourapp/rails_mini_profiler/profiled_requests`.
 
 ### Request Details
 
 <p align="center">
   <img alt="Light" src="docs/images/trace.png" width="45%">
 &nbsp; &nbsp; &nbsp; &nbsp;
-  <img alt="Dark" src="docs/images/sequel.png" width="45%">
+  <img alt="Dark" src="docs/images/trace-details.png" width="45%">
 </p>
 
 This view shows you how your requests spend their time. How much of it is spent in the DB, how much in rendering views?
-By clicking on individual traces you can find out detailed information.
+May can filter and clicking on individual traces to gain deeper insights and see detailed information.
 
 ### Flamegraphs
 
@@ -114,15 +112,8 @@ Rails Mini Profiler provides a wide array of configuration options. You can find
 | `skip_paths`             | `[]`                         | An array of request paths that should not be profiled. Regex allowed.                           |
 | `storage`                | `Storage.new`                | Storage configuration. See [Storage](#Storage).                                                 |
 | `ui`                     | `UserInterface.new`          | UI configuration. See [UI](#UI).                                                                |
-| `user_provider`          | `Rack::Request.new(env).ip`  | How to identify users. See [Users](#Users)                                                      |
-
-### Request Configuration
+| `user_provider`          | `Rack::Request.new(env).ip`  | How to identify users. See [Authorization](#Authorization)                                                      |
 
-You may override the configuration by sending request parameters. The following parameters are available:
-
-| Name           | Description                                                                                 |
-| ---------------- | ------------------------------------------------------------------------------------------- |
-| `rmp_flamegraph` | Overrides `flamegraph_enabled` If set to `true` will redirect to the flamegraph immediatly. |
 
 ### Storage
 
@@ -140,7 +131,7 @@ Rails Mini Profiler does not offer an automatic way to clean up old profiling in
 
 ```ruby
 # Clockwork
-every(1.month, 'purge rails mini profiler' do
+every(1.month, 'purge rails mini profiler') do
     ProfiledRequestCleanupJob.perform_later
 end
 
@@ -158,23 +149,33 @@ end
 
 Rails Mini Profiler allows you to configure various UI features. 
 
-| Name             | Default      | Description                                                                                     |
-|------------------|--------------|-------------------------------------------------------------------------------------------------|
-| `badge_enabled`  | `true`       | Should the hedgehog 🦔 badge be injected into pages?                                             |
-| `badge_position` | `'top-left'` | Where to display the badge. Options are `'top-left', 'top-right', 'bottom-left, 'bottom-right'` |
-| `page_size`      | `25`         | The page size for lists shown in the UI.                                                        |
+| Name                | Default                   | Description                                                                                     |
+|---------------------|---------------------------|-------------------------------------------------------------------------------------------------|
+| `badge_enabled`     | `true`                    | Should the hedgehog 🦔 badge be injected into pages?                                             |
+| `badge_position`    | `'top-left'`              | Where to display the badge. Options are `'top-left', 'top-right', 'bottom-left, 'bottom-right'` |
+| `base_controller`   | `ApplicationController`   | Which controller UI controllers should inherit from.                                            |
+| `page_size`         | `25`                      | The page size for lists shown in the UI.                                                        |
+| `webpacker_enabled` | `true`                    | Use Webpacker if available? Disable to fall back to the asset pipeline.                         |
 
-### Users
+### Request Configuration
 
-Profiling information is segregated by user ID. That means users cannot see each other's profiled requests.
+You may override static configuration on a per-request by attaching request parameters. For example, `https://myapp.com/api/mydata?rmp_flamegraph=false`
 
-Per default, individual users are identified by their IP address. You may change this by setting a custom user provider:
+| Name           | Description                                                                                 |
+| ---------------- | ------------------------------------------------------------------------------------------- |
+| `rmp_flamegraph` | Overrides `flamegraph_enabled` If set to `true` will redirect to the flamegraph immediately. |
+
+### Authorization
+
+Profiling information is segregated by user ID. That means users cannot see each other's profiled requests. Per default, individual users are identified by their IP adress.
+
+You may change this by setting a custom user provider:
 
 ```ruby
 config.user_provider = proc { |env| Rack::Request.new(env).ip }
 ```
 
-You may also explicitly set the user from the application itself:
+You may also explicitly set the user by modifying your application controller (or the controller you have configured as UI base controller):
 
 ```ruby
 class ApplicationController < ActionController::Base
@@ -184,15 +185,18 @@ class ApplicationController < ActionController::Base
 end
 ```
 
-Note that you **must** set the current user when running Rails Mini Profiler in production. No profiles will be saved otherwise.
+`ApplicationController` is used as the default base class for UI controllers. To change it, you may use `configuration.ui.base_controller`.
 
 ### Profiling in Production
 
 Rails Mini Profiler is not intended for performance reporting. There are other tools for that ( [Skylight](https://www.skylight.io/),
-[New Relic](https://newrelic.com/), [DataDog](https://www.datadoghq.com/)...).
+[New Relic](https://newrelic.com/), [DataDog](https://www.datadoghq.com/)...). But you can still use RMP in production to profile specific requests. 
+
+Per default, *no requests will be profiled* in production, and the Rails Mini Profiler UI will be inaccessible. 
 
-However, you can still use it in production to profile specific requests. Since profiling impacts performance, it is recommended
-that you limit which requests are being profiled:
+#### Enabling Profiling
+
+Since profiling impacts performance, it is recommended that you limit which requests are being profiled:
 
 ```ruby
 RailsMiniProfiler.configure do |config|
@@ -200,7 +204,17 @@ RailsMiniProfiler.configure do |config|
 end
 ```
 
-Only requests by explicitly set users will be stored. To configure how individual users are identified see [Users](#Users)
+#### Authorizing Users
+
+You must explicitly authorize profiling for users, as well as authenticate them to the UI:
+
+```ruby
+class ApplicationController < ActionController::Base
+  before_action do
+    RailsMiniProfiler::User.authorize(current_user.id) # Requests by this user will now be profiled, and they get access to the UI
+  end
+end
+```
 
 ## Why Rails Mini Profiler?
 
@@ -210,13 +224,13 @@ Improving the performance of any application is a 3-step process. You have to an
 2. Why is it slow?
 3. Did my solution fix the slowness?
 
-I'm a huge fan of [rack-mini-profiler](https://github.com/MiniProfiler/rack-mini-profiler), and AMP tools such as [Skylight](https://www.skylight.io/) or [Scout APM](https://scoutapm.com), and each of these tools has its place.
+I'm a huge fan of [rack-mini-profiler](https://github.com/MiniProfiler/rack-mini-profiler), and APM tools such as [Skylight](https://www.skylight.io/) or [Scout APM](https://scoutapm.com). Each of these tools has its own areas where it succeeds.
 
-APM tools are excellent for profiling your app in production - aka. they show you what is slow - and offer _some_ hints as to what causes the slowdown. `rack-mini-profiler` can do some sampling in production, but excels at providing detailed insight into _why_ something is slow, using Flamegraphs and detailed query information.
+APM tools are excellent for profiling your app in production - aka. they show you what is slow - and offer _some_ hints as to what causes the slowdown. `rack-mini-profiler` can do some sampling in production, but excels at providing detailed insight into _why_ something is slow by providing Flamegraphs and detailed query information.
 
 Rails Mini Profiler improves upon `rack-mini-profiler` in the latter regard. It is a developer tool, rather than a monitoring tool, and sets a big focus on developer experience. Simply put, it aims to be the best tool available to help you figure out _why_ specific requests are slow.
 
-As such, compared to `rack-mini-profiler`, it does not support non-Rails apps (e.g. Sinatra) or production sampling, but provides a much better user experience and better supports API-only applications.
+As such, compared to `rack-mini-profiler`, it does not support non-Rails apps (e.g. Sinatra) or production sampling, but provides a much better user experience and better support for API-only applications.
 
 ## Troubleshooting
 
@@ -241,13 +255,13 @@ rails db:migrate
 
 Rails Mini Profiler supports API-only apps, but you have to make some small adjustments to use it. At the top of `application.rb` add [Sprockets](https://github.com/rails/sprockets-rails):
 
-```
+```ruby
 require "sprockets/railtie"
 ```
 
 Then, modify `application.rb`:
 
-```
+```ruby
 module ApiOnly
   class Application < Rails::Application
     
@@ -257,7 +271,7 @@ module ApiOnly
 end
 ```
 
-**Note: Sprockets and flash are currently required for some of Rails Mini Profiler's UI features. These modifications may no longer be needed in the future.
+**Note**: Sprockets and flash are currently required for some of Rails Mini Profiler's UI features. These modifications may no longer be needed in the future.
 
 ### No Flamegraphs are being recored?
 

data/app/adapters/rails_mini_profiler/database_adapter.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module RailsMiniProfiler
+  class DatabaseAdapter
+    class << self
+      def cast_to_text(column)
+        if ActiveRecord::Base.connection.adapter_name == 'PostgreSQL'
+          # Cast json field to text to have access to the LIKE operator
+          "#{column}::text"
+        else
+          column
+        end
+      end
+    end
+  end
+end

data/app/controllers/rails_mini_profiler/application_controller.rb

@@ -1,21 +1,10 @@
 # frozen_string_literal: true
 
 module RailsMiniProfiler
-  class ApplicationController < ActionController::Base
-    include Pagy::Backend
-
+  class ApplicationController < RailsMiniProfiler.configuration.ui.base_controller
     rescue_from ActiveRecord::RecordNotFound, with: ->(error) { handle(error, 404) }
 
-    before_action :check_current_user
-
-    protected
-
-    def present(model, presenter_class = nil, **kwargs)
-      klass = presenter_class || "RailsMiniProfiler::#{model.class.to_s.demodulize}Presenter".constantize
-      presenter = klass.new(model, view_context, **kwargs)
-      yield(presenter) if block_given?
-      presenter
-    end
+    before_action :check_rmp_user
 
     private
 
@@ -26,8 +15,13 @@ module RailsMiniProfiler
       end
     end
 
-    def check_current_user
-      redirect_back(fallback_location: root_path) unless User.get(request.env).present?
+    def check_rmp_user
+      user = User.get(request.env).present?
+      redirect_back(fallback_location: fallback_location) unless user
+    end
+
+    def fallback_location
+      defined?(main_app.root_path) ? main_app.root_path : '/'
     end
   end
 end

data/app/controllers/rails_mini_profiler/profiled_requests_controller.rb

@@ -4,23 +4,28 @@ require_dependency 'rails_mini_profiler/application_controller'
 
 module RailsMiniProfiler
   class ProfiledRequestsController < ApplicationController
+    include Pagy::Backend
+
     before_action :set_profiled_request, only: %i[show destroy]
 
     def index
-      @profiled_requests = ProfiledRequest
-                             .includes(:flamegraph)
-                             .where(user_id: user_id).order(id: :desc)
-      @profiled_requests = @profiled_requests.where('request_path LIKE ?', "%#{params[:path]}%") if params[:path]
-      @pagy, @profiled_requests = pagy(@profiled_requests, items: configuration.ui.page_size)
+      @profiled_requests = ProfiledRequest.where(user_id: user_id).order(id: :desc)
+      search = ProfiledRequestSearch.new(index_params, scope: @profiled_requests)
+      @pagy, @profiled_requests = pagy(search.results, items: configuration.ui.page_size)
       @profiled_requests = @profiled_requests.map { |request| present(request) }
     end
 
     def show
-      @traces = @profiled_request.traces
-      @traces = @traces.where("#{payload_column} LIKE ?", "%#{params[:search]}%") if params[:search]
-      @traces = @traces
+      search = TraceSearch.new(show_params, scope: @profiled_request.traces)
+      context = {
+        start: @profiled_request.start,
+        finish: @profiled_request.finish,
+        total_duration: @profiled_request.duration,
+        total_allocations: @profiled_request.allocations
+      }
+      @traces = search.results
                   .order(:start)
-                  .map { |trace| present(trace, profiled_request: @profiled_request) }
+                  .map { |trace| present(trace, context: context) }
       @profiled_request = present(@profiled_request)
     end
 
@@ -31,16 +36,25 @@ module RailsMiniProfiler
 
     def destroy_all
       ProfiledRequest.transaction do
-        requests_table_name = RailsMiniProfiler.storage_configuration.profiled_requests_table.to_sym
-        Flamegraph.joins(:profiled_request).where(requests_table_name => { user_id: user_id }).delete_all
-        Trace.joins(:profiled_request).where(requests_table_name => { user_id: user_id }).delete_all
-        ProfiledRequest.where(requests_table_name => { user_id: user_id }).delete_all
+        profiled_requests = ProfiledRequest.where(user_id: user_id)
+        profiled_requests = ProfiledRequestSearch.new(index_params, scope: profiled_requests).results
+        Flamegraph.joins(:profiled_request).merge(profiled_requests).delete_all
+        Trace.joins(:profiled_request).merge(profiled_requests).delete_all
+        profiled_requests.delete_all
       end
-      redirect_to profiled_requests_url, notice: 'Profiled Requests cleared'
+      redirect_to profiled_requests_url, notice: 'Profiled requests cleared', status: :see_other
     end
 
     private
 
+    def show_params
+      params.permit(:id, :payload, :duration, :allocations, name: [])
+    end
+
+    def index_params
+      params.permit(:path, :duration, id: [], method: [], media_type: [], status: [])
+    end
+
     def user_id
       @user_id ||= User.get(request.env)
     end
@@ -53,6 +67,22 @@ module RailsMiniProfiler
       @configuration ||= RailsMiniProfiler.configuration
     end
 
+    def registry
+      @registry ||= RailsMiniProfiler::Tracers::Registry.new(configuration)
+    end
+
+    def present(model, presenter_class = nil, **kwargs)
+      klass = presenter_class || presenter_class(model)
+      klass.new(model, view_context, **kwargs)
+    end
+
+    def presenter_class(model)
+      return ProfiledRequestPresenter if model.is_a?(ProfiledRequest)
+
+      presenters = registry.presenters
+      presenters[model.name] || TracePresenter
+    end
+
     def payload_column
       if ActiveRecord::Base.connection.adapter_name == 'PostgreSQL'
         # Cast json field to text to have access to the LIKE operator

data/app/helpers/rails_mini_profiler/application_helper.rb

@@ -12,7 +12,7 @@ module RailsMiniProfiler
     end
 
     def inline_svg(path, options = {})
-      if defined?(Webpacker::Engine)
+      if defined?(Webpacker::Engine) && RailsMiniProfiler.configuration.ui.webpacker_enabled
         path = "media/images/#{path}"
         inline_svg_pack_tag(path, options)
       else

data/app/helpers/rails_mini_profiler/profiled_requests_helper.rb

@@ -12,5 +12,15 @@ module RailsMiniProfiler
     def formatted_allocations(allocations)
       number_to_human(allocations, units: { unit: '', thousand: 'k', million: 'M', billion: 'B', trillion: 'T' })
     end
+
+    def trace_display_name(name)
+      {
+        'sql.active_record': 'ActiveRecord Query',
+        'instantiation.active_record': 'ActiveRecord Instantiation',
+        'render_template.action_view': 'Render View',
+        'render_partial.action_view': 'Render Partial',
+        'process_action.action_controller': 'Controller'
+      }[name.to_sym]
+    end
   end
 end

data/app/javascript/images/check.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path fill="currentColor" d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/>
+</svg>

data/app/javascript/images/chevron.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 407.437 407.437">
+  <path fill="currentColor" d="M386.258 91.567l-182.54 181.945L21.179 91.567 0 112.815 203.718 315.87l203.719-203.055z"/>
+</svg>

data/app/javascript/images/copy.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     viewBox="0 0 488.3 488.3" style="enable-background:new 0 0 488.3 488.3" xml:space="preserve">
+  <path fill="currentColor"
+        d="M314.25 85.4h-227c-21.3 0-38.6 17.3-38.6 38.6v325.7c0 21.3 17.3 38.6 38.6 38.6h227c21.3 0 38.6-17.3 38.6-38.6V124c-.1-21.3-17.4-38.6-38.6-38.6zm11.5 364.2c0 6.4-5.2 11.6-11.6 11.6h-227c-6.4 0-11.6-5.2-11.6-11.6V124c0-6.4 5.2-11.6 11.6-11.6h227c6.4 0 11.6 5.2 11.6 11.6v325.6z"/>
+  <path fill="currentColor"
+        d="M401.05 0h-227c-21.3 0-38.6 17.3-38.6 38.6 0 7.5 6 13.5 13.5 13.5s13.5-6 13.5-13.5c0-6.4 5.2-11.6 11.6-11.6h227c6.4 0 11.6 5.2 11.6 11.6v325.7c0 6.4-5.2 11.6-11.6 11.6-7.5 0-13.5 6-13.5 13.5s6 13.5 13.5 13.5c21.3 0 38.6-17.3 38.6-38.6V38.6c0-21.3-17.3-38.6-38.6-38.6z"/></svg>

data/app/javascript/images/filter.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-filter"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon></svg>

data/app/javascript/images/logo_variant.svg

@@ -1,5 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1070" height="1070" viewBox="0 0 1070 1070" version="1.1">
-  <style>path{fill:none;stroke-width:64;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4}</style>
+<svg id="logo-variant" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1070" height="1070" viewBox="0 0 1070 1070" version="1.1">
+  <style>#logo-variant path{fill:none;stroke-width:64;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4}</style>
   <defs>
     <linearGradient id="lightShadow">
       <stop offset="0" style="stop-color:#c22121;stop-opacity:1"/>

data/app/javascript/images/search.svg

@@ -1,10 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>Iconly/Bulk/Search</title>
-    <g id="Iconly/Bulk/Search" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Search" transform="translate(2.000000, 2.000000)" fill="#000000" fill-rule="nonzero">
+    <g id="Iconly/Bulk/Search" stroke="none" stroke-width="1" fill="currentColor" fill-rule="evenodd">
+        <g id="Search" transform="translate(2.000000, 2.000000)" fill="currentColor" fill-rule="nonzero">
             <ellipse id="Ellipse_746" cx="8.59921927" cy="8.65324385" rx="8.59921927" ry="8.65324385"></ellipse>
-            <path d="M18.674623,19.9552573 C18.3405833,19.9444414 18.0229443,19.8069986 17.7853553,19.5704698 L15.7489321,17.1901566 C15.3123366,16.7908936 15.2766365,16.1123232 15.668898,15.6689038 L15.668898,15.6689038 C15.8525005,15.4831065 16.1021409,15.3786387 16.3625268,15.3786387 C16.6229128,15.3786387 16.8725531,15.4831065 17.0561557,15.6689038 L19.6172468,17.7181208 C19.9861582,18.0957076 20.0999999,18.656254 19.9078887,19.1492153 C19.7157774,19.6421767 19.2536179,19.9754211 18.7279791,20 L18.674623,19.9552573 Z" id="Path_34202" opacity="0.400000006"></path>
+            <path fill="currentColor" d="M18.674623,19.9552573 C18.3405833,19.9444414 18.0229443,19.8069986 17.7853553,19.5704698 L15.7489321,17.1901566 C15.3123366,16.7908936 15.2766365,16.1123232 15.668898,15.6689038 L15.668898,15.6689038 C15.8525005,15.4831065 16.1021409,15.3786387 16.3625268,15.3786387 C16.6229128,15.3786387 16.8725531,15.4831065 17.0561557,15.6689038 L19.6172468,17.7181208 C19.9861582,18.0957076 20.0999999,18.656254 19.9078887,19.1492153 C19.7157774,19.6421767 19.2536179,19.9754211 18.7279791,20 L18.674623,19.9552573 Z" id="Path_34202" opacity="0.400000006"></path>
         </g>
     </g>
-</svg>
+</svg>

data/app/javascript/js/checklist_controller.js

@@ -0,0 +1,48 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+  static targets = ["count"];
+
+  connect() {
+    this.setCount();
+  }
+
+  checkAll() {
+    this.setAllCheckboxes(true);
+    this.setCount();
+  }
+
+  checkNone() {
+    this.setAllCheckboxes(false);
+    this.setCount();
+  }
+
+  onChecked() {
+    this.setCount();
+  }
+
+  setAllCheckboxes(checked) {
+    this.checkboxes.forEach((el) => {
+      const checkbox = el;
+
+      if (!checkbox.disabled) {
+        checkbox.checked = checked;
+      }
+    });
+  }
+
+  setCount() {
+    if (this.hasCountTarget) {
+      const count = this.selectedCheckboxes.length;
+      this.countTarget.innerHTML = `${count} selected`;
+    }
+  }
+
+  get selectedCheckboxes() {
+    return this.checkboxes.filter((c) => c.checked);
+  }
+
+  get checkboxes() {
+    return new Array(...this.element.querySelectorAll("input[type=checkbox]"));
+  }
+}

data/app/javascript/js/clipboard_controller.js

@@ -0,0 +1,53 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+  static targets = ["button", "source"];
+
+  connect() {
+    if (!this.hasButtonTarget) return;
+
+    this.originalText = this.buttonTarget.innerText;
+    this.successDuration = 2000;
+  }
+
+  copy(event) {
+    event.preventDefault();
+
+    let text = this.sourceTarget.innerText;
+    const filter = this.data.get("filter");
+    if (filter) {
+      text = new RegExp(filter).exec(text)[0];
+    }
+    const temporaryInput = document.createElement("textarea");
+    temporaryInput.value = text;
+    document.body.appendChild(temporaryInput);
+    temporaryInput.select();
+    document.execCommand("copy");
+    document.body.removeChild(temporaryInput);
+
+    this.copied();
+  }
+
+  copied() {
+    if (!this.hasButtonTarget) return;
+
+    if (this.timeout) {
+      clearTimeout(this.timeout);
+    }
+
+    const copiedClass = this.data.get("copiedClass");
+    if (copiedClass) {
+      this.buttonTarget.classList.add(copiedClass);
+    }
+    const copiedMessage = this.data.get("copiedMessage");
+    const content = this.buttonTarget.innerHTML;
+    if (copiedMessage) {
+      this.buttonTarget.innerHTML = copiedMessage;
+    }
+
+    this.timeout = setTimeout(() => {
+      this.buttonTarget.classList.remove(copiedClass);
+      this.buttonTarget.innerHTML = content;
+    }, this.successDuration);
+  }
+}

data/app/javascript/js/enable_controller.js

@@ -0,0 +1,23 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+  static targets = ["enable"];
+
+  enable() {
+    this.enableTarget.disabled = false;
+  }
+
+  disable() {
+    this.enableTarget.disabled = true;
+  }
+
+  change(event) {
+    if (event.type.match(/rmp:select:.*/)) {
+      if (event.detail.count > 0) {
+        this.enable();
+      } else {
+        this.disable();
+      }
+    }
+  }
+}

data/app/javascript/js/filter_controller.js

@@ -0,0 +1,48 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+  static targets = ["filter"];
+
+  apply() {
+    location.href = `${window.location.pathname}?${this.params}`;
+  }
+
+  reset() {
+    location.href = `${window.location.pathname}`;
+  }
+
+  post() {
+    const token = document.head.querySelector(
+      'meta[name="csrf-token"]'
+    ).content;
+    const path = `${window.location.pathname}/destroy_all?${this.params}`;
+    fetch(path, {
+      method: "DELETE",
+      redirect: "follow",
+      headers: {
+        "Content-Type": "application/json",
+        credentials: "same-origin",
+      },
+      body: JSON.stringify({ authenticity_token: token }),
+    }).then((response) => {
+      if (response.redirected) {
+        window.location.href = response.url;
+      }
+    });
+  }
+
+  get params() {
+    return this.activeFilterTargets()
+      .map((t) => `${t.name}=${t.value}`)
+      .join("&");
+  }
+
+  activeFilterTargets() {
+    return this.filterTargets.filter(function (target) {
+      if (target.type === "checkbox" || target.type === "radio")
+        return target.checked;
+
+      return target.value.length > 0;
+    });
+  }
+}

data/app/javascript/js/search_controller.js

@@ -0,0 +1,18 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+  static targets = ["field"];
+
+  clear() {
+    this.eventTarget.value = null;
+    window.dispatchEvent(new CustomEvent("search-controller:submit", {}));
+  }
+
+  submit(event) {
+    event.preventDefault();
+
+    if (event.key === "Enter" || event.type === "click") {
+      window.dispatchEvent(new CustomEvent("search-controller:submit", {}));
+    }
+  }
+}