maquina 0.1.0

data/app/views/maquina/navbar/menu_item_link.rb

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+module Maquina
+  module Navbar
+    class MenuItemLink < Phlex::HTML
+      include ApplicationView
+      delegate :t, :active_menu_option?, to: :helpers
+
+      def initialize(option, path, desktop: true, active: false)
+        @option = option
+        @path = path
+        @active = active
+        @desktop = desktop
+      end
+
+      def template
+        a(href: @path, **classes("#{link_type}-menu-item", active?: "#{link_type}-menu-item__active")) { t("menu.main.#{@option}") }
+      end
+
+      private
+
+      def active?
+        active_menu_option?(@path)
+      rescue NoMethodError => ex
+        Rails.logger.error "[#{self.class}] Please implement helper method :active_menu_option?(path) :: #{ex.message}"
+        false
+      end
+
+      def link_type
+        @desktop ? "desktop" : "mobile"
+      end
+    end
+  end
+end

data/app/views/maquina/navbar/mobile_button.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module Maquina
+  module Navbar
+    class MobileButton < Phlex::HTML
+      include ApplicationView
+
+      def template(&block)
+        div class: "flex items-center lg:hidden" do
+          button type: "button", class: "mobile-button", "aria-controls": "mobile-menu", "aria-expanded": false, "data-action": "mobile-menu#toggle" do
+            span(class: "sr-only") { "Open main menu" }
+            svg_icon(:outline, data: {"mobile-menu-target": :open}, icon: closed_icon)
+            svg_icon(:outline, css_class: "hidden h-6 -w6", data: {"mobile-menu-target": :close}, icon: opened_icon)
+          end
+        end
+      end
+
+      private
+
+      def closed_icon
+        "M4 6h16M4 12h16M4 18h16"
+      end
+
+      def opened_icon
+        "M6 18L18 6M6 6l12 12"
+      end
+    end
+  end
+end

data/app/views/maquina/navbar/mobile_menu.rb

@@ -0,0 +1,47 @@
+# frozen_string_literal: true
+
+module Maquina
+  module Navbar
+    class MobileMenu < Phlex::HTML
+      include ApplicationView
+
+      def template
+        div class: "hidden lg:hidden", **data_attributes do
+          render Maquina::Navbar::Menu.new(desktop: false)
+
+          div class: "pt-4 pb-3 border-t border-gray-200" do
+            div class: "flex items-center px-4" do
+              div class: "flex-shrink-0" do
+                img class: "h-10 w-10 rounded-full", src: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80", alt: ""
+              end
+
+              div class: "ml-3" do
+                div(class: "text-base font-medium text-skin-muted") { "Tom Cook" }
+                div(class: "text-sm font-medium text-skin-dimmed") { "tom@example.com" }
+              end
+
+              render Maquina::Navbar::Notification.new(desktop: false)
+            end
+            render Maquina::Navbar::ProfileMenu.new(desktop: false)
+          end
+        end
+      end
+
+      private
+
+      def data_attributes
+        {
+          data: {
+            "mobile-menu-target": "menu",
+            "transition-enter": "transition ease-out duration-100",
+            "transition-enter-active": "transform opacity-0 scale-95",
+            "transition-enter-to": "transform opacity-100 scale-100",
+            "transition-leave": "transition ease-in duration-75",
+            "transition-leave-active": "transform opacity-100 scale-100",
+            "transition-leave-to": "transform opacity-0 scale-95"
+          }
+        }
+      end
+    end
+  end
+end

data/app/views/maquina/navbar/notification.rb

@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+module Maquina
+  module Navbar
+    class Notification < Phlex::HTML
+      include ApplicationView
+
+      def initialize(desktop: true)
+        @desktop = desktop
+      end
+
+      def template(&block)
+        button(**button_attributes) do
+          span(class: "sr-only") { "View notifications" }
+          svg_icon(:fill, icon: notification_icon)
+        end
+      end
+
+      private
+
+      def notification_icon
+        "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"
+      end
+
+      def button_attributes
+        Rails.logger.warn "[#{self.class}] Notification is hidden"
+        attrs = {type: "button"}
+
+        # Hidden by default
+        # attrs[:class] = @desktop ? "hidden lg:block notification-icon" : "ml-auto notification-icon"
+        attrs[:class] = @desktop ? "hidden notification-icon" : "hidden ml-auto notification-icon"
+
+        attrs
+      end
+    end
+  end
+end

data/app/views/maquina/navbar/profile.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module Maquina
+  module Navbar
+    class Profile < Phlex::HTML
+      include ApplicationView
+
+      def template
+        div class: "ml-4 relative flex-shrink-0", "data-controller": "popup-menu" do
+          render Maquina::Navbar::ProfileButton.new
+          render Maquina::Navbar::ProfileMenu.new
+        end
+      end
+    end
+  end
+end

data/app/views/maquina/navbar/profile_button.rb

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+module Maquina
+  module Navbar
+    class ProfileButton < Phlex::HTML
+      include ApplicationView
+
+      def template
+        div do
+          button type: "button", class: "bg-white rounded-full hidden lg:flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500", id: "user-menu-button", "aria-expanded": false, "aria-haspopup": true, "data-action": "popup-menu#toggleTransition" do
+            span(class: "sr-only") { "Open user menu" }
+            svg_icon(:outline, stroke_width: 1.5, icon: user_icon)
+          end
+        end
+      end
+
+      private
+
+      def user_icon
+        "M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"
+      end
+    end
+  end
+end

data/app/views/maquina/navbar/profile_menu.rb

@@ -0,0 +1,108 @@
+# frozen_string_literal: true
+
+module Maquina
+  module Navbar
+    # == Desktop profile menu at Navbar
+    #
+    # Renders dropdown profile menu on desktop.
+    #
+    # Requires Rails Helper method to get access to options for this menu. Method `profile_menu_options` example:
+    #
+    #   def profile_menu_options
+    #     if Current.user.present?
+    #       {
+    #         profile: profiles_path
+    #         signout: { method: :delete, path: session_path }
+    #       }
+    #     else
+    #       {
+    #         signin: new_session_path
+    #       }
+    #     end
+    #   end
+    #
+    # `ProfileMenu` uses I18n to translate menu options. Translation example:
+    #
+    #   menu:
+    #     profile:
+    #       profile: My profile
+    #       signout: Close session
+    #       signin: Login
+    #
+    # `ProfileMenu` is initialized by default to render links for desktop. To render mobile links,
+    # initialize `ProfileMenu` as follow:
+    #
+    #   Views::Navbar::ProfileMenu.new(desktop: false)
+    #
+    class ProfileMenu < Phlex::HTML
+      include ApplicationView
+      delegate :t, :profile_menu_options, to: :helpers
+
+      def initialize(desktop: true)
+        @desktop = desktop
+      end
+
+      def template
+        div(**menu_attributes) do
+          secure_menu_options.each_pair do |option, path|
+            link_path, attributes = path_options(path)
+            render Maquina::Navbar::ProfileMenuItemLink.new(option, link_path, attributes, desktop: @desktop)
+          end
+        end
+      end
+
+      private
+
+      def path_options(options)
+        attrs = {}
+        path = ""
+
+        if options.is_a?(Hash)
+          path = options[:path]
+          attrs[:method] = options[:method]
+        else
+          path = options
+        end
+
+        [path, attrs]
+      end
+
+      def secure_menu_options
+        profile_menu_options
+      rescue NoMethodError => ex
+        Rails.logger.error "[#{self.class}] Please implement helper method :profile_menu_options :: #{ex.message}"
+        {}
+      end
+
+      def menu_attributes
+        attrs = {class: "mt-3 space-y-1"}
+
+        if @desktop
+          attrs = {
+            class: "hidden origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none",
+            role: "menu",
+            "aria-orientation": "vertical",
+            "aria-labelledby": "user-menu-button",
+            tabindex: "-1"
+          }.merge(**data_attributes)
+        end
+
+        attrs
+      end
+
+      def data_attributes
+        {
+          data: {
+            "popup-menu-target": "menu",
+            "transition-enter": "transition ease-out duration-100",
+            "transition-enter-active": "transform opacity-0 scale-95",
+            "transition-enter-to": "transform opacity-100 scale-100",
+            "transition-leave": "transition ease-in duration-75",
+            "transition-leave-active": "transform opacity-100 scale-100",
+            "transition-leave-to": "transform opacity-0 scale-95"
+          }
+        }
+      end
+    end
+  end
+end

data/app/views/maquina/navbar/profile_menu_item_link.rb

@@ -0,0 +1,41 @@
+# frozen_string_literal: true
+
+module Maquina
+  module Navbar
+    class ProfileMenuItemLink < Phlex::HTML
+      include ApplicationView
+      delegate :t, to: :helpers
+
+      def initialize(option, path, attributes, desktop: true, active: false)
+        @option = option
+        @path = path
+        @attributes = attributes
+        @desktop = desktop
+        @active = active
+      end
+
+      def template
+        link_method = link_attributes.dig(:method)
+        if link_method == :delete
+          button_to t("menu.profile.#{@option}"), @path, method: :delete, **link_attributes
+        else
+          a(href: @path, **link_attributes) { t("menu.profile.#{@option}") }
+        end
+      end
+
+      private
+
+      def link_attributes
+        attrs = {
+          role: "menuitem",
+          tabindex: "-1"
+        }
+
+        attrs[:class] = @desktop ? "desktop-profile-menu-item" : "mobile-profile-menu-item"
+
+        attrs.merge!(@attributes) if @attributes.is_a?(Hash) && @attributes.any?
+        attrs
+      end
+    end
+  end
+end

data/app/views/maquina/navbar/search.rb

@@ -0,0 +1,40 @@
+# frozen_string_literal: true
+
+module Maquina
+  module Navbar
+    class Search < Phlex::HTML
+      include ApplicationView
+      include Phlex::Rails::Helpers::FormWith
+
+      delegate :t, to: :helpers
+
+      def initialize(url: nil, query: "")
+        @url = url
+        @query = query
+      end
+
+      def template
+        div class: "flex-1 flex items-center justify-center px-2 lg:ml-6 lg:justify-end" do
+          div class: "max-w-lg w-full lg:max-w-xs" do
+            form_with(url: @url, method: :get, data: {controller: "submit-form"}) do |form|
+              form.label :search, t("search.search"), class: "sr-only"
+
+              div class: "relative" do
+                div class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" do
+                  svg_icon(:fill, view_box: "0 0 20 20", css_class: "h-5 w-5 text-skin-dimmed", icon: search_icon)
+                end
+                form.text_field :q, value: @query, placeholder: t("search.search"), class: "block w-full font-sans", maxlength: 15, type: :search, data: {action: "input->submit-form#clear"}
+              end
+            end
+          end
+        end
+      end
+
+      private
+
+      def search_icon
+        "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
+      end
+    end
+  end
+end

data/app/views/maquina/navbar/title.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module Maquina
+  module Navbar
+    class Title < Phlex::HTML
+      include Maquina::ApplicationView
+
+      def initialize(brand_icon: "")
+        @brand_icon = brand_icon
+      end
+
+      def template
+        div class: "flex-shrink-0 flex items-center" do
+          if @brand_icon.present?
+            img(src: @brand_icon, class: "hidden lg:block mx-auto h-8 w-auto")
+            img(src: @brand_icon, class: "block lg:hidden mx-auto h-8 w-auto")
+          end
+        end
+      end
+    end
+  end
+end

data/app/views/maquina/sessions/create.turbo_stream.erb

@@ -0,0 +1,11 @@
+<%= turbo_stream.replace :form do %>
+  <%= turbo_frame_tag :form do %>
+    <%= render Maquina::Sessions::Form.new(OpenStruct.new(params.slice(:email, :password, :return_to))) %>
+  <% end %>
+<% end %>
+
+<%= turbo_stream.replace :alert do %>
+  <%= turbo_frame_tag :alert do %>
+    <%= render Maquina::Application::Alert.new(flash) %>
+  <% end %>
+<% end %>

data/app/views/maquina/sessions/form.rb

@@ -0,0 +1,56 @@
+# frozen_string_literal: true
+
+module Maquina
+  module Sessions
+    class Form < Phlex::HTML
+      include Maquina::ApplicationView
+      include Phlex::Rails::Helpers::FormWith
+
+      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
+            form_with(url: sessions_path, method: :post, class: "space-y-6", data: {turbo_frame: :_top, "turbo-cache": false}) do |form|
+              form.hidden_field :return_to, value: @resource.return_to
+              div do
+                form.label t("form.sessions.email"), for: :email, class: "block label"
+                div(class: "mt-1") do
+                  form.text_field :email, value: @resource.email, type: :email, required: true, class: "w-full block input", **field_attributes(:email)
+                end
+              end
+              div do
+                form.label t("form.sessions.password"), for: :password, class: "block label"
+                div(class: "mt-1") do
+                  form.password_field :password, value: @resource.password, required: true, class: "w-full block input", **field_attributes(:password)
+                end
+              end
+              div(class: "flex items-center justify-between") do
+                div do
+                end
+                div(class: "text-sm") do
+                  a(href: "#", class: "link", data: {turbo_frame: :_top}) { t("form.sessions.forgot_password") }
+                end
+              end
+              div do
+                form.submit t("form.sessions.submit"), class: "flex w-full justify-center button button-accented"
+              end
+            end
+          end
+        end
+      end
+
+      private
+
+      def field_attributes(field_name, scope = nil)
+        scope ||= "sessions"
+        {
+          maxlength: t("maxlength.#{scope}.#{field_name}", default: t("maxlength.default")),
+          placeholder: t("placeholder.#{scope}.#{field_name}", default: "")
+        }
+      end
+    end
+  end
+end

data/app/views/maquina/sessions/new.html.erb

@@ -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) %>
+
+  <%= turbo_frame_tag :form do %>
+    <%= render Maquina::Sessions::Form.new(OpenStruct.new(params.slice(:email, :password, :return_to))) %>
+  <% end %>
+
+</div>

data/app/views/maquina/unauthorized/401.html.erb

@@ -0,0 +1 @@
+401

data/app/views/maquina/user_notifications_mailer/invitation_email.html.erb

@@ -0,0 +1,40 @@
+<h1 class="mt-0 text-2xl font-bold text-left text-gray-postmark-darker">
+  <%= t("mailers.invitation_email.hello") %>
+</h1>
+<p class="mt-1_5 mb-5px text-base leading-6 text-gray-postmark-dark">
+  <%= t("mailers.invitation_email.content_1", inviteer: @inviteer, org: @org, product: t("mailers.product_name")) %>
+</p>
+<table align="center" class="w-full text-center my-7_5 mx-auto" cellpadding="0" cellspacing="0" role="presentation">
+  <tr>
+    <td align="center">
+      <table class="w-full" cellpadding="0" cellspacing="0" role="presentation">
+        <tr>
+          <td align="center" class="text-base">
+            <a href="<%= @url %>" class="button button--blue"><%= t("mailers.invitation_email.action") %></a>
+          </td>
+        </tr>
+      </table>
+    </td>
+  </tr>
+</table>
+<p class="mt-1_5 mb-5px text-base leading-6 text-gray-postmark-dark">
+  <%= t("mailers.invitation_email.content_2").html_safe %>
+</p>
+<p class="mt-2_5 mb-5px text-base leading-6 text-gray-postmark-dark">
+  <%= t("mailers.invitation_email.content_3", org: @org).html_safe %>
+</p>
+<p class="mt-2_5 mb-5px text-base leading-6 text-gray-postmark-dark">
+  <%= t("mailers.invitation_email.content_4").html_safe %>
+</p>
+<table class="body-sub" cellpadding="0" cellspacing="0" role="presentation">
+  <tr>
+    <td>
+      <p class="mt-1_5 mb-5px text-xs leading-6 text-gray-postmark-dark">
+        <%= t("mailers.invitation_email.footer") %>
+      </p>
+      <p class="mt-1_5 mb-5px text-xs leading-6 text-gray-postmark-dark">
+        <%= @url %>
+      </p>
+    </td>
+  </tr>
+</table>

data/app/views/maquina/user_notifications_mailer/invitation_email.text.erb

@@ -0,0 +1,12 @@
+<%= t("mailers.invitation_email.hello") %>
+
+<%= t("mailers.invitation_email.content_1_text", inviteer: @inviteer, org: @org, product: t("mailers.product_name")) %>
+
+<%= @url %>
+
+<%= t("mailers.invitation_email.content_2_text") %>
+
+<%= t("mailers.invitation_email.content_3_1_text") %>
+<%= t("mailers.invitation_email.content_3_2_text", org: @org) %>
+
+<%= t("mailers.invitation_email.content_4_text") %>

data/config/definitions.rb

@@ -0,0 +1 @@
+/Users/marioch/Development/butaca2/config/definitions.rb

data/config/initializers/importmap.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+require "maquina"
+
+Maquina.configuration.importmap.draw do
+  # Stimulus & Turbo
+  pin "@hotwired/turbo-rails", to: "turbo.min.js", preload: true
+  pin "@hotwired/stimulus", to: "stimulus.min.js", preload: true
+  pin "@hotwired/stimulus-loading", to: "stimulus-loading.js", preload: true
+  pin "stimulus-use", to: "https://ga.jspm.io/npm:stimulus-use@0.51.0/dist/index.js"
+  pin "hotkeys-js", to: "https://ga.jspm.io/npm:hotkeys-js@3.10.0/dist/hotkeys.esm.js"
+
+  # Maquina entrypoint
+  pin "application", to: "maquina/application.js", preload: true
+
+  pin_all_from Maquina::Engine.root.join("app/assets/javascripts/maquina/controllers"), under: "controllers", to: "maquina/controllers"
+end

data/config/initializers/money.rb

@@ -0,0 +1,116 @@
+# frozen_string_literal: true
+
+require "money-rails"
+
+MoneyRails.configure do |config|
+  # To set the default currency
+  #
+  # config.default_currency = :usd
+
+  # Set default bank object
+  #
+  # Example:
+  # config.default_bank = EuCentralBank.new
+
+  # Add exchange rates to current money bank object.
+  # (The conversion rate refers to one direction only)
+  #
+  # Example:
+  # config.add_rate "USD", "CAD", 1.24515
+  # config.add_rate "CAD", "USD", 0.803115
+
+  # To handle the inclusion of validations for monetized fields
+  # The default value is true
+  #
+  # config.include_validations = true
+
+  # Default ActiveRecord migration configuration values for columns:
+  #
+  # config.amount_column = { prefix: '',           # column name prefix
+  #                          postfix: '_cents',    # column name  postfix
+  #                          column_name: nil,     # full column name (overrides prefix, postfix and accessor name)
+  #                          type: :integer,       # column type
+  #                          present: true,        # column will be created
+  #                          null: false,          # other options will be treated as column options
+  #                          default: 0
+  #                        }
+  #
+  # config.currency_column = { prefix: '',
+  #                            postfix: '_currency',
+  #                            column_name: nil,
+  #                            type: :string,
+  #                            present: true,
+  #                            null: false,
+  #                            default: 'USD'
+  #                          }
+
+  # Register a custom currency
+  #
+  # Example:
+  # config.register_currency = {
+  #   priority:            1,
+  #   iso_code:            "EU4",
+  #   name:                "Euro with subunit of 4 digits",
+  #   symbol:              "€",
+  #   symbol_first:        true,
+  #   subunit:             "Subcent",
+  #   subunit_to_unit:     10000,
+  #   thousands_separator: ".",
+  #   decimal_mark:        ","
+  # }
+
+  # Specify a rounding mode
+  # Any one of:
+  #
+  # BigDecimal::ROUND_UP,
+  # BigDecimal::ROUND_DOWN,
+  # BigDecimal::ROUND_HALF_UP,
+  # BigDecimal::ROUND_HALF_DOWN,
+  # BigDecimal::ROUND_HALF_EVEN,
+  # BigDecimal::ROUND_CEILING,
+  # BigDecimal::ROUND_FLOOR
+  #
+  # set to BigDecimal::ROUND_HALF_EVEN by default
+  #
+  config.rounding_mode = BigDecimal::ROUND_HALF_UP
+
+  # Set default money format globally.
+  # Default value is nil meaning "ignore this option".
+  # Example:
+  #
+  # config.default_format = {
+  #   no_cents_if_whole: nil,
+  #   symbol: nil,
+  #   sign_before_symbol: nil
+  # }
+
+  # If you would like to use I18n localization (formatting depends on the
+  # locale):
+  config.locale_backend = :i18n
+  #
+  # Example (using default localization from rails-i18n):
+  #
+  # I18n.locale = :en
+  # Money.new(10_000_00, 'USD').format # => $10,000.00
+  # I18n.locale = :es
+  # Money.new(10_000_00, 'USD').format # => $10.000,00
+  #
+  # For the legacy behaviour of "per currency" localization (formatting depends
+  # only on currency):
+  # config.locale_backend = :currency
+  #
+  # Example:
+  # Money.new(10_000_00, 'USD').format # => $10,000.00
+  # Money.new(10_000_00, 'EUR').format # => €10.000,00
+  #
+  # In case you don't need localization and would like to use default values
+  # (can be redefined using config.default_format):
+  # config.locale_backend = nil
+
+  # Set default raise_error_on_money_parsing option
+  # It will be raise error if assigned different currency
+  # The default value is false
+  #
+  # Example:
+  # config.raise_error_on_money_parsing = false
+end