dcyoung-dev

web: bundle exec rails server
worker: bundle exec sidekiq
webpack: bundle exec bin/webpack-dev-server

dcyoung-dev

require 'capybara'

dcyoung-dev

ruby 3.0.1
nodejs 16.0.0

dcyoung-dev

@mixin for-size($range) {
  $phone-upper-boundary: 37.5rem;
  $tablet-portrait-upper-boundary: 56.25rem;
  $tablet-landscape-upper-boundary: 75rem;
  $desktop-upper-boundary: 112.5rem;

  @if $range == phone-only {
    @media (max-width: #{$phone-upper-boundary - 1}) { @content; }
  } @else if $range == tablet-portrait-up {
    @media (min-width: $phone-upper-boundary) { @content; }

dcyoung-dev

module TurboFrameHelpers
  def turbo_frame_id(*ids)
    ids.map { |id| id.respond_to?(:to_key) ? ActionView::RecordIdentifier.dom_id(id) : id }.join("_")
  end
end

RSpec.configure do |config|
  config.include TurboFrameHelpers
end

dcyoung-dev

import {Controller} from "@hotwired/stimulus"
import {debounce} from "lodash/function";

// Connects to data-controller="auto-save"
export default class extends Controller {
    initialize() {
        this.autosave = debounce(this.autosave, 200).bind(this)
    }
    
    autosave(event) {

dcyoung-dev

  def active_link_to(name = nil, options = nil, **html_options, &block)
    options = block_given? ? name : options

    if current_page?(options)
      html_options[:class] = class_names(html_options[:class], :active)
      html_options[:aria] = html_options.fetch(:aria, {}).merge(current: :page)
    end

    if block_given?
      link_to options, html_options, &block