ultimate_turbo_modal 2.1.2 → 2.2.2

data/demo-app/app/controllers/posts_controller.rb

@@ -1,69 +0,0 @@
-class PostsController < ApplicationController
-  before_action :set_post, only: %i[show edit update destroy]
-  before_action :set_modal_properties
-
-  # GET /posts
-  def index
-    @posts = Post.all
-  end
-
-  # GET /posts/1
-  def show
-    @modal_title = @post.title
-  end
-
-  # GET /posts/new
-  def new
-    @post = Post.new
-    @modal_title = "New Post"
-  end
-
-  # GET /posts/1/edit
-  def edit
-    @modal_title = "Edit Post"
-  end
-
-  # POST /posts
-  def create
-    @post = Post.new(post_params)
-    @modal_title = "New Post"
-
-    if @post.save
-      redirect_to "/",
-                  notice: "Post was successfully created.",
-                  status: :see_other
-    else
-      render :new, status: :unprocessable_entity
-    end
-  end
-
-  # PATCH/PUT /posts/1
-  def update
-    if @post.update(post_params)
-      redirect_to "/",
-                  notice: "Post was successfully updated.",
-                  status: :see_other
-    else
-      render :edit, status: :unprocessable_entity
-    end
-  end
-
-  # DELETE /posts/1
-  def destroy
-    redirect_to "/",
-                notice: "Post was successfully destroyed. (but not really)",
-                status: :see_other
-  end
-
-  private
-
-  # Use callbacks to share common setup or constraints between actions.
-  def set_post
-    @post = Post.find(params[:id])
-  end
-
-  # Only allow a list of trusted parameters through.
-  def post_params
-    params.require(:post).permit(:title, :body)
-  end
-end

data/demo-app/app/controllers/welcome_controller.rb

@@ -1,2 +0,0 @@
-class WelcomeController < ApplicationController
-end

data/demo-app/app/helpers/application_helper.rb

@@ -1,9 +0,0 @@
-module ApplicationHelper
-  def h1_classes
-    "text-2xl font-bold tracking-tight text-gray-900 sm:text-4xl border-b mb-2 dark:text-white"
-  end
-
-  def button_classes
-    "rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
-  end
-end

data/demo-app/app/javascript/application.js

@@ -1,4 +0,0 @@
-import { Turbo } from "@hotwired/turbo-rails";
-import "./controllers";
-
-window.Turbo = Turbo;

data/demo-app/app/javascript/controllers/application.js

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

data/demo-app/app/javascript/controllers/dark_mode_controller.js

@@ -1,28 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-
-export default class extends Controller {
-  static targets = ["toggle"];
-
-  toggleTheme() {
-    // Toggle the dark class on the html element
-    if (document.documentElement.classList.contains('dark')) {
-      document.documentElement.classList.remove('dark');
-      this.setCookie('theme', 'light');
-    } else {
-      document.documentElement.classList.add('dark');
-      this.setCookie('theme', 'dark');
-    }
-  }
-
-  setCookie(name, value, days = 7) {
-    const expires = new Date(Date.now() + days * 864e5).toUTCString();
-    document.cookie = `${name}=${value};expires=${expires};path=/`;
-  }
-
-  getCookie(name) {
-    const value = `; ${document.cookie}`;
-    const parts = value.split(`; ${name}=`);
-    if (parts.length === 2) return parts.pop().split(';').shift();
-    return null;
-  }
-}

data/demo-app/app/javascript/controllers/flash_controller.js

@@ -1,9 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-
-export default class extends Controller {
-  connect() {
-    setTimeout(() => {
-      this.element.remove()
-    }, 3000)
-  }
-}

data/demo-app/app/javascript/controllers/hello_controller.js

@@ -1,7 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-
-export default class extends Controller {
-  connect() {
-    this.element.textContent = "Hello World!"
-  }
-}

data/demo-app/app/javascript/controllers/index.js

@@ -1,15 +0,0 @@
-// This file is auto-generated by ./bin/rails stimulus:manifest:update
-// Run that command whenever you add a new controller or create them with
-// ./bin/rails generate stimulus controllerName
-
-import { application } from "./application"
-
-import DarkModeController from "./dark_mode_controller"
-application.register("dark-mode", DarkModeController)
-
-import FlashController from "./flash_controller"
-application.register("flash", FlashController)
-
-// import { UltimateTurboModalController } from "../../../../ultimate_turbo_modal-rails/javascript/dist/ultimate_turbo_modal.js"
-import { UltimateTurboModalController } from "ultimate_turbo_modal"
-application.register("modal", UltimateTurboModalController)

data/demo-app/app/models/application_record.rb

@@ -1,3 +0,0 @@
-class ApplicationRecord < ActiveRecord::Base
-  primary_abstract_class
-end

data/demo-app/app/models/post.rb

@@ -1,4 +0,0 @@
-class Post < ApplicationRecord
-  validates :title, presence: true
-  validates :body, presence: true
-end

data/demo-app/app/views/hide_from_backends/_notice.html.erb

@@ -1,10 +0,0 @@
-<% if local_assigns[:message] %>
-  <div id="ts-notice">
-    <%= local_assigns[:message] %>
-    <div class="mt-3 font-medium">
-      <a href="#" onclick="document.getElementById('ts-notice').innerHTML=''; return false;">Close</a>
-    </div>
-  </div>
-<% else %>
-  <div id="ts-notice"></div>
-<% end %>

data/demo-app/app/views/hide_from_backends/create.turbo_stream.erb

@@ -1,2 +0,0 @@
-<%= turbo_stream.modal(:hide) %>
-<%= turbo_stream.replace "ts-notice", partial: "notice", locals: { message: "Modal close was triggered by the backend via Turbo Stream @ #{Time.now}!" } %>

data/demo-app/app/views/hide_from_backends/new.html.erb

@@ -1,30 +0,0 @@
-<%= modal(title: "My Glorious Form") do %>
-  <% if !inside_modal? %>
-    <div class="px-4 py-5 sm:p-3">
-      <h3 class="text-base font-semibold leading-6 text-gray-900">My Glorious Form</h3>
-  <% end %>
-
-    <div class="mt-2 max-w-xl text-sm text-gray-500 dark:text-white">
-      <p>Upon submission, the modal will be closed from the backend.</p>
-      <p class="mt-2">If no email is entered, the form will be redisplayed with errors.</p>
-    </div>
-
-    <% if !form_is_valid? %>
-      <div class="my-4 text-red-700 font-semibold">
-        Email is required!
-      </div>
-    <% end %>
-
-    <%= form_with url: hide_from_backend_path, method: :post, class: "mt-5 sm:flex sm:items-center" do %>
-      <div class="w-full sm:max-w-xs">
-        <label for="email" class="sr-only">Email</label>
-        <input type="email" name="email" id="email" class="block w-full rounded-md border-0 py-1.5 text-gray-900 ring-gray-300 shadow-xs ring-1 ring-inset placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6" placeholder="you@example.com">
-      </div>
-
-      <button type="submit" class="mt-3 inline-flex w-full items-center justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 sm:ml-3 sm:mt-0 sm:w-auto">Save</button>
-    <% end %>
-
-  <% if !inside_modal? %>
-    </div>
-  <% end %>
-<% end %>

data/demo-app/app/views/layouts/application.html.erb

@@ -1,40 +0,0 @@
-<!DOCTYPE html>
-<html class="<%= cookies[:theme] == "dark" ? "dark" : "" %>">
-  <head>
-    <title>Ultimate Turbo Modal</title>
-    <meta name="viewport" content="width=device-width,initial-scale=1">
-    <%= csrf_meta_tags %>
-    <%= csp_meta_tag %>
-    <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
-    <%= javascript_include_tag "application", "data-turbo-track": "reload", defer: true %>
-  </head>
-
-  <body class="dark:bg-slate-800 dark:text-white transition-colors">
-    <%= turbo_frame_tag "modal" %>
-    <%= render partial: "shared/flash" %>
-
-    <div class="container mx-auto mt-8 px-5 bg-white dark:bg-slate-800 transition-colors">
-      <%= yield %>
-    </div>
-
-    <div class="fixed right-4 top-4 h-6 text-black dark:text-white" data-controller="dark-mode">
-      <button data-action="click->dark-mode#toggleTheme">
-        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 dark:hidden">
-          <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" />
-        </svg>
-
-        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 hidden dark:block">
-          <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" />
-        </svg>
-      </button>
-    </div>
-
-    <a href="/">
-      <% if UltimateTurboModal.flavor == :tailwind %>
-        <svg class="fixed right-4 bottom-4 h-12" viewBox="0 0 50 31" class="text-slate-900 dark:text-white w-auto h-5"><path fill-rule="evenodd" clip-rule="evenodd" d="M25.517 0C18.712 0 14.46 3.382 12.758 10.146c2.552-3.382 5.529-4.65 8.931-3.805 1.941.482 3.329 1.882 4.864 3.432 2.502 2.524 5.398 5.445 11.722 5.445 6.804 0 11.057-3.382 12.758-10.145-2.551 3.382-5.528 4.65-8.93 3.804-1.942-.482-3.33-1.882-4.865-3.431C34.736 2.92 31.841 0 25.517 0zM12.758 15.218C5.954 15.218 1.701 18.6 0 25.364c2.552-3.382 5.529-4.65 8.93-3.805 1.942.482 3.33 1.882 4.865 3.432 2.502 2.524 5.397 5.445 11.722 5.445 6.804 0 11.057-3.381 12.758-10.145-2.552 3.382-5.529 4.65-8.931 3.805-1.941-.483-3.329-1.883-4.864-3.432-2.502-2.524-5.398-5.446-11.722-5.446z" fill="#38bdf8"></path></svg>
-      <% elsif UltimateTurboModal.flavor == :vanilla %>
-        <img class="fixed right-4 bottom-4 h-16" src="/img/vanilla.png">
-      <% end %>
-    </a>
-  </body>
-</html>

data/demo-app/app/views/modal/index.html.erb

@@ -1,45 +0,0 @@
-<%= render partial: "hide_from_backends/notice" %>
-<div class="fixed left-3 bottom-3 text-lg text-gray-600">
-  Rendered at <%= Time.now %>
-</div>
-
-<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
-  <!-- We've used 3xl here, but feel free to try other max-widths based on your needs -->
-  <div class="mx-auto max-w-3xl space-y-24">
-    <div>
-      <h1 class="<%= h1_classes %>">CRUD modals</h1>
-      <ul class="list-disc ml-6 dark:text-white">
-        <li class="py-2"><%= link_to "Show Post", post_path(@post, close_button: 1), data: {turbo_frame: "modal"} %>
-        <li class="py-2"><%= link_to "New Post", new_post_path(Post.new, close_button: 1), data: {turbo_frame: "modal"} %>
-        <li class="py-2"><%= link_to "Show Post (w/ advance history)", post_path(@post, advance: "1", close_button: 1), data: {turbo_frame: "modal"} %>
-      </ul>
-    </div>
-
-    <div>
-      <h1 class="<%= h1_classes %>">More modals</h1>
-      <ul class="list-disc ml-6 dark:text-white">
-        <li class="py-2">Photo: <%= link_to "without header or padding", modal_path(:photo, padding: 0, advance: 1, close_button: 1), data: {turbo_frame: "modal"} %> | <%= link_to "without close button", modal_path(:photo, padding: 0, advance: 1, close_button: 0), data: {turbo_frame: "modal"} %>
-        <li class="py-2"><%= link_to "Long scrolling content", modal_path(:long, advance: 1, close_button: 1), data: {turbo_frame: "modal"} %>
-        <li class="py-2"><%= link_to "Form closing from backend on success", new_hide_from_backend_path(close_button: 1), data: {turbo_frame: "modal"} %>
-
-      </ul>
-    </div>
-  </div>
-</div>
-
-
-<div class="mx-auto text-center">
-  <% 30.times do %>
-    <div class="my-48 text-gray-300 mx-auto">
-      This is a long page!
-    </div>
-  <% end %>
-
-  <div>
-    <input type="text" class="rounded border-gray-300 placeholder-gray-300" placeholder="Test for focus trap" />
-  </div>
-</div>
-
-<div class="my-20 text-center">
-  <%= link_to "Click for a unicat", modal_path(:photo, padding: 0, advance: 1), class: button_classes, data: {turbo_frame: "modal"} %>
-</div>

data/demo-app/app/views/modal/show.html.erb

@@ -1,39 +0,0 @@
-<%= modal(padding: @padding, advance: @override_url || @advance, header: @header, close_button: @close_button) do %>
-  <% unless inside_modal? %>
-    <h1 class="text-2xl mb-8">This is not inside a modal</h1>
-  <% end %>
-
-  <% if params[:id] == "long" %>
-    <div class="space-y-2 max-w-3xl">
-      <% 30.times do %>
-        <p><%= Faker::Lorem.paragraph(sentence_count: 50) %></p>
-      <% end %>
-    </div>
-  <% elsif params[:id] == "photo" %>
-    <div class="w-full">
-      <img src="/img/unicat.jpg">
-    </div>
-  <% elsif params[:id] == "photo_no_advance" %>
-    <div class="w-full">
-      <img src="/img/unicat.jpg">
-    </div>
-  <% elsif params[:id] == "form" %>
-    <div class="w-full p-4">
-      <form>
-        <div class="mb-4">
-          <label class="block mb-2" for="fname">First Name:</label>
-          <input class="rounded border-gray-300 border" type="text" id="fname" name="fname" autofocus>
-        </div>
-        <div class="mb-4">
-          <label class="block mb-2" for="lname">Last Name:</label>
-          <input class="rounded border-gray-300 border" type="text" id="lname" name="lname">
-        </div>
-        <button class="rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" type="submit">Submit</button>
-      </form>
-    </div>
-  <% else %>
-    <div class="w-full">
-      Not sure what you're looking for!
-    </div>
-  <% end %>
-<% end %>

data/demo-app/app/views/posts/_form.html.erb

@@ -1,36 +0,0 @@
-<div class="w-96">
-  <%= form_with(model: post, class: "contents") do |form| %>
-    <% if post.errors.any? %>
-      <div id="error_explanation" class="bg-red-50 text-red-500 px-3 py-2 font-medium rounded-lg mt-3">
-        <h2><%= pluralize(post.errors.count, "error") %> prohibited this post from being saved:</h2>
-        <ul>
-          <% post.errors.each do |error| %>
-            <li><%= error.full_message %></li>
-          <% end %>
-        </ul>
-      </div>
-    <% end %>
-    <div class="my-5">
-      <%= form.label :title %>
-      <%= form.text_field :title, class: "block shadow-sm rounded-md border border-gray-200 outline-hidden px-3 py-2 mt-2 w-full" %>
-    </div>
-    <div class="my-5">
-      <%= form.label :body %>
-      <%= form.text_field :body, class: "block shadow-sm rounded-md border border-gray-200 outline-hidden px-3 py-2 mt-2 w-full" %>
-    </div>
-    <div class="my-5">
-      <%= form.label :publish_on %>
-      <div class="text-xs">Modal will not close when clicking the calendar, even when outside of the modal boundaries.</div>
-      <%= form.text_field :publish_on,
-          class: "block shadow-sm rounded-md border border-gray-200 outline-hidden px-3 py-2 mt-2 w-full",
-          data: {
-            controller: "flatpickr",
-            flatpickr_min_date: Date.current.strftime("%Y-%m-%d"),
-          }
-      %>
-    </div>
-    <div class="inline">
-      <%= form.submit class: "rounded-lg py-3 px-5 bg-blue-600 text-white inline-block font-medium cursor-pointer" %>
-    </div>
-  <% end %>
-</div>

data/demo-app/app/views/posts/_post.html.erb

@@ -1,9 +0,0 @@
-<div id="<%= dom_id post %>">
-  <% if !inside_modal? %>
-    <h3 class="mb-5 text-lg font-semibold"><%= @post.title %></h3>
-  <% end %>
-
-  <p class="my-5">
-    <%= post.body %>
-  </p>
-</div>

data/demo-app/app/views/posts/edit.html.erb

@@ -1,9 +0,0 @@
-<%= modal(title: "Editing Post") do |m| %>
-  <div class="mx-auto w-96">
-    <% if !inside_modal? %>
-      <h1 class="font-bold text-4xl">Editing post</h1>
-    <% end %>
-
-    <%= render "form", post: @post, modal: m %>
-  </div>
-<% end %>

data/demo-app/app/views/posts/index.html.erb

@@ -1,14 +0,0 @@
-<div class="w-full">
-  <% if notice.present? %>
-    <p class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block" id="notice"><%= notice %></p>
-  <% end %>
-
-  <div class="flex justify-between items-center">
-    <h1 class="font-bold text-4xl">Posts</h1>
-    <%= link_to 'New post', new_post_path, class: "rounded-lg py-3 px-5 bg-blue-600 text-white block font-medium" %>
-  </div>
-
-  <div id="posts" class="min-w-full">
-    <%= render @posts %>
-  </div>
-</div>

data/demo-app/app/views/posts/new.html.erb

@@ -1,3 +0,0 @@
-<%= modal(padding: @padding, advance: @override_url || @advance, title: @modal_title, close_button: @close_button) do %>
-  <%= render "form", post: @post %>
-<% end %>

data/demo-app/app/views/posts/show.html.erb

@@ -1,21 +0,0 @@
-<%= modal(padding: @padding, advance: @override_url || @advance, title: @modal_title, close_button: @close_button) do |m| %>
-  <%= m.title do %>
-    <div>Custom Header Block</div>
-  <% end %>
-
-  <div class="max-w-3xl">
-    <% if notice.present? %>
-      <p class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block" id="notice"><%= notice %></p>
-    <% end %>
-
-    <%= render @post %>
-  </div>
-
-  <%= m.footer do %>
-    <%= link_to 'Edit this post', edit_post_path(@post), class: "rounded-lg py-3 px-5 bg-blue-800 text-white inline-block font-medium" %>
-
-    <div class="inline-block ml-2">
-      <%= button_to 'Destroy this post', post_path(@post), method: :delete, class: "py-3 px-5 bg-transparent text-red-600" %>
-    </div>
-  <% end %>
-<% end %>

data/demo-app/app/views/shared/_flash.html.erb

@@ -1,13 +0,0 @@
-<% if flash.any? %>
-  <div class="px-5 py-2 absolute top-3 right-3" data-controller="flash">
-    <% flash.each do |key, value| %>
-      <% if key == "alert" %>
-        <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded-sm relative" role="alert">
-      <% else %>
-        <div class="bg-indigo-100 border border-indigo-400 text-indigo-700 px-4 py-3 rounded-sm relative" role="notice">
-      <% end %>
-        <span class="block sm:inline"><%= value %></span>
-      </div>
-    <% end %>
-  </div>
-<% end %>

data/demo-app/app/views/welcome/index.html.erb

@@ -1,19 +0,0 @@
-<div class="grid h-screen place-items-center dark:text-white">
-  <dl class="grid grid-cols-1 gap-x-20 gap-y-32 text-center xl:grid-cols-2">
-    <div class="mx-auto">
-      <a href="/modal?flavor=tailwind">
-        <svg class="h-6 sm:h-12 w-auto" viewBox="0 0 248 31" class="text-slate-900 dark:text-white w-auto h-5"><path fill-rule="evenodd" clip-rule="evenodd" d="M25.517 0C18.712 0 14.46 3.382 12.758 10.146c2.552-3.382 5.529-4.65 8.931-3.805 1.941.482 3.329 1.882 4.864 3.432 2.502 2.524 5.398 5.445 11.722 5.445 6.804 0 11.057-3.382 12.758-10.145-2.551 3.382-5.528 4.65-8.93 3.804-1.942-.482-3.33-1.882-4.865-3.431C34.736 2.92 31.841 0 25.517 0zM12.758 15.218C5.954 15.218 1.701 18.6 0 25.364c2.552-3.382 5.529-4.65 8.93-3.805 1.942.482 3.33 1.882 4.865 3.432 2.502 2.524 5.397 5.445 11.722 5.445 6.804 0 11.057-3.381 12.758-10.145-2.552 3.382-5.529 4.65-8.931 3.805-1.941-.483-3.329-1.883-4.864-3.432-2.502-2.524-5.398-5.446-11.722-5.446z" fill="#38bdf8"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M76.546 12.825h-4.453v8.567c0 2.285 1.508 2.249 4.453 2.106v3.463c-5.962.714-8.332-.928-8.332-5.569v-8.567H64.91V9.112h3.304V4.318l3.879-1.143v5.937h4.453v3.713zM93.52 9.112h3.878v17.849h-3.878v-2.57c-1.365 1.891-3.484 3.034-6.285 3.034-4.884 0-8.942-4.105-8.942-9.389 0-5.318 4.058-9.388 8.942-9.388 2.801 0 4.92 1.142 6.285 2.999V9.112zm-5.674 14.636c3.232 0 5.674-2.392 5.674-5.712s-2.442-5.711-5.674-5.711-5.674 2.392-5.674 5.711c0 3.32 2.442 5.712 5.674 5.712zm16.016-17.313c-1.364 0-2.477-1.142-2.477-2.463a2.475 2.475 0 012.477-2.463 2.475 2.475 0 012.478 2.463c0 1.32-1.113 2.463-2.478 2.463zm-1.939 20.526V9.112h3.879v17.849h-3.879zm8.368 0V.9h3.878v26.06h-3.878zm29.053-17.849h4.094l-5.638 17.849h-3.807l-3.735-12.03-3.771 12.03h-3.806l-5.639-17.849h4.094l3.484 12.315 3.771-12.315h3.699l3.734 12.315 3.52-12.315zm8.906-2.677c-1.365 0-2.478-1.142-2.478-2.463a2.475 2.475 0 012.478-2.463 2.475 2.475 0 012.478 2.463c0 1.32-1.113 2.463-2.478 2.463zm-1.939 20.526V9.112h3.878v17.849h-3.878zm17.812-18.313c4.022 0 6.895 2.713 6.895 7.354V26.96h-3.878V16.394c0-2.713-1.58-4.14-4.022-4.14-2.55 0-4.561 1.499-4.561 5.14v9.567h-3.879V9.112h3.879v2.285c1.185-1.856 3.124-2.749 5.566-2.749zm25.282-6.675h3.879V26.96h-3.879v-2.57c-1.364 1.892-3.483 3.034-6.284 3.034-4.884 0-8.942-4.105-8.942-9.389 0-5.318 4.058-9.388 8.942-9.388 2.801 0 4.92 1.142 6.284 2.999V1.973zm-5.674 21.775c3.232 0 5.674-2.392 5.674-5.712s-2.442-5.711-5.674-5.711-5.674 2.392-5.674 5.711c0 3.32 2.442 5.712 5.674 5.712zm22.553 3.677c-5.423 0-9.481-4.105-9.481-9.389 0-5.318 4.058-9.388 9.481-9.388 3.519 0 6.572 1.82 8.008 4.605l-3.34 1.928c-.79-1.678-2.549-2.749-4.704-2.749-3.16 0-5.566 2.392-5.566 5.604 0 3.213 2.406 5.605 5.566 5.605 2.155 0 3.914-1.107 4.776-2.749l3.34 1.892c-1.508 2.82-4.561 4.64-8.08 4.64zm14.472-13.387c0 3.249 9.661 1.285 9.661 7.89 0 3.57-3.125 5.497-7.003 5.497-3.591 0-6.177-1.607-7.326-4.177l3.34-1.927c.574 1.606 2.011 2.57 3.986 2.57 1.724 0 3.052-.571 3.052-2 0-3.176-9.66-1.391-9.66-7.781 0-3.356 2.909-5.462 6.572-5.462 2.945 0 5.387 1.357 6.644 3.713l-3.268 1.82c-.647-1.392-1.904-2.035-3.376-2.035-1.401 0-2.622.607-2.622 1.892zm16.556 0c0 3.249 9.66 1.285 9.66 7.89 0 3.57-3.124 5.497-7.003 5.497-3.591 0-6.176-1.607-7.326-4.177l3.34-1.927c.575 1.606 2.011 2.57 3.986 2.57 1.724 0 3.053-.571 3.053-2 0-3.176-9.66-1.391-9.66-7.781 0-3.356 2.908-5.462 6.572-5.462 2.944 0 5.386 1.357 6.643 3.713l-3.268 1.82c-.646-1.392-1.903-2.035-3.375-2.035-1.401 0-2.622.607-2.622 1.892z" fill="currentColor"></path></svg>
-      </a>
-    </div>
-
-    <div class="mx-auto">
-      <a href="/modal?flavor=vanilla">
-        <span class="sm:pr-1 h-6 sm:h-12 inline-block">
-          <img class="h-8 sm:h-16 -mt-1 sm:-mt-2" src="/img/vanilla.png">
-        </span>
-
-        <span class="inline-block h-6 sm:h-12 m-0 align-top text-2xl sm:text-5xl leading-6 sm:leading-10 font-semibold sm:mt-0.5 text-black dark:text-white" style='font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue"'>Plain ol' CSS</span>
-      </a>
-    </div>
-  </dl>
-</div>

data/demo-app/bin/bundle

@@ -1,109 +0,0 @@
-#!/usr/bin/env ruby
-# frozen_string_literal: true
-
-#
-# This file was generated by Bundler.
-#
-# The application 'bundle' is installed as part of a gem, and
-# this file is here to facilitate running it.
-#
-
-require "rubygems"
-
-m = Module.new do
-  module_function
-
-  def invoked_as_script?
-    File.expand_path($0) == File.expand_path(__FILE__)
-  end
-
-  def env_var_version
-    ENV["BUNDLER_VERSION"]
-  end
-
-  def cli_arg_version
-    return unless invoked_as_script? # don't want to hijack other binstubs
-    return unless "update".start_with?(ARGV.first || " ") # must be running `bundle update`
-    bundler_version = nil
-    update_index = nil
-    ARGV.each_with_index do |a, i|
-      if update_index && update_index.succ == i && a =~ Gem::Version::ANCHORED_VERSION_PATTERN
-        bundler_version = a
-      end
-      next unless a =~ /\A--bundler(?:[= ](#{Gem::Version::VERSION_PATTERN}))?\z/
-      bundler_version = $1
-      update_index = i
-    end
-    bundler_version
-  end
-
-  def gemfile
-    gemfile = ENV["BUNDLE_GEMFILE"]
-    return gemfile if gemfile && !gemfile.empty?
-
-    File.expand_path("../Gemfile", __dir__)
-  end
-
-  def lockfile
-    lockfile =
-      case File.basename(gemfile)
-      when "gems.rb" then gemfile.sub(/\.rb$/, ".locked")
-      else "#{gemfile}.lock"
-      end
-    File.expand_path(lockfile)
-  end
-
-  def lockfile_version
-    return unless File.file?(lockfile)
-    lockfile_contents = File.read(lockfile)
-    return unless lockfile_contents =~ /\n\nBUNDLED WITH\n\s{2,}(#{Gem::Version::VERSION_PATTERN})\n/
-    Regexp.last_match(1)
-  end
-
-  def bundler_requirement
-    @bundler_requirement ||=
-      env_var_version ||
-      cli_arg_version ||
-      bundler_requirement_for(lockfile_version)
-  end
-
-  def bundler_requirement_for(version)
-    return "#{Gem::Requirement.default}.a" unless version
-
-    bundler_gem_version = Gem::Version.new(version)
-
-    bundler_gem_version.approximate_recommendation
-  end
-
-  def load_bundler!
-    ENV["BUNDLE_GEMFILE"] ||= gemfile
-
-    activate_bundler
-  end
-
-  def activate_bundler
-    gem_error = activation_error_handling do
-      gem "bundler", bundler_requirement
-    end
-    return if gem_error.nil?
-    require_error = activation_error_handling do
-      require "bundler/version"
-    end
-    return if require_error.nil? && Gem::Requirement.new(bundler_requirement).satisfied_by?(Gem::Version.new(Bundler::VERSION))
-    warn "Activating bundler (#{bundler_requirement}) failed:\n#{gem_error.message}\n\nTo install the version of bundler this project requires, run `gem install bundler -v '#{bundler_requirement}'`"
-    exit 42
-  end
-
-  def activation_error_handling
-    yield
-    nil
-  rescue StandardError, LoadError => e
-    e
-  end
-end
-
-m.load_bundler!
-
-if m.invoked_as_script?
-  load Gem.bin_path("bundler", "bundle")
-end

data/demo-app/bin/dev

@@ -1,18 +0,0 @@
-#!/usr/bin/env bash
-
-# Build the ultimate_turbo_modal JavaScript package
-echo "Building ultimate_turbo_modal JavaScript package..."
-SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
-DEMO_APP_DIR="$SCRIPT_DIR/.."
-(cd "$DEMO_APP_DIR/../javascript" && yarn build)
-
-# Reinstall to pick up the latest changes
-echo "Installing latest ultimate_turbo_modal in demo app..."
-yarn install --force
-
-# Start the development servers
-if command -v overmind &> /dev/null; then
-  overmind start -f $DEMO_APP_DIR/Procfile.dev "$@"
-else
-  foreman start -f $DEMO_APP_DIR/Procfile.dev "$@"
-fi

data/demo-app/bin/rails

@@ -1,4 +0,0 @@
-#!/usr/bin/env ruby
-APP_PATH = File.expand_path("../config/application", __dir__)
-require_relative "../config/boot"
-require "rails/commands"

data/demo-app/bin/rake

@@ -1,4 +0,0 @@
-#!/usr/bin/env ruby
-require_relative "../config/boot"
-require "rake"
-Rake.application.run