RubyGems - maquina - Versions diffs - 0.1.0 - Mend

maquina 0.1.0

Files changed (134) hide show

checksums.yaml +7 -0
data/MIT-LICENSE +20 -0
data/README.md +28 -0
data/Rakefile +8 -0
data/app/assets/images/maquina/maquina.svg +18 -0
data/app/assets/javascripts/maquina/application.js +4 -0
data/app/assets/javascripts/maquina/controllers/alert_controller.js +29 -0
data/app/assets/javascripts/maquina/controllers/application.js +9 -0
data/app/assets/javascripts/maquina/controllers/file_controller.js +60 -0
data/app/assets/javascripts/maquina/controllers/index.js +11 -0
data/app/assets/javascripts/maquina/controllers/mobile_menu_controller.js +31 -0
data/app/assets/javascripts/maquina/controllers/modal_controller.js +39 -0
data/app/assets/javascripts/maquina/controllers/modal_open_controller.js +15 -0
data/app/assets/javascripts/maquina/controllers/popup_menu_controller.js +17 -0
data/app/assets/javascripts/maquina/controllers/submit_form_controller.js +11 -0
data/app/assets/stylesheets/maquina/application.css +15 -0
data/app/assets/stylesheets/maquina/application.tailwind.css +102 -0
data/app/controllers/concerns/maquina/authenticate.rb +41 -0
data/app/controllers/concerns/maquina/create.rb +27 -0
data/app/controllers/concerns/maquina/destroy.rb +28 -0
data/app/controllers/concerns/maquina/edit.rb +29 -0
data/app/controllers/concerns/maquina/index.rb +33 -0
data/app/controllers/concerns/maquina/new.rb +22 -0
data/app/controllers/concerns/maquina/resourceful.rb +180 -0
data/app/controllers/concerns/maquina/show.rb +27 -0
data/app/controllers/concerns/maquina/update.rb +31 -0
data/app/controllers/maquina/accept_invitations_controller.rb +28 -0
data/app/controllers/maquina/application_controller.rb +19 -0
data/app/controllers/maquina/dashboard_controller.rb +16 -0
data/app/controllers/maquina/invitations_controller.rb +51 -0
data/app/controllers/maquina/plans_controller.rb +56 -0
data/app/controllers/maquina/sessions_controller.rb +56 -0
data/app/controllers/maquina/unauthorized_controller.rb +9 -0
data/app/controllers/maquina/users_controller.rb +24 -0
data/app/helpers/maquina/application_helper.rb +19 -0
data/app/helpers/maquina/navbar_menu_helper.rb +29 -0
data/app/helpers/maquina/views_helper.rb +9 -0
data/app/jobs/maquina/application_job.rb +4 -0
data/app/mailers/maquina/application_mailer.rb +8 -0
data/app/mailers/maquina/user_notifications_mailer.rb +16 -0
data/app/models/concerns/maquina/authenticate_by.rb +33 -0
data/app/models/concerns/maquina/blockeable.rb +28 -0
data/app/models/concerns/maquina/multifactor.rb +80 -0
data/app/models/concerns/maquina/retain_passwords.rb +32 -0
data/app/models/concerns/maquina/searchable.rb +24 -0
data/app/models/maquina/active_session.rb +33 -0
data/app/models/maquina/application_record.rb +11 -0
data/app/models/maquina/current.rb +21 -0
data/app/models/maquina/invitation.rb +15 -0
data/app/models/maquina/plan.rb +38 -0
data/app/models/maquina/used_password.rb +17 -0
data/app/models/maquina/user.rb +33 -0
data/app/policies/maquina/application_policy.rb +50 -0
data/app/policies/maquina/invitation_policy.rb +13 -0
data/app/policies/maquina/navigation_policy.rb +13 -0
data/app/policies/maquina/plan_policy.rb +49 -0
data/app/policies/maquina/user_policy.rb +27 -0
data/app/views/layouts/maquina/application.html.erb +26 -0
data/app/views/layouts/maquina/mailer.html.erb +377 -0
data/app/views/layouts/maquina/mailer.text.erb +12 -0
data/app/views/layouts/maquina/sessions.html.erb +24 -0
data/app/views/maquina/accept_invitations/new.html.erb +9 -0
data/app/views/maquina/accept_invitations/new_view.rb +41 -0
data/app/views/maquina/application/_navbar.html.erb +21 -0
data/app/views/maquina/application/alert.rb +104 -0
data/app/views/maquina/application/components/action_text_component.rb +20 -0
data/app/views/maquina/application/components/checkbox_component.rb +21 -0
data/app/views/maquina/application/components/component_base.rb +60 -0
data/app/views/maquina/application/components/file_component.rb +59 -0
data/app/views/maquina/application/components/input_component.rb +20 -0
data/app/views/maquina/application/components/select_component.rb +44 -0
data/app/views/maquina/application/create.turbo_stream.erb +11 -0
data/app/views/maquina/application/edit.html.erb +9 -0
data/app/views/maquina/application/edit.rb +17 -0
data/app/views/maquina/application/form.rb +77 -0
data/app/views/maquina/application/index.html.erb +10 -0
data/app/views/maquina/application/index_header.rb +46 -0
data/app/views/maquina/application/index_modal.rb +43 -0
data/app/views/maquina/application/index_table.rb +121 -0
data/app/views/maquina/application/new.html.erb +9 -0
data/app/views/maquina/application/new.rb +18 -0
data/app/views/maquina/application/sessions_header.rb +31 -0
data/app/views/maquina/application/show.html.erb +1 -0
data/app/views/maquina/application/update.turbo_stream.erb +11 -0
data/app/views/maquina/application_view.rb +46 -0
data/app/views/maquina/dashboard/index.html.erb +0 -0
data/app/views/maquina/invitations/create.turbo_stream.erb +13 -0
data/app/views/maquina/invitations/new.html.erb +3 -0
data/app/views/maquina/navbar/menu.rb +62 -0
data/app/views/maquina/navbar/menu_item_link.rb +34 -0
data/app/views/maquina/navbar/mobile_button.rb +29 -0
data/app/views/maquina/navbar/mobile_menu.rb +47 -0
data/app/views/maquina/navbar/notification.rb +37 -0
data/app/views/maquina/navbar/profile.rb +16 -0
data/app/views/maquina/navbar/profile_button.rb +24 -0
data/app/views/maquina/navbar/profile_menu.rb +108 -0
data/app/views/maquina/navbar/profile_menu_item_link.rb +41 -0
data/app/views/maquina/navbar/search.rb +40 -0
data/app/views/maquina/navbar/title.rb +22 -0
data/app/views/maquina/sessions/create.turbo_stream.erb +11 -0
data/app/views/maquina/sessions/form.rb +56 -0
data/app/views/maquina/sessions/new.html.erb +9 -0
data/app/views/maquina/unauthorized/401.html.erb +1 -0
data/app/views/maquina/user_notifications_mailer/invitation_email.html.erb +40 -0
data/app/views/maquina/user_notifications_mailer/invitation_email.text.erb +12 -0
data/config/definitions.rb +1 -0
data/config/initializers/importmap.rb +17 -0
data/config/initializers/money.rb +116 -0
data/config/initializers/pagy.rb +235 -0
data/config/locales/flash.en.yml +44 -0
data/config/locales/forms.en.yml +58 -0
data/config/locales/mailers.en.yml +35 -0
data/config/locales/models.en.yml +34 -0
data/config/locales/routes.en.yml +7 -0
data/config/locales/views.en.yml +45 -0
data/config/routes.rb +17 -0
data/db/migrate/20221109010726_create_maquina_plans.rb +13 -0
data/db/migrate/20221113000409_create_maquina_users.rb +19 -0
data/db/migrate/20221113020108_create_maquina_used_passwords.rb +10 -0
data/db/migrate/20221115223414_create_maquina_active_sessions.rb +15 -0
data/db/migrate/20230201203922_create_maquina_invitations.rb +12 -0
data/db/schema.rb +1 -0
data/lib/generators/maquina/install_generator.rb +32 -0
data/lib/generators/maquina/install_templates/install_templates_generator.rb +31 -0
data/lib/generators/maquina/tailwind_config/tailwind_config_generator.rb +11 -0
data/lib/generators/maquina/tailwind_config/templates/app/assets/config/maquina/tailwind.config.js.tt +68 -0
data/lib/generators/maquina/templates/config/initializers/maquina.rb +3 -0
data/lib/maquina/engine.rb +17 -0
data/lib/maquina/version.rb +3 -0
data/lib/maquina.rb +48 -0
data/lib/tasks/install.rake +19 -0
data/lib/tasks/maquina_tasks.rake +4 -0
data/lib/tasks/tailwind.rake +25 -0
metadata +456 -0

data/app/views/layouts/maquina/mailer.html.erb ADDED Viewed

@@ -0,0 +1,377 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml">
+  <head>
+    <meta charset="utf-8">
+    <meta name="x-apple-disable-message-reformatting">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
+    <meta name="color-scheme" content="light dark">
+    <meta name="supported-color-schemes" content="light dark">
+    <!--[if mso]>
+    <noscript>
+      <xml>
+        <o:OfficeDocumentSettings xmlns:o="urn:schemas-microsoft-com:office:office">
+          <o:PixelsPerInch>96</o:PixelsPerInch>
+        </o:OfficeDocumentSettings>
+      </xml>
+    </noscript>
+    <style>
+      td,th,div,p,a,h1,h2,h3,h4,h5,h6 {font-family: "Segoe UI", sans-serif; mso-line-height-rule: exactly;}
+    </style>
+    <![endif]-->
+    <style>
+      /* Tailwind components that are generated by plugins */
+      /**
+       * @import here any custom components - classes that you'd want loaded
+       * before the Tailwind utilities, so that the utilities could still
+       * override them.
+      */
+      .button {
+        display: inline-block;
+        color: #fff;
+        text-decoration-line: none;
+        background-color: #3869D4;
+        border-top: 10px solid #3869D4;
+        border-right: 18px solid #3869D4;
+        border-bottom: 10px solid #3869D4;
+        border-left: 18px solid #3869D4;
+        border-radius: 3px;
+        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16);
+      }
+      .button--green {
+        background-color: #22BC66;
+        border-top: 10px solid #22BC66;
+        border-right: 18px solid #22BC66;
+        border-bottom: 10px solid #22BC66;
+        border-left: 18px solid #22BC66;
+      }
+      .button--red {
+        background-color: #FF6136;
+        border-top: 10px solid #FF6136;
+        border-right: 18px solid #FF6136;
+        border-bottom: 10px solid #FF6136;
+        border-left: 18px solid #FF6136;
+      }
+      @media (max-width: 600px) {
+        .button {
+          display: block !important;
+          text-align: center !important;
+        }
+      }
+      .purchase_heading {
+        border-bottom-width: 1px;
+        border-bottom-color: #EAEAEC;
+        border-bottom-style: solid;
+      }
+      .purchase_heading p {
+        margin: 0;
+        font-size: 12px;
+        line-height: 24px;
+        color: #85878E;
+      }
+      .purchase_footer {
+        padding-top: 16px;
+        vertical-align: middle;
+        font-size: 16px;
+        border-top-width: 1px;
+        border-top-color: #EAEAEC;
+        border-top-style: solid;
+      }
+      .body-sub {
+        margin-top: 25px;
+        border-top-width: 1px;
+        padding-top: 25px;
+        border-top-color: #EAEAEC;
+        border-top-style: solid;
+      }
+      .discount {
+        width: 100%;
+        background-color: #F4F4F7;
+        padding: 96px;
+        border: 2px dashed #cbcccf;
+      }
+      @media (prefers-color-scheme: dark) {
+        body,
+        .email-body,
+        .email-body_inner,
+        .email-content,
+        .email-wrapper,
+        .email-masthead,
+        .email-footer {
+          background-color: #333333 !important;
+          color: #fff !important;
+        }
+        p,
+        ul,
+        ol,
+        blockquote,
+        h1,
+        h2,
+        h3 {
+          color: #fff !important;
+        }
+        .attributes_content,
+        .discount {
+          background-color: #222222 !important;
+        }
+        .email-masthead_name {
+          text-shadow: none !important;
+        }
+      }
+      /* Tailwind utility classes */
+      .m-0 {
+        margin: 0;
+      }
+      .w-auto {
+        width: auto;
+      }
+      .mx-auto {
+        margin-left: auto;
+        margin-right: auto;
+      }
+      .my-7 {
+        margin-top: 28px;
+        margin-bottom: 28px;
+      }
+      .my-7_5 {
+        margin-top: 30px;
+        margin-bottom: 30px;
+      }
+      .mb-5 {
+        margin-bottom: 20px;
+      }
+      .mb-21px {
+        margin-bottom: 21px;
+      }
+      .mb-5px {
+        margin-bottom: 5px;
+      }
+      .mt-0 {
+        margin-top: 0;
+      }
+      .mt-1 {
+        margin-top: 4px;
+      }
+      .mt-1_5 {
+        margin-top: 6px;
+      }
+      .m-2_5 {
+        margin-top: 10px;
+      }
+      .h-8 {
+        height: 32px;
+      }
+      .block {
+        display: block;
+      }
+      .table {
+        display: table;
+      }
+      .hidden {
+        display: none;
+      }
+      .w-1-5 {
+        width: 20%;
+      }
+      .w-4-5 {
+        width: 80%;
+      }
+      .w-570px {
+        width: 570px;
+      }
+      .w-full {
+        width: 100%;
+      }
+      .bg-gray-postmark-lighter {
+        background-color: #94a3b8;
+      }
+      .bg-gray-postmark-lightest {
+        background-color: #F4F4F7;
+      }
+      .bg-white {
+        background-color: #fff;
+      }
+      .p-0 {
+        padding: 0;
+      }
+      .p-4 {
+        padding: 16px;
+      }
+      .p-45px {
+        padding: 45px;
+      }
+      .py-2 {
+        padding-top: 8px;
+        padding-bottom: 8px;
+      }
+      .py-2_5 {
+        padding-top: 10px;
+        padding-bottom: 10px;
+      }
+      .py-25px {
+        padding-top: 25px;
+        padding-bottom: 25px;
+      }
+      .py-35px {
+        padding-top: 35px;
+        padding-bottom: 35px;
+      }
+      .pb-2 {
+        padding-bottom: 8px;
+      }
+      .pb-4 {
+        padding-bottom: 16px;
+      }
+      .pr-4 {
+        padding-right: 16px;
+      }
+      .pt-25px {
+        padding-top: 25px;
+      }
+      .text-left {
+        text-align: left;
+      }
+      .text-center {
+        text-align: center;
+      }
+      .text-right {
+        text-align: right;
+      }
+      .font-sans {
+        font-family: "Nunito Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+      }
+      .text-2xl {
+        font-size: 24px;
+      }
+      .text-base {
+        font-size: 16px;
+      }
+      .text-sm {
+        font-size: 14px;
+      }
+      .text-xs {
+        font-size: 12px;
+      }
+      .font-bold {
+        font-weight: 700;
+      }
+      .leading-4 {
+        line-height: 16px;
+      }
+      .leading-4_5 {
+        line-height: 18px;
+      }
+      .leading-6 {
+        line-height: 24px;
+      }
+      .text-blue-postmark {
+        color: #0063EB;
+      }
+      .text-gray-postmark-dark {
+        color: #51545E;
+      }
+      .text-gray-postmark-darker {
+        color: #333333;
+      }
+      .text-gray-postmark-light {
+        color: #64748b;
+      }
+      .text-gray-postmark-meta {
+        color: #85878E;
+      }
+      .-webkit-font-smoothing-antialiased {
+        -webkit-font-smoothing: antialiased;
+      }
+      .text-decoration-none {
+        text-decoration: none;
+      }
+      .text-shadow-0_1px_0__FFF {
+        text-shadow: 0 1px 0 #FFF;
+      }
+      .word-break-break-word {
+        word-break: break-word;
+      }
+      /* Your custom utility classes */
+      /*
+       * Here is where you can define your custom utility classes.
+       *
+       * We wrap them in the `utilities` @layer directive, so
+       * that Tailwind moves them to the correct location.
+       *
+       * More info:
+       * https://tailwindcss.com/docs/functions-and-directives#layer
+      */
+      :root {
+        color-scheme: light dark;
+      }
+      @media (max-width: 600px) {
+        .sm-w-full {
+          width: 100% !important;
+        }
+      }
+    </style>
+  </head>
+  <body class="m-0 p-0 w-full word-break-break-word -webkit-font-smoothing-antialiased ">
+    <div role="article" aria-roledescription="email" aria-label="" lang="en">
+      <table class="email-wrapper w-full font-sans" cellpadding="0" cellspacing="0" role="presentation">
+        <tr>
+          <td align="center">
+            <table class="email-content w-full" cellpadding="0" cellspacing="0" role="presentation">
+              <tr>
+                <td align="center" class="email-masthead py-25px text-base text-center">
+                  <%= link_to main_app.root_url, class: "email-masthead_name text-base font-bold text-decoration-none text-gray-postmark-light text-shadow-0_1px_0__FFF" do %>
+                    <%= image_tag "maquina/maquina.svg", class: "mx-auto h-8 w-auto" %>
+                    <p class="leading-6"><%= t("application_name") %></p>
+                  <% end %>
+                </td>
+              </tr>
+              <tr>
+                <td class="email-body w-full bg-white">
+                  <table align="center" class="email-body_inner w-570px bg-white mx-auto sm-w-full" cellpadding="0" cellspacing="0" role="presentation">
+                    <tr>
+                      <td class="p-45px">
+                        <div class="text-base">
+                          <%= yield %>
+                        </div>
+                      </td>
+                    </tr>
+                  </table>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  <table align="center" class="email-footer w-570px mx-auto text-center sm-w-full" cellpadding="0" cellspacing="0" role="presentation">
+                    <tr>
+                      <td align="center" class="content-cell p-45px text-base">
+                        <p class="mt-1_5 mb-5 text-xs leading-6 text-center text-gray-postmark-light">
+                          <%= t("mailers.copyright") %>
+                        </p>
+                        <p class="mt-1_5 mb-5 text-xs leading-6 text-center text-gray-postmark-light">
+                          <%= t("mailers.company_name") %>
+                          <br><%= t("mailers.address_1") %>
+                          <br><%= t("mailers.address_2") %>
+                        </p>
+                      </td>
+                    </tr>
+                  </table>
+                </td>
+              </tr>
+            </table>
+          </td>
+        </tr>
+      </table>
+    </div>
+  </body>
+</html>

data/app/views/layouts/maquina/mailer.text.erb ADDED Viewed

@@ -0,0 +1,12 @@
+<%= t("application_name") %>
+<%= yield %>
+-----------
+<%= t("mailers.copyright") %>
+<%= t("mailers.company_name") %>
+<%= t("mailers.address_1") %>
+<%= t("mailers.address_2") %>

data/app/views/layouts/maquina/sessions.html.erb ADDED Viewed

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="h-full bg-gray-50">
+  <head>
+    <title><%= t("application_name") %></title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+    <%= stylesheet_link_tag "maquina/tailwind", "inter-font", "data-turbo-track": "reload" %>
+    <%= stylesheet_link_tag "maquina/application", "data-turbo-track": "reload" %>
+    <%= maquina_importmap_tags %>
+  </head>
+  <body class="h-full">
+    <%= turbo_frame_tag :alert do %>
+      <%= render Maquina::Application::Alert.new(flash) %>
+    <% end %>
+    <main class="container mx-auto">
+      <%= yield %>
+    </main>
+  </body>
+</html>

data/app/views/maquina/accept_invitations/new.html.erb ADDED Viewed

@@ -0,0 +1,9 @@
+<div class="flex min-h-full flex-col justify-center py-12 sm:px-6 lg:px-8">
+  <%= render Maquina::Application::SessionsHeader.new(brand_icon: brand_icon) do |component| %>
+    <% component.description do %>
+      <%= t(".description", org: t("application_name")) %>
+    <% end %>
+  <% end %>
+  <%= render Maquina::AcceptInvitations::NewView.new(resource: @invitation) %>
+</div>

data/app/views/maquina/accept_invitations/new_view.rb ADDED Viewed

@@ -0,0 +1,41 @@
+# frozen_string_literal: true
+module Maquina
+  module AcceptInvitations
+    class NewView < Phlex::HTML
+      include Maquina::ApplicationView
+      include Phlex::Rails::Helpers::FormWith
+      include Phlex::Rails::Helpers::HiddenField
+      include Phlex::Rails::Helpers::Routes
+      def initialize(resource:)
+        @resource = resource
+      end
+      def template
+        div(class: "mt-8 sm:mx-auto sm:w-full sm:max-w-md") do
+          div(class: "bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10") do
+            @resource.new_record? ? invalid_invitation : build_form
+          end
+        end
+      end
+      private
+      def invalid_invitation
+        p(class: "text-center text-skin-muted") { t("maquina.accept_invitations.new.expired") }
+      end
+      def build_form
+        form_with(model: @resource, url: accept_invitations_path, method: :patch, local: true, class: "space-y-6", data: {"turbo-frame": "_top"}) do |form|
+          form.hidden_field :invitation_token
+          div(class: "field") do
+            div(class: "control") do
+              form.submit t("form.accept_invitations.submit"), class: "button button-accented w-full"
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/app/views/maquina/application/_navbar.html.erb ADDED Viewed

@@ -0,0 +1,21 @@
+<nav class="transition-all ease-in-out delay-300 backdrop-blur-sm bg-white shadow-sm fixed top-0 left-0 right-0 z-20" data-controller="mobile-menu" data-navbar-target="navbar">
+  <div class="max-w-7xl mx-auto px-2 sm:px-4 lg:px-8">
+    <div class="flex justify-between h-16">
+      <div class="flex px-2 lg:px-0">
+        <%= render Maquina::Navbar::Title.new(brand_icon: brand_icon) %>
+        <%= render Maquina::Navbar::Menu.new %>
+      </div>
+      <%= render Maquina::Navbar::Search.new(query: params[:q], url: collection_path) if action_name == "index" && respond_to?(:collection_path) && collection_path.present? %>
+      <%= render Maquina::Navbar::MobileButton.new %>
+      <div class="hidden sm:ml-6 lg:flex sm:items-center">
+        <%= render Maquina::Navbar::Notification.new %>
+        <%= render Maquina::Navbar::Profile.new %>
+      </div>
+    </div>
+  </div>
+  <%= render Maquina::Navbar::MobileMenu.new %>
+</nav>

data/app/views/maquina/application/alert.rb ADDED Viewed

@@ -0,0 +1,104 @@
+# frozen_string_literal: true
+module Maquina
+  module Application
+    class Alert < Phlex::HTML
+      include Maquina::ApplicationView
+      def initialize(flash)
+        notice = flash.notice
+        alert = flash.alert
+        @flash = notice || alert
+        @success = notice.present?
+      end
+      def template
+        return if @flash.blank?
+        div(aria_live: "assertive", class: "pointer-events-none fixed inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6 z-30", data: {controller: "alert", "turbo-cache": false}) do
+          div(class: "flex w-full flex-col items-center space-y-4 sm:items-end hidden", data: transition_attributes) do
+            div(class: "pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5") do
+              div(class: "p-4") do
+                div(class: "flex items-start") do
+                  div(class: "flex-shrink-0") do
+                    svg_icon(:outline, css_class: classes("h-6 w-6", alert_success?: "text-green-400", alert_failure?: "text-red-400").dig(:class), icon: alert_icon)
+                  end
+                  div(class: "ml-3 w-0 flex-1 pt-0.5") do
+                    p(class: "text-sm font-medium text-skin-base") { alert_title }
+                    p(class: "mt-1 text-sm text-skin-dimmed") { alert_description }
+                  end
+                  div(class: "ml-4 flex flex-shrink-0") do
+                    button(type: "button", class: "inline-flex rounded-md bg-white text-gray-dimmed hover:text-skin-muted focus:outline-none focus:ring-2 focus:ring-skin-accented focus:ring-offset-2", data: {action: "alert#close"}) do
+                      span(class: "sr-only") { "Close" }
+                      svg_icon(:fill, view_box: "0 0 20 20", css_class: "h-5 w-5", icon: close_icon)
+                    end
+                  end
+                end
+              end
+            end
+          end
+        end
+      end
+      private
+      def alert_title
+        return @flash.dig(:title) || @flash.dig("title") if @flash.is_a?(Hash)
+        @flash
+      end
+      def alert_description
+        return @flash.dig(:description) || @flash.dig("description") if @flash.is_a?(Hash)
+        @flash
+      end
+      def alert_icon
+        alert_success? ? success_icon : failure_icon
+      end
+      def alert_success?
+        @success
+      end
+      def alert_failure?
+        !alert_success?
+      end
+      def transition_attributes
+        {
+          "alert-target": "alert",
+          "transition-enter": "transform ease-out duration-300 transition",
+          "transition-enter-active": "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2",
+          "transition-enter-to": "translate-y-0 opacity-100 sm:translate-x-0",
+          "transition-leave": "transition ease-in duration-100",
+          "transition-leave-active": "opacity-100",
+          "transition-leave-to": "opacity-0"
+        }
+      end
+      def svg_attributes(attrs = {})
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          viewbox: "0 0 24 24",
+          fill: "currentColor",
+          aria_hidden: "true"
+        }.merge(attrs)
+      end
+      def success_icon
+        "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+      end
+      def failure_icon
+        "M9.75 9.75l4.5 4.5m0-4.5l-4.5 4.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+      end
+      def close_icon
+        "M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"
+      end
+    end
+  end
+end

data/app/views/maquina/application/components/action_text_component.rb ADDED Viewed

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+module Maquina
+  module Application
+    module Components
+      class ActionTextComponent < ComponentBase
+        def template
+          div(**control_html) do
+            @form.label attribute_name, class: "label #{label_css_class}"
+            div(class: "mt-1") do
+              @form.rich_text_area attribute_name, **input_html
+              help_template
+              error_template
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/app/views/maquina/application/components/checkbox_component.rb ADDED Viewed

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+module Maquina
+  module Application
+    module Components
+      class CheckboxComponent < ComponentBase
+        def template
+          div(**control_html) do
+            div(class: "flex h-5 items-center") do
+              @form.check_box attribute_name, **input_html
+            end
+            div(class: "text-sm leading-6") do
+              @form.label attribute_name, class: "label #{label_css_class}"
+              help_template
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/app/views/maquina/application/components/component_base.rb ADDED Viewed

@@ -0,0 +1,60 @@
+# frozen_string_literal: true
+module Maquina
+  module Application
+    module Components
+      class ComponentBase < Phlex::HTML
+        include ApplicationView
+        def initialize(resource:, form:, options: {})
+          @resource = resource
+          @form = form
+          @options = options
+        end
+        protected
+        def control_html
+          options = @options.fetch(:control_html, {})
+          options[:class] ||= ""
+          options[:class] += " control-error" if @resource.errors[attribute_name].any?
+          options
+        end
+        def input_html(no_helpers: false)
+          options = @options.fetch(:input_html, {})
+          if !no_helpers
+            options[:maxlength] = t("helpers.maxlength.#{@resource.model_name.i18n_key}.#{attribute_name}", default: t("helpers.maxlength.default"))
+            options[:placeholder] = t("helpers.placeholder.#{@resource.model_name.i18n_key}.#{attribute_name}", default: nil)
+          end
+          options
+        end
+        def attribute_name
+          @attribute_name ||= @options.fetch(:name, "")
+        end
+        def label_css_class
+          @options.dig(:control_html, :label_class) || ""
+        end
+        def help_template
+          help = t("helpers.help.#{@resource.model_name.i18n_key}.#{attribute_name}", default: nil)
+          return if help.blank?
+          p(class: "help") { unsafe_raw help }
+        end
+        def error_template
+          error_message = @resource.errors[attribute_name].first
+          return if error_message.blank?
+          p(class: "help help-error") { error_message }
+        end
+      end
+    end
+  end
+end