rails_mini_profiler 0 → 0.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 96a6d11caabcae6df487601bf8f2283ddfd4d72eecefcab62355f56ae4dbf552
-  data.tar.gz: ddc642e94f3e9832023d3de12e532490ad509c4a9cfc61b4dd010dab811dc750
+  metadata.gz: 5b1f043e04e0f4aaf67b7cfe22be413aa689e51553c3e30e535b2a828d5abde2
+  data.tar.gz: '028d6a1d92f6d66552ccf5f7ea9d1c622d15551ba16977c53b773041fd48464c'
 SHA512:
-  metadata.gz: be8f67fe210563c0857dd665b7a58ce02648814f7b8848eded9919a8af667332d3718d8d5525a4ea5777f380f8c16dfcb41baaec5d74c3b9f53b9284745809de
-  data.tar.gz: 237ddd6a552449b30e13fb0f36d866c65b3be913e4cce8f4f69b9d48e8f800cb75f773ede153409f1dc0aa21314fa0cfd1f6f80551a7e2621aa43b5bb28768ea
+  metadata.gz: 4722b94b458742b5f0c3f3ebe12c119054f053f9a4c783748e5e72686f5676de3fdc7ea5ff9c7aa1bc3872e4ed1d139934aeeb7f653ab40a4818d11b268b85ef
+  data.tar.gz: '0958d98854d3df4c1129a2aef7a85dbf0053770f6c761b7901bf3e121acbb2d1116308d419364ce5528b1b8458d68368bb6f32938966b5a35215c45fe8cd2872'

data/README.md

@@ -6,42 +6,33 @@
 
 ### Performance profiling for Rails, made simple.
 
-[![Gem Version](https://badge.fury.io/rb/rails_mini_profiler.svg)](https://badge.fury.io/rb/rails_mini_profiler)
+[![Gem Version](https://badge.fury.io/rb/graphql-groups.svg)](https://badge.fury.io/rb/graphql-groups)
 [![Main](https://github.com/hschne/rails-mini-profiler/actions/workflows/main.yml/badge.svg)](https://github.com/hschne/rails-mini-profiler/actions/workflows/main.yml)
-[![License](https://img.shields.io/github/license/hschne/rails-mini-profiler)](https://img.shields.io/github/license/hschne/rails-mini-profiler)
-
-[![Maintainability](https://api.codeclimate.com/v1/badges/1fcc2f4d01ab5bf7a260/maintainability)](https://codeclimate.com/github/hschne/rails-mini-profiler/maintainability)
-[![Test Coverage](https://api.codeclimate.com/v1/badges/1fcc2f4d01ab5bf7a260/test_coverage)](https://codeclimate.com/github/hschne/rails-mini-profiler/test_coverage)
+[![Test Coverage](https://api.codeclimate.com/v1/badges/692d4125ac8548fb145e/test_coverage)](https://codeclimate.com/github/hschne/graphql-groups/test_coverage)
 
 </div>
 
 ## What's this?
 
-Rails Mini Profiler is an easy-to-use performance profiler for your Rails applications. It is heavily inspired by [Rack Mini Profiler](https://github.com/MiniProfiler/rack-mini-profiler) and other APM tools. To find out how it stacks up against those check out [Why Rails Mini Profiler](#why-rails-mini-profiler)? 
-
-To see it in action view the preview below:
+Rails Mini Profiler is an easy-to-use performance profiler for your Rails applications. It is heavily inspired by [Rack Mini Profiler](https://github.com/MiniProfiler/rack-mini-profiler) and other APM tools. It looks something like this: 
 
-<div align="center">
 
-[![Rails Mini Profiler Preview](http://img.youtube.com/vi/fSR8fCcsO8Q/0.jpg)](https://www.youtube.com/watch?v=fSR8fCcsO8Q)
 
-</div>
-
-**Note**: This gem is in early development and I'm looking for contributors. Try it out and leave some feedback, it really goes a long way in helping me out with development. Any [feature request](https://github.com/hschne/rails-mini-profiler/issues/new?assignees=&labels=type%3ABug&template=FEATURE_REQUEST.md&title=) or [bug report](https://github.com/hschne/rails-mini-profiler/issues/new?assignees=&labels=type%3AEnhancement&template=BUG_REPORT.md&title=) is welcome. If you like this project, leave a star to show your support! ⭐
+**Note**: This gem is in early development and I'm looking for contributors. Try it out and leave some feedback, it really goes a long way in helping me out with development. Any  [feature request](https://github.com/hschne/rails-mini-profiler/issues/new?assignees=&labels=type%3ABug&template=FEATURE_REQUEST.md&title=) or [bug report](https://github.com/hschne/rails-mini-profiler/issues/new?assignees=&labels=type%3AEnhancement&template=BUG_REPORT.md&title=) is welcome. If you like this project, leave a star to show your support! ⭐
 
 ## Getting Started
 
 Add Rails Mini Profiler to your Gemfile:
 
 ```ruby
-gem 'rails_mini_profiler'
+gem 'rails-mini-profiler'
 ```
 
 Install the gem and run the installer:
 
 ```bash
 bundle install
-rails rails_mini_profiler:install
+rails rail_mini_profiler:install
 ```
 
 Inspect the generated migration in `db/migrate` and run it:
@@ -51,7 +42,7 @@ rails db:migrate
 ```
 
 Start your Rails application and perform some requests. You can either click the little hedgehog 🦔 on the top
-left or navigate to `/rails_mini_profiler` to view collected performance metrics.
+right or navigate to `/rails_mini_profiler` to view collected performance metrics.
 
 ## Usage
 
@@ -64,7 +55,7 @@ route:
 # routes.rb
 Rails.application.routes.draw do
   ...
-
+  
   mount RailsMiniProfiler::Engine => '/rails_mini_profiler'
 end
 ```
@@ -91,37 +82,35 @@ By clicking on individual traces you can find out detailed information.
 
 ### Flamegraphs
 
-Rails Mini Profiler automatically records Flamegraphs for profiled requests. To enable this feature, add [Stackprof](https://github.com/tmm1/stackprof)
-to your Gemfile: 
+Rails Mini Profiler per default records Flamegraphs for every profiled request for convenience. Note that Flamegraphs recording
+incur a significant performance penalty, and can take up a lot of space.
 
-```ruby
-gem 'stackprof'
-```
-
-For convenience, Flamegraphs are recorded for every request. This may incur a significant performance penalty. To change the default behavior see [Configuration](#Configuration).
+To change the default behavior see [Configuration](#Configuration).
 
-Flamegraphs are rendered using [Speedscope](https://github.com/jlfwong/speedscope). See [Troubleshooting](#Troubleshooting) if Flamegraphs are not rendering correctly.
+Flamegraphs are rendered using [Speedscope](https://github.com/jlfwong/speedscope). If Flamegraphs are not rendering
+you may have to amend your content security policy. See [Troubleshooting](#Troubleshooting)
 
 ## Configuration
 
-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)).
+You can set the following configuration options in Rails Mini Profiler:
 
-| Name                     | Default                      | Description                                                                                     |
+| Option                   | 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.new`                | Storage configuration. See [Storage](#Storage).                                                 |
-| `ui`                     | `UserInterface.new`          | UI configuration. See [UI](#UI).                                                                |
+| `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:
 
-| Name           | Description                                                                                 |
-| ---------------- | ------------------------------------------------------------------------------------------- |
+| Option           | Description                                                                                 |
+|------------------|---------------------------------------------------------------------------------------------|
 | `rmp_flamegraph` | Overrides `flamegraph_enabled` If set to `true` will redirect to the flamegraph immediatly. |
 
 ### Storage
@@ -129,8 +118,8 @@ You may override the configuration by sending request parameters. The following
 Rails Mini Profiler stores profiling information in your database per default. You can configure various details of how
 traces and requests are stored.
 
-| Name                      | Default                 | Description                                                                                               |
-| ------------------------- | ----------------------- | --------------------------------------------------------------------------------------------------------- |
+| Configuration             | 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.                                                          |
 | `flamegraphs_table`       | `rmp_flamegraphs`       | The table to be used to store flamegraphs.                                                                |
@@ -138,7 +127,7 @@ traces and requests are stored.
 
 Rails Mini Profiler does not offer an automatic way to clean up old profiling information. It is recommended you add a sweeper job to clean up old profiled requests periodically (e.g. using [clockwork](https://github.com/adamwiggins/clockwork). For example, with ActiveJob:
 
-```ruby
+```
 # Clockwork
 every(1.month, 'purge rails mini profiler' do
     ProfiledRequestCleanupJob.perform_later
@@ -148,22 +137,12 @@ end
 class ProfiledRequestCleanupJob < ApplicationJob
   queue_as :default
 
-  def perform
+  def perform(*guests)
     RailsMiniProfiler::ProfiledRequest.where('created_at < ?', 1.month.ago).destroy_all
   end
 end
 ```
 
-### 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'` |
-| `page_size`      | `25`         | The page size for lists shown in the UI.                                                        |
-
 ### Users
 
 Profiling information is segregated by user ID. That means users cannot see each other's profiled requests.
@@ -178,7 +157,9 @@ You may also explicitly set the user from the application itself:
 
 ```ruby
 class ApplicationController < ActionController::Base
-  before_action do
+  ...
+  
+  before_action do 
     RailsMiniProfiler::User.authorize(current_user.id)
   end
 end
@@ -202,71 +183,8 @@ end
 
 Only requests by explicitly set users will be stored. To configure how individual users are identified see [Users](#Users)
 
-## Why Rails Mini Profiler?
-
-Improving the performance of any application is a 3-step process. You have to answer these questions:
-
-1. What is slow?
-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.
-
-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.
-
-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.
-
 ## Troubleshooting
 
-### Upgrading
-
-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 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
-rails db:migrate
-```
-
-### Support for API-Only Apps
-
-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):
-
-```
-require "sprockets/railtie"
-```
-
-Then, modify `application.rb`:
-
-```
-module ApiOnly
-  class Application < Rails::Application
-    
-    config.api_only = true # Either set this to false
-    config.middleware.use ActionDispatch::Flash # Or add this
-  end
-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.
-
-### No Flamegraphs are being recored?
-
-Make sure you have added [StackProf](https://github.com/tmm1/stackprof) to your Gemfile.
-
-```ruby
-gem 'stackprof'
-```
-
 ### Flamegraphs are not rendering?
 
 Flamegraphs are loaded into [Speedscope](https://github.com/jlfwong/speedscope) using an Iframe and URI Encoded blobs (see [source](https://github.com/hschne/rails-mini-profiler/blob/main/app/views/rails_mini_profiler/flamegraphs/show.html.erb))
@@ -284,14 +202,14 @@ end
 [StackProf](https://github.com/tmm1/stackprof), which is used for recording Flamegraphs, does not work on concurrent requests.
 Because of this, concurrent requests may skip recording a Flamegraph.
 
-It is recommended that you resend _only_ the request you wish to build a Flamegraph for.
+It is recommended that you resend _only_ the request you wish to get a Flamegraph for.
 
 ## Credit
 
 This project was heavily inspired by projects such as [rack-mini-profiler](https://github.com/MiniProfiler/rack-mini-profiler) and
 [rack-profiler](https://github.com/dawanda/rack-profiler). [Skylight](https://www.skylight.io/) was also a huge influence.
 
-[Lena Schnedlitz](https://github.com/LenaSchnedlitz) designed the Logo and provided great support. Without her supreme CSS skills this project would not have been possible 🙌
+[Lena Schnedlitz](https://github.com/LenaSchnedlitz) designed the Logo and provided great support. Without her supreme CSS skills this project would not have been possible :hands_raised:
 
 ## Contributing
 

data/Rakefile

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+require 'bundler/setup'
+
+APP_RAKEFILE = File.expand_path('spec/dummy/Rakefile', __dir__)
+load 'rails/tasks/engine.rake'
+load 'rails/tasks/statistics.rake'
+
+require 'bundler/gem_tasks'
+
+require 'rspec/core/rake_task'
+rspec = RSpec::Core::RakeTask.new(:spec)
+rspec.verbose = false
+
+require 'rubocop/rake_task'
+RuboCop::RakeTask.new
+
+task default: %i[spec rubocop]

data/app/{javascript/images → assets/images/rails_mini_profiler}/logo_variant.svg

@@ -1,5 +1,5 @@
-<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>
+<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>
   <defs>
     <linearGradient id="lightShadow">
       <stop offset="0" style="stop-color:#c22121;stop-opacity:1"/>

data/app/assets/images/rails_mini_profiler/search.svg

@@ -0,0 +1,10 @@
+<?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">
+            <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>
+        </g>
+    </g>
+</svg>

data/app/assets/javascripts/rails_mini_profiler.js

@@ -12,4 +12,79 @@
 //
 //= require rails-ujs
 //= require_tree .
-//= require rails-mini-profiler
+
+function setupRequestSearch() {
+  const profiledRequestNameSearch = document.getElementById('profiled-request-search')
+  if (profiledRequestNameSearch) {
+    profiledRequestNameSearch.addEventListener('keyup', function (event) {
+      if (event.key === 'Enter') {
+        event.preventDefault()
+        document.getElementById('profiled-request-search-form').submit()
+      }
+    })
+  }
+}
+
+function setupTraceSearch() {
+  const traceNameSearch = document.getElementById('trace-search')
+  if (traceNameSearch) {
+    traceNameSearch.addEventListener('keyup', function (event) {
+      if (event.key === 'Enter') {
+        event.preventDefault()
+        document.getElementById('trace-form').submit()
+      }
+    })
+  }
+}
+
+function setupRequestTable() {
+  const profiledRequestTable = document.getElementById('profiled-requests-table');
+  if (profiledRequestTable) {
+    const rows = profiledRequestTable.getElementsByTagName('tr')
+    for (let i = 0; i < rows.length; i++) {
+      const currentRow = profiledRequestTable.rows[i]
+      const link = currentRow.dataset.link
+      const createClickHandler = function (currentRow) {
+        return function () {
+          window.location.href = link
+        }
+      }
+      currentRow.onclick = createClickHandler(currentRow)
+    }
+  }
+}
+
+function setupTraceBars () {
+  const traceBars = document.querySelectorAll('.trace-bar')
+  traceBars.forEach((bar) => {
+    const popover = bar.children[0]
+    tippy(bar, {
+      trigger: 'click',
+      content: popover,
+      theme: 'rmp',
+      maxWidth: '700px',
+      placement: 'bottom',
+      interactive: true,
+      onShow (instance) {
+        instance.popper.querySelector('.popover-close').addEventListener('click', () => {
+          instance.hide()
+        })
+      },
+      onHide (instance) {
+        instance.popper.querySelector('.popover-close').removeEventListener('click', () => {
+          instance.hide()
+        })
+      },
+    })
+  })
+}
+
+
+// Trace Bar Popovers
+document.addEventListener('DOMContentLoaded', () => {
+  setupRequestTable();
+  setupRequestSearch();
+  setupTraceBars();
+  setupTraceSearch();
+}, false)
+

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

@@ -12,5 +12,153 @@
  *
  *= require_tree .
  *= require_self
- *= require rails-mini-profiler
  */
+
+html {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+
+  --grey-50: #F9FAFB;
+  --grey-100: #F3F4F6;
+  --grey-200: #E5E7EB;
+  --grey-400: #9CA3AF;
+  --grey-500: #6B7280;
+  --grey-700: #374151;
+  --grey-900: #111827;
+
+  --red-400: #F87171;
+  --red-500: #EF4444;
+  --red-600: #DC2626;
+
+  --yellow-400: #FBBF24;
+  --yellow-500: #F59E0B;
+
+  --green-300: #6EE7B7;
+  --green-400: #34D399;
+  --green-500: #10B981;
+
+  --blue-400: #60A5FA;
+  --blue-500: #3B82F6;
+
+  --main-width: 1056px;
+
+  --primary: var(--red-600);
+
+  --border-color: var(--grey-200);
+  --text-color: var(--grey-900);
+
+  font-family: 'Open Sans', sans-serif;
+}
+
+body {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+
+  color: var(--text-color)
+}
+
+h1 {
+  padding: 2rem 0 1rem;
+}
+
+button {
+  border: none;
+  border-radius: .25rem;
+  padding: 0.5em .5em;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 1rem;
+  cursor: pointer;
+}
+
+button:hover {
+  box-shadow: 0 .25rem .25rem 0 var(--grey-50);
+}
+
+/* --------------------------------------- */
+
+.text-left {
+  text-align: left;
+}
+
+.text-right {
+  text-align: right;
+}
+
+/* --------------------------------------- */
+
+.pill {
+  margin: .2rem 0;
+  padding: .1rem .4rem;
+  border-radius: 5px;
+
+  font-size: .9rem;
+  font-weight: 600;
+  letter-spacing: .1rem;
+
+  background: var(--grey-200);
+}
+
+/* --------------------------------------- */
+
+.popover {
+  display: flex;
+  flex-direction: column;
+  width: 600px;
+  padding: 1em;
+  color: black;
+}
+
+.popover-header {
+  display: flex;
+  padding-bottom: 1em;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.popover-description {
+  margin: 0;
+  padding: 0;
+}
+
+.popover-close {
+  background: transparent;
+  padding: 0;
+  font-weight: 700;
+  font-size: 20px;
+  color: var(--grey-400);
+}
+
+.popover-body {
+  padding: 1em 0;
+}
+
+.popover-footer {
+  border-top: 1px solid var(--grey-50);
+}
+
+.tippy-box[data-theme~='rmp'] {
+  background: white;
+  box-shadow: 8px 0 30px 4px rgba(0, 0, 0, .2), 8px 4px 10px 0 rgba(0, 0, 0, .05);
+  border-radius: 3px;
+
+  transition: all cubic-bezier(.19,1,.22,1) .2s;
+}
+.tippy-box[data-theme~='rmp'][data-placement^='top'] > .tippy-arrow::before {
+  border-top-color: white;
+}
+.tippy-box[data-theme~='rmp'][data-placement^='bottom'] > .tippy-arrow::before {
+  border-bottom-color: white;
+}
+.tippy-box[data-theme~='rmp'][data-placement^='left'] > .tippy-arrow::before {
+  border-left-color: white;
+}
+.tippy-box[data-theme~='rmp'][data-placement^='right'] > .tippy-arrow::before {
+  border-right-color: white;
+}

data/app/assets/stylesheets/rails_mini_profiler/flamegraph.css

@@ -0,0 +1,14 @@
+/*
+  Place all the styles related to the matching controller here.
+  They will automatically be included in application.css.
+*/
+
+#wrapper {
+  height: 100vh;
+  width: 100%;
+}
+
+#speedscope-iframe {
+  width: 100%;
+  height: 100%;
+  border: none; }

data/app/{javascript/stylesheets/flashes.scss → assets/stylesheets/rails_mini_profiler/flashes.css}

@@ -1,15 +1,17 @@
 .flash {
-  padding: 1rem 1rem;
   margin-top: 1rem;
+  padding: 1rem 1rem;
+
   border-radius: 5px;
 }
 
 .flash-error {
-  background: var(--red-500);
   color: white;
+  background: var(--red-500);
 }
 
 .flash-notice {
-  background: var(--green-400);
   color: white;
+  background: var(--green-400);
+
 }

data/app/{javascript/stylesheets/navbar.scss → assets/stylesheets/rails_mini_profiler/navbar.css}

@@ -1,26 +1,31 @@
 .header {
+  margin: 0;
+  padding: 1.5rem 0;
+
   display: flex;
   justify-content: center;
-  padding: 1.5rem 0;
-  margin: 0;
+
+  box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
+
   background: var(--primary);
-  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
 }
 
 .header a {
-  color: white;
+  color:white;
   text-decoration: none;
 }
 
 .nav {
-  display: flex;
   width: var(--main-width);
+
+  display: flex;
   justify-content: space-between;
 }
 
 .home {
   display: flex;
   align-items: center;
+
   text-decoration: none;
 }
 
@@ -35,10 +40,11 @@
 }
 
 .header-links {
+  margin: 0;
+  padding: 0;
+  list-style: none;
   display: flex;
   align-items: center;
-  padding: 0;
-  margin: 0;
+
   font-weight: 700;
-  list-style: none;
 }