RubyGems - maquina - Versions diffs - 0.1.0 - Mend

maquina 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

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