Snippets

const button = document.querySelector('');

// Trigger the hover events if (button) { button.dispatchEvent(new MouseEvent(‘mouseover’, { bubbles: true })); button.dispatchEvent(new MouseEvent(‘mouseenter’, { bubbles: true })); console.log(‘Hover triggered successfully!’); } else { console.error(‘Element not found. Make sure you are inside the correct iframe.’); }

Ruby Instrumentation

Use the below snippet for quick instrumentation of a controller action.

around_action :log_sql_count, only: :slow_action

def slow_action
  measure("find records") do
    @records = Model.includes(:assoc).all
  end

  measure("compute stuff") do
    @computed = expensive_ruby_work(@records)
  end

  measure("render") do
    render_to_string(partial: 'results', layout: false, formats: [:html], locals: {})
  end
end

private

def log_sql_count
  sql_count = 0

  subscriber = ActiveSupport::Notifications.subscribe('sql.active_record') do |*args|
    sql_count += 1 unless args.last[:name] == 'SCHEMA'
  end

  yield
ensure
  ActiveSupport::Notifications.unsubscribe(subscriber)

  Rails.logger.info "=== #{action_name} SQL queries: #{sql_count} ==="
end

def measure(label)
  start = Process.clock_gettime(Process::CLOCK_MONOTONIC)
  result = yield

  elapsed = Process.clock_gettime(Process::CLOCK_MONOTONIC) - start

  Rails.logger.info "  [MEASURE] #{label}: #{elapsed.round(3)}s"
  result
end

Add around action to get the count of sql queries. helpful for n+1 queries. To get runtime, wrap queries in your method with measure.

Table rows

Easy-to-follow table rows

:is(tbody, table) > tr:nth-child(odd) {
  background: #0001;
}

binding.pry

Get the call stack

caller.select { |call| !call.include?('/usr/local/bundle/gems') }

Print in formatted way

puts JSON.pretty_generate(params.to_unsafe_h)
Pry::ColorPrinter.pp(params.to_unsafe_h)

Add break point from console

break line_number break 06