alveole 0.0.1

data/lib/alveole/helpers/method_helper.rb

@@ -0,0 +1,31 @@
+module Alveole
+  module Helper
+    module ComponentHelper
+      def component(name, *args, &block)
+        component_args = {}
+        component_args = args.pop if args[-1].is_a? Hash
+        component_args[:modifiers] = args unless args.empty?
+        component_class = "#{name}_component".camelize.constantize
+
+        render(component_class.new(**component_args), &block)
+      end
+
+      def format_value(value, options = {})
+        return if value.nil?
+
+        v = value
+        v = I18n.l(v.to_date, format: :short) if options[:date]
+        v = I18n.l(v.to_datetime, format: :short) if options[:time]
+
+        v
+      end
+
+      def label_for(obj, fieldname)
+        return unless obj && fieldname
+
+        return obj.class.human_attribute_name(fieldname) if obj.class.respond_to?(:human_attribute_name)
+        return obj.klass.human_attribute_name(fieldname) if obj.respond_to?(:klass) && obj.klass.respond_to?(:human_attribute_name)
+      end
+    end
+  end
+end

data/lib/alveole/javascript/components.js

@@ -0,0 +1,5 @@
+// Import in Application.js:
+//   import '../components';
+
+// BUTTON
+import '../components/button_component/button_component.scss'

data/lib/alveole/previews/avatar_component_preview.rb

@@ -0,0 +1,11 @@
+class AvatarComponentPreview < ViewComponent::Preview
+  layout false
+
+  def default
+    render(AvatarComponent.new(image: '/example/image', url: '/example/url'))
+  end
+
+  def without_url
+    render(AvatarComponent.new(image: '/example/image'))
+  end
+end

data/lib/alveole/previews/badge_component_preview.rb

@@ -0,0 +1,11 @@
+class BadgeComponentPreview < ViewComponent::Preview
+  layout false
+
+  def default
+    render(BadgeComponent.new(label: 'example de badge'))
+  end
+
+  def with_options
+    render(BadgeComponent.new(label: 'example de badge', options: { data: 'example-option' }))
+  end
+end

data/lib/alveole/previews/breadcrumb_component_preview.rb

@@ -0,0 +1,15 @@
+class BreadcrumbComponentPreview < ViewComponent::Preview
+  layout false
+
+  def default
+    render(BreadcrumbComponent.new(label: 'Example Breadcrumb', url: '/example/url'))
+  end
+
+  def without_url
+    render(BreadcrumbComponent.new(label: 'Example Breadcrumb'))
+  end
+
+  def breadcrumbs
+    render(BreadcrumbsComponent.new)
+  end
+end

data/lib/alveole/previews/button_component_preview.rb

@@ -0,0 +1,7 @@
+class ButtonComponentPreview < ViewComponent::Preview
+  layout false
+
+  def default
+    render(ButtonComponent.new(label: 'Example button', url: '/example/url'))
+  end
+end

data/lib/alveole/previews/definition_component_preview.rb

@@ -0,0 +1,33 @@
+class DefinitionComponentPreview < ViewComponent::Preview
+  class TempObj
+    def self.human_attribute_name(_)
+      'label'
+    end
+
+    def fieldname
+      'value'
+    end
+  end
+
+  layout false
+
+  def default
+    temp_obj = TempObj.new
+    render(DefinitionComponent.new(label: nil, value: nil, obj: temp_obj, fieldname: :fieldname, options: {}))
+  end
+
+  def with_label
+    temp_obj = TempObj.new
+    render(DefinitionComponent.new(label: 'custom label', value: nil, obj: temp_obj, fieldname: :fieldname, options: {}))
+  end
+
+  def with_value
+    temp_obj = TempObj.new
+    render(DefinitionComponent.new(label: nil, value: 'custom value', obj: temp_obj, fieldname: :fieldname, options: {}))
+  end
+
+  def with_options
+    temp_obj = TempObj.new
+    render(DefinitionComponent.new(label: nil, value: nil, obj: temp_obj, fieldname: :fieldname, options: { style: 'color:red' }))
+  end
+end

data/lib/alveole/previews/form_component_preview.rb

@@ -0,0 +1,18 @@
+class FormComponentPreview < ViewComponent::Preview
+  layout false
+
+  def default
+    render(FormComponent.new) do |form|
+      form.actions do
+        tag.span('Example actions')
+      end
+      tag.span('Example content')
+    end
+  end
+
+  def without_actions
+    render(FormComponent.new) do |_form|
+      tag.span('Example content')
+    end
+  end
+end

data/lib/alveole/previews/form_submit_component_preview.rb

@@ -0,0 +1,7 @@
+class FormSubmitComponentPreview < ViewComponent::Preview
+  layout false
+
+  def default
+    render(FormSubmitComponent.new(label: 'Example label'))
+  end
+end

data/lib/alveole/previews/heading_component_preview.rb

@@ -0,0 +1,11 @@
+class HeadingComponentPreview < ViewComponent::Preview
+  layout false
+
+  def default
+    render(HeadingComponent.new(heading: 'Example heading', sub: 'Example sub title'))
+  end
+
+  def without_sub
+    render(HeadingComponent.new(heading: 'Example heading', sub: nil))
+  end
+end

data/lib/alveole/previews/input_component_preview.rb

@@ -0,0 +1,32 @@
+class InputComponentPreview < ViewComponent::Preview
+  class TempObj
+    attr_accessor :fieldname
+
+    def initialize(fieldname = 'Example value')
+      @fieldname = fieldname
+    end
+
+    def self.human_attribute_name(_)
+      'label'
+    end
+  end
+
+  layout false
+
+  def default
+    raise 'not implemented yet'
+    # temp_obj = TempObj.new
+
+    # ActionView::Helpers.form_for temp_obj do |form_builder|
+    # # form_builder = ActionView::Helpers::FormBuilder.new(:temp_obj, temp_obj, {}, {})
+
+    #   render(InputComponent.new(type: :text,
+    #                             label: nil,
+    #                             value: nil,
+    #                             form: form_builder,
+    #                             fieldname: :fieldname,
+    #                             collection: nil,
+    #                             options: {}))
+    # end
+  end
+end

data/lib/alveole/previews/notice_component_preview.rb

@@ -0,0 +1,15 @@
+class NoticeComponentPreview < ViewComponent::Preview
+  layout false
+
+  def default
+    render(NoticeComponent.new(title: 'Example Alert', messages: ['Message 1', 'Message 2']))
+  end
+
+  def without_messages
+    render(NoticeComponent.new(title: 'Example Notice'))
+  end
+
+  def with_type_notice
+    render(NoticeComponent.new(title: 'Example Notice', messages: ['Message 1', 'Message 2'], type: 'notice'))
+  end
+end

data/lib/alveole/previews/page_component_preview.rb

@@ -0,0 +1,33 @@
+class PageComponentPreview < ViewComponent::Preview
+  layout false
+
+  def default
+    render(PageComponent.new) do |page|
+      page.actions do
+        tag.span('Example actions')
+      end
+      page.header do
+        tag.span('Example header')
+      end
+      tag.span('Example content')
+    end
+  end
+
+  def without_actions
+    render(PageComponent.new) do |page|
+      page.header do
+        tag.span('Example header')
+      end
+      tag.span('Example content')
+    end
+  end
+
+  def without_header
+    render(PageComponent.new) do |page|
+      page.actions do
+        tag.span('Example actions')
+      end
+      tag.span('Example content')
+    end
+  end
+end

data/lib/alveole/previews/sidebar_component_preview.rb

@@ -0,0 +1,33 @@
+class SidebarComponentPreview < ViewComponent::Preview
+  layout false
+
+  def default
+    render(SidebarComponent.new) do |sidebar|
+      sidebar.top do
+        tag.span('Example top')
+      end
+      sidebar.bottom do
+        tag.span('Example bottom')
+      end
+      tag.span('Example content')
+    end
+  end
+
+  def without_top
+    render(SidebarComponent.new) do |sidebar|
+      sidebar.bottom do
+        tag.span('Example bottom')
+      end
+      tag.span('Example content')
+    end
+  end
+
+  def without_bottom
+    render(SidebarComponent.new) do |sidebar|
+      sidebar.top do
+        tag.span('Example top')
+      end
+      tag.span('Example content')
+    end
+  end
+end

data/lib/alveole/previews/table_column_component_preview.rb

@@ -0,0 +1,36 @@
+class TableColumnComponentPreview < ViewComponent::Preview
+  class TempObj
+    attr_accessor :fieldname
+
+    def initialize(fieldname = 'Example value')
+      @fieldname = fieldname
+    end
+  end
+
+  layout false
+
+  def default
+    temp_obj = TempObj.new
+    render(TableColumnComponent.new(value: nil, obj: temp_obj, fieldname: :fieldname, url: nil, options: {}))
+  end
+
+  def with_url
+    temp_obj = TempObj.new
+    render(TableColumnComponent.new(value: nil, obj: temp_obj, fieldname: :fieldname, url: 'example/url', options: {}))
+  end
+
+  def with_date
+    temp_obj = TempObj.new(Time.zone.today)
+    render(TableColumnComponent.new(value: nil, obj: temp_obj, fieldname: :fieldname, url: 'example/url', options: { date: true }))
+  end
+
+  def with_time
+    temp_obj = TempObj.new(Time.zone.now)
+    render(TableColumnComponent.new(value: nil, obj: temp_obj, fieldname: :fieldname, url: 'example/url', options: { time: true }))
+  end
+
+  def with_custom_value
+    temp_obj = TempObj.new
+    render(TableColumnComponent.new(value: 'custom value', obj: temp_obj, fieldname: :fieldname, url: nil, options: {}))
+  end
+end

data/lib/alveole/previews/table_component_preview.rb

@@ -0,0 +1,12 @@
+class TableComponentPreview < ViewComponent::Preview
+  layout false
+
+  def default
+    render(TableComponent.new) do |table|
+      table.headers do
+        tag.th('Example header')
+      end
+      tag.tr(tag.td('Example column'))
+    end
+  end
+end

data/lib/alveole/previews/table_header_component_preview.rb

@@ -0,0 +1,27 @@
+class TableHeaderComponentPreview < ViewComponent::Preview
+  class TempObj
+    def self.human_attribute_name(_)
+      'label'
+    end
+
+    def fieldname
+      'value'
+    end
+  end
+
+  layout false
+
+  def default
+    temp_obj = TempObj.new
+    render(TableHeaderComponent.new(label: nil, url: nil, obj: temp_obj, fieldname: :fieldname))
+  end
+
+  def with_url
+    temp_obj = TempObj.new
+    render(TableHeaderComponent.new(label: nil, url: 'example/url', obj: temp_obj, fieldname: :fieldname))
+  end
+
+  def with_custom_label
+    render(TableHeaderComponent.new(label: 'Custom label', url: nil, obj: nil, fieldname: nil))
+  end
+end

data/lib/alveole/previews/table_row_component_preview.rb

@@ -0,0 +1,18 @@
+class TableRowComponentPreview < ViewComponent::Preview
+  layout false
+
+  def default
+    render(TableRowComponent.new) do |tablerow|
+      tablerow.actions do
+        tag.td('Example actions')
+      end
+      tag.td('Example content')
+    end
+  end
+
+  def without_actions
+    render(TableRowComponent.new) do |_tablerow|
+      tag.td('Example content')
+    end
+  end
+end

data/lib/alveole/previews/toolbar_component_preview.rb

@@ -0,0 +1,33 @@
+class ToolbarComponentPreview < ViewComponent::Preview
+  layout false
+
+  def default
+    render(ToolbarComponent.new) do |toolbar|
+      toolbar.left do
+        tag.span('Example left')
+      end
+      toolbar.right do
+        tag.span('Example right')
+      end
+      tag.span('Example content')
+    end
+  end
+
+  def without_left
+    render(ToolbarComponent.new) do |toolbar|
+      toolbar.right do
+        tag.span('Example right')
+      end
+      tag.span('Example content')
+    end
+  end
+
+  def without_right
+    render(ToolbarComponent.new) do |toolbar|
+      toolbar.left do
+        tag.span('Example left')
+      end
+      tag.span('Example content')
+    end
+  end
+end

data/lib/alveole/version.rb

@@ -0,0 +1,3 @@
+module Alveole
+  VERSION = '0.0.1'.freeze
+end

data/lib/alveole.rb

@@ -0,0 +1,16 @@
+require 'rails'
+require 'view_component'
+
+require 'alveole/version'
+require 'alveole/concerns/bem'
+require 'alveole/helpers/method_helper'
+
+if defined? ::Rails::Railtie
+  # require 'alveole/railtie'
+  require 'alveole/engine'
+end
+
+module Alveole
+  class Error < StandardError; end
+  # Your code goes here...
+end