rails_mini_profiler 0.3.0 → 0.7.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c0dfb74da2ecab593753e57b0b23c131ffb7857d5c22ce167185a8ba29aa013b
-  data.tar.gz: cc0d40ee213af658df6475062054814be1dcbec8471e894dd7fc13c8633dd734
+  metadata.gz: bb1212a4d90c46143193b2173e9e136aa6757a74a6591137cba33169235d175d
+  data.tar.gz: f799849a5d978c2c22d39b3fa1f4be6c02541f75b7a2312d98a510a1d69a195b
 SHA512:
-  metadata.gz: f21f840089c68cd189c75bd00428d3f9f23a9b84a9c3e48de1fe2236d798ece02e7869a0bc4b265a6bb26018c347cc73d0e089d64d96bcf163ecf5bcda157f7e
-  data.tar.gz: 8185fec8a94783a448f7340e395e3278d3eecc4b801acfd3b321a1ff2255c5d902037ecff71001b78e74371f94eabb76efed986d15a9decc307feec0a45779f2
+  metadata.gz: ae143e874778e4af9560e5b6521003c5d4933ec86ffe5900a56c57b93791a3d0faa3ac18294cecccac12048dc35c38a70aa7a53ffa91b12d2025a89c0acc0384
+  data.tar.gz: f2a8ca075571593f1cce9d1b59910ea5aac8f95a06c277298be9e0e93be5dcd1b013fbaefbef22bf173f6e2db40fed29068cfda44d422aa372cdde30818ec9cf

data/LICENSE

@@ -0,0 +1,20 @@
+Copyright 2021 hschne
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

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
 
@@ -106,31 +104,23 @@ Flamegraphs are rendered using [Speedscope](https://github.com/jlfwong/speedscop
 
 Rails Mini Profiler provides a wide array of configuration options. You can find details below. For an example configuration check `initializers/rails_mini_profiler.rb` (or [the template file](https://github.com/hschne/rails-mini-profiler/blob/main/lib/generators/rails_mini_profiler/templates/rails_mini_profiler.rb.erb)).
 
-| Option                   | Default                      | Description                                                                                     |
-| ------------------------ | ---------------------------- | ----------------------------------------------------------------------------------------------- |
+| Name                     | Default                      | Description                                                                                     |
+|--------------------------|------------------------------|-------------------------------------------------------------------------------------------------|
 | `enabled`                | `true` (dev)/ `false` (prod) | Whether or not RMP is enabled                                                                   |
-| `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'` |
 | `flamegraph_enabled`     | `true`                       | Should flamegraphs be recorded automatically?                                                   |
 | `flamegraph_sample_rate` | `0.5`                        | The flamegraph sample rate. How many snapshots per millisecond are created.                     |
 | `skip_paths`             | `[]`                         | An array of request paths that should not be profiled. Regex allowed.                           |
-| `storage`                | `Storage`                    | Storage configuration. See [Storage](#Storage)                                                  |
-| `user_provider`          | `Rack::Request.new(env).ip`  | How to identify users. See [Users](#Users)                                                      |
-
-### Request Configuration
-
-You may override the configuration by sending request parameters. The following parameters are available:
+| `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 [Authorization](#Authorization)                                                      |
 
-| Option           | Description                                                                                 |
-| ---------------- | ------------------------------------------------------------------------------------------- |
-| `rmp_flamegraph` | Overrides `flamegraph_enabled` If set to `true` will redirect to the flamegraph immediatly. |
 
 ### Storage
 
 Rails Mini Profiler stores profiling information in your database per default. You can configure various details of how
 traces and requests are stored.
 
-| Configuration             | Default                 | Description                                                                                               |
+| Name                      | Default                 | Description                                                                                               |
 | ------------------------- | ----------------------- | --------------------------------------------------------------------------------------------------------- |
 | `database`                | `nil`                   | Set a custom database to be used for storing profiler information. Uses `connect_to` for profiler records |
 | `profiled_requests_table` | `rmp_profiled_requests` | The table to be used to store profiled requests.                                                          |
@@ -141,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
 
@@ -155,17 +145,37 @@ class ProfiledRequestCleanupJob < ApplicationJob
 end
 ```
 
-### Users
+### UI
+
+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'` |
+| `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.                         |
+
+### Request Configuration
+
+You may override static configuration on a per-request by attaching request parameters. For example, `https://myapp.com/api/mydata?rmp_flamegraph=false`
+
+| Name           | Description                                                                                 |
+| ---------------- | ------------------------------------------------------------------------------------------- |
+| `rmp_flamegraph` | Overrides `flamegraph_enabled` If set to `true` will redirect to the flamegraph immediately. |
 
-Profiling information is segregated by user ID. That means users cannot see each other's profiled requests.
+### Authorization
 
-Per default, individual users are identified by their IP address. You may change this by setting a custom user provider:
+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
@@ -175,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|
@@ -191,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?
 
@@ -201,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
 
@@ -215,7 +238,13 @@ As such, compared to `rack-mini-profiler`, it does not support non-Rails apps (e
 
 Rails Mini Profiler is in early development. As such, breaking changes may still be introduced on a regular basis. While Rails Mini Profiler is in pre-release we do not offer upgrade migrations.
 
-If an upgrade to Rails Mini Profiler breaks your application, we recommend that you drop the offending tables and re-run migrations for the latest version: 
+If an upgrade to Rails Mini Profiler breaks your application, we recommend that you clean house and start over. Re-run the initializer and overwrite existing files: 
+
+```bash
+rails rails_mini_profiler:install
+```
+
+If only the DB schema is out of date, drop the offending tables and re-run migrations for the latest version: 
 
 ```
 rails rails_mini_profiler:install:migrations
@@ -226,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
     
@@ -242,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,10 +1,10 @@
 # frozen_string_literal: true
 
 module RailsMiniProfiler
-  class ApplicationController < ActionController::Base
-    rescue_from ActiveRecord::RecordNotFound, with: :not_found
+  class ApplicationController < RailsMiniProfiler.configuration.ui.base_controller
+    rescue_from ActiveRecord::RecordNotFound, with: ->(error) { handle(error, 404) }
 
-    before_action :check_current_user
+    before_action :check_rmp_user
 
     protected
 
@@ -17,12 +17,20 @@ module RailsMiniProfiler
 
     private
 
-    def not_found(error)
-      redirect_back(fallback_location: profiled_requests_path, alert: error.to_s)
+    def handle(error, status = 500)
+      respond_to do |format|
+        format.html { redirect_back(fallback_location: profiled_requests_path, alert: error.to_s) }
+        format.json { render status: status, json: { message: error.to_s } }
+      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,22 +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]
+      @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
 
@@ -30,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

data/app/helpers/rails_mini_profiler/application_helper.rb

@@ -2,6 +2,8 @@
 
 module RailsMiniProfiler
   module ApplicationHelper
+    include Pagy::Frontend
+
     def present(model, presenter_class = nil, **kwargs)
       klass = presenter_class || "#{model.class}Presenter".constantize
       presenter = klass.new(model, self, **kwargs)
@@ -10,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;
+    });
+  }
+}