turbo_material 0.2.15 → 0.2.17

data/app/assets/javascripts/turbo_material/material_menu_button_controller.js

@@ -1,7 +1,9 @@
 import { Controller } from "@hotwired/stimulus";
-import { useClickOutside } from 'stimulus-use';
+import { destroy } from "@rails/request.js";
+
 export default class extends Controller {
     menu = undefined;
+    static values = { logoutPath: String };
 
     connect() {
         mdc.ripple.MDCRipple.attachTo(this.element);
@@ -10,13 +12,12 @@ export default class extends Controller {
         this.menu.setAnchorElement(button);
         this.menu.setAnchorCorner(mdc.menu.Corner.BOTTOM_START);
         this.menu.setFixedPosition(true);
-        useClickOutside(this);
     }
 
     disconnect() {
     }
 
-    click(event) {
+    toggleMenu(event) {
         if (this.menu.open) {
             this.close();
         } else {
@@ -32,12 +33,10 @@ export default class extends Controller {
         this.menu.open = false;
     }
 
-    clickOutside(event) {
-        if (!this.menu.open) {
-            return;
-        } else {
-            event.preventDefault();
-            this.close();
+    async logout() {
+        const response = await destroy(this.logoutPathValue);
+        if (response.ok) {
+            window.location.reload();
         }
     }
 }

data/app/helpers/turbo_material/menu_button_helper.rb

@@ -1,7 +1,9 @@
 module TurboMaterial
-module MenuButtonHelper
-    def material_menu_button(kwargs = {})
-      render "components/menu_button", **kwargs
+  module MenuButtonHelper
+    def material_menu_button(kwargs = {}, &block)
+      render "components/menu_button", **kwargs do
+        capture(&block) if block_given?
+      end
     end
   end
 end

data/app/views/components/_menu_button.html.erb

@@ -1,7 +1,8 @@
-<%# locals: (button_text:, menu_contents_partial:) %>
-<div data-controller="material-menu-button" class="!z-100">
+<%# locals: (button_text:, menu_contents_partial: nil, logout_path: nil, custom_css: '!z-100', custom_surface_css: '') %>
+<div data-controller="material-menu-button" class="<%= custom_css %>"
+     data-material-menu-button-logout-path-value="<%= logout_path  %>">
   <button class="mdc-button mdc-button--touch menu-item menu-button"
-          data-action="click->material-menu-button#click">
+          data-action="click->material-menu-button#toggleMenu">
     <span class="mdc-button__ripple"></span>
     <span class="mdc-button__focus-ring"></span>
     <span class="mdc-button__label flex items-center">
@@ -9,7 +10,11 @@
       <span class="material-icons">expand_more</span>
     </span>
   </button>
-  <div class="mdc-menu mdc-menu-surface !w-auto">
-    <%= render partial: menu_contents_partial %>
+  <div class="mdc-menu mdc-menu-surface <%= custom_surface_css %>">
+    <%- if block_given? -%>
+      <%= yield %>
+    <%- else -%>
+      <%= render partial: menu_contents_partial %>
+    <% end %>
   </div>
 </div>

data/config/tailwind.config.js

@@ -6,20 +6,22 @@ module.exports = {
             pattern: /prose/,
         },
     ],
-    content: [
-        './app/assets/stylesheets/**/*.css',
-        './app/views/**/*.html.erb'
-    ],
-    theme: {
-        extend: {
-            fontFamily: {
-                sans: ['Inter var', ...defaultTheme.fontFamily.sans],
-            },
-        },
+  content: [
+    './public/*.html',
+    './app/helpers/**/*.rb',
+    './app/assets/javascript/**/*.js',
+    './app/views/**/*.{erb,haml,html,slim}'
+  ],
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
+      },
     },
-    plugins: [
-        require('@tailwindcss/aspect-ratio'),
-        require('@tailwindcss/typography'),
-        require('@tailwindcss/container-queries'),
-    ]
+  },
+  plugins: [
+    require('@tailwindcss/aspect-ratio'),
+    require('@tailwindcss/typography'),
+    require('@tailwindcss/container-queries'),
+  ]
 }

data/lib/generators/turbo_material/install_generator.rb

@@ -0,0 +1,79 @@
+# frozen_string_literal: true
+
+module TurboMaterial
+  class InstallGenerator < Rails::Generators::Base
+    source_root File.expand_path('../templates', __FILE__)
+
+    START_MARKER = "// #{Engine.name} raw CSS. This section is auto-generated by the turbo_material installer.".freeze
+    END_MARKER = "// End of auto-generated #{Engine.name} raw CSS. Version:".freeze
+    HEAD_LINKS = <<-HTML.rstrip.freeze
+
+
+    <link href="//cdn.jsdelivr.net/npm/material-components-web@latest/dist/material-components-web.min.css" rel="stylesheet">
+    <script src="//cdn.jsdelivr.net/npm/material-components-web@latest/dist/material-components-web.min.js"></script>
+    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> 
+    HTML
+
+    def update_tailwind_config
+      tailwind_css_path = TurboMaterial::Engine.root.join('app/assets/dist/turbo_material/tailwind.css')
+      css_content = File.read(tailwind_css_path)
+      css_content.gsub!(/\/\*.*?\*\//m, '')
+      css_content.gsub!(/\{[^}]*}/m, '{}')
+      css_content.gsub!(/\\\[/, '[')
+      css_content.gsub!( /\\\]/, ']')
+
+      class_regex = /\.\\?(!?[-_a-zA-Z0-9\[\]]+)(?=[^}]*\{)/
+      classes = css_content.scan(class_regex).flatten.uniq.sort
+
+      tailwind_config_path = Rails.root.join('config/tailwind.config.js')
+
+      if tailwind_config_path.exist?
+        content_config = <<~CONFIG.strip_heredoc
+          #{START_MARKER}
+          { raw: '<div class="#{classes.join(' ')}"></div>', extension: 'html' },
+          #{END_MARKER} #{TurboMaterial::VERSION}
+        CONFIG
+
+        if File.read(tailwind_config_path.to_s).include?(START_MARKER)
+          gsub_file tailwind_config_path, /#{Regexp.escape(START_MARKER)}.*?#{Regexp.escape(END_MARKER)}.*?$/m do |match|
+            content_config.strip
+          end
+        else
+          insert_into_file tailwind_config_path, after: "content: [" do
+            "\n" + content_config.strip
+          end
+        end
+      end
+    end
+
+    def add_turbo_material_js_controllers
+      controllers_path = Rails.root.join('app/javascript/controllers/index.js')
+      if controllers_path.exist? && controllers_path.read.include?('eagerLoadControllersFrom("controllers", application)')
+        if controllers_path.read.include?('eagerLoadControllersFrom("turbo_material", application)')
+          puts "`app/javascript/controllers/index.js` already contains `eagerLoadControllersFrom(\"turbo_material\", application)`"
+        else
+          insert_into_file controllers_path, after: 'eagerLoadControllersFrom("controllers", application)' do
+            "\neagerLoadControllersFrom(\"turbo_material\", application)\n"
+          end
+        end
+      else
+        puts "`app/javascript/controllers/index.js` does not exist or does not contain `eagerLoadControllersFrom(\"controllers\", application)`"
+      end
+    end
+
+    def add_material_components_web_to_app_layout
+      layout_path = Rails.root.join('app/views/layouts/application.html.erb')
+      if layout_path.exist? && layout_path.read.include?('<%= csp_meta_tag %>')
+        if layout_path.read.include?('<link href="//cdn.jsdelivr.net/npm/material-components-web@latest/dist/material-components-web.min.css" rel="stylesheet">')
+          puts "`app/views/layouts/application.html.erb` head already contains material components web links"
+        else
+          insert_into_file layout_path, after: '<%= csp_meta_tag %>' do
+            HEAD_LINKS
+          end
+        end
+      else
+        raise "`app/views/layouts/application.html.erb` does not exist or does not contain `<%= csp_meta_tag %>`"
+      end
+    end
+  end
+end

data/lib/tasks/install.rake

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+namespace :turbo_material do
+  desc 'Installs TurboMaterial'
+  task install: :environment do
+    Rails::Command.invoke :generate, ['turbo_material:install']
+  end
+end

data/lib/turbo_material/configuration.rb

@@ -0,0 +1,7 @@
+module TurboMaterial
+  class Configuration
+
+    def initialize
+    end
+  end
+end

data/lib/turbo_material/version.rb

@@ -1,3 +1,3 @@
 module TurboMaterial
-  VERSION = "0.2.15"
+  VERSION = "0.2.17"
 end

data/lib/turbo_material.rb

@@ -1,6 +1,17 @@
 require "turbo_material/version"
 require "turbo_material/engine"
+require "turbo_material/configuration"
 
 module TurboMaterial
-  # Your code goes here...
+  class << self
+    attr_accessor :configuration
+  end
+
+  def self.configuration
+    @configuration ||= Configuration.new
+  end
+
+  def self.configure
+    yield(configuration)
+  end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: turbo_material
 version: !ruby/object:Gem::Version
-  version: 0.2.15
+  version: 0.2.17
 platform: ruby
 authors:
 - Sergey Moiseev
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-09-02 00:00:00.000000000 Z
+date: 2024-09-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -155,6 +155,7 @@ files:
 - config/importmap.rb
 - config/routes.rb
 - config/tailwind.config.js
+- lib/generators/turbo_material/install_generator.rb
 - lib/lookbook/checkbox_preview.rb
 - lib/lookbook/chips_input_preview.rb
 - lib/lookbook/chips_select_preview.rb
@@ -165,8 +166,10 @@ files:
 - lib/lookbook/select_preview.rb
 - lib/lookbook/switch_preview.rb
 - lib/lookbook/textarea_preview.rb
+- lib/tasks/install.rake
 - lib/tasks/turbo_material_tasks.rake
 - lib/turbo_material.rb
+- lib/turbo_material/configuration.rb
 - lib/turbo_material/engine.rb
 - lib/turbo_material/version.rb
 homepage: https://github.com/full-stack-biz/turbo_material