rails_live_dashboard 0.1.0

data/app/assets/javascripts/rails_live_dashboard/application.js

@@ -0,0 +1,2 @@
+import "@hotwired/turbo-rails";
+import "./controllers";

data/app/assets/javascripts/rails_live_dashboard/controllers/application.js

@@ -0,0 +1,9 @@
+import { Application } from "@hotwired/stimulus";
+
+const application = Application.start();
+
+// Configure Stimulus development experience
+application.debug = false;
+window.Stimulus = application;
+
+export { application };

data/app/assets/javascripts/rails_live_dashboard/controllers/index.js

@@ -0,0 +1,6 @@
+import { application } from "./application";
+import Reveal from "./reveal_controller";
+import Tabs from "./tabs_controller";
+
+application.register("reveal", Reveal);
+application.register("tabs", Tabs);

data/app/assets/javascripts/rails_live_dashboard/controllers/reveal_controller.js

@@ -0,0 +1,28 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+  static targets = ["item"];
+  static classes = ["hidden"];
+
+  connect() {
+    this.class = this.hasHiddenClass ? this.hiddenClass : "hidden";
+  }
+
+  toggle() {
+    this.itemTargets.forEach((item) => {
+      item.classList.toggle(this.class);
+    });
+  }
+
+  show() {
+    this.itemTargets.forEach((item) => {
+      item.classList.remove(this.class);
+    });
+  }
+
+  hide() {
+    this.itemTargets.forEach((item) => {
+      item.classList.add(this.class);
+    });
+  }
+}

data/app/assets/javascripts/rails_live_dashboard/controllers/tabs_controller.js

@@ -0,0 +1,37 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+  static classes = ["active"];
+  static targets = ["button", "tab"];
+  static values = { defaultTab: String };
+
+  connect() {
+    this.tabTargets.map((tab) => {
+      if (tab.id != this.defaultTabValue) {
+        tab.hidden = true;
+      }
+    });
+
+    this.buttonTargets.find((button) => {
+      if (button.id === this.defaultTabValue) {
+        button.classList.add(...this.activeClasses);
+      }
+    });
+  }
+
+  select(event) {
+    let selectedTab = this.tabTargets.find(
+      (element) => element.id === event.currentTarget.id
+    );
+
+    if (selectedTab.hidden) {
+      this.tabTargets.map((tab) => (tab.hidden = true));
+      this.buttonTargets.map((button) =>
+        button.classList.remove(...this.activeClasses)
+      );
+
+      selectedTab.hidden = false;
+      event.currentTarget.classList.add(...this.activeClasses);
+    }
+  }
+}

data/app/assets/stylesheets/rails_live_dashboard/application.css

@@ -0,0 +1,5 @@
+@import "tailwindcss/base";
+
+@import "tailwindcss/components";
+
+@import "tailwindcss/utilities";

data/app/components/rails_live_dashboard/query_duration_badge_component.html.erb

@@ -0,0 +1,3 @@
+<span class="<%= class_names('inline-flex items-center rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset', @classes) %>">
+  <%= @duration %> ms
+</span>

data/app/components/rails_live_dashboard/query_duration_badge_component.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+module RailsLiveDashboard
+  class QueryDurationBadgeComponent < ViewComponent::Base
+    CLASSES = {
+      ok: 'bg-green-50 text-green-700 ring-green-600/20',
+      warning: 'bg-orange-50 text-orange-700 ring-orange-600/10',
+      danger: 'bg-red-50 text-red-700 ring-red-600/10'
+    }.freeze
+
+    def initialize(duration)
+      super
+
+      @duration = duration
+      @classes = duration_classes
+    end
+
+    private
+
+    def duration_classes
+      return CLASSES[:ok] if @duration < 10
+      return CLASSES[:warning] if @duration < 100
+
+      CLASSES[:danger]
+    end
+  end
+end

data/app/components/rails_live_dashboard/request_duration_badge_component.html.erb

@@ -0,0 +1,3 @@
+<span class="<%= class_names('inline-flex items-center rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset', @classes) %>">
+  <%= @duration %> ms
+</span>

data/app/components/rails_live_dashboard/request_duration_badge_component.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+module RailsLiveDashboard
+  class RequestDurationBadgeComponent < ViewComponent::Base
+    CLASSES = {
+      ok: 'bg-green-50 text-green-700 ring-green-600/20',
+      warning: 'bg-orange-50 text-orange-700 ring-orange-600/10',
+      danger: 'bg-red-50 text-red-700 ring-red-600/10'
+    }.freeze
+
+    def initialize(duration)
+      super
+
+      @duration = duration
+      @classes = duration_classes
+    end
+
+      private
+
+    def duration_classes
+      return CLASSES[:ok] if @duration < 100
+      return CLASSES[:warning] if @duration < 500
+
+      CLASSES[:danger]
+    end
+  end
+end

data/app/components/rails_live_dashboard/request_method_badge_component.html.erb

@@ -0,0 +1,6 @@
+<span class="inline-flex items-center gap-x-1.5 rounded-md px-2 py-1 text-xs font-medium text-gray-900 ring-1 ring-inset ring-gray-200">
+  <svg class="<%= class_names('h-1.5 w-1.5', @classes) %>" viewBox="0 0 6 6" aria-hidden="true">
+    <circle cx="3" cy="3" r="3" />
+  </svg>
+  <%= @method %>
+</span>

data/app/components/rails_live_dashboard/request_method_badge_component.rb

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+module RailsLiveDashboard
+  class RequestMethodBadgeComponent < ViewComponent::Base
+    CLASSES = {
+      get: 'fill-green-500',
+      post: 'fill-yellow-500',
+      put: 'fill-blue-500',
+      patch: 'fill-indigo-500',
+      delete: 'fill-red-500',
+      head: 'fill-green-500',
+      option: 'fill-purple-500'
+    }.freeze
+
+    def initialize(method, turbo_stream: false)
+      super
+
+      return if method.nil?
+
+      @classes = CLASSES[method.downcase.to_sym]
+      @method = "#{method} #{'- Turbo Stream' if turbo_stream}"
+    end
+  end
+end

data/app/components/rails_live_dashboard/request_status_badge_component.html.erb

@@ -0,0 +1,3 @@
+<span class="<%= class_names('inline-flex items-center rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset', @classes) %>">
+  <%= @status %>
+</span>

data/app/components/rails_live_dashboard/request_status_badge_component.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module RailsLiveDashboard
+  class RequestStatusBadgeComponent < ViewComponent::Base
+    CLASSES = {
+      100..199 => 'bg-blue-50 text-blue-700 ring-blue-700/10',
+      200..299 => 'bg-green-50 text-green-700 ring-green-600/20',
+      300..399 => 'bg-yellow-50 text-yellow-800 ring-yellow-600/20',
+      400..499 => 'bg-orange-50 text-orange-700 ring-orange-600/10',
+      500..599 => 'bg-red-50 text-red-700 ring-red-600/10'
+    }.freeze
+
+    def initialize(status)
+      super
+
+      return if status.nil?
+
+      @status = status
+      @classes = CLASSES.detect { |k, _v| k === status }&.last
+    end
+  end
+end

data/app/controllers/rails_live_dashboard/application_controller.rb

@@ -0,0 +1,4 @@
+module RailsLiveDashboard
+  class ApplicationController < ActionController::Base
+  end
+end

data/app/controllers/rails_live_dashboard/clean_controller.rb

@@ -0,0 +1,9 @@
+module RailsLiveDashboard
+  class CleanController < ApplicationController
+    def destroy
+      Entry.delete_all
+
+      redirect_to dashboard_path, status: :see_other
+    end
+  end
+end

data/app/controllers/rails_live_dashboard/dashboard_controller.rb

@@ -0,0 +1,8 @@
+module RailsLiveDashboard
+  class DashboardController < ApplicationController
+    def show
+      @ruby_version = RUBY_VERSION
+      @rails_version = Rails.version
+    end
+  end
+end

data/app/controllers/rails_live_dashboard/exceptions_controller.rb

@@ -0,0 +1,13 @@
+module RailsLiveDashboard
+  class ExceptionsController < ApplicationController
+    def index
+      @exceptions = Exception
+        .where(should_show: true)
+        .order(created_at: :desc)
+    end
+
+    def show
+      @exception = Exception.find(params[:id])
+    end
+  end
+end

data/app/controllers/rails_live_dashboard/queries_controller.rb

@@ -0,0 +1,11 @@
+module RailsLiveDashboard
+  class QueriesController < ApplicationController
+    def index
+      @queries = Query.order(created_at: :desc)
+    end
+
+    def show
+      @query = Query.find(params[:id])
+    end
+  end
+end

data/app/controllers/rails_live_dashboard/requests_controller.rb

@@ -0,0 +1,13 @@
+module RailsLiveDashboard
+  class RequestsController < ApplicationController
+    def index
+      @requests = Request.order(created_at: :desc)
+    end
+
+    def show
+      @request = Request.find(params[:id])
+      @exceptions = Exception.where(batch_id: @request.batch_id)
+      @queries = Query.where(batch_id: @request.batch_id)
+    end
+  end
+end

data/app/controllers/rails_live_dashboard/widgets/slowest_queries_controller.rb

@@ -0,0 +1,11 @@
+module RailsLiveDashboard
+  module Widgets
+    class SlowestQueriesController < ApplicationController
+      def show
+        @queries = Query
+          .order(Arel.sql("cast(content->>'duration' as float) DESC"))
+          .limit(5)
+      end
+    end
+  end
+end

data/app/controllers/rails_live_dashboard/widgets/slowest_requests_controller.rb

@@ -0,0 +1,11 @@
+module RailsLiveDashboard
+  module Widgets
+    class SlowestRequestsController < ApplicationController
+      def show
+        @requests = Request
+          .order(Arel.sql("cast(content->>'duration' as float) DESC"))
+          .limit(5)
+      end
+    end
+  end
+end

data/app/helpers/rails_live_dashboard/application_helper.rb

@@ -0,0 +1,4 @@
+module RailsLiveDashboard
+  module ApplicationHelper
+  end
+end

data/app/helpers/rails_live_dashboard/clean_helper.rb

@@ -0,0 +1,4 @@
+module RailsLiveDashboard
+  module CleanHelper
+  end
+end

data/app/helpers/rails_live_dashboard/dashboard_helper.rb

@@ -0,0 +1,4 @@
+module RailsLiveDashboard
+  module DashboardHelper
+  end
+end

data/app/helpers/rails_live_dashboard/exceptions_helper.rb

@@ -0,0 +1,4 @@
+module RailsLiveDashboard
+  module ExceptionsHelper
+  end
+end

data/app/helpers/rails_live_dashboard/requests_helper.rb

@@ -0,0 +1,4 @@
+module RailsLiveDashboard
+  module RequestsHelper
+  end
+end

data/app/jobs/rails_live_dashboard/application_job.rb

@@ -0,0 +1,4 @@
+module RailsLiveDashboard
+  class ApplicationJob < ActiveJob::Base
+  end
+end

data/app/mailers/rails_live_dashboard/application_mailer.rb

@@ -0,0 +1,6 @@
+module RailsLiveDashboard
+  class ApplicationMailer < ActionMailer::Base
+    default from: "from@example.com"
+    layout "mailer"
+  end
+end

data/app/models/rails_live_dashboard/application_record.rb

@@ -0,0 +1,5 @@
+module RailsLiveDashboard
+  class ApplicationRecord < ActiveRecord::Base
+    self.abstract_class = true
+  end
+end

data/app/models/rails_live_dashboard/entry.rb

@@ -0,0 +1,5 @@
+module RailsLiveDashboard
+  class Entry < ApplicationRecord
+    scope :should_show, -> { where(should_show: true) }
+  end
+end

data/app/models/rails_live_dashboard/exception.rb

@@ -0,0 +1,31 @@
+module RailsLiveDashboard
+  class Exception < Entry
+    attribute :content, Types::ExceptionContent.new
+
+    scope :of_class, ->(exception_class) { where("content->>'class' = ?", exception_class) }
+
+    def class_name
+      content.class
+    end
+
+    def message
+      content.message
+    end
+
+    def occurrences
+      content.occurrences
+    end
+
+    def file
+      content.file
+    end
+
+    def line
+      content.line
+    end
+
+    def backtrace
+      content.backtrace
+    end
+  end
+end

data/app/models/rails_live_dashboard/query.rb

@@ -0,0 +1,5 @@
+module RailsLiveDashboard
+  class Query < Entry
+    attribute :content, Types::QueryContent.new
+  end
+end

data/app/models/rails_live_dashboard/request.rb

@@ -0,0 +1,45 @@
+module RailsLiveDashboard
+  class Request < Entry
+    attribute :content, Types::RequestContent.new
+
+    def method
+      content.method
+    end
+
+    def path
+      content.path
+    end
+
+    def status_code
+      content.status
+    end
+
+    def controller
+      content.controller
+    end
+
+    def controller_action
+      content.action
+    end
+
+    def duration
+      content.duration.round
+    end
+
+    def payload
+      content.params
+    end
+
+    def headers
+      content.headers
+    end
+
+    def body
+      content.body
+    end
+
+    def turbo_stream?
+      content.format == 'turbo_stream'
+    end
+  end
+end

data/app/models/rails_live_dashboard/types/content.rb

@@ -0,0 +1,32 @@
+module RailsLiveDashboard
+  module Types
+    class Content < ActiveRecord::Type::Value
+      CONTENT_STRUCT = Struct.new(*self.PAYLOAD)
+
+      def type
+        :jsonb
+      end
+
+      def cast(value)
+        sanitized = sanitize_input(value)
+        CONTENT_STRUCT.new(**sanitized)
+      end
+
+      def deserialize(value)
+        decoded = ActiveSupport::JSON.decode(value)
+        sanitized = sanitize_input(decoded)
+        CONTENT_STRUCT.new(**sanitized)
+      end
+
+      def serialize(value)
+        ActiveSupport::JSON.encode(value)
+      end
+
+      private
+
+      def sanitize_input(input)
+        input.slice(*self.PAYLOAD)
+      end
+    end
+  end
+end

data/app/models/rails_live_dashboard/types/exception_content.rb

@@ -0,0 +1,42 @@
+module RailsLiveDashboard
+  module Types
+    class ExceptionContent < ActiveRecord::Type::Value
+      PAYLOAD =
+        %i[
+          class
+          message
+          file
+          line
+          backtrace
+          occurrences
+        ].freeze
+
+      CONTENT_STRUCT = Struct.new(*PAYLOAD)
+
+      def type
+        :jsonb
+      end
+
+      def cast(value)
+        sanitized = sanitize_input(value)
+        CONTENT_STRUCT.new(**sanitized)
+      end
+
+      def deserialize(value)
+        decoded = ActiveSupport::JSON.decode(value)&.symbolize_keys
+        sanitized = sanitize_input(decoded)
+        CONTENT_STRUCT.new(**sanitized)
+      end
+
+      def serialize(value)
+        ActiveSupport::JSON.encode(value)
+      end
+
+      private
+
+      def sanitize_input(input)
+        input.slice(*PAYLOAD)
+      end
+    end
+  end
+end

data/app/models/rails_live_dashboard/types/query_content.rb

@@ -0,0 +1,42 @@
+module RailsLiveDashboard
+  module Types
+    class QueryContent < ActiveRecord::Type::Value
+      PAYLOAD =
+        %i[
+          name
+          sql
+          parameters
+          duration
+          kind
+          cached
+        ].freeze
+
+      CONTENT_STRUCT = Struct.new(*PAYLOAD)
+
+      def type
+        :jsonb
+      end
+
+      def cast(value)
+        sanitized = sanitize_input(value)
+        CONTENT_STRUCT.new(**sanitized)
+      end
+
+      def deserialize(value)
+        decoded = ActiveSupport::JSON.decode(value)&.symbolize_keys
+        sanitized = sanitize_input(decoded)
+        CONTENT_STRUCT.new(**sanitized)
+      end
+
+      def serialize(value)
+        ActiveSupport::JSON.encode(value)
+      end
+
+      private
+
+      def sanitize_input(input)
+        input.slice(*PAYLOAD)
+      end
+    end
+  end
+end

data/app/models/rails_live_dashboard/types/request_content.rb

@@ -0,0 +1,49 @@
+module RailsLiveDashboard
+  module Types
+    class RequestContent < ActiveRecord::Type::Value
+      PAYLOAD =
+        %i[
+          controller
+          action
+          params
+          format
+          method
+          path
+          status
+          headers
+          body
+          duration
+          view_duration
+          db_duration
+          allocations
+        ].freeze
+
+      CONTENT_STRUCT = Struct.new(*PAYLOAD)
+
+      def type
+        :jsonb
+      end
+
+      def cast(value)
+        sanitized = sanitize_input(value)
+        CONTENT_STRUCT.new(**sanitized)
+      end
+
+      def deserialize(value)
+        decoded = ActiveSupport::JSON.decode(value)&.symbolize_keys
+        sanitized = sanitize_input(decoded)
+        CONTENT_STRUCT.new(**sanitized)
+      end
+
+      def serialize(value)
+        ActiveSupport::JSON.encode(value)
+      end
+
+      private
+
+      def sanitize_input(input)
+        input.slice(*PAYLOAD)
+      end
+    end
+  end
+end

data/app/views/layouts/rails_live_dashboard/application.html.erb

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Rails Live Dashboard</title>
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag %>
+
+  <%= stylesheet_link_tag    "rails_live_dashboard/application", data_turbo_track: 'reload', media: "all" %>
+  <%= javascript_include_tag "rails_live_dashboard/application", data_turbo_track: 'reload', defer: true %>
+</head>
+<body class="bg-gray-200 pb-10">
+  <%= render "rails_live_dashboard/shared/header" %>
+
+  <main class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+    <%= yield %>
+  </main>
+</body>
+</html>